/* Acenta masası (laptop içindeki web konsolu). Marka renkleri değişkenlerden;
   belge (PDF) üzerindeki renk kurgusal acentanın kendi markasıdır (--agency). */

.desk{--line:#e3e6eb;--muted:#6b7684;--surface:#fff;height:100%;display:flex;flex-direction:column;font:400 12px/1.4 var(--font-body);color:#1b2330;background:#f4f5f7}
.desk__chrome{flex:none;height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#e9ebef;border-bottom:1px solid var(--line);color:var(--muted);font-size:10.5px}
.desk__chrome i{width:8px;height:8px;border-radius:50%;background:#cfd3da}
.desk__chrome span{margin:0 auto;transform:translateX(-18px)}
.desk__body{flex:1;min-height:0;display:flex}

.desk__nav{flex:none;width:136px;padding:12px 8px;background:var(--brand-ground);color:var(--on-dark);display:flex;flex-direction:column;gap:14px}
.desk__agency{display:flex;align-items:center;gap:7px;padding:0 4px 10px;border-bottom:1px solid var(--on-dark-line)}
.desk__agency b{font:500 11.5px/1.2 var(--font-body);letter-spacing:.01em}
.desk__logo,.paper__logo{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--agency);color:#fff;font:600 10px/1 var(--font-body)}
.desk__nav nav{display:grid;gap:2px}
.desk__navitem{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;color:var(--on-dark-soft);font-size:11.5px;transition:background .25s,color .25s}
.desk__navitem.is-on{background:color-mix(in srgb,var(--brand-paper) 13%,transparent);color:var(--on-dark)}
.desk__navitem svg{flex:none}

.desk__main{flex:1;min-width:0;display:flex;flex-direction:column}
.desk__top{flex:none;height:34px;display:flex;align-items:center;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.desk__search{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px;min-width:170px}
.desk__stage{position:relative;flex:1;min-height:0;overflow:hidden}

.view{position:absolute;inset:0;padding:14px 16px;overflow:hidden}
.view.is-entering{animation:desk-in .38s ease both}
.view.is-leaving{animation:desk-out .3s ease both;pointer-events:none}
@keyframes desk-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes desk-out{to{opacity:0}}
.is-calm .view.is-entering,.is-calm .view.is-leaving{animation:none}

.view__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.view__head h3{font:600 16px/1.25 var(--font-body);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.view__head p{color:var(--muted);font-size:11.5px;margin-top:1px}
.view__head .crumb{margin:0 0 1px}
.view__actions{display:flex;gap:6px;flex:none}
.btn-fake{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-weight:500;font-size:11px}
.btn-fake.is-primary{background:var(--brand-ground);border-color:var(--brand-ground);color:var(--on-dark)}
.view__foot{margin-top:9px;color:var(--muted);font-size:11px}

.chips{display:flex;gap:6px;margin-bottom:10px}
.chip{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px}
.chip.is-on{background:var(--brand-ground);border-color:var(--brand-ground);color:var(--on-dark)}

.dtable{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:11.5px}
.dtable th{padding:7px 10px;text-align:start;font-weight:500;color:var(--muted);background:#fafbfc;border-bottom:1px solid var(--line);font-size:10.5px;white-space:nowrap}
.dtable td{padding:8px 10px;border-bottom:1px solid #eef0f3;vertical-align:middle;white-space:nowrap}
.dtable tr:last-child td{border-bottom:0}
.dtable small{display:block;color:var(--muted);font-size:10.5px}
.dtable .is-right{text-align:right}
.dtable .is-strong{font-weight:600}
.dtable tr.is-muted td{color:var(--muted)}
.dtable tr.is-flash td{animation:desk-flash 2.4s ease .2s both}
@keyframes desk-flash{0%{background:color-mix(in srgb,var(--brand-accent) 42%,transparent)}100%{background:transparent}}
.is-calm .dtable tr.is-flash td{animation:none;background:color-mix(in srgb,var(--brand-accent) 20%,transparent)}

.pill{display:inline-block;padding:2px 8px;border-radius:999px;font:500 10.5px/1.5 var(--font-body);background:#eceff3;color:#4b5663}
.pill--ok{background:#dff3e6;color:#1d6b3d}
.pill--warn{background:#fcefd2;color:#8a5a00}
.pill--info{background:#dcebfa;color:#1c5a96}
.pill--muted{background:#eceff3;color:#6b7684}
.pill--danger{background:#fbe0de;color:#a22a22}

.kv{margin:0}
.kv div{display:flex;flex-direction:column;gap:1px}
.kv dt{color:var(--muted);font-size:10.5px}
.kv dd{margin:0;font-weight:500}
.kv--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px;margin-bottom:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:9px}
.kv--row{display:flex;gap:26px}

.dtable--lines{margin-top:2px}
.totals{margin:10px 0 0 auto;width:210px;display:grid;gap:4px}
.totals div{display:flex;justify-content:space-between;gap:12px}
.totals dt{color:var(--muted)}
.totals dd{margin:0;font-variant-numeric:tabular-nums}
.totals .is-strong{padding-top:6px;border-top:1px solid var(--line);font-weight:600;font-size:13px}
.totals .is-strong dt{color:inherit}

/* belge görünümü */
.view--document{padding:0;background:#e6e9ee}
.doc-tabs{display:flex;gap:2px;padding:8px 14px 0;background:#e6e9ee}
.doc-tab{padding:6px 13px;border-radius:8px 8px 0 0;color:var(--muted);font-size:11px;background:#d8dce3}
.doc-tab.is-on{background:#fff;color:#1b2330;font-weight:500}
.paper{position:relative;width:468px;margin:0 auto;padding:22px 26px 26px;background:#fff;box-shadow:0 1px 3px rgba(20,30,45,.18),0 12px 28px -14px rgba(20,30,45,.3);font-size:11px;line-height:1.45}
.view--document .doc-tabs+.paper{margin-top:0}
.paper::after{content:"";position:absolute;inset:auto 0 0 0;height:46px;background:linear-gradient(transparent,#fff)}
.paper__head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding-bottom:12px;border-bottom:2px solid var(--agency)}
.paper__logo{width:30px;height:30px;border-radius:8px;font-size:11px}
.paper__agency b{display:block;font:600 12.5px/1.2 var(--font-body)}
.paper__agency small,.paper__kind small{display:block;color:var(--muted);font-size:10px;line-height:1.35}
.paper__kind{text-align:right}
.paper__kind b{display:block;font:600 15px/1.2 var(--font-display);letter-spacing:.02em;color:var(--agency)}
.paper .kv--row{margin:12px 0 4px}
.kv--paper{background:transparent;border:0;padding:8px 0;margin:6px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:repeat(2,1fr)}
.dtable--paper{border:0;border-radius:0;margin-top:10px;font-size:10.5px}
.dtable--paper th{background:transparent;padding:5px 0;border-bottom:1px solid var(--line)}
.dtable--paper td{padding:6px 0;white-space:normal}
.paper .totals{width:190px}
.paper__terms{margin-top:12px;color:var(--muted);font-size:10px}
.paper__made{margin-top:10px;color:var(--muted);font-size:9.5px;text-align:center}

/* görevler */
.tgroup{margin-bottom:12px}
.tgroup h4{margin:0 0 6px;font:500 10.5px/1 var(--font-body);color:var(--muted)}
.tlist{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.titem{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #eef0f3}
.titem:last-child{border-bottom:0}
.titem b{font-weight:500;display:block}
.titem small{color:var(--muted);font-size:10.5px}
.tcheck{display:grid;place-items:center;width:16px;height:16px;border:1.5px solid #b6bdc8;border-radius:50%;color:#fff}
.titem.is-done .tcheck{background:#2f9e5e;border-color:#2f9e5e}
.titem.is-done b{color:var(--muted);text-decoration:line-through}
.titem.is-flash{animation:desk-flash 2.4s ease .2s both}
.is-calm .titem.is-flash{animation:none;background:color-mix(in srgb,var(--brand-accent) 20%,transparent)}

/* ayarlar */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scard{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px}
.scard h4{margin:0 0 6px;font:600 11.5px/1.2 var(--font-body)}
.srows{margin:0;display:grid;gap:0}
.srows div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #eef0f3}
.srows div:first-child{border-top:0}
.srows dt{color:var(--muted)}
.srows dd{margin:0;font-weight:500}
.scard.is-flash{animation:desk-flash 2.4s ease .2s both}
.is-calm .scard.is-flash{animation:none;background:color-mix(in srgb,var(--brand-accent) 14%,#fff)}
.dtable tr.is-total td{font-weight:600;background:#fafbfc;border-top:1px solid var(--line)}

/* günün panosu */
.dtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.dtile{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.dtile small{color:var(--muted);font-size:10.5px}
.dtile b{font:600 18px/1.2 var(--font-body);letter-spacing:-.02em}
.dsecs{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.dsecs .dsec:first-child{grid-row:span 2}
.dsec{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}
.dsec h4{margin:0 0 5px;font:600 11.5px/1.2 var(--font-body)}
.dsec ul{list-style:none;margin:0;padding:0}
.dsec li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #eef0f3}
.dsec li:first-child{border-top:0}
.dsec li b{display:block;font-weight:550;font-size:11px}
.dsec li small{display:block;color:var(--muted);font-size:10px}
.dsec li span{font-weight:550;font-size:11px;white-space:nowrap}

/* sözleşme yükleme ve önizleme */
.udrop{display:grid;justify-items:center;gap:3px;padding:16px 12px;border:1.5px dashed #c5ccd6;border-radius:12px;background:var(--surface);text-align:center}
.udrop__icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:3px;border-radius:50%;background:#eef1f5;color:var(--brand-ground)}
.udrop b{font-weight:600;font-size:12.5px}
.udrop small{color:var(--muted);font-size:11px}
.ufile{margin-top:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.ufile__row{display:flex;align-items:center;gap:10px}
.ufile__row b{display:block;font-weight:550}
.ufile__row small{display:block;color:var(--muted);font-size:10.5px}
.ufile__badge{flex:none;display:grid;place-items:center;width:28px;height:32px;border-radius:5px;background:#e64a4a;color:#fff;font:700 8.5px/1 var(--font-body)}
.ufile__state{margin-left:auto;color:var(--muted);font-size:11px}
.ubar{height:5px;margin-top:9px;border-radius:3px;background:#e6e9ee;overflow:hidden}
.ubar i{display:block;height:100%;border-radius:3px;background:var(--brand-accent);animation:ubar 1.8s linear .3s both}
@keyframes ubar{from{width:var(--from)}to{width:var(--to)}}
.is-calm .ubar i{animation:none;width:var(--to)}
.urecent{margin-top:12px}
.urecent li{align-items:center}
.csplit{display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:start}
.cpage{position:relative}
.cpage .pv{font-size:11px;padding:12px 14px;box-shadow:0 1px 3px rgba(20,30,45,.18),0 10px 22px -14px rgba(20,30,45,.35)}
.cpage .pv__title{font-size:12.5px}
.cpage .pv__sub{font-size:9.5px}
.cpage__no{position:absolute;right:8px;bottom:6px;padding:2px 7px;border-radius:999px;background:rgba(20,30,45,.72);color:#fff;font-size:9.5px}
.cside .dtable{font-size:11px}

/* küçük eylem düğmesi (panoda Pay) ve rapor grafiği yanında tablo */
.btn-fake--sm{display:inline-block;padding:2px 11px;border-radius:999px;font-style:normal;font-size:10px}
.dsec li span{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px}
.tsplit{display:grid;grid-template-columns:236px 1fr;gap:14px;align-items:start}
.tsplit__chart .chart{border:1px solid var(--line);border-radius:10px}
.tsplit .dtable{font-size:11px}

/* günün panosu: küçük laptop ekranına sığsın diye sıkı yerleşim */
.view--dashboard{padding:10px 14px}
.view--dashboard .view__head{margin-bottom:6px}
.view--dashboard .view__head h3{font-size:14px}
.view--dashboard .dtiles{margin-bottom:8px}
.view--dashboard .dtile{padding:5px 11px}
.view--dashboard .dsecs{gap:8px}
.view--dashboard .dsec{padding:7px 10px}
.view--dashboard .dsec h4{margin-bottom:2px}
.view--dashboard .dsec li{padding:3px 0}