/* POSSYRA v2.3.1 — mobil uygulama, kamera, QR ve hesap güvenliği çalışma alanı */
.product-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.product-scan-btn,.product-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.product-scan-btn .ui-icon,.product-create-btn .ui-icon{width:19px;height:19px}.native-capture-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.native-capture-actions.full{grid-column:1/-1}.native-capture-actions button{min-height:40px;padding:10px 13px}.native-capture-actions small{color:var(--muted);font-size:10px;line-height:1.45}.mobile-quick-tools{margin-bottom:10px}.mobile-quick-tools>button{width:100%;display:flex;align-items:center;gap:12px;min-height:70px;padding:14px;border:1px solid rgba(47,128,237,.23);border-radius:17px;background:linear-gradient(135deg,rgba(47,128,237,.12),rgba(65,217,216,.08));color:var(--text);text-align:left}.mobile-quick-tools>button>.ui-icon{flex:0 0 auto;width:28px;height:28px;color:var(--accent)}.mobile-quick-tools>button>span{display:grid;gap:3px}.mobile-quick-tools strong{font-size:12px}.mobile-quick-tools small{color:var(--muted);font-size:9px}.scanner-result-card{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--surface-solid)}.scanner-result-card h3{margin:0;font-size:22px;letter-spacing:-.03em}.scanner-result-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.scanner-result-card.scanner-invalid{border-color:rgba(220,76,100,.24)}.scanner-result-card.scanner-invalid strong{color:var(--danger)}.scanner-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.scanner-summary-grid>div{display:grid;gap:4px;min-width:0;padding:12px;border-radius:14px;background:var(--input)}.scanner-summary-grid strong{font-size:16px}.scanner-summary-grid span{color:var(--muted);font-size:8px;line-height:1.3}.scanner-summary-grid .danger strong{color:var(--danger)}.scanner-history-list{display:grid;gap:8px;margin-top:12px}.scanner-history-item{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.scanner-history-item strong{font-size:11px}.scanner-history-item span,.scanner-history-item small{color:var(--muted);font-size:9px;line-height:1.4}.scanner-empty{padding:18px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:10px;text-align:center}

@media(max-width:979px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-y:none}
  body{min-height:var(--app-height,100dvh);-webkit-tap-highlight-color:transparent}
  button,a,input,select,textarea{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}
  .screen{width:100%;max-width:none;min-height:var(--app-height,100dvh);padding:12px 12px calc(96px + env(safe-area-inset-bottom));overflow-x:clip}
  .app-shell-screen{padding-top:0}
  .topbar{top:0;margin:0 -12px 14px;padding:calc(9px + env(safe-area-inset-top)) 12px 10px;min-height:64px;gap:8px}
  .header-brand,.header-copy,.topbar-actions,.product-page-intro>div,.section-head>div,.panel-head>div{min-width:0}
  .header-logo-wrap{flex:0 0 auto}.header-logo{max-width:118px;height:auto}.header-copy h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-copy .eyebrow{font-size:8px}
  .topbar-actions{gap:6px}.topbar .icon-btn,.topbar .avatar-btn,.topbar .theme-toggle{width:40px;height:40px;flex:0 0 40px}
  .bottom-nav{left:8px!important;right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:6px!important;border-radius:20px!important}
  .bottom-nav .nav-item{min-width:0!important;min-height:55px!important;padding:5px 2px!important;gap:2px!important}.bottom-nav .nav-item span{width:29px!important;height:29px!important}.bottom-nav .nav-item em{max-width:100%;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav .nav-primary{transform:none!important}.bottom-nav .nav-primary span{width:38px!important;height:38px!important}
  body.keyboard-open .bottom-nav{display:none!important}.keyboard-open .screen{padding-bottom:calc(18px + var(--keyboard-height,0px))}
  .modal{align-items:flex-end;padding:0!important}.modal-sheet{width:100%!important;max-width:100%!important;max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top) - 10px)!important;margin:0!important;padding:15px 14px calc(16px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;overflow:auto!important}.modal-head{position:sticky;top:-15px;z-index:4;margin:-15px -14px 12px;padding:15px 14px 10px;background:var(--surface-solid);border-bottom:1px solid var(--line)}.modal-actions{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:3;margin:15px -14px calc(-16px - env(safe-area-inset-bottom));padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:var(--surface-solid);border-top:1px solid var(--line)}
  :where(.content-card,.profile-card,.menu-card,.product-workspace-card,.business-workspace-card,.reporting-panel,.document-workspace-card,.service-workspace-card,.notification-workspace-card){max-width:100%;min-width:0}
  :where(.form-grid,.detail-grid,.service-detail-grid,.business-overview-grid,.reporting-grid,.document-grid,.profile-control-grid)>*{min-width:0}
  .product-page-intro{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:17px!important}.product-page-intro h3{font-size:23px!important}.product-page-intro p{max-width:none!important}.product-page-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);width:100%}.product-page-actions button{width:100%;padding-inline:10px}
  .product-toolbar-main,.document-toolbar-main,.service-workspace-toolbar,.reporting-control-card{grid-template-columns:1fr!important}.product-select-wrap,.service-filter-wrap{width:100%!important}.product-view-toggle{justify-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important}.product-view-toggle button{width:100%!important}.product-filter-row,.document-status-tabs,.business-main-tabs,.detail-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.product-filter-row>* ,.document-status-tabs>* ,.business-main-tabs>* ,.detail-tabs>*{scroll-snap-align:start;flex:0 0 auto}
  .stats-grid,.detail-stats,.product-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-grid>div,.detail-stats>div{min-width:0}.stats-grid strong,.detail-stats strong{font-size:18px!important}
  .product-card{grid-template-columns:48px minmax(0,1fr) auto!important;padding:12px!important}.product-thumb,.product-image{width:48px!important;height:48px!important;border-radius:14px!important}.product-card strong,.service-request-card strong{overflow-wrap:anywhere}
  .profile-identity-card{padding:16px!important}.profile-facts{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;max-width:520px!important}.profile-facts>div{display:grid!important;grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr)!important;align-items:center!important;min-height:43px!important;padding:8px 11px!important}.profile-facts span{font-size:9px!important}.profile-facts strong{margin:0!important;font-size:11px!important;text-align:right!important;overflow-wrap:anywhere}.profile-avatar-actions{grid-template-columns:1fr 1fr!important;width:100%}.profile-avatar-actions>*{min-width:0!important}.profile-avatar-actions #removeProfileAvatarBtn{grid-column:1/-1}.profile-edit-form{grid-template-columns:1fr!important}.profile-editor-avatar{grid-column:auto!important;grid-row:auto!important}
  .theme-choice-group{grid-template-columns:repeat(3,minmax(0,1fr))!important}.theme-choice-group button{min-width:0!important;padding-inline:6px!important}
  .native-capture-actions{grid-template-columns:1fr}.native-capture-actions button{width:100%}.native-capture-actions small{text-align:center}
  .document-version-list article{grid-template-columns:42px minmax(0,1fr)!important}.document-version-list article>span:last-of-type,.document-version-list article>button{grid-column:2}.document-manage-grid{grid-template-columns:1fr!important}
  .notification-card,.notification-task-card{grid-template-columns:40px minmax(0,1fr)!important}.notification-card-actions,.notification-task-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.notification-card-actions button,.notification-task-actions button{width:100%!important}.notification-card-meta time{margin-left:0!important}
  .mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-more-grid button{min-width:0}.mobile-theme-strip{align-items:stretch!important;flex-direction:column!important}.theme-choice-group.compact{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .scanner-summary-grid{grid-template-columns:1fr 1fr}.scanner-summary-grid>div:last-child{grid-column:1/-1}
  img,canvas,video,iframe,svg{max-width:100%}
  pre,code,.copy-row input,.app-version-row strong{overflow-wrap:anywhere;word-break:break-word}
}

@media(max-width:430px){
  .screen{padding-inline:9px}.topbar{margin-inline:-9px;padding-inline:9px}.header-logo{max-width:100px}.header-copy .eyebrow{display:none}.topbar-actions{gap:4px}
  .product-page-actions{grid-template-columns:1fr}.stats-grid,.detail-stats,.product-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.mobile-more-grid{grid-template-columns:1fr!important}.profile-facts>div{grid-template-columns:84px minmax(0,1fr)!important}.scanner-summary-grid{grid-template-columns:1fr}.scanner-summary-grid>div:last-child{grid-column:auto}
}

@media(max-width:350px){
  .bottom-nav .nav-item em{font-size:7px!important}.bottom-nav .nav-item span{width:26px!important;height:26px!important}.stats-grid,.detail-stats,.product-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid{grid-template-columns:1fr!important}.header-logo{max-width:86px}.profile-facts>div{grid-template-columns:1fr!important}.profile-facts strong{text-align:left!important}
}

/* v2.3.1 mobile account security */
@media (max-width:760px){
  .security-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-status-grid article{padding:12px}.security-status-grid article strong{font-size:16px}
  .security-panel{padding:13px;border-radius:15px}.security-panel-head{display:grid;gap:8px}.security-state-pill{justify-self:start}
  .security-inline-form{grid-template-columns:1fr}.security-inline-form .primary-btn{width:100%}.security-settings-row{grid-template-columns:1fr;align-items:stretch}.security-settings-row .secondary-btn{width:100%}
  .security-device-row{grid-template-columns:38px minmax(0,1fr);padding:10px}.security-device-state{grid-column:2;justify-self:start}.security-device-icon{width:38px;height:38px}
  .security-action-row{display:grid;grid-template-columns:1fr;width:100%}.security-action-row>*{width:100%;box-sizing:border-box}.recovery-code-grid{grid-template-columns:1fr}
  .profile-phone-readonly>div{grid-template-columns:1fr}.profile-phone-readonly button{grid-column:1;grid-row:auto;text-align:left;padding:4px 0}
  .auth-recovery-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.auth-recovery-actions button{white-space:normal;line-height:1.25}
  .session-lock-overlay{padding:12px}.session-lock-card{padding:20px 16px;border-radius:20px}
}
@media (max-width:390px){.security-status-grid{grid-template-columns:1fr}.auth-recovery-actions{grid-template-columns:1fr}.phone-otp-box>div{display:grid}.phone-otp-box button{width:100%}}
