/* SparrowTravel Panel – orijinal panel görünümü (yenilenmiş altyapı) */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:12px/1.4 Arial,Helvetica,"Arimo",sans-serif;color:#000;background:#fff}
a{color:#0066ff;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:1250px;max-width:calc(100% - 20px);margin:0 auto;position:relative}
.wrap.wide{width:auto;max-width:none;margin:0 10px}

/* Üst kısım */
.top{border-bottom:1px solid #b5b5b5;background:linear-gradient(#d4d4d4,#f0f0f0)}
.top .wrap{height:118px}
.top .user{position:absolute;right:0;top:4px;font-size:11px;color:#777}
.top .user .exit{color:#f00;text-decoration:underline}
.top .logo{position:absolute;left:0;top:25px}
.top .logo img{width:60px;height:60px;display:block}
.tabs{position:absolute;left:2px;bottom:-1px;display:flex;gap:4px}
.tabs a{display:block;padding:9px 16px;border:1px solid #b5b5b5;border-bottom:none;border-radius:4px 4px 0 0;background:linear-gradient(#f7f7f7,#dedede);color:#222;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.tabs a:hover{text-decoration:none;background:linear-gradient(#fff,#ebebeb);color:#000}
.tabs a.on{background:#f4f4f4;border-bottom:1px solid #f4f4f4;font-weight:bold;color:#000}
.quick{position:absolute;right:2px;top:60px}
.quick-btn{font:12px Arial,sans-serif;color:#222;border:1px solid #b5b5b5;border-radius:13px;background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.08);padding:5px 10px;cursor:pointer}
.quick-btn:hover{background:linear-gradient(#fff,#f0f0f0);border-color:#999}
.quick.open .quick-btn{background:#e6e6e6;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.quick-btn span{border-left:1px solid #b5b5b5;margin-left:6px;padding-left:8px}
.quick-menu{position:absolute;right:0;top:32px;z-index:20;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.16);min-width:190px;padding:4px 0;
  visibility:hidden;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top right;
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.3,1),visibility 0s linear .18s}
.quick.open .quick-menu{visibility:visible;opacity:1;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.3,1),visibility 0s}
/* Öğeler sırayla belirir */
.quick-menu a{opacity:0;transform:translateX(6px);transition:opacity .15s ease,transform .2s ease,background .12s}
.quick.open .quick-menu a{opacity:1;transform:none}
.quick.open .quick-menu a:nth-child(1){transition-delay:.02s}.quick.open .quick-menu a:nth-child(2){transition-delay:.04s}
.quick.open .quick-menu a:nth-child(3){transition-delay:.06s}.quick.open .quick-menu a:nth-child(4){transition-delay:.08s}
.quick.open .quick-menu a:nth-child(5){transition-delay:.10s}.quick.open .quick-menu a:nth-child(6){transition-delay:.12s}
.quick.open .quick-menu a:nth-child(7){transition-delay:.14s}.quick.open .quick-menu a:nth-child(8){transition-delay:.16s}
.quick.open .quick-menu a:nth-child(9){transition-delay:.18s}.quick.open .quick-menu a:nth-child(10){transition-delay:.20s}
.quick.open .quick-menu a:nth-child(n+11){transition-delay:.22s}
.quick-menu a:hover{transition-delay:0s!important}
.quick-btn span i{display:inline-block;font-style:normal;transition:transform .22s ease}
.quick.open .quick-btn span i{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.quick-menu,.quick-menu a,.quick-btn span i{transition:none!important}}
.quick-menu a{display:block;padding:7px 14px;color:#333}
.quick-menu a:hover{background:#f1f5ff;text-decoration:none}

/* Başlık şeridi */
.titlebar{border-bottom:1px solid #bbb;background:linear-gradient(#f4f4f4,#dcdcdc);box-shadow:0 3px 3px -2px rgba(0,0,0,.18);margin-bottom:22px}
.titlebar .wrap{display:flex;align-items:center;min-height:50px;gap:12px}
.titlebar h2{margin:0;font:bold 18px Helvetica,Arial,sans-serif;text-transform:uppercase}
.titlebar-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.content{padding-bottom:40px}

/* Form elemanları */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=email],select,textarea{font:12px Arial,sans-serif;border:1px solid #ccc;border-radius:3px;padding:4px 6px;background:#fff;color:#000}
input:focus,select:focus,textarea:focus{outline:none;border-color:#0076a3;box-shadow:0 0 0 2px rgba(0,118,163,.15)}
textarea{resize:vertical}
.btn{display:inline-block;font:12px Arial,sans-serif;border:1px solid #749217;border-radius:4px;padding:6px 16px;color:#fff;background:linear-gradient(#9cc23a,#749217);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.05);text-decoration:none}
.btn.blue{border-color:#0076a3;background:linear-gradient(#4098ba,#0076a3)}
.btn.orange{border-color:#da7c0c;background:linear-gradient(#f5a43b,#da7c0c)}
.btn.gray{border-color:#ccc;background:linear-gradient(#fff,#ececec);color:#777}
.btn.red{border-color:#b42318;background:linear-gradient(#e5533d,#b42318)}
.btn.sm{padding:3px 9px;font-size:11px}
.btn.block{display:block;width:100%;text-align:center;margin-bottom:8px;padding:8px}

/* Tablolar */
.tbl{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #aaa;border-radius:5px;overflow:hidden}
.tbl th{font:bold 11px Helvetica,Arial,sans-serif;color:#333;text-align:left;padding:5px 6px;background:#fff;border-bottom:1px solid #ddd;white-space:nowrap}
.tbl td{padding:8px 6px;font-size:11px;vertical-align:middle}
.tbl.zebra tbody tr:nth-child(odd) td{background:#fff0cc}
.tbl td.num,.tbl th.num{text-align:right}
.tbl .icons{white-space:nowrap;text-align:right}
.tbl .icons a,.tbl .icons button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #ccc;border-radius:3px;background:#fff;margin-left:4px;cursor:pointer;color:#555;font-size:12px;padding:0;vertical-align:middle}
.tbl .icons .del{color:#d33}

/* Rezervasyon listesi */
.filters{display:flex;align-items:center;gap:4px;margin:-8px 0 40px;flex-wrap:wrap}
.res.hide-done tr.op-bitti{display:none}
.filters .done-chk{display:inline-flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;user-select:none;margin-right:4px}
.filters .done-chk input{margin:0;width:16px;height:16px;cursor:pointer}
.filters .done-chk span{color:#888}
.filters input.dt{width:130px;font-size:12px;padding:4px 5px;height:28px;cursor:pointer}
.fbtn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;font:bold 11px Arial,sans-serif;letter-spacing:.3px;color:#444;background:linear-gradient(#fff,#ececec);border:1px solid #bbb;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.06);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.fbtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fbtn:hover{text-decoration:none;background:#fff;border-color:#999;color:#000}
.fbtn:active{background:#e6e6e6;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.fbtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(0,118,163,.3)}
.fbtn.primary{color:#fff;border-color:#749217;background:linear-gradient(#9cc23a,#749217);text-shadow:0 1px 0 rgba(0,0,0,.15)}
.fbtn.primary:hover{background:linear-gradient(#a8cd45,#7c9c1a);color:#fff}
.fbtn.primary:active{background:#749217}
.day-nav{display:inline-flex;margin-left:4px}
.day-nav .fbtn{border-radius:0}
.day-nav .fbtn:first-child{border-radius:4px 0 0 4px}
.day-nav .fbtn:last-child{border-radius:0 4px 4px 0;margin-left:-1px}
.res-box{border:1px solid #aaa;border-radius:5px;overflow-x:auto;overflow-y:hidden}
.res{border-collapse:collapse;width:100%}
.res th{font:bold 12px/15px Arial,Helvetica,sans-serif;color:#000;padding:8px 5px;border:1px solid #808080;border-top:none;background:linear-gradient(#f7f7f7,#e1e1e1);text-align:left;white-space:nowrap}
.res th.c{text-align:center}
.res td.hotel{min-width:180px;max-width:280px;overflow-wrap:anywhere}
.res th select{font-size:12px;padding:2px;max-width:110px}
.res td{border:1px solid #808080;padding:5px 5px;font:12px/17px Arial,Helvetica,sans-serif;vertical-align:top}
.res tr>:first-child{border-left:none}
.res tr>:last-child{border-right:none}
.res tbody tr:last-child td{border-bottom:none}
.res td{background:#fff}
.res tr.st-onayli td{background:#00ff21} /* onaylı rezervasyon: yeşil; "Renk" seçilirse onun rengi (OP_COLORS) */
.res select.op-sel{width:62px;color:#000}
.res tr.op-mavi a,.res tr.op-mavi input.inl-time{color:#fff}
.res select.op-sel option{color:#000;padding:3px 6px}
.res tr.st-iptal td,.res tr.st-silindi td{background:#f3f3f3;color:#888;text-decoration:line-through}
.res a.rn,.res .time{color:#0066ff}
.res .ico{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}
.res .ico svg{width:16px;height:16px}
.res select.inl{font-size:12px;padding:2px;max-width:90px}
.res input.inl{font-size:12px;padding:3px 5px;width:50px}
.res input.inl[type=number]{-moz-appearance:textfield;appearance:textfield}
.res input.inl[type=number]::-webkit-inner-spin-button,.res input.inl[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.res input.inl-time{width:auto;min-width:46px;padding:0;margin:0;border:none;background:transparent;color:#0099ff;font:12px/18px Arial,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none}
.res input.inl-time::-webkit-calendar-picker-indicator{display:none}
/* Telefon tarayıcıları (iOS/Android) saat kutusuna iç boşluk ekleyip metni kırpıyor */
.res input.inl-time::-webkit-date-and-time-value{text-align:left;margin:0;min-height:18px}
.res input.inl-time::-webkit-datetime-edit{padding:0;overflow:visible}
.res input.inl-time::-webkit-datetime-edit-fields-wrapper{padding:0}
.res textarea.inl{font-size:12px;width:150px;height:56px}
.res .saved{outline:2px solid #22c55e}
.res .err{outline:2px solid #ef4444}
/* Onay bekleyen transferler kutusu */
.pending-box{border:1px solid #aaa;border-radius:5px;overflow-x:auto;overflow-y:hidden;margin:40px 0 14px;background:#fff}
.pending-h{position:sticky;left:0}
.pending-h{background:#ffd800;border-bottom:1px solid #808080;padding:6px 5px;font:bold 12px/15px Arial,Helvetica,sans-serif;color:#000}
.pending{border-collapse:collapse;width:100%}
.pending th{font:bold 12px/15px Arial,Helvetica,sans-serif;color:#000;padding:5px 5px 6px;border:1px solid #808080;border-top:none;background:linear-gradient(#f7f7f7,#e1e1e1);text-align:left;white-space:nowrap}
.pending td{border:1px solid #808080;padding:7px 5px 12px;font:12px/18px Arial,Helvetica,sans-serif;vertical-align:top}
.pending tr>:first-child{border-left:none}
.pending tr>:last-child{border-right:none}
.pending tbody tr:last-child td{border-bottom:none}
.pending .num{text-align:right;white-space:nowrap}
.pending .bek{color:#d1b31a}
.pending .note{max-width:270px;overflow-wrap:anywhere}
.ozet-box{margin-top:16px}
.ozet{border-collapse:collapse;max-width:100%}
.ozet th,.ozet td{border:1px solid #ddd;padding:0 10px;height:28px;font:12px Verdana,Arial,sans-serif;color:#000;text-align:right;white-space:nowrap;min-width:80px}
.ozet th{background:#f2f2f2;font-weight:bold;text-align:center}
.ozet th:first-child,.ozet td:first-child{text-align:left;width:150px}
.ozet th .cnt{font-weight:normal;color:#666;margin-left:6px}
.ozet th.tl{background:#e8f2d4}
.ozet td.tl{font-weight:bold;background:#f6faee}
.ozet .z{color:#ccc}
.ozet .sg{display:inline-block;width:14px;color:#888;font-weight:bold}
.ozet tr.k-driver td:not(:first-child){color:#b42318}
.ozet tr.k-agency td.pos{color:#b42318}
.ozet tr.k-agency td.neg{color:#1a7f37}
.ozet .dir{font-size:10px;font-weight:normal}
.ozet-giver{margin-top:10px}
.ds-res{width:100%;border-collapse:collapse;margin-top:10px;font:12px Arial,sans-serif}
.ds-res th,.ds-res td{border:1px solid #ddd;padding:5px 6px;text-align:left;white-space:nowrap}
.ds-res th{background:#f2f2f2;font-weight:bold}
.ds-res td.ds-cap{background:#e9e9e9;font-weight:bold;font-size:13px}
.ds-res td.num{text-align:right}
.ds-res td.c{text-align:center}
.ds-res td.ac-give{color:#b42318}
.ds-res td.ac-take{color:#1a7f37}
.ds-res td.note{white-space:normal;max-width:260px}
.ds-res tbody tr:nth-child(even) td{background:#fafafa}
.res .uetds-ico{position:relative}
.res .uetds-ico img{width:18px;height:18px;opacity:.55}
.res .uetds-ok svg{width:18px;height:18px;display:block}
.res .uetds-ico.u-gonderildi img{opacity:1}
.res .uetds-ico.u-gonderildi::after{content:"✓";position:absolute;right:-4px;bottom:-4px;font:bold 10px Arial;color:#1a7f37}
.res .uetds-ico.u-hata::after{content:"!";position:absolute;right:-3px;bottom:-4px;font:bold 11px Arial;color:#b42318}
.res .uetds-ico.u-iptal img{opacity:.25}
.uetds-head{display:flex;gap:14px;align-items:center;margin-bottom:12px;font-size:13px;line-height:1.7}
.uetds-head .uetds-logo{width:48px;height:48px}
.uetds-form .chg,.uetds-form .chg-sample{background:#fff7cc!important;border-color:#e0b400!important}
.uetds-form .chg-sample{padding:0 4px;border:1px solid;border-radius:3px}
.uetds-pax input,.uetds-pax select{width:100%;font-size:12px}
.uetds-pax select.uyruk{min-width:150px}
.badge.b-orange{background:#f59e0b;color:#fff}
.subtabs{display:flex;gap:4px;margin:10px 0 0;border-bottom:1px solid #ccc}
.subtabs a{padding:6px 14px;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;background:#f2f2f2;color:#333;text-decoration:none;font-size:12px}
.subtabs a.on{background:#fff;font-weight:bold;position:relative;top:1px}
.sync-box{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:12px}
.sync-bar{width:260px;height:10px;background:#eee;border-radius:5px;overflow:hidden}
.sync-bar i{display:block;height:100%;width:0;background:#749217;transition:width .3s}
.uetds-trips tr.iptal td{color:#999;text-decoration:line-through}
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;font-size:12px}
.pager a,.pager b,.pager .dis{display:inline-block;min-width:28px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;text-align:center;text-decoration:none;color:#333;background:#fff}
.pager a:hover{background:#eef6ff;border-color:#99c}
.pager b{background:#749217;border-color:#749217;color:#fff}
.pager .dis{color:#bbb}
.pager .gap{padding:0 2px;color:#999}
.pager > .muted{margin-right:8px}
.pager .per{margin-left:auto;display:inline-flex;gap:4px;align-items:center}
.pw-reveal{cursor:pointer;font-family:Consolas,monospace;letter-spacing:.5px;padding:1px 6px;border:1px dashed #bbb;border-radius:3px;white-space:nowrap}
.pw-reveal.shown{background:#fff7cc;border-style:solid;border-color:#e0b400}
.pw-reset{font-size:13px}
.pw-wrap{position:relative;display:block}
.pw-wrap input{width:100%;padding-right:34px!important;font-family:Consolas,monospace;letter-spacing:.5px}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:24px;border:none;background:none;color:#555;cursor:pointer;padding:2px}
.pw-eye svg{width:18px;height:18px}
.pw-eye.off{color:#aaa}
.pw-eye.off::after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;background:#aaa;transform:rotate(-35deg)}
.uetds-trips tr.trip-row{cursor:pointer}
.uetds-trips tr.trip-row:hover td{background:#eef6ff}
.uetds-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.uetds-cols h3{font-size:14px;margin:14px 0 6px}
.inline-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding:8px}
.inline-add input,.inline-add select{width:auto;min-width:0;max-width:140px}
.inline-add select.uyruk{max-width:160px}
tr.iptal-row td{color:#999;text-decoration:line-through}
.linkbtn.danger{color:#b42318}
.btn.wa-btn{background:linear-gradient(#3ddc75,#1fa855);border-color:#1a8f48}
.linkbtn{border:none;background:none;color:#0066cc;cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.ds-form{max-width:560px}
.ds-form .ds-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ds-form .ds-row>label{flex:0 0 140px;font-size:12px;font-weight:bold;color:#333}
.ds-form .ds-row>label i{color:#d33;font-style:normal}
.ds-form .ds-row>select{width:260px}
.ds-form .ds-dt{display:inline-flex;align-items:center;gap:4px}
.ds-form .ds-dt input{width:140px}
.ds-form .ds-dt select{width:56px}
.ds-form hr{border:none;border-top:1px solid #eee;margin:14px 0}
.pax-extra{margin-top:12px}
.pax-extra .pax-h{display:block;font-weight:bold;margin-bottom:6px}
.pax-row{display:flex;gap:6px;margin-bottom:6px;max-width:900px}
.pax-row input{flex:1;min-width:0}
.pax-row select{flex:0 0 90px}
.pax-row .pax-del{border:1px solid #ccc;background:#fff;color:#b42318;border-radius:4px;cursor:pointer;padding:0 10px}
.ozet td.txt{text-align:left}
.ozet td.c{text-align:center}
.ozet .brk{font-size:10px;color:#777;font-weight:normal;padding-bottom:3px}
.ozet tr.net td{border-top:2px solid #333;height:34px;font-size:13px;font-weight:bold;background:#f2f2f2}
.ozet tr.net td.pos{color:#1a7f37}
.ozet tr.net td.neg{color:#b42318}
.ozet tr.info td{color:#777;font-size:11px;height:24px}
.ozet tr.info td:first-child{padding-left:24px;font-style:italic}
.kur-info{margin-top:6px;font:11px Verdana,Arial,sans-serif;color:#666}
.kur-info span{margin-left:8px}
.kur-info b{color:#000;font-weight:bold}

/* Detay sayfası */
.cols{display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:start}
.cols.side{grid-template-columns:1fr 234px}
.box{border:1px solid #aaa;border-radius:5px;margin-bottom:18px;overflow:hidden}
.box-h{display:flex;justify-content:space-between;align-items:center;padding:6px;font-weight:bold;font-size:11px;border-bottom:1px solid #ddd}
.box-h .links a{font-weight:bold}
.kv{width:100%;border-collapse:collapse}
.kv td{padding:4px 6px;font-size:11px}
.kv tr:nth-child(odd) td{background:#fff0cc}
.kv td.k{width:18%;color:#000}
.kv td.s{width:12px}
.box-f{padding:6px;font-size:11px;background:#fff0cc;border-top:1px solid #eee}
.status-ok{color:#5aa000}
.status-bad{color:#d33}

/* Yan kutular */
.side-box{border:1px solid #ccc;border-radius:5px;background:#fff;margin-bottom:12px}
.side-box h3{margin:0;padding:6px 15px;font:14px Helvetica,Arial,sans-serif;color:#333;border-bottom:1px solid #ddd}
.side-box ul{margin:0;padding:10px 15px 12px 32px}
.side-box li{margin:3px 0}

/* Formlar */
.form{border:1px solid #aaa;border-radius:5px;padding:14px}
.form fieldset{border:none;margin:0 0 6px;padding:0}
.form legend{font-weight:bold;font-size:12px;padding:0 0 6px;color:#333;border-bottom:1px solid #eee;width:100%;margin-bottom:10px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px}
.grid .s2{grid-column:span 2}.grid .s4{grid-column:span 4}
.field label{display:block;font-size:11px;margin-bottom:3px;color:#333}
.field label i{color:#d33;font-style:normal}
.field input,.field select,.field textarea{width:100%}
.hint{background:#fff8e1;border:1px solid #f3d27a;border-radius:4px;padding:8px 10px;font-size:11px;margin:10px 0}
.form-actions{border-top:1px solid #ddd;margin-top:12px;padding-top:12px;display:flex;gap:8px}

.flash{padding:8px 12px;border-radius:4px;margin-bottom:14px;font-size:12px}
.flash.ok{background:#e8f7ef;border:1px solid #9bd3b2;color:#0a7a46}
.flash.err{background:#fdecea;border:1px solid #f1aaa2;color:#b42318}
.pager{display:flex;gap:4px;margin-top:10px}
.muted{color:#888}

/* Giriş */
body.login{background:#eceeff;display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-box{text-align:center}
.login-box img{width:200px}
.login-card{width:300px;margin:30px auto 0;border:1px solid #aaa;border-radius:5px;background:#fff;padding:18px;text-align:left;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.login-card input{width:100%;margin-bottom:10px;padding:6px}
.login-card .row{display:flex;justify-content:flex-end;border-top:1px solid #ddd;padding-top:10px}

@media print{.top,.titlebar,.filters,.quick,.no-print{display:none!important}}

/* Cariler */
.alpha{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 10px}
.alpha a{min-width:24px;height:24px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #0076a3;border-radius:3px;color:#fff;font-size:11px;background:linear-gradient(#4098ba,#0076a3)}
.alpha a:hover{text-decoration:none;filter:brightness(1.1)}
.alpha a.on{background:#fff;color:#0076a3;font-weight:bold}
.bal-pos{color:#0066ff}
.bal-neg{color:#e00}
.tbl tfoot td{border-top:1px solid #aaa;background:#f2f2f2;padding:8px 6px;font-size:11px}
.cari-sum{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.cari-sum>div{border:1px solid #ccc;border-radius:5px;padding:8px 10px;background:#fff}
.cari-sum small{display:block;color:#666;font-size:10px;font-weight:bold}
.cari-sum b{display:block;font-size:16px;margin:2px 0}
.cari-sum>div>span{font-size:10px}
.cari-sum b span{font-size:inherit}

/* Kasa / Sigorta / Finans / Kurlar */
.badge{display:inline-block;padding:2px 7px;border-radius:9px;font-size:10.5px;font-weight:bold;white-space:nowrap}
.b-red{background:#fde2e1;color:#b42318}
.b-orange{background:#fff1d6;color:#a15c00}
.b-green{background:#e3f6ea;color:#0a7a46}
.plate{display:inline-block;border:1.5px solid #222;border-radius:3px;padding:1px 6px;font-size:11px;letter-spacing:.5px;background:#fff}
.sum-box>div{display:flex;justify-content:space-between;padding:4px 15px;font-size:12px}
.sum-box>div:last-child{padding-bottom:10px}
.sum-box .sep{border-top:1px solid #eee;margin-top:4px;padding-top:6px}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
h3.sec{font:bold 13px Helvetica,Arial,sans-serif;margin:0 0 8px;color:#333}
.two-col h3.sec+table{margin-bottom:18px}
@media (max-width:1100px){.three,.two-col{grid-template-columns:1fr}}

/* --- v15: birebir modüller (çek, onay, personel, maaş, gider carileri, plaka finans, excel, yakıt) --- */
.grid .s3{grid-column:span 3}
.swatch{display:inline-block;width:18px;height:18px;border:1px solid #bbb;border-radius:3px;vertical-align:middle}
.form fieldset + fieldset{margin-top:10px}
.tbl tfoot td{font-weight:bold;background:#f3f3f3;border-top:2px solid #ccc}
.tbl td input[type=text]{padding:3px 5px}
.tbl td select{max-width:170px}
.filters input[type=time]{width:auto}
.side-box form h3{margin:0}
@media (max-width:760px){.grid .s3{grid-column:span 2}}
@media print{.side-box,.filters,.form-actions,.form{display:none!important}.cols.side{display:block}}

/* Sayfa geçiş animasyonu (Chrome/Edge 126+, Safari 18.2+; desteklemeyen tarayıcılar normal geçer) */
@view-transition{navigation:auto}
.top{view-transition-name:site-top;position:relative;z-index:100} /* üst menü sabit kalır; Hızlı Menü sayfanın üstünde açılır */
.titlebar{view-transition-name:site-title}
::view-transition-group(site-top),::view-transition-group(site-title){animation:none}
::view-transition-old(root){animation:vt-out .16s ease-in both}
::view-transition-new(root){animation:vt-in .26s cubic-bezier(.2,.7,.3,1) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}

/* Yumuşak kaydırma (Lenis; assets/vendor/lenis.css kuralları) */
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

/* Üstte yükleme çubuğu */
.nav-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1000;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,#9cc23a,#4098ba);box-shadow:0 0 6px rgba(64,152,186,.6)}
.nav-progress.run{opacity:1;animation:np-grow 8s cubic-bezier(.1,.6,.2,1) forwards}
@keyframes np-grow{0%{width:0}10%{width:35%}40%{width:70%}100%{width:92%}}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .nav-progress.run{animation-duration:0s}
}

/* Dar ekran (tablet / telefon): masaüstü görünüm aynen korunur, yalnızca 900px altında devreye girer */
@media (max-width:900px){
  .top .wrap{height:auto;padding:70px 0 0}
  .quick{top:30px}
  .tabs{position:static;overflow-x:auto;scrollbar-width:none;margin-bottom:-1px}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{white-space:nowrap;padding:8px 10px}
  .cols,.cols.side{grid-template-columns:minmax(0,1fr)}
  .cols > div{min-width:0}
  .tbl{display:block;overflow-x:auto}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid .s3,.grid .s4,.grid .field[style*="span 6"]{grid-column:1 / -1!important}
  .titlebar .wrap{flex-wrap:wrap}
  /* Rezervasyon tabloları: sıkıştırma yerine parmakla yana kaydırma */
  .res-box,.pending-box,.ozet-box{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pending-h{position:sticky;left:0}
  .res{min-width:1450px}
  .pending{min-width:1000px}
  .res td.hotel{min-width:200px}
  /* Özet kartları (Finans, Cari): 5 sütun yerine 2'li */
  .cari-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cari-sum>div{min-width:0;overflow-wrap:anywhere}
}