/* Numune Kütüphanesi */
:root{color-scheme:light;--canvas:#e9e2d6;--paper:#f8f4ec;--paper-raised:#fffdf8;--paper-muted:#f0eadf;--ink:#24211d;--ink-soft:#625c52;--ink-faint:#847b6e;--line:#d8cebe;--line-strong:#bcae98;--leather:#6a3f2d;--leather-dark:#44281e;--leather-soft:#eadcd1;--sage:#5d7358;--sage-soft:#e4eadf;--positive:#356747;--positive-soft:#e2eee4;--negative:#9a3f34;--negative-soft:#f5e1dc;--warning:#8a611d;--warning-soft:#f4e9ca;--radius:14px;--radius-sm:9px;--shadow:0 10px 28px rgba(62,45,29,.07),0 2px 5px rgba(62,45,29,.04);--shadow-lg:0 26px 64px rgba(35,27,21,.22),0 8px 18px rgba(35,27,21,.1);--side-w:258px;--sans:"DM Sans","Segoe UI",sans-serif;--display:"Newsreader",Georgia,serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
/* hidden özniteliği, display tanımlayan sınıfları da bastırsın (.field grid'dir). */
[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--leather) var(--canvas);scrollbar-width:thin}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.52 var(--sans);font-feature-settings:"tnum" 1,"kern" 1;-webkit-font-smoothing:antialiased}::selection{background:var(--leather);color:var(--paper-raised)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--canvas);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--leather)}a{color:var(--leather);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--leather-dark);text-decoration:underline}button,input,select,textarea{caret-color:var(--leather)}:focus-visible{outline:3px solid rgba(106,63,45,.3);outline-offset:2px}.skip{position:fixed;left:1rem;top:-6rem;z-index:100;padding:.7rem 1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--paper-raised);color:var(--leather-dark);box-shadow:var(--shadow-lg);transition:top .18s cubic-bezier(.2,.8,.2,1)}.skip:focus{top:0}
/* İskelet */
.shell{display:flex;min-height:100vh}.side{position:sticky;top:0;z-index:30;display:flex;width:var(--side-w);height:100vh;flex:0 0 var(--side-w);flex-direction:column;overflow:hidden;color:#f3ecdf;background:var(--leather-dark);box-shadow:8px 0 32px rgba(48,30,22,.12)}.side::after{position:absolute;top:0;right:7px;bottom:0;width:1px;content:"";border-right:1px dashed rgba(235,215,187,.3);pointer-events:none}.side__brand{display:flex;min-height:92px;align-items:center;gap:.85rem;padding:1.3rem 1.35rem 1.15rem;border-bottom:1px solid rgba(238,224,202,.14)}.side__mark,.login__mark{display:grid;width:42px;height:42px;flex:0 0 auto;align-content:center;gap:5px;padding:10px 9px;border:1px solid rgba(245,233,214,.34);border-radius:11px;background:rgba(249,239,222,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.side__mark i,.login__mark i{display:block;height:2px;border-radius:2px;background:#f0e2ca}.side__mark i:nth-child(2),.login__mark i:nth-child(2){width:70%}.side__name{display:grid;min-width:0;gap:.05rem}.side__name strong{overflow:hidden;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.side__name small{color:#cdbba4;font-size:10.5px;letter-spacing:.04em}.nav{flex:1;overflow-y:auto;padding:.9rem .85rem 1.25rem;scrollbar-color:rgba(235,215,187,.35) transparent}.nav__group{padding:1.15rem .75rem .45rem;color:#bda890;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.nav__group:first-child{padding-top:.35rem}.nav__item{position:relative;display:flex;align-items:center;gap:.7rem;min-height:40px;margin:2px 0;padding:.58rem .7rem;border:1px solid transparent;border-radius:9px;color:#dccfbe;font-size:13px;font-weight:500;line-height:1.25;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.nav__item:hover{border-color:rgba(236,218,191,.12);background:rgba(248,239,222,.07);color:#fffaf1;text-decoration:none}.nav__item svg{width:18px;height:18px;flex:0 0 auto;opacity:.75}.nav__item.is-active{border-color:#d8c5a6;background:#efe4d1;color:var(--leather-dark);font-weight:700}.nav__item.is-active::after{position:absolute;top:50%;right:-14px;width:22px;height:1px;content:"";background:#d8c5a6}.nav__item.is-active svg{opacity:1}.side__foot{padding:.95rem 1.35rem 1.2rem;border-top:1px solid rgba(238,224,202,.14)}.side__rate{display:grid;gap:.16rem}.side__rate span{color:#bda890;font-size:10.5px;letter-spacing:.03em}.side__rate strong{color:#fffaf1;font-family:var(--display);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.side__rate strong small{margin-left:.16rem;color:#ccb9a0;font:11px var(--sans)}
.main-wrap{display:flex;min-width:0;flex:1;flex-direction:column}.top{position:sticky;top:0;z-index:20;display:flex;height:72px;align-items:center;gap:1rem;padding:0 clamp(1rem,2.5vw,2.5rem);border-bottom:1px solid rgba(126,105,78,.18);background:rgba(233,226,214,.93);backdrop-filter:blur(12px)}.top__burger{display:none;padding:.45rem;border:0;background:transparent;color:var(--ink-soft);cursor:pointer}.top__burger svg{display:block;width:22px;height:22px}.top__title{margin:0;font-family:var(--display);font-size:clamp(23px,2vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1}.top__spacer{flex:1}.top__search{position:relative;display:flex;align-items:center}.top__search svg{position:absolute;left:.85rem;width:16px;height:16px;color:var(--ink-faint);pointer-events:none}.top__search input{width:220px;padding:.64rem .8rem .64rem 2.35rem;border:1px solid var(--line-strong);border-radius:10px;background:rgba(248,244,236,.76);color:var(--ink);font-size:13px;transition:background-color .2s ease,border-color .2s ease}.top__search input::placeholder{color:#756d61}.top__search input:focus{width:280px;border-color:var(--leather);background:var(--paper-raised);outline:3px solid rgba(106,63,45,.13)}.top__user{display:flex;align-items:center;gap:.55rem}.top__name{display:flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:12.5px;font-weight:600}.top__name:hover{color:var(--ink);text-decoration:none}.top__avatar{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--paper);color:var(--leather);font-family:var(--display);font-size:15px}.main{width:100%;max-width:1560px;flex:1;padding:clamp(1rem,2.5vw,2.6rem)}.nav-backdrop{position:fixed;inset:0;z-index:25;background:rgba(35,27,21,.55);backdrop-filter:blur(2px)}
/* Sayfalar */
.page-head{display:flex;align-items:flex-start;gap:1.25rem;margin:0 0 1.35rem;flex-wrap:wrap}.page-head__main{min-width:0}.page-head h2{margin:0 0 .25rem;font-family:var(--display);font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.028em;line-height:1.08}.page-head__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:var(--ink-soft);font-size:12.5px}.btn-row{display:flex;align-items:center;gap:.55rem;margin-left:auto;flex-wrap:wrap}.spacer{flex:1}.card{position:relative;margin-bottom:1.2rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.card::before{position:absolute;top:0;left:22px;width:58px;height:3px;content:"";border-radius:0 0 3px 3px;background:var(--leather);opacity:.86}.card__head{display:flex;min-height:58px;align-items:center;gap:.75rem;padding:.85rem 1.15rem .75rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.card__title{margin:0;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em}.card__sub{color:var(--ink-faint);font-size:12px}.card__body{padding:1.15rem}.card__body--flush{padding:0}.card__foot{padding:.75rem 1.15rem;border-top:1px solid var(--line);background:var(--paper-muted);color:var(--ink-soft);font-size:12px}.cols{display:grid;align-items:start;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cols--2{grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr)}
/* Panel özeti */
.dashboard-ledger{position:relative;display:grid;min-height:274px;margin-bottom:1.35rem;overflow:hidden;border:1px solid #2e3a34;border-radius:16px;background:#26352f;color:#f7f0e4;box-shadow:0 18px 44px rgba(53,39,29,.16),0 3px 8px rgba(53,39,29,.1);grid-template-columns:minmax(290px,.9fr) minmax(420px,1.35fr)}.dashboard-ledger::before{position:absolute;inset:10px;content:"";border:1px dashed rgba(222,204,176,.2);border-radius:10px;pointer-events:none}.dashboard-ledger__summary{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.7rem,4vw,3rem);border-right:1px solid rgba(230,214,191,.18)}.dashboard-ledger__summary h2{margin:0 0 .55rem;color:#d3c3aa;font:500 17px var(--sans)}.dashboard-ledger__value{font-family:var(--display);font-size:clamp(44px,6vw,72px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:.95}.dashboard-ledger__value.pos{color:#c9dfbf}.dashboard-ledger__value.neg{color:#f2b8aa}.dashboard-ledger__value small{margin-left:.2rem;color:#d4c6af;font:500 20px var(--sans)}.dashboard-ledger__summary p{margin:.75rem 0 1.25rem;color:#cfc2b0;font-size:12px}.dashboard-ledger__link{width:fit-content;color:#fff9ee;font-weight:600}.dashboard-ledger__link:hover{color:white}.dashboard-ledger__facts{position:relative;display:grid;margin:0;align-content:stretch;grid-template-columns:repeat(3,1fr)}.dashboard-ledger__facts>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:2rem 1.5rem;border-right:1px solid rgba(230,214,191,.14)}.dashboard-ledger__facts>div:last-child{border-right:0}.dashboard-ledger__facts dt{min-height:36px;color:#c4b7a4;font-size:11px;font-weight:600;letter-spacing:.03em}.dashboard-ledger__facts dd{margin:.35rem 0 .25rem;color:#fff9ee;font-family:var(--display);font-size:clamp(25px,2.7vw,38px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap}.dashboard-ledger__facts dd.pos{color:#c9dfbf}.dashboard-ledger__facts dd.neg{color:#f2b8aa}.dashboard-ledger__facts dd small{font:500 12px var(--sans)}.dashboard-ledger__facts span{color:#b7a995;font-size:10.5px;white-space:nowrap}
/* Ölçüler */
.stats{display:grid;gap:.85rem;margin-bottom:1.2rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{position:relative;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:12px;background:var(--paper-raised)}.stat::after{position:absolute;top:0;right:0;bottom:0;width:1px;content:"";background:var(--line-strong)}.stat--pos::after{background:var(--positive)}.stat--neg::after{background:var(--negative)}.stat--accent::after{background:var(--leather)}.stat__label{color:var(--ink-soft);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stat__value{margin-top:.25rem;font-family:var(--display);font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.stat__value small{margin-left:.12rem;color:var(--ink-faint);font:500 12px var(--sans)}.stat__meta{margin-top:.18rem;color:var(--ink-faint);font-size:11.5px}.stat--pos .stat__value,.pos{color:var(--positive)}.stat--neg .stat__value,.neg{color:var(--negative)}.stat--accent .stat__value{color:var(--leather)}.mut{color:var(--ink-faint)}
/* Tablolar */
.table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.tbl th,.tbl td{padding:.68rem .82rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.tbl thead th{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line-strong);background:var(--paper-muted);color:var(--ink-soft);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.tbl tbody tr{transition:background-color .12s ease}.tbl tbody tr:hover{background:#f1eadf}.tbl tbody tr:last-child td{border-bottom:0}.tbl .num{text-align:right;font-family:var(--mono);font-size:11.8px;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .num--strong{color:var(--ink);font-weight:700}.tbl .date{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .shrink{width:1%;white-space:nowrap}.tbl tfoot td{border-top:1px solid var(--line-strong);border-bottom:0;background:var(--paper-muted);font-weight:700}.tbl--dense th,.tbl--dense td{padding:.52rem .72rem}.tbl .row-muted td{color:var(--ink-faint)}.tbl .row-flag{box-shadow:inset 1px 0 0 0 var(--warning)}.tbl .inline-form td{background:var(--sage-soft)}.tbl .inline-form input,.tbl .inline-form select{padding:.38rem .45rem;font-size:12px}
.sort-link{display:inline-flex;align-items:center;gap:.28rem;color:inherit;text-decoration:none}.sort-link:hover{color:var(--leather);text-decoration:none}.sort-link__mark{color:var(--leather);font-size:11px;line-height:1}
/* Kontroller */
.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:.42rem;padding:.5rem .82rem;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper-raised);color:var(--ink);font:600 12.5px var(--sans);cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.btn:hover{border-color:#a8957c;background:var(--paper);color:var(--leather-dark);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{width:15px;height:15px}.btn--primary{border-color:var(--leather);background:var(--leather);color:#fffaf2;box-shadow:0 6px 16px rgba(90,53,39,.18)}.btn--primary:hover{border-color:var(--leather-dark);background:var(--leather-dark);color:white}.btn--ghost{border-color:transparent;background:transparent;color:var(--ink-soft);box-shadow:none}.btn--ghost:hover{border-color:var(--line);background:rgba(248,244,236,.72)}.btn--danger{color:var(--negative)}.btn--danger:hover{border-color:#d3a299;background:var(--negative-soft);color:#7e3028}.btn--sm{min-height:30px;padding:.32rem .58rem;font-size:11.5px}.btn[disabled]{cursor:not-allowed;opacity:.5;transform:none}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.16rem .45rem;border:1px solid var(--line);border-radius:5px;background:var(--paper-muted);color:var(--ink-soft);font-size:10.5px;font-weight:700;letter-spacing:.015em;line-height:1.35;white-space:nowrap}.badge::before{width:5px;height:5px;content:"";border-radius:50%;background:currentColor;opacity:.7}.badge--pos{border-color:#c9ddca;background:var(--positive-soft);color:var(--positive)}.badge--neg{border-color:#e7c4bc;background:var(--negative-soft);color:var(--negative)}.badge--warn{border-color:#e5d39e;background:var(--warning-soft);color:var(--warning)}.badge--info{border-color:#c7d4c4;background:var(--sage-soft);color:var(--sage)}
.field{display:flex;min-width:0;flex-direction:column;gap:.32rem}.field>label{color:var(--ink-soft);font-size:11.5px;font-weight:700}.field small{color:var(--ink-faint);font-size:11px}input[type=text],input[type=search],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;min-width:0;min-height:39px;padding:.52rem .64rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink);font:13px var(--sans);box-shadow:inset 0 1px 2px rgba(58,44,31,.035)}input::placeholder,textarea::placeholder{color:#83796c}input:hover,select:hover,textarea:hover{border-color:#aa9a84}input:focus,select:focus,textarea:focus{border-color:var(--leather);outline:3px solid rgba(106,63,45,.13);box-shadow:none}input[type=number],.inp-num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}textarea{min-height:76px;resize:vertical}.form-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-bar{display:flex;align-items:flex-end;gap:.7rem;flex-wrap:wrap}.form-bar .field{flex:1 1 140px}.form-bar .field--wide{flex:3 1 240px}.form-bar .field--narrow{flex:0 1 120px}
.filters{display:flex;align-items:center;gap:.5rem;padding:.78rem 1rem;border-bottom:1px solid var(--line);background:var(--paper-muted);flex-wrap:wrap}.filters input,.filters select{width:auto}.chip{display:inline-flex;min-height:31px;align-items:center;gap:.3rem;padding:.3rem .62rem;border:1px solid var(--line-strong);border-radius:7px;background:var(--paper-raised);color:var(--ink-soft);font-size:11.5px;font-weight:600}.chip:hover{background:var(--paper);color:var(--ink);text-decoration:none}.chip.is-active{border-color:var(--leather);background:var(--leather);color:#fffaf2}.tabs{display:flex;gap:0;padding:0 1rem;border-bottom:1px solid var(--line);overflow-x:auto}.tabs a{position:relative;padding:.72rem .85rem;color:var(--ink-soft);font-size:12px;font-weight:700;white-space:nowrap}.tabs a:hover{color:var(--ink);text-decoration:none}.tabs a.is-active{color:var(--leather-dark)}.tabs a.is-active::after{position:absolute;right:.85rem;bottom:-1px;left:.85rem;height:2px;content:"";background:var(--leather)}.pagination{display:flex;align-items:center;justify-content:center;gap:.32rem;padding:.9rem;flex-wrap:wrap}.pagination a,.pagination span{min-width:31px;padding:.3rem .48rem;border:1px solid var(--line);border-radius:7px;color:var(--ink-soft);text-align:center;font-size:11.5px}.pagination a:hover{border-color:var(--line-strong);background:var(--paper-muted);text-decoration:none}.pagination .is-active{border-color:var(--leather);background:var(--leather);color:white;font-weight:700}
/* Durumlar */
.alert{position:relative;margin-bottom:1rem;padding:.72rem .9rem;border:1px solid var(--line);border-radius:9px;background:var(--paper-muted);color:var(--ink-soft);font-size:12.5px}.alert--success{border-color:#c7d9c7;background:var(--positive-soft);color:var(--positive)}.alert--error{border-color:#e3bdb5;background:var(--negative-soft);color:var(--negative)}.alert--warning{border-color:#dfce99;background:var(--warning-soft);color:#745016}.alert--info{border-color:#c4d2c1;background:var(--sage-soft);color:#455a42}.empty{padding:3.25rem 1.25rem;color:var(--ink-faint);text-align:center}.empty::before{display:block;width:42px;height:1px;margin:0 auto .9rem;content:"";background:var(--line-strong)}.empty strong{display:block;margin-bottom:.25rem;color:var(--ink-soft);font-family:var(--display);font-size:18px;font-weight:600}.kv{display:grid;gap:.45rem 1.25rem;grid-template-columns:minmax(100px,auto) 1fr;font-size:12.5px}.kv dt{color:var(--ink-faint)}.kv dd{margin:0;color:var(--ink);font-family:var(--mono);font-size:11.8px;font-variant-numeric:tabular-nums}details.help{margin-top:.6rem;color:var(--ink-soft);font-size:12px}details.help summary{color:var(--ink-faint);cursor:pointer}.bars{display:flex;height:64px;align-items:flex-end;gap:3px}.bars__b{position:relative;min-height:2px;flex:1;border-radius:2px 2px 0 0;background:var(--sage);opacity:.75}.bars__b[data-neg]{background:var(--leather);opacity:.65}
dialog.modal{width:min(560px,94vw);max-height:88vh;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}dialog.modal::backdrop{background:rgba(39,29,22,.6);backdrop-filter:blur(3px)}dialog.modal .card__head{border-radius:16px 16px 0 0}dialog.modal .card__body{max-height:62vh;overflow-y:auto}dialog.modal .modal__foot{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--line);background:var(--paper-muted)}.modal__close{padding:.2rem .4rem;border:0;border-radius:7px;background:transparent;color:var(--ink-faint);font-size:22px;line-height:1;cursor:pointer}.modal__close:hover{background:var(--paper-muted);color:var(--ink)}
/* Giriş */
.is-bare{display:grid;min-height:100vh;place-items:center;padding:clamp(1rem,4vw,3rem);background:var(--canvas)}.login{display:grid;width:min(980px,100%);min-height:590px;overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:var(--paper);box-shadow:0 30px 80px rgba(52,39,28,.18),0 6px 18px rgba(52,39,28,.08);grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr)}.login__intro{position:relative;display:flex;flex-direction:column;padding:clamp(2rem,5vw,4.25rem);overflow:hidden;background:var(--leather-dark);color:#f7efe3}.login__intro::after{position:absolute;right:20px;bottom:20px;left:20px;height:1px;content:"";border-bottom:1px dashed rgba(232,211,183,.28)}.login__mark{margin-bottom:1.25rem}.login__title{margin:0;font-family:var(--display);font-size:clamp(38px,5vw,58px);font-weight:600;letter-spacing:-.035em;line-height:.95}.login__sub{margin:.45rem 0 0;color:#ccb9a0;font-size:12px;letter-spacing:.04em}.login__statement{max-width:32ch;margin:auto 0 2.3rem;color:#e1d4c3;font:500 clamp(18px,2.2vw,23px)/1.35 var(--display)}.login__index{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.login__index li{display:flex;gap:.75rem;padding-top:.55rem;border-top:1px solid rgba(231,213,187,.15);color:#cbb9a2;font-size:11px}.login__index span{color:#f4e7d4;font-family:var(--mono)}.login__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem);background:var(--paper)}.login__panel-head{margin-bottom:2rem}.login__panel-head h2{margin:0 0 .4rem;font-family:var(--display);font-size:clamp(28px,3vw,36px);font-weight:600;letter-spacing:-.025em}.login__panel-head p{margin:0;color:var(--ink-soft);font-size:12.5px}.login__fields{display:grid;gap:1rem}.login__submit{width:100%;min-height:45px;margin-top:.35rem;justify-content:space-between;padding-inline:1rem}
@media(max-width:1100px){.dashboard-ledger{grid-template-columns:.8fr 1.2fr}.dashboard-ledger__facts{grid-template-columns:1fr}.dashboard-ledger__facts>div{min-height:84px;padding:.8rem 1.3rem;border-right:0;border-bottom:1px solid rgba(230,214,191,.14)}.dashboard-ledger__facts>div:last-child{border-bottom:0}.dashboard-ledger__facts dt{min-height:auto}.dashboard-ledger__facts dd{margin:.05rem 0;font-size:25px}}
@media(max-width:900px){.side{position:fixed;left:0;transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}body.nav-open{overflow:hidden}body.nav-open .side{transform:none}.top__burger{display:block}.top__search input{width:165px}.top__search input:focus{width:205px}.main{padding:1.1rem}.cols--2{grid-template-columns:1fr}}
@media(max-width:680px){.top{height:64px;padding:0 .8rem}.top__title{font-size:22px}.top__search{display:none}.top__name>span:last-child,.top__user .btn{display:none}.main{padding:.85rem .7rem 1.4rem}.page-head{gap:.7rem;margin-bottom:1rem}.page-head h2{font-size:28px}.btn-row{width:100%;margin-left:0}.btn-row .btn{flex:1 1 auto}.dashboard-ledger{min-height:0;grid-template-columns:1fr}.dashboard-ledger__summary{padding:1.8rem 1.5rem;border-right:0;border-bottom:1px solid rgba(230,214,191,.18)}.dashboard-ledger__value{font-size:48px}.dashboard-ledger__facts{grid-template-columns:1fr}.dashboard-ledger__facts>div{min-height:78px}.stats{grid-template-columns:1fr}.cols{grid-template-columns:minmax(0,1fr)}.card{border-radius:12px}.card__head{padding:.75rem .9rem}.card__body{padding:.9rem}.filters{align-items:stretch;padding:.7rem}.filters input,.filters select{width:100%}.form-bar{align-items:stretch;flex-direction:column}.form-bar .field,.form-bar .field--wide,.form-bar .field--narrow{width:100%;flex-basis:auto}.form-bar>.btn{width:100%}.tbl th,.tbl td{padding:.58rem .65rem}.login{min-height:0;grid-template-columns:1fr}.login__intro{min-height:260px;padding:1.7rem}.login__title{font-size:42px}.login__statement{margin:2rem 0 1.4rem;font-size:18px}.login__index{display:none}.login__panel{padding:2rem 1.5rem 2.4rem}}
.top__search input[type=search]{padding-right:.8rem;padding-left:2.35rem}
.tbl .order-status-cell{width:auto;min-width:150px}
.order-status-form{display:block}
.order-status-select{width:100%;min-width:138px;padding-right:2rem;font-weight:700}
.order-status-select--open{border-color:#c7d4c4;background:var(--sage-soft);color:var(--sage)}
.order-status-select--ordered{border-color:#e5d39e;background:var(--warning-soft);color:var(--warning)}
.order-status-select--done{border-color:#c9ddca;background:var(--positive-soft);color:var(--positive)}
.order-status-select--cancelled{border-color:#e7c4bc;background:var(--negative-soft);color:var(--negative)}
.side{height:100vh;height:100dvh}
.side__brand,.side__foot{flex-shrink:0}
.nav{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.page-head h1{margin:0 0 .25rem;font-family:var(--display);font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.028em;line-height:1.08}
.dashboard-ledger__summary h1{margin:0 0 .55rem;color:#d3c3aa;font:500 17px var(--sans)}
dialog.modal.modal--wide{width:min(860px,94vw)}
a,a:hover,a:focus,a:active{text-decoration:none}
input:not([type]),input[type=email],input[type=tel]{width:100%;min-width:0;min-height:39px;padding:.52rem .64rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink);font:13px var(--sans);box-shadow:inset 0 1px 2px rgba(58,44,31,.035)}
.filters input:not([type]){width:auto}
#checks-table,#partner-ledger-table,table[data-paginate]{scroll-margin-top:88px}
@media(max-width:900px){.side{inset:0 auto 0 0;height:100vh;height:100dvh;max-height:100dvh}}
@media(max-width:680px){.page-head h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{body{background:white}.side,.top,.filters,.btn,.pagination{display:none!important}.main{max-width:none;padding:0}.card,.dashboard-ledger{break-inside:avoid;border:1px solid #bbb;box-shadow:none}}

/* Malzeme imzası: deri sırt, ince metal katalog etiketleri ve sayfa çevirme */
.side,.login__intro{
  background-color:var(--leather-dark);
  background-image:
    linear-gradient(92deg,rgba(255,255,255,.025) 0,transparent 18%,rgba(255,255,255,.035) 48%,transparent 72%),
    linear-gradient(180deg,#4c2c20 0%,#40251c 54%,#492a1f 100%);
  box-shadow:inset -12px 0 22px rgba(25,13,8,.13),inset 1px 0 rgba(255,255,255,.035),8px 0 32px rgba(48,30,22,.12)
}
.nav__group{
  width:fit-content;
  margin:.95rem 0 .28rem .58rem;
  padding:.16rem .42rem;
  border:1px solid rgba(231,222,206,.34);
  border-radius:4px;
  background:linear-gradient(180deg,#cabda8,#a99a84);
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 2px 5px rgba(23,12,8,.16);
  color:#3c3028;
  font-size:8.5px;
  letter-spacing:.11em
}
.nav__group:first-child{margin-top:.3rem;padding-top:.16rem}
.login__swatch{
  display:inline-block;
  width:20px;
  height:7px;
  flex:0 0 auto;
  margin-top:4px;
  border:1px solid rgba(238,228,211,.38);
  border-radius:2px;
  background:linear-gradient(180deg,#cabda8,#978874);
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 2px 4px rgba(20,10,7,.18)
}
.dashboard-ledger__link{display:inline-flex;align-items:center;gap:.45rem}
.dashboard-ledger__link svg{width:16px;height:16px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.dashboard-ledger__link:hover svg{transform:translateX(3px)}
.login__submit svg{width:17px;height:17px}

@view-transition{navigation:auto}
::view-transition-old(root){animation:catalog-out .18s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:catalog-in .32s cubic-bezier(.16,1,.3,1) both}
@keyframes catalog-out{to{opacity:.65;filter:blur(2px);transform:translateX(-10px)}}
@keyframes catalog-in{from{clip-path:inset(0 0 0 12%);opacity:.4;transform:translateX(16px)}to{clip-path:inset(0);opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Üretilmiş gerçek malzeme taramaları; üretim istemleri PNG metadata'sındadır. */
.side,.login__intro{
  background-color:var(--leather-dark);
  background-image:
    linear-gradient(rgba(68,40,30,.3),rgba(55,31,23,.42)),
    url("/assets/materials/leather-chestnut.png");
  background-size:auto,640px 640px;
  background-repeat:repeat
}
.nav__group,.login__swatch{
  background-color:#b9ac96;
  background-image:url("/assets/materials/metal-warm-nickel.png");
  background-size:280px 280px;
  background-repeat:repeat
}

/* Eşdeğer defterler: tek çalışma yüzeyi, erişilebilir sekmeler ve sayfalama. */
.table-tabs{margin-bottom:1.35rem}
.table-tabs__bar{
  display:flex;
  align-items:flex-end;
  gap:.35rem;
  padding:0 .6rem;
  border-bottom:1px solid var(--line-strong);
  overflow-x:auto;
  scrollbar-width:none
}
.table-tabs__bar::-webkit-scrollbar{display:none}
.table-tabs__bar [role="tab"]{
  position:relative;
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:.5rem;
  padding:.62rem .9rem;
  border:1px solid transparent;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:transparent;
  color:var(--ink-soft);
  font:600 12.5px var(--sans);
  cursor:pointer;
  white-space:nowrap
}
.table-tabs__bar [role="tab"]:hover{background:rgba(248,244,236,.55);color:var(--ink)}
.table-tabs__bar [role="tab"][aria-selected="true"]{
  bottom:-1px;
  border-color:var(--line-strong);
  background:var(--paper);
  color:var(--leather-dark)
}
.table-tabs__bar [role="tab"] span{
  min-width:22px;
  padding:.08rem .38rem;
  border:1px solid var(--line);
  border-radius:5px;
  background:var(--paper-muted);
  color:var(--ink-faint);
  font:10px var(--mono);
  text-align:center
}
.table-tabs__bar [role="tab"][aria-selected="true"] span{border-color:#c9b9a2;background:var(--leather-soft);color:var(--leather)}
.table-tabs__panel{margin:0;border-top:0;border-radius:0 0 var(--radius) var(--radius)}
.table-tabs__panel::before{left:18px;width:42px}
.table-pager{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:flex-end;
  gap:.7rem;
  padding:.65rem 1rem;
  border-top:1px solid var(--line);
  background:var(--paper-muted)
}
.table-pager__button{
  min-height:32px;
  padding:.34rem .7rem;
  border:1px solid var(--line-strong);
  border-radius:7px;
  background:var(--paper-raised);
  color:var(--ink);
  font:600 11.5px var(--sans);
  cursor:pointer
}
.table-pager__button:hover:not(:disabled){border-color:var(--leather);color:var(--leather)}
.table-pager__button:disabled{cursor:not-allowed;opacity:.45}
.table-pager__status{min-width:48px;color:var(--ink-soft);font:11px var(--mono);text-align:center}
@media(max-width:680px){
  .table-tabs__bar{padding:0 .2rem}
  .table-tabs__bar [role="tab"]{flex:1;justify-content:center;padding-inline:.65rem}
  .table-pager{justify-content:space-between}
  .table-pager__button{min-height:38px}
}

/* Marka alanı: kırpılmış ED kalkanı. */
.side__brand{gap:.8rem}
.side__logo{width:44px;height:auto;flex:0 0 auto;filter:drop-shadow(0 3px 9px rgba(0,0,0,.38))}
.side__brand--mark .side__name small{color:#ecdcc4;font-size:12.5px;letter-spacing:.05em}
.login__logo{display:block;width:86px;height:auto;margin:0 0 1.15rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))}
.login__logo+.login__sub{margin:0;color:#e7dbca;font-size:15px;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:900px){.login__logo{width:66px;margin-bottom:.9rem}}
/* Toplam satırı artık tablonun EN ÜSTÜNDE, ilk satırın üzerinde durur.
   (tfoot'u CSS ile yukarı taşımak tarayıcılarda çalışmıyor; satır doğrudan
   tbody'nin başına yazılır ve istemci sayfalayıcısı onu atlar.) */

/* Tutar alanının altındaki canlı kur karşılığı */
.fx-hint{display:block;margin-top:.25rem;color:var(--leather);font:11.5px/1.3 var(--mono);letter-spacing:-.01em}

/* Form içi onay kutusu satırı */
.check{display:flex;align-items:flex-start;gap:.55rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-muted);cursor:pointer;font-size:13.5px}
.check input[type=checkbox]{width:auto;margin:.15rem 0 0;flex:0 0 auto;accent-color:var(--leather)}
.check small{display:block;margin-top:.1rem;font-size:11.5px}

/* Onay modalı (tarayıcı confirm() yerine) */
.modal--ask{width:min(430px,94vw)}
.modal--ask .card__body{padding:1.1rem 1.15rem}
.ask__text{margin:0;color:var(--ink);font-size:14.5px;line-height:1.5}
.modal--ask .modal__foot{justify-content:flex-end}

/* Ekstre / yazdırma */
.row-opening,.row-muted{background:var(--paper-muted);color:var(--ink-soft)}
.row-total{background:var(--leather-soft)}
.row-total td{border-bottom:2px solid var(--line-strong);font-size:13.5px;font-weight:600}
@media print{
  .side,.top,.nav-backdrop,.no-print,.btn-row,.filters,.pagination,.skip{display:none!important}
  .main-wrap{width:100%}
  .main{padding:0}
  body{background:#fff}
  .card{page-break-inside:auto;border-radius:0;box-shadow:none}
  .table-wrap{overflow:visible}
  .tbl{font-size:10.5px}
  tr{page-break-inside:avoid}
  thead{display:table-header-group}
  .stats{grid-template-columns:repeat(4,1fr)}
}

/* ===== Ekstre yazdırma — Excel benzeri sade tablo =====
   Ekranda zengin kart düzeni kalır; kâğıda yalnızca tek satırlık künye ve
   kenarlıklı kılavuz tablo basılır. Gövde sınıfı layout.php'de görünüme göre
   konur: .print-sheet (tek cari, dikey), .print-sheet--wide (toplu, yatay). */
.print-head{display:none}
@media print{
  @page{size:A4 portrait;margin:12mm 10mm}
  @page wide{size:A4 landscape;margin:9mm 8mm}
  body.print-sheet--wide{page:wide}

  body.print-sheet{background:#fff;color:#000;font:11px/1.3 Arial,Helvetica,sans-serif;
    print-color-adjust:exact;-webkit-print-color-adjust:exact}

  /* Kâğıtta işi olmayanlar */
  body.print-sheet .page-head,body.print-sheet .stats,body.print-sheet .card__foot,
  body.print-sheet .card__sub,body.print-sheet .badge,body.print-sheet .alert,
  body.print-sheet .table-pager,body.print-sheet .card::before{display:none!important}

  /* Künye: firma · ekstre türü · cari · dönem */
  body.print-sheet .print-head{display:block;margin:0 0 3mm}
  body.print-sheet .print-head__line{display:flex;justify-content:space-between;gap:8mm;font-size:11px}
  body.print-sheet .print-head__line:first-child{margin-bottom:1.2mm;padding-bottom:1.2mm;
    border-bottom:1pt solid #000;font-size:13px}

  /* Kart çerçevesi kâğıtta kaybolur, başlık düz bir satıra iner */
  body.print-sheet .card{margin:0 0 5mm;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
  body.print-sheet .card__head{display:flex;min-height:0;align-items:baseline;gap:6mm;
    padding:0 0 1.2mm;border:0}
  body.print-sheet .card__title,body.print-sheet .card__head strong{
    font:700 11.5px Arial,Helvetica,sans-serif;letter-spacing:0}
  body.print-sheet .card__body{padding:0;font-size:11px}

  /* Kılavuz çizgili tablo */
  body.print-sheet table.tbl{width:100%;border-collapse:collapse;border-spacing:0;font-size:10px}
  body.print-sheet .tbl th,body.print-sheet .tbl td{padding:1.2mm 1.4mm;border:.5pt solid #000;
    background:#fff;color:#000;vertical-align:top}
  body.print-sheet .tbl thead th{position:static;background:#e9e9e9;
    font:700 9.5px Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;white-space:normal}
  body.print-sheet .tbl .num{font-family:Arial,Helvetica,sans-serif;font-size:10px}
  body.print-sheet .tbl .shrink{width:auto}
  body.print-sheet .tbl tbody tr:last-child td{border-bottom:.5pt solid #000}
  body.print-sheet .tbl .row-total td,body.print-sheet .tbl .row-opening td{
    background:#f1f1f1;font-size:10px;font-weight:700}
  body.print-sheet .tbl .row-flag{box-shadow:none}
  body.print-sheet .tbl tbody tr:hover{background:#fff}
  body.print-sheet .mut,body.print-sheet .pos,body.print-sheet .neg,
  body.print-sheet .date,body.print-sheet a{color:#000}
  body.print-sheet a{text-decoration:none}

  /* Toplu döküm 11 sütun; yatay sayfada bile biraz daralması gerekir */
  body.print-sheet--wide .tbl{font-size:9px}
  body.print-sheet--wide .tbl thead th{font-size:8.5px}
}

/* Not alanı + tarih ekleme düğmesi */
.date-note{position:relative;display:flex}
.date-note>input:first-child{width:100%;padding-right:2.6rem}
.date-note__btn{position:absolute;top:50%;right:4px;min-height:30px;padding:.3rem .45rem;transform:translateY(-50%);color:var(--ink-soft)}
.date-note__btn:hover,.date-note__btn:active{transform:translateY(-50%)}
.date-note__pick{position:absolute;right:0;bottom:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}
