@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,DM Sans,Arial,sans-serif;color:#e2e8f0;background:#08111f;font-synthesis:none;--bg:#08111f;--panel:#111d30;--panel2:#17263d;--stroke:#283b53;--muted:#94a3b8;--text:#edf5ff;--aqua:#22d3b5;--aqua2:#073d3d;--red:#fb7185;--gold:#ffca6d;--blue:#83baff}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#a5e9e1}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.1px}h2{font-size:1.25rem;letter-spacing:-.4px}h3{font-size:1rem}strong{font-weight:800}small,.muted{color:var(--muted)}.hidden{display:none!important}.boot{height:92vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.brand-emblem{font-size:3rem}.boot p{color:var(--muted)}.spinner{margin-top:30px;width:28px;height:28px;border-radius:50%;border:3px solid var(--stroke);border-top-color:var(--aqua);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Shell */
.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:0 0 250px;background:#0c1829;border-right:1px solid var(--stroke);padding:25px 15px;position:sticky;top:0;height:100vh;overflow:auto}.logo{display:flex;gap:12px;align-items:center;padding:6px 10px 22px}.logo-icon{display:grid;place-items:center;background:linear-gradient(145deg,#fed27a,#f39e41);border-radius:15px;color:#1b1b1b;font-size:27px;width:48px;height:48px}.logo b{display:block;font-size:16px;line-height:1.35}.logo small{font-size:11px}.nav-label{color:#607b99;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;padding:22px 13px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;color:#9cb0c7;padding:12px;border-radius:12px;font-weight:650;margin:3px 0;transition:background .15s}.nav-item.active,.nav-item:hover{background:#173449;color:#5df0d1}.nav-icon{font-size:18px;width:25px;text-align:center}.side-bottom{margin-top:25px;padding:16px 12px;border-top:1px solid var(--stroke)}.side-bottom small{display:block;overflow-wrap:anywhere}.main{width:calc(100% - 250px);min-width:0;padding:28px 38px 80px;max-width:1700px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.eyebrow{color:#76f1d6;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.topbar h1{margin:5px 0 0;font-size:clamp(22px,3vw,31px)}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chip{border:1px solid #335068;background:#12243a;color:#a6cad3;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:9px 12px;border-radius:30px}.chip .dot{height:7px;width:7px;border-radius:100%;background:#22d3b5}.chip.demo .dot{background:var(--gold)}.section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-head h2{margin:0}.section-head p{margin:4px 0 0}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.stat,.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:19px;padding:21px}.stat{min-height:160px}.stat .label{color:#aab9ca;font-weight:650;font-size:12px;line-height:1.4}.stat .value{font-size:clamp(22px,2.1vw,33px);font-weight:800;letter-spacing:-1px;margin:15px 0 8px;white-space:nowrap}.stat .hint{color:#8194a9;font-size:12px}.stat .value.positive{color:#64ecd1}.stat .value.gold{color:#fcd083}.stat .value.blue{color:#92c6ff}.stat .value.red{color:#ff9cab}.metric-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.metric-val{font-size:20px;font-weight:800;margin-top:4px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.mini-metrics>div{border-top:1px solid var(--stroke);padding-top:14px}.hero{background:linear-gradient(105deg,#133a40,#10243d 70%);border:1px solid #2c5f67;border-radius:21px;padding:24px 26px;display:flex;justify-content:space-between;gap:15px;align-items:center}.hero h2{font-size:24px;margin:0 0 6px}.hero p{color:#abd1d1;margin:0}.hero .hero-icon{font-size:50px;opacity:.6}.table-scroll{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#8fa5bb;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:750;border-bottom:1px solid var(--stroke);padding:12px 10px;white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid #22334a;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{display:block}td .sub{font-size:11px;color:var(--muted);margin-top:4px}.right{text-align:right}.nowrap{white-space:nowrap}.empty{text-align:center;padding:36px 10px;color:#98abc1}.empty .icon{font-size:35px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;border-radius:99px;background:#144d43;color:#78ebc8;padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.badge.warn{background:#473719;color:#ffcf86}.badge.red{background:#492338;color:#ff98ae}.badge.neutral{background:#24364b;color:#bdd2e5}
/* Controls */
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:750;font-size:13px;transition:transform .12s,filter .12s;text-decoration:none;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--aqua);color:#062721}.btn.secondary{background:#20344d;color:#dcecff;border-color:#375068}.btn.ghost{background:transparent;color:#bce6e6;border-color:#2c4d59}.btn.danger{background:#532838;color:#ffb2bb}.btn.sm{min-height:32px;padding:6px 10px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid var(--stroke);background:#1b2b40;color:#dbeafe;border-radius:10px;padding:7px 10px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;align-items:flex-end}.filter{min-width:150px;flex:1}.field label{display:block;color:#abc0d5;font-weight:700;font-size:12px;margin-bottom:8px}.field input,.field select,.field textarea,.filter input,.filter select{width:100%;background:#0b1828;border:1px solid #30445d;border-radius:10px;color:#eef6ff;padding:11px 12px;min-height:43px;outline:0;appearance:auto}.field textarea{min-height:83px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#25cfae;box-shadow:0 0 0 3px #0c76604d}.field input::placeholder,.field textarea::placeholder{color:#637a92}.field .help{color:var(--muted);font-size:11px;margin:6px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1 / -1}.form-section{margin:22px 0 16px;padding:15px 17px;border-radius:12px;background:#1a2a40;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.form-section .light{font-size:11px;color:var(--muted);font-weight:500}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--stroke);padding-top:23px;margin-top:25px;flex-wrap:wrap}.summary-card{border:1px solid #21665f;background:linear-gradient(145deg,#0f3b40,#152b39);border-radius:15px;padding:20px}.summary-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #2b5355;font-size:13px}.summary-line:last-child{border:0}.summary-line strong{font-size:16px}.warntext{color:#ffcf7e}.redtext{color:#ff94a5}.greentext{color:#66ead0}.flow-end{display:flex;justify-content:flex-end}.text-button{background:none;border:0;color:#65e8cf;font-weight:700;padding:5px}.subtle{font-size:12px;color:var(--muted);line-height:1.7}.inline-list{display:flex;gap:8px;flex-wrap:wrap}.divider{border:0;border-top:1px solid var(--stroke);margin:23px 0}.notice{border:1px solid #385c65;background:#14303e;padding:15px 17px;border-radius:13px;color:#b9e0e6;font-size:13px;line-height:1.65}.notice.warn{background:#392f24;border-color:#77603f;color:#f6d6a7}.code{background:#0b192b;color:#9fefdc;border:1px dashed #477d7e;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all}.select-org{background:#0e233a;border:1px solid var(--stroke);color:white;padding:9px;border-radius:9px;max-width:180px}
/* Auth */
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr)}.auth-art{padding:10vh 8vw;background:radial-gradient(circle at 25% 10%,#175e57 0,transparent 42%),linear-gradient(155deg,#16384a,#0a1628 72%);display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-weight:850;font-size:18px;color:#9fffe5}.auth-art h1{font-size:clamp(32px,4vw,63px);line-height:1.09;max-width:610px;letter-spacing:-2.1px}.auth-art h1 span{color:#48e7c3}.auth-art p{max-width:530px;color:#b6cbd4;line-height:1.8;font-size:16px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 30px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:25px}.auth-card .field{margin:15px 0}.auth-card .btn{width:100%;margin-top:9px}.form-note{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.7}.pill-strip{display:flex;gap:8px;background:#122239;border:1px solid #2a3c54;padding:5px;border-radius:13px;margin:20px 0}.pill-strip button{background:none;border:0;color:#9eb3c8;flex:1;border-radius:9px;padding:11px;font-weight:750}.pill-strip button.active{background:#204b51;color:#8cffdc}.auth-footer{display:flex;align-items:center;gap:10px;margin-top:20px}.wizard{max-width:750px;margin:45px auto;padding:0 20px}.wizard .card{padding:28px}.wizard h1{font-size:29px}.wizard .grid{margin-top:15px}
/* Dialog */
.dialog-cover{position:fixed;inset:0;z-index:40;background:#020712c9;backdrop-filter:blur(4px);overflow-y:auto;padding:28px 14px;display:flex;align-items:flex-start;justify-content:center}.dialog{background:#101e31;border:1px solid #37516d;box-shadow:0 30px 100px #000a;border-radius:20px;width:min(800px,100%);padding:23px 24px;margin:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head h2{margin:0}.dialog .field{margin-top:7px}.dialog .summary-card{margin-top:20px}#toast{pointer-events:none;position:fixed;z-index:99;right:20px;bottom:20px;max-width:380px;background:#13584b;color:#e9fff9;border:1px solid #3c9982;padding:14px 18px;border-radius:13px;font-weight:650;font-size:13px;box-shadow:0 10px 50px #0007;display:none}#toast.error{background:#6a2536;border-color:#c45b78}#toast.show{display:block}.mobile-nav{display:none}
@media(max-width:1080px){.sidebar{width:215px;flex-basis:215px}.main{width:calc(100% - 215px);padding:22px 22px 90px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-art{padding:8vh 6vw}}
@media(max-width:760px){.sidebar{display:none}.shell{display:block}.main{width:100%;padding:20px 14px 108px}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.top-actions{justify-content:flex-end}.top-actions .chip{font-size:10px;padding:7px}.hero{padding:20px}.hero h2{font-size:19px}.hero .hero-icon{font-size:32px}.stats{gap:10px}.stat{padding:16px;min-height:138px}.stat .value{font-size:23px;white-space:normal}.grid.two,.grid.three{grid-template-columns:1fr}.card,.panel{padding:16px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;background:#0c182bf5;backdrop-filter:blur(10px);grid-template-columns:repeat(5,1fr);border-top:1px solid #355069;z-index:25;padding:9px 3px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:#93a7ba;font-weight:650;font-size:10px;padding:5px 0}.mobile-nav button.active{color:#6ff1d6}.mobile-nav span{display:block;font-size:20px;margin-bottom:3px}.form-grid,.form-grid.three-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-wrap{display:block}.auth-art{min-height:250px;padding:35px 28px}.auth-art h1{font-size:31px;letter-spacing:-.8px;margin:15px 0}.auth-art p{font-size:13px}.auth-form-wrap{padding:35px 23px}.dialog-cover{padding:8px}.dialog{padding:17px 14px;border-radius:15px}.wizard{margin:25px auto}.wizard .card{padding:19px}.mini-metrics{gap:5px}.mini-metrics .metric-val{font-size:17px}}
@media(max-width:400px){.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:12px}.form-grid,.form-grid.three-cols{grid-template-columns:1fr}.stat .value{font-size:21px}.filters{display:grid;grid-template-columns:repeat(2,1fr)}}
@media print{body{background:white;color:black}.sidebar,.mobile-nav,.top-actions,.btn,.filters,.no-print{display:none!important}.main{width:100%;padding:0}.card,.panel,.stat{background:white;color:black;border:1px solid #bbb}td,th{color:black;border-color:#aaa}.topbar h1,.metric-val,.stat .value{color:#111!important}}

.mobile-more{display:none}
@media(max-width:760px){.mobile-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:10px;right:10px;background:#14243a;border:1px solid #36516c;border-radius:16px;z-index:26;padding:15px;box-shadow:0 12px 50px #000b}.mobile-more strong{grid-column:1/-1;color:#88e9d2}.mobile-more button{border:1px solid #34536c;color:#eaf9ff;background:#1d354a;text-align:left;border-radius:10px;padding:13px;font-weight:700}.top-actions{gap:6px}.top-actions .btn{padding:7px 10px;min-height:33px}}

.auth-error{background:#411c29;border:1px solid #dc7588;color:#ffe9ef;margin:15px 0;line-height:1.5}

/* V7: Vardiya formu, telefonda duzenli ikili alan sirasi. */
#shift-form .form-grid, #shift-form .form-grid.three-cols{
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start;
  gap: 15px 14px;
}
#shift-form .field { min-width:0; }
#shift-form .field input, #shift-form .field select, #shift-form .field textarea { min-width:0; max-width:100%; }
#shift-form .field label { overflow-wrap:break-word; line-height:1.35; }
#shift-form .field.full { grid-column:1/-1; }
#shift-form input[type="datetime-local"] { min-width:0; width:100%; }
@media(max-width:760px) {
  #shift-form .form-grid { column-gap:12px; row-gap:13px; }
  #shift-form input[type="datetime-local"] {
    font-family:system-ui,-apple-system,sans-serif;
    font-size:12px;
    letter-spacing:-.35px;
    padding:9px 4px;
  }
  #shift-form .field label { font-size:12px; }
  #shift-form .field .help { line-height:1.45; }
}
@media(max-width:400px) {
  #shift-form .form-grid, #shift-form .form-grid.three-cols {grid-template-columns:repeat(2,minmax(0,1fr));}
  #shift-form input[type="datetime-local"] {font-size:11px;padding:8px 3px;letter-spacing:-.4px;}
}

/* V8: İki otomatik KM alanını yan yana, taşmadan göster. */
#shift-form #km_rate, #shift-form #revenue_per_km { font-variant-numeric: tabular-nums; }
#shift-form #km_rate[readonly], #shift-form #revenue_per_km[readonly] { background:#102c3a; color:#91f2da; cursor:default; }

/* V9: align adjacent calculated KM rates even when Turkish labels wrap on mobile. */
#shift-form label[for="km_rate"],
#shift-form label[for="revenue_per_km"] {
  display: flex;
  align-items: flex-end;
  min-height: 4.2em;
}

/* V10: Separate BİM ledger, optimized for 320-430px phones. */
.bim-banner{display:flex;align-items:center;gap:15px;padding:23px 20px;border-radius:18px;background:linear-gradient(115deg,#3b2e1b,#19283a);border:1px solid #9d7c42;margin:18px 0 0}
.bim-mark{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:#534124;font-size:26px}
.bim-banner strong{color:#ffe3a7;font-size:20px}.bim-banner p{font-size:12px;color:#c8d2d9;line-height:1.55;margin:6px 0 0}
.bim-period{max-width:260px;margin:18px 0}.bim-period .field input{color-scheme:dark}
.bim-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.bim-stat{background:#1c2b3c;border:1px solid #3a4e63;border-radius:15px;padding:17px;min-width:0}.bim-stat small{display:block;color:#a3b5c5;line-height:1.5;font-size:12px}.bim-stat strong{display:block;color:#f9d68d;font-size:clamp(17px,2vw,28px);margin-top:10px;overflow-wrap:anywhere}
.bim-entry{border-color:#4c695f}.bim-entry .section-head h2{margin:0}.bim-entry .field input[type=date],.bim-entry .field input[type=time]{color-scheme:dark;min-width:0}.bim-entry .field input{max-width:100%;min-width:0}
.bim-inline-help{font-size:12px;color:#b1c4d3;background:#102b32;padding:12px 14px;border-radius:11px;margin-top:16px;line-height:1.55}
.bim-entry .form-footer{border:0;margin-top:8px;padding-top:6px}.bim-save{width:100%}
.bim-records{display:grid;gap:12px}.bim-record{padding:17px 19px;border-radius:15px;border:1px solid #334961;background:#121f33}
.bim-record-top,.bim-record-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bim-record-top strong{display:block;font-size:14px}.bim-record-top strong span{font-weight:500;color:#98aec1;margin-left:7px}.bim-record-top small{display:block;font-size:11px;margin-top:6px;overflow-wrap:anywhere}
.bim-amount{font-weight:800;color:#ffe1a5;white-space:nowrap}.bim-record-foot{border-top:1px solid #2a3e54;margin-top:13px;padding-top:12px;align-items:center;font-size:12px;color:#b9c7d8}
.bim-record-actions{display:flex;gap:7px}.bim-record-actions button{min-height:30px}
@media(max-width:760px){.bim-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bim-stat:first-child{grid-column:1/-1}.bim-stat:first-child strong{font-size:27px}.bim-entry .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.bim-entry .field label{font-size:11px}.bim-entry .field input{padding:10px 5px;font-size:14px}.bim-banner{padding:16px}.bim-mark{width:43px;height:43px;flex-basis:43px}}
@media(max-width:350px){.bim-entry .field input[type=date]{font-size:11px}.bim-record-foot{align-items:flex-start;flex-wrap:wrap}.bim-record-actions{width:100%}}

/* V11: BİM departmanı ayrı seçim alanıdır; yapılan KM bağımsız sayısal alandır. */
.bim-entry #bim_unit_name{width:100%;min-width:0;max-width:100%;background:#0e1d2e;color:#f5f8fc;border:1px solid #3f5a75;border-radius:10px;padding:12px 10px;font-size:15px;min-height:45px}
.bim-entry label[for="bim_unit_name"]{font-weight:750;color:#e0d0a9}
.bim-record-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0}
.bim-unit-label{display:inline-block;border-radius:7px;padding:5px 8px;background:#293b4e;color:#f4dba5;font-weight:700}
.bim-record-foot{flex-wrap:wrap}
@media(max-width:760px){.bim-entry .field.full{grid-column:1/-1}.bim-entry #bim_unit_name{font-size:14px;padding:11px 9px}.bim-record-meta{gap:8px}}

/* V13: BİM - seçilen şoför adı, kayıt listesinde görünür. */
.bim-entry #bim_driver_id{width:100%;min-width:0;max-width:100%;background:#0e1d2e;color:#f5f8fc;border:1px solid #3f5a75;border-radius:10px;padding:12px 10px;font-size:15px;min-height:45px}
.bim-entry label[for="bim_driver_id"]{font-weight:750;color:#e0eafb}
.bim-driver-label{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#143c3e;color:#98f5db;font-weight:750}
@media(max-width:760px){.bim-entry #bim_driver_id{font-size:14px;padding:11px 9px}}

/* V15 – BİM kişi sayısı ve tek seçimlik işaretlenebilir gidilen yer. */
.bim-entry #bim_passenger_count{font-size:inherit;min-height:0;}
.bim-destination{border:0;padding:0;margin:0;min-width:0;}
.bim-destination legend{font-size:12px;font-weight:750;color:#c7dcef;padding:0;margin-bottom:10px;}
.bim-dest-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.bim-dest-choice{display:flex;position:relative;min-width:0;align-items:center;justify-content:center;gap:9px;min-height:52px;cursor:pointer;border:1px solid #3c526a;border-radius:12px;background:#0d1d2e;color:#d4e4f3;font-size:13px;font-weight:700;padding:10px 7px;white-space:normal;text-align:center;transition:background .15s,border .15s;}
.bim-dest-choice input{position:absolute;opacity:0;width:1px;height:1px;}
.bim-dest-check{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border:2px solid #8194aa;border-radius:6px;color:transparent;line-height:1;font-weight:900;font-size:14px;}
.bim-dest-choice:has(input:checked){background:#104842;color:#e8fff6;border-color:#45d9b7;box-shadow:inset 0 0 0 1px #45d9b7;}
.bim-dest-choice input:checked+.bim-dest-check{background:#35dbb6;color:#062d28;border-color:#35dbb6;}
.bim-dest-choice:focus-within{outline:2px solid #9df7df;outline-offset:2px;}
.bim-destination .help{color:#98abc0;line-height:1.4;}
.bim-destination-label,.bim-passenger-label{display:inline-flex;align-items:center;border:1px solid #344a61;border-radius:8px;padding:5px 8px;color:#d7eafa;background:#1a3046;font-weight:700;}
@media(max-width:380px){.bim-dest-options{gap:6px}.bim-dest-choice{gap:5px;font-size:11px;padding:8px 4px;min-height:47px}.bim-dest-check{width:16px;height:16px;flex-basis:16px;font-size:12px}}

/* V16: 17 T 0325 application branding and updated design. */
:root { --aqua:#ffd000; --aqua2:#4a3708; --gold:#ffd000; }
body {background:#080d17;}
.boot-icon{width:110px;height:110px;border-radius:23px;box-shadow:0 15px 50px #0009;border:2px solid #ffd000}
.logo-photo{width:48px;height:48px;flex:0 0 48px;border-radius:12px;object-fit:cover;border:1px solid #e3ae2b}
.logo b{color:#ffd42a;font-size:17px}.logo small{font-size:10.8px;white-space:nowrap}
.nav-item.active,.nav-item:hover{background:#332a18;color:#ffdb48}
.eyebrow,.stat .value.positive{color:#ffe178}
.btn.primary{background:linear-gradient(105deg,#fff065 0%,#ffce00 55%,#f6a900 100%);color:#241900;box-shadow:0 4px 21px #f7bb0030;font-weight:850}
.badge{background:#4b3b1b;color:#ffe089}
.auth-art{background:linear-gradient(180deg,rgba(8,13,23,.05) 0%,rgba(8,13,23,.2) 32%,#080d17 92%),url('assets/giris-gorseli.webp') center 23%/cover no-repeat;min-height:100vh;justify-content:space-between;position:relative;isolation:isolate;gap:16px}
.auth-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d1720,#080d1700);z-index:-1}
.auth-brand{display:flex;align-items:center;gap:13px;color:#ffdd4d;line-height:1.3;font-size:21px;text-shadow:0 2px 6px #000}
.auth-brand-icon{width:68px;height:68px;border:1px solid #ffc300;border-radius:17px;box-shadow:0 7px 30px #0008}
.auth-brand small{display:block;color:#fff6cf;font-size:11px;letter-spacing:1.1px;margin-top:4px}
.auth-art h1{color:white;text-shadow:0 3px 20px #000;max-width:550px;font-size:clamp(30px,3.8vw,55px)}
.auth-art h1 span{color:#ffe02a}
.auth-art p{color:#fff7e1;text-shadow:0 2px 10px #000;line-height:1.6}
.auth-intro{background:linear-gradient(90deg,#080d17d9,#080d1740);border-left:4px solid #ffcf12;padding:19px 22px;border-radius:0 16px 16px 0;backdrop-filter:blur(5px)}
.auth-form-wrap{background:linear-gradient(145deg,#0e1623,#0a0f19)}
.auth-card{background:#121b29;border:1px solid #364259;box-shadow:0 25px 60px #0006;border-radius:22px;padding:28px}
.auth-card h2{color:#fff0a3}
.auth-card .btn.primary{min-height:56px;font-size:15px;white-space:normal}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#ffcf00;box-shadow:0 0 0 3px #ffcf0036}
.bim-dest-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.bim-dest-choice:has(input:checked){background:#514014;color:#ffeda5;border-color:#ffd000;box-shadow:inset 0 0 0 1px #ffc800}
.bim-dest-choice input:checked+.bim-dest-check{background:#ffd000;color:#2c2002;border-color:#ffce00}
@media(max-width:760px){
 .auth-wrap{display:flex;flex-direction:column}
 .auth-art{min-height:405px;padding:25px 22px 18px;background-position:center 34%;gap:15px}
 .auth-brand{font-size:17px}.auth-brand-icon{width:52px;height:52px;border-radius:12px}.auth-brand small{font-size:8.5px}
 .auth-art h1{font-size:29px;letter-spacing:-.75px}.auth-art p{font-size:12px;line-height:1.5}
 .auth-intro{padding:12px 15px;max-width:490px}
 .auth-form-wrap{padding:18px 12px 42px}
 .auth-card{width:100%;padding:23px 18px}
 .bim-dest-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V17: mobile bottom navigation label Günlük Defter */
@media (max-width:760px){.mobile-nav button{line-height:1.15;overflow-wrap:break-word;min-width:0;padding:5px 2px;}.mobile-nav button span{margin-bottom:4px;}}

/* V18 · Veresiye Defteri */
.credit-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 23px;border-radius:18px;background:linear-gradient(115deg,#29220e,#131d2e 75%);border:1px solid #6d531b;margin-bottom:18px}
.credit-intro h2{font-size:24px;color:#ffe48b;margin:0 0 8px}.credit-intro p{margin:0;color:#cbd5e4;line-height:1.5;max-width:760px}
.credit-notice{margin:19px 0;line-height:1.6}
.credit-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}
.credit-toolbar .field{flex:1 1 190px;margin:0}.credit-toolbar .btn{margin-bottom:3px}
.credit-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin:20px 0}
.credit-record{background:#101a28;border:1px solid #35465a;border-radius:17px;padding:18px;min-width:0;overflow-wrap:anywhere}
.credit-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:16px}.credit-record-head h3{margin:0 0 5px;font-size:18px;color:#fff1bf}
.credit-record-head .sub{font-size:12px;line-height:1.5;color:#a8b9cd}.credit-record-head .badge{flex-shrink:0}
.credit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0;border-top:1px solid #28384d;border-bottom:1px solid #28384d}
.credit-metrics div{min-width:0}.credit-metrics small{display:block;color:#a6bbcb;margin-bottom:5px}.credit-metrics strong{display:block;font-size:clamp(12px,1.7vw,18px);white-space:normal;overflow-wrap:anywhere}
.credit-record > .subtle{line-height:1.5;font-size:13px}
.credit-history{margin:10px 0 15px;border-top:1px solid #29384c;padding-top:11px}.credit-history summary{cursor:pointer;color:#ffda5a;font-weight:650}
.credit-payment{display:flex;gap:8px;justify-content:space-between;align-items:center;border-bottom:1px solid #263346;padding:8px 0}.credit-payment strong{display:block;color:#d6fbe4}.credit-payment small{display:block;color:#a9b9c9;margin-top:3px;line-height:1.5}
.credit-record-actions{display:flex;gap:9px;flex-wrap:wrap}.credit-pay-summary{border:1px solid #665121;background:#332c18;padding:13px 17px;border-radius:13px;margin-bottom:17px}.credit-pay-summary strong,.credit-pay-summary span{display:block}.credit-pay-summary span{margin-top:7px;color:#eadba8}
@media(max-width:760px){.credit-intro{flex-direction:column;align-items:stretch}.credit-record{padding:14px}.credit-record-head{flex-wrap:wrap}.credit-toolbar .btn{width:100%}.credit-metrics strong{font-size:13px}.mobile-nav button{font-size:10px}}

/* V21 – BİM serbest gidilen yer, raporlar ve belge çıktıları */
.bim-custom-place{margin-top:14px;border:1px solid #c49c31;border-radius:12px;padding:13px;background:#211f16}
.bim-custom-place input{width:100%;max-width:100%;background:#141c2a;border:1px solid #ac8b41;color:#fff4dc;min-height:46px;padding:10px 12px;border-radius:9px}
.hidden{display:none!important}
.bim-filter-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:20px 0 10px;padding:16px;background:#141e2c;border-radius:15px;border:1px solid #334258}
.bim-filter-toolbar .field{flex:1 1 175px;min-width:0;margin:0}.bim-filter-toolbar .field input,.bim-filter-toolbar .field select{width:100%;min-height:44px}
.bim-total-row{background:#394126;color:#fff2be}.bim-driver-table{min-width:750px}
.export-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px;margin:18px 0;background:#112333;border:1px solid #37536c;border-radius:14px}
.export-bar .btn{min-height:42px}.export-caption{color:#f4db8d;font-weight:800;margin-right:8px}
@media(max-width:620px){.export-bar .btn{flex:1 1 130px;white-space:normal}.export-caption{flex-basis:100%}.bim-filter-toolbar .field{flex:1 1 110px}.bim-stats .bim-stat:first-child{grid-column:auto}.bim-stats .bim-stat:last-child{grid-column:1/-1}}

/* V26: çoklu BİM yer seçimi erişilebilir etiketler */
.bim-destination legend small{color:#e8d08b;font-size:11px;font-weight:600}
.bim-dest-choice:has(input:checked) .bim-dest-check{border-radius:5px}
.bim-dest-choice input:focus-visible+.bim-dest-check{outline:2px solid #fff;outline-offset:3px}

/* V27 – Taslaklar, kredi bilgileri, 6 simgeli alt menü ve taksimatik */
.draft-small-note{display:block;color:#a4b9cb;font-size:12px;margin:10px 0 8px;line-height:1.5}
.credit-required label::after{content:' *';color:#efc76c}
.taximeter-card{max-width:760px;margin:20px auto}
.taximeter-card h2{font-size:23px;margin:0 0 10px}
.taximeter-card .notice{margin-top:15px}
@media(max-width:760px){
 .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:2px;padding-right:2px}
 .mobile-nav button{font-size:9px;line-height:1.15;overflow-wrap:anywhere;min-width:0;padding:5px 0}
 .mobile-nav button span{font-size:19px}
 .main{padding-bottom:125px}
 .taximeter-card{margin:10px 0}
}

/* V28: Yeni sayaçlar mevcut BİM Yapılan KM / Taksimetre hesabına entegredir. */
.bim-km-integration{border:1px solid #366b70;border-radius:14px;padding:15px;background:linear-gradient(145deg,#112e35,#162638);min-width:0}
.bim-km-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.bim-km-heading strong{font-size:14px;color:#8cf3d8}
.bim-km-heading small{font-size:11px;color:#b5cbd4}
.bim-km-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.bim-entry .bim-km-grid .field{min-width:0}
.bim-entry #bim_unit_km[readonly],.bim-entry #bim_taximeter[readonly]{background:#214c4d;border-color:#2b9881;color:#f3fff9;opacity:1;font-weight:800}
@media(max-width:390px){.bim-km-grid{grid-template-columns:1fr}}

/* V29 - yalnızca işletme sahibi için çevrimiçi ekip görünümü */
.online-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.online-header h2{margin:0 0 6px}.online-panel{padding:18px;margin-top:18px}.online-panel h3{display:flex;align-items:center;gap:9px;margin:10px 0 13px}
.online-member{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 6px;border-bottom:1px solid rgba(150,150,150,.16)}
.online-member-main{display:flex;align-items:center;gap:13px;min-width:0}.online-member-main strong{overflow-wrap:anywhere}.online-member-main .sub{overflow-wrap:anywhere}
.online-member-status{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:.86rem}.online-member-status span{opacity:.7}
.online-dot{flex:none;display:inline-block;width:11px;height:11px;border-radius:50%;background:#828890}
.online-dot.online{background:#23c55e;box-shadow:0 0 0 4px rgba(35,197,94,.14)}.online-dot.offline{background:#7c8592}
.online-note{margin-top:15px;font-size:.85rem}
@media(max-width:600px){.online-member{align-items:flex-start}.online-member-status{max-width:42%;font-size:.8rem}.online-member-main{max-width:58%}}

/* V30: entegre giderler ve bağımsız bakım/yıkama masrafları */
.expense-toolbar{margin:8px 0 20px}.expense-toolbar .filter{min-width:155px;flex:1}.expense-table{min-width:800px}.expense-table .sub{max-width:240px;overflow-wrap:anywhere}.expense-stats{margin-bottom:22px}.expense-info{margin:20px 0 6px;line-height:1.6}
#expense-form .form-grid .field{min-width:0}#expense-form .field.hidden{display:none!important}
@media(max-width:600px){.expense-toolbar .filter{min-width:130px}.expense-stats .stat .value{font-size:20px}}

/* V31: Muhasebe bütünleşik panosu; küçük ekranda tablolar yatay kayar. */
.accounting-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.accounting-inner-table{overflow-x:auto;max-height:420px;overflow-y:auto;margin-top:10px}
.accounting-inner-table table{min-width:610px}
.accounting-inner-table td,.accounting-inner-table th{font-size:12px}
@media(max-width:1100px){.accounting-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.accounting-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-stats .stat{padding:13px;min-height:148px}.accounting-stats .stat .value{font-size:19px}}

/* V32 – servis/borç kartları, ödeme geçmişi ve mobil görünüm */
.service-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.service-record{background:var(--card,#151f2a);border:1px solid var(--line,#293847);border-radius:14px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:12px}
.service-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.service-head strong{font-size:15px}.service-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13px;color:var(--muted,#b4c0c9)}
.service-meta strong{color:var(--text,#f2f4f6)}.service-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.service-finance>div{background:rgba(130,150,160,.09);padding:10px;border-radius:10px;min-width:0}
.service-finance small{display:block;font-size:11px;color:var(--muted,#b4c0c9);margin-bottom:6px}
.service-finance strong{display:block;font-size:15px;word-break:break-word}
.service-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
@media(max-width:1050px){.service-stats,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.service-stats,.service-grid{grid-template-columns:1fr}.service-record{padding:13px}.service-finance strong{font-size:13px}}

.service-debt-list{border:1px solid var(--line,#293847);border-radius:12px;padding:10px 14px;margin-top:16px}
.service-debt-list summary{font-weight:700;cursor:pointer;padding:7px 0}
.service-debt-list table{min-width:680px;margin-top:12px}
.service-debt-list .table-scroll{max-height:330px;overflow-y:auto}
#service-live-preview{margin:12px 0}

/* V36: Yağ değişimi bakım hatırlatıcısı */
.oil-maintenance-alert{margin:15px 0 19px;padding:17px 18px;border-radius:15px;border:1px solid #d9a33c;background:#2c2519;color:#fff1cf;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.oil-maintenance-alert.oil-due{border-color:#e97878;background:#381f23;color:#ffe7e7}
.oil-alert-title{font-size:1.1rem;font-weight:850;margin-bottom:8px}
.oil-maintenance-alert p{margin:6px 0 9px}
.oil-alert-details{display:flex;gap:11px 18px;flex-wrap:wrap;font-size:.94rem;margin-top:10px}
.oil-maintenance-alert .subtle{font-size:.8rem;color:inherit;opacity:.82}


/* ===============================================================
   17 T 0325 — V37 Simetri: yalnızca görünüm/hizalama iyileştirmesi.
   Veritabanı, hesaplamalar, yetkiler ve JavaScript değiştirilmez.
   =============================================================== */

/* Ortak kart ve form ölçüleri */
.grid > *, .form-grid > *, .bim-stats > *, .service-grid > *,
.accounting-stats > *, .credit-cards > * { min-width: 0; }
.grid.stats, .accounting-stats, .service-stats { align-items: stretch; }
.grid.stats > .stat, .accounting-stats > .stat, .service-stats > .stat {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.stat .value { overflow-wrap: anywhere; }
.stat .hint { margin-top: auto; }
.form-grid > .field { min-width: 0; }
.form-grid > .field > label {
  display: flex;
  align-items: flex-end;
  min-height: 2.6em;
  line-height: 1.3;
}
.form-grid > .field > input,
.form-grid > .field > select,
.form-grid > .field > textarea { width: 100%; max-width: 100%; }
.section-head { flex-wrap: wrap; }
.bim-dest-options { align-items: stretch; }
.bim-dest-choice { height: 100%; }
.credit-record, .service-record { height: 100%; }
.form-footer > .btn { min-width: 128px; }
.bim-record-actions, .credit-record-actions, .service-actions { flex-wrap: wrap; }
.bim-record-actions > .btn, .credit-record-actions > .btn, .service-actions > .btn {
  flex: 1 1 100px;
  white-space: normal;
  text-align: center;
}

/* Tablet: panolar 2 eşit sütun */
@media (min-width: 761px) and (max-width: 1100px) {
  .grid.stats, .accounting-stats, .service-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Telefon: eşit kartlar, formlar ve buton sıraları */
@media (max-width: 760px) {
  .main { padding-left: 14px; padding-right: 14px; }
  .topbar { gap: 12px; }
  .top-actions { width: 100%; justify-content: flex-start; }
  .top-actions > .btn { flex: 1 1 115px; white-space: normal; }
  .grid.stats, .accounting-stats, .service-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
  }
  .stat { height: 100%; }
  .form-grid > .field > label { min-height: 2.6em; }
  .form-footer { justify-content: stretch; }
  .form-footer > .btn { flex: 1 1 135px; min-width: 0; white-space: normal; }
  .filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; }
  .filters > .filter, .filters > .btn { width: 100%; min-width: 0; }
  .bim-stats { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; }
  .bim-stats .bim-stat:first-child { grid-column: 1 / -1; }
  .bim-stats .bim-stat:last-child { grid-column: auto; }
  .bim-stat { height: 100%; }
  .bim-dest-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .bim-dest-choice { min-height: 51px; }
  .bim-filter-toolbar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .bim-filter-toolbar .field { min-width: 0; width: 100%; }
  .export-bar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .export-caption { grid-column: 1 / -1; }
  .export-bar .btn { width: 100%; min-width: 0; white-space: normal; }
  .mobile-nav { grid-template-columns: repeat(6,minmax(0,1fr)); align-items: stretch; }
  .mobile-nav button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 60px;
    text-align: center;
    line-height: 1.15;
  }
  .mobile-nav button span { line-height: 1; }
  .auth-card { max-width: 540px; margin-inline: auto; }
  .service-grid { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
  .stat .value { font-size: 19px; }
  .bim-dest-choice { padding-inline: 5px; }
  .form-footer > .btn { flex-basis: 100%; }
}
@media print {
  .grid.stats, .accounting-stats, .service-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}


/* V37.2 — iPhone Safari / PWA: üstteki ↻ Yenile butonu kesilmesin.
   Sadece responsive görünüm; hiçbir veri/iş mantığı değişmez. */
@media screen and (max-width: 760px) {
  .topbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    max-width: 100%;
  }
  .topbar > div:first-child { width: 100%; min-width: 0; }
  .topbar h1, .topbar .eyebrow { overflow-wrap: anywhere; }
  .top-actions {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 0;
  }
  .top-actions .btn[data-action="refresh"] {
    flex: 0 0 auto;
    min-width: 112px;
    min-height: 42px;
    padding: 9px 13px;
    white-space: nowrap;
    line-height: 1.2;
  }
  .top-actions .chip {
    flex: 1 1 145px;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.25;
    font-size: 11px;
    padding: 8px 10px;
  }
  .top-actions .chip .dot { flex: 0 0 7px; }
  .top-actions .select-org {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .online-header .btn[data-action="refresh-online"] {
    max-width: 100%;
    white-space: normal;
    min-height: 42px;
  }
}
@media screen and (max-width: 340px) {
  .top-actions .chip { flex-basis: 100%; }
}


/* V37.3 — iPhone yerleşim düzeltmesi + Ortak Hesap / çevrimiçi durum rozeti */
.online-dot-mini{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:#7c8592}
.online-dot-mini.online{background:#23c55e;box-shadow:0 0 0 3px rgba(35,197,94,.16)}
.online-dot-mini.offline{background:#7c8592}
.chip.online-status{cursor:pointer;border-color:#2e5566;background:#12273a;color:#d4f5ef}
.chip.online-status strong{font-size:12px;line-height:1}
.chip.online-status.has-online{border-color:#2f6b58;background:#113127}
.chip.online-status.none-online{opacity:.94}
.online-status-label{display:inline-block}

@media screen and (max-width: 760px){
  .topbar{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    max-width:100%;
  }
  .topbar > div:first-child{flex:1 1 auto;min-width:0;width:auto}
  .topbar h1{font-size:22px}
  .top-actions{
    width:auto;
    max-width:56%;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
    margin-top:0;
  }
  .top-actions .btn[data-action="refresh"]{
    flex:0 0 auto;
    min-width:0;
    min-height:36px;
    padding:7px 10px;
    font-size:12px;
    white-space:nowrap;
  }
  .top-actions .chip{
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    white-space:nowrap;
    padding:7px 9px;
    font-size:10px;
    line-height:1.1;
  }
  .top-actions .select-org{
    order:3;
    flex:1 1 100%;
    width:100%;
    min-width:0;
    max-width:100%;
  }
}
@media screen and (max-width: 400px){
  .topbar{display:flex}
  .top-actions{justify-content:flex-end;margin-top:0;max-width:58%}
  .top-actions .btn[data-action="refresh"]{padding:7px 8px;font-size:11px}
  .top-actions .chip{padding:6px 8px;font-size:9.5px}
  .online-status-label{display:none}
}
@media screen and (max-width: 340px){
  .top-actions{max-width:60%}
  .top-actions .btn[data-action="refresh"]{padding:6px 7px;font-size:10.5px}
  .top-actions .chip{font-size:9px;padding:6px 7px}
}

/* V37.4 — iPhone: Günlük Kayıtlar ve Bakım/Gider tabloları ekrana sığan kartlar. */
@media screen and (max-width:760px){
  .main{max-width:100%;overflow-x:clip;}
  .daily-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;}
  .daily-head>div:first-child{grid-column:1 / -1;min-width:0;}
  .daily-head>.btn{width:100%;min-width:0;white-space:normal;font-size:12px;padding:10px 7px;}
  .filters .filter,.filters .field{min-width:0;width:100%;}
  .filters .field input,.filters .field select{min-width:0;width:100%;max-width:100%;font-size:14px;}
  .mobile-table-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;width:100%;max-width:100%;}
  .mobile-card-table,.mobile-card-table tbody{display:block;width:100%;min-width:0;}
  .mobile-card-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .mobile-card-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
  .mobile-card-table tbody tr{display:block;width:100%;min-width:0;background:#142238;border:1px solid #354d69;border-radius:16px;padding:13px 15px;}
  .mobile-card-table tbody td{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    width:100%;min-width:0;min-height:37px;padding:8px 0;
    text-align:right;white-space:normal;overflow-wrap:anywhere;
    border-bottom:1px solid #2a3d55;font-size:13px;font-weight:750;
  }
  .mobile-card-table tbody td::before{
    content:attr(data-label);flex:0 1 44%;min-width:0;
    text-align:left;color:#a8bed2;font-weight:650;font-size:11px;line-height:1.35;
  }
  .mobile-card-table tbody td:first-child{display:block;text-align:left;padding:0 0 11px;margin-bottom:2px;}
  .mobile-card-table tbody td:first-child::before{display:none;}
  .mobile-card-table tbody td:first-child strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere;}
  .mobile-card-table tbody td:first-child .sub{font-weight:500;font-size:12px;line-height:1.5;}
  .mobile-card-table tbody td:last-child{display:block;text-align:left;border:0;padding:12px 0 0;}
  .mobile-card-table tbody td:last-child::before{display:block;content:attr(data-label);margin-bottom:8px;}
  .mobile-card-table tbody td:last-child .inline-list{justify-content:flex-start!important;gap:8px;}
  .mobile-card-table tbody td:last-child .btn{min-height:38px;white-space:normal;flex:1 1 64px;}
  .expense-detail-table tbody td:nth-child(2){display:block;text-align:left;}
  .expense-detail-table tbody td:nth-child(2)::before{display:block;content:attr(data-label);margin-bottom:5px;}
  .expense-detail-table tbody td:nth-child(2) strong{font-size:14px;}
  .expense-detail-table tbody td:nth-child(2) .sub{font-weight:400;line-height:1.45;}
  .expense-detail-table tbody td:last-child .btn{min-height:38px;}
}


/* V37.5 — Muhasebe Özet yanında, iPhone alt gezinme dengesi */
@media screen and (max-width:760px){
  .daily-head>.btn{grid-column:1/-1;max-width:100%;}
  .mobile-nav.with-accounting{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0;}
  .mobile-nav.with-accounting button{
    min-width:0;overflow:hidden;font-size:9px;
    padding:5px 1px;white-space:nowrap;letter-spacing:-.2px;
    line-height:1.25;
  }
  .mobile-nav.with-accounting button span{font-size:19px;margin-bottom:3px;}
}
@media screen and (max-width:380px){
  .mobile-nav.with-accounting{padding-left:1px;padding-right:1px;}
  .mobile-nav.with-accounting button{font-size:8px;letter-spacing:-.2px;}
  .mobile-nav.with-accounting button span{font-size:18px;}
}
/* Dar iPhone'larda alt menüde tam adlar kesilmeden satıra sığar. */
@media screen and (max-width:760px){
  .mobile-nav.with-accounting button{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    line-height:1.15;
    min-height:64px;
  }
}


/* V38 — iPhone / Android responsive hardening.
   Tablo hücreleri kartlara dönüştürülür; yatayda rakam veya işlem kesilmez.
   Masaüstü görünümü ve veri hesaplamaları değiştirilmez. */
@media screen and (max-width:760px){
  :root { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  html,body,#app,.shell {width:100%; max-width:100%; min-width:0;}
  body {overflow-x:hidden;}
  .shell {display:block; min-width:0;}
  .main {box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:visible;padding:16px 12px calc(115px + env(safe-area-inset-bottom));margin:0;}
  .main > *, .main .section, .main .grid, .main .section-head,
  .main .panel,.main .card,.main .stat,.main .notice,
  .main .filters,.main .filter,.main .field {min-width:0;max-width:100%;}
  .main .panel,.main .card,.main .stat {overflow-wrap:anywhere;}
  .main .metric-val,.main .stat .value {overflow-wrap:anywhere;word-break:normal;line-height:1.25;}
  .main .summary-line {min-width:0;align-items:flex-start;}
  .main .summary-line>span,.main .summary-line>strong {min-width:0;overflow-wrap:anywhere;}
  .main .summary-line>strong {text-align:right;}
  .main .inline-list,.main .form-footer {min-width:0;max-width:100%;flex-wrap:wrap;}
  .main .inline-list>.btn,.main .form-footer>.btn {max-width:100%;white-space:normal;}
  .filters {grid-template-columns:repeat(2,minmax(0,1fr));}
  .filters .filter,.filters .field,.filters input,.filters select {min-width:0;width:100%;max-width:100%;}
  .daily-head {grid-template-columns:1fr;}
  .daily-head>div:first-child {grid-column:1;}
  .daily-head>.btn {grid-column:1;justify-self:stretch;width:100%;min-width:0;min-height:43px;font-size:14px;}
  .table-scroll.mobile-table-panel,
  .main .table-scroll.mobile-table-panel {
    box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;
    min-height:0;max-height:none;overflow:visible!important;padding:0!important;
    border:0!important;background:transparent!important;
    box-shadow:none!important;
  }
  /* Higher specificity defeats accounting tables' min-width: 610px / 800px. */
  .main .mobile-card-table,.main .table-scroll .mobile-card-table,
  .main .bim-driver-table.mobile-card-table,
  .main .expense-table.mobile-card-table,
  .main .accounting-inner-table .mobile-card-table {
    display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;table-layout:auto;border:0;border-collapse:separate;
  }
  .main .mobile-card-table thead {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .main .mobile-card-table tbody {display:flex!important;flex-direction:column;gap:12px;min-width:0;width:100%;}
  .main .mobile-card-table tbody tr {display:block!important;min-width:0;width:100%;max-width:100%;padding:13px 14px;background:#142238;border:1px solid #354d69;border-radius:15px;overflow:visible;}
  .main .mobile-card-table tbody td {
    display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:start;
    gap:8px;min-width:0;max-width:100%;width:100%;min-height:0;
    text-align:right;vertical-align:top;white-space:normal!important;overflow-wrap:anywhere;
    padding:9px 0;border-bottom:1px solid #2a3d55;font-size:13px;
  }
  .main .mobile-card-table tbody td::before {
    display:block;content:attr(data-label);font-size:11px;color:#a8bed2;
    min-width:0;max-width:100%;flex:none;line-height:1.35;
    white-space:normal;text-align:left;overflow-wrap:anywhere;
  }
  .main .mobile-card-table tbody td:first-child {
    display:block!important;text-align:left;padding:0 0 12px;margin:0 0 1px;
    border-bottom:1px solid #2a3d55;font-weight:800;font-size:15px;
  }
  .main .mobile-card-table tbody td:first-child::before {display:none;}
  .main .mobile-card-table tbody td:first-child strong {font-size:15px;overflow-wrap:anywhere;}
  .main .mobile-card-table tbody td:last-child {border-bottom:0;}
  /* Actions no longer use fixed width; multiple buttons wrap inside the card. */
  .main .mobile-card-table tbody td:has(button),
  .main .mobile-card-table tbody td:has(.inline-list){display:block!important;text-align:left;padding-bottom:0;}
  .main .mobile-card-table tbody td:has(button)::before,
  .main .mobile-card-table tbody td:has(.inline-list)::before{display:block;content:attr(data-label);margin-bottom:8px;}
  .main .mobile-card-table tbody td .inline-list {display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:7px;}
  .main .mobile-card-table tbody td button {max-width:100%;min-height:38px;white-space:normal;overflow-wrap:anywhere;}
  .main .mobile-card-table tbody td .sub {overflow-wrap:anywhere;}
  .main .mobile-card-table tbody .empty {display:block!important;text-align:center;}
  .main .mobile-card-table tbody tr.bim-total-row{background:#35402a;}
  .mobile-nav.with-accounting {width:100%;max-width:100vw;left:0;right:0;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0;}
  .mobile-nav.with-accounting button {min-width:0;max-width:100%;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.18;font-size:clamp(8px,2.4vw,10px);letter-spacing:0;padding:6px 1px;}
  .mobile-nav.with-accounting button span {font-size:clamp(17px,4.8vw,20px);margin-bottom:4px;}
  .mobile-more {max-width:calc(100vw - 20px);max-height:calc(100dvh - 140px);overflow-y:auto;}
}
@media screen and (max-width:420px){
  .topbar {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:7px;max-width:100%;}
  .topbar>div:first-child {flex:1 1 115px;min-width:0;max-width:100%;}
  .topbar h1 {font-size:20px;line-height:1.25;}
  .topbar .eyebrow {font-size:9px;letter-spacing:.6px;overflow-wrap:anywhere;}
  .top-actions {display:flex;flex:0 1 200px;width:auto;max-width:58%;min-width:0;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
  .top-actions .btn[data-action="refresh"] {display:inline-flex;max-width:100%;min-width:0;min-height:35px;font-size:11px;padding:6px 9px;white-space:nowrap;}
  .top-actions .chip {max-width:100%;min-width:0;font-size:10px;padding:6px 7px;white-space:normal;}
  .top-actions .select-org {min-width:0;width:100%;max-width:100%;font-size:12px;}
  .grid.stats,.accounting-stats,.service-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mini-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .mini-metrics>div:last-child:nth-child(odd) {grid-column:1/-1;}
}
@media screen and (max-width:340px){
  .top-actions {flex:1 1 100%;max-width:100%;justify-content:flex-start;}
  .topbar>div:first-child {flex:1 1 100%;}
  .main {padding-left:9px;padding-right:9px;}
  .mobile-nav.with-accounting button {font-size:8px;}
  .mobile-nav.with-accounting button span {font-size:16px;}
}

/* Yüklenen doğru sürümü telefondan doğrulamaya yarar. */
.build-tag{display:inline-block;vertical-align:middle;margin-left:5px;padding:3px 6px;border:1px solid #33516b;border-radius:6px;color:#9dc2cf;font-size:10px;letter-spacing:.15px;font-weight:700;}


/* V40 – BİM günlük arşiv: mobilde taşmadan tarih, sayı ve tutar gösterimi */
.bim-archive { min-width:0; }
.bim-archive-toolbar { display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0 16px; }
.bim-archive-toolbar .field {flex:1 1 220px;min-width:0;margin:0;}
.bim-archive-toolbar .field select {width:100%;min-height:46px;}
.bim-archive-count {flex:0 1 auto;color:#bed0df;font-size:13px;font-weight:700;padding-bottom:10px;}
.bim-day-list { display:grid;gap:10px;min-width:0; }
.bim-day-group {min-width:0;background:#112238;border:1px solid #36546b;border-radius:14px;overflow:hidden;}
.bim-day-group[open] {border-color:#5dbaa7;}
.bim-day-summary {list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 19px;align-items:center;gap:10px;min-width:0;min-height:76px;padding:13px 15px;cursor:pointer;background:#16283b;}
.bim-day-summary::-webkit-details-marker {display:none;}
.bim-day-summary::marker {content:'';}
.bim-day-summary:focus-visible {outline:2px solid #a2ffe3;outline-offset:-3px;}
.bim-day-title {min-width:0;display:flex;flex-direction:column;gap:6px;}
.bim-day-title strong {font-size:16px;color:#eaf6ff;overflow-wrap:anywhere;}
.bim-day-title small {font-size:12px;color:#bfd0e0;line-height:1.4;}
.bim-day-amount {font-size:14px;color:#fbe4a8;text-align:right;max-width:160px;overflow-wrap:anywhere;}
.bim-day-caret {font-size:20px;line-height:1;color:#8ae2ca;transition:transform .2s;}
.bim-day-group[open] .bim-day-caret {transform:rotate(180deg);}
.bim-day-records {padding:12px;}
.bim-day-records .bim-record {background:#0f1d30;padding:13px;}
.bim-more-days {width:100%;min-height:46px;white-space:normal;}
@media(max-width:400px){
 .bim-day-summary {grid-template-columns:minmax(0,1fr) auto 17px;gap:7px;padding:12px 10px;}
 .bim-day-title strong {font-size:14px;}
 .bim-day-amount {font-size:12px;max-width:112px;}
 .bim-day-records {padding:8px;}
 .bim-day-records .bim-record {padding:12px 10px;}
 .bim-archive-count {padding-bottom:0;}
}


/* V41 – BİM ay klasörleri: eski ayların hiçbiri gizlenmez. */
.bim-month-list {display:grid;gap:11px;min-width:0}
.bim-month-group {min-width:0;border:1px solid #3b5976;border-radius:14px;background:#0d1d30;overflow:hidden}
.bim-month-group[open] {border-color:#5fbda7}
.bim-month-summary {list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:9px;align-items:center;min-height:70px;cursor:pointer;padding:13px 15px;background:#1a3147}
.bim-month-summary::-webkit-details-marker {display:none}
.bim-month-summary::marker {content:''}
.bim-month-summary span:first-child {display:flex;flex-direction:column;gap:5px;min-width:0}
.bim-month-summary b {font-size:16px;color:#e8faf5}
.bim-month-summary small {font-size:12px;color:#c0d3dc}
.bim-month-summary strong {font-size:13px;color:#fbe4a8;text-align:right;overflow-wrap:anywhere}
.bim-month-summary span:last-child {font-size:18px;color:#8ae2ca}
.bim-month-days {display:grid;gap:10px;padding:10px;min-width:0}
.bim-month-group .bim-day-group {background:#102238}
@media(max-width:400px){.bim-month-summary{grid-template-columns:minmax(0,1fr) auto 14px;gap:5px;padding:10px}.bim-month-summary b{font-size:14px}.bim-month-summary strong{font-size:12px;max-width:112px;}.bim-month-days{padding:7px}}

/* V42: silinenler - telefon uyumlu, işletmeci ekranı */
.audit-panel{width:100%;min-width:0;overflow-wrap:anywhere}
.audit-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.audit-filters label{min-width:0;display:grid;gap:5px}
.audit-filters select,.audit-filters input{max-width:100%;width:100%;min-width:0}
.audit-record{margin:9px 0;border:1px solid var(--border,rgba(135,155,180,.22));border-radius:14px;overflow:hidden}
.audit-record>summary{cursor:pointer;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;list-style:none}
.audit-record>summary::-webkit-details-marker{display:none}
.audit-record>summary span{min-width:0;display:grid;gap:5px}
.audit-record>summary small{font-size:12px;opacity:.75;overflow-wrap:anywhere}
.audit-meta{text-align:right;max-width:46%}
.audit-detail{border-top:1px solid var(--border,rgba(135,155,180,.22));padding:12px 14px}
.audit-detail pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;max-height:480px;overflow:auto}
.audit-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0 6px}
@media(max-width:640px){.audit-filters{grid-template-columns:minmax(0,1fr)}.audit-record>summary{flex-direction:column}.audit-meta{text-align:left;max-width:100%}.audit-pagination{gap:9px}}


/* V43 – BİM mobil/masaüstü yerleşimi; yalnız görünüm ve bölüm sırası değişir. */
.bim-topbar{margin-bottom:10px;min-width:0;align-items:flex-start}
.bim-topbar>div:first-child{flex:1 1 540px;width:auto;min-width:0}
.bim-topbar-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.bim-topbar-title-row h1{margin:2px 0;flex:0 1 auto}
.bim-export-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.bim-export-tabs .btn{font-size:12px;min-height:34px;padding:6px 10px;border-radius:9px;white-space:nowrap}
.bim-banner-compact{padding:8px 12px;margin:7px 0 12px;border-radius:12px;gap:10px;min-height:46px}
.bim-banner-compact .bim-mark{width:33px;height:33px;flex:0 0 33px;font-size:18px;border-radius:9px}
.bim-banner-compact strong{font-size:16px;line-height:1.2}
.bim-banner-compact p{display:none!important}
.bim-entry-first{margin:0 0 10px;padding:16px;border-radius:14px}
.bim-entry-first .section-head{margin-bottom:12px}
.bim-entry-first .section-head h2{font-size:18px}
.bim-entry-first .section-head p{margin:3px 0 0;line-height:1.35}
.bim-entry-first .form-grid{gap:11px}
.bim-date-people-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.92fr) minmax(0,.8fr);gap:9px;min-width:0;align-items:start}
.bim-date-people-row>.field{min-width:0;max-width:100%;grid-column:auto!important}
.bim-entry-first .bim-date-people-row>.field>label{font-size:11px;min-height:0;display:block;white-space:nowrap;margin-bottom:5px}
.bim-date-people-row>.field>input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:40px;font-size:13px;padding:8px 6px;text-align:left}
.bim-date-people-row>.field>.help{display:none}
.bim-entry-first .bim-km-integration{margin-top:0;padding:11px}
.bim-entry-first .bim-km-heading{margin-bottom:9px}
.bim-filter-toolbar{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.3fr);align-items:end;gap:9px;margin:8px 0 18px;padding:10px;width:min(100%,840px);border-radius:11px}
.bim-filter-toolbar[data-bim-period="all"]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);max-width:580px}
.bim-filter-toolbar .field{min-width:0;margin:0!important;flex:auto}
.bim-filter-toolbar .field label{margin:0 0 4px;font-size:11px}
.bim-filter-toolbar .field input,.bim-filter-toolbar .field select{box-sizing:border-box;min-height:37px;min-width:0;max-width:100%;padding:7px 8px;font-size:13px}
.bim-summary-bottom{margin-top:24px}
.bim-summary-bottom .bim-stats{margin:10px 0 4px}
.bim-summary-bottom + .section{margin-top:16px}
@media(max-width:760px){
 .bim-topbar>div:first-child{flex:1 1 100%;max-width:100%}
 .bim-topbar .top-actions{width:100%;max-width:100%;justify-content:flex-start;flex:1 1 100%}
 .bim-topbar .top-actions .btn[data-action="refresh"]{flex:0 0 auto}
 .bim-topbar-title-row{gap:7px}
 .bim-topbar-title-row h1{flex:1 1 100%;font-size:20px}
 .bim-export-tabs{gap:5px;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .bim-export-tabs .btn{min-width:0;white-space:nowrap;padding:5px 3px;font-size:11px;min-height:33px}
 .bim-entry-first{padding:12px 10px}
 .bim-entry-first .bim-date-people-row{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.85fr);gap:5px}
 .bim-entry-first .bim-date-people-row .field input{padding:6px 3px;font-size:12px;min-height:39px}
 .bim-entry-first .bim-date-people-row .field label{font-size:10px;letter-spacing:-.1px}
 .bim-filter-toolbar{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.96fr) minmax(0,1.22fr);gap:5px;padding:8px}
 .bim-filter-toolbar[data-bim-period="all"]{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
 .bim-filter-toolbar .field input,.bim-filter-toolbar .field select{padding:6px 3px;font-size:12px;min-height:38px}
 .bim-summary-bottom .bim-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){
 .bim-entry-first .bim-date-people-row{gap:3px}
 .bim-entry-first .bim-date-people-row .field input{font-size:11px;padding:6px 2px}
 .bim-filter-toolbar{gap:4px;padding:6px}
 .bim-filter-toolbar .field input,.bim-filter-toolbar .field select{font-size:11px;padding:5px 2px}
}
/* KM sayacı/kilometre/taksimetre: telefonlarda da iki sütun, daha az dikey kaydırma. */
.bim-entry-first .bim-km-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bim-entry-first .bim-km-grid .field input{min-width:0;max-width:100%;font-size:13px;padding:9px 6px}
@media(max-width:350px){.bim-entry-first .bim-km-grid{gap:7px}.bim-entry-first .bim-km-grid .field input{font-size:12px;padding:7px 4px}}


/* V44: Her ekranda dışa aktarma butonları başlık altında aynı sırada, iPhone'a sığar. */
.global-export-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(100%,330px);max-width:100%;margin:0}
.global-export-tabs .btn{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;min-height:34px;line-height:1.2}
.bim-topbar .bim-topbar-title-row{width:100%;min-width:0}
@media(max-width:760px){
 .bim-topbar{width:100%;max-width:100%;align-items:flex-start}
 .bim-topbar>div:first-child{width:100%;max-width:100%}
 .bim-topbar-title-row{display:flex!important;flex-direction:column;align-items:stretch;gap:8px}
 .bim-topbar-title-row h1{flex:0 0 auto!important}
 .global-export-tabs{width:min(100%,330px)}
 .global-export-tabs .btn{font-size:11px;padding:6px 3px;min-height:34px}
}
@media(max-width:350px){.global-export-tabs .btn{font-size:10.5px;padding:6px 2px}}


/* V45 — TUM MODULLERDE SIMETRI / TEK DUZEN
   Yalnizca gorunumu duzeltir: islev, rol ve kayit akisina dokunmaz.
   Ekran genisligi 320px dahil es boyutlu kutular ve giris kontrolleri. */
:root {
  --ui-radius: 14px;
  --ui-control-radius: 11px;
  --ui-space: 12px;
  --ui-control-height: 44px;
}
.main, .main > *, .main .section {min-width:0}
.main .grid,
.main .form-grid,
.main .bim-stats,
.main .accounting-stats,
.main .service-stats,
.main .service-grid,
.main .credit-cards,
.main .bim-dest-options {align-items:stretch;gap:var(--ui-space)}
.main .grid>* ,
.main .form-grid>* ,
.main .bim-stats>* ,
.main .accounting-stats>* ,
.main .service-stats>* ,
.main .service-grid>* ,
.main .credit-cards>* ,
.main .bim-dest-options>* {min-width:0;max-width:100%}
/* Ortak kart geometrisi; renkleri ve ozelligi ayni kalir */
.main .card,.main .panel,.main .stat,
.main .bim-entry-first,.main .bim-stat,.main .bim-km-integration,
.main .bim-record,.main .credit-record,.main .service-record,
.main .bim-month-group,.main .bim-day-group,
.main .audit-record {border-radius:var(--ui-radius)}
.main .card,.main .panel,.main .stat,.main .bim-stat,
.main .bim-entry-first,.main .credit-record,.main .service-record {padding:16px}
.main .grid.stats>.stat,.main .accounting-stats>.stat,.main .service-stats>.stat,
.main .bim-stats>.bim-stat,.main .credit-cards>.credit-record,
.main .service-grid>.service-record {height:100%;align-self:stretch;min-width:0}
.main .stat,.main .bim-stat {display:flex;flex-direction:column;min-height:112px}
.main .stat .value,.main .bim-stat strong {margin-top:auto;padding-top:10px;line-height:1.25;overflow-wrap:anywhere;white-space:normal}
.main .bim-stat small {line-height:1.4}
/* Formlarin input/select/textarea kenarlari ve yukseklikleri ayni */
.main .field {min-width:0;max-width:100%}
.main .field>label {line-height:1.3}
.main .field>input:not([type=checkbox]):not([type=radio]),
.main .field>select,
.main .field>textarea,
.main .filter>input,
.main .filter>select {
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  border-radius:var(--ui-control-radius);border:1px solid #344960;
  background:#0b1828;color:#eef6ff;
  min-height:var(--ui-control-height);
  padding:9px 10px;
}
/* Farkli buyuklukteki kart seceneklerini esitle */
.main .bim-dest-options {grid-template-columns:repeat(2,minmax(0,1fr))}
.main .bim-dest-choice {height:100%;min-height:54px;border-radius:12px;gap:8px}
.main .bim-km-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space)}
.main .bim-km-grid>.field>label {display:flex;align-items:end;min-height:2.55em;line-height:1.25}
.main .bim-km-grid>.field>input {width:100%;height:var(--ui-control-height);min-height:var(--ui-control-height);padding:7px 9px}
/* Kullanici istegi: tarih, saat, kisi sayisi tek satirda, ES GENISLIKTE */
.main .bim-entry-first .bim-date-people-row {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;gap:var(--ui-space);align-items:stretch;
}
.main .bim-entry-first .bim-date-people-row>.field {width:100%;min-width:0;max-width:100%}
.main .bim-entry-first .bim-date-people-row>.field>label {min-height:1.4em;margin-bottom:7px}
.main .bim-entry-first .bim-date-people-row>.field>input {
  box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;
  height:var(--ui-control-height);min-height:var(--ui-control-height);
  padding:7px 5px;font-size:13px;
}
/* Dönem/Ay/Sofor uc es genis kutuda, dikey hizalanmis */
.main .bim-filter-toolbar {
  box-sizing:border-box;width:100%;max-width:100%;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--ui-space);padding:12px;
}
.main .bim-filter-toolbar[data-bim-period=all] {grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
.main .bim-filter-toolbar .field {width:100%;min-width:0;max-width:100%}
.main .bim-filter-toolbar .field>label {min-height:1.35em;line-height:1.35}
.main .bim-filter-toolbar .field>input,.main .bim-filter-toolbar .field>select {height:var(--ui-control-height);min-height:var(--ui-control-height);padding:8px}
/* Excel-Word-PDF: sayfa basliklarinin yaninda, esit boy ve boslukta */
.main .global-export-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,372px);gap:var(--ui-space);max-width:100%}
.main .global-export-tabs>.btn {display:flex;min-width:0;max-width:100%;width:100%;height:40px;min-height:40px;padding:6px 7px;border-radius:var(--ui-control-radius);justify-content:center;align-items:center;text-align:center;overflow:visible;text-overflow:clip}
/* Raporlar dahil: kart satirlarinda es kenar ve yukseklik */
.main .grid.stats,.main .accounting-stats,.main .service-stats {grid-auto-flow:row;grid-auto-rows:1fr}
/* 3 toplami tek satirda es genislikte diz; dar telefonda yuksekligi azalt */
.main .bim-summary-bottom .bim-stats {grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
.main .bim-summary-bottom .bim-stats>.bim-stat {grid-column:auto!important;min-width:0}
@media(max-width:760px){
 :root{--ui-space:9px;--ui-control-height:42px}
 .main .card,.main .panel,.main .stat,.main .bim-stat,
 .main .bim-entry-first,.main .credit-record,.main .service-record {padding:12px}
 .main .grid.stats,.main .accounting-stats {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
 .main .service-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 .main .grid.stats>.stat,.main .accounting-stats>.stat,.main .service-stats>.stat {grid-column:auto!important}
 .main .stat,.main .bim-stat {min-height:108px}
 .main .bim-summary-bottom .bim-stats {grid-template-columns:1fr;gap:9px}
 .main .bim-summary-bottom .bim-stats>.bim-stat {min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:12px}
 .main .bim-summary-bottom .bim-stats>.bim-stat>strong {margin:0;padding:0;text-align:right;font-size:clamp(13px,3.7vw,17px)}
 .main .bim-summary-bottom .bim-stats>.bim-stat>small {font-size:12px;line-height:1.35}
 .main .global-export-tabs {width:100%;gap:9px}
 .main .global-export-tabs>.btn {height:40px;min-height:40px;padding:5px 2px;font-size:11px;white-space:nowrap}
 .main .bim-entry-first .bim-date-people-row {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .main .bim-entry-first .bim-date-people-row>.field>input {height:42px;min-height:42px;font-size:12px;padding:5px 3px}
 .main .bim-entry-first .bim-date-people-row>.field>label {font-size:11px;white-space:nowrap}
 .main .bim-filter-toolbar {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px}
 .main .bim-filter-toolbar[data-bim-period=all]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main .bim-filter-toolbar .field>input,.main .bim-filter-toolbar .field>select {font-size:12px;padding:6px 3px}
 .main .bim-km-grid>.field>input {height:42px;min-height:42px}
}
@media(max-width:360px){
 :root{--ui-space:7px}
 .main .bim-date-people-row,.main .bim-filter-toolbar {gap:4px!important}
 .main .bim-entry-first .bim-date-people-row>.field>input {font-size:11px;padding:4px 2px}
 .main .bim-filter-toolbar .field>input,.main .bim-filter-toolbar .field>select {font-size:11px;padding:4px 2px}
 .main .global-export-tabs{gap:7px}
}

/* V45 duzeltme: BİM Tarih/Saat/Kişi Sayısı kontrollerinin dış ölçüleri tıpatıp eşit.
   Eski #bim_passenger_count min-height:45px kuralı 42px satırı bozuyordu. */
.main .bim-entry-first .bim-date-people-row > .field > input,
.main .bim-entry-first .bim-date-people-row > .field > input#bim_passenger_count {
 box-sizing:border-box;width:100%;min-width:0;max-width:100%;
 height:var(--ui-control-height);min-height:var(--ui-control-height);
 max-height:var(--ui-control-height);margin:0;
 border:1px solid #344960;border-radius:var(--ui-control-radius);
}


/* V46 – Taksimatik Türkiye haritası: duraklı rota, mobil tasarım */
.taxi-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.taxi-tabs button{min-width:0;min-height:45px;max-width:100%;border-radius:12px;border:1px solid #39516b;background:#132438;color:#e4edfa;font-size:13px;font-weight:750;padding:11px 7px;cursor:pointer;white-space:normal}
.taxi-tabs button.selected{background:#176c77;color:#fff;border-color:#67ccc7}
.taxi-map-card{max-width:1100px;width:100%;margin:10px auto}
.taxi-map-heading h2{font-size:20px;margin:0 0 8px}
.taxi-map-card .subtle{margin:0 0 12px}
.route-layout{display:grid;grid-template-columns:minmax(275px,350px) minmax(0,1fr);gap:14px;align-items:start}
.route-controls{min-width:0;display:flex;flex-direction:column;gap:12px}
.route-control-box{border:1px solid #30445e;border-radius:13px;background:#101e30;padding:12px;min-width:0}
.route-control-box h3{font-size:14px;color:#eef7ff;margin:0 0 9px}
.route-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.route-toolbar button,.route-stop-acts button,.route-search-row button{border:1px solid #45637c;border-radius:9px;padding:9px 5px;color:#fff;background:#1a344a;font-weight:700;cursor:pointer;min-width:0;font-size:12px}
.route-toolbar button.active{background:#168178;border-color:#67e8cc}
.route-toolbar button[disabled]{opacity:.4}
.route-stop-list{display:flex;flex-direction:column;gap:7px;margin:9px 0 0;padding:0;list-style:none}
.route-stop-list li{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:9px;background:#172a3c;border:1px solid #34485e;border-radius:9px;min-width:0}
.route-stop-list li .route-stop-label{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}
.route-stop-acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:end;max-width:106px}
.route-stop-acts button{min-width:28px;padding:6px 7px}
.route-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.route-search-row input,.route-tariff-grid input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #445c74;background:#0b1828;border-radius:9px;color:#edf6ff;min-height:42px;padding:8px}
.route-search-results{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.route-search-results button{color:#e3f2fa;text-align:left;white-space:normal;border:1px solid #34506c;border-radius:9px;background:#192b40;padding:9px;cursor:pointer}
.route-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.route-tariff-grid label{font-size:11px;color:#b5c7d8;min-width:0}
.route-tariff-grid input{margin-top:5px;text-align:center}
.route-calc{border:0;min-height:48px;border-radius:11px;background:#159681;color:#fff;font-weight:800;cursor:pointer;width:100%;font-size:15px}
.route-calc:disabled{opacity:.5;cursor:wait}
.route-summary{background:#10353b;border:1px solid #367e80;border-radius:12px;padding:12px;min-height:54px;font-size:13px;line-height:1.65}
.route-summary strong{font-size:18px;color:#b6ffec}
.route-map-wrap{position:relative;min-width:0;}
#taxi-route-map{height:540px;min-height:280px;border:1px solid #35516b;border-radius:12px;background:#142a3b;overflow:hidden}
.route-help{font-size:11px;color:#b2c5d9;line-height:1.6;margin:8px 0 0}
.route-map-fallback{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:20px;box-sizing:border-box;line-height:1.6}
.route-tiny{font-size:11px;line-height:1.5;color:#b4c8d6}
.route-notice{font-size:12px;line-height:1.5;padding:9px;border:1px solid #75633c;background:#2c2a20;color:#ffe4a7;border-radius:9px}
.route-err{color:#ffbdbd;line-height:1.4;font-size:12px}
.route-pins{font-size:12px;line-height:1;white-space:nowrap}
@media(max-width:760px){.taxi-map-card{padding:12px!important}.route-layout{grid-template-columns:minmax(0,1fr)}#taxi-route-map{height:350px}.route-tariff-grid{gap:5px}.taxi-tabs{gap:7px}.taxi-tabs button{font-size:11px;min-height:44px;padding:8px 5px}.route-control-box{padding:10px}}
@media(max-width:345px){.route-toolbar button{font-size:11px;padding:9px 2px}.route-search-row button{font-size:11px}.route-stop-acts{max-width:85px}}

/* V47 rota doğrulama ve gerçek km girişleri, küçük ekran uyumu */
.route-option-box{font-size:12px;line-height:1.55;color:#e2f1f8;min-width:0}
.route-option-box:empty,.route-odometer-warning:empty{display:none}
.route-option-box ol{margin:7px 0 2px;padding-left:23px}
.route-option-box li{margin:4px 0;overflow-wrap:anywhere}
.route-alt-choices{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}
.route-alt-choices button,.route-my-location{border:1px solid #47647a;background:#19374b;color:#fff;border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:700;font-size:12px}
.route-alt-choices button.selected{background:#168178;border-color:#8ef4e0}
.route-my-location{width:100%;margin-top:9px;min-height:39px}
.route-odo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.route-odo-grid label{font-size:11px;color:#b5c7d8;min-width:0}
.route-odo-grid input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #445c74;background:#0b1828;border-radius:9px;color:#edf6ff;min-height:42px;margin-top:4px;padding:8px}
.route-odometer-warning{padding:9px;border:1px solid #aa7c49;background:#32291b;border-radius:9px;color:#ffdc9f;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:390px){.route-odo-grid{grid-template-columns:1fr}.route-layout,.route-control-box,.route-controls,.route-map-wrap{max-width:100%;min-width:0}.route-summary{overflow-wrap:anywhere}}

.route-crosscheck{font-size:12px;line-height:1.5;color:#c4d6e4}
.route-crosscheck:empty{display:none}
.route-crosscheck a{display:inline-block;padding:9px 12px;border:1px solid #547b9a;border-radius:9px;color:#b8ebff;background:#173047;font-weight:750;text-decoration:none}

/* V48 Google Maps interface - responsive and accessible */
.route-google-badge{padding:12px 14px;margin-bottom:12px;border:1px solid #365b77;background:#153047;border-radius:12px;color:#e7f8ff;font-size:18px;font-weight:850;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.route-google-badge span{font-size:12px;font-weight:500;color:#bad8e8}
.route-google-setup{padding:14px;margin:0 0 14px;background:#242919;border:1px solid #b79744;border-radius:12px;color:#ffefcb;line-height:1.55;overflow-wrap:anywhere}
.route-google-setup strong{font-size:16px}.route-google-setup p{margin:9px 0}.route-google-setup label{display:block;font-weight:700;font-size:13px;margin:9px 0 5px}
.route-google-setup input{min-width:0;width:100%;box-sizing:border-box;background:#0a1422;border:1px solid #6d7a80;border-radius:9px;color:#fff;font-size:14px;padding:9px;min-height:42px}
.route-google-setup button{border:1px solid #62a6b8;border-radius:8px;padding:9px 12px;min-height:42px;background:#168178;color:#fff;font-weight:bold;cursor:pointer}
.route-google-setup a{color:#b1e6ff;text-decoration:underline}.route-google-setup small{display:block;color:#f5daaf;margin-top:8px}
@media(max-width:760px){.route-google-badge{font-size:16px}#taxi-route-map{height:390px}.route-google-setup{padding:12px}}

/* V49 Google Haritalar bağlantısı: iPhone/Android dar ekran düzeni */
.easy-heading{padding:10px 14px;border-radius:12px;border:1px solid #2c6873;background:#10313d;margin-bottom:12px}
.easy-heading>span{font-size:17px;font-weight:850;color:#d0fff2}
.easy-heading p{font-size:13px;line-height:1.6;margin:7px 0 0;color:#d8e9f1}
.easy-route-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px;align-items:start;min-width:0}
.easy-form-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.easy-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750;color:#d7e9f2;margin:10px 0}
.easy-field input,.easy-stop-row input{width:100%;min-width:0;box-sizing:border-box;background:#0b1828;border:1px solid #506b82;border-radius:9px;padding:11px;color:#f6fcff;font-size:15px;min-height:44px}
.easy-location-btn,.easy-add-stop,.easy-clear-btn{background:#1b344d;color:#e6f7ff;border:1px solid #436887;border-radius:9px;font-size:13px;font-weight:730;padding:10px;min-height:43px;cursor:pointer}
.easy-location-btn,.easy-add-stop{display:block;width:100%;margin-top:8px}
.easy-add-stop:disabled{opacity:.55;cursor:not-allowed}
.easy-stop-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:#e1f0f7;font-size:13px}
.easy-stop-top span{font-size:11px;color:#b4c8d5}
.easy-stop-row{display:flex;gap:8px;align-items:end;margin-top:8px;min-width:0}
.easy-stop-row label{flex:1;min-width:0;font-size:12px;font-weight:700}
.easy-stop-row button{height:44px;min-width:44px;border-radius:9px;border:1px solid #b56868;color:#ffd3d3;background:#492c35;cursor:pointer}
.easy-maps-link{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;min-height:52px;padding:12px;border-radius:10px;background:#138679;border:1px solid #5ed7b5;color:white!important;text-decoration:none!important;font-size:15px;font-weight:850;box-sizing:border-box;margin-top:15px}
.easy-maps-link.is-disabled{background:#385b61;border-color:#52727c;opacity:.75;cursor:not-allowed}
.easy-odometer-title{font-size:13px;font-weight:750;margin-top:14px;color:#eff8ff}
.easy-odometer-title small{font-weight:400;font-size:11px;color:#b6ccde}
.easy-instructions{border:1px solid #355775;border-radius:12px;background:#162a40;padding:15px;min-width:0}
.easy-instructions h3{font-size:16px;margin:0 0 13px;color:#f2fdff}
.easy-instructions>div{display:flex;align-items:start;gap:10px;margin:14px 0;font-size:13px;color:#d8eaf6;line-height:1.5}
.easy-instructions>div>b{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a817e;color:#fff}
.easy-instructions p{font-size:13px;color:#e5fbf8;line-height:1.7;background:#183b4c;padding:10px;border-radius:9px}
.easy-instructions small{font-size:11px;color:#b4d0e2;line-height:1.6;display:block}
.easy-clear-btn{width:100%;color:#d6edfa}
@media(max-width:760px){.easy-route-grid{grid-template-columns:minmax(0,1fr)}.easy-instructions{order:2}.easy-form-col{order:1}}
@media(max-width:390px){.easy-route-grid,.easy-form-col,.easy-heading,.easy-stop-row{max-width:100%;min-width:0}.route-tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-tariff-grid input{font-size:14px;padding:6px}.easy-maps-link{font-size:13px;padding:10px}}

/* V50: in-app routing and one-glance, continuously recalculated fare */
.v50-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.v50-hero>div{background:linear-gradient(135deg,#07394b,#13695c);border:1px solid #3b9c8f;border-radius:14px;padding:14px;min-width:0}
.v50-hero span{display:block;color:#d7eee8;font-size:11px;letter-spacing:.4px;font-weight:800}
.v50-hero b{display:block;color:#fff;font-size:clamp(20px,3vw,30px);font-weight:900;overflow-wrap:anywhere;line-height:1.4}
.v50-inline-status{font-size:13px;padding:9px 12px;border:1px solid #3c6883;border-radius:9px;background:#142e41;color:#deecf5;line-height:1.5;margin:0 0 12px}
.v50-inline-status.is-error{background:#372b29;color:#ffe3d6;border-color:#935951}
.v50-map-caption{font-size:13px;font-weight:850;color:#e7faff;letter-spacing:.4px;margin-bottom:8px}
.v50-manual-input{width:100%;min-height:44px;min-width:0;box-sizing:border-box;border-radius:9px;border:1px solid #445c74;background:#0b1828;color:#fff;padding:8px;font-size:15px}
#route-summary{overflow-wrap:anywhere}
@media(max-width:760px){.taxi-map-card{overflow:hidden}.route-layout{display:flex;flex-direction:column;gap:12px}.route-map-wrap{order:-1;width:100%;min-width:0;max-width:100%}.route-controls{order:1;width:100%}#taxi-route-map{height:320px}.v50-hero b{font-size:clamp(19px,5vw,27px)}}
@media(max-width:390px){.v50-hero{gap:7px}.v50-hero>div{padding:10px}.route-tariff-grid{gap:5px}#taxi-route-map{height:290px}}

/* V51 Google Maps integration */
#route-key-setup[hidden]{display:none!important}
.v51-key-setup{margin:12px 0;background:#131d31;border:1px solid #5175b3}
.v51-key-setup input{min-width:0;flex:1}
.v51-key-setup p{line-height:1.5}
.v51-check{display:flex;gap:10px;align-items:center;margin:10px 0}
.v51-check input{width:19px;height:19px;flex-shrink:0}
.v51-place-search gmp-place-autocomplete{width:100%;display:block;min-height:54px;color:#111}
.route-stop-list li button{margin-left:auto;background:transparent;border:1px solid #74869d;color:inherit;border-radius:7px;padding:5px 7px}
@media(max-width:520px){.v51-key-setup .route-search-row{display:flex;flex-wrap:wrap}.v51-key-setup button{width:100%;min-height:44px}}
.v51-key-action{text-align:right;margin:4px 0 14px}.v51-key-action button{font-size:12px;color:#a9bddb;background:transparent;border:0;text-decoration:underline;cursor:pointer;padding:6px}

/* V52 – Geoapify yol rotasi: ekran genisligine sigan, haritasi ustte mobil form. */
.route-v52{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:12px;color:#e8f4fb}
.route-v52 *{box-sizing:border-box}
.route-v52 .v50-hero{margin:0;min-width:0}
.route-v52 #route-inline-status{margin:0;overflow-wrap:anywhere}
.route-v52 .route-v52-key{min-width:0;padding:13px}
.route-v52-key p{font-size:13px;line-height:1.6;margin:6px 0 12px}
.route-v52-key a{color:#a5f1e4;text-decoration:underline;font-size:13px}
.route-v52-key[hidden],.route-v52 [hidden]{display:none!important}
.v52-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.v52-location-box{background:#132638;border:1px solid #385a71;border-radius:12px;padding:12px;min-width:0;display:block}
.v52-location-box>span:first-child{display:block;font-weight:750;font-size:13px;color:#e5f5fc;margin-bottom:8px}
.v52-location-box input,.v52-extra>input,.v52-preferences select{background:#091928;border:1px solid #4a687e;color:#fff;border-radius:9px;min-height:44px;padding:9px 10px;width:100%;min-width:0;font:inherit;font-size:15px;outline-offset:1px}
.v52-location-box input:focus,.v52-extra>input:focus{outline:2px solid #4ed5bf}
.route-v52 .route-search-results{display:flex;flex-direction:column;gap:5px;margin-top:5px;min-width:0;font-size:12px;color:#b7c8d7;line-height:1.6}
.route-v52 .route-search-results:empty{display:none}
.route-v52 .route-search-results button{min-height:41px;white-space:normal;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.v52-quick{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:7px;min-width:0}
.v52-quick button,.v52-reset{background:#173a4d;color:#e6f4fe;border:1px solid #47728b;border-radius:10px;min-height:43px;font-weight:700;font-size:12px;line-height:1.35;padding:8px;cursor:pointer;min-width:0}
.v52-quick button:hover,.route-v52 .route-toolbar button:hover{border-color:#7bd9c4}
.v52-map-box{border:1px solid #304860;border-radius:13px;min-width:0;overflow:hidden;background:#142537;padding:9px}
.v52-map-box .v50-map-caption{margin-bottom:7px;font-size:12px;letter-spacing:.04em;color:#b5f4e3}
.route-v52 #taxi-route-map{height:400px;min-height:300px;width:100%;background:#173145;overflow:hidden;border:1px solid #2d526e;border-radius:9px;z-index:0;isolation:isolate}
.v52-map-box>small,.v52-route-choice>small{display:block;color:#b9cbdd;line-height:1.55;font-size:11px;margin-top:8px}
.route-v52 .leaflet-container{font-family:inherit;color:#1a2330}
.route-v52 .leaflet-control-attribution{font-size:10px}
.route-v52 .leaflet-control-attribution a{color:#225581}
.v52-pin-outer{background:transparent;border:0;}
.v52-pin{border:2px solid #fff;width:29px;height:29px;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);box-shadow:0 3px 7px #10203399;display:grid;place-content:center;color:#fff;font-weight:900;font-size:13px;}
.v52-pin-text{display:block;transform:rotate(45deg)}
.v52-route-choice{display:flex;flex-direction:column;gap:12px}
.v52-route-choice .route-help{margin:0}
.v52-route-choice .route-stop-list{margin:0}
.v52-route-choice .route-stop-list li{gap:8px;align-items:center;flex-wrap:nowrap}
.v52-route-choice .route-stop-label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}
.v52-route-choice .route-stop-label small{color:#bfd1db;font-weight:500;font-size:12px}
.v52-route-choice .route-stop-list button{border:1px solid #7c555a;background:#382932;color:#ffe8ea;border-radius:8px;padding:7px;font-size:12px;cursor:pointer}
.v52-preferences{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px}
.v52-preferences>label{display:flex;align-items:center;gap:7px;min-width:0}
.v52-preferences label:first-child{flex:1 1 155px}
.v52-preferences select{max-width:180px;min-height:38px;font-size:13px}
.v52-preferences input{accent-color:#16aa95;width:17px;height:17px}
.route-v52 .route-summary{margin:0;min-width:0;overflow-wrap:anywhere}
.route-v52 .route-summary>div{margin:5px 0}
.route-v52 .route-crosscheck{overflow-wrap:anywhere}
.route-v52 .route-crosscheck a{width:100%;text-align:center}
.v52-extra summary{font-size:14px;font-weight:800;cursor:pointer;min-height:32px}
.v52-extra h3{margin-top:17px}
.v52-extra .route-tariff-grid{margin-top:10px}
.v52-extra .route-odo-grid{margin-top:10px}
.route-v52 .v52-reset{width:100%;background:transparent;border-color:#375569;color:#bdcad8}
.route-v52 .route-notice{margin:0}
@media(max-width:700px){
 .taxi-map-heading h2{font-size:17px}
 .taxi-map-heading p{font-size:12px}
 .route-v52{gap:10px}
 .v52-search-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .v52-location-box{padding:9px}
 .route-v52 #taxi-route-map{height:335px;min-height:275px}
 .v52-route-choice{padding:10px}
 .route-v52 .v50-hero{gap:7px}
 .route-v52 .v50-hero b{overflow-wrap:anywhere}
}
@media(max-width:390px){
 .route-v52 #taxi-route-map{height:300px;min-height:265px}
 .v52-quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .v52-quick button:last-child{grid-column:1/-1;min-height:36px}
 .route-v52 .route-toolbar{gap:5px}
 .route-v52 .route-toolbar button{font-size:11px;line-height:1.3;padding:8px 3px}
 .route-v52 .route-search-row{grid-template-columns:minmax(0,1fr)}
 .route-v52 .route-search-row button{min-height:42px}
}

/* V54: iPhone/Android duyarlı çoklu veresiye, servis ve ODO */
.v54-credit-section{padding:12px;border:1px solid #546076;border-radius:12px;min-width:0}
.v54-credit-row,.v54-multi-line,.v54-odo-row{display:flex;align-items:center;gap:8px;margin:8px 0;min-width:0}
.v54-credit-name,.v54-credit-amount,.v54-multi-line input,.v54-odo-row input{min-width:0;flex:1;width:100%;padding:11px;border:1px solid #556179;border-radius:9px;background:#1b2637;color:#fff;font-size:16px}
.v54-credit-name{flex:1.6}.v54-credit-amount{flex:1}.v54-credit-row button,.v54-multi-line button,.v54-odo-row button{flex-shrink:0}
.v54-summary{width:100%;max-width:100%;overflow-wrap:anywhere}.v54-summary h3,.v54-summary h4{margin:12px 0 7px}
.v54-summary .v54-big{font-size:1.12rem;font-weight:800;border-top:1px solid #536074;padding-top:10px}
.v54-camera-backdrop{position:fixed;inset:0;z-index:99999;background:#000c;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto}
.v54-camera-panel{background:#142133;color:#fff;border-radius:16px;padding:16px;width:100%;max-width:560px;max-height:94dvh;overflow-y:auto}
.v54-camera-photo{max-width:100%;max-height:280px;object-fit:contain;margin:auto;display:block}
.v54-camera-panel label{display:block;margin:12px 0}.v54-camera-panel label input{width:100%;display:block;padding:12px;font-size:20px;border-radius:8px}
#v54-camera-candidates{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.v54-camera-buttons{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:430px){.v54-credit-row{flex-wrap:wrap}.v54-credit-name{flex-basis:100%}.v54-credit-amount{flex:1}.v54-odo-row input{width:40%}.v54-odo-row .btn{font-size:13px}}

/* V55: telefon ekranında müşteri birleştirme ve giriş/çıkış raporu */
.v55-credit-group{min-width:0}
.v55-credit-details{margin-top:10px;border-top:1px solid rgba(127,144,163,.24);padding-top:10px}
.v55-credit-details>summary{cursor:pointer;min-height:38px;font-weight:650}
.v55-credit-entry{padding:12px 0;border-top:1px solid rgba(127,144,163,.18);min-width:0}
.v55-credit-entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v55-credit-entry-total{text-align:right;font-weight:700;white-space:nowrap}
.v55-credit-entry-total small{display:block;color:var(--text-muted,#93a4b8);font-weight:400}
.v55-history-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0}
.v55-history-toolbar .field{min-width:170px;max-width:260px;margin:0}
.v55-session-table{min-width:690px}
@media(max-width:580px){.v55-history-toolbar .field{flex:1 1 100%;max-width:none}.v55-history-toolbar .inline-list{width:100%;flex-wrap:wrap}.v55-history-toolbar .inline-list .btn{flex:1;min-width:140px}.v55-credit-entry-total{text-align:left}}

/* V55.2: iPhone/Android one-tap driver selector in Vardiyalar. */
.driver-quick-filter{margin:12px 0 16px;padding:12px;border:1px solid var(--border,#32445d);border-radius:14px;background:var(--card,#162339)}
.driver-filter-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.driver-filter-button{border:1px solid #4b637c;background:transparent;color:inherit;padding:11px 13px;border-radius:11px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.driver-filter-button.selected{background:#1f766c;border-color:#5edcca;color:#fff;font-weight:700}
@media(max-width:600px){.driver-quick-filter{padding:10px}.driver-filter-buttons{gap:7px}.driver-filter-button{flex:1 1 42%;min-width:0}}

/* V55.3: selected driver feedback; controls are separate from session switching. */
.driver-filter-feedback{padding:9px 12px;margin:0 0 12px;border-left:3px solid #5edcca;background:rgba(94,220,202,.08);border-radius:7px;font-size:13px}

/* V55.4 – Onaylı Günlük Defter ekranı. Önceki kayıtlar ve hesap fonksiyonları korunur. */
.v554-page{max-width:1050px;margin:0 auto;display:flex;flex-direction:column;gap:13px;min-width:0}
.v554-main-head{margin:3px 0 0}.v554-main-head h2{margin:0 0 4px}.v554-main-head p{margin:0}
.v554-month-control{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 18px;background:#223d6c;color:#fff;border:1px solid #456b9f;border-radius:13px;font-size:20px;cursor:pointer;text-transform:none;overflow:hidden;isolation:isolate}
.v554-month-control strong{font-size:inherit;letter-spacing:.2px}.v554-month-control input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}
.v554-month-control:focus-within{outline:2px solid #8bc5ff;outline-offset:2px}
.btn.v554-add-shift{width:100%;min-height:52px;justify-content:center;font-size:15px}
.v554-page .driver-quick-filter{margin:0;padding:12px;background:#182840;border-color:#304660}
.v554-page .driver-filter-buttons{gap:6px}.v554-page .driver-filter-button{font-size:12px;min-height:34px;padding:7px 9px;border-radius:8px;line-height:1.25;white-space:normal}
.v554-page .driver-filter-feedback{margin:0;font-size:12px}
.v554-shift-list{display:flex;flex-direction:column;gap:17px}
.v554-shift{display:flex;flex-direction:column;gap:12px;border:0;min-width:0}
.v554-driver-heading{background:#1c2e48;border:1px solid #384e6a;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.v554-driver-name{display:flex;align-items:center;gap:10px;min-width:0}.v554-driver-heading h3{margin:0;font-size:18px;color:#fff;overflow-wrap:anywhere}.v554-driver-name span{font-size:20px}
.v554-datetime-grid,.v554-km-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v554-date-card{background:#263d5b;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.v554-date-card span,.v554-km-card span{font-size:12px;color:#bcd3ec;overflow-wrap:anywhere}
.v554-date-card strong{font-size:14px;color:white}.v554-date-card b{font-size:22px;color:#7ce7c9}.v554-date-card:nth-child(2) b{color:#f1c878}
.v554-section{background:#17283f;border:1px solid #304661;border-radius:14px;padding:15px 16px;min-width:0;display:flex;flex-direction:column;gap:12px}
.v554-section h4{margin:0 0 3px;font-size:17px;color:#fff;font-weight:750}
.v554-km-card{background:#253b57;padding:12px;border-radius:10px;min-width:0;display:flex;flex-direction:column;gap:6px}
.v554-km-card b{color:#fff;font-size:20px;overflow-wrap:anywhere}
.v554-distance{background:#154a43;padding:13px 15px;border-radius:10px;display:flex;flex-direction:column;gap:4px}
.v554-distance span{font-size:12px;color:#b7e9d9}.v554-distance strong{font-size:26px;color:#70eac1}
.v554-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.v554-line span{min-width:0;color:#c5d2e3;font-size:14px;overflow-wrap:anywhere}.v554-line strong{font-size:14px;color:white;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.v554-total{border-top:1px solid #3b4e68;padding-top:12px}.v554-total .v554-line span{font-weight:750;color:#fff}.v554-total .v554-line strong{font-size:17px}
.v554-line strong.v554-green{color:#75eac0}.v554-line strong.v554-amber{color:#f1c978}
.v554-wage{background:#164b40;border:0}.v554-wage h4{color:#c0ebdd;font-size:15px}.v554-wage>strong{color:#75ebc0;font-size:29px;line-height:1.1}.v554-wage p{color:#f1c878;font-size:12px;margin:0}
.v554-net{background:#125445;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:5px}
.v554-net>span{font-size:13px;color:#c5f1e1}.v554-net>strong{color:white;font-size:27px}.v554-net .v554-line span{color:#c5f1e1;font-weight:650}.v554-net .v554-line strong{color:#fff;font-size:22px}
.v554-legacy,.v554-muted{font-size:12px;line-height:1.45;color:#acbfd5;margin:0}
.v554-bottom-summary{border:1px solid #397780;border-radius:14px;overflow:hidden;background:#172d3c;margin:0 0 16px}
.v554-summary-toggle{width:100%;min-height:54px;background:#1a414c;border:0;color:white;font:inherit;font-weight:750;font-size:16px;padding:13px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;text-align:left}
.v554-summary-toggle span:last-child{font-weight:500;font-size:12px;color:#beddde;white-space:nowrap}.v554-summary-toggle:focus-visible{outline:2px solid #79e8ca;outline-offset:-3px}
.v554-summary-body{padding:15px;display:flex;flex-direction:column;gap:12px}.v554-summary-body .v554-net{margin-top:3px}
@media(max-width:600px){.v554-page{gap:11px}.v554-month-control{min-height:54px;font-size:19px}.v554-shift{gap:10px}.v554-section{padding:13px 12px;gap:11px}.v554-driver-heading{padding:11px}.v554-driver-heading h3{font-size:16px}.v554-date-card{padding:10px}.v554-date-card span{font-size:11px}.v554-date-card b{font-size:19px}.v554-km-card b{font-size:17px}.v554-page .driver-filter-button{flex:1 1 calc(50% - 6px);font-size:11px;padding:6px;min-width:0}.v554-line span{font-size:13px}.v554-line strong{font-size:13px}.v554-distance strong{font-size:23px}}
@media(max-width:350px){.v554-datetime-grid,.v554-km-grid{grid-template-columns:1fr}.v554-date-card{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.v554-date-card span{flex-basis:100%}}

/* V55.4 – Onaylanan üçlü tarih-saat, çalışma saati; KM, yevmiye, net kalan ortalı. */
.v554-page .v554-datetime-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
}
.v554-page .v554-date-card{
 padding:12px 6px;align-items:center;text-align:center;justify-content:center;
 min-width:0;min-height:98px;gap:6px;
}
.v554-page .v554-date-card span{
 font-size:clamp(10px,2.7vw,12px);line-height:1.3;min-height:30px;
 display:flex;align-items:center;justify-content:center;
}
.v554-page .v554-date-card strong{
 font-size:clamp(10px,2.7vw,13px);line-height:1.25;overflow-wrap:anywhere;
 font-variant-numeric:tabular-nums;
}
.v554-page .v554-date-card b{
 font-size:clamp(15px,4.3vw,21px);font-variant-numeric:tabular-nums;
 overflow-wrap:anywhere;
}
.v554-page .v554-work-card{background:#174b45;}
.v554-page .v554-work-card span{color:#c5f2e4;}
.v554-page .v554-work-card strong{color:#7becc7;font-size:16px;line-height:1;}
.v554-page .v554-work-card b{color:#7becc7;font-size:clamp(13px,3.45vw,18px);}
.v554-page .v554-distance,
.v554-page .v554-wage,
.v554-page .v554-net,
.v554-page .v554-summary-body .v554-net{
 align-items:center;text-align:center;
}
.v554-page .v554-distance>span,.v554-page .v554-distance>strong,
.v554-page .v554-wage>h4,.v554-page .v554-wage>strong,
.v554-page .v554-net>span,.v554-page .v554-net>strong{
 text-align:center;width:100%;
}
.v554-page .v554-summary-body .v554-net .v554-line{align-self:stretch;}
@media (max-width:350px){
 .v554-page .v554-datetime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .v554-page .v554-date-card{flex-direction:column;justify-content:center;padding:8px 4px;min-height:94px;gap:4px}
 .v554-page .v554-date-card span{font-size:10px;min-height:28px;flex-basis:auto}
 .v554-page .v554-date-card strong{font-size:10px}
 .v554-page .v554-date-card b{font-size:15px}
 .v554-page .v554-work-card b{font-size:12px}
}


/* V55.5 — Yeni Çalışma Ekle modal; eşit kolonlar ve açıklamalı diğer giderler */
#shift-form.v555-shift-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:13px;align-items:start}
#shift-form.v555-shift-form .field{min-width:0;}
#shift-form.v555-shift-form .field input,#shift-form.v555-shift-form .field select,#shift-form.v555-shift-form .field textarea{min-width:0;max-width:100%;box-sizing:border-box}
#shift-form.v555-shift-form .v555-form-section{display:block;text-align:center;font-size:19px;line-height:1.3;padding:13px 10px;background:#243a55;color:#fff}
#shift-form .v555-other-expenses{grid-column:1/-1;background:#172a42;border:1px solid #38506d;border-radius:13px;padding:13px;min-width:0}
#shift-form .v555-other-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}
#shift-form .v555-other-head h3{font-size:16px;margin:0;color:#f3f9ff}
#shift-form .v555-expense-row{background:#223750;border:1px solid #3b536e;border-radius:12px;padding:12px;margin-bottom:12px;min-width:0}
#shift-form .v555-expense-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#c3d8e9;font-weight:700;font-size:12px}
#shift-form .v555-expense-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shift-form .v555-expense-note-field{grid-column:1/-1}
#shift-form .v555-expense-fields .field{margin:0}
#shift-form .v555-extra-total{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 0;font-size:13px;font-weight:750;color:#d9e9f3;border-top:1px solid #3c536d}
#shift-form .v555-extra-total strong{color:#f1c77c;white-space:nowrap}
#shift-form .v555-notes-grid{margin-top:17px}
#shift-form .v555-distance-box{background:#155047;border:1px solid #328774;border-radius:14px;padding:19px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:18px}
#shift-form .v555-distance-box span{font-weight:750;color:#c1f0df;font-size:14px}
#shift-form .v555-distance-box strong{font-size:29px;color:#7ef1c9;font-variant-numeric:tabular-nums}
#shift-form .v555-summary{margin-top:14px}
#shift-form .v555-summary-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;gap:10px;background:transparent;border:0;color:#f1f9fc;padding:5px 0;cursor:pointer;font:inherit}
#shift-form .v555-summary-toggle span:first-child{font-size:20px;font-weight:800}
#shift-form .v555-summary-toggle span:last-child{font-size:12px;font-weight:750;color:#b7dcd8;white-space:nowrap}
#shift-form .v555-summary-contents{margin-top:12px}
#shift-form .v555-summary-contents .summary-line{overflow-wrap:anywhere}
#shift-form .v555-summary-contents .summary-line strong{text-align:right;min-width:0}
#shift-form .v54-credit-section{min-width:0}
@media(max-width:400px){
 #shift-form.v555-shift-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #shift-form .v555-expense-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #shift-form .field>label{font-size:11px;line-height:1.35}
 #shift-form .v555-summary-toggle span:first-child{font-size:17px}
 #shift-form .v555-other-head .btn{padding:9px 10px}
}

/* V55.6: Başlık ve ek gider satırları telefonlarda rahat yerleşir. */
#shift-form .v555-other-head{gap:12px;flex-wrap:wrap}
#shift-form [data-v555-add-expense]{touch-action:manipulation;cursor:pointer;min-height:42px}
#shift-form [data-v555-remove-expense]{touch-action:manipulation;cursor:pointer}
#shift-form .v555-expense-row input,#shift-form .v555-expense-row select{min-width:0;width:100%}

/* V55.8 - Günlük Hesap Özeti altında dönemlik Genel Toplam */
#shift-form .v558-general-total{
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 width:100%;box-sizing:border-box;margin-top:15px;padding:17px 12px;
 border:1px solid #3d927b;border-radius:14px;background:#155247;color:#e8fff5;
 gap:6px;text-align:center;overflow-wrap:anywhere;
}
#shift-form .v558-general-total span{font-size:15px;font-weight:800;letter-spacing:.03em;color:#bdf4e0;}
#shift-form .v558-general-total strong{font-size:clamp(21px,5.7vw,29px);font-variant-numeric:tabular-nums;line-height:1.2;color:#fff;}
#shift-form .v558-general-total small{font-size:11px;line-height:1.3;color:#b9dcd1;}

/* V55.9: Kayıt kartları bağımsız katlanabilir başlıklara sahiptir. */
.v554-page details.v559-fold{display:block;min-width:0;padding:0;overflow:hidden;}
.v559-fold>summary.v559-fold-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:750;font-size:17px;color:#fff;min-height:50px;box-sizing:border-box;}
.v559-fold>summary.v559-fold-title::-webkit-details-marker,.v559-collapsible-grand>summary::-webkit-details-marker{display:none;}
.v559-fold-title>span:first-child{min-width:0;overflow-wrap:anywhere;}
.v559-fold-indicator{flex:none;font-size:12px;color:#c4e1e3;font-weight:600;white-space:nowrap;}
.v559-fold[open] .v559-fold-indicator::after,.v559-collapsible-grand[open] .v559-fold-indicator::after{content:'Daralt ▲';}
.v559-fold:not([open]) .v559-fold-indicator::after,.v559-collapsible-grand:not([open]) .v559-fold-indicator::after{content:'Genişlet ▼';}
.v559-fold-content{padding:0 16px 15px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.v559-fold.v554-wage .v559-fold-content{align-items:center;text-align:center;}
.v559-fold.v554-wage .v559-fold-content>strong{font-size:26px;color:#7cefc5;}
.v559-collapsible-grand{box-sizing:border-box;display:block;min-width:0;width:100%;border:1px solid #378776;border-radius:14px;background:#163d3b;color:#fff;overflow:hidden;margin:0;}
.v559-collapsible-grand>summary.v559-grand-title{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;font-size:18px;font-weight:800;}
.v559-grand-rows{display:flex;flex-direction:column;gap:0;padding:0 15px 14px;}
.v559-grand-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #386660;min-width:0;}
.v559-grand-line span{font-size:14px;color:#d1e7e3;overflow-wrap:anywhere;}
.v559-grand-line strong{font-size:18px;color:#8ff0cb;white-space:nowrap;font-variant-numeric:tabular-nums;}
.v554-page>.v559-collapsible-grand,.v554-page .v554-shift>.v559-collapsible-grand{margin:0 0 12px;}
.v554-summary-body>.v559-collapsible-grand{margin:4px 0 0;}
#shift-form .v559-form-grand{margin-top:15px;padding:0;background:#155247;border-color:#3d927b;}
#shift-form .v559-form-grand .v559-grand-title{font-size:17px;}
#shift-form .v559-form-grand .v559-grand-line strong{color:#fff;}
/* Özet ve muhasebe sayfalarında tam genişlik; normal BİM sekmesi kendi toplamını korur. */
.v559-collapsible-grand:not(.v559-form-grand){margin-top:12px;margin-bottom:15px;}
@media(max-width:600px){
 .v559-fold>summary.v559-fold-title{padding:12px;font-size:16px;}
 .v559-fold-content{padding:0 12px 13px;gap:10px;}
 .v559-grand-line strong{font-size:15px;}
 .v559-grand-line span{font-size:12px;}
}

/* V55.9.2: Tek satırlı Genel Toplam: gelir + gider, yalnız tek tutar */
.v559-single-general{
 box-sizing:border-box;
 width:100%; min-width:0;
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
 gap:10px 14px;
 border:1px solid #378776; border-radius:14px;
 padding:15px 16px; margin:12px 0 15px;
 background:#154b40; color:#fff;
}
.v559-single-general > span{font-size:17px;font-weight:750;}
.v559-single-general > strong{font-size:22px;color:#8ff0cb;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#shift-form .v559-single-general.v559-form-grand{padding:15px 16px;margin-top:15px;margin-bottom:0;background:#155247;}
@media(max-width:600px){.v559-single-general{padding:13px;gap:8px}.v559-single-general>span{font-size:16px}.v559-single-general>strong{font-size:19px}}


/* V55.9.3 – Çalışmanın tek seferde daraltılması; bölüm başlıkları etkileşimsiz. */
.v559-work-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.v559-work-toggle{border:1px solid #4b7182;border-radius:9px;padding:9px 7px;background:#245060;color:#ddf7ef;white-space:nowrap;font:inherit;font-size:12px;font-weight:700;cursor:pointer;line-height:1.1;}
.v559-work-toggle:focus-visible{outline:2px solid #7eecca;outline-offset:3px;}
.v559-work-content{display:flex;flex-direction:column;gap:12px;min-width:0;}
.v559-work-content[hidden]{display:none!important;}
.v559-work-section{gap:12px;}
.v559-work-section-body{display:flex;flex-direction:column;gap:12px;min-width:0;}
.v559-work-section.v554-wage .v559-work-section-body{align-items:center;text-align:center;}
.v559-work-section.v554-wage .v559-work-section-body>strong{font-size:26px;color:#7cefc5;}
.v559-work-section h4{line-height:1.25;}
@media(max-width:600px){
 .v559-work-actions{gap:5px;}
 .v559-work-toggle{padding:8px 5px;font-size:11px;}
 .v554-driver-heading .btn.sm{font-size:12px;padding:8px 8px;}
 .v554-driver-heading h3{font-size:clamp(13px,4vw,16px);}
 .v559-work-content{gap:10px;}
}
@media(max-width:340px){.v554-driver-heading{flex-wrap:wrap}.v559-work-actions{margin-left:auto;}}

/* V55.9.4: Şoför adının hemen altında yalnız KAYDEDİLME anı gösterilir. */
.v559-driver-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto;}
.v559-driver-meta .v554-driver-name{min-width:0;}
.v559-created-at{font-size:12px;line-height:1.4;color:#b9ccdf;white-space:normal;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.v559-created-at time{color:#d8e8f7;font-weight:550;}
.v559-created-at span{color:#8ed7f1;}
.v554-driver-heading:has(.v559-driver-meta){align-items:center;}
@media(max-width:600px){
 .v559-driver-meta{gap:5px;}
 .v559-created-at{font-size:11px;}
 .v554-driver-heading:has(.v559-driver-meta){gap:6px;}
}
@media(max-width:340px){.v559-created-at{font-size:10px;}}

/* V56: Çalışmalarım ve Bildirimler – önceki kart/hesap düzenine dokunmaz. */
.v56-top-buttons{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;}
.v56-top-buttons .btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-height:36px;}
.v56-notif-count{display:inline-flex;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#d65050;color:#fff;font-weight:800;font-size:11px;line-height:1;}
.v56-my-work{display:flex;flex-direction:column;gap:12px;min-width:0;margin:4px 0 14px;}
.v56-work-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px;border:1px solid #376175;border-radius:14px;background:#142d3d;}
.v56-work-heading h2{margin:0;font-size:clamp(17px,4.5vw,21px);}
.v56-work-heading .subtle{margin:5px 0 0;font-size:12px;line-height:1.4;}
.v56-work-count{white-space:nowrap;font-size:12px;font-weight:750;background:#236373;color:#fff;border-radius:18px;padding:6px 9px;}
.v56-work-tabs{display:flex;gap:7px;flex-wrap:wrap;}
.v56-work-tabs button{background:#172d3c;border:1px solid #446074;color:#d9e9f9;padding:10px 14px;font:inherit;font-size:13px;min-height:42px;border-radius:12px;cursor:pointer;}
.v56-work-tabs button.selected{background:#176876;border-color:#63c0cd;color:white;font-weight:750;}
.v56-notif-dialog{display:flex;flex-direction:column;gap:12px;max-width:100%;}
.v56-notif-toolbar{display:flex;flex-wrap:wrap;gap:8px;}
.v56-notif-list{display:flex;flex-direction:column;gap:9px;max-height:55vh;overflow:auto;overscroll-behavior:contain;}
.v56-notif-item{border:1px solid #486579;border-radius:12px;padding:13px;overflow-wrap:anywhere;}
.v56-notif-item.is-unread{background:#1e394a;border-color:#64a7bd;}
.v56-notif-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.v56-notif-item p{margin:7px 0;line-height:1.5;white-space:pre-wrap;}
.v56-notif-item small{display:block;color:#bacbda;margin:0 0 7px;}
.v56-unread-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#5dcad6;}
@media(max-width:600px){.topbar .top-actions{gap:5px;min-width:0;flex-wrap:wrap;}.v56-top-buttons{width:100%;justify-content:flex-start;}.v56-top-buttons .btn{flex:0 1 auto;padding:9px 11px;font-size:12px;}.v56-work-heading{padding:12px;}.v56-work-count{font-size:11px;}.v56-notif-toolbar .btn{flex:1 1 auto;}.v56-work-tabs button{flex:1 1 0;min-width:0;}}

.v56-work-more{align-self:stretch;min-height:45px;}

/* V56.1 – sahibi dışında hiçbir arayüz bu sayfayı sunmaz; bulutta ayrıca RLS ile korunur. */
.v561-cash-section{display:flex;flex-direction:column;gap:16px;min-width:0;padding-bottom:30px}
.v561-cash-heading{padding:18px;border:1px solid #38687a;background:#173243;border-radius:14px}
.v561-cash-heading h2{margin:0;font-size:clamp(18px,5vw,23px)}
.v561-cash-heading p{margin:7px 0 0;color:#b7d0d8;line-height:1.45}
.v561-cash-hint{border-radius:12px;border:1px solid #4a6574;background:#172e3c;padding:13px 14px;color:#c6d6df;line-height:1.55;margin:0;font-size:13px}
.v561-cash-history{border:1px solid #324f61;border-radius:14px;padding:15px;background:#152938;display:flex;flex-direction:column;gap:10px}
.v561-cash-history h3{margin:0 0 5px;font-size:17px}
.v561-cash-item{border:1px solid #3b6873;border-radius:12px;background:#1b3845;padding:13px;display:flex;flex-direction:column;gap:9px}
.v561-cash-item-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.v561-cash-item-main strong{font-size:21px;color:#7de6b7;display:block}
.v561-cash-item small{font-size:12px;color:#bed0de;display:block;margin-top:4px}
.v561-cash-status{white-space:nowrap;border-radius:18px;background:#1d604b;color:#c6ffdd;padding:6px 9px;font-size:11px;font-weight:700}
.v561-cash-item.voided{opacity:.73}.v561-cash-item.voided strong{text-decoration:line-through}.v561-cash-item.voided .v561-cash-status{background:#694143;color:#ffe3df}
.v561-cash-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px}
.v561-cash-item>.btn{align-self:flex-start}
@media(max-width:600px){.v561-cash-heading,.v561-cash-history{padding:12px}.v561-cash-section .grid.stats{grid-template-columns:repeat(1,minmax(0,1fr))}.v561-cash-section .inline-list>.btn{flex:1 1 100%}}

/* V56.3 - BİM plaka / gönderen filtreleri ve iş gönderim alanları */
.bim-filter-toolbar .bim-filter-results{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;padding:12px 14px;border:1px solid var(--line,#cbd5e1);border-radius:12px;background:var(--surface,#fff);font-size:.89rem}
.bim-filter-results span{flex:1;min-width:190px;line-height:1.5}
.bim-dispatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bim-dispatch-label,.bim-dispatch-time,.bim-entry-actor{overflow-wrap:anywhere}
@media(max-width:520px){.bim-dispatch-grid{grid-template-columns:1fr}.bim-filter-results .btn{width:100%}}

/* V56.4: Günlük Defter gider/bakım: açıklamasız, tek dokunuşla katlanan bölüm. */
.v564-journal-head{gap:12px;flex-wrap:nowrap;align-items:center;margin-bottom:0;}
.v564-journal-head h2{font-size:clamp(16px,3.7vw,21px);line-height:1.32;min-width:0;overflow-wrap:anywhere;}
.v564-journal-toggle{flex:0 0 auto;border:1px solid #4c7185;border-radius:10px;padding:10px 12px;background:#24445a;color:#e5f5ff;font-size:12px;font-weight:750;cursor:pointer;min-height:41px;}
.v564-journal-toggle:focus-visible{outline:3px solid #6de4d0;outline-offset:2px;}
.v564-journal-body{padding-top:13px;min-width:0;}
.v564-journal-body[hidden]{display:none!important;}
@media(max-width:380px){.v564-journal-head h2{font-size:15px}.v564-journal-toggle{padding:9px 8px;font-size:11px}.v564-journal-body>.inline-list .btn{max-width:100%;font-size:12px;white-space:normal;}}

/* V56.5: Çalışmalarım ve BİM filtreleri tek dokunuşla aç/kapat. */
.v565-work-body{display:flex;flex-direction:column;gap:12px;min-width:0;}
.v565-work-body[hidden],.v565-bim-filter-body[hidden]{display:none!important;}
.v56-work-heading{align-items:center;}
.v565-work-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;}
.v565-work-title h2{margin:0;}
.v565-work-toggle,.v565-bim-filter-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:43px;padding:9px 13px;border:1px solid #5f8795;background:#244e60;color:#f3fcff;font:inherit;font-weight:700;font-size:clamp(12px,3.3vw,14px);border-radius:11px;cursor:pointer;white-space:nowrap;}
.v565-work-toggle:focus-visible,.v565-bim-filter-toggle:focus-visible{outline:3px solid #d4eaf1;outline-offset:3px;}
.v565-bim-filter-wrapper{margin:9px 0 18px;border:1px solid #365467;border-radius:14px;padding:10px;background:#142333;min-width:0;}
.v565-bim-filter-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;}
.v565-bim-filter-head h2{font-size:clamp(16px,4vw,19px);margin:0;}
.v565-bim-filter-body{min-width:0;margin-top:10px;}
.v565-bim-filter-body .bim-filter-toolbar{margin:0;width:100%;max-width:100%;}
@media(max-width:600px){.v56-work-heading{gap:7px;padding:10px;}.v565-work-title{gap:5px;}.v565-work-toggle{padding:8px 10px;}.v56-work-count{padding:5px 7px;}.v565-bim-filter-wrapper{padding:8px;}.v565-bim-filter-toggle{padding:8px 9px;}}

/* V56.6 — Gider ve Bakım kartını Hesap Özeti ile birebir aynı yapıda göster.
   Kapanıkken yalnızca kart başlığı ve Genişlet kalır; kayıtlar korunur. */
.v554-page .v566-journal{margin:0 0 16px;width:100%;min-width:0;box-sizing:border-box;border:1px solid #397780;border-radius:14px;background:#172d3c;overflow:hidden;}
.v554-page .v566-journal-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:13px 15px;gap:12px;box-sizing:border-box;background:#1a414c;border:0;text-align:left;color:#fff;cursor:pointer;}
.v554-page .v566-journal-title{min-width:0;flex:1 1 auto;font-size:clamp(14px,4vw,16px);font-weight:750;line-height:1.35;overflow-wrap:anywhere;}
.v554-page .v566-journal-toggle-label{flex:0 0 auto;white-space:nowrap;color:#beddde;font-size:12px;font-weight:500;}
.v554-page .v566-journal-body{padding:15px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;}
.v554-page .v566-journal-body[hidden]{display:none!important;}
.v554-page .v566-journal-body .inline-list{display:flex;flex-wrap:wrap;gap:10px;min-width:0;}
@media(max-width:390px){.v554-page .v566-journal-toggle{padding:12px;gap:8px;}.v554-page .v566-journal-title{font-size:14px;}.v554-page .v566-journal-toggle-label{font-size:11px;}.v554-page .v566-journal-body{padding:12px;}}

/* V56.8: BİM Filtreleri Temizle tuşu doğrudan koyu kart zemininde, beyaz kutu olmadan. */
.v565-bim-filter-body .bim-filter-toolbar .bim-filter-results{
  display:block; padding:0; margin:6px 0 0; border:0; border-radius:0;
  background:transparent; box-shadow:none; min-width:0;
}
.v565-bim-filter-body .bim-filter-results .btn{
  display:block; width:100%; max-width:100%; padding:12px 14px;
  background:#18334c; border:1px solid #407898; border-radius:12px;
  color:#f7fbff; font-weight:700; text-align:center;
}

/* V57.0 – Ana Sayfa (Çanakkale anlık hava durumu ve renkli kısayollar) */
.home-page{max-width:1040px;margin:0 auto 36px}
.home-today{position:relative;overflow:hidden;border-radius:25px;padding:27px 26px 20px;background:radial-gradient(circle at 95% 0%,#6353da62,transparent 49%),linear-gradient(126deg,#153357 0%,#16275a 46%,#26245e 100%);border:1px solid #607cd1;box-shadow:0 15px 45px #0004;isolation:isolate}
.home-today:before{content:'☀';position:absolute;right:-17px;top:-48px;font-size:225px;line-height:1;opacity:.065;z-index:-1}
.home-date-badge{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2.2px;color:#d7ddff;font-weight:850}
.home-date-badge span{color:#ffe48c}
.home-clock{font-size:clamp(48px,10vw,80px);letter-spacing:-2px;font-weight:900;line-height:1.12;margin:13px 0 5px;color:#fff;font-variant-numeric:tabular-nums}
.home-date{font-size:16px;font-weight:600;color:#d9e3fc;text-transform:capitalize}
.home-weather{border-radius:17px;padding:17px 18px;margin-top:22px;background:#ffffff14;border:1px solid #d6e8ff4d;display:flex;gap:17px;align-items:center;min-height:84px}
.home-weather-icon{font-size:44px;line-height:1}
.home-weather strong{display:block;font-size:26px;line-height:1.2;color:#fff}
.home-weather small{font-size:13px;color:#e4ebff;display:block;margin-top:3px}
.home-weather-credit{font-size:10px;color:#bac8ed;margin-top:11px;text-align:right}
.home-shortcuts-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 3px 14px}
.home-shortcuts-title h2{font-size:22px;margin:0 0 4px;color:#f8faff}
.home-shortcuts-title p{color:#a7b7d2;margin:0;font-size:12px}
.home-shortcuts-title>span{font-size:28px}
.home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-shortcut{position:relative;cursor:pointer;display:flex;align-items:center;text-align:left;min-width:0;min-height:113px;padding:18px 16px;gap:12px;border-radius:19px;border:1px solid #ffffff46;color:#fff;box-shadow:0 10px 28px #0003;transition:transform .15s ease,filter .15s ease}
.home-shortcut:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-shortcut:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-shortcut.work{grid-column:1/-1;min-height:99px;background:linear-gradient(115deg,#efb608,#f97316)}
.home-shortcut.bim{background:linear-gradient(120deg,#165fa6,#218dc8)}
.home-shortcut.credit{background:linear-gradient(115deg,#8244b9,#b15bbf)}
.home-shortcut.taxi{background:linear-gradient(115deg,#13836e,#25a58b)}
.home-shortcut.summary{background:linear-gradient(115deg,#a94559,#de6887)}
.home-shortcut-icon{font-size:31px;display:grid;place-items:center;width:47px;height:49px;flex:0 0 47px;border-radius:14px;background:#fff2}
.home-shortcut-copy{min-width:0;flex:1}
.home-shortcut-copy strong{font-weight:850;font-size:16px;display:block;line-height:1.25}
.home-shortcut-copy small{display:block;font-size:11px;color:#fffdfbde;margin-top:6px;line-height:1.3}
.home-shortcut-arrow{font-size:28px;font-weight:500;color:#fff9}
.home-footer-note{font-size:11px;color:#95abc7;line-height:1.6;margin-top:18px;text-align:center}
@media(max-width:760px){.home-today{padding:22px 20px 17px}.home-shortcut{gap:9px;padding:15px 12px}.home-shortcut-icon{width:37px;flex-basis:37px;height:43px;font-size:27px}.home-shortcut-copy strong{font-size:14px}.home-shortcut-copy small{font-size:10px}.home-shortcut-arrow{font-size:21px}.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{font-size:9px}.mobile-nav button span{font-size:19px}}
@media(max-width:360px){.home-shortcuts{gap:9px}.home-shortcut{gap:7px;padding:12px 9px;min-height:101px}.home-shortcut-icon{width:32px;flex-basis:32px;font-size:25px}.home-shortcut-copy strong{font-size:12px}.home-shortcut-arrow{display:none}.mobile-nav button{font-size:8px}.mobile-nav button span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.home-shortcut{transition:none}}

/* V57.1 – Saat yanında gerçekleşmiş akaryakıt zam alarmı */
.home-clock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.home-clock-row .home-clock{min-width:0;font-size:clamp(37px,7vw,70px);white-space:nowrap;letter-spacing:-1.8px}
.home-fuel-button{flex:0 0 auto;max-width:176px;min-width:137px;min-height:78px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:left;padding:10px 11px;border:1px solid #ffaa4485;border-radius:18px;background:linear-gradient(120deg,#6c3b19,#b76425);color:white;cursor:pointer;box-shadow:0 4px 20px #0003}
.home-fuel-button.alert{background:linear-gradient(125deg,#ba3434,#e76b1c);border-color:#ffcb66;animation:fuel-glow 2s ease-in-out infinite alternate}
.home-fuel-button.loading{background:#374a72}
.home-fuel-button.normal{background:#264f5f;border-color:#5eb9b8}
.home-fuel-button.unknown{background:#60476e;border-color:#ac99d3}
.home-fuel-button:focus-visible{outline:3px solid white;outline-offset:3px}
.home-fuel-button .home-fuel-icon{font-size:26px;line-height:1}
.home-fuel-caption{display:flex;flex-direction:column;min-width:0;gap:3px}
.home-fuel-caption strong{font-size:14px;line-height:1.16;white-space:nowrap}
.home-fuel-caption small{font-size:10px;line-height:1.1;white-space:nowrap;color:#fff9}
.home-fuel-number{font-size:11px;min-width:22px;min-height:22px;display:grid;place-items:center;background:#fff;border-radius:99px;color:#a32620;font-weight:800}
.home-fuel-panel{border:1px solid #b89aff7b;background:#101b36e8;border-radius:17px;padding:16px;margin-top:13px;color:#f2f6ff}
.home-fuel-panel-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.home-fuel-panel-title strong{font-size:17px}
.home-fuel-panel-title span{font-size:11px;color:#b0c9e6}
.home-fuel-warning,.home-fuel-ok{border-radius:11px;padding:10px 12px;font-size:12px;margin:12px 0 9px;line-height:1.45}
.home-fuel-warning{color:#fff1c9;background:#b65a3029;border:1px solid #eda15491}
.home-fuel-ok{color:#c9ffef;background:#1d806a25;border:1px solid #6bd5b47a}
.home-fuel-note{font-size:11px;line-height:1.6;margin:12px 0 0;color:#becee6}
.home-fuel-entries{max-height:254px;overflow:auto;margin-top:12px}
.home-fuel-entry{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #ffffff20}
.home-fuel-entry span{display:flex;gap:4px;flex-direction:column}
.home-fuel-entry b{font-size:13px}
.home-fuel-entry small{font-size:11px;color:#a4b6d2}
.home-fuel-entry strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.home-fuel-up{color:#ffae87}.home-fuel-down{color:#95e9cb}
.home-fuel-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.home-fuel-refresh,.home-fuel-source-link,.home-fuel-permission{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;border:1px solid #7190c3;padding:10px 11px;background:#1c4166;color:#edf5ff;font-weight:750;font-size:12px;cursor:pointer;text-decoration:none;min-height:44px}
.home-fuel-permission{width:100%;margin-top:9px;background:#524279}
@keyframes fuel-glow{from{box-shadow:0 0 5px #ff5c4a65}to{box-shadow:0 0 19px #ff5c4aa8}}
@media(max-width:480px){.home-clock-row{gap:7px}.home-clock-row .home-clock{font-size:clamp(29px,7.9vw,43px);letter-spacing:-1px}.home-fuel-button{min-width:111px;min-height:67px;max-width:127px;gap:4px;padding:7px}.home-fuel-caption strong{font-size:11px}.home-fuel-caption small{font-size:9px}.home-fuel-button .home-fuel-icon{font-size:21px}.home-fuel-number{min-width:18px;min-height:18px;font-size:10px}.home-fuel-panel{padding:12px}}
@media(max-width:350px){.home-clock-row .home-clock{font-size:26px}.home-fuel-button{min-width:101px}.home-fuel-caption strong{font-size:10px}.home-fuel-button .home-fuel-icon{font-size:18px}}
@media(prefers-reduced-motion:reduce){.home-fuel-button.alert{animation:none}}

/* V57.2 – Android ve iPhone dar ekranlarında net alarm düğmesi */
@media(max-width:390px){.home-clock-row{gap:8px}.home-clock-row .home-clock{font-size:clamp(25px,7vw,36px);letter-spacing:-1px}.home-fuel-button{min-width:122px;min-height:62px;max-width:144px;padding:7px 9px}.home-fuel-caption strong{font-size:12px}.home-fuel-caption small{font-size:9px}}
@media(max-width:330px){.home-fuel-button{min-width:114px}.home-clock-row .home-clock{font-size:25px}}