/* Temizel mobil arayüzü: eski responsive kuralların üstünde çalışan tek son katman. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#eef2f8}
body{min-width:0}
.install-app-button{display:none}

@media(max-width:700px){
  :root{--mobile-gutter:12px;--mobile-radius:16px}
  html,body{max-width:100%;overflow-x:hidden;background:#f3f6fb}
  body{font-size:15px;padding-bottom:env(safe-area-inset-bottom)}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  button{touch-action:manipulation}

  .shell{display:block!important;width:100%;min-height:100dvh}
  .shell>.nexus-sidebar{position:sticky!important;top:0!important;z-index:50;height:66px!important;min-height:66px!important;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;overflow:visible!important;border:0!important;border-bottom:1px solid #28415f!important;background:linear-gradient(135deg,#102947,#0b1d34)!important;box-shadow:0 5px 20px rgba(9,28,53,.2)}
  .nexus-sidebar .nexus-brand{height:46px!important;min-height:46px!important;padding:0 112px 0 0!important;border:0!important;gap:10px!important}
  .nexus-sidebar .nexus-brand img{width:40px!important;height:40px!important}
  .nexus-sidebar .nexus-brand strong{font-size:23px!important;line-height:1!important}
  .nexus-sidebar .nexus-brand small{font-size:10px!important;margin-top:5px!important;white-space:nowrap!important}
  .nexus-sidebar .nexus-credit,.nexus-sidebar .account{display:none!important}
  .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;position:absolute!important;top:10px!important;right:max(10px,env(safe-area-inset-right))!important;z-index:52;min-width:102px;height:46px!important;min-height:46px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;background:#244d80!important;color:#fff!important;font-size:13px!important;box-shadow:none!important;touch-action:manipulation!important;-webkit-user-select:none;user-select:none}
  .mobile-menu-toggle:active{background:#1d416f!important;transform:scale(.98)}
  .mobile-menu-toggle svg{width:19px;height:19px;flex:none;pointer-events:none}
  .mobile-menu-toggle .mobile-menu-icon-close{display:none}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon-open{display:none}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon-close{display:block}
  .mobile-menu-toggle span{pointer-events:none}
  .nexus-sidebar nav{display:grid!important;position:absolute;top:61px;left:10px;right:10px;z-index:51;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:calc(100dvh - 82px);overflow-y:auto;padding:12px!important;border:1px solid #294769;border-radius:15px;background:#102947;box-shadow:0 20px 45px rgba(4,17,36,.38);overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;will-change:opacity,transform}
  .nexus-sidebar.menu-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .12s ease,transform .12s ease,visibility 0s}
  .nexus-sidebar nav button{min-height:48px!important;padding:10px!important;border-radius:10px!important;font-size:12px!important;line-height:1.3!important}
  .nexus-sidebar nav button svg{width:18px!important;height:18px!important}
  body.mobile-menu-open{overflow:hidden}
  body.mobile-menu-open:after{content:"";position:fixed;inset:66px 0 0;z-index:40;background:rgba(8,21,39,.52)}

  main{width:100%!important;min-width:0!important;padding:13px var(--mobile-gutter) 34px!important}
  .top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0 0 15px!important;min-height:40px!important}
  .top>span{min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;color:#6b7b92!important}
  .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important}
  .top-actions .demo{display:none!important}
  .top-actions button{min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap!important}
  .install-app-button{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#e8effc!important;color:#194a9d!important}
  .install-app-button svg{width:15px;height:15px}
  .standalone-app .install-app-button{display:none!important}

  #content{width:100%;min-width:0}
  .heading{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:11px!important;margin:0 0 15px!important}
  .heading>div{min-width:0}
  .heading h1,#content:has(.report-controls) .heading h1,#content:has(.closing-layout) .heading h1{font-size:25px!important;line-height:1.12!important;letter-spacing:-.65px!important;margin:0!important}
  .heading p,#content:has(.report-controls) .heading p,#content:has(.closing-layout) .heading p{font-size:13px!important;line-height:1.45!important;margin:6px 0 0!important}
  .heading .eyebrow{font-size:10px!important;letter-spacing:1.3px!important;margin-bottom:4px!important}
  .heading>button,.heading>[data-cash-save]{justify-self:start!important;width:auto!important;min-height:42px!important;padding:9px 14px!important;font-size:13px!important;border-radius:11px!important}

  .panel{border-radius:var(--mobile-radius)!important;margin-bottom:14px!important;box-shadow:0 3px 12px rgba(24,51,87,.035)}
  .panel-head{padding:15px!important;gap:9px!important}
  .panel-head h2{font-size:17px!important}
  .panel-head p{font-size:12px!important;line-height:1.4!important}
  .notice{padding:13px 14px!important;border-radius:13px!important;font-size:13px!important;line-height:1.5!important}
  .foot{padding:13px 15px!important;font-size:12px!important}

  input,select,textarea{width:100%!important;min-width:0!important;min-height:46px!important;font-size:16px!important;border-radius:11px!important;padding:10px 12px!important}
  input[type=checkbox],input[type=radio]{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;padding:0!important}
  label{gap:5px!important;font-size:13px!important}

  .report-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0 0 14px!important;padding:13px!important;border:1px solid #e0e7f1;border-radius:15px;background:#fff}
  .report-controls label,.report-controls label:last-child{grid-column:auto!important;min-width:0!important;width:100%!important;max-width:none!important}
  .mode-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;padding:4px!important;border-radius:11px!important;background:#edf2fa!important}
  .mode-buttons button{min-height:42px!important;padding:8px!important;border-radius:9px!important;font-size:13px!important}

  .cards,.report-summary-cards,.viewer-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
  .card,.report-controls~.cards .card,.viewer-cards .card{min-width:0!important;min-height:105px!important;padding:15px!important;border-radius:15px!important}
  .card small,.report-controls~.cards .card small,.viewer-cards .card small{font-size:12px!important;line-height:1.35!important}
  .card strong,.report-controls~.cards .card strong,.viewer-cards .card strong{font-size:clamp(17px,5.3vw,21px)!important;line-height:1.2!important;margin:9px 0 0!important;white-space:nowrap!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
  .report-summary-cards .card.total{grid-column:1/-1!important;order:-2;min-height:112px!important;background:linear-gradient(135deg,#174ebd,#2d64d4)!important}
  .report-summary-cards .card.total strong{font-size:clamp(25px,7.4vw,29px)!important}
  .report-summary-cards .card.negative{grid-column:1/-1!important;min-height:96px!important;display:block!important;overflow:hidden!important}
  .report-summary-cards .card.negative strong{display:block!important;margin:9px 0 0!important;text-align:left!important;font-size:clamp(21px,6.4vw,25px)!important;white-space:nowrap!important}
  .report-summary-cards .card.negative p,.report-summary-cards .card.negative span{display:block!important;max-width:100%!important;margin:6px 0 0!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;color:#718097!important}

  .payment-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:14px!important}
  .payment-strip>div{min-height:74px!important;padding:12px!important;border-radius:14px!important}
  .payment-strip span{font-size:12px!important}.payment-strip b{font-size:16px!important}

  .daily-report-breakdown{margin-bottom:14px!important;border-radius:15px!important}
  .daily-report-breakdown-head{padding:14px!important;gap:8px!important;flex-direction:column!important;align-items:flex-start!important}
  .daily-report-breakdown-head h2{font-size:16px!important}.daily-report-breakdown-head>strong{font-size:21px!important}
  .daily-report-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .daily-report-breakdown-grid>div{min-width:0!important;min-height:85px!important;padding:12px!important}
  .daily-report-breakdown-grid span{font-size:12px!important}.daily-report-breakdown-grid b{font-size:16px!important;overflow-wrap:anywhere}.daily-report-breakdown-grid small{font-size:10px!important;line-height:1.35!important}

  .report-tabs,.entry-tabs.report-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;padding:7px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .report-tabs::-webkit-scrollbar,.closing-layout .entry-tabs::-webkit-scrollbar{display:none}
  .report-tabs button{flex:0 0 auto!important;min-width:124px!important;min-height:43px!important;padding:8px 11px!important;scroll-snap-align:start;font-size:12px!important}
  .report-period{padding:11px 14px!important;font-size:11px!important;line-height:1.4!important}
  .report-panel .report-table-wrap{padding:9px;background:#f6f8fc}
  .fit-table tbody>tr{margin-bottom:9px!important;padding:13px!important;border:1px solid #e0e7f1!important;border-radius:13px!important;background:#fff!important}
  .fit-table tbody>tr:last-child{margin-bottom:0!important}
  .fit-table td{gap:12px!important;padding:6px 0!important;font-size:13px!important}
  .fit-table td:before{max-width:46%!important;font-size:11px!important;line-height:1.3!important}
  .fit-table td:first-child{padding-bottom:9px!important;margin-bottom:4px!important;border-bottom:1px solid #edf1f6!important}
  .fit-table td[colspan]{border:0!important;margin:0!important;padding:8px 0!important}
  .detail-button{min-height:40px!important}
  .report-pagination{justify-content:space-between!important;padding:12px!important;gap:8px!important}
  .report-pagination button{min-height:40px!important;padding:8px 11px!important}

  .closing-meta{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:9px!important;margin-bottom:14px!important}
  .closing-meta label,.closing-meta label:first-child{width:100%!important;min-width:0!important;max-width:none!important}
  .closing-meta .pill{justify-self:start!important;margin:0!important}
  .closing-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .closing-layout .entry-tabs{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;padding:7px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .closing-layout .entry-tabs button{flex:0 0 104px!important;min-width:104px!important;min-height:46px!important;padding:7px!important;scroll-snap-align:start}
  .amount-grid{grid-template-columns:minmax(0,1fr)!important;padding:15px!important;gap:14px!important}
  .amount-input input{font-size:18px!important;font-weight:700!important}
  .expense-list{padding:14px!important}.expense-row{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  .closing-summary{display:flex!important;position:static!important;width:100%!important;padding:17px!important;border-radius:15px!important}
  .closing-summary .summary-lines{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .cash-save-bar{position:sticky!important;bottom:8px!important;z-index:8!important;display:grid!important;gap:10px!important;padding:13px!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(24,52,91,.14)}
  .cash-save-bar button{width:100%!important;min-height:46px!important}

  .cash-rollover-controls,.personnel-controls,.courier-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .cash-rollover-controls label,.personnel-controls label,.courier-controls label{width:100%!important;min-width:0!important}
  .rollover-hint{width:100%!important;max-width:none!important}
  .cash-rollover-cards,.courier-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .cash-rollover-cards article,.courier-cards article{padding:13px!important;border-radius:14px!important}
  .cash-rollover-cards strong,.courier-cards article strong{font-size:19px!important;overflow-wrap:anywhere}
  .cash-rollover-layout,.movement-quick-grid,.account-ledger-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding-left:0!important;padding-right:0!important}
  .movement-quick-fields,.transfer-quick-fields,.cash-rollover-form,.account-ledger-fields{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  .movement-quick-fields .wide,.cash-rollover-form .wide{grid-column:auto!important}
  .cash-account-add{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  .cash-account-panel>.table-wrap,.account-ledger-grid{padding:10px!important}
  .cash-account-panel>.table-wrap>table>tbody{grid-template-columns:minmax(0,1fr)!important}
  .cash-account-panel>.table-wrap>table>tbody>tr,.account-ledger-card{padding:14px!important;border-radius:14px!important}
  .cash-account-total-cards{grid-template-columns:minmax(0,1fr)!important}
  .cash-account-report .panel-head>div:last-child,.personnel-toolbar,.courier-tools{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important;margin-left:0!important}
  .cash-account-report .panel-head button,.personnel-toolbar button,.courier-tools button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px!important}

  .table-wrap,.personnel-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .personnel-grid th:first-child,.personnel-grid td:first-child{width:160px!important;min-width:160px!important;max-width:160px!important}
  .courier-table{min-width:940px!important}

  dialog,dialog.permissions-dialog,dialog.management-dialog,dialog.closing-dialog,dialog.pwa-install-dialog{width:100vw!important;max-width:100vw!important;max-height:88dvh!important;margin:auto 0 0!important;padding:0!important;border-radius:20px 20px 0 0!important;overscroll-behavior:contain}
  dialog::backdrop{background:rgba(8,24,45,.62);backdrop-filter:blur(2px)}
  dialog>.form,dialog .detail-body,dialog.permissions-dialog>.form{padding:16px!important}
  dialog .panel-head{position:sticky!important;top:0!important;z-index:3!important;background:#fff!important}
  #toast{left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;text-align:center!important;border-radius:12px!important;z-index:100!important}

  .pwa-install-content{padding:18px!important}
  .pwa-install-content ol{display:grid;gap:12px;margin:14px 0 0;padding-left:22px;color:#3d506c}
  .pwa-install-content li{padding-left:4px;line-height:1.5}
  .pwa-install-note{margin-top:16px;padding:12px;border-radius:12px;background:#eef4ff;color:#315b98;font-size:12px}
}

@media(max-width:330px){
  .nexus-sidebar .nexus-brand small{display:none!important}
  .report-summary-cards,.cards,.viewer-cards,.cash-rollover-cards,.courier-cards{grid-template-columns:minmax(0,1fr)!important}
  .report-summary-cards .card.total,.report-summary-cards .card.negative{grid-column:auto!important}
  .report-summary-cards .card.negative{display:block!important}.report-summary-cards .card.negative strong{text-align:left!important;margin-top:9px!important}
  .daily-report-breakdown-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* iPhone ana ekran/PWA: durum çubuğu menünün üstüne binmesin. */
@media(max-width:700px){
  .standalone-app .shell>.nexus-sidebar{
    padding-top:calc(10px + env(safe-area-inset-top,0px))!important;
    height:calc(66px + env(safe-area-inset-top,0px))!important;
    min-height:calc(66px + env(safe-area-inset-top,0px))!important;
  }
  .standalone-app .mobile-menu-toggle{
    top:calc(10px + env(safe-area-inset-top,0px))!important;
    right:max(10px,env(safe-area-inset-right,0px))!important;
  }
  .standalone-app .nexus-sidebar nav{
    top:calc(61px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - 82px - env(safe-area-inset-top,0px))!important;
  }
  .standalone-app body.mobile-menu-open:after{
    inset:calc(66px + env(safe-area-inset-top,0px)) 0 0!important;
  }
}
@media(max-width:700px) and (display-mode:standalone){
  .shell>.nexus-sidebar{
    padding-top:calc(10px + env(safe-area-inset-top,0px))!important;
    height:calc(66px + env(safe-area-inset-top,0px))!important;
    min-height:calc(66px + env(safe-area-inset-top,0px))!important;
  }
  .mobile-menu-toggle{top:calc(10px + env(safe-area-inset-top,0px))!important}
  .nexus-sidebar nav{top:calc(61px + env(safe-area-inset-top,0px))!important}
}
@media print{.install-app-button,.mobile-menu-toggle{display:none!important}}