:root{
  /* Fİ CRM — varsayılan tema: Gök Mavisi (açık) */
  --bg:#F4F7FC; --surface:#FFFFFF; --surface-2:#EDF1F9; --surface-3:#E0E7F4;
  --line:#DDE4F1; --line-strong:#C3CDE2;
  --text:#0F172A; --text-2:#515F79; --text-3:#8492AC;
  --accent:#1D4ED8; --accent-ink:#1A3CA8; --accent-soft:#E7EDFD; --accent-line:#C0D0F8;
  --brass:#2563EB; --brass-2:#6BA3FB;
  --pri-bg:#1D4ED8; --pri-fg:#FFFFFF; --pri-bg-h:#1A3CA8;
  --teal:#0E7490; --teal-soft:#DEF1F6;
  --ok:#137547; --ok-soft:#DDF1E6;
  --warn:#9A5B06; --warn-soft:#FBEBD5;
  --danger:#B42318; --danger-soft:#FBE4E1;
  --shadow:0 1px 2px rgba(15,23,42,.05), 0 10px 28px -14px rgba(15,23,42,.22);
  --shadow-lg:0 30px 70px -28px rgba(15,23,42,.45);
  --r:10px; --r-sm:7px; --r-lg:16px;
  /* Yığın katmanları — tek kaynak. backdrop-filter/transform kullanan her kap
     yeni bir yığın bağlamı açtığı için bu değerler HER ZAMAN kapların kendisine
     verilir, içlerindeki öğelere değil. */
  --z-content:1; --z-sticky:2; --z-side:30; --z-topbar:50; --z-pop:60;
  --z-drawer:64; --z-scrim:69; --z-modal:80; --z-toast:85; --z-cmdk:90;
  --side:252px;
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"Manrope","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
/* --- varsayılan tema: koyu --- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#070B14; --surface:#0F1624; --surface-2:#151E30; --surface-3:#1D273C;
    --line:#1F2A3E; --line-strong:#33415B;
    --text:#E9EFFA; --text-2:#94A3BC; --text-3:#6A7994;
    --accent:#6C9BFF; --accent-ink:#A9C4FF; --accent-soft:#111E38; --accent-line:#27406E;
    --brass:#5B92FF; --brass-2:#9CC0FF;
    --pri-bg:#2E63E8; --pri-fg:#FFFFFF; --pri-bg-h:#4A7BF0;
    --teal:#48B6CE; --teal-soft:#0C2A33;
    --ok:#46BE7F; --ok-soft:#0E2E1E;
    --warn:#E0A455; --warn-soft:#2F2211;
    --danger:#F0736A; --danger-soft:#331B19;
    --shadow:0 1px 2px rgba(0,0,0,.55), 0 12px 30px -16px rgba(0,0,0,.8);
    --shadow-lg:0 34px 80px -30px rgba(0,0,0,.92);
  }
}
:root[data-theme="dark"]{
  --bg:#070B14; --surface:#0F1624; --surface-2:#151E30; --surface-3:#1D273C;
  --line:#1F2A3E; --line-strong:#33415B;
  --text:#E9EFFA; --text-2:#94A3BC; --text-3:#6A7994;
  --accent:#6C9BFF; --accent-ink:#A9C4FF; --accent-soft:#111E38; --accent-line:#27406E;
  --brass:#5B92FF; --brass-2:#9CC0FF;
  --pri-bg:#2E63E8; --pri-fg:#FFFFFF; --pri-bg-h:#4A7BF0;
  --teal:#48B6CE; --teal-soft:#0C2A33;
  --ok:#46BE7F; --ok-soft:#0E2E1E;
  --warn:#E0A455; --warn-soft:#2F2211;
  --danger:#F0736A; --danger-soft:#331B19;
  --shadow:0 1px 2px rgba(0,0,0,.55), 0 12px 30px -16px rgba(0,0,0,.8);
  --shadow-lg:0 34px 80px -30px rgba(0,0,0,.92);
}

/* ===========================================================
   Tema varyantları — kullanıcı kendi rengini seçer
   =========================================================== */

/* Gece Lacivert */
:root[data-accent="lacivert"]{--bg:#F2F5FC;--surface-2:#E9EEF9;--surface-3:#DCE4F4;--line:#D9E1F0;
  --accent:#1E3A8A;--accent-ink:#17306F;--accent-soft:#E6EBF8;--accent-line:#BECBEC;
  --brass:#31519E;--brass-2:#7C9AE0;--pri-bg:#172554;--pri-bg-h:#24397B;--pri-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="lacivert"]{
  --bg:#060A15;--surface:#0D1424;--surface-2:#131C30;--surface-3:#1B253C;--line:#1E2840;
  --accent:#8FB0FF;--accent-ink:#B6CBFF;--accent-soft:#111A33;--accent-line:#26355F;
  --brass:#6E92F5;--brass-2:#A9C2FF;--pri-bg:#2B4694;--pri-bg-h:#3A5BB8;--pri-fg:#FFFFFF}}
:root[data-theme="dark"][data-accent="lacivert"]{--bg:#060A15;--surface:#0D1424;--surface-2:#131C30;--surface-3:#1B253C;--line:#1E2840;
  --accent:#8FB0FF;--accent-ink:#B6CBFF;--accent-soft:#111A33;--accent-line:#26355F;
  --brass:#6E92F5;--brass-2:#A9C2FF;--pri-bg:#2B4694;--pri-bg-h:#3A5BB8;--pri-fg:#FFFFFF}

/* Turkuaz */
:root[data-accent="turkuaz"]{--bg:#F2F8F8;--surface-2:#E8F2F2;--surface-3:#D9EAE9;--line:#D6E7E6;
  --accent:#0F766E;--accent-ink:#0B5B55;--accent-soft:#DDF2EF;--accent-line:#AEDDD7;
  --brass:#14B8A6;--brass-2:#5EEAD4;--pri-bg:#0F766E;--pri-bg-h:#0B5B55;--pri-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="turkuaz"]{
  --bg:#05100F;--surface:#0C1A19;--surface-2:#122423;--surface-3:#1A302E;--line:#1C302E;
  --accent:#2DD4BF;--accent-ink:#7DEBDD;--accent-soft:#0A2523;--accent-line:#1C4B47;
  --brass:#2DD4BF;--brass-2:#99F6E4;--pri-bg:#14B8A6;--pri-bg-h:#2DD4BF;--pri-fg:#04201D}}
:root[data-theme="dark"][data-accent="turkuaz"]{--bg:#05100F;--surface:#0C1A19;--surface-2:#122423;--surface-3:#1A302E;--line:#1C302E;
  --accent:#2DD4BF;--accent-ink:#7DEBDD;--accent-soft:#0A2523;--accent-line:#1C4B47;
  --brass:#2DD4BF;--brass-2:#99F6E4;--pri-bg:#14B8A6;--pri-bg-h:#2DD4BF;--pri-fg:#04201D}

/* Zümrüt */
:root[data-accent="zumrut"]{--bg:#F3F8F4;--surface-2:#E9F2EB;--surface-3:#DBEADF;--line:#D8E7DC;
  --accent:#047857;--accent-ink:#035C43;--accent-soft:#DEF3EA;--accent-line:#B2E0CE;
  --brass:#059669;--brass-2:#4ADE9F;--pri-bg:#065F46;--pri-bg-h:#047857;--pri-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="zumrut"]{
  --bg:#050F0B;--surface:#0C1A14;--surface-2:#12251C;--surface-3:#193226;--line:#1B3125;
  --accent:#34D399;--accent-ink:#86EFC4;--accent-soft:#0A2519;--accent-line:#1D4A35;
  --brass:#34D399;--brass-2:#6EE7B7;--pri-bg:#10B981;--pri-bg-h:#34D399;--pri-fg:#04231A}}
:root[data-theme="dark"][data-accent="zumrut"]{--bg:#050F0B;--surface:#0C1A14;--surface-2:#12251C;--surface-3:#193226;--line:#1B3125;
  --accent:#34D399;--accent-ink:#86EFC4;--accent-soft:#0A2519;--accent-line:#1D4A35;
  --brass:#34D399;--brass-2:#6EE7B7;--pri-bg:#10B981;--pri-bg-h:#34D399;--pri-fg:#04231A}

/* Ametist */
:root[data-accent="mor"]{--bg:#F6F4FC;--surface-2:#EFEBF9;--surface-3:#E4DDF5;--line:#E1DAF3;
  --accent:#6D28D9;--accent-ink:#5720AC;--accent-soft:#F0EAFE;--accent-line:#D6C6FB;
  --brass:#7C3AED;--brass-2:#B197FC;--pri-bg:#5B21B6;--pri-bg-h:#6D28D9;--pri-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="mor"]{
  --bg:#0A0714;--surface:#141023;--surface-2:#1B1630;--surface-3:#251E42;--line:#261F42;
  --accent:#A78BFA;--accent-ink:#C9B8FD;--accent-soft:#1A1333;--accent-line:#372A6B;
  --brass:#9C7CF7;--brass-2:#C4B5FD;--pri-bg:#7C3AED;--pri-bg-h:#9061F0;--pri-fg:#FFFFFF}}
:root[data-theme="dark"][data-accent="mor"]{--bg:#0A0714;--surface:#141023;--surface-2:#1B1630;--surface-3:#251E42;--line:#261F42;
  --accent:#A78BFA;--accent-ink:#C9B8FD;--accent-soft:#1A1333;--accent-line:#372A6B;
  --brass:#9C7CF7;--brass-2:#C4B5FD;--pri-bg:#7C3AED;--pri-bg-h:#9061F0;--pri-fg:#FFFFFF}

/* Mercan */
:root[data-accent="mercan"]{--bg:#FCF5F6;--surface-2:#F8ECEE;--surface-3:#F1DDE1;--line:#F0DCDF;
  --accent:#BE123C;--accent-ink:#9B0F31;--accent-soft:#FCE8EC;--accent-line:#F5C3CE;
  --brass:#E11D48;--brass-2:#FB7185;--pri-bg:#9F1239;--pri-bg-h:#BE123C;--pri-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="mercan"]{
  --bg:#12060A;--surface:#1D0F13;--surface-2:#28151B;--surface-3:#341C24;--line:#341C23;
  --accent:#FB7185;--accent-ink:#FDA4AF;--accent-soft:#2B1218;--accent-line:#5C2433;
  --brass:#F43F5E;--brass-2:#FDA4AF;--pri-bg:#E11D48;--pri-bg-h:#F43F5E;--pri-fg:#FFFFFF}}
:root[data-theme="dark"][data-accent="mercan"]{--bg:#12060A;--surface:#1D0F13;--surface-2:#28151B;--surface-3:#341C24;--line:#341C23;
  --accent:#FB7185;--accent-ink:#FDA4AF;--accent-soft:#2B1218;--accent-line:#5C2433;
  --brass:#F43F5E;--brass-2:#FDA4AF;--pri-bg:#E11D48;--pri-bg-h:#F43F5E;--pri-fg:#FFFFFF}

/* Pirinç (ivory & brass) */
:root[data-accent="pirinc"]{--bg:#F7F4EE;--surface-2:#F2EEE6;--surface-3:#E8E2D6;--line:#E4DED2;--line-strong:#CFC6B5;--text-3:#8A8377;
  --accent:#A87C1F;--accent-ink:#7E5B12;--accent-soft:#F8F0DC;--accent-line:#E7D5AB;
  --brass:#C8992F;--brass-2:#E3C777;--pri-bg:#161B24;--pri-bg-h:#2A3140;--pri-fg:#FBF8F2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="pirinc"]{
  --bg:#0A0D14;--surface:#121721;--surface-2:#191F2C;--surface-3:#222937;--line:#252C3B;--text:#F0ECE3;
  --accent:#D9AE5A;--accent-ink:#EFCD8A;--accent-soft:#241E12;--accent-line:#4B3C1D;
  --brass:#D9AE5A;--brass-2:#F0D89B;--pri-bg:#D9AE5A;--pri-bg-h:#E9C57C;--pri-fg:#14110A}}
:root[data-theme="dark"][data-accent="pirinc"]{--bg:#0A0D14;--surface:#121721;--surface-2:#191F2C;--surface-3:#222937;--line:#252C3B;--text:#F0ECE3;
  --accent:#D9AE5A;--accent-ink:#EFCD8A;--accent-soft:#241E12;--accent-line:#4B3C1D;
  --brass:#D9AE5A;--brass-2:#F0D89B;--pri-bg:#D9AE5A;--pri-bg-h:#E9C57C;--pri-fg:#14110A}

/* Grafit */
:root[data-accent="grafit"]{--bg:#F5F6F8;--surface-2:#ECEEF2;--surface-3:#E0E3EA;--line:#DFE2E8;
  --accent:#334155;--accent-ink:#1E293B;--accent-soft:#E9ECF2;--accent-line:#C7CEDA;
  --brass:#475569;--brass-2:#94A3B8;--pri-bg:#1E293B;--pri-bg-h:#334155;--pri-fg:#F8FAFC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="grafit"]{
  --bg:#0A0C10;--surface:#12151C;--surface-2:#181C25;--surface-3:#222733;--line:#222733;
  --accent:#94A3B8;--accent-ink:#CBD5E1;--accent-soft:#161B24;--accent-line:#2E3646;
  --brass:#94A3B8;--brass-2:#CBD5E1;--pri-bg:#CBD5E1;--pri-bg-h:#E2E8F0;--pri-fg:#0F172A}}
:root[data-theme="dark"][data-accent="grafit"]{--bg:#0A0C10;--surface:#12151C;--surface-2:#181C25;--surface-3:#222733;--line:#222733;
  --accent:#94A3B8;--accent-ink:#CBD5E1;--accent-soft:#161B24;--accent-line:#2E3646;
  --brass:#94A3B8;--brass-2:#CBD5E1;--pri-bg:#CBD5E1;--pri-bg-h:#E2E8F0;--pri-fg:#0F172A}

/* CTA metin rengi — tüm temalarda okunur kontrast */
:root{--cta-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--cta-fg:#0A1120}}
:root[data-theme="dark"]{--cta-fg:#0A1120}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.01em}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent);text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- shell ---------- */
.app{display:flex;height:100%;overflow:hidden}
.side{width:var(--side);flex:0 0 var(--side);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--accent),var(--teal));display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:700;font-size:15px;flex:0 0 auto}
.brand b{font-family:var(--f-display);font-size:15px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1.1}
.brand small{color:var(--text-3);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}
.ctx{padding:12px 12px 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.ctx-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600}
.ctx-card{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}
.ctx-card .av{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:600;font-size:12px;color:#fff;flex:0 0 auto}
.ctx-card .nm{min-width:0}
.ctx-card .nm b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctx-card .nm span{display:block;font-size:10.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{flex:1;overflow-y:auto;padding:10px 10px 24px;display:flex;flex-direction:column;gap:2px}
.nav-group{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:14px 8px 6px}
.nav a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--r-sm);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent}
.nav a:hover{background:var(--surface-2);color:var(--text)}
.nav a.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line);font-weight:600}
.nav a .ic{width:17px;text-align:center;flex:0 0 17px;opacity:.9}
.nav a .cnt{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--text-3)}
.nav a .lock{margin-left:auto;font-size:11px;color:var(--text-3)}
.nav a.locked{opacity:.55;cursor:not-allowed}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto}
.topbar .crumb{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:7px;min-width:0}
.topbar .crumb b{color:var(--text);font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spacer{flex:1}
.search{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-width:200px}
.search input{border:0;background:transparent;outline:0;width:100%;font-size:12.5px}
.iconbtn{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;display:grid;place-items:center;color:var(--text-2);font-size:14px}
.iconbtn:hover{color:var(--text);border-color:var(--line-strong)}
.menubtn{display:none}
.view{flex:1;overflow-y:auto;padding:22px 20px 48px;position:relative;z-index:var(--z-content)}
.wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:18px}

/* ---------- atoms ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--text-3)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.pri:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}
.btn.ghost:hover{background:var(--surface-2);color:var(--text)}
.btn.danger{color:var(--danger);border-color:var(--danger)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.sm{padding:4px 9px;font-size:11.5px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.card-h{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.card-h h3{font-size:14.5px;font-weight:600}
.card-h p{margin:2px 0 0;font-size:12px;color:var(--text-3)}
.card-b{padding:18px}
.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--danger-soft);color:var(--danger)}
.pill.acc{background:var(--accent-soft);color:var(--accent-ink)}
.pill.teal{background:var(--teal-soft);color:var(--teal)}
.pill.mut{background:var(--surface-2);color:var(--text-2);border-color:var(--line)}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--text-3)}
.sec-title{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.sec-title h2{font-size:19px;font-weight:600}
.sec-title p{margin:3px 0 0;color:var(--text-3);font-size:12.5px}
.eyebrow{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}

/* ---------- kpi ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}
.kpi .lab{font-size:11.5px;color:var(--text-3);font-weight:500;display:flex;align-items:center;gap:6px}
.kpi .val{font-family:var(--f-display);font-size:25px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.kpi .sub{font-size:11.5px;color:var(--text-2);display:flex;align-items:center;gap:6px}
.trend.up{color:var(--ok);font-weight:600}
.trend.down{color:var(--danger);font-weight:600}

/* ---------- table ---------- */
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12.8px}
th{text-align:left;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr.clickable{cursor:pointer}
tbody tr.clickable:hover{background:var(--surface-2)}
td.num,th.num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px;flex:0 0 auto;letter-spacing:.02em}
.co{display:flex;align-items:center;gap:10px;min-width:0}
.co .av{width:30px;height:30px}
.co b{display:block;font-weight:600;font-size:13px}
.co span{display:block;font-size:11px;color:var(--text-3)}

/* ---------- bars / meters ---------- */
.meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;min-width:70px}
.meter i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.meter i.warn{background:var(--warn)}
.meter i.bad{background:var(--danger)}
.usage{display:flex;flex-direction:column;gap:5px}
.usage .top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-2)}

/* ---------- plans ---------- */
.plangrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);position:relative}
.plan.hi{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}
.plan .tier{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--text-3)}
.plan h3{font-size:18px;font-weight:600}
.plan .price{font-family:var(--f-display);font-size:26px;font-weight:600;letter-spacing:-.03em}
.plan .price span{font-size:12px;font-weight:500;color:var(--text-3);letter-spacing:0}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2)}
.plan ul li{display:flex;gap:7px;align-items:flex-start}
.plan ul li i{color:var(--teal);font-style:normal;flex:0 0 auto}

/* ---------- module grid ---------- */
.modgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mod{border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;background:var(--surface);display:flex;gap:10px;align-items:flex-start}
.mod .ic{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.mod b{display:block;font-size:12.8px;font-weight:600}
.mod span{display:block;font-size:11px;color:var(--text-3);line-height:1.35}
.mod.on{border-color:var(--accent-line);background:var(--accent-soft)}
.mod.on .ic{background:var(--surface)}
.mod.extra{border-color:var(--teal);background:var(--teal-soft)}

/* ---------- permission rows ---------- */
.permrow{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(5,70px) 104px;gap:6px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);font-size:12.5px}
.permrow.head{background:var(--surface-2);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-weight:600;position:sticky;top:0;z-index:1}
.permrow.head .permcell{text-align:center;line-height:1.2;white-space:normal}
.permrow .mname{display:flex;align-items:center;gap:8px;min-width:0}
.permrow .mname b{font-weight:600}
.permrow .mname small{display:block;color:var(--text-3);font-size:10.5px}
.permcell{display:grid;place-items:center}
.sw{position:relative;width:34px;height:19px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);cursor:pointer;transition:background .15s}
.sw:after{content:"";position:absolute;top:1.5px;left:1.5px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.sw.on{background:var(--accent);border-color:var(--accent)}
.sw.on:after{transform:translateX(15px)}
.sw.teal.on{background:var(--teal);border-color:var(--teal)}
.chk{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:transparent;font-size:11px;font-weight:700}
.chk.on{background:var(--accent);border-color:var(--accent);color:#fff}
.chk.dis{opacity:.35;cursor:not-allowed}
.permlist{max-height:520px;overflow-y:auto;position:relative}

/* ---------- misc layout ---------- */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.split{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;align-items:start}
.grid2>*,.grid3>*,.split>*{min-width:0}
.rowflex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chipbar{display:flex;gap:7px;flex-wrap:wrap}
.chip{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:500;cursor:pointer;color:var(--text-2)}
.chip.on{background:var(--text);color:var(--surface);border-color:var(--text)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12.5px}
.kv:last-child{border-bottom:0}
.kv span{color:var(--text-3)}
.kv b{font-weight:600}
.timeline{display:flex;flex-direction:column;gap:0}
.tl{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:0 0 14px;position:relative}
.tl:before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--line)}
.tl:last-child:before{display:none}
.tl .pt{width:13px;height:13px;border-radius:50%;border:2px solid var(--accent);background:var(--surface);margin-top:3px}
.tl .pt.teal{border-color:var(--teal)}
.tl .pt.warn{border-color:var(--warn)}
.tl .pt.bad{border-color:var(--danger)}
.tl p{margin:0;font-size:12.5px}
.tl small{color:var(--text-3);font-size:11px}

/* kanban */
.kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:9px;min-width:200px}
.kcol h4{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.kcol h4 span{font-family:var(--f-mono);font-size:11px;color:var(--text-3)}
.kcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 1px rgba(18,26,48,.04)}
.kcard b{font-size:12.5px;font-weight:600}
.kcard .amt{font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--accent-ink)}
.kcard .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-3)}

/* drawer / modal */
.scrim{position:fixed;inset:0;background:rgba(10,15,28,.5);backdrop-filter:blur(2px);z-index:50;display:flex;justify-content:flex-end}
.drawer{width:min(760px,100%);background:var(--bg);height:100%;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}
.drawer-h{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);padding:16px 20px;display:flex;align-items:center;gap:12px;z-index:2}
.drawer-b{padding:18px 20px 60px;display:flex;flex-direction:column;gap:16px}
.modalwrap{position:fixed;inset:0;background:rgba(10,15,28,.5);backdrop-filter:blur(2px);z-index:60;display:grid;place-items:center;padding:20px}
.modal{width:min(560px,100%);max-height:86vh;overflow-y:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.field label{font-size:11.5px;font-weight:600;color:var(--text-2)}
.field input,.field select{padding:8px 11px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-2);outline:0;font-size:13px}
.field input:focus,.field select:focus{border-color:var(--accent)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:12.5px;font-weight:500;z-index:90;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px}
.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);background:var(--warn-soft);color:var(--warn);font-size:12.5px;font-weight:500;border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.banner.acc{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
.empty{padding:40px;text-align:center;color:var(--text-3);font-size:13px}
.matrixwrap{overflow-x:auto}
.matrix{border-collapse:separate;border-spacing:0;font-size:12px;min-width:700px}
.matrix th:first-child,.matrix td:first-child{position:sticky;left:0;background:var(--surface);z-index:1;border-right:1px solid var(--line);min-width:190px}
.matrix th{background:var(--surface-2)}
.matrix td{text-align:center;padding:7px 10px}
.mk{font-weight:700;color:var(--ok)}
.mx{color:var(--text-3);opacity:.5}

@media (max-width:1100px){
  .kpis{grid-template-columns:repeat(2,1fr)}
  .plangrid{grid-template-columns:repeat(2,1fr)}
  .split,.grid2,.grid3{grid-template-columns:1fr}
}
@media (max-width:760px){
  .side{position:fixed;left:0;top:0;bottom:0;z-index:70;transform:translateX(-100%);transition:transform .2s}
  .side.open{transform:none}
  .menubtn{display:grid}
  .view{padding:16px 16px 44px}
  .topbar{padding:10px 14px}
  .search{display:none}
  .kpis{grid-template-columns:1fr 1fr}
  .plangrid{grid-template-columns:1fr}
  .permrow{grid-template-columns:1fr;gap:6px;padding:12px 14px}
  .permrow.head{display:none}
  .permcell{justify-items:start;display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--text-2)}
  .permcell:before{content:attr(data-l)}
}


/* ===== Fİ CRM — uygulama tema uyarlamaları ===== */
#app h1,#app h2,#app h3,#app h4,.kpi .val,.plan .price,.brand b{font-family:var(--f-body);letter-spacing:-.02em}
.btn.pri{background:var(--pri-bg);border-color:var(--pri-bg);color:var(--pri-fg)}
.btn.pri:hover{background:var(--pri-bg-h);border-color:var(--pri-bg-h)}
.logo{background:var(--pri-bg);color:var(--pri-fg);font-family:var(--f-display);border:1px solid var(--accent-line)}
.nav a.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
.sw.on{background:var(--accent);border-color:var(--accent)}
.chk.on{background:var(--accent);border-color:var(--accent);color:var(--pri-fg)}
.chip.on{background:var(--pri-bg);color:var(--pri-fg);border-color:var(--pri-bg)}
.toast{background:var(--pri-bg);color:var(--pri-fg)}
.kcard .amt{color:var(--accent-ink)}
.brandmark{display:flex;align-items:center;gap:10px}
.brandmark .gl{width:34px;height:34px;border-radius:10px;background:var(--pri-bg);color:var(--pri-fg);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:16px;border:1px solid var(--accent-line);flex:0 0 auto}
.brandmark b{font-family:var(--f-display);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1}
.brandmark small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-top:3px;white-space:nowrap}

/* ===== ekranlar ===== */
#site,#login{height:100%;overflow-y:auto}


/* ===== tanıtım sitesi ===== */
.mk{font-family:var(--f-body);color:var(--text)}
.mk-in{max-width:1160px;margin:0 auto;padding-inline:24px}
.mk-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mk-head .mk-in{display:flex;align-items:center;gap:20px;height:72px}
.mk-nav{display:flex;gap:20px;margin-left:4px}
.mk-nav a{color:var(--text-2);font-size:13.5px;font-weight:600;cursor:pointer;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.mk-nav a:hover{color:var(--text)}
.mk-nav a.on{color:var(--text);border-color:var(--brass)}
.mk-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.mk-head .mk-btn{padding:10px 17px;font-size:13.5px}
.mk-burger{display:none}

.mk-hero{padding:64px 0 40px;position:relative;overflow:hidden}
.mk-hero:before{content:"";position:absolute;inset:-40% 40% 30% -30%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brass) 16%,transparent),transparent);pointer-events:none}
.mk-hero .mk-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;position:relative}
.mk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);padding:5px 12px;border-radius:999px}
.mk-h1{font-family:var(--f-display);font-size:clamp(34px,4.4vw,56px);line-height:1.04;font-weight:600;letter-spacing:-.025em;margin:20px 0 0}
.mk-h1 em{font-style:italic;color:var(--accent-ink)}
.mk-lead{font-size:16.5px;line-height:1.65;color:var(--text-2);margin:18px 0 0;max-width:56ch}
.mk-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.mk-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;white-space:nowrap;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}
.mk-btn:hover{border-color:var(--text-3)}
.mk-btn.pri{background:var(--pri-bg);border-color:var(--pri-bg);color:var(--pri-fg)}
.mk-btn.pri:hover{background:var(--pri-bg-h)}
.mk-btn.gold{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,var(--brass-2)));border-color:transparent;color:var(--cta-fg)}
.mk-btn.gold:hover{filter:brightness(1.07)}
.mk-btn.lg{padding:14px 26px;font-size:15px}
.mk-note{margin-top:14px;font-size:12.5px;color:var(--text-3);display:flex;gap:16px;flex-wrap:wrap}
.mk-note span{display:flex;align-items:center;gap:6px}

/* konsol önizleme */
.mk-shot{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}
.mk-shot .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.mk-shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:block}
.mk-shot .bar b{margin-left:10px;font-size:11px;color:var(--text-3);font-weight:600;font-family:var(--f-mono)}
.mk-shot .body{display:grid;grid-template-columns:120px 1fr;min-height:300px}
.mk-shot .sb{border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:7px;background:var(--surface-2)}
.mk-shot .sb i{display:block;height:8px;border-radius:4px;background:var(--surface-3)}
.mk-shot .sb i.on{background:var(--accent);opacity:.75;width:80%}
.mk-shot .ct{padding:14px;display:flex;flex-direction:column;gap:11px}
.mk-shot .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mk-shot .tile{border:1px solid var(--line);border-radius:9px;padding:9px}
.mk-shot .tile u{display:block;height:6px;width:52%;background:var(--surface-3);border-radius:3px;text-decoration:none}
.mk-shot .tile b{display:block;font-size:15px;font-family:var(--f-mono);margin-top:7px}
.mk-shot .chart{display:flex;align-items:flex-end;gap:5px;height:88px;border:1px solid var(--line);border-radius:9px;padding:10px}
.mk-shot .chart i{flex:1;background:var(--accent-line);border-radius:3px 3px 0 0}
.mk-shot .chart i:last-child{background:var(--accent)}
.mk-shot .rows{display:flex;flex-direction:column;gap:6px}
.mk-shot .rows i{height:9px;border-radius:4px;background:var(--surface-3)}
.mk-shot .rows i:nth-child(2){width:86%}.mk-shot .rows i:nth-child(3){width:73%}

.mk-trust{border-block:1px solid var(--line);background:var(--surface);padding:18px 0}
.mk-trust .mk-in{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.mk-trust span{font-family:var(--f-display);font-size:15px;font-weight:600;color:var(--text-3);letter-spacing:.01em}

.mk-sec{padding:72px 0}
.mk-sec.alt{background:var(--surface);border-block:1px solid var(--line)}
.mk-sec-h{max-width:660px;margin-bottom:38px}
.mk-sec-h .lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent-ink)}
.mk-sec-h h2{font-family:var(--f-display);font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.02em;margin:12px 0 0;line-height:1.14}
.mk-sec-h p{color:var(--text-2);font-size:15px;line-height:1.65;margin:14px 0 0}
.mk-sec-h.mid{margin-inline:auto;text-align:center}

.mk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.mk-stat{background:var(--bg);padding:26px 22px}
.mk-stat b{display:block;font-family:var(--f-display);font-size:34px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mk-stat span{display:block;color:var(--text-2);font-size:12.5px;margin-top:6px}

.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:11px}
.mk-sec.alt .mk-card{background:var(--bg)}
.mk-card .ico{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;color:var(--accent-ink);font-size:17px;font-family:var(--f-display);font-weight:700}
.mk-card h3{font-size:16px;font-weight:700;letter-spacing:-.01em;font-family:var(--f-body)}
.mk-card p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.6}
.mk-card ul{margin:2px 0 0;padding-left:18px;color:var(--text-2);font-size:13px;line-height:1.75}

.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.mk-step{border-top:2px solid var(--brass);padding-top:18px}
.mk-step b{display:block;font-family:var(--f-mono);font-size:12px;color:var(--accent-ink);letter-spacing:.1em}
.mk-step h3{font-size:17px;margin:10px 0 8px;font-family:var(--f-body);font-weight:700}
.mk-step p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.65}

.mk-modtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.mk-modgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:10px}
.mk-modcard{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:13px 14px}
.mk-sec.alt .mk-modcard{background:var(--bg)}
.mk-modcard b{display:block;font-size:13px;font-weight:700}
.mk-modcard span{display:block;font-size:11.5px;color:var(--text-3);line-height:1.4;margin-top:3px}

.mk-sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mk-sector{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:9px;cursor:pointer}
.mk-sec.alt .mk-sector{background:var(--bg)}
.mk-sector:hover{border-color:var(--brass)}
.mk-sector .tag{width:30px;height:4px;border-radius:2px}
.mk-sector b{font-size:14.5px;font-weight:700}
.mk-sector span{font-size:12.5px;color:var(--text-2);line-height:1.5}
.mk-sector u{text-decoration:none;font-family:var(--f-mono);font-size:11px;color:var(--text-3)}

.mk-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:16px}
.mk-sec.alt .mk-quote{background:var(--bg)}
.mk-quote p{margin:0;font-family:var(--f-display);font-size:17px;line-height:1.5;letter-spacing:-.01em}
.mk-quote .who{display:flex;align-items:center;gap:11px;margin-top:auto}
.mk-quote .who b{font-size:13px;display:block}
.mk-quote .who span{font-size:11.5px;color:var(--text-3);display:block}

.mk-band{background:var(--pri-bg);color:var(--pri-fg);border-radius:var(--r-lg);padding:44px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.mk-band h2{font-family:var(--f-display);font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;color:var(--pri-fg);max-width:20ch}
.mk-band p{margin:10px 0 0;color:color-mix(in srgb,var(--pri-fg) 72%,transparent);font-size:14px;max-width:46ch}
.mk-band .mk-btn{background:transparent;color:var(--pri-fg);border-color:color-mix(in srgb,var(--pri-fg) 40%,transparent)}
.mk-band .mk-btn.gold{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,var(--brass-2)));color:var(--cta-fg);border-color:transparent}

/* fiyatlandırma */
.mk-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px}
.mk-toggle button{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text-2)}
.mk-toggle button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.mk-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.mk-plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:14px;position:relative}
.mk-plan.hi{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass),var(--shadow-lg)}
.mk-plan .tier{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.mk-plan h3{font-family:var(--f-display);font-size:23px;font-weight:600}
.mk-plan .pr{font-family:var(--f-display);font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1}
.mk-plan .pr span{font-size:13px;font-weight:500;color:var(--text-3);font-family:var(--f-body);letter-spacing:0}
.mk-plan .save{font-size:11.5px;color:var(--ok);font-weight:700}
.mk-plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--text-2)}
.mk-plan ul li{display:flex;gap:9px}
.mk-plan ul li i{color:var(--brass);font-style:normal}
.mk-plan .badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--cta-fg);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;white-space:nowrap}

.mk-faq{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.mk-faq details{border-bottom:1px solid var(--line)}
.mk-faq summary{cursor:pointer;padding:18px 0;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary:after{content:"+";color:var(--accent-ink);font-size:18px;line-height:1}
.mk-faq details[open] summary:after{content:"–"}
.mk-faq p{margin:0 0 20px;color:var(--text-2);font-size:13.5px;line-height:1.7;max-width:80ch}

/* iletişim */
.mk-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.mk-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:14px}
.mk-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mk-f{display:flex;flex-direction:column;gap:6px}
.mk-f label{font-size:12px;font-weight:700;color:var(--text-2)}
.mk-f input,.mk-f select,.mk-f textarea{padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg);font-size:14px;outline:0;font-family:var(--f-body)}
.mk-f input:focus,.mk-f select:focus,.mk-f textarea:focus{border-color:var(--brass)}
.mk-f textarea{min-height:120px;resize:vertical}
.mk-office{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--surface);margin-bottom:12px}
.mk-office b{display:block;font-size:13.5px}
.mk-office span{display:block;font-size:12.5px;color:var(--text-2);line-height:1.6;margin-top:4px}

/* hakkımızda */
.mk-tl{display:flex;flex-direction:column;gap:0}
.mk-tl .it{display:grid;grid-template-columns:94px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.mk-tl .it b{font-family:var(--f-mono);color:var(--accent-ink);font-size:13px}
.mk-tl .it h4{font-size:15px;font-family:var(--f-body);font-weight:700;margin-bottom:5px}
.mk-tl .it p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.6}
.mk-team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mk-person{text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center}
.mk-person .ph{width:74px;height:74px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-display);font-size:24px;font-weight:600;color:var(--accent-ink)}
.mk-person b{font-size:14px}
.mk-person span{font-size:12px;color:var(--text-3)}

/* footer */
.mk-foot{background:var(--surface);border-top:1px solid var(--line);padding:54px 0 28px;margin-top:0}
.mk-foot .cols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}
.mk-foot h5{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin:0 0 12px}
.mk-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.mk-foot ul a{color:var(--text-2);font-size:13px;cursor:pointer}
.mk-foot ul a:hover{color:var(--text)}
.mk-foot .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;font-size:12px;color:var(--text-3)}

/* giriş */
.lg{display:grid;grid-template-columns:1fr 1fr;min-height:100%}
.lg-art{background:var(--pri-bg);color:var(--pri-fg);padding:50px;display:flex;flex-direction:column;gap:26px;position:relative;overflow:hidden}
.lg-art:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-140px;background:radial-gradient(closest-side,color-mix(in srgb,var(--brass) 34%,transparent),transparent)}
.lg-art .brandmark b{color:var(--pri-fg)}
.lg-art .brandmark small{color:color-mix(in srgb,var(--pri-fg) 55%,transparent)}
.lg-art h2{font-family:var(--f-display);font-size:34px;font-weight:600;letter-spacing:-.025em;line-height:1.15;position:relative;max-width:18ch}
.lg-art p{color:color-mix(in srgb,var(--pri-fg) 74%,transparent);font-size:14.5px;line-height:1.7;max-width:44ch;position:relative;margin:0}
.lg-art .pts{display:flex;flex-direction:column;gap:12px;position:relative;margin-top:auto}
.lg-art .pts div{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:color-mix(in srgb,var(--pri-fg) 86%,transparent)}
.lg-art .pts i{color:var(--brass-2);font-style:normal}
.lg-form{display:flex;align-items:center;justify-content:center;padding:44px 24px;background:var(--bg)}
.lg-box{width:min(420px,100%);display:flex;flex-direction:column;gap:16px}
.lg-box h1{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.02em}
.lg-accounts{display:flex;flex-direction:column;gap:8px}
.lg-acc{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;background:var(--surface);cursor:pointer;text-align:left;width:100%}
.lg-acc:hover{border-color:var(--brass)}
.lg-acc.on{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}
.lg-acc b{display:block;font-size:13.5px}
.lg-acc span{display:block;font-size:11.5px;color:var(--text-3)}
.lg-acc .rl{margin-left:auto;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-line)}

/* bildirim paneli */
.popover{position:absolute;right:16px;top:58px;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:var(--z-pop);overflow:hidden}
.popover .ph{padding:12px 16px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.popover .it{padding:11px 16px;border-bottom:1px solid var(--line);font-size:12.5px;display:flex;gap:10px}
.popover .it:last-child{border-bottom:0}
.popover .it b{font-weight:700}
.popover .it small{color:var(--text-3);font-size:11px;display:block;margin-top:2px}
.badge-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:1.5px solid var(--surface)}

@media (max-width:1000px){
  .mk-hero .mk-in{grid-template-columns:1fr;gap:30px}
  .mk-stats,.mk-sectors,.mk-team{grid-template-columns:repeat(2,1fr)}
  .mk-grid,.mk-steps,.mk-quotes{grid-template-columns:1fr}
  .mk-plans{grid-template-columns:repeat(2,1fr)}
  .mk-contact{grid-template-columns:1fr}
  .mk-foot .cols{grid-template-columns:1fr 1fr}
  .lg{grid-template-columns:1fr}
  .lg-art{padding:34px 24px;min-height:auto}
  .lg-art h2{font-size:26px}
}
@media (max-width:1180px){ .mk-head .mk-btn:not(.pri){display:none} }
@media (max-width:700px){
  .mk-nav{display:none}
  .mk-head .mk-btn:not(.pri){display:inline-flex}
  .mk-head .mk-btn.pri{display:none}
  .mk-nav.open{display:flex;position:absolute;left:0;right:0;top:70px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 24px 16px;margin:0}
  .mk-nav.open a{padding:11px 0;border-bottom:1px solid var(--line)}
  .mk-burger{display:grid}
  .mk-in{padding-inline:18px}
  .mk-sec{padding:52px 0}
  .mk-plans,.mk-stats,.mk-sectors,.mk-team,.mk-form .row,.mk-foot .cols{grid-template-columns:1fr}
  .mk-band{padding:28px}
  .mk-tl .it{grid-template-columns:1fr;gap:6px}
  .mk-hero{padding-top:38px}
}

/* ===== tema seçici ===== */
.thempop{width:min(320px,calc(100vw - 28px));padding:14px}
.thempop h4{font-size:12.5px;font-weight:800;margin-bottom:4px}
.thempop p{margin:0 0 12px;font-size:11.5px;color:var(--text-3)}
.themgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.themsw{border:1px solid var(--line);border-radius:var(--r);padding:8px 6px 7px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.themsw:hover{border-color:var(--line-strong)}
.themsw.on{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
.themsw .sw2{width:100%;height:24px;border-radius:6px;display:flex;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.themsw .sw2 i{flex:1;display:block}
.themsw span{font-size:10.5px;font-weight:700;color:var(--text-2);letter-spacing:-.01em}
.modeseg{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;margin-top:14px}
.modeseg button{flex:1;border:0;background:transparent;border-radius:999px;padding:6px 8px;font-size:11.5px;font-weight:700;cursor:pointer;color:var(--text-2)}
.modeseg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.site-pop-wrap{position:relative}
.site-pop-wrap .popover{top:46px;right:0}


/* =====================================================================
   Premium katman — sayfa başlıkları, formlar, boş durumlar, tablolar
   ===================================================================== */

/* --- modül / sayfa başlığı --- */
.page-head{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb,var(--accent) 10%,transparent), transparent 60%),
    var(--surface);
  box-shadow:var(--shadow);position:relative;overflow:hidden}
.page-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent))}
.ph-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:var(--accent);color:var(--pri-fg);font-weight:800;font-size:16px;letter-spacing:.02em;
  box-shadow:0 8px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent);flex:0 0 auto}
.page-head .ph-eyebrow{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent-ink)}
.page-head h2{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:5px 0 0}
.page-head p{margin:4px 0 0;font-size:13px;color:var(--text-2);max-width:70ch}

/* --- özet şerit --- */
.stat-strip{display:flex;gap:10px;flex-wrap:wrap}
.stat-chip{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);min-width:132px;box-shadow:var(--shadow)}
.stat-chip span{font-size:11px;color:var(--text-3);font-weight:600}
.stat-chip b{font-size:17px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* --- form --- */
.form-card{border-color:var(--accent-line);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-lg)}
.form-sec{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--text-3);
  display:flex;align-items:center;gap:10px;margin:18px 0 12px}
.form-sec:first-child{margin-top:0}
.form-sec:after{content:"";flex:1;height:1px;background:var(--line)}
.field label{font-size:11.5px;font-weight:700;color:var(--text-2);letter-spacing:.01em}
.field input,.field select,.field textarea{
  padding:10px 13px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);
  font-size:13.5px;font-family:inherit;transition:border-color .12s,box-shadow .12s;width:100%}
.field textarea{resize:vertical;line-height:1.6}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--text-3)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);outline:0}
.field input::placeholder,.field textarea::placeholder{color:var(--text-3);opacity:.75}
/* DİKKAT: yukarıdaki width:100% kuralı onay/seçim kutularını da geriyordu;
   .field içine yerleştirilen bir onay kutusu doğal boyutunda kalmalı. */
.field input[type=checkbox],.field input[type=radio]{width:auto;flex:0 0 auto;padding:0}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}

/* --- filtre çubuğu --- */
.filterbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.fb-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-strong);
  border-radius:var(--r-sm);padding:0 12px;flex:1;min-width:220px;max-width:460px}
.fb-search input{border:0;background:transparent;outline:0;padding:10px 0;font-size:13.5px;width:100%;font-family:inherit}
.fb-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}

/* --- boş durum --- */
.empty-state{padding:52px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.empty-state .es-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-ink);font-weight:800;font-size:17px}
.empty-state h4{font-size:16px;font-weight:700;margin:4px 0 0}
.empty-state p{margin:0 0 8px;color:var(--text-2);font-size:13px;max-width:52ch;line-height:1.6}

/* --- kapalı modül --- */
.locked-card{padding:56px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.locked-card .lock-ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text-3);font-size:22px}
.locked-card h3{font-size:19px;font-weight:700}
.locked-card p{margin:0 0 6px;color:var(--text-2);max-width:56ch;line-height:1.65;font-size:13.5px}

.perm-strip{border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:var(--surface-2)}

/* --- tablo & kart cilası --- */
thead th{position:sticky;top:0;z-index:2;backdrop-filter:blur(6px)}
tbody tr{transition:background .12s}
tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.card{transition:box-shadow .16s,border-color .16s}
tbody tr.clickable:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.btn{transition:background .12s,border-color .12s,transform .06s}
.btn:active{transform:translateY(1px)}
.pill .dot{width:5px;height:5px}
.kpi{transition:box-shadow .16s,transform .16s}
.kpi:hover{box-shadow:var(--shadow-lg)}
.mod{transition:border-color .14s,background .14s,transform .12s}
.mod:hover{border-color:var(--accent-line);transform:translateY(-1px)}
.sec-title h2{font-size:21px}

@media (max-width:760px){
  .page-head{padding:16px}
  .page-head h2{font-size:18px}
  .stat-chip{flex:1;min-width:120px}
  .form-actions{flex-direction:column-reverse}
  .form-actions .btn{width:100%;justify-content:center}
  .fb-search{max-width:none}
}

/* --- modal (açılır pencere) --- */
.modal-scrim{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;
  padding:6vh 16px 24px;background:color-mix(in srgb,var(--text) 55%,transparent);
  backdrop-filter:blur(4px);overflow-y:auto;animation:scrimIn .16s ease-out}
.modal-box{width:min(760px,100%);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .2s cubic-bezier(.2,.8,.3,1)}
.modal-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);
  background:radial-gradient(120% 160% at 0% 0%, color-mix(in srgb,var(--accent) 12%,transparent), transparent 60%),var(--surface)}
.modal-head h3{font-size:17px;font-weight:700;letter-spacing:-.01em}
.modal-head p{margin:3px 0 0;font-size:12px;color:var(--text-3)}
.modal-body{padding:20px}
.ph-ico.sm{width:40px;height:40px;border-radius:12px;font-size:14px}
@keyframes scrimIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.modal-scrim,.modal-box{animation:none}}

/* --- yüzen bildirim --- */
.flash{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;z-index:90;
  display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;
  background:var(--pri-bg);color:var(--pri-fg);font-size:13px;font-weight:600;
  box-shadow:var(--shadow-lg);max-width:min(560px,calc(100vw - 32px));animation:flashIn .22s ease-out}
.flash.bad{background:var(--danger);color:#fff}
.flash .x{margin-left:6px;opacity:.7;cursor:pointer;font-weight:700}
@keyframes flashIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}

/* --- demo rozeti --- */
.demo-badge{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;background:var(--warn-soft);color:var(--warn);
  border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);white-space:nowrap}

/* ===== PHP sürümüne özgü düzeltmeler ===== */
button.chk{font-family:inherit;line-height:1;padding:0}
button.mod{display:flex;gap:10px;align-items:flex-start;background:var(--surface);color:inherit}
button.mod.on{border-color:var(--accent-line);background:var(--accent-soft)}
button.mod span[style]{display:block}
button.mod b{display:block;font-size:12.8px;font-weight:600}
button.mod span span{display:block;font-size:11px;color:var(--text-3);line-height:1.35}
a.btn,a.mk-btn{text-decoration:none}
a.btn.disabled,.btn.disabled{opacity:.45;pointer-events:none}
.mk-toggle a{padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-2)}
.mk-toggle a.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.lg-acc{font-family:inherit}
select.btn{-webkit-appearance:none;appearance:none;padding-right:26px;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.field input,.field select,.field textarea{width:100%}
.mk-sector{color:inherit}
.mod{color:inherit;text-decoration:none}
.tl:last-child{padding-bottom:0}
table td form{margin:0}
.view .wrap+.wrap{margin-top:18px}
.empty{padding:36px 20px}
@media print{.side,.topbar{display:none}.view{overflow:visible}}

/* ===== rol seçim kartları (şirket kullanıcı yönetimi) ===== */
.rolegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:10px}
.rolecard{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);cursor:pointer;transition:border-color .14s,background .14s}
.rolecard:hover{border-color:var(--accent-line)}
.rolecard.on,.rolecard:has(input:checked){border-color:var(--accent);background:var(--accent-soft);
  box-shadow:0 0 0 1px var(--accent)}
.rolecard input{margin-top:3px;flex:0 0 auto;accent-color:var(--accent)}
.rolecard b{display:block;font-size:13px;font-weight:700}
.rolecard span{display:block;font-size:11.5px;color:var(--text-2);line-height:1.5;margin-top:3px}
.rolecard .pill{font-size:10px;padding:2px 7px}
@media (max-width:760px){.rolegrid{grid-template-columns:1fr}}

/* ===== giriş ekranı — premium katman ===== */
.lg-art h2{font-family:var(--f-display);font-size:clamp(28px,3.2vw,38px);font-weight:600;
  letter-spacing:-.025em;line-height:1.14;position:relative;max-width:16ch}
.lg-badges{display:flex;gap:8px;flex-wrap:wrap;position:relative;margin-top:22px;
  padding-top:20px;border-top:1px solid color-mix(in srgb,var(--pri-fg) 18%,transparent)}
.lg-badges span{font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:999px;
  background:color-mix(in srgb,var(--pri-fg) 12%,transparent);
  color:color-mix(in srgb,var(--pri-fg) 82%,transparent);
  border:1px solid color-mix(in srgb,var(--pri-fg) 20%,transparent);white-space:nowrap}
.lg-head h1{font-family:var(--f-display);font-size:30px;font-weight:600;letter-spacing:-.025em}
.lg-head p{margin:7px 0 0;font-size:13.5px;color:var(--text-2);line-height:1.6}
.lg-fields{display:flex;flex-direction:column;gap:15px}
.lg-alert{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:var(--r);
  background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.55;font-weight:500;
  border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}
.lg-alert span{font-size:15px;line-height:1.2}
.lg-pass{position:relative;display:flex;align-items:center}
.lg-pass input{width:100%;padding-right:44px}
.lg-eye{position:absolute;right:6px;width:32px;height:32px;border:0;background:transparent;cursor:pointer;
  color:var(--text-3);border-radius:8px;font-size:14px;display:grid;place-items:center}
.lg-eye:hover{color:var(--text);background:var(--surface-2)}
.lg-eye.on{color:var(--accent)}
.lg-sep{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:11.5px;
  letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.lg-sep:before,.lg-sep:after{content:"";flex:1;height:1px;background:var(--line)}
.lg-back{text-align:center;font-size:12.5px;color:var(--text-3);font-weight:600;padding-top:4px}
.lg-back:hover{color:var(--text)}

/* ===== tehlikeli işlem kartları (süpervizör) ===== */
.danger-card{border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}
.danger-card .card-h h3{color:var(--danger)}
.danger-card.hard{border-color:var(--danger);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 22%,transparent),var(--shadow)}
.danger-card.hard .card-h{background:var(--danger-soft)}
.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--surface)}
.btn.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}
.btn.danger:disabled{opacity:.4;pointer-events:none}

/* ===== süreli (izleme) hesap rozeti ===== */
.trial-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);
  background:var(--warn-soft);color:var(--warn);font-size:12.5px;font-weight:600;
  border:1px solid color-mix(in srgb,var(--warn) 32%,transparent)}
.trial-bar b{font-weight:800}

/* ===== kimlik doğrulama düzeni (giriş / parola sıfırlama) ===== */
.auth-body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.auth-top{display:flex;align-items:center;gap:12px;padding:18px 28px;position:relative;z-index:5}
.auth-top .brandmark b{font-size:17px}
.auth-body .lg{flex:1;min-height:0;border-top:1px solid var(--line)}
.auth-body .lg-art{padding:52px 48px}
.auth-body .lg-form{padding:48px 24px}
@media (max-width:1000px){
  .auth-top{padding:14px 18px}
  .auth-body .lg-art{padding:34px 24px}
}
.auth-body .lg-art{justify-content:center;gap:24px}
.auth-body .lg-art .pts{margin-top:8px}
.auth-body .lg-badges{margin-top:6px}

/* =====================================================================
   Premium cila — tipografi, derinlik, etkileşim ve odak durumları
   ===================================================================== */

/* --- tipografik ince ayar --- */
body{text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"cv11" 1}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.mono{font-feature-settings:"tnum" 1;letter-spacing:-.01em}

/* --- odak halkası: klavye kullanıcıları için net, fare için sessiz --- */
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.btn:focus-visible,.chip:focus-visible,.iconbtn:focus-visible{outline-offset:3px}

/* --- kart derinliği: yumuşak, çok katmanlı gölge --- */
.card,.kpi,.stat-chip,.page-head,.mk-card,.plan,.mk-plan{
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 16px -10px rgba(15,23,42,.18)}
.card:hover{box-shadow:0 1px 2px rgba(15,23,42,.05), 0 12px 28px -14px rgba(15,23,42,.24)}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .kpi,
:root[data-theme="dark"] .stat-chip{box-shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 26px -14px rgba(0,0,0,.8)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .card,
  :root:not([data-theme="light"]) .kpi,
  :root:not([data-theme="light"]) .stat-chip{box-shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 26px -14px rgba(0,0,0,.8)}
}

/* --- düğmeler: ince degrade ve basılma hissi --- */
.btn{border-radius:9px;letter-spacing:-.005em}
.btn.pri{background-image:linear-gradient(180deg,color-mix(in srgb,var(--pri-bg) 92%,white),var(--pri-bg));
  box-shadow:0 1px 2px rgba(15,23,42,.12), inset 0 1px 0 color-mix(in srgb,white 18%,transparent)}
.btn.pri:hover{background-image:none}
.btn:active{transform:translateY(.5px)}
.mk-btn{transition:transform .12s,box-shadow .16s,background .14s,border-color .14s}
.mk-btn.pri,.mk-btn.gold{box-shadow:0 6px 18px -8px color-mix(in srgb,var(--pri-bg) 65%,transparent)}
.mk-btn.pri:hover,.mk-btn.gold:hover{transform:translateY(-1px);
  box-shadow:0 12px 26px -10px color-mix(in srgb,var(--pri-bg) 70%,transparent)}

/* --- tablolar: daha okunaklı satırlar, zebra ve yapışkan başlık --- */
table{border-collapse:separate;border-spacing:0}
thead th{background:color-mix(in srgb,var(--surface-2) 92%,var(--surface));
  border-bottom:1px solid var(--line-strong);font-size:10px;letter-spacing:.08em}
tbody td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 34%,transparent)}
tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
tbody tr:last-child td{border-bottom:0}
.tablewrap{border-radius:0 0 var(--r-lg) var(--r-lg)}
.card>.tablewrap:first-child{border-radius:var(--r-lg)}

/* --- rozetler: daha net kenarlık --- */
.pill{border-color:color-mix(in srgb,currentColor 18%,transparent);line-height:1.5}
.pill.mut{border-color:var(--line)}

/* --- sayfa başlığı: daha zengin arka plan --- */
.page-head{
  background:
    radial-gradient(130% 150% at 0% 0%, color-mix(in srgb,var(--accent) 12%,transparent), transparent 62%),
    radial-gradient(90% 120% at 100% 0%, color-mix(in srgb,var(--teal) 7%,transparent), transparent 55%),
    var(--surface)}
.ph-ico{background-image:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent))}

/* --- KPI kartları --- */
.kpi{position:relative;overflow:hidden}
.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 20%,transparent));
  opacity:0;transition:opacity .18s}
.kpi:hover:before{opacity:1}
.kpi:hover{transform:translateY(-1px)}

/* --- özet şerit --- */
.stat-chip{position:relative;transition:border-color .14s,transform .12s}
.stat-chip:hover{border-color:var(--accent-line);transform:translateY(-1px)}

/* --- chip / filtre --- */
.chip{transition:background .13s,border-color .13s,color .13s}
.chip:hover:not(.on){border-color:var(--accent-line);color:var(--text)}

/* --- form alanları --- */
.field input,.field select,.field textarea,.mk-f input,.mk-f select,.mk-f textarea{
  border-radius:9px;transition:border-color .13s,box-shadow .13s,background .13s}
.field input[readonly]{background:var(--surface-2);color:var(--text-2);cursor:not-allowed}
.field label b{font-weight:700}

/* --- kenar çubuğu --- */
.nav a{position:relative;transition:background .12s,color .12s}
.nav a.on:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;
  background:var(--accent)}
.nav-group{position:sticky;top:0;background:var(--surface);z-index:1;padding-top:16px}
.side{box-shadow:1px 0 0 var(--line)}

/* --- üst bar --- */
.topbar{position:sticky;top:0;z-index:var(--z-topbar);
  backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 92%,transparent)}
.search{transition:border-color .14s,box-shadow .14s}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}

/* --- modal --- */
.modal-box,.modal{box-shadow:0 24px 60px -24px rgba(15,23,42,.45), 0 2px 8px rgba(15,23,42,.08)}
.modal-head{border-bottom-color:var(--line)}

/* --- boş durum --- */
.empty-state .es-ico{box-shadow:0 8px 20px -12px color-mix(in srgb,var(--accent) 60%,transparent)}

/* --- yüzen bildirim --- */
.flash{box-shadow:0 18px 40px -18px rgba(15,23,42,.55);backdrop-filter:blur(6px)}

/* --- tanıtım sitesi cilası --- */
.mk-head{box-shadow:0 1px 0 var(--line)}
.mk-card{transition:transform .16s,box-shadow .18s,border-color .16s}
.mk-card:hover{transform:translateY(-2px);border-color:var(--accent-line);
  box-shadow:0 1px 2px rgba(15,23,42,.05), 0 18px 34px -18px rgba(15,23,42,.28)}
.mk-plan.hi{transform:translateY(-4px)}
.mk-stat b{background:linear-gradient(135deg,var(--text),color-mix(in srgb,var(--accent) 55%,var(--text)));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mk-sector{transition:transform .14s,border-color .14s,box-shadow .16s}
.mk-sector:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(15,23,42,.28)}

/* --- yazdırma --- */
@media print{
  .side,.topbar,.flash,.trial-bar,.filterbar,.chipbar,.form-actions,.btn{display:none!important}
  .view{overflow:visible;padding:0}
  .card{break-inside:avoid;box-shadow:none;border-color:#ccc}
}

/* --- hareket azaltma --- */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .kpi:hover,.mk-card:hover,.stat-chip:hover,.mk-sector:hover,.mk-btn.pri:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════════
   Fİ CRM 1.6 · modül ayrıntıları + mobil deneyim
   ═══════════════════════════════════════════════════════════════════════ */

/* --- modül göstergeleri --- */
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.mkpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:13px 15px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);
  position:relative;overflow:hidden}
.mkpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line-strong)}
.mkpi.ok:before{background:var(--ok,#128a5a)}
.mkpi.warn:before{background:var(--warn,#b9770e)}
.mkpi.bad:before{background:var(--danger)}
.mkpi span{font-size:11.5px;color:var(--text-3);font-weight:500;line-height:1.3}
.mkpi b{font-family:var(--f-display);font-size:22px;font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;line-height:1.15}
.chipbar.statbar .chip{display:inline-flex;align-items:center;gap:7px}
.chipbar.statbar .dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);flex:0 0 7px}
.chipbar.statbar .dot.ok{background:var(--ok,#128a5a)}
.chipbar.statbar .dot.warn{background:var(--warn,#b9770e)}
.chipbar.statbar .dot.bad{background:var(--danger)}
.chipbar.statbar .dot.acc{background:var(--accent)}
.chipbar.statbar .dot.teal{background:var(--teal,#0f766e)}

/* --- form: onay kutusu satırı --- */
.switchrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--surface-2);cursor:pointer;font-weight:500;font-size:13px}
.switchrow input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:0}
.field-chk{display:flex;align-items:flex-end}
.field-chk .switchrow{width:100%}
textarea.grow{min-height:76px;resize:vertical}

/* --- tabbar (yalnız mobil) --- */
.tabbar{display:none}
.side-scrim{display:none}

/* ═══════════════ mobil ═══════════════ */
@media (max-width:860px){
  .kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}
  .mkpi b{font-size:19px}
}

@media (max-width:760px){
  html,body{overscroll-behavior-y:contain}
  .app{height:100%;height:100dvh}
  .side{width:min(86vw,320px);flex-basis:min(86vw,320px);box-shadow:0 24px 60px rgba(8,15,30,.28);
    padding-bottom:env(safe-area-inset-bottom)}
  .side-scrim{display:block;position:fixed;inset:0;z-index:69;background:rgba(9,14,26,.45);
    backdrop-filter:blur(2px);animation:fadeIn .15s ease}
  .side-scrim[hidden]{display:none}
  body.side-open{overflow:hidden}

  .topbar{padding:8px 12px;gap:8px;position:sticky;top:0;z-index:var(--z-topbar);
    padding-top:calc(8px + env(safe-area-inset-top))}
  .topbar .crumb span:first-child{display:none}
  .topbar .crumb span+span{display:none}
  .topbar .crumb b{font-size:14.5px}
  .iconbtn{width:38px;height:38px;font-size:15px}
  .menubtn{display:grid}
  .demo-badge{display:none}

  /* alt gezinme */
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);
    border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    padding:6px 2px;border:0;background:transparent;color:var(--text-3);font-size:10.5px;
    font-weight:600;cursor:pointer;border-radius:var(--r-sm);min-height:48px;justify-content:center;
    text-align:center;line-height:1.1}
  .tabbar .tab .ti{font-size:17px;line-height:1}
  .tabbar .tab.on{color:var(--accent)}
  .tabbar .tab:active{background:var(--surface-2)}
  .view{padding:14px 14px 96px}
  .wrap{gap:14px}

  /* başlık bloğu */
  .page-head{flex-direction:column;align-items:flex-start;gap:10px}
  .page-head .ph-ico{width:38px;height:38px;font-size:14px}
  .page-head h2{font-size:21px}
  .page-head p{font-size:12.5px}
  .page-head .rowflex{width:100%}
  .page-head .rowflex .btn{flex:1;justify-content:center;min-height:42px}

  /* filtre çubuğu yatay kaydırılır */
  .filterbar{flex-wrap:wrap;gap:8px}
  .filterbar .fb-search{flex:1 1 100%;min-height:42px}
  .filterbar .btn,.filterbar select{min-height:40px;flex:1 1 auto}
  .chipbar{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding-bottom:2px;margin:0 -14px;padding-left:14px;padding-right:14px}
  .chipbar::-webkit-scrollbar{display:none}
  .chipbar .chip{white-space:nowrap;flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center}
  .stat-strip{overflow-x:auto;scrollbar-width:none}
  .stat-strip::-webkit-scrollbar{display:none}

  /* tabloları karta çevir */
  .rectable,.rectable thead,.rectable tbody,.rectable tr,.rectable td{display:block;width:auto}
  .rectable thead{display:none}
  .rectable tbody tr{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);
    padding:12px 13px;margin-bottom:10px;box-shadow:var(--shadow)}
  .rectable tbody tr:last-child{margin-bottom:0}
  .rectable td{border:0;padding:3px 0;display:flex;align-items:flex-start;gap:10px;
    justify-content:space-between;font-size:13px;text-align:right}
  .rectable td:before{content:attr(data-l);color:var(--text-3);font-size:11.5px;font-weight:600;
    text-align:left;flex:0 0 42%;padding-top:1px}
  .rectable td[data-l=""]:before,.rectable td:not([data-l]):before{content:none}
  .rectable td.cell-main{display:block;text-align:left;padding:0 0 8px;
    border-bottom:1px dashed var(--line);margin-bottom:6px}
  .rectable td.cell-main:before{display:block;flex:none;margin-bottom:2px}
  .rectable td.cell-main b{font-size:15px}
  .rectable td.num{justify-content:space-between}
  .rectable td.cell-act{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;
    margin-top:6px;border-top:1px dashed var(--line);text-align:right}
  .rectable td.cell-act:before{content:none}
  .rectable td.cell-act .btn{min-height:38px;padding:8px 14px;font-size:12.5px}
  .rectable .empty-state{text-align:center}
  .tablewrap{overflow:visible}
  .card .tablewrap{padding:0}
  .card:has(.rectable){background:transparent;border:0;box-shadow:none;padding:0}
  .card:has(.rectable) .perm-strip{background:var(--surface);border:1px solid var(--line);
    border-radius:var(--r-lg);margin-top:10px}

  /* genel tablolar yatay kayar */
  .tablewrap:not(:has(.rectable)){overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* tam ekran modal */
  .modal-scrim{align-items:flex-end;padding:0}
  .modal-box{width:100%;max-width:100%;max-height:94dvh;border-radius:18px 18px 0 0;
    animation:sheetUp .22s cubic-bezier(.22,.8,.3,1)}
  .modal-head{position:sticky;top:0;z-index:2;background:var(--surface);
    border-bottom:1px solid var(--line);padding:14px 16px}
  .modal-head .iconbtn{width:40px;height:40px}
  .modal-body{padding:14px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto}
  .form-actions{position:sticky;bottom:0;background:var(--surface);padding:12px 0 4px;
    border-top:1px solid var(--line);display:flex;gap:10px;margin-top:14px}
  .form-actions .btn{flex:1;justify-content:center;min-height:46px;font-size:13.5px}
  .field input,.field select,.field textarea{min-height:44px;font-size:16px}
  .switchrow{min-height:46px}

  /* diğer ızgaralar */
  .kpis,.grid2,.grid3,.split,.plangrid,.rolegrid{grid-template-columns:1fr}
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .stat-chip{flex:0 0 auto}
  .trial-bar{flex-direction:column;align-items:flex-start;gap:8px}
  .trial-bar .btn{width:100%;justify-content:center}
  .flash{position:sticky;top:8px;z-index:30}
}

@media (max-width:420px){
  .rectable td:before{flex-basis:46%}
  .tabbar .tab span:not(.ti){font-size:9.5px}
  .mkpi{padding:11px 12px}
  .mkpi b{font-size:18px}
}
@media (max-width:340px){ .kpi-row{grid-template-columns:1fr} }

@keyframes sheetUp{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* dokunmatik cihazlarda daha büyük hedefler */
@media (hover:none){
  .btn{min-height:40px}
  .btn.sm{min-height:34px}
  .nav a{padding:10px 10px;font-size:13.5px}
  .chip{min-height:34px}
}

/* mobil: pano kartlarını iki sütuna sıkıştır */
@media (max-width:760px){
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .kpi{padding:12px 13px;gap:4px}
  .kpi .val{font-size:20px}
  .kpi .lab{font-size:11px}
  .kpi .sub{font-size:11px}
  .quickbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}
  .quickbar::-webkit-scrollbar{display:none}
  .quickbar .btn{flex:0 0 auto}
}
@media (max-width:380px){
  .kpis{grid-template-columns:1fr}
}

/* --- yan menü modül arama --- */
.navfind{display:flex;align-items:center;gap:8px;margin:10px 12px 2px;padding:7px 11px;
  border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}
.navfind span{color:var(--text-3);font-size:13px}
.navfind input{border:0;background:transparent;outline:0;width:100%;font-size:12.5px;color:var(--text)}
.navfind input::-webkit-search-cancel-button{-webkit-appearance:none}
.nav a[hidden],.nav .nav-group[hidden]{display:none!important}
.nav .navempty{padding:14px 12px;color:var(--text-3);font-size:12px;text-align:center}
@media (max-width:760px){ .navfind{margin:10px 12px 4px;padding:9px 12px}
  .navfind input{font-size:16px} }

/* mobil: sayfanın kendisi kayar (iç kaydırma kabı kapalı) */
@media (max-width:760px){
  html,body{height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .app{display:block;height:auto;overflow:visible}
  .main{display:block;min-height:100dvh}
  .view{overflow:visible;height:auto}
  .side{position:fixed;top:0;bottom:0;height:100dvh;overflow-y:auto}
}

/* ═══════════════════════════════════════════════════════════════════════
   Fİ CRM 1.6 · premium katman — detay çekmecesi, komut paleti, favoriler
   ═══════════════════════════════════════════════════════════════════════ */

/* --- satır bağlantıları --- */
.rowtitle,.reflink{color:inherit;display:block}
.rowtitle:hover b{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.reflink:hover{color:var(--accent)}

/* --- kayıt detay çekmecesi --- */
.drawer-scrim{position:fixed;inset:0;z-index:64;background:rgba(9,14,26,.42);
  backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:fadeIn .14s ease}
.rec-drawer{width:min(560px,100%);background:var(--bg);display:flex;flex-direction:column;
  box-shadow:var(--shadow-lg);animation:slideIn .22s cubic-bezier(.22,.8,.3,1);max-height:100%}
@keyframes slideIn{from{transform:translateX(26px);opacity:.5}to{transform:none;opacity:1}}
.rd-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);
  border-bottom:1px solid var(--line);flex:0 0 auto}
.rd-head h3{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.25;
  overflow-wrap:anywhere}
.rd-body{flex:1;overflow-y:auto;padding:16px 18px 24px}
.rd-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.rd-amount{font-family:var(--f-display);font-size:21px;font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.rd-sec{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);
  font-weight:700;margin:20px 0 8px;display:flex;align-items:center;gap:10px}
.rd-sec:after{content:"";flex:1;height:1px;background:var(--line)}
.rd-kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px dashed var(--line);font-size:13px}
.rd-kv span{color:var(--text-3);flex:0 0 42%}
.rd-kv b{font-weight:600;text-align:right;overflow-wrap:anywhere}
.rd-block{padding:9px 0;border-bottom:1px dashed var(--line)}
.rd-block span{display:block;color:var(--text-3);font-size:11.5px;font-weight:600;margin-bottom:4px}
.rd-block p{margin:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.rd-foot{display:flex;gap:9px;align-items:center;padding:13px 18px;background:var(--surface);
  border-top:1px solid var(--line);flex:0 0 auto;padding-bottom:calc(13px + env(safe-area-inset-bottom))}

/* --- komut paleti --- */
.cmdk{position:fixed;inset:0;z-index:80;background:rgba(9,14,26,.5);backdrop-filter:blur(3px);
  display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fadeIn .12s ease}
.cmdk[hidden]{display:none}
.cmdk-box{width:min(620px,100%);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;
  max-height:72vh;animation:slideUp .18s cubic-bezier(.22,.8,.3,1)}
@keyframes slideUp{from{transform:translateY(-10px);opacity:.6}to{transform:none;opacity:1}}
.cmdk-in{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line)}
.cmdk-in input{flex:1;border:0;background:transparent;outline:0;font-size:15.5px;color:var(--text)}
.cmdk-list{overflow-y:auto;padding:6px}
.cmdk-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-sm);
  cursor:pointer;color:var(--text)}
.cmdk-item:hover,.cmdk-item.on{background:var(--accent-soft)}
.cmdk-item .ic{width:26px;height:26px;border-radius:8px;background:var(--surface-2);display:grid;
  place-items:center;font-size:12px;flex:0 0 26px;color:var(--text-2)}
.cmdk-item b{font-size:13.5px;font-weight:600;display:block}
.cmdk-item small{font-size:11.5px;color:var(--text-3);display:block}
.cmdk-item .kind{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--text-3);
  background:var(--surface-2);border:1px solid var(--line);padding:2px 8px;border-radius:999px}
.cmdk-foot{padding:9px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--text-3);
  display:flex;gap:16px;flex-wrap:wrap}
.cmdk-foot b{font-family:var(--f-mono);color:var(--text-2)}
.cmdk-empty{padding:26px;text-align:center;color:var(--text-3);font-size:13px}

/* --- favori modüller --- */
.nav a .fav{margin-left:auto;opacity:0;font-size:12px;color:var(--text-3);padding:0 2px;line-height:1}
.nav a:hover .fav,.nav a .fav.on{opacity:1}
.nav a .fav.on{color:var(--warn)}
.nav a .fav:hover{color:var(--warn)}
.nav a:hover .cnt,.nav a:hover .lock{display:none}

/* --- bildirim baloncuğu --- */
.toastwrap{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;z-index:85;
  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(440px,calc(100vw - 28px))}
.toastwrap .toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:100%;
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--r);box-shadow:var(--shadow-lg);padding:12px 14px;font-size:13px;
  animation:toastIn .22s cubic-bezier(.22,.8,.3,1)}
.toastwrap .toast.bad{border-left-color:var(--danger)}
.toastwrap .toast.ok{border-left-color:var(--ok)}
.toastwrap .toast .ti{font-size:14px;line-height:1.35}
.toastwrap .toast .tx{flex:1;line-height:1.5;overflow-wrap:anywhere}
.toastwrap .toast .cl{cursor:pointer;color:var(--text-3);font-size:12px;padding:2px 4px}
.toastwrap .toast .cl:hover{color:var(--text)}
@keyframes toastIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}

@media (max-width:760px){
  .rec-drawer{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;margin-top:auto}
  .drawer-scrim{align-items:flex-end}
  .rd-foot{flex-wrap:wrap}
  .rd-foot .btn{flex:1;justify-content:center;min-height:44px}
  .cmdk{padding:0}
  .cmdk-box{max-height:100dvh;height:100dvh;border-radius:0;width:100%}
  .cmdk-in input{font-size:16px}
  .toastwrap{bottom:calc(74px + env(safe-area-inset-bottom))}
}

/* --- yazdırma --- */
@media print{
  .side,.topbar,.tabbar,.filterbar,.chipbar,.perm-strip,.page-head .rowflex,
  .cmdk,.toastwrap,.trial-bar,.drawer-scrim .rd-foot,.side-scrim{display:none!important}
  .app,.main,.view{display:block;overflow:visible;height:auto;padding:0}
  .drawer-scrim{position:static;background:none;backdrop-filter:none;display:block}
  .rec-drawer{width:100%;box-shadow:none;animation:none}
  .card,.mkpi,.rec-drawer{box-shadow:none;border-color:#ccc}
  body{background:#fff}
  a[href]:after{content:""}
  .rectable tbody tr{break-inside:avoid}
}

/* ═══════════════════════════════════════════════════════════════════════
   Fİ CRM 1.7 · genel arama, bildirimler, toplu işlem, görünümler, notlar
   ═══════════════════════════════════════════════════════════════════════ */

/* --- bildirim rozeti --- */
.bellbtn{position:relative}
.bellbtn .bdg{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;
  border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;
  display:grid;place-items:center;border:2px solid var(--surface);line-height:1}

/* --- bildirim satırı --- */
.notif{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;border-bottom:1px solid var(--line)}
.notif:last-child{border-bottom:0}
.nf-ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 30px;
  background:var(--surface-2);color:var(--text-2);font-size:13px}
.notif.ok .nf-ico{background:var(--ok-soft);color:var(--ok)}
.notif.warn .nf-ico{background:var(--warn-soft);color:var(--warn)}
.notif.bad .nf-ico{background:var(--danger-soft);color:var(--danger)}
.notif.acc .nf-ico{background:var(--accent-soft);color:var(--accent-ink)}
.notif.teal .nf-ico{background:var(--teal-soft);color:var(--teal)}
.nf-body{flex:1;min-width:0}
.nf-body b{font-size:13.5px;font-weight:600;display:block}
.nf-body p{margin:2px 0 3px;font-size:12.5px;color:var(--text-2);line-height:1.5}
.nf-body small{font-size:11px}

/* --- sistem sağlığı riskleri --- */
.risk{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:var(--r);
  border:1px solid var(--line);background:var(--surface-2)}
.risk.bad{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.risk.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}
.risk.acc{background:var(--accent-soft);border-color:var(--accent-line)}
.rk-ico{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:0 0 24px;
  background:var(--surface);font-weight:800;font-size:12px}
.risk.bad .rk-ico{color:var(--danger)}
.risk.warn .rk-ico{color:var(--warn)}
.risk.acc .rk-ico{color:var(--accent-ink)}
.risk b{font-size:13.5px;display:block}
.risk p{margin:3px 0 0;font-size:12.5px;color:var(--text-2);line-height:1.55}

/* --- kaydedilmiş görünümler --- */
.viewbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vb-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:700}
.vchip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);padding:0 4px 0 12px;height:30px}
.vchip a{color:var(--text-2);font-size:12px;font-weight:600}
.vchip.on{background:var(--accent-soft);border-color:var(--accent-line)}
.vchip.on a{color:var(--accent-ink)}
.vchip .vx{border:0;background:transparent;color:var(--text-3);cursor:pointer;font-size:10px;
  padding:4px 5px;border-radius:999px;line-height:1}
.vchip .vx:hover{color:var(--danger);background:var(--danger-soft)}
.vsave{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line-strong);
  border-radius:999px;padding:3px 5px 3px 12px;background:var(--surface)}
.vsave input[name="name"]{border:0;background:transparent;outline:0;font-size:12px;width:150px;color:var(--text)}
.vshare{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3);font-weight:600}
.vshare input{width:15px;height:15px;accent-color:var(--accent);margin:0}

/* --- toplu işlem çubuğu --- */
.bulkbar{position:sticky;top:8px;z-index:25;display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:11px 14px;border-radius:var(--r);background:var(--accent-soft);
  border:1px solid var(--accent-line);box-shadow:var(--shadow)}
.bulkbar b{font-size:13px;color:var(--accent-ink)}
.bulkbar select.btn{padding:5px 9px}
.selcol{width:38px;text-align:center}
.selcol input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;margin:0}
tr.picked{background:var(--accent-soft)!important}

/* --- kayıt notları --- */
.notebox{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-bottom:12px}
.notebox textarea{width:100%;padding:10px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line-strong);background:var(--surface);font:inherit;font-size:13px;outline:0}
.notebox textarea:focus{border-color:var(--accent)}
.noteitem{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.nt-av{width:28px;height:28px;border-radius:9px;flex:0 0 28px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent-ink);font-size:11px;font-weight:700}
.nt-head{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}
.nt-head b{font-size:12.5px}
.noteitem p{margin:3px 0 0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.nt-x{border:0;background:transparent;color:var(--text-3);cursor:pointer;font-size:11px;padding:2px 5px;border-radius:6px}
.nt-x:hover{color:var(--danger);background:var(--danger-soft)}

@media (max-width:760px){
  .bulkbar{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));top:auto;
    z-index:58;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .bulkbar::-webkit-scrollbar{display:none}
  .bulkbar .btn,.bulkbar select{flex:0 0 auto}
  .viewbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin:0 -14px;padding:0 14px 2px}
  .viewbar::-webkit-scrollbar{display:none}
  .viewbar>*{flex:0 0 auto}
  .rectable td.selcol{position:absolute;right:12px;margin-top:-2px;padding:0;border:0}
  .rectable td.selcol:before{content:none}
  .rectable tbody tr{position:relative}
}

/* --- konsol operasyon şeridi --- */
.opsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}
.opscard{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border-radius:var(--r-lg);
  border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);
  position:relative;overflow:hidden;color:var(--text)}
.opscard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line-strong)}
.opscard.ok:before{background:var(--ok)} .opscard.warn:before{background:var(--warn)}
.opscard.bad:before{background:var(--danger)} .opscard.acc:before{background:var(--accent)}
.opscard.teal:before{background:var(--teal)}
.opscard span{font-size:11.5px;color:var(--text-3);font-weight:600;line-height:1.3}
.opscard b{font-family:var(--f-display);font-size:22px;font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.opscard:hover{border-color:var(--line-strong)}

/* --- pano ajandası --- */
.agenda-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line);color:var(--text)}
.agenda-row:last-child{border-bottom:0}
.agenda-row:hover{background:var(--surface-2)}
.ag-date{flex:0 0 42px;text-align:center;border-radius:9px;background:var(--surface-2);
  padding:5px 0;border:1px solid var(--line)}
.ag-date b{display:block;font-family:var(--f-display);font-size:15px;line-height:1.1}
.ag-date small{display:block;font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.agenda-row.late .ag-date{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}
.agenda-row.late .ag-date b{color:var(--danger)}
.agenda-row.now .ag-date{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.agenda-row.now .ag-date b{color:var(--warn)}
.ag-body{flex:1;min-width:0}
.ag-body b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-body small{display:block;font-size:11.5px;color:var(--text-3)}
.noteflash{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);color:var(--text)}
.noteflash:last-child{border-bottom:0}
.noteflash b{font-size:12.5px}
.noteflash span{font-size:12.5px;line-height:1.5;min-width:0}
.noteflash small{display:block;font-size:11px}
@media (max-width:760px){ .opsgrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:380px){ .opsgrid{grid-template-columns:1fr} }

/* --- tanıtım: modül kataloğu ve hesaplayıcı --- */
.mk-modfilter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);
  border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 18px;margin-bottom:18px}
.mk-modfilter input{flex:1;min-width:180px;border:0;background:transparent;outline:0;font-size:14.5px;
  font-family:var(--f-body);color:var(--text)}
.mk-modcard{display:flex;flex-direction:column;gap:7px}
.mm-top{display:flex;align-items:center;gap:8px}
.mm-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.mm-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.mm-tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;
  background:var(--surface-2);color:var(--text-3);border:1px solid var(--line)}
.mm-tag.sec{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
.mm-tag.plan{background:var(--teal-soft);color:var(--teal);border-color:color-mix(in srgb,var(--teal) 25%,transparent)}

.mk-calc{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;
  display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow)}
.cl-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cl-field label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;
  color:var(--text-2);margin-bottom:10px}
.cl-field label b{font-family:var(--f-mono);color:var(--accent-ink)}
.cl-field input[type=range]{width:100%;accent-color:var(--accent);height:22px}
.cl-out{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:20px 0}
.cl-plan,.cl-price{display:flex;flex-direction:column;gap:3px;min-width:180px}
.cl-plan span,.cl-price span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-3);font-weight:700}
.cl-plan b{font-family:var(--f-display);font-size:24px;font-weight:600;letter-spacing:-.02em}
.cl-price b{font-family:var(--f-display);font-size:32px;font-weight:600;letter-spacing:-.03em;
  color:var(--accent-ink);font-variant-numeric:tabular-nums}
.cl-plan small,.cl-price small{font-size:12px;color:var(--text-3)}
.cl-out .mk-btn{margin-left:auto}
.cl-fine{margin:0;font-size:12px;color:var(--text-3);line-height:1.6}
@media (max-width:860px){
  .cl-controls{grid-template-columns:1fr}
  .cl-out{flex-direction:column;align-items:flex-start;gap:16px}
  .cl-out .mk-btn{margin-left:0;width:100%;justify-content:center}
  .mk-calc{padding:18px}
}

/* ===========================================================
   1.8 — GÖRSEL ZENGİNLEŞTİRME
   Gömülü SVG grafik katmanı + zenginleştirilmiş yüzeyler
   =========================================================== */

/* --- kategorik grafik paleti (doğrulanmış: CVD ΔE ≥ 8, kontrast ≥ 3:1) --- */
:root{
  --c1:#2a78d6; --c2:#eb6834; --c3:#1baf7a; --c4:#eda100; --c5:#e87ba4; --c6:#4a3aa7;
  --c-grid:color-mix(in srgb,var(--line) 78%,transparent);
  --c-seq-1:color-mix(in srgb,var(--c1) 16%,var(--surface));
  --c-seq-2:color-mix(in srgb,var(--c1) 34%,var(--surface));
  --c-seq-3:color-mix(in srgb,var(--c1) 58%,var(--surface));
  --c-seq-4:var(--c1);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --c1:#3987e5; --c2:#d95926; --c3:#199e70; --c4:#c98500; --c5:#d55181; --c6:#9085e9;
}}
:root[data-theme="dark"]{
  --c1:#3987e5; --c2:#d95926; --c3:#199e70; --c4:#c98500; --c5:#d55181; --c6:#9085e9;
}

/* --- SVG grafik gövdesi --- */
.cg{width:100%;height:auto;display:block;overflow:visible;font-family:var(--f-body)}
.cg-grid line{stroke:var(--c-grid);stroke-width:1;shape-rendering:crispEdges}
.cg-ax{font-size:10px;fill:var(--text-3);font-family:var(--f-mono);letter-spacing:-.02em}
.cg-val{font-size:11.5px;font-weight:700;fill:var(--text);font-family:var(--f-mono);
  paint-order:stroke;stroke:var(--surface);stroke-width:3.5px;stroke-linejoin:round}
.cg-bar{transition:opacity .14s,filter .14s}
.cg-bar:hover{filter:brightness(1.12)}
.cg-dot{transition:r .14s}
.cg-hit{fill:transparent;cursor:crosshair}
.cg-hit:hover{fill:color-mix(in srgb,var(--accent) 7%,transparent)}
.cg:hover .cg-bar:not(:hover){opacity:.62}

/* --- sparkline + eğilim rozeti --- */
.spark{width:100%;max-width:140px;height:34px;display:block;overflow:visible}
.spark-empty{color:var(--text-3);font-family:var(--f-mono);font-size:12px}
.trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;
  padding:1.5px 7px;border-radius:999px;border:1px solid transparent;white-space:nowrap;font-variant-numeric:tabular-nums}
.trend i{font-style:normal;font-weight:600}
.trend.up{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 22%,transparent)}
.trend.down{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}
.trend.flat{color:var(--text-2);background:var(--surface-2);border-color:var(--line)}

/* --- yatay sıralı çubuklar --- */
.hbars{display:flex;flex-direction:column;gap:11px}
.hb{display:grid;grid-template-columns:minmax(78px,30%) 1fr auto;align-items:center;gap:11px;
  color:inherit;text-decoration:none;border-radius:var(--r-sm);padding:2px 3px;transition:background .14s}
a.hb:hover{background:var(--surface-2)}
.hb-l{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-t{height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden;display:block}
.hb-t i{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.hb-v{font-family:var(--f-mono);font-size:12px;font-weight:700;text-align:right;min-width:52px;
  display:flex;flex-direction:column;line-height:1.25}
.hb-v small{font-weight:500;font-size:10px;color:var(--text-3)}

/* --- halka (donut) --- */
.donutwrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.donut{width:168px;height:168px;flex:0 0 auto}
.dn-seg{stroke:var(--surface);stroke-width:2;transition:opacity .14s,transform .16s;transform-origin:center}
.donut:hover .dn-seg:not(:hover){opacity:.5}
.dn-num{font-family:var(--f-display);font-size:24px;font-weight:700;fill:var(--text);letter-spacing:-.02em}
.dn-sub{font-size:10.5px;fill:var(--text-3);font-weight:600}

/* --- lejant --- */
.chleg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;flex:1;min-width:170px}
.chleg li{margin:0}
.lg-i{display:flex;align-items:center;gap:8px;font-size:12.5px;color:inherit;text-decoration:none;
  padding:3px 5px;border-radius:var(--r-sm);transition:background .14s}
a.lg-i:hover{background:var(--surface-2)}
.lg-i i{width:10px;height:10px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 2px var(--surface)}
.lg-i span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}
.lg-i b{font-family:var(--f-mono);font-size:12px;font-weight:700}
.lg-i em{font-style:normal;font-size:10.5px;color:var(--text-3);font-family:var(--f-mono);min-width:34px;text-align:right}

/* --- huni --- */
.funnel{display:flex;flex-direction:column;gap:12px}
.fn-step{display:block;color:inherit;text-decoration:none;border-radius:var(--r-sm);transition:transform .14s}
a.fn-step:hover{transform:translateX(2px)}
.fn-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px}
.fn-h b{font-size:12.5px;font-weight:650}
.fn-h span{font-size:11.5px;color:var(--text-3);font-family:var(--f-mono)}
.fn-bar{position:relative;height:22px;border-radius:7px;background:var(--surface-2);overflow:hidden;
  border:1px solid var(--line)}
.fn-bar i{display:block;height:100%;border-radius:6px;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.fn-row{display:flex;align-items:center;gap:10px}
.fn-row .fn-bar{flex:1;min-width:0}
.fn-pc{font-style:normal;font-size:11px;font-weight:700;color:var(--text-2);font-family:var(--f-mono);
  min-width:38px;text-align:right}

/* --- ilerleme halkası --- */
.ringwrap{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.ring{width:92px;height:92px}
.rg-v{transition:stroke-dashoffset .7s cubic-bezier(.2,.8,.2,1)}
.rg-t{font-family:var(--f-mono);font-size:19px;font-weight:700;fill:var(--text)}
.rg-l{font-size:11.5px;font-weight:650;color:var(--text-2)}
.rg-s{font-size:10.5px;color:var(--text-3);font-family:var(--f-mono)}
.ringrow{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-around}

/* --- yığın bar --- */
.stackbar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-3);gap:2px;margin-bottom:12px}
.stackbar i{display:block;height:100%;transition:filter .14s;min-width:3px}
.stackbar i:first-child{border-radius:999px 0 0 999px}
.stackbar i:last-child{border-radius:0 999px 999px 0}
.stackbar:hover i:not(:hover){opacity:.55}

/* --- ısı haritası --- */
.heat{width:100%;height:auto;display:block;max-width:420px}
.ht-ax{font-size:9px;fill:var(--text-3);font-family:var(--f-mono)}
.ht-c{fill:var(--surface-3);transition:stroke .12s}
.ht-c.l1{fill:var(--c-seq-1)} .ht-c.l2{fill:var(--c-seq-2)}
.ht-c.l3{fill:var(--c-seq-3)} .ht-c.l4{fill:var(--c-seq-4)}
.ht-c:hover{stroke:var(--text);stroke-width:1.4}
.ht-key{display:flex;align-items:center;gap:3px;margin-top:8px;font-size:10px;color:var(--text-3)}
.ht-key i{width:11px;height:11px;border-radius:3px;background:var(--surface-3)}
.ht-key i.l1{background:var(--c-seq-1)} .ht-key i.l2{background:var(--c-seq-2)}
.ht-key i.l3{background:var(--c-seq-3)} .ht-key i.l4{background:var(--c-seq-4)}
.ht-key span{margin:0 4px}

/* --- boş grafik --- */
.chempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:34px 18px;color:var(--text-3);font-size:12.5px;text-align:center}
.chempty svg{width:64px;height:40px;opacity:.4}
.chempty svg rect{fill:var(--line-strong)}

/* --- grafik ipucu (JS) --- */
.chtip{position:fixed;z-index:1200;pointer-events:none;background:var(--text);color:var(--bg);
  padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:600;white-space:nowrap;
  box-shadow:var(--shadow-lg);opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;
  font-variant-numeric:tabular-nums;max-width:260px}
.chtip.on{opacity:1;transform:translateY(0)}

/* ===========================================================
   Zenginleştirilmiş yüzeyler
   =========================================================== */

/* --- grafikli KPI kartı --- */
.kpi.rich{position:relative;overflow:hidden;padding-bottom:0}
.kpi.rich .kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.kpi.rich .kgl{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;
  background:var(--accent-soft);color:var(--accent-ink);flex:0 0 auto}
.kpi.rich .kchart{margin:8px -16px -1px;opacity:.95}
.kpi.rich .kchart .spark{max-width:none;height:44px}
.kpi .krow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* --- grafik kartı başlığı + araç çubuğu --- */
.chartcard .card-b{padding:16px 18px 18px}
.ch-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ch-tools .seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface-2)}
.ch-tools .seg a,.ch-tools .seg button{padding:4px 11px;font-size:11.5px;font-weight:650;color:var(--text-2);
  background:none;border:0;cursor:pointer;text-decoration:none;transition:background .14s,color .14s}
.ch-tools .seg a.on,.ch-tools .seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.card-ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:700}

/* --- istatistik döşemesi (ikon + değer + eğilim) --- */
.tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tile{display:flex;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);color:inherit;text-decoration:none;
  transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}
a.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-line)}
.tile .t-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:16px;flex:0 0 auto;
  background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-ink)}
.tile.ok .t-ico{background:var(--ok-soft);color:var(--ok)}
.tile.warn .t-ico{background:var(--warn-soft);color:var(--warn)}
.tile.bad .t-ico{background:var(--danger-soft);color:var(--danger)}
.tile.teal .t-ico{background:var(--teal-soft);color:var(--teal)}
.tile .t-b{min-width:0;flex:1}
.tile .t-b span{display:block;font-size:11.5px;color:var(--text-3);font-weight:600}
.tile .t-b b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  font-family:var(--f-display)}
.tile .t-b small{display:block;font-size:11px;color:var(--text-2);margin-top:1px}

/* --- kahraman başlık (grafikli sayfa başı) --- */
.hero-head{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;
  padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden;
  background:radial-gradient(130% 160% at 100% 0%, color-mix(in srgb,var(--accent) 13%,transparent), transparent 62%),
             var(--surface);box-shadow:var(--shadow)}
.hero-head .hh-l{min-width:0}
.hero-head .hh-num{font-family:var(--f-display);font-size:34px;font-weight:700;letter-spacing:-.03em;
  line-height:1.05;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-head .hh-lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent-ink)}
.hero-head .hh-sub{font-size:12.5px;color:var(--text-2);margin-top:6px}
.hero-head .hh-r{width:min(340px,42vw)}

/* --- bölüm ayracı --- */
.sec-div{display:flex;align-items:center;gap:12px;margin:26px 0 2px}
.sec-div h3{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--text-3);white-space:nowrap}
.sec-div:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}

/* --- zengin liste satırı --- */
.richrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .14s,background .14s}
.richrow:hover{border-color:var(--accent-line);background:var(--surface-2)}
.richrow .rr-b{flex:1;min-width:0}
.richrow .rr-b b{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.richrow .rr-b span{display:block;font-size:11.5px;color:var(--text-3)}
.richrow .rr-m{width:120px;flex:0 0 auto}

/* --- avatar halkası --- */
.av.ringed{box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}
.avstack{display:flex}
.avstack .av{margin-left:-8px;box-shadow:0 0 0 2px var(--surface)}
.avstack .av:first-child{margin-left:0}
.avstack .more{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;margin-left:-8px;
  background:var(--surface-3);color:var(--text-2);font-size:10.5px;font-weight:700;box-shadow:0 0 0 2px var(--surface)}

/* --- yükleniyor parıltısı --- */
@keyframes shim{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);
  background-size:200% 100%;animation:shim 1.4s ease-in-out infinite;min-height:12px}

/* --- grafiklerin girişi --- */
@keyframes chin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card-b .cg,.card-b .donutwrap,.card-b .funnel,.card-b .hbars,.card-b .heat{animation:chin .34s ease both}
@media (prefers-reduced-motion: reduce){
  .card-b .cg,.card-b .donutwrap,.card-b .funnel,.card-b .hbars,.card-b .heat{animation:none}
  .hb-t i,.fn-bar i,.rg-v{transition:none}
}

/* --- mobil --- */
@media (max-width:860px){
  .hero-head{grid-template-columns:1fr}
  .hero-head .hh-r{width:100%}
  .donutwrap{gap:14px}
  .donut{width:140px;height:140px;margin:0 auto}
  .chleg{min-width:100%}
  .hb{grid-template-columns:minmax(64px,34%) 1fr auto;gap:8px}
  .cg-ax{font-size:11px}
  .heat{max-width:100%}
}

/* --- yazdırma --- */
@media print{
  .cg,.donut,.heat,.ring,.spark{break-inside:avoid}
  .chtip{display:none!important}
  .cg-grid line{stroke:#ccc}
  .hb-t,.fn-bar,.stackbar{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* --- yüksek kontrast / zorunlu renk kipi --- */
@media (forced-colors: active){
  .hb-t i,.fn-bar i,.stackbar i,.dn-seg,.cg-bar{forced-color-adjust:none}
  .lg-i i{outline:1px solid CanvasText}
}

/* --- grafik ↔ tablo görünümü --- */
.chview .tb-only{display:none}
.chview.as-table .ch-only{display:none}
.chview.as-table .tb-only{display:block}
.chview-f{display:flex;justify-content:flex-end;margin-top:10px}
.btn.xs{padding:3px 9px;font-size:11px;border-radius:999px}
.chtable{width:100%;border-collapse:collapse;font-size:12.5px}
.chtable caption{text-align:left;font-size:11px;color:var(--text-3);padding-bottom:8px;font-weight:600}
.chtable th,.chtable td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left}
.chtable th{font-size:11px;color:var(--text-3);font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.chtable .num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.chtable tbody tr:last-child td{border-bottom:0}
.hsplit{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:26px;align-items:start}
@media (max-width:900px){.hsplit{grid-template-columns:1fr;gap:18px}}

/* --- modül analiz paneli --- */
.anabox{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.anabox>summary{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;list-style:none;
  font-size:13px;transition:background .14s}
.anabox>summary::-webkit-details-marker{display:none}
.anabox>summary:hover{background:var(--surface-2)}
.anabox>summary:after{content:"▾";margin-left:auto;color:var(--text-3);font-size:12px;transition:transform .18s}
.anabox[open]>summary:after{transform:rotate(180deg)}
.anabox>summary small{color:var(--text-3);font-size:11.5px;font-weight:500}
.ab-ico{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:13px;
  background:var(--accent-soft);color:var(--accent-ink);flex:0 0 auto}
.anagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px;padding:6px 18px 20px;
  border-top:1px solid var(--line)}
.anacell{min-width:0}
.anacell .ctx-label{margin-bottom:12px}
@media (max-width:760px){
  .anagrid{grid-template-columns:1fr;gap:26px;padding:10px 14px 18px}
  .anabox>summary small{display:none}
}
.hero-head .hh-num .trend{font-family:var(--f-body);letter-spacing:normal;font-weight:700;font-size:11.5px;
  align-self:center;line-height:1.5}
.hero-head .hh-r .spark{max-width:none;width:100%;height:92px}
.hero-head .hh-r .spark-empty{display:block;text-align:center;padding:30px 0;font-size:12px}

/* --- tanıtım sayfası: ürün görseli içindeki mini grafikler --- */
.mk-shot .shot-chart{margin:10px 0 8px;background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:8px 6px 2px}
.mk-shot .shot-chart .cg-ax{font-size:9px}
.mk-shot .shot-chart .cg-val{font-size:10px}
.mk-shot .shot-mini{display:flex;align-items:center;gap:14px;background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.mk-shot .shot-mini .donutwrap{gap:0}
.mk-shot .shot-mini .donut{width:78px;height:78px}
.mk-shot .shot-mini .dn-num{font-size:16px}
.mk-shot .sm-bars{flex:1;min-width:0}
.mk-shot .sm-bars .hb{grid-template-columns:48px 1fr auto;gap:7px}
.mk-shot .sm-bars .hb-l{font-size:10.5px}
.mk-shot .sm-bars .hb-v{font-size:10px;min-width:34px}
.mk-shot .sm-bars .hb-t{height:7px}
@media (max-width:720px){.mk-shot .shot-mini{flex-direction:column;align-items:stretch;gap:10px}
  .mk-shot .shot-mini .donut{margin:0 auto}}

/* --- 1.9: marka logosu (kurumsal sürüm) --- */
.brand .logo-img{width:34px;height:34px;border-radius:10px;object-fit:contain;background:var(--surface);
  border:1px solid var(--line);flex:0 0 auto}
.brandmark .gl-img{width:36px;height:36px;border-radius:11px;object-fit:contain;background:#fff;flex:0 0 auto}

/* ===========================================================
   1.9 — Kurulum paketleri ekranı
   =========================================================== */
.deploy{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:16px;align-items:start}
.dp-list{max-height:640px;overflow:auto;padding:8px}
.dp-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);
  color:inherit;text-decoration:none;border:1px solid transparent;transition:background .14s,border-color .14s}
.dp-item:hover{background:var(--surface-2)}
.dp-item.on{background:var(--accent-soft);border-color:var(--accent-line)}
.dp-b{flex:1;min-width:0}
.dp-b b{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-b small{display:block;font-size:11px;color:var(--text-3)}
.dp-x{color:var(--accent);font-size:11px;width:12px;text-align:center}
.dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dp-grid .field{margin:0}
.dp-grid .field small{display:block;margin-top:5px;font-size:11px}
.dp-checks{display:flex;flex-direction:column;gap:9px}
.dp-chk{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;transition:border-color .14s,background .14s;min-width:0}
.dp-chk>span{min-width:0;flex:1}
.dp-chk:hover{border-color:var(--accent-line);background:var(--surface-2)}
.dp-chk input{margin-top:2px;flex:0 0 auto}
.dp-chk b{display:block;font-size:13px;font-weight:650}
.dp-chk small{display:block;font-size:11.5px;color:var(--text-3);margin-top:2px;line-height:1.5}
.dp-foot{border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.dp-note{flex:1;min-width:220px}
.dp-note b{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.dp-note span{display:block;font-size:11.5px;color:var(--text-2);margin-top:4px;line-height:1.7}
.dp-step{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--line)}
.dp-step:last-child{border-bottom:0}
.dp-n{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:700;font-family:var(--f-mono)}
.dp-step b{font-size:13px;font-weight:650}
.dp-step p{margin:2px 0 0;font-size:12.5px;color:var(--text-2);line-height:1.6}
@media (max-width:980px){
  .deploy{grid-template-columns:1fr}
  .dp-list{max-height:300px}
  .dp-grid{grid-template-columns:1fr}
}

/* ===========================================================
   2.0 — PREMIUM KATMAN
   Görünüm kipleri · kart/kanban/takvim · içe aktarım · raporlar
   =========================================================== */

/* --- görünüm kipi çubuğu --- */
.vmodes{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:2px 0 -4px}
.vm-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;
  background:var(--surface-2);padding:2px}
.vm-seg a{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;font-size:12px;font-weight:650;
  color:var(--text-2);text-decoration:none;border-radius:999px;transition:background .16s,color .16s,box-shadow .16s}
.vm-seg a span{font-size:11px;opacity:.75}
.vm-seg a:hover{color:var(--text)}
.vm-seg a.on{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow)}
.hidden-form{display:none}

/* --- kart görünümü --- */
.reccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px;padding:14px}
.rc{display:flex;flex-direction:column;gap:7px;padding:14px 15px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--surface);color:inherit;text-decoration:none;
  transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}
.rc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-line);
  opacity:0;transition:opacity .16s}
.rc:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-line)}
.rc:hover:before{opacity:1}
.rc-h{display:flex;align-items:center;gap:8px}
.rc-code{font-size:10.5px;color:var(--text-3);letter-spacing:.02em}
.rc-h .pill{margin-left:auto}
.rc-t{font-size:13.5px;font-weight:650;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.rc-r{font-size:12px;color:var(--text-2)}
.rc-f{display:flex;flex-wrap:wrap;gap:6px}
.rc-kv{display:flex;flex-direction:column;padding:5px 9px;border-radius:var(--r-sm);background:var(--surface-2);min-width:0}
.rc-kv em{font-style:normal;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:700}
.rc-kv b{font-size:11.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.rc-b{display:flex;align-items:center;gap:7px;margin-top:2px;padding-top:9px;border-top:1px dashed var(--line);font-size:11.5px}
.rc-av{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent-soft);color:var(--accent-ink);font-size:9.5px;font-weight:700}
.rc-av.sm{width:19px;height:19px;font-size:8.5px;border-radius:6px}
.rc-o{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}
.rc-d{font-family:var(--f-mono);color:var(--text-3);font-size:11px}
.rc-d.late,.kan-m .late{color:var(--danger);font-weight:700;font-family:var(--f-mono);font-size:11px}
.rc-a{font-family:var(--f-mono);font-size:12px;font-weight:700}

/* --- kanban --- */
.kanwrap{overflow-x:auto;padding:14px;-webkit-overflow-scrolling:touch}
.kan{display:flex;gap:12px;min-width:min-content;align-items:flex-start}
.kan-col{flex:0 0 272px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);
  display:flex;flex-direction:column;max-height:70vh}
.kan-h{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid var(--line);font-size:12.5px}
.kan-h b{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kan-h small{font-family:var(--f-mono);font-size:10.5px;color:var(--text-3);margin-left:auto}
.kan-n{background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:1px 8px;
  font-size:10.5px;font-weight:700;font-family:var(--f-mono)}
.kan-b{padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}
.kan-c{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border-radius:var(--r);
  background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;
  box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .14s,box-shadow .14s,border-color .14s}
.kan-c:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--accent-line)}
.kan-c b{font-size:12.5px;font-weight:650;line-height:1.4}
.kan-c>span{font-size:11.5px;color:var(--text-3)}
.kan-m{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:2px}
.kan-m b{font-family:var(--f-mono);font-size:11.5px}
.kan-e{padding:16px 8px;text-align:center;font-size:11.5px;color:var(--text-3);
  border:1px dashed var(--line);border-radius:var(--r)}

/* --- takvim --- */
.cal-h{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line)}
.cal-h b{font-size:14px;font-weight:700;min-width:130px;text-align:center}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);padding:1px}
.cal-w{background:var(--surface-2);padding:8px 6px;text-align:center;font-size:10.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.cal-d{background:var(--surface);min-height:104px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}
.cal-d.out{background:var(--surface-2);opacity:.5}
.cal-n{font-size:11px;font-weight:700;color:var(--text-3);font-family:var(--f-mono);align-self:flex-start;
  padding:1px 5px;border-radius:6px}
.cal-d.today .cal-n{background:var(--accent);color:var(--pri-fg)}
.cal-d.has{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface))}
.cal-i{display:block;font-size:10.5px;padding:3px 6px;border-radius:5px;color:var(--text);text-decoration:none;
  background:var(--surface-2);border-left:3px solid var(--accent);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;transition:background .14s}
.cal-i:hover{background:var(--accent-soft)}
.cal-i.ok{border-left-color:var(--ok)} .cal-i.warn{border-left-color:var(--warn)}
.cal-i.bad{border-left-color:var(--danger)} .cal-i.teal{border-left-color:var(--teal)}
.cal-more{font-size:10px;color:var(--text-3);padding-left:6px}

/* --- içe aktarım --- */
.modal-box.wide{max-width:780px}
.dropzone{border:2px dashed var(--line-strong);border-radius:var(--r-lg);padding:28px 22px;text-align:center;
  background:var(--surface-2);transition:border-color .16s,background .16s}
.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}
.dz-ico{display:block;font-size:26px;color:var(--accent);margin-bottom:8px}
.dropzone b{display:block;font-size:14px;margin-bottom:6px}
.dropzone p{margin:0 auto 14px;font-size:12.5px;color:var(--text-2);max-width:52ch;line-height:1.7}
.dropzone input[type=file]{margin:0 auto;display:block;font-size:12.5px}
.impinfo{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.impinfo b{font-size:12.5px;display:block;margin-bottom:4px}
.impinfo span{font-size:12px;color:var(--text-2);line-height:1.7}
.maplist{display:flex;flex-direction:column;gap:8px}
.maprow{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:8px}
.mp-l{font-size:12.5px;font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-a{text-align:center;color:var(--text-3);font-size:12px}
.maprow select{width:100%;padding:7px 10px;font-size:12.5px}
.rectable.prev th,.rectable.prev td{font-size:11.5px;padding:6px 9px;white-space:nowrap}

@media (max-width:760px){
  .vm-seg a{padding:5px 9px;font-size:11px}
  .vm-seg a:not(.on){gap:0}
  .cal-d{min-height:62px}
  .cal-i{font-size:9px;padding:2px 4px}
  .maprow{grid-template-columns:1fr;gap:4px}
  .mp-l{text-align:left}
  .mp-a{display:none}
  .reccards{grid-template-columns:1fr;padding:10px}
}

/* --- raporlar: tarih aralığı --- */
.rangebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}
.rg-f{display:flex;flex-direction:column;gap:3px}
.rg-f span{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.rg-f input{padding:6px 10px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--surface);color:var(--text);font-family:var(--f-mono)}

/* --- hesabım: tema seçiciler --- */
.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.modegrid{display:flex;gap:8px;flex-wrap:wrap}
.themechip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;font-size:12.5px;font-weight:600;transition:border-color .14s,background .14s}
.themechip:hover{border-color:var(--accent-line);background:var(--surface-2)}
.themechip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.themechip input{position:absolute;opacity:0;pointer-events:none}
.tc-dot{width:16px;height:16px;border-radius:6px;flex:0 0 auto;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}

/* ===========================================================
   2.0 — yazdırma düzeni (rapor ve listeler)
   =========================================================== */
.printfoot{display:none}
@media print{
  @page{margin:14mm}
  body{background:#fff}
  .side,.topbar,.tabbar,.no-print,.vmodes,.filterbar,.viewbar,.bulkbar,.quickbar,
  .perm-strip,.chtip,.toastwrap,.side-scrim,.modal-scrim,.drawer-scrim{display:none!important}
  .app,.main,.view{display:block;height:auto;overflow:visible}
  .view{padding:0}
  .wrap{max-width:none;padding:0;gap:12px}
  .card,.kpi,.tile,.hero-head,.page-head{box-shadow:none;border-color:#d8d8d8;break-inside:avoid}
  .page-head{background:#fff;padding:0 0 10px;border:0;border-bottom:2px solid #222;border-radius:0}
  .page-head .ph-ico{background:#222!important;color:#fff!important;box-shadow:none}
  .hero-head{background:#fff}
  .sec-div{margin:14px 0 4px;break-after:avoid}
  .split,.tilegrid,.kpis{break-inside:avoid}
  .rectable th{background:#f3f3f3!important}
  .rectable tbody tr{break-inside:avoid}
  .printfoot{display:block;margin-top:18px;padding-top:10px;border-top:1px solid #ccc;
    font-size:10px;color:#666;text-align:center}
  a[href]:after{content:""}
}
.userbtn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent);color:var(--pri-fg);font-size:11px;font-weight:800;text-decoration:none;
  letter-spacing:.02em;box-shadow:0 6px 14px -8px color-mix(in srgb,var(--accent) 80%,transparent);
  transition:transform .14s,box-shadow .14s}
.userbtn:hover{transform:translateY(-1px);box-shadow:0 9px 18px -8px color-mix(in srgb,var(--accent) 85%,transparent)}

/* ===========================================================
   2.0 — PREMIUM CİLA
   Odak halkaları, kaydırma çubukları, geçişler, kısayol rehberi
   =========================================================== */

/* --- görünür klavye odağı (erişilebilirlik) --- */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}
.btn:focus-visible,.chip:focus-visible,.pill:focus-visible{outline-offset:3px}
:where(input,select,textarea):focus{border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.vm-seg a:focus-visible{outline-offset:-2px}

/* --- seçim rengi --- */
::selection{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--text)}

/* --- ince kaydırma çubukları --- */
*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;
  border:3px solid var(--bg);background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}

/* --- içerik girişi --- */
@keyframes viewin{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.view>.wrap{animation:viewin .26s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion: reduce){.view>.wrap{animation:none}}

/* --- uzun listelerde yapışkan başlık --- */
.tablewrap{position:relative}
.rectable thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);
  box-shadow:inset 0 -1px 0 var(--line)}
.rectable.prev thead th{position:static;box-shadow:none}

/* --- tablo satırı vurgusu --- */
.rectable tbody tr{transition:background .12s}
.rectable tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}

/* --- düğme mikro etkileşimi --- */
.btn{transition:transform .12s,background .14s,border-color .14s,box-shadow .14s}
.btn:active:not(.disabled){transform:translateY(1px)}
.btn.pri{box-shadow:0 8px 18px -10px color-mix(in srgb,var(--pri-bg) 85%,transparent)}
.btn.pri:hover{box-shadow:0 12px 24px -10px color-mix(in srgb,var(--pri-bg) 90%,transparent)}
.btn.lg{padding:9px 18px;font-size:13.5px;border-radius:var(--r)}

/* --- klavye kısayolları rehberi --- */
.keyhelp{position:fixed;inset:0;z-index:1400;background:color-mix(in srgb,var(--text) 42%,transparent);
  backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:viewin .18s both}
.kh-box{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.kh-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.kh-h b{flex:1;font-size:14px}
.kh-l{padding:8px 16px 16px;display:flex;flex-direction:column}
.kh-r{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:12.5px}
.kh-r:last-child{border-bottom:0}
.kh-r kbd{flex:0 0 auto;min-width:112px;font-family:var(--f-mono);font-size:11px;font-weight:600;
  padding:3px 8px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;
  background:var(--surface-2);color:var(--text-2);text-align:center}
.kh-r span{color:var(--text-2)}

/* --- zenginleştirilmiş boş durum --- */
.empty-state .es-ico{background:linear-gradient(145deg,var(--surface-2),var(--surface-3));
  color:var(--text-3);box-shadow:inset 0 1px 0 var(--surface)}

/* --- kart yükseltme sistemi --- */
.card{transition:box-shadow .18s,border-color .18s}
.split>.card:hover,.grid2>.card:hover{border-color:color-mix(in srgb,var(--line-strong) 60%,transparent)}

/* --- mobil: kısayol rehberi ve görünüm kipleri --- */
@media (max-width:640px){
  .kh-r{flex-direction:column;align-items:flex-start;gap:4px}
  .kh-r kbd{min-width:0}
  .userbtn{width:30px;height:30px}
}

/* ===========================================================
   2.1 — Dosya ekleri · ajanda · yazdırılabilir kayıt föyü
   =========================================================== */

/* --- dosya listesi (kayıt çekmecesi) --- */
.filelist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.fi{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);transition:border-color .14s,background .14s}
.fi:hover{border-color:var(--accent-line);background:var(--surface-2)}
.fi-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent-soft);color:var(--accent-ink);font-size:15px}
.fi-th{width:34px;height:34px;border-radius:9px;overflow:hidden;flex:0 0 auto;display:block;
  border:1px solid var(--line);background:var(--surface-2)}
.fi-th img{width:100%;height:100%;object-fit:cover;display:block}
.fi-b{flex:1;min-width:0}
.fi-b a{display:block;font-size:12.5px;font-weight:650;color:var(--text);text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-b a:hover{color:var(--accent-ink);text-decoration:underline}
.fi-b small{display:block;font-size:10.5px;color:var(--text-3);font-family:var(--f-mono)}
.fi-x{border:0;background:none;color:var(--text-3);cursor:pointer;font-size:12px;padding:5px 7px;
  border-radius:6px;flex:0 0 auto;transition:background .14s,color .14s}
.fi-x:hover{background:var(--danger-soft);color:var(--danger)}

/* --- dosya yükleme alanı --- */
.filedrop{display:flex;flex-direction:column;gap:9px;margin-bottom:6px}
.fd-pick{display:flex;align-items:center;gap:11px;padding:12px 14px;border:2px dashed var(--line-strong);
  border-radius:var(--r);background:var(--surface-2);cursor:pointer;transition:border-color .16s,background .16s}
.fd-pick:hover{border-color:var(--accent);background:var(--accent-soft)}
.fd-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--surface);color:var(--accent);font-size:15px;border:1px solid var(--line)}
.fd-pick>span:nth-child(2){flex:1;min-width:0}
.fd-pick b{display:block;font-size:12.5px}
.fd-pick small{display:block;font-size:11px;color:var(--text-3);line-height:1.5;margin-top:1px}
.fd-pick input[type=file]{flex:0 0 100%;font-size:11.5px;margin-top:4px}

/* --- ajanda --- */
.agsplit{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px;align-items:start}
.aglegend{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--text-3);flex-wrap:wrap}
.aglegend i{width:9px;height:9px;border-radius:3px;background:var(--accent);margin-left:6px}
.aglegend i:first-child{margin-left:0}
.aglegend i.bad{background:var(--danger)} .aglegend i.warn{background:var(--warn)}
.aglegend i.ok{background:var(--ok)} .aglegend i.acc{background:var(--accent)}
.agsplit .cal-d{min-height:118px}
@media (max-width:1100px){.agsplit{grid-template-columns:1fr}}
@media (max-width:760px){.agsplit .cal-d{min-height:64px}.aglegend{display:none}}

/* ===========================================================
   Yazdırılabilir kayıt föyü (A4)
   =========================================================== */
.sheet-body{background:var(--surface-2);min-height:100vh;padding:0 0 40px}
.sheet-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.sheet{max-width:820px;margin:26px auto;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:38px 42px 30px;color:var(--text)}

.sh-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;
  padding-bottom:18px;border-bottom:2px solid var(--text)}
.sh-brand{display:flex;gap:13px;align-items:flex-start;min-width:0}
.sh-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent);color:var(--pri-fg);font-weight:800;font-size:15px}
.sh-brand b{display:block;font-family:var(--f-display);font-size:19px;font-weight:700;letter-spacing:-.02em}
.sh-brand span{display:block;font-size:11.5px;color:var(--text-2);margin-top:3px;line-height:1.6}
.sh-brand small{display:block;font-size:11px;color:var(--text-3);margin-top:2px;max-width:42ch;line-height:1.6}
.sh-meta{text-align:right;flex:0 0 auto}
.sh-type{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent-ink)}
.sh-code{font-family:var(--f-mono);font-size:19px;font-weight:600;margin-top:3px}
.sh-date{font-size:11.5px;color:var(--text-2);margin-top:3px}

.sh-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 18px}
.sh-title h1{font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}
.sh-status{font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;
  border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap}

.sh-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sh-p{background:var(--surface);padding:11px 14px}
.sh-p span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.sh-p b{display:block;font-size:13px;font-weight:650;margin-top:3px}
.sh-p.hi{background:var(--accent-soft)}
.sh-p.hi b{font-family:var(--f-mono);font-size:15px;color:var(--accent-ink)}

.sh-sec{margin-top:24px}
.sh-sec h2{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--text-3);
  margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.sh-table{width:100%;border-collapse:collapse;font-size:12.5px}
.sh-table th{text-align:left;font-weight:600;color:var(--text-2);padding:7px 0;width:42%;
  border-bottom:1px dashed var(--line);vertical-align:top;background:transparent;position:static;
  text-transform:none;letter-spacing:normal;font-size:12.5px;box-shadow:none}
.sh-table td{padding:7px 0;border-bottom:1px dashed var(--line);font-weight:600}
.sh-table tr:last-child th,.sh-table tr:last-child td{border-bottom:0}
.sh-block{margin-top:12px}
.sh-block span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.sh-block p{margin:5px 0 0;font-size:12.5px;line-height:1.75;white-space:pre-wrap}
.sh-total{width:min(320px,100%);margin-left:auto;border-collapse:collapse;font-size:13px}
.sh-total th{text-align:left;font-weight:500;color:var(--text-2);padding:7px 0;background:transparent;
  position:static;text-transform:none;letter-spacing:normal;font-size:13px;box-shadow:none}
.sh-total td{text-align:right;font-family:var(--f-mono);font-weight:600;padding:7px 0}
.sh-total .grand th,.sh-total .grand td{border-top:2px solid var(--text);font-weight:700;font-size:15px;padding-top:9px}
.sh-fine{font-size:10.5px;color:var(--text-3);margin:8px 0 0;text-align:right}
.sh-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sh-list{list-style:none;margin:0;padding:0;font-size:12px}
.sh-list li{padding:6px 0;border-bottom:1px dashed var(--line);line-height:1.6}
.sh-list li:last-child{border-bottom:0}
.sh-list small{color:var(--text-3);font-family:var(--f-mono);font-size:10.5px;margin-left:5px}
.sh-list.notes span{display:block;color:var(--text-2);margin-top:2px}
.sheet th{background:transparent;position:static;box-shadow:none}
.sh-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.sh-sign span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.sh-sign i{display:block;height:40px;border-bottom:1px solid var(--line-strong);margin-bottom:6px}
.sh-sign b{font-size:12px;font-weight:600;color:var(--text-2)}
.sh-foot{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);
  font-size:10.5px;color:var(--text-3);line-height:1.7;text-align:center}

@media (max-width:720px){
  .sheet{padding:24px 20px;margin:14px;border-radius:var(--r)}
  .sh-head{flex-direction:column;gap:14px}
  .sh-meta{text-align:left}
  .sh-two,.sh-sign{grid-template-columns:1fr;gap:16px}
}
@media print{
  .sheet-body{background:#fff;padding:0}
  .sheet-bar{display:none!important}
  .sheet{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:0}
  .sh-sec,.sh-sign,.sh-parties{break-inside:avoid}
  .sh-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* takvim hücresi taşmasın: esnek çocukların doğal genişliği sütunu büyütmesin */
.cal-d>*{min-width:0;max-width:100%}
.cal-i{align-self:stretch}
.agsplit>*{min-width:0}
.split>*,.grid2>*,.deploy>*{min-width:0}

/* ===========================================================
   2.2 — Otomasyon kuralları · bağlı kayıtlar
   =========================================================== */

/* --- kural formu --- */
.autogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.autochip{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;font-size:12.5px;font-weight:600;transition:border-color .14s,background .14s}
.autochip:hover{border-color:var(--accent-line);background:var(--surface-2)}
.autochip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.autochip input{margin:0;flex:0 0 auto}
.condrow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center}
.condrow select,.condrow input{width:100%;padding:8px 11px;font-size:12.5px}

/* --- kural listesi --- */
.rulelist{display:flex;flex-direction:column}
.rule{display:grid;grid-template-columns:38px 1fr auto auto;gap:13px;align-items:center;
  padding:14px 18px;border-bottom:1px solid var(--line);transition:background .14s}
.rule:last-child{border-bottom:0}
.rule:hover{background:var(--surface-2)}
.rule.off{opacity:.62}
.ru-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:15px;
  background:var(--accent-soft);color:var(--accent-ink)}
.rule.off .ru-ic{background:var(--surface-3);color:var(--text-3)}
.ru-b{min-width:0}
.ru-b b{display:block;font-size:13.5px;font-weight:650}
.ru-b span{display:block;font-size:11.5px;color:var(--text-2);margin-top:2px}
.ru-b em{display:block;font-style:normal;font-size:11px;color:var(--text-3);margin-top:3px;
  padding-left:9px;border-left:2px solid var(--line-strong);line-height:1.5}
.ru-m{text-align:right;white-space:nowrap}
.ru-m small{display:block;font-size:10.5px;margin-top:4px}
.ru-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* --- hazır şablonlar --- */
.tplgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.tplcard{display:flex;flex-direction:column;gap:7px;padding:15px 16px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);
  transition:transform .16s,box-shadow .16s,border-color .16s}
.tplcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-line)}
.tpl-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:15px;
  background:var(--accent-soft);color:var(--accent-ink)}
.tplcard b{font-size:13px;font-weight:650;line-height:1.4}
.tplcard>span:last-of-type{font-size:11.5px;color:var(--text-3);line-height:1.5;flex:1}
.tplcard button{align-self:flex-start;margin-top:3px}

/* --- bağlı kayıtlar --- */
.linklist{display:flex;flex-direction:column;gap:7px;margin-bottom:11px}
.lk{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);transition:border-color .14s,background .14s}
.lk:hover{border-color:var(--accent-line);background:var(--surface-2)}
.lk-m{flex:0 0 auto;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;
  color:var(--accent-ink);background:var(--accent-soft);padding:3px 7px;border-radius:6px;
  max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-t{flex:1;min-width:0;color:inherit;text-decoration:none}
.lk-t b{display:block;font-size:12.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-t small{display:block;font-size:10.5px;color:var(--text-3)}
.lk-t:hover b{color:var(--accent-ink);text-decoration:underline}
.linkadd{display:flex;gap:8px;margin-bottom:6px}
.linkadd select{flex:1;min-width:0;padding:8px 11px;font-size:12.5px}

@media (max-width:820px){
  .condrow{grid-template-columns:1fr}
  .rule{grid-template-columns:32px 1fr;gap:10px}
  .ru-m,.ru-a{grid-column:2;text-align:left;justify-content:flex-start}
  .ru-m{margin-top:2px}
}
.autobar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}
.autobar .chipbar{gap:6px}

/* ===================================================================
   2.3 — Onay akışı · Veri merkezi · Kayıttan e-posta
   =================================================================== */

/* --- menü rozeti --- */
.navbadge{margin-left:auto;min-width:19px;height:19px;padding:0 6px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;
  background:var(--warn);color:#2a1a00;letter-spacing:.2px}
.nav a.on .navbadge{background:var(--surface);color:var(--accent)}

/* --- onay rozetleri --- */
.apst{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap;border:1px solid transparent}
.apst.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}
.apst.bad{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.apst.wait{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}

/* --- onay kutusu listesi --- */
.aplist{display:flex;flex-direction:column;gap:10px}
.aprow{display:flex;gap:16px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--surface-2);min-width:0}
.aprow.act{border-color:color-mix(in srgb,var(--warn) 34%,var(--line));
  background:color-mix(in srgb,var(--warn) 5%,var(--surface))}
.apmain{flex:1;min-width:0}
.aptop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.apmod{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px}
.apcode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-3)}
.aptitle{display:block;font-size:14px;font-weight:700;color:var(--text);text-decoration:none;
  overflow-wrap:anywhere;line-height:1.45}
.aptitle:hover{color:var(--accent)}
.apnote{margin:6px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}
.apnote.dec{padding:7px 10px;border-radius:var(--r);background:var(--surface-2);
  border-left:3px solid var(--accent)}
.apmeta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11.5px;color:var(--text-3)}
.apact{flex:0 0 260px;display:flex;flex-direction:column;gap:8px;min-width:0}
.apact input[type=text]{width:100%;min-width:0}
.apbtns{display:flex;gap:7px;flex-wrap:wrap}
.apbtns .btn{flex:1;justify-content:center;white-space:nowrap}
@media (max-width:760px){
  .aprow{flex-direction:column;gap:11px}
  .apact{flex:1 1 auto;width:100%}
}

/* --- kayıt çekmecesi: onay geçmişi --- */
.aplog{display:flex;flex-direction:column;gap:8px;margin-bottom:11px}
.aplog-i{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:var(--r);
  background:var(--surface-2);border:1px solid var(--line);min-width:0}
.aplog-i.pending{border-color:color-mix(in srgb,var(--warn) 34%,var(--line))}
.aplog-b{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.aplog-b b{font-size:12.5px}
.aplog-b span{font-size:11px;color:var(--text-3)}
.aplog-b p{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
.aplog-b p.dec{padding-left:8px;border-left:2px solid var(--accent)}

/* --- çekmece içi katlanır form --- */
.rd-fold{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);
  margin-bottom:12px;overflow:hidden}
.rd-fold>summary{cursor:pointer;padding:10px 13px;font-size:12.5px;font-weight:700;color:var(--text-2);
  list-style:none;user-select:none;display:flex;align-items:center;gap:8px}
.rd-fold>summary::-webkit-details-marker{display:none}
.rd-fold>summary::after{content:'▾';margin-left:auto;color:var(--text-3);transition:transform .16s ease}
.rd-fold[open]>summary{border-bottom:1px solid var(--line);background:var(--surface);color:var(--accent)}
.rd-fold[open]>summary::after{transform:rotate(180deg)}
.rd-fold>summary:hover{color:var(--accent)}
.rd-form{display:flex;flex-direction:column;gap:9px;padding:12px 13px}
.rd-form input,.rd-form select,.rd-form textarea{width:100%;min-width:0;font:inherit;font-size:13px;
  padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface);color:var(--text)}
.rd-form textarea{resize:vertical;line-height:1.6;min-height:74px}
.rd-form input:focus,.rd-form select:focus,.rd-form textarea:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.rd-btns{display:flex;gap:8px;flex-wrap:wrap}
.rd-hint{margin:0;font-size:11.5px;line-height:1.65;color:var(--text-3)}
.rd-hint code{font-size:10.5px;padding:1px 5px;border-radius:4px;background:var(--surface-2);
  border:1px solid var(--line);color:var(--text-2)}

/* --- veri merkezi --- */
.dstat{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 0;
  border-bottom:1px dashed var(--line);font-size:12.5px}
.dstat:last-of-type{border-bottom:0}
.dstat span{color:var(--text-3)}
.dstat b{font-size:13.5px;text-align:right;overflow-wrap:anywhere}
.dbar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;min-width:70px}
.dbar>i{display:block;height:100%;border-radius:999px;background:var(--accent);
  background-image:linear-gradient(90deg,var(--accent) 0%,var(--teal) 100%)}


/* ===================================================================
   2.4 — Etiketler · Global arama · Aktivite akışı · Premium cila
   =================================================================== */

/* --- etiket çipleri --- */
.tagrow{display:inline-flex;flex-wrap:wrap;gap:5px;align-items:center;vertical-align:middle}
.tagrow.big{display:flex;gap:7px;margin-bottom:11px}
.tagchip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.1px;white-space:nowrap;line-height:1.7;
  border:1px solid transparent;background:var(--surface-2);color:var(--text-2)}
.tagchip.sm{font-size:10.5px;padding:1px 8px 1px 6px}
.tagchip>i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;opacity:.85}
.tagchip.acc {background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}
.tagchip.teal{background:var(--teal-soft);color:var(--teal);
  border-color:color-mix(in srgb,var(--teal) 26%,transparent)}
.tagchip.ok  {background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}
.tagchip.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.tagchip.bad {background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.tagchip.pink{background:color-mix(in srgb,#d55181 12%,var(--surface));color:#c2426f;
  border-color:color-mix(in srgb,#d55181 26%,transparent)}
.tagchip.plum{background:color-mix(in srgb,#7a5af5 12%,var(--surface));color:#6b4be0;
  border-color:color-mix(in srgb,#7a5af5 26%,transparent)}
.tagchip.mut {background:var(--surface-2);color:var(--text-3);border-color:var(--line)}
:root[data-theme="dark"] .tagchip.pink{color:#e88fb0}
:root[data-theme="dark"] .tagchip.plum{color:#a794f2}
.tg-x{border:0;background:transparent;color:inherit;opacity:.55;cursor:pointer;font-size:11px;
  padding:0 0 0 2px;line-height:1}
.tg-x:hover{opacity:1}
.cell-main .tagrow{margin-top:5px}
.chipbar.tagbar .chip.tg .dot{width:7px;height:7px}

/* --- etiket yöneticisi --- */
.taglist{display:flex;flex-direction:column;gap:6px;max-height:460px;overflow:auto}
.tgi{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);text-decoration:none;min-width:0;transition:.14s}
.tgi:hover{border-color:var(--accent);transform:translateX(2px)}
.tgi.on{border-color:var(--accent);background:var(--accent-soft)}
.tgi-n{font-size:11.5px;color:var(--text-3);font-weight:600;white-space:nowrap}
.tgi-d{font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  margin-left:auto;text-align:right;min-width:0}
.tagform{display:flex;flex-direction:column;gap:2px}
.colorpick{display:flex;flex-wrap:wrap;gap:7px}
.colorpick label.cp{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;
  border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:600;
  color:var(--text-2);background:var(--surface);transition:.14s}
.colorpick label.cp input{position:absolute;opacity:0;width:0;height:0}
.colorpick label.cp i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.colorpick .cp.acc  i{background:var(--accent)}
.colorpick .cp.teal i{background:var(--teal)}
.colorpick .cp.ok   i{background:var(--ok)}
.colorpick .cp.warn i{background:var(--warn)}
.colorpick .cp.bad  i{background:var(--danger)}
.colorpick .cp.pink i{background:#d55181}
.colorpick .cp.plum i{background:#7a5af5}
.colorpick .cp.mut  i{background:var(--text-3)}
.colorpick label.cp:hover{border-color:var(--accent)}
.colorpick label.cp:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.colorpick label.cp:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.colorpick.sm label.cp{padding:5px;gap:0}
.colorpick.sm label.cp span{display:none}

/* --- arama --- */
.searchbar{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 14px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface-2);transition:.16s}
.searchbar:focus-within{border-color:var(--accent);background:var(--surface);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.searchbar .sb-ic{color:var(--text-3);font-size:15px;flex:none}
.searchbar input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:inherit;
  font-size:14px;color:var(--text);padding:8px 0}
.searchbar .btn{flex:none}
.reslist{display:flex;flex-direction:column}
.res{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-top:1px solid var(--line);
  text-decoration:none;color:inherit;min-width:0;transition:.12s}
.reslist .res:first-child{border-top:0}
a.res:hover{background:var(--surface-2)}
a.res:hover .res-go{opacity:1;transform:translateX(2px)}
.res-ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--surface-2);color:var(--text-3);font-size:14px;border:1px solid var(--line)}
.res-ic.av{background:var(--accent);color:#fff;font-size:11px;font-weight:800;border-color:transparent}
.res-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.res-t{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.5;overflow-wrap:anywhere}
.res-m{font-size:11.5px;color:var(--text-3);display:flex;flex-wrap:wrap;gap:0 6px}
.res-s{font-size:12px;color:var(--text-2);line-height:1.55;overflow-wrap:anywhere}
.res-go{flex:none;color:var(--text-3);opacity:.45;font-size:15px;align-self:center;transition:.14s}
mark{background:color-mix(in srgb,var(--warn) 34%,transparent);color:inherit;
  border-radius:3px;padding:0 2px;font-weight:700}

/* --- aktivite zaman tüneli --- */
.tline{display:flex;flex-direction:column}
.tl-day{display:flex;align-items:center;gap:12px;margin:18px 0 10px;font-size:11.5px}
.tline>.tl-day:first-child{margin-top:0}
.tl-day>span{font-weight:800;color:var(--text);letter-spacing:.2px;white-space:nowrap}
.tl-day>i{flex:1;height:1px;background:var(--line)}
.tl-day>b{color:var(--text-3);font-weight:600;white-space:nowrap}
.tl-i{display:flex;gap:13px;padding:9px 0 9px 2px;position:relative;min-width:0}
.tl-i::before{content:'';position:absolute;left:15px;top:36px;bottom:-9px;width:1px;background:var(--line)}
.tl-i:last-child::before{display:none}
.tl-ic{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px;
  background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);z-index:1}
.tl-ic.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}
.tl-ic.bad,.tl-ic.red{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.tl-ic.warn,.tl-ic.amber{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.tl-ic.teal{background:var(--teal-soft);color:var(--teal);
  border-color:color-mix(in srgb,var(--teal) 26%,transparent)}
.tl-ic.acc{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}
.tl-b{flex:1;min-width:0;padding-top:1px}
.tl-t{font-size:13px;font-weight:700;color:var(--text);display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.tl-t a{color:inherit;text-decoration:none}
.tl-t a:hover{color:var(--accent)}
.tl-k{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;
  padding:1px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.tl-b p{margin:4px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}
.tl-m{margin-top:5px;font-size:11px;color:var(--text-3)}

/* --- premium cila: odak, geçiş, boş durum --- */
kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid var(--line);
  border-bottom-width:2px;background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10.5px;font-weight:600;color:var(--text-2);line-height:1.7}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);
  outline-offset:2px;border-radius:var(--r-sm)}
.empty-state{animation:fadeup .3s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .empty-state{animation:none}
  .tgi:hover{transform:none}
  a.res:hover .res-go{transform:none}
}
.rectable tbody tr{transition:background .12s}
.tile{transition:border-color .16s,transform .16s,box-shadow .16s}
.tile:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
@media print{
  .tl-i::before{display:none}
  .res-go,.searchbar .btn,.chipbar{display:none!important}
  .tline,.reslist{break-inside:avoid}
}
@media (max-width:760px){
  .tgi-d{display:none}
  .searchbar{padding-left:11px}
  .searchbar input{font-size:13px}
  .res{padding:11px 13px;gap:10px}
}

/* --- etiket filtre çubuğu: renk noktaları (2.4) --- */
.chipbar.tagbar .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--text-3)}
.chipbar.tagbar .dot.acc {background:var(--accent)}
.chipbar.tagbar .dot.teal{background:var(--teal)}
.chipbar.tagbar .dot.ok  {background:var(--ok)}
.chipbar.tagbar .dot.warn{background:var(--warn)}
.chipbar.tagbar .dot.bad {background:var(--danger)}
.chipbar.tagbar .dot.pink{background:#d55181}
.chipbar.tagbar .dot.plum{background:#7a5af5}
.chipbar.tagbar .dot.mut {background:var(--text-3)}
.chipbar.tagbar .chip{display:inline-flex;align-items:center;gap:7px}

/* ===================================================================
   2.5 — Görünüm paneli (yığın bağlamından bağımsız)
   -------------------------------------------------------------------
   Panel <body> altında durur ve position:fixed'tir. Üst çubuğun
   backdrop-filter'ı yüzünden oluşan yığın bağlamına hapsolmadığı için
   hiçbir ekranda içeriğin altına kaymaz, kenardan taşmaz.
   =================================================================== */
#themehost{display:none}
#themehost[data-open]{display:block}
.tp-scrim{position:fixed;inset:0;z-index:9000;background:rgba(9,14,26,.34);
  backdrop-filter:blur(2px);animation:tpFade .16s ease}
.thempop{position:fixed;z-index:9001;top:58px;right:16px;width:min(360px,calc(100vw - 24px));
  max-height:min(76vh,640px);display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg);animation:tpIn .17s cubic-bezier(.22,.9,.3,1)}
.tp-head{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 10px;
  border-bottom:1px solid var(--line);flex:0 0 auto}
.tp-head h4{font-size:13px;font-weight:800;margin:0 0 3px}
.tp-head p{margin:0;font-size:11.5px;color:var(--text-3);line-height:1.5}
.tp-x{flex:none;width:30px;height:30px;font-size:13px}
.tp-body{padding:12px 14px;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto}
.tp-sec{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:var(--text-3);margin:14px 0 8px}
.tp-body>.tp-sec:first-child{margin-top:0}
.tp-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;
  padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);
  cursor:pointer}
.tp-row b{font-size:12.5px;display:block}
.tp-row small{font-size:11px;color:var(--text-3);display:block;margin-top:2px}
.tp-row input{width:18px;height:18px;flex:none;accent-color:var(--accent);cursor:pointer}
.tp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;
  padding:11px 14px;border-top:1px solid var(--line);background:var(--surface-2)}
.tp-foot .muted{font-size:11px}
@keyframes tpFade{from{opacity:0}to{opacity:1}}
@keyframes tpIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}

/* mobil: alt sayfa — kenardan taşma imkânsız */
@media (max-width:760px){
  .thempop{top:auto;right:0;left:0;bottom:0;width:100%;max-height:82vh;
    border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;
    padding-bottom:env(safe-area-inset-bottom);
    animation:tpUp .22s cubic-bezier(.22,.9,.3,1)}
  .thempop::before{content:"";position:absolute;left:50%;top:7px;width:38px;height:4px;
    margin-left:-19px;border-radius:999px;background:var(--line-strong)}
  .tp-head{padding-top:20px}
  .tp-body{padding-bottom:18px}
}
@keyframes tpUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  .tp-scrim,.thempop{animation:none}
}

/* ===================================================================
   2.5 — Arayüz yoğunluğu, yazı boyutu ve dar menü
   =================================================================== */

/* yazı boyutu: kök ölçek — tüm rem/em tabanlı ölçüler birlikte ölçeklenir */
:root[data-size="kucuk"]{--ui-scale:.92}
:root[data-size="normal"]{--ui-scale:1}
:root[data-size="buyuk"]{--ui-scale:1.09}
:root[data-size="kucuk"] body{font-size:13px}
:root[data-size="buyuk"] body{font-size:15.5px}
:root[data-size="kucuk"] .nav a{font-size:12.2px}
:root[data-size="buyuk"] .nav a{font-size:14.2px}
:root[data-size="kucuk"] .rectable{font-size:12px}
:root[data-size="buyuk"] .rectable{font-size:14px}
:root[data-size="kucuk"] .card-h h3{font-size:13px}
:root[data-size="buyuk"] .card-h h3{font-size:15.5px}

/* yoğunluk: dikey boşlukları topla ya da aç */
:root[data-density="sik"] .nav a{padding:4px 9px}
:root[data-density="sik"] .nav-group{padding-top:11px}
:root[data-density="sik"] .view{padding:14px 14px 34px}
:root[data-density="sik"] .wrap{gap:12px}
:root[data-density="sik"] .card-b{padding:12px 14px}
:root[data-density="sik"] .rectable td{padding-top:6px;padding-bottom:6px}
:root[data-density="sik"] .tilegrid{gap:10px}
:root[data-density="sik"] .page-head{padding:14px 16px}

:root[data-density="rahat"] .nav a{padding:10px 11px}
:root[data-density="rahat"] .nav-group{padding-top:20px}
:root[data-density="rahat"] .view{padding:28px 26px 60px}
:root[data-density="rahat"] .wrap{gap:24px}
:root[data-density="rahat"] .card-b{padding:20px 22px}
:root[data-density="rahat"] .rectable td{padding-top:13px;padding-bottom:13px}
:root[data-density="rahat"] .tilegrid{gap:16px}

/* dar menü: yalnızca simgeler; üzerine gelince etiket balonu */
@media (min-width:761px){
  :root[data-rail="1"]{--side:66px}
  :root[data-rail="1"] .side .brand>div,
  :root[data-rail="1"] .side .brand span:not(.logo),
  :root[data-rail="1"] .side .ctx-card,
  :root[data-rail="1"] .side .ctx-label,
  :root[data-rail="1"] .side .side-h,
  :root[data-rail="1"] .side .btn.sm,
  :root[data-rail="1"] .side .navfind,
  :root[data-rail="1"] .nav-group,
  :root[data-rail="1"] .nav a .lock,
  :root[data-rail="1"] .nav a .navbadge{display:none}
  :root[data-rail="1"] .brand{justify-content:center;padding:14px 8px 12px}
  :root[data-rail="1"] .nav{padding:8px 8px}
  :root[data-rail="1"] .nav a{justify-content:center;gap:0;padding:9px 0;position:relative}
  /* dar menüde nokta yerine modülün baş harfi — sütun okunur kalır */
  :root[data-rail="1"] .nav a .ic{font-size:12.5px;font-weight:800;width:26px;height:26px;flex:0 0 26px;
    border-radius:8px;display:grid;place-items:center;background:var(--surface-2);
    border:1px solid var(--line);color:var(--text-2);letter-spacing:0}
  :root[data-rail="1"] .nav a .ic[data-i]{font-size:0}
  :root[data-rail="1"] .nav a .ic[data-i]::after{content:attr(data-i);font-size:12.5px}
  :root[data-rail="1"] .nav a.on .ic{background:var(--accent);border-color:var(--accent);color:#fff}
  :root[data-rail="1"] .nav a.locked .ic{opacity:.45}
  :root[data-rail="1"] .nav a.on:before{left:-6px}
}

/* ===================================================================
   2.5 — Kişisel menü: sabitleme, katlanabilir gruplar, düzenleme kipi
   =================================================================== */
.nav a .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav a.dim{opacity:.45}
.nav a.dim .lbl{text-decoration:line-through}

.nav-group.nav-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ng-edit{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none;
  border:1px solid var(--line);background:var(--surface);color:var(--text-3);font-size:11px;
  text-decoration:none;transition:.14s}
.ng-edit:hover{color:var(--accent);border-color:var(--accent)}
.ng-edit.on{background:var(--accent);border-color:var(--accent);color:#fff}

a.nav-group.fold{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;
  border-radius:var(--r-sm);padding-left:4px;padding-right:4px;transition:color .12s}
a.nav-group.fold:hover{color:var(--accent)}
a.nav-group.fold>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ng-n{font-size:9.5px;font-weight:700;color:var(--text-3);letter-spacing:0;
  padding:1px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);flex:none}
.ng-c{flex:none;font-size:13px;color:var(--text-3);transform:rotate(90deg);transition:transform .16s}
a.nav-group.fold.closed .ng-c{transform:rotate(0deg)}

.navhint{margin:2px 2px 10px;padding:9px 11px;border-radius:var(--r);font-size:11px;line-height:1.6;
  color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line)}
.navrow{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;min-width:0}
.navrow>a:first-child{flex:1;min-width:0}
.navrow.dim>a:first-child{opacity:.45}
.navrow.dim>a:first-child .lbl{text-decoration:line-through}
.nt-b{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:0 0 22px;
  border:1px solid var(--line);background:var(--surface);color:var(--text-3);font-size:10px;
  text-decoration:none;transition:.12s}
.nt-b:hover{color:var(--accent);border-color:var(--accent)}
.nt-b.on{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}

/* dar menüde düzenleme araçları ve rozetler gizlenir */
@media (min-width:761px){
  :root[data-rail="1"] .nt-b,
  :root[data-rail="1"] .navhint,
  :root[data-rail="1"] .nav-group.nav-top .ng-edit{display:none}
  :root[data-rail="1"] .nav a{font-size:13px}
  :root[data-rail="1"] .nav a .lbl{position:absolute;left:100%;margin-left:10px;flex:none;
    background:var(--text);color:var(--surface);padding:5px 10px;border-radius:var(--r-sm);
    font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .12s;
    z-index:var(--z-pop);box-shadow:var(--shadow);white-space:nowrap;overflow:visible}
  :root[data-rail="1"] .nav a:hover .lbl,
  :root[data-rail="1"] .nav a:focus-visible .lbl{opacity:1}
}

/* ===================================================================
   2.6 — Hedefler · Mükerrer kayıt birleştirme
   =================================================================== */

/* --- hedef kartları --- */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;padding:14px 16px}
.tgc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:13px 14px;
  display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .16s}
.tgc:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.tgc.ok{border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}
.tgc.bad{border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
.tgc-h{display:flex;align-items:center;gap:12px;min-width:0}
.tgc-h .ringwrap{flex:none}
.tgc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tgc-b b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tgc-b span{font-size:11.5px;color:var(--text-3)}
.tgc-v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-2)!important;
  font-weight:600;margin-top:2px}
.tgc .iconbtn.sm{width:26px;height:26px;font-size:11px;flex:none}
.tgc-bar{position:relative;height:8px;border-radius:999px;background:var(--surface-2);overflow:visible}
.tgc-bar>i{display:block;height:100%;border-radius:999px;background:var(--accent);
  transition:width .3s cubic-bezier(.22,.9,.3,1)}
.tgc.ok .tgc-bar>i{background:var(--ok)}
.tgc.warn .tgc-bar>i{background:var(--warn)}
.tgc.bad .tgc-bar>i{background:var(--danger)}
/* dönemin geçen kısmını gösteren tempo çizgisi */
.tgc-bar>s{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-3);opacity:.6;
  border-radius:2px;transform:translateX(-1px)}
.tgc-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:11.5px}
.tgc-n{margin:0;font-size:11.5px;color:var(--text-3);line-height:1.6;overflow-wrap:anywhere}

/* --- mükerrer aday listesi --- */
.dplist{display:flex;flex-direction:column;gap:9px}
.dpi{display:flex;align-items:center;gap:14px;padding:11px 13px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--surface-2);min-width:0}
.dp-score{flex:none;width:58px;text-align:center;display:flex;flex-direction:column;gap:1px}
.dp-score b{font-size:15px;font-weight:800;color:var(--accent);line-height:1.1}
.dp-score span{font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px}
.dp-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.dp-r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;min-width:0;font-size:12.5px}
.dp-r .mono{font-size:11px;color:var(--text-3)}
.dp-r b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.dp-r .muted{font-size:11.5px}
.dp-why{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.dpi>.btn{flex:none}

/* --- birleştirme karşılaştırması --- */
.mgkeep{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mgtable th:first-child{color:var(--text-3);font-weight:600;font-size:11.5px;vertical-align:middle}
.mgtable td{vertical-align:top;padding-top:6px;padding-bottom:6px}
.mgtable tr.same td{opacity:.62}
.mgpick{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:6px 8px;border-radius:var(--r-sm);
  border:1px solid transparent;transition:.12s;min-width:0}
.mgpick:hover{background:var(--surface-2)}
.mgpick input{margin-top:2px;flex:none;accent-color:var(--accent);width:15px;height:15px;cursor:pointer}
.mgpick span{font-size:12.5px;line-height:1.55;overflow-wrap:anywhere;min-width:0}
.mgpick:has(input:checked){border-color:var(--accent-line);background:var(--accent-soft)}
.mgpick .mx{color:var(--text-3);font-style:normal}
.mgtable thead .apst{margin-left:6px}

@media (max-width:760px){
  .tgrid{grid-template-columns:1fr;padding:12px}
  .dpi{flex-direction:column;align-items:stretch;gap:10px}
  .dp-score{width:auto;flex-direction:row;align-items:baseline;gap:6px}
  .dpi>.btn{width:100%;justify-content:center}
}

/* ===================================================================
   2.7 — Kayıt şablonları · Gösterge paneli düzeni
   =================================================================== */

/* --- form içi şablon seçici --- */
.tplbar{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:11px 13px;margin-bottom:4px;
  border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-soft)}
.tpb-l{font-size:11.5px;font-weight:800;color:var(--accent-ink);white-space:nowrap;padding-top:4px}
.tpb-list{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.tpb-note{margin:8px 0 0;font-size:11.5px;line-height:1.6;color:var(--text-3)}

/* --- şablon kartları --- */
.tplgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:14px 16px}
.tplc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:13px 14px;
  display:flex;flex-direction:column;gap:9px;min-width:0;transition:border-color .16s,transform .16s}
.tplc:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.tplc-h{display:flex;align-items:center;gap:10px;min-width:0}
.tplc-i{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent);font-size:15px}
.tplc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tplc-b b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tplc-b span{font-size:11px;color:var(--text-3)}
.tplc-d{margin:0;font-size:12px;color:var(--text-2);line-height:1.55;overflow-wrap:anywhere}
.tplc-t{font-size:12.5px;font-weight:600;padding:7px 10px;border-radius:var(--r);background:var(--surface-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tplc-m{font-size:11.5px;color:var(--text-3);line-height:1.55;overflow-wrap:anywhere}
.tplc-f{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.tplc-f .btn{flex:1;justify-content:center;white-space:nowrap}
.tplcarry{display:flex;flex-wrap:wrap;gap:5px}

/* --- gösterge paneli düzenleme --- */
.dashbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;
  border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);
  font-size:12px;color:var(--text-3)}
.dashwrap[data-edit="1"] .dashbar{border-style:solid;border-color:var(--accent-line);
  background:var(--accent-soft);color:var(--accent-ink)}
.dash-tools{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 8px;
  border:1px solid var(--accent-line);border-radius:999px;background:var(--surface);
  box-shadow:var(--shadow);width:fit-content}
.dt-l{font-size:11px;font-weight:700;color:var(--text-2);padding-right:4px;white-space:nowrap}
.dash-tools button{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);
  background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:11px;flex:none;
  display:grid;place-items:center;transition:.12s}
.dash-tools button:hover{color:var(--accent);border-color:var(--accent)}
.dashwrap[data-edit="1"] > [data-block]{position:relative;outline:1px dashed var(--line-strong);
  outline-offset:6px;border-radius:var(--r)}
.dashwrap[data-edit="1"] > [data-block].dash-off{opacity:.42}
.dashwrap[data-edit="1"] > [data-block].dash-off::after{content:"Gizli";position:absolute;top:6px;right:8px;
  font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;
  background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
@media print{.dashbar,.dash-tools{display:none!important}}
@media (max-width:760px){
  .tplgrid{grid-template-columns:1fr;padding:12px}
  .tplbar{flex-direction:column;gap:8px}
  .tpb-l{padding-top:0}
}

/* ===================================================================
   2.8 — Değişiklik geçmişi (diff) · Rapor kurucusu
   =================================================================== */

/* --- fark satırları --- */
.difflist{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.diff{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12px;line-height:1.6;min-width:0}
.d-f{font-weight:700;color:var(--text-2);flex:none;min-width:84px}
.d-o{padding:1px 7px;border-radius:5px;background:var(--danger-soft);color:var(--danger);
  text-decoration:line-through;text-decoration-thickness:1px;overflow-wrap:anywhere}
.d-a{color:var(--text-3);flex:none}
.d-n{padding:1px 7px;border-radius:5px;background:var(--ok-soft);color:var(--ok);
  font-weight:600;overflow-wrap:anywhere}
.diff .mx{font-style:normal;opacity:.7}

/* --- çekmecedeki geçmiş listesi --- */
.histlist{display:flex;flex-direction:column;gap:9px;margin-top:11px}
.histi{padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);min-width:0}
.hi-h{display:flex;align-items:center;gap:8px;font-size:11.5px;flex-wrap:wrap}
.hi-h b{font-size:12.5px}
.hi-ic{width:20px;height:20px;border-radius:6px;flex:none;display:grid;place-items:center;font-size:11px;
  background:var(--surface);border:1px solid var(--line);color:var(--text-2)}
.hi-ic.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}
.hi-ic.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.hi-ic.acc{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}

/* --- rapor kurucusu: sütun seçici --- */
.colpick{display:flex;flex-wrap:wrap;gap:6px}
.cpk{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);
  border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);
  background:var(--surface);transition:.12s;user-select:none}
.cpk input{position:absolute;opacity:0;width:0;height:0}
.cpk:hover{border-color:var(--accent);color:var(--accent)}
.cpk:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}
.cpk:has(input:checked)::before{content:"✓";font-size:10px;font-weight:800}
.cpk:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}

/* --- rapor kurucusu: koşul satırları --- */
.fltlist{display:flex;flex-direction:column;gap:8px}
.flt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;align-items:center}
.flt select,.flt input{width:100%;min-width:0;font:inherit;font-size:12.5px;padding:8px 10px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text)}
.flt select:focus,.flt input:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
@media (max-width:760px){
  .flt{grid-template-columns:1fr}
  .d-f{min-width:0;width:100%}
}

/* ===================================================================
   2.9 — Alan tasarımcısı · @bahsetme
   =================================================================== */

/* --- alan listesi --- */
.fldlist{display:flex;flex-direction:column;gap:8px}
.fldi{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);min-width:0;transition:.14s}
.fldi:hover{border-color:var(--accent-line);background:var(--surface-2)}
.fldi.off{opacity:.62;background:var(--surface-2);border-style:dashed}
.fi-ord{display:flex;flex-direction:column;gap:3px;flex:none;padding-top:1px}
.fi-ord form{display:flex;flex-direction:column;gap:3px}
.fi-ord .iconbtn:disabled{opacity:.3;cursor:default}
.fi-b{flex:1;min-width:0}
.fi-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.5}
.fi-t b{font-size:13.5px}
.fi-m{font-size:11.5px;color:var(--text-3);margin-top:4px;line-height:1.6;overflow-wrap:anywhere}
.fi-m .mono{color:var(--text-2)}
.fi-a{display:flex;gap:6px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end}
.fi-a form{display:inline}

/* --- form önizlemesi --- */
.prevform{position:relative;padding:15px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);
  background:var(--surface-2)}
.prevform::before{content:"ÖNİZLEME";position:absolute;top:-8px;left:13px;padding:1px 8px;font-size:9.5px;
  font-weight:800;letter-spacing:.08em;background:var(--surface);color:var(--text-3);
  border:1px solid var(--line);border-radius:999px}
.prevform input:disabled,.prevform select:disabled,.prevform textarea:disabled{
  background:var(--surface);color:var(--text-3);cursor:default;opacity:1}

/* --- @bahsetme --- */
.mnt{padding:1px 5px;border-radius:5px;background:var(--accent-soft);color:var(--accent-ink);
  font-weight:600;white-space:nowrap}
.mntq{font-size:12.5px;line-height:1.65;color:var(--text-2);margin-top:5px;
  padding:8px 11px;border-left:2px solid var(--accent-line);background:var(--surface-2);
  border-radius:0 var(--r-sm) var(--r-sm) 0;overflow-wrap:anywhere}
.tl-i.yeni .tl-b{background:var(--warn-soft);border-radius:var(--r);padding:9px 11px;margin:-9px -11px}
.tl-i.yeni .mntq{background:var(--surface)}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-size:11.5px;color:var(--accent);
  cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.linkbtn:hover{color:var(--accent-ink)}

/* --- @ tamamlama kutusu --- */
.mntpop{position:absolute;z-index:var(--z-pop);min-width:190px;max-width:320px;padding:5px;
  background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);
  box-shadow:0 16px 40px -18px rgba(15,23,42,.45);display:flex;flex-direction:column;gap:2px}
.mnti{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:var(--r-sm);
  background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}
.mnti:hover,.mnti.on{background:var(--accent-soft);color:var(--accent-ink)}
.mnti-a{width:21px;height:21px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:10.5px;
  font-weight:800;background:var(--accent);color:#fff}

@media (max-width:760px){
  .fldi{flex-wrap:wrap}
  .fi-a{width:100%;justify-content:flex-start}
  .prevform{padding:13px 11px}
}

/* --- tasarımcı modül seçici (uzun modül listeleri için) --- */
.modpick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.modpick label{font-size:12px;font-weight:700;color:var(--text-2);flex:none}
.modpick select{min-width:240px;max-width:100%;font:inherit;font-size:13px;font-weight:600;
  padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r);
  background:var(--surface);color:var(--text)}
.modpick select:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
@media (max-width:620px){ .modpick select{width:100%} }

/* ===================================================================
   3.0 — Güvenlik · Geliştirici merkezi · Paylaşım bağlantıları
   =================================================================== */

/* --- güvenlik: durum kutuları --- */
.secok,.secwarn{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);
  margin-bottom:13px;min-width:0}
.secok{background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 28%,transparent)}
.secwarn{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 32%,transparent)}
.secok>span,.secwarn>span{width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-size:13px;font-weight:800;color:#fff}
.secok>span{background:var(--ok)} .secwarn>span{background:var(--warn)}
.secok b,.secwarn b{display:block;font-size:13px}
.secok small,.secwarn small{display:block;font-size:11.5px;line-height:1.6;color:var(--text-2);margin-top:3px}
.seclist{margin:0 0 14px;padding-left:17px;display:flex;flex-direction:column;gap:7px}
.seclist li{font-size:12px;line-height:1.65;color:var(--text-2)}
.seclist b{color:var(--text)}

/* --- güvenlik: oturum listesi --- */
.seslist{display:flex;flex-direction:column;gap:8px}
.sesi{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);min-width:0}
.sesi.now{border-color:var(--accent-line);background:var(--accent-soft)}
.ses-ic{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:15px;
  background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.sesi.now .ses-ic{background:var(--accent);border-color:var(--accent);color:#fff}
.ses-b{flex:1;min-width:0}
.ses-t{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ses-t b{font-size:13px}
.ses-m{font-size:11.5px;color:var(--text-3);margin-top:3px;overflow-wrap:anywhere}

/* --- geliştirici: anahtar kutusu --- */
.keycard{border-color:var(--ok);background:var(--ok-soft)}
.kc-h{display:flex;gap:11px;align-items:flex-start;margin-bottom:11px}
.kc-h>span{width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;
  background:var(--ok);color:#fff;font-weight:800;font-size:13px}
.kc-h b{display:block;font-size:13.5px}
.kc-h small{display:block;font-size:11.5px;line-height:1.6;color:var(--text-2);margin-top:3px}
.keyline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r);
  background:var(--surface);border:1px solid var(--line-strong);min-width:0}
.keyline code{font-family:var(--f-mono);font-size:12.5px;color:var(--text);
  overflow-wrap:anywhere;flex:1;min-width:0}
.apibox{padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);
  margin-bottom:15px}
.ab-h{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);
  margin-bottom:7px}
.codeblock{margin:0 0 12px;padding:12px 13px;border-radius:var(--r);background:var(--surface);
  border:1px solid var(--line);overflow-x:auto}
.codeblock code{font-family:var(--f-mono);font-size:12px;line-height:1.7;
  color:var(--text-2);white-space:pre}
.endplist{display:flex;flex-direction:column;gap:7px;margin-bottom:11px}
.endplist>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:12px}
.endplist code{font-family:var(--f-mono);font-size:11.5px;padding:2px 7px;
  border-radius:5px;background:var(--accent-soft);color:var(--accent-ink);flex:none}
.endplist span{color:var(--text-2);min-width:0}
.keyform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.keyform .field{flex:1;min-width:190px;margin:0}
.evgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}

/* --- paylaşım satırı (çekmece) --- */
.shrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface-2);margin-bottom:7px;min-width:0}
.sh-b{flex:1;min-width:0}
.sh-b b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-b small{display:block;font-size:11px;color:var(--text-3);margin-top:3px}
.rd-chk{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--text-2);cursor:pointer;
  padding:3px 0}
.rd-chk input{flex:0 0 auto;width:auto}

/* --- paylaşılan kayıt: müşteri görünümü --- */
.shp{max-width:760px;margin:0 auto;padding:26px 18px 48px}
.shp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.shp-brand{display:flex;align-items:center;gap:11px;min-width:0}
.shp-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.shp-gl{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;
  font-size:14px;background:var(--accent);color:#fff}
.shp-brand b{display:block;font-size:15px}
.shp-brand small{display:block;font-size:11.5px;color:var(--text-3)}
.shp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px;box-shadow:0 20px 50px -34px rgba(15,23,42,.4)}
.shp-head{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.shp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-3);margin-bottom:7px}
.shp-head h1{margin:0 0 11px;font-size:25px;line-height:1.25;overflow-wrap:anywhere}
.shp-note{padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);
  border:1px solid var(--accent-line);margin-bottom:18px}
.shp-note b{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--accent-ink);margin-bottom:5px}
.shp-note p{margin:0;font-size:13px;line-height:1.7;color:var(--text)}
.shp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:6px}
.shp-grid>div{min-width:0}
.shp-grid span{display:block;font-size:11px;font-weight:700;color:var(--text-3);margin-bottom:4px}
.shp-grid b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.shp-grid b.big{font-size:21px;color:var(--accent-ink)}
.shp-sec{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);
  margin:22px 0 11px;padding-top:16px;border-top:1px solid var(--line)}
.shp-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:11px 18px}
.shp-rows>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;
  border-bottom:1px dashed var(--line);min-width:0}
.shp-rows span{font-size:12.5px;color:var(--text-3);flex:none}
.shp-rows b{font-size:12.5px;text-align:right;overflow-wrap:anywhere;min-width:0}
.shp-text{font-size:13.5px;line-height:1.75;color:var(--text-2);margin:0}
.shp-notes{display:flex;flex-direction:column;gap:11px}
.shp-n{display:flex;gap:11px;min-width:0}
.shp-na{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center;
  font-size:11px;font-weight:800;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.shp-n b{font-size:12.5px}
.shp-n small{font-size:11px;color:var(--text-3);margin-left:7px}
.shp-n p{margin:4px 0 0;font-size:13px;line-height:1.7;color:var(--text-2);overflow-wrap:anywhere}
.shp-files{display:flex;flex-direction:column;gap:8px;margin-bottom:9px}
.shp-files>div{display:flex;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface-2);min-width:0}
.shp-files span{font-size:15px;color:var(--text-3);flex:none}
.shp-files b{display:block;font-size:12.5px;overflow-wrap:anywhere}
.shp-files small{display:block;font-size:11px;color:var(--text-3);margin-top:2px}
.shp-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;
  margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.shp-foot b{display:block;font-size:13px}
.shp-foot small{display:block;font-size:11.5px;color:var(--text-3);margin-top:3px;line-height:1.6}
.shp-legal{max-width:560px;margin:20px auto 0;text-align:center;font-size:11.5px;line-height:1.75;
  color:var(--text-3)}
.shp-gone{width:62px;height:62px;border-radius:20px;margin:0 auto;display:grid;place-items:center;
  font-size:28px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-3)}

@media (max-width:760px){
  .keyform{flex-direction:column;align-items:stretch}
  .keyform .field{width:100%}
  .sesi{flex-wrap:wrap}
  .shp{padding:18px 14px 38px}
  .shp-card{padding:18px 15px}
  .shp-head h1{font-size:21px}
  .shp-rows>div{flex-direction:column;gap:2px}
  .shp-rows b{text-align:left}
}
@media print{
  .shp-top,.no-print{display:none !important}
  .shp-card{border:0;box-shadow:none;padding:0}
}

/* paylaşılan kayıt sayfası gövdesi — panel kabuğu yok, yalnızca içerik */
.shared-body{min-height:100vh;background:var(--surface-2)}

/* ===================================================================
   3.1 — Hukuki metinler · KVKK · çerez bandı
   =================================================================== */

/* --- çerez onay bandı --- */
.ckbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-topbar);padding:12px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(10px);
  border-top:1px solid var(--line-strong);box-shadow:0 -10px 30px -22px rgba(15,23,42,.5)}
.ckbar-in{max-width:1100px;margin:0 auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.ckbar-t{flex:1;min-width:260px}
.ckbar-t b{display:block;font-size:13.5px;margin-bottom:3px}
.ckbar-t span{display:block;font-size:12px;line-height:1.65;color:var(--text-2)}
.ckbar-a{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ckbar-a form{display:flex;gap:8px}
.ckbar-x{font-size:12px;color:var(--text-3);text-decoration:underline;text-underline-offset:2px}

/* --- hukuki metin sayfası --- */
.lgl{max-width:1060px;margin:0 auto;padding:24px 18px 56px}
.lgl-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.lgl-brand{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:inherit}
.lgl-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.lgl-gl{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;
  font-size:14px;background:var(--accent);color:#fff}
.lgl-brand b{display:block;font-size:15px}
.lgl-brand small{display:block;font-size:11.5px;color:var(--text-3)}
.lgl-wrap{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}
.lgl-wrap.one{grid-template-columns:minmax(0,1fr);max-width:760px;margin:0 auto}
.lgl-nav{position:sticky;top:18px;display:flex;flex-direction:column;gap:2px;padding:12px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.lgl-navh{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-3);padding:6px 9px 4px}
.lgl-nav a{display:block;padding:8px 10px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;
  color:var(--text-2);text-decoration:none;line-height:1.4}
.lgl-nav a:hover{background:var(--surface-2);color:var(--text)}
.lgl-nav a.on{background:var(--accent-soft);color:var(--accent-ink)}
.lgl-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 32px;min-width:0}
.lgl-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.lgl-doc h1{font-size:26px;line-height:1.25;margin:0 0 16px;text-wrap:balance}
.lgl-lead{font-size:14px;line-height:1.8;color:var(--text-2);margin:0 0 20px}
.lgl-body{font-size:13.5px;line-height:1.85;color:var(--text-2)}
.lgl-body h3{font-size:15px;margin:26px 0 10px;color:var(--text)}
.lgl-body p{margin:0 0 13px}
.lgl-body ul{margin:0 0 15px;padding-left:20px;display:flex;flex-direction:column;gap:7px}
.lgl-body b{color:var(--text)}
.lgl-body code{font-family:var(--f-mono);font-size:12px;padding:1px 6px;border-radius:5px;
  background:var(--surface-2);color:var(--text)}
.lgl-body table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:12.5px}
.lgl-body th{text-align:left;padding:9px 11px;background:var(--surface-2);color:var(--text-3);
  font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  border-bottom:1px solid var(--line)}
.lgl-body td{padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-fill{margin-top:22px;padding:11px 13px;border-radius:var(--r);background:var(--warn-soft);
  border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);font-size:12px;line-height:1.7}
.lgl-foot{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}
.lgl-foot b{display:block;font-size:13px}
.lgl-foot small{display:block;font-size:11.5px;color:var(--text-3);margin-top:4px;line-height:1.6}

/* --- KVKK başvuru formu --- */
.kv-form{margin-top:4px}
.kv-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.kv-err{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);
  background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);
  margin-bottom:16px;font-size:12.5px;line-height:1.6}
.kv-err>span{font-weight:800;color:var(--danger)}
.kv-ok{text-align:center;padding:12px 0}
.kv-ic{width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;
  font-size:28px;font-weight:800;background:var(--ok-soft);color:var(--ok);
  border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}
.kv-note{margin-top:26px;padding:15px 17px;border-radius:var(--r-lg);background:var(--surface-2);
  border:1px solid var(--line)}
.kv-note b{display:block;font-size:12.5px;margin-bottom:8px}
.kv-note ul{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:6px;
  font-size:12px;line-height:1.65;color:var(--text-2)}
.ck-opts{display:flex;flex-direction:column;gap:9px}

@media (max-width:860px){
  .lgl-wrap{grid-template-columns:minmax(0,1fr)}
  .lgl-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
  .lgl-navh{width:100%}
  .lgl-doc{padding:20px 17px}
  .lgl-doc h1{font-size:21px}
  .ckbar-in{flex-direction:column;align-items:stretch;gap:12px}
  .ckbar-a form{flex:1}
  .ckbar-a .btn{flex:1;justify-content:center}
}
@media print{ .ckbar,.lgl-nav,.lgl-top{display:none !important} .lgl-doc{border:0;padding:0} }