/* ==========================================================================
   Servis CRM — v1.5 tema sistemi
   Tüm renkler değişkenlerden gelir. Tema: html[data-tema], yerleşim: html[data-yerlesim]
   Temalar: aurora (varsayılan) · okyanus · gunbatimi · orman · lavanta · kristal
   Her modülün kendi rengi var (--m); ikonlar, başlıklar ve vurgular o renge döner.
   ========================================================================== */
:root,[data-tema]{
  --brand:var(--oem,#5b4cf5); --brand2:#06b6d4;
  --grad:linear-gradient(135deg,var(--brand) 0%,var(--brand2) 100%);
  --bg:#f4f6fb; --bg-img:radial-gradient(700px 420px at 100% -10%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 70%),radial-gradient(600px 380px at -10% 110%,color-mix(in srgb,var(--brand2) 9%,transparent),transparent 70%);
  --surface:#fff; --surface-2:#f8f9fc; --surface-3:#f2f4f9;
  --border:#e5e8f0; --line:#eef0f6;
  --ink:#121633; --text:#323857; --muted:#6b7191; --faint:#9da2bd;
  --input-bg:#fff; --input-border:#dde1ec;
  --r-card:16px; --card-border:1px solid var(--border); --sh-card:0 1px 2px rgba(18,22,51,.04),0 4px 14px -6px rgba(18,22,51,.08); --card-blur:none;
  --sh-2:0 18px 40px -16px rgba(18,22,51,.25);
  /* kenar menü */
  --sb-w:260px; --side-inset:0px; --side-radius:0px;
  --side-bg:#fff; --side-border:1px solid var(--border); --side-shadow:none;
  --side-ink:#3a4066; --side-ink2:#8a8fac; --side-hover:#f3f4f9;
  --side-act-bg:var(--grad); --side-act-ink:#fff; --side-act-shadow:0 8px 18px -10px var(--brand);
  --side-ni-act-bg:rgba(255,255,255,.22); --side-ni-act-ink:#fff;
  --side-sub-ink:#5b6185; --side-sub-act-bg:color-mix(in srgb,var(--brand) 9%,#fff); --side-sub-act-ink:var(--brand); --side-dot:#d6d9e8;
  --side-tenant-bg:var(--surface-2); --side-tenant-border:1px solid var(--line); --side-tenant-ink:var(--ink);
  --logo-bg:transparent; --logo-pad:0;
  /* üst çubuk */
  --top-h:64px; --top-inset:0px; --top-radius:0px; --top-bg:rgba(244,246,251,.75); --top-bg-s:rgba(255,255,255,.9); --top-border:transparent; --top-border-s:var(--border); --top-shadow:none;
  --top-nav-bg:#fff; --top-nav-ink:#3a4066;
  /* başlık / modal */
  --head-bg:transparent;
  --btn-r:11px;
}

/* ---------------------------------------------------------------- TEMALAR */
/* Okyanus — lacivert kurumsal menü, gök mavisi vurgular */
[data-tema="okyanus"]{
  --brand:#0284c7; --brand2:#06b6d4;
  --bg:#f1f5f9; --bg-img:linear-gradient(180deg,#e8f1fb 0,#f1f5f9 280px);
  --border:#e2e8f0; --line:#edf2f7; --ink:#0f172a; --text:#334155; --muted:#64748b; --faint:#94a3b8;
  --r-card:12px; --btn-r:9px;
  --side-bg:linear-gradient(180deg,#0b1f3a 0%,#0f2f57 60%,#103d6e 100%); --side-border:0; --side-shadow:4px 0 24px -12px rgba(11,31,58,.5);
  --side-ink:rgba(226,236,250,.86); --side-ink2:rgba(186,206,232,.55); --side-hover:rgba(255,255,255,.07);
  --side-act-bg:linear-gradient(90deg,rgba(56,189,248,.28),rgba(56,189,248,.08)); --side-act-ink:#fff; --side-act-shadow:inset 3px 0 0 #38bdf8;
  --side-ni-bg:rgba(255,255,255,.08); --side-ni-ink:#bfe3ff; --side-ni-act-bg:#38bdf8; --side-ni-act-ink:#0b1f3a;
  --side-sub-ink:rgba(210,226,246,.72); --side-sub-act-bg:rgba(56,189,248,.16); --side-sub-act-ink:#7dd3fc; --side-dot:rgba(255,255,255,.25);
  --side-tenant-bg:rgba(255,255,255,.06); --side-tenant-border:1px solid rgba(255,255,255,.08); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 8px;
  --top-bg:rgba(255,255,255,.92); --top-bg-s:#fff; --top-border:var(--border); --top-border-s:var(--border);
  --top-nav-bg:linear-gradient(90deg,#0b1f3a,#103d6e); --top-nav-ink:rgba(226,236,250,.9);
}
/* Gün batımı — sıcak mercan / turuncu, yüzen menü */
[data-tema="gunbatimi"]{
  --brand:#f97316; --brand2:#e11d48;
  --bg:#fff8f2; --bg-img:radial-gradient(800px 500px at 100% 0,rgba(251,146,60,.16),transparent 65%),radial-gradient(700px 500px at 0 100%,rgba(244,63,94,.10),transparent 65%),linear-gradient(160deg,#fff7ed,#fff1f2);
  --border:#f6e3d6; --line:#faeee5; --ink:#2a1a14; --text:#4a3329; --muted:#8a6b5e; --faint:#b9998b;
  --input-border:#efd9cb; --surface-2:#fffaf6; --surface-3:#fff3ea;
  --r-card:20px; --btn-r:12px; --sh-card:0 2px 4px rgba(120,53,15,.04),0 14px 30px -18px rgba(194,65,12,.28);
  --side-inset:12px; --side-radius:26px; --side-border:0;
  --side-bg:linear-gradient(165deg,#fb923c 0%,#f97316 35%,#e11d48 100%); --side-shadow:0 24px 50px -24px rgba(225,29,72,.7);
  --side-ink:rgba(255,255,255,.92); --side-ink2:rgba(255,255,255,.65); --side-hover:rgba(255,255,255,.14);
  --side-act-bg:#fff; --side-act-ink:#c2410c; --side-act-shadow:0 10px 20px -12px rgba(0,0,0,.45);
  --side-ni-bg:rgba(255,255,255,.2); --side-ni-ink:#fff; --side-ni-act-bg:linear-gradient(135deg,#f97316,#e11d48); --side-ni-act-ink:#fff;
  --side-sub-ink:rgba(255,255,255,.82); --side-sub-act-bg:rgba(255,255,255,.95); --side-sub-act-ink:#c2410c; --side-dot:rgba(255,255,255,.4);
  --side-tenant-bg:rgba(255,255,255,.16); --side-tenant-border:1px solid rgba(255,255,255,.2); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 8px;
  --top-inset:12px; --top-radius:18px; --top-bg:rgba(255,255,255,.7); --top-bg-s:rgba(255,255,255,.92); --top-border:rgba(255,255,255,.8); --top-shadow:0 8px 24px -16px rgba(194,65,12,.3);
  --top-nav-bg:linear-gradient(90deg,#f97316,#e11d48); --top-nav-ink:#fff;
}
/* Orman — zümrüt yeşili, sakin ve ferah */
[data-tema="orman"]{
  --brand:#059669; --brand2:#65a30d;
  --bg:#f2f8f5; --bg-img:radial-gradient(800px 480px at 100% -10%,rgba(16,185,129,.12),transparent 65%),radial-gradient(600px 400px at 0 110%,rgba(132,204,22,.10),transparent 65%);
  --border:#dfece5; --line:#ebf4ef; --ink:#0d2a1f; --text:#2f4a3e; --muted:#5f7b6e; --faint:#94ad9f;
  --input-border:#d3e5db; --surface-2:#f7fbf9; --surface-3:#eef7f2;
  --r-card:18px;
  --side-bg:linear-gradient(180deg,#053f2f 0%,#065f46 55%,#0f766e 100%); --side-border:0; --side-shadow:4px 0 24px -14px rgba(5,63,47,.6);
  --side-ink:rgba(230,250,240,.88); --side-ink2:rgba(190,230,210,.6); --side-hover:rgba(255,255,255,.08);
  --side-act-bg:rgba(255,255,255,.14); --side-act-ink:#fff; --side-act-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  --side-ni-bg:rgba(255,255,255,.1); --side-ni-ink:#a7f3d0; --side-ni-act-bg:#a3e635; --side-ni-act-ink:#053f2f;
  --side-sub-ink:rgba(220,245,232,.75); --side-sub-act-bg:rgba(163,230,53,.16); --side-sub-act-ink:#d9f99d; --side-dot:rgba(255,255,255,.28);
  --side-tenant-bg:rgba(255,255,255,.07); --side-tenant-border:1px solid rgba(255,255,255,.1); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 8px;
  --top-nav-bg:linear-gradient(90deg,#053f2f,#0f766e); --top-nav-ink:rgba(230,250,240,.92);
}
/* Lavanta — v1.3 klasik görünüm: mor degrade yüzen menü, cam kartlar */
[data-tema="lavanta"]{
  --brand:var(--oem,#5b4cf5); --brand2:#ec4899;
  --grad:linear-gradient(135deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 45%,#ec4899) 100%);
  --bg:#f1f0fb; --bg-img:radial-gradient(520px 360px at 85% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%),radial-gradient(460px 340px at 30% 100%,rgba(236,72,153,.10),transparent 70%),linear-gradient(125deg,#ecebff 0%,#f4eeff 30%,#e9f4ff 65%,#fff3ea 100%);
  --ink:#1d2140; --text:#3a3f63; --muted:#6f7598; --faint:#a1a6c4;
  --border:rgba(120,110,200,.16); --line:rgba(120,110,200,.11); --input-border:rgba(120,110,200,.22); --input-bg:rgba(255,255,255,.9);
  --surface:rgba(255,255,255,.78); --surface-2:rgba(255,255,255,.45); --surface-3:rgba(255,255,255,.6);
  --r-card:18px; --card-border:1px solid rgba(255,255,255,.75); --card-blur:blur(14px);
  --sh-card:0 1px 2px rgba(60,50,140,.05),0 6px 20px -12px rgba(60,50,140,.18);
  --side-inset:12px; --side-radius:24px; --side-border:0; --sb-w:258px;
  --side-bg:linear-gradient(170deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 55%,#a855f7) 55%,color-mix(in srgb,var(--brand) 35%,#ec4899) 100%);
  --side-shadow:0 24px 50px -24px color-mix(in srgb,var(--brand) 85%,transparent);
  --side-ink:rgba(255,255,255,.88); --side-ink2:rgba(255,255,255,.6); --side-hover:rgba(255,255,255,.12);
  --side-act-bg:rgba(255,255,255,.16); --side-act-ink:#fff; --side-act-shadow:none;
  --side-ni-bg:rgba(255,255,255,.16); --side-ni-ink:#fff; --side-ni-act-bg:#fff; --side-ni-act-ink:var(--m);
  --side-sub-ink:rgba(255,255,255,.78); --side-sub-act-bg:#fff; --side-sub-act-ink:var(--brand); --side-dot:rgba(255,255,255,.35);
  --side-tenant-bg:rgba(255,255,255,.14); --side-tenant-border:1px solid rgba(255,255,255,.18); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 6px;
  --top-inset:12px; --top-radius:18px; --top-bg:rgba(255,255,255,.62); --top-bg-s:rgba(255,255,255,.88); --top-border:rgba(255,255,255,.7); --top-border-s:rgba(255,255,255,.9); --top-shadow:var(--sh-card);
  --top-nav-bg:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 40%,#ec4899)); --top-nav-ink:#fff;
}
/* Kristal — sade, düz, bol beyaz; degrade yok */
[data-tema="kristal"]{
  --brand:#0d9488; --brand2:#0d9488; --grad:linear-gradient(0deg,var(--brand),var(--brand));
  --bg:#fafbfc; --bg-img:none;
  --border:#e7eaee; --line:#f0f2f4; --ink:#111827; --text:#374151; --muted:#6b7280; --faint:#9ca3af;
  --input-border:#e2e5ea; --surface-2:#fafbfc; --surface-3:#f4f6f8;
  --r-card:10px; --btn-r:8px; --sh-card:none; --sh-2:0 12px 32px -12px rgba(17,24,39,.18);
  --side-ink:#374151; --side-ink2:#9ca3af; --side-hover:#f4f6f8;
  --side-act-bg:color-mix(in srgb,var(--brand) 9%,#fff); --side-act-ink:var(--brand); --side-act-shadow:inset 3px 0 0 var(--brand);
  --side-ni-bg:transparent; --side-ni-act-bg:transparent; --side-ni-act-ink:var(--brand);
  --side-sub-act-bg:transparent; --side-sub-act-ink:var(--brand);
  --top-bg:rgba(250,251,252,.85); --top-border-s:var(--border);
  --top-nav-bg:#fff; --top-nav-ink:#374151;
}

/* ---------------------------------------------------------------- temel */
:root{--ease:cubic-bezier(.2,.8,.2,1);--r:12px;--r-sm:9px;
  --bs-body-font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --bs-body-color:var(--text);--bs-body-bg:#fff;--bs-border-color:var(--border);--bs-border-radius:var(--r-sm)}
html,body{font-size:14px}
body{font-family:var(--bs-body-font-family);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg-img)}
a{color:var(--brand);text-decoration:none}
a:hover{color:color-mix(in srgb,var(--brand) 78%,#000)}
h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.02em;font-weight:700}
::selection{background:color-mix(in srgb,var(--brand) 22%,#fff)}
.min-w-0{min-width:0}
.muted{color:var(--muted)}
.text-primary{color:var(--brand)!important}
.text-borc{color:#e11d48}.text-alacak{color:#059669}
.mono{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:.92em}
kbd{background:var(--surface-3);color:var(--muted);border:1px solid var(--border);font-size:.7rem;padding:.05rem .35rem;border-radius:6px}
:focus-visible{outline:2px solid color-mix(in srgb,var(--m,var(--brand)) 70%,#fff);outline-offset:2px}

/* ---------------------------------------------------------------- buton & form */
.btn{border-radius:var(--btn-r);font-weight:600;transition:transform .12s var(--ease),box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn:active{transform:scale(.97)}
.btn-sm{border-radius:calc(var(--btn-r) - 1px)}
.btn-primary,.btn-grad{--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff;border:0;background:var(--grad);color:#fff;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--brand) 80%,transparent)}
.btn-primary:hover,.btn-grad:hover{color:#fff;filter:brightness(1.06);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--brand) 90%,transparent)}
.btn-primary:disabled,.btn-grad:disabled{opacity:.6;color:#fff}
.btn-light{--bs-btn-bg:var(--surface);--bs-btn-border-color:var(--border);--bs-btn-hover-bg:var(--surface);--bs-btn-hover-border-color:color-mix(in srgb,var(--m,var(--brand)) 35%,#fff);--bs-btn-color:var(--text);--bs-btn-active-bg:var(--surface-3)}
.btn-light.border{border-color:var(--border)!important}
.btn-light:hover{color:var(--m,var(--brand));box-shadow:0 8px 18px -12px var(--m,var(--brand))}
.btn-outline-primary,.btn-outline-secondary{--bs-btn-border-color:color-mix(in srgb,var(--m,var(--brand)) 35%,#fff);--bs-btn-color:var(--m,var(--brand));--bs-btn-hover-bg:var(--m,var(--brand));--bs-btn-hover-border-color:var(--m,var(--brand));--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--m,var(--brand));--bs-btn-active-border-color:var(--m,var(--brand))}
.btn-outline-danger:hover,.btn-outline-warning:hover{box-shadow:0 8px 18px -12px currentColor}
.btn-icon{border:0;background:transparent;font-size:1.4rem;padding:.2rem .5rem;color:var(--ink)}
.btn .bi{transition:transform .2s var(--ease)}
.btn:hover .bi-plus-lg{transform:rotate(90deg)}
.btn:hover .bi-arrow-left{transform:translateX(-3px)}
.btn:hover .bi-send,.btn:hover .bi-box-arrow-up-right{transform:translate(2px,-2px)}
.form-label{font-weight:600;font-size:.8rem;color:color-mix(in srgb,var(--text) 85%,var(--m,var(--brand)));margin-bottom:.35rem}
.form-control,.form-select{border-color:var(--input-border);border-radius:10px;background-color:var(--input-bg);color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}
.form-control:hover,.form-select:hover{border-color:color-mix(in srgb,var(--input-border) 70%,var(--muted))}
.form-control:focus,.form-select:focus{background-color:#fff;border-color:color-mix(in srgb,var(--m,var(--brand)) 60%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--m,var(--brand)) 15%,transparent);color:var(--ink)}
.form-control-lg{border-radius:12px}
.form-check-input:checked{background-color:var(--m,var(--brand));border-color:var(--m,var(--brand))}
.form-check-input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--m,var(--brand)) 15%,transparent)}
.form-text{color:var(--faint)}
.req::after{content:" *";color:#f43f5e}
.input-group-text{background:var(--surface-2);border-color:var(--input-border);color:var(--muted)}
.page-link{color:var(--m,var(--brand));border-color:var(--border);border-radius:9px!important;margin:0 2px;background:var(--surface)}
.active>.page-link,.page-link.active{background:var(--m,var(--brand));border-color:var(--m,var(--brand));color:#fff}
.nav-pills .nav-link{border-radius:10px;color:var(--text);font-weight:600}
.nav-pills .nav-link.active{background:var(--m,var(--brand));box-shadow:0 6px 16px -8px var(--m,var(--brand))}
.ts-control{border-radius:10px!important;border-color:var(--input-border)!important;min-height:38px;background:var(--input-bg)!important}
.ts-wrapper.focus .ts-control{border-color:color-mix(in srgb,var(--m,var(--brand)) 60%,#fff)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--m,var(--brand)) 15%,transparent)!important;background:#fff!important}
.ts-dropdown{border-radius:12px;box-shadow:var(--sh-2);border-color:var(--border);overflow:hidden}
.ts-dropdown .active{background:color-mix(in srgb,var(--m,var(--brand)) 10%,#fff);color:var(--ink)}
.ts-dropdown .create{color:var(--m,var(--brand));font-weight:600}

/* ---------------------------------------------------------------- iskelet: yan menü */
.app{display:flex;min-height:100vh}
.sidebar{width:var(--sb-w);position:fixed;top:var(--side-inset);bottom:var(--side-inset);left:var(--side-inset);display:flex;flex-direction:column;z-index:1040;
  background:var(--side-bg);border-right:var(--side-border);border-radius:var(--side-radius);box-shadow:var(--side-shadow);color:var(--side-ink);overflow:hidden;
  transition:transform .28s var(--ease),width .28s var(--ease),box-shadow .28s}
.main{flex:1;margin-left:calc(var(--sb-w) + var(--side-inset) * 2);min-width:0;display:flex;flex-direction:column;transition:margin-left .28s var(--ease)}
.brand{display:flex;align-items:center;gap:.65rem;padding:1rem 1.15rem;min-height:68px;color:var(--side-tenant-ink)}
.brand:hover{color:var(--side-tenant-ink)}
.brand img{display:block;width:auto;height:auto;max-height:40px;max-width:150px;object-fit:contain;background:var(--logo-bg);padding:var(--logo-pad);border-radius:10px}
.brand-name{font-weight:800;font-size:1rem;line-height:1.15;letter-spacing:-.02em;color:inherit}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 8px 18px -8px var(--brand)}
.brand-mark.lg{width:58px;height:58px;font-size:1.7rem;border-radius:17px}
.tenant{display:flex;gap:.65rem;align-items:center;margin:.1rem .85rem .7rem;padding:.6rem .7rem;border-radius:14px;background:var(--side-tenant-bg);border:var(--side-tenant-border);color:var(--side-tenant-ink)}
.tenant img{display:block;width:auto;height:34px;max-width:70px;object-fit:contain;border-radius:9px;background:#fff;padding:2px 4px;flex-shrink:0;border:1px solid rgba(0,0,0,.05)}
.tenant-av{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-weight:800;flex-shrink:0}
.tenant-name{font-weight:700;font-size:.86rem;color:inherit}
.tenant-sub{font-size:.72rem;color:var(--side-ink2);display:flex;align-items:center;gap:.35rem}
.dot-live{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.22)}
.sidebar .nav{padding:.2rem .7rem 1rem;overflow-y:auto;flex:1;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--side-ink) 25%,transparent) transparent}
.sidebar .nav-link{display:flex;align-items:center;gap:.7rem;color:var(--side-ink);padding:.42rem .55rem;border-radius:12px;font-weight:550;width:100%;border:0;background:none;text-align:left;font-size:.88rem;position:relative;transition:background .15s,color .15s;margin-bottom:1px}
.sidebar .nav-link:hover{background:var(--side-hover);color:var(--side-ink)}
.ni{--m:var(--brand);width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--m) 13%,#fff);color:var(--m);font-size:.98rem;transition:transform .2s var(--ease),background .2s,color .2s}
.ni.sm{width:26px;height:26px;border-radius:8px;font-size:.85rem}
.sidebar .ni{background:var(--side-ni-bg,color-mix(in srgb,var(--m) 12%,#fff));color:var(--side-ni-ink,var(--m))}
.sidebar .nav-link:hover .ni{transform:scale(1.07)}
.sidebar>.nav>.nav-link.active,.nav-group.open>.nav-toggle{background:var(--side-act-bg);color:var(--side-act-ink);box-shadow:var(--side-act-shadow)}
.sidebar>.nav>.nav-link.active .ni,.nav-group.open>.nav-toggle .ni{background:var(--side-ni-act-bg);color:var(--side-ni-act-ink)}
.nav-toggle .caret{margin-left:auto;font-size:.72rem;color:var(--side-ink2);transition:transform .25s var(--ease)}
.nav-group.open>.nav-toggle .caret{transform:rotate(180deg);color:inherit}
.nav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s var(--ease)}
.nav-group.open .nav-sub{grid-template-rows:1fr}
.nav-sub-in{min-height:0;overflow:hidden;padding-top:2px}
.nav-group:not(.open) .nav-sub-in{visibility:hidden;transition:visibility 0s .28s}
.nav-sub .nav-link{font-size:.84rem;padding:.38rem .55rem .38rem 2.6rem;font-weight:500;color:var(--side-sub-ink)}
.nav-sub .nav-link .nd{position:absolute;left:1.55rem;width:6px;height:6px;border-radius:50%;background:var(--side-dot);transition:background .2s,transform .2s}
.nav-sub .nav-link.active{color:var(--side-sub-act-ink);background:var(--side-sub-act-bg);font-weight:700}
.nav-sub .nav-link.active .nd{background:var(--m);transform:scale(1.35)}
.nav-sec{display:flex;align-items:center;gap:.45rem;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--side-ink2);padding:.7rem .55rem .25rem 1.05rem}
.nav-blok:first-child .nav-sec{padding-top:.35rem}
.nav-sec i{font-size:.8rem;color:var(--m);opacity:.9}
.nav-sub .nav-link .nd-ic{position:absolute;left:1.32rem;font-size:.72rem;color:var(--side-dot);transition:color .2s}
.nav-sub .nav-link:hover .nd-ic,.nav-sub .nav-link.active .nd-ic{color:var(--m)}
.nav-say{font-style:normal;margin-left:auto;background:#f43f5e;color:#fff;font-size:.66rem;font-weight:800;border-radius:99px;padding:.05rem .42rem;line-height:1.35}
.nav-plus{margin-left:auto;font-size:.75rem;color:var(--side-ink2);opacity:0;transition:opacity .15s}
.nav-link:hover .nav-plus{opacity:1}
.nav-title{font-size:.68rem;color:var(--side-ink2);font-weight:700;padding:1rem .6rem .35rem;text-transform:uppercase;letter-spacing:.06em}
.sidebar-foot{padding:.75rem 1.2rem;font-size:.72rem;color:var(--side-ink2);border-top:1px solid color-mix(in srgb,var(--side-ink) 12%,transparent)}
.sidebar-backdrop{display:none}

/* üst çubuk */
.topbar{height:var(--top-h);margin:var(--top-inset) calc(var(--top-inset) + 4px) 0;border-radius:var(--top-radius);background:var(--top-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;align-items:center;gap:.75rem;padding:0 1.4rem;position:sticky;top:var(--top-inset);z-index:1020;border:1px solid var(--top-border);border-width:0 0 1px;box-shadow:var(--top-shadow);transition:border-color .2s,background .2s}
[data-tema="gunbatimi"] .topbar,[data-tema="lavanta"] .topbar{border-width:1px}
.topbar.scrolled{background:var(--top-bg-s);border-color:var(--top-border-s)}
.crumb{display:flex;align-items:center;gap:.5rem;font-weight:650;color:var(--muted);font-size:.86rem}
.search-box{position:relative}.search-box>i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--faint)}
.search-box kbd{position:absolute;right:.55rem;top:50%;transform:translateY(-50%)}
.search-box input{padding-left:2.1rem;padding-right:2rem;width:290px;background:var(--surface);border-color:var(--border);border-radius:11px;height:38px;transition:width .3s var(--ease)}
.search-box input:focus{width:340px}
.btn-user{display:flex;align-items:center;gap:.5rem;border:0;background:none;color:var(--ink);padding:.25rem .4rem;border-radius:12px}
.btn-user:hover{background:var(--surface-3)}
.avatar{width:34px;height:34px;border-radius:11px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.btn-tema{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .2s var(--ease),box-shadow .2s}
.btn-tema:hover{transform:rotate(-12deg) scale(1.06);box-shadow:0 8px 18px -10px var(--brand)}
.dropdown-menu{border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-2);padding:.4rem;animation:pop .18s var(--ease);background:#fff}
.dropdown-item{border-radius:9px;padding:.45rem .7rem;font-weight:500;color:var(--text)}
.dropdown-item:hover{background:var(--surface-3);color:var(--ink)}
.qa-menu{min-width:220px}.qa-item{display:flex;align-items:center;gap:.6rem}
.content{padding:.6rem 1.6rem 2rem;flex:1}
.imp-bar{background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e;padding:.45rem 1.6rem;font-size:.85rem}
#topProgress{position:fixed;top:0;left:0;height:3px;width:0;z-index:2000;background:var(--grad);box-shadow:0 0 10px var(--brand);transition:width .25s var(--ease),opacity .3s}

/* hamburger */
.hamburger{width:40px;height:40px;border:0;border-radius:12px;background:var(--grad);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 8px 18px -10px var(--brand);flex-shrink:0;transition:transform .2s var(--ease)}
.hamburger span{width:17px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease),opacity .2s,width .3s var(--ease)}
.hamburger span:nth-child(2){width:11px;margin-right:6px}
.hamburger:hover{transform:scale(1.06)}
html:not(.sb-mini) .hamburger span:nth-child(2){width:17px;margin:0}
body.sb-open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.sb-open .hamburger span:nth-child(2){opacity:0}
body.sb-open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* daraltılmış menü (ikon rayı) */
@media (min-width:992px){
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar{width:78px}
  html.sb-mini:not([data-yerlesim="ust"]) .main{margin-left:calc(78px + var(--side-inset) * 2)}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:hover{width:var(--sb-w);z-index:1060;box-shadow:0 30px 70px -20px rgba(18,22,51,.35)}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) :is(.brand-name,.tenant>.min-w-0,.nav-link>span:not(.ni):not(.nd),.caret,.nav-sub,.nav-title,.nav-sec,.sidebar-foot,.nav-plus){display:none!important}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .tenant{justify-content:center;padding:.45rem;margin:.1rem .6rem .7rem}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .tenant img{max-width:44px;height:30px}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .brand{justify-content:center;padding:1rem .4rem}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .brand img{max-width:58px}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .nav-link{justify-content:center;padding:.45rem}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .ni{width:38px;height:38px;border-radius:12px;font-size:1.1rem}
}
@media (max-width:991.98px){
  .sidebar{top:0;bottom:0;left:0;border-radius:0 22px 22px 0;transform:translateX(-105%)} .main{margin-left:0}
  body.sb-open .sidebar{transform:none;box-shadow:0 20px 60px rgba(18,22,51,.3)}
  body.sb-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(18,22,51,.32);z-index:1030;backdrop-filter:blur(2px)}
  .content{padding:.25rem 1rem 1.5rem} .topbar{padding:0 1rem;margin:8px 8px 0;top:8px;border-radius:16px;border-width:1px}
}

/* ---------------------------------------------------------------- iskelet: ÜST MENÜ yerleşimi */
@media (min-width:992px){
  [data-yerlesim="ust"] .app{display:block}
  [data-yerlesim="ust"] .sidebar{position:sticky;top:0;left:0;right:0;bottom:auto;width:auto;height:62px;flex-direction:row;align-items:center;gap:.4rem;padding:0 1.1rem;
    border-radius:0;border:0;background:var(--top-nav-bg);color:var(--top-nav-ink);box-shadow:0 6px 24px -14px rgba(18,22,51,.35);overflow:visible;z-index:1045}
  [data-tema="kristal"][data-yerlesim="ust"] .sidebar{border-bottom:1px solid var(--border);box-shadow:none}
  [data-yerlesim="ust"] .brand{min-height:62px;padding:0 .9rem 0 0;color:var(--top-nav-ink)}
  [data-yerlesim="ust"] .brand img{max-height:38px}
  [data-yerlesim="ust"] .tenant,[data-yerlesim="ust"] .sidebar-foot,[data-yerlesim="ust"] .nav-title,[data-yerlesim="ust"] .nav-plus{display:none!important}
  [data-yerlesim="ust"] .sidebar .nav{flex-direction:row!important;align-items:center;overflow:visible;padding:0;gap:.15rem;flex:1;flex-wrap:nowrap}
  [data-yerlesim="ust"] .sidebar .nav-link{width:auto;white-space:nowrap;padding:.4rem .6rem;gap:.45rem;font-size:.84rem;color:var(--top-nav-ink);margin:0}
  [data-yerlesim="ust"] .sidebar>.nav>.nav-link:hover,[data-yerlesim="ust"] .nav-group:hover>.nav-toggle{background:color-mix(in srgb,var(--top-nav-ink) 12%,transparent);color:var(--top-nav-ink)}
  [data-yerlesim="ust"] .sidebar .ni{width:26px;height:26px;border-radius:8px;font-size:.85rem;background:color-mix(in srgb,var(--top-nav-ink) 14%,transparent);color:var(--top-nav-ink)}
  [data-tema="kristal"][data-yerlesim="ust"] .sidebar .ni,[data-tema="aurora"][data-yerlesim="ust"] .sidebar .ni{background:color-mix(in srgb,var(--m) 12%,#fff);color:var(--m)}
  [data-yerlesim="ust"] .sidebar>.nav>.nav-link.active,[data-yerlesim="ust"] .nav-group.open>.nav-toggle{background:#fff;color:var(--ink);box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
  [data-tema="aurora"][data-yerlesim="ust"] .sidebar>.nav>.nav-link.active,[data-tema="aurora"][data-yerlesim="ust"] .nav-group.open>.nav-toggle,
  [data-tema="kristal"][data-yerlesim="ust"] .sidebar>.nav>.nav-link.active,[data-tema="kristal"][data-yerlesim="ust"] .nav-group.open>.nav-toggle{background:var(--side-act-bg);color:var(--side-act-ink);box-shadow:var(--side-act-shadow)}
  [data-yerlesim="ust"] .sidebar>.nav>.nav-link.active .ni,[data-yerlesim="ust"] .nav-group.open>.nav-toggle .ni{background:var(--m);color:#fff}
  [data-yerlesim="ust"] .nav-group{position:relative}
  [data-yerlesim="ust"] .nav-toggle .caret{margin-left:.1rem;color:inherit;opacity:.6;transform:none!important}
  [data-yerlesim="ust"] .nav-sub{display:block;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-2);padding:.4rem;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s var(--ease),visibility 0s .18s;z-index:1050}
  [data-yerlesim="ust"] .nav-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  [data-yerlesim="ust"] .nav-group:hover .nav-sub,[data-yerlesim="ust"] .nav-group:focus-within .nav-sub{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s var(--ease)}
  [data-yerlesim="ust"] .nav-sub-in{visibility:inherit!important;transition:none!important;overflow:visible;padding:0}
  [data-yerlesim="ust"] .nav-sub .nav-link{color:var(--text);padding:.5rem .7rem .5rem 1.9rem;border-radius:10px;font-size:.86rem}
  [data-yerlesim="ust"] .nav-sub .nav-link:hover{background:color-mix(in srgb,var(--m) 8%,#fff);color:var(--m)}
  [data-yerlesim="ust"] .nav-cok .nav-sub-in{display:flex;gap:.3rem}
  [data-yerlesim="ust"] .nav-cok .nav-blok{min-width:220px}
  [data-yerlesim="ust"] .nav-cok .nav-blok+.nav-blok{border-left:1px solid var(--border);padding-left:.3rem}
  [data-yerlesim="ust"] .nav-sec{padding:.55rem .7rem .2rem;color:var(--muted)}
  [data-yerlesim="ust"] .nav-sub .nav-link .nd-ic{left:.7rem}
  [data-yerlesim="ust"] .nav-sub .nav-link .nd{left:.85rem;background:color-mix(in srgb,var(--m) 35%,#fff)}
  [data-yerlesim="ust"] .nav-sub .nav-link.active{background:color-mix(in srgb,var(--m) 11%,#fff);color:var(--m)}
  [data-yerlesim="ust"] .main{margin-left:0}
  [data-yerlesim="ust"] .topbar{top:62px;margin:0;border-radius:0;height:52px;border-width:0 0 1px;border-color:var(--border);background:var(--top-bg-s);box-shadow:none}
  [data-yerlesim="ust"] .hamburger{display:none}
  [data-yerlesim="ust"] .content{max-width:1560px;width:100%;margin:0 auto;padding:.4rem 2rem 2rem}
  [data-yerlesim="ust"] .sidebar-backdrop{display:none!important}
}
@media (min-width:992px) and (max-width:1399.98px){
  [data-yerlesim="ust"] .sidebar>.nav>.nav-link>span:not(.ni),[data-yerlesim="ust"] .nav-toggle>span:not(.ni){display:none}
  [data-yerlesim="ust"] .sidebar>.nav>.nav-link.active>span:not(.ni),[data-yerlesim="ust"] .nav-group.open>.nav-toggle>span:not(.ni){display:inline}
  [data-yerlesim="ust"] .brand-name{display:none}
}

/* ---------------------------------------------------------------- sayfa başlığı */
.page-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:.9rem 0 1.25rem}
.ph-icon{--m:inherit;width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;
  background:linear-gradient(135deg,var(--m),color-mix(in srgb,var(--m) 55%,var(--brand2)));box-shadow:0 12px 24px -12px var(--m)}
.ph-icon.sm{width:34px;height:34px;border-radius:10px;font-size:1rem;margin-right:.6rem}
.ph-mod{font-size:.76rem;font-weight:650;color:var(--m);text-transform:uppercase;letter-spacing:.05em}
.page-title{font-size:1.45rem;font-weight:750;margin:0;line-height:1.15;color:var(--ink);letter-spacing:-.025em}
.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.page-actions form{display:inline}
[data-tema="kristal"] .ph-icon{background:color-mix(in srgb,var(--m) 12%,#fff);color:var(--m);box-shadow:none}

/* ---------------------------------------------------------------- kart & tablo */
.card{border:var(--card-border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:var(--surface);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);overflow:hidden}
.card-header{background:var(--head-bg);border-bottom:1px solid var(--line);padding:.9rem 1.15rem;font-weight:650;color:var(--ink);display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.card-header>.bi:first-child{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--m) 12%,#fff);color:var(--m);font-size:.9rem}
.card-header .ms-auto{font-weight:500}
.card.renkli{border-top:3px solid var(--ac)}
[data-tema="kristal"] .card.renkli{border-top:var(--card-border)}
[data-tema="okyanus"] .card.renkli,[data-tema="orman"] .card.renkli{border-top-width:2px}
.card-body{padding:1.15rem}
.card-footer{background:var(--surface-2);border-top:1px solid var(--line);padding:.8rem 1.15rem}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);margin:0;vertical-align:middle}
.table>thead th{font-size:.74rem;color:color-mix(in srgb,var(--m,var(--brand)) 45%,var(--muted));font-weight:650;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:.7rem .8rem;text-transform:uppercase;letter-spacing:.03em}
.table>tbody td{padding:.7rem .8rem;border-color:var(--line)}
.table-sm>tbody td,.table-sm>thead th{padding:.5rem .65rem}
.table-hover>tbody>tr{transition:background .15s}
.table-hover>tbody>tr:hover>*{--bs-table-bg-state:color-mix(in srgb,var(--m,var(--brand)) 6%,transparent)}
.table tr.clickable{cursor:pointer}
.table tr.clickable>td:first-child{box-shadow:inset 3px 0 0 transparent;transition:box-shadow .2s}
.table tr.clickable:hover>td:first-child{box-shadow:inset 3px 0 0 var(--m,var(--brand))}
.table .num,.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.table tfoot td{font-weight:700;background:var(--surface-2);color:var(--ink)}
.filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:end;padding:.9rem 1.15rem;border-bottom:1px solid var(--line);background:var(--surface-2)}
.filter-bar .form-control,.filter-bar .form-select{min-width:140px}
.badge-soft{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);white-space:nowrap}
.badge-soft::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.empty-state{text-align:center;padding:3.2rem 1rem;color:var(--muted)}
.empty-state i{font-size:2.4rem;display:inline-flex;width:72px;height:72px;align-items:center;justify-content:center;border-radius:22px;margin-bottom:.8rem;background:color-mix(in srgb,var(--m,var(--brand)) 10%,#fff);color:var(--m,var(--brand))}
.empty-state h5{margin-bottom:.35rem}
.kv{display:grid;grid-template-columns:140px 1fr;gap:.45rem .8rem;font-size:.88rem}
.kv dt{color:var(--muted);font-weight:500}.kv dd{margin:0;color:var(--ink);font-weight:500}
.nav-tabs{border-bottom:1px solid var(--line);gap:.2rem;padding:0 1rem}
.nav-tabs .nav-link{border:0;border-bottom:2.5px solid transparent;color:var(--muted);font-weight:600;padding:.85rem .9rem;transition:color .15s,border-color .2s}
.nav-tabs .nav-link:hover{color:var(--ink)}
.nav-tabs .nav-link.active{color:var(--m,var(--brand));border-bottom-color:var(--m,var(--brand));background:none}
.progress{background:var(--surface-3);border-radius:99px}.progress-bar{border-radius:99px}
.alert{border-radius:12px}

/* ---------------------------------------------------------------- istatistik & kutucuklar */
.stat{display:flex;gap:.9rem;align-items:center;padding:1.05rem 1.15rem}
.stat .ico{--c:var(--m);width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;color:#fff;
  background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,var(--brand2)));box-shadow:0 10px 20px -10px var(--c)}
.stat .v{font-size:1.4rem;font-weight:750;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat .l{font-size:.8rem;color:var(--muted);font-weight:500}
a.stat-link{color:inherit}
a.stat-link .card{transition:transform .2s var(--ease),box-shadow .2s}
a.stat-link:hover .card{transform:translateY(-3px);box-shadow:var(--sh-2)}
.tile{position:relative;border-radius:calc(var(--r-card) + 2px);padding:1.15rem 1.2rem;color:#fff;overflow:hidden;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 55%,var(--brand2)));box-shadow:0 18px 30px -18px var(--c);transition:transform .25s var(--ease),box-shadow .25s}
.tile::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-50px;top:-60px;background:rgba(255,255,255,.16)}
.tile .t-i{font-size:1.25rem;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center}
.tile .t-v{font-size:1.75rem;font-weight:750;line-height:1;margin-top:.7rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.tile .t-l{font-size:.82rem;opacity:.92;font-weight:600}
a.tile{color:#fff}a.tile:hover{color:#fff;transform:translateY(-4px);box-shadow:0 24px 36px -18px var(--c)}
/* Okyanus & Kristal: beyaz kutucuk + renkli şerit (kurumsal görünüm) */
[data-tema="okyanus"] .tile,[data-tema="kristal"] .tile{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:var(--sh-card)}
[data-tema="okyanus"] .tile::after,[data-tema="kristal"] .tile::after{width:auto;height:4px;border-radius:0;inset:auto 0 0 0;background:var(--c)}
[data-tema="okyanus"] .tile .t-i,[data-tema="kristal"] .tile .t-i{background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c)}
[data-tema="okyanus"] .tile .t-l,[data-tema="kristal"] .tile .t-l{color:var(--muted);opacity:1}
[data-tema="okyanus"] a.tile:hover,[data-tema="kristal"] a.tile:hover{color:var(--ink);box-shadow:0 18px 30px -18px var(--c)}
[data-tema="okyanus"] .tile .bi-arrow-up-right,[data-tema="kristal"] .tile .bi-arrow-up-right{color:var(--c)}

/* ---------------------------------------------------------------- form yardımcıları */
.section-title{font-size:.8rem;color:var(--m);font-weight:700;margin:1.2rem 0 .65rem;display:flex;align-items:center;gap:.6rem}
.section-title::after{content:"";flex:1;height:1px;background:var(--line)}
.chk-pill{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid var(--border);border-radius:999px;padding:.32rem .85rem;cursor:pointer;background:var(--surface);font-size:.84rem;font-weight:600;user-select:none;transition:all .15s var(--ease);color:var(--text)}
.chk-pill:hover{border-color:color-mix(in srgb,var(--m,var(--brand)) 40%,#fff)}
.chk-pill input{accent-color:var(--m,var(--brand))}
.chk-pill:has(input:checked){border-color:var(--m,var(--brand));background:color-mix(in srgb,var(--m,var(--brand)) 10%,#fff);color:color-mix(in srgb,var(--m,var(--brand)) 80%,#000)}
.notify-box{border:1.5px dashed color-mix(in srgb,#8b5cf6 35%,#fff);border-radius:14px;padding:.8rem .95rem;background:color-mix(in srgb,#8b5cf6 4%,#fff);--m:#8b5cf6}
.sticky-actions{position:sticky;bottom:0;padding:1rem 0 .3rem;display:flex;gap:.5rem;justify-content:flex-end;z-index:5;background:linear-gradient(transparent,var(--bg) 35%)}
.modal .sticky-actions{background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid var(--line);margin:1rem -1rem -1rem;padding:.8rem 1rem}
.modal .sticky-actions .btn{padding:.55rem 1.2rem}

/* ---------------------------------------------------------------- galeri, yükleme, zaman çizelgesi */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
.gallery .g-item{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface-3);aspect-ratio:1}
.gallery .g-item img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .35s var(--ease)}
.gallery .g-item:hover img{transform:scale(1.06)}
.gallery .g-item .g-tag{position:absolute;left:6px;top:6px;font-size:.68rem;background:rgba(255,255,255,.92);border-radius:7px;padding:1px 7px;font-weight:600}
.gallery .g-item .g-del{position:absolute;right:6px;top:6px;border:0;background:rgba(255,255,255,.94);border-radius:8px;color:#e11d48;width:28px;height:28px}
.upload-drop{border:2px dashed var(--input-border);border-radius:16px;padding:1.2rem;text-align:center;color:var(--muted);cursor:pointer;background:var(--surface-2);transition:all .2s var(--ease)}
.upload-drop:hover,.upload-drop.drag{border-color:var(--m,var(--brand));color:var(--m,var(--brand));background:color-mix(in srgb,var(--m,var(--brand)) 5%,#fff)}
.thumb{width:42px;height:42px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff}
img.logo-onizleme,.logo-onizleme img{object-fit:contain!important;background:repeating-conic-gradient(#f1f3f7 0 25%,#fff 0 50%) 50%/14px 14px}
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline li{position:relative;padding:0 0 1.05rem 1.7rem}
.timeline li::before{content:"";position:absolute;left:5px;top:8px;bottom:-4px;width:2px;background:var(--line)}
.timeline li:last-child::before{display:none}
.timeline .dot{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:var(--c,var(--m));box-shadow:0 0 0 4px color-mix(in srgb,var(--c,var(--m)) 18%,#fff)}
.timeline li:first-child .dot{animation:pulse 2s infinite}
.timeline .t{font-size:.74rem;color:var(--faint)}
.tree{list-style:none;padding-left:0;margin:0}
.tree ul{list-style:none;padding-left:1.4rem;margin:0;border-left:2px dotted var(--input-border);margin-left:.6rem}
.tree .node{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:10px;transition:background .15s}
.tree .node:hover{background:color-mix(in srgb,var(--m) 6%,#fff)}
.tree .code{font-family:ui-monospace,Menlo,Consolas,monospace;background:color-mix(in srgb,var(--m) 12%,#fff);color:color-mix(in srgb,var(--m) 75%,#000);border-radius:7px;padding:0 .45rem;font-size:.8rem;font-weight:600}

/* ---------------------------------------------------------------- modal & toast */
.modal-content{border:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 40px 90px -25px color-mix(in srgb,var(--m,var(--brand)) 55%,rgba(20,20,60,.6))}
.modal-header{position:relative;overflow:hidden;border:0;padding:1.1rem 1.35rem;color:#fff;background:linear-gradient(120deg,var(--m,var(--brand)) 0%,color-mix(in srgb,var(--m,var(--brand)) 55%,var(--brand2)) 100%)}
[data-tema="okyanus"] .modal-header{background:linear-gradient(120deg,#0b1f3a 0%,#0f3d6e 55%,color-mix(in srgb,var(--m,#0284c7) 70%,#0f3d6e) 100%)}
[data-tema="orman"] .modal-header{background:linear-gradient(120deg,#065f46 0%,color-mix(in srgb,var(--m,#059669) 75%,#065f46) 100%)}
[data-tema="lavanta"] .modal-header{background:linear-gradient(120deg,var(--m,var(--brand)) 0%,color-mix(in srgb,var(--m,var(--brand)) 55%,#a855f7) 60%,color-mix(in srgb,var(--m,var(--brand)) 35%,#ec4899) 100%)}
[data-tema="gunbatimi"] .modal-header{background:linear-gradient(120deg,var(--m,#f97316) 0%,color-mix(in srgb,var(--m,#f97316) 50%,#f97316) 55%,#e11d48 100%)}
[data-tema="kristal"] .modal-header{background:#fff;color:var(--ink)}
.modal-header::before,.modal-header::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.13);pointer-events:none}
.modal-header::before{width:200px;height:200px;right:60px;top:-120px}
.modal-header::after{width:120px;height:120px;right:-30px;bottom:-70px;animation:float 8s ease-in-out infinite}
.modal-header>*{position:relative;z-index:1}
.modal-title{font-weight:700;font-size:1.12rem}
.modal-header .modal-title{color:inherit}
.modal-header .ph-icon{background:rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;color:#fff;width:42px;height:42px;font-size:1.15rem;margin-right:.85rem}
.modal-header .btn-close{filter:invert(1) grayscale(1) brightness(2.2);opacity:.85;margin-left:auto}
.modal-sub{font-size:.74rem;font-weight:500;opacity:.85;line-height:1.1}
[data-tema="kristal"] .modal-header{border-bottom:1px solid var(--line)}
[data-tema="kristal"] .modal-header::before,[data-tema="kristal"] .modal-header::after{display:none}
[data-tema="kristal"] .modal-header .ph-icon{background:color-mix(in srgb,var(--m,var(--brand)) 12%,#fff)!important;color:var(--m,var(--brand));box-shadow:none!important}
[data-tema="kristal"] .modal-header .btn-close{filter:none}
.modal-body{background:linear-gradient(180deg,color-mix(in srgb,var(--m,var(--brand)) 5%,#f7f8fc) 0%,#f7f8fc 60%)}
[data-tema="okyanus"] .modal-body{background:#f5f8fc}
[data-tema="orman"] .modal-body{background:#f4faf7}
[data-tema="gunbatimi"] .modal-body{background:linear-gradient(180deg,#fff4ec 0,#fffaf6 60%)}
[data-tema="kristal"] .modal-body{background:#fafbfc}
.modal-body .card{background:#fff;border:1px solid color-mix(in srgb,var(--border) 70%,#fff);box-shadow:0 2px 4px rgba(18,22,51,.03),0 14px 30px -20px rgba(18,22,51,.28);backdrop-filter:none}
.modal-body .card-header{padding:.85rem 1.1rem}
.modal-footer{background:#fff;border-top:1px solid var(--line)}
.modal.fade .modal-dialog{transform:translateY(30px) scale(.95);transition:transform .3s var(--ease),opacity .2s}
.modal.show .modal-dialog{transform:none;transition:transform .38s cubic-bezier(.2,1.2,.3,1),opacity .2s}
.modal-backdrop.show{opacity:.38;backdrop-filter:blur(3px)}
.modal-body .page-head{display:none}
.modal .form-control,.modal .form-select,.modal .ts-control{background-color:#fbfbfe!important;border-color:color-mix(in srgb,var(--m,var(--brand)) 14%,#e3e5f2)!important}
.modal .form-control:focus,.modal .form-select:focus{background-color:#fff!important}
.modal .notify-box{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 7%,#fff),#fff)}
#ajaxModalBody{min-height:180px;position:relative}
.modal-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.7rem;color:var(--muted)}
.spin{width:38px;height:38px;border-radius:50%;border:3px solid color-mix(in srgb,var(--m,var(--brand)) 18%,#fff);border-top-color:var(--m,var(--brand));animation:spin .8s linear infinite}
.toast-container{z-index:2100}
.toast{border:0;border-radius:14px;box-shadow:var(--sh-2);animation:toastIn .35s var(--ease);overflow:hidden;background:#fff;min-width:300px}
.toast .toast-body{display:flex;gap:.7rem;align-items:flex-start;font-weight:500;color:var(--ink);padding:.85rem 1rem}
.toast .t-ic{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:var(--tc)}
.toast::before{content:"";display:block;height:3px;background:var(--tc);animation:toastBar var(--td,4s) linear forwards;transform-origin:left}
.basari-panel{text-align:center;padding:1.5rem .5rem}
.basari-panel .ok-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 16px 30px -14px #10b981;animation:popIn .5s var(--ease)}

/* ---------------------------------------------------------------- giriş */
.auth-body{background:#fff}
.auth-body::before{display:none}
.auth-wrap{display:flex;min-height:100vh}
.auth-side{flex:1.1;position:relative;overflow:hidden;color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,var(--brand),color-mix(in srgb,var(--brand) 40%,var(--brand2)) 70%,#f59e0b 140%)}
.auth-side::before,.auth-side::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12);animation:float 9s ease-in-out infinite}
.auth-side::before{width:420px;height:420px;right:-120px;top:-120px}
.auth-side::after{width:260px;height:260px;left:-80px;bottom:-60px;animation-delay:-4s}
.auth-side>*{position:relative;z-index:1}
.auth-side h2{font-weight:800;margin:1.3rem 0 .6rem;color:#fff;font-size:2.2rem;letter-spacing:-.03em}
.auth-side p{opacity:.9;font-size:1.02rem;max-width:440px}
.auth-brand img{display:block;width:auto;height:auto;max-height:64px;max-width:240px;object-fit:contain;background:#fff;border-radius:14px;padding:6px 10px}
.auth-brand .brand-mark{background:rgba(255,255,255,.2)}
.auth-feat{list-style:none;padding:0;margin:2rem 0 0}
.auth-feat li{display:flex;gap:.75rem;align-items:center;margin-bottom:.85rem;font-weight:600}
.auth-feat i{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center}
.auth-form{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}
.auth-card{width:100%;max-width:400px;animation:rise .5s var(--ease)}
.auth-card h4{font-weight:800;font-size:1.6rem}
@media (max-width:860px){.auth-side{display:none}}

/* ---------------------------------------------------------------- servis ekranları */
.hizli-islem{display:flex;flex-wrap:wrap;gap:.6rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--m) 6%,#fff),var(--surface))}
.hizli-islem form{display:flex;align-items:center;gap:.4rem}
.hizli-islem .hb-barkod{flex:1 1 380px;min-width:260px;position:relative}
.hb-barkod>i{position:absolute;left:.75rem;color:var(--m);font-size:1.1rem}
.hb-barkod #barkodGir{padding-left:2.2rem;font-weight:600;flex:1;min-width:0}
.hb-bedel{flex:0 1 auto}
.hizli-islem .form-control{height:34px;font-size:.85rem}
.kazanc-seridi{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem 1.15rem;border-top:1px solid var(--line);background:var(--surface-2)}
.kazanc-seridi>div{flex:1;min-width:130px;padding:.5rem .7rem;border-radius:12px;background:#fff;border:1px solid var(--line)}
.kazanc-seridi span{display:block;font-size:.72rem;color:var(--muted);font-weight:600}
.kazanc-seridi b{font-size:1rem;color:var(--ink)}
.kazanc-seridi .kz-top{background:linear-gradient(135deg,#10b981,#0ea5a4);border:0}
.kazanc-seridi .kz-top span,.kazanc-seridi .kz-top b{color:#fff}
.durum-seridi{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.durum-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .5rem .38rem .85rem;border-radius:999px;font-weight:600;font-size:.84rem;color:var(--text);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--sh-card);transition:all .18s var(--ease)}
.durum-pill b{background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);border-radius:999px;padding:.05rem .5rem;font-size:.76rem}
.durum-pill .dp-dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.durum-pill:hover{color:var(--ink);transform:translateY(-1px);border-color:color-mix(in srgb,var(--c) 35%,#fff)}
.durum-pill.on{background:var(--c);color:#fff;border-color:transparent;box-shadow:0 8px 18px -10px var(--c)}
.durum-pill.on b{background:rgba(255,255,255,.25);color:#fff}.durum-pill.on .dp-dot{background:#fff}
.sutun-liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}
.sutun-liste li{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border:1.5px solid var(--border);border-radius:11px;background:#fff;cursor:grab;transition:box-shadow .15s}
.sutun-liste li:has(input:checked){border-color:color-mix(in srgb,var(--m) 40%,#fff);background:color-mix(in srgb,var(--m) 5%,#fff)}
.sutun-liste li.suruk{opacity:.5;box-shadow:var(--sh-2)}
.sutun-liste .tut{color:var(--faint)}

/* ---------------------------------------------------------------- özel alanlar (v1.4) */
.oa-hero{display:flex;gap:1rem;align-items:center;padding:1.1rem 1.3rem;border-radius:calc(var(--r-card) + 4px);color:#fff;
  background:linear-gradient(120deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 50%,var(--brand2)) 50%,var(--brand2) 100%);box-shadow:0 18px 40px -22px var(--brand);position:relative;overflow:hidden}
.oa-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}
.oa-hero code{color:#fff;background:rgba(255,255,255,.18);padding:.05rem .35rem;border-radius:6px}
.oa-hero-ic{width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.oa-liste{display:flex;flex-direction:column}
.oa-satir{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:transparent;transition:background .15s,opacity .2s,transform .15s}
.oa-satir:last-child{border-bottom:0}
.oa-satir:hover{background:color-mix(in srgb,var(--c) 5%,transparent)}
.oa-satir.pasif{opacity:.55}
.oa-satir.surukle{opacity:.4;transform:scale(.98)}
.oa-tut{cursor:grab;color:var(--faint);font-size:1.1rem}
.oa-tip{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;flex-shrink:0;
  background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff));box-shadow:0 8px 18px -10px var(--c)}
.oa-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-weight:600;font-size:.88rem}
.oa-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}
.oa-switch span{width:40px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;flex-shrink:0}
.oa-switch span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
.oa-switch input:checked+span{background:linear-gradient(90deg,#10b981,#22c55e)}
.oa-switch input:checked+span::after{transform:translateX(18px)}
.oa-tipler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}
.oa-tip-sec input{position:absolute;opacity:0}
.oa-tip-sec span{display:flex;align-items:center;gap:.55rem;padding:.6rem .75rem;border-radius:13px;border:1.5px solid var(--border);background:#fff;cursor:pointer;font-weight:600;font-size:.84rem;transition:all .15s}
.oa-tip-sec span i{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);flex-shrink:0}
.oa-tip-sec span:hover{border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.oa-tip-sec input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,#fff);box-shadow:0 6px 16px -10px var(--c)}
.oa-tip-sec input:checked+span i{background:var(--c);color:#fff}
.oa-ikon{color:var(--m);opacity:.8}
.oa-kart .card-header{background:linear-gradient(90deg,color-mix(in srgb,#8b5cf6 9%,#fff),#fff)}
.oa-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}
.oa-kv>div{padding:.55rem .75rem;border-radius:12px;background:color-mix(in srgb,#8b5cf6 6%,#fff);border:1px solid color-mix(in srgb,#8b5cf6 16%,#fff)}
.oa-kv small{display:block;color:#7c3aed;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em}
.oa-kv b{font-weight:600;word-break:break-word}

/* ---------------------------------------------------------------- tema seçici (v1.5) */
.tema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem}
.tema-kart{position:relative;cursor:pointer;border-radius:16px;border:2px solid var(--border);background:#fff;padding:.55rem;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s;text-align:left}
.tema-kart:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(18,22,51,.45)}
.tema-kart.secili{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.tema-kart .tk-ok{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:none;align-items:center;justify-content:center;font-size:.8rem;z-index:2;box-shadow:0 4px 10px -4px var(--brand)}
.tema-kart.secili .tk-ok{display:inline-flex}
.tk-onizleme{height:118px;border-radius:11px;overflow:hidden;display:flex;gap:6px;padding:6px;background:var(--bg);background-image:var(--bg-img);border:1px solid var(--line)}
.tk-side{width:30%;border-radius:calc(var(--side-radius) / 3 + 4px);background:var(--side-bg);border-right:var(--side-border);padding:7px 6px;display:flex;flex-direction:column;gap:5px}
.tk-side i{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,var(--side-ink) 30%,transparent)}
.tk-side i:nth-child(2){background:var(--side-act-bg);height:9px}
.tk-side i:first-child{width:70%;height:9px;background:color-mix(in srgb,var(--side-ink) 55%,transparent)}
.tk-ana{flex:1;display:flex;flex-direction:column;gap:5px}
.tk-tust{height:14px;border-radius:5px;background:var(--top-bg-s);border:1px solid var(--line)}
.tk-satir{display:flex;gap:5px}
.tk-satir b{flex:1;height:26px;border-radius:7px;background:var(--grad)}
.tk-satir b:nth-child(2){background:linear-gradient(135deg,#f59e0b,#f43f5e)}
.tk-satir b:nth-child(3){background:linear-gradient(135deg,#10b981,#06b6d4)}
[data-tema="okyanus"] .tk-satir b,[data-tema="kristal"] .tk-satir b{background:#fff;border:1px solid var(--border);box-shadow:inset 0 -3px 0 var(--brand)}
.tk-kart{flex:1;border-radius:7px;background:var(--surface);border:1px solid var(--border)}
.tk-ad{display:flex;align-items:center;gap:.45rem;padding:.55rem .2rem .15rem;font-weight:700;color:var(--ink);font-size:.9rem}
.tk-ad small{display:block;font-weight:500;color:var(--muted);font-size:.74rem}
.tk-renk{width:16px;height:16px;border-radius:50%;background:var(--grad);flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--border)}
.tk-ust-menu .tk-onizleme{flex-direction:column}
.yer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.yer-kart{text-align:left;cursor:pointer;border-radius:14px;border:2px solid var(--border);padding:.75rem;display:flex;gap:.8rem;align-items:center;background:#fff;transition:all .2s var(--ease)}
.yer-kart.secili{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}
.yer-kart svg{flex-shrink:0;border-radius:8px}
.yer-kart b{display:block;color:var(--ink)}
.yer-kart small{color:var(--muted)}

/* ---------------------------------------------------------------- animasyonlar */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@keyframes popIn{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes toastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c,var(--m)) 18%,#fff)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--c,var(--m)) 8%,#fff)}}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,22px)}}
@keyframes flash{from{background:color-mix(in srgb,var(--m) 18%,#fff)}to{background:transparent}}
.content.page-in{animation:rise .32s var(--ease)}
.row-flash>*{animation:flash 1.4s ease-out}
html.tema-gecis,html.tema-gecis *{transition:background .35s,background-color .35s,color .35s,border-color .35s,box-shadow .35s!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------- yazdırma */
@media print{
  .sidebar,.topbar,.page-actions,.no-print,.imp-bar,.sticky-actions,.page-head .ph-icon,#topProgress{display:none!important}
  .main{margin:0!important}.content{padding:0}body{background:#fff}body::before{display:none}.card{box-shadow:none;border:0}
}

/* ---------------------------------------------------------------- menü başı: müşteri logosu kartı (v1.5.1) */
.brand-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;margin:.9rem .85rem .8rem;padding:.9rem .75rem .8rem;border-radius:18px;
  background:var(--side-tenant-bg);border:var(--side-tenant-border);color:var(--side-tenant-ink);position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s}
.brand-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);opacity:.9}
.brand-card:hover{color:var(--side-tenant-ink);transform:translateY(-1px);box-shadow:0 14px 28px -18px rgba(0,0,0,.45)}
.bc-logo{width:100%;height:84px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px 12px;
  box-shadow:0 1px 2px rgba(18,22,51,.06),0 10px 24px -16px rgba(18,22,51,.45);border:1px solid rgba(18,22,51,.05);transition:height .28s var(--ease),width .28s var(--ease)}
.bc-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.bc-logo.bos{background:var(--grad);border:0}
.bc-logo.bos b{color:#fff;font-size:2rem;font-weight:800}
.bc-ad{font-weight:750;font-size:.92rem;line-height:1.25;margin-top:.35rem;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.bc-sub{font-size:.72rem;color:var(--side-ink2);display:inline-flex;align-items:center;gap:.35rem;font-weight:500}
@media (min-width:992px){
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .brand-card{margin:.8rem .55rem .7rem;padding:.45rem}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .brand-card::before{display:none}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .bc-logo{height:46px;padding:5px;border-radius:12px}
  html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) :is(.bc-ad,.bc-sub){display:none}
  [data-yerlesim="ust"] .brand-card{flex-direction:row;margin:0 .6rem 0 0;padding:0;background:none;border:0;gap:.6rem;flex-shrink:0}
  [data-yerlesim="ust"] .brand-card::before,[data-yerlesim="ust"] .brand-card :is(.bc-ad,.bc-sub){display:none}
  [data-yerlesim="ust"] .brand-card:hover{transform:none;box-shadow:none}
  [data-yerlesim="ust"] .bc-logo{height:44px;width:auto;min-width:44px;max-width:170px;padding:5px 10px;border-radius:12px}
}

/* ---------------------------------------------------------------- servis onay limiti (v1.6) */
.limit-seridi{display:flex;align-items:center;gap:.8rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--lr) 9%,#fff),var(--surface))}
.limit-seridi.bos{background:var(--surface-2);color:var(--muted)}
.limit-seridi.bos .ls-ic{background:var(--surface-3);color:var(--muted)}
.ls-ic{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--lr);color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 8px 16px -10px var(--lr)}
.ls-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--lr) 14%,#eef0f6);margin-top:.4rem;overflow:hidden}
.ls-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--lr) 70%,#fff),var(--lr));transition:width .6s var(--ease)}
.limit-form{border-bottom:1px solid var(--line);background:var(--surface-2)}
.ebelge-kutu{border:1.5px solid var(--border);border-radius:14px;padding:.85rem .95rem;background:var(--surface-2);height:100%}
.ebelge-kutu:has(input[type=checkbox]:checked){border-color:color-mix(in srgb,#10b981 45%,#fff);background:color-mix(in srgb,#10b981 6%,#fff)}
.adres-satir{border:1px dashed var(--input-border);border-radius:12px;padding:.6rem;background:var(--surface-2)}
.portal-kart{border-top:3px solid #0ea5e9}
.cari-ozet{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem 1.2rem}
.cari-ozet>div{display:flex;flex-direction:column;padding:.35rem 0;border-bottom:1px dashed var(--line)}
.cari-ozet small{color:var(--muted);font-size:.74rem;font-weight:600}
.cari-ozet span{color:var(--ink);font-weight:500;word-break:break-word}

/* ---------------------------------------------------------------- giriş sekmeleri & müşteri paneli (v1.6) */
.giris-sekme{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:#f1f3f9;border:1px solid var(--border)}
.giris-sekme button{border:0;background:none;padding:.6rem .5rem;border-radius:11px;font-weight:650;color:var(--muted);transition:all .2s var(--ease)}
.giris-sekme button.on{background:#fff;color:var(--brand);box-shadow:0 6px 16px -10px rgba(18,22,51,.45)}
.portal-body{background:var(--bg)}
.portal-ust{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.portal-ic{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;min-height:66px}
.portal-marka{display:flex;align-items:center;gap:.65rem;color:var(--ink);flex-shrink:0}
.portal-marka:hover{color:var(--ink)}
.portal-marka b{display:block;line-height:1.1}.portal-marka small{color:var(--muted);font-size:.72rem}
.pm-logo{height:46px;min-width:46px;max-width:150px;border-radius:12px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;padding:4px 8px}
.pm-logo img{max-height:100%;max-width:100%;object-fit:contain}
.pm-logo.bos{background:var(--grad);color:#fff;font-weight:800;font-size:1.2rem;border:0}
.portal-nav{display:flex;gap:.25rem;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}
.portal-nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:11px;color:var(--text);font-weight:600;font-size:.88rem;white-space:nowrap;transition:all .15s}
.portal-nav a:hover{background:var(--surface-3);color:var(--ink)}
.portal-nav a.on{background:var(--grad);color:#fff;box-shadow:0 8px 18px -10px var(--brand)}
.portal-kim{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.portal-kim b{display:block;font-size:.85rem;line-height:1.1;color:var(--ink);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-kim small{color:var(--muted);font-size:.72rem}
.portal-icerik{max-width:1280px;margin:0 auto;padding:.5rem 1rem 2rem;min-height:calc(100vh - 140px)}
.portal-alt{text-align:center;color:var(--muted);font-size:.8rem;padding:1.2rem 1rem;border-top:1px solid var(--line)}
.portal-servis-liste{display:flex;flex-direction:column}
.psl{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.15rem;border-bottom:1px solid var(--line);color:var(--text);transition:background .15s}
.psl:hover{background:color-mix(in srgb,var(--c) 6%,#fff);color:var(--ink)}
.psl:last-child{border-bottom:0}
.psl b{display:block;color:var(--ink)}.psl small{color:var(--muted)}
.psl-ic{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:1.1rem;flex-shrink:0}
@media (max-width:767.98px){.portal-ic{flex-wrap:wrap}.portal-nav{order:3;flex-basis:100%;justify-content:flex-start}.portal-kim{margin-left:auto}.portal-nav a span{display:none}.portal-nav a.on span{display:inline}}
@media print{.portal-ust,.portal-alt,.filter-bar .btn{display:none!important}}

/* ---------------------------------------------------------------- teklif modülü (v1.6) */
.tk-kalemler{display:flex;flex-direction:column;gap:.6rem;padding:1rem}
.tk-kalem{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto;grid-template-areas:"tut ana arac" "tut sayi arac";gap:.55rem .7rem;padding:.8rem .8rem .7rem;border:1.5px solid var(--border);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.tk-kalem:hover{border-color:color-mix(in srgb,var(--m) 35%,#fff);box-shadow:0 10px 24px -18px var(--m)}
.tk-kalem.ops{border-style:dashed;background:var(--surface-2)}
.tk-tut{grid-area:tut;color:var(--faint);padding-top:.35rem;cursor:grab}
.tk-k-ana{grid-area:ana;min-width:0}
.tk-k-ana .ts-wrapper{flex:1 1 0;min-width:0;width:auto!important}.tk-k-ana .ts-control{min-height:31px!important;padding:.2rem .5rem!important;font-size:.85rem}
.tk-k-sayi{grid-area:sayi;display:grid;grid-template-columns:minmax(120px,1.3fr) minmax(100px,1fr) 70px 80px minmax(110px,1fr);gap:.45rem;align-items:end}
.tk-k-sayi label{font-size:.7rem;font-weight:650;color:var(--muted);margin-bottom:.15rem;display:block}
.k-tutar b{display:block;font-size:.95rem;color:var(--ink);text-align:right;padding:.3rem 0;white-space:nowrap}
.tk-k-arac{grid-area:arac;display:flex;flex-direction:column;gap:.25rem}
.tk-k-arac .btn{padding:.15rem .4rem;font-size:.8rem}
.tk-ops-etiket{position:absolute;top:-9px;left:14px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#64748b;color:#fff;border-radius:6px;padding:.05rem .45rem}
.tk-ozet{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding:.9rem 1.15rem;border-top:1px solid var(--line);background:var(--surface-2)}
.tk-ozet-sag{min-width:280px}
.tk-ozet-sag>div{display:flex;justify-content:space-between;gap:2rem;padding:.2rem 0;font-size:.88rem}
.tk-ozet-sag span{color:var(--muted)}.tk-ozet-sag b{color:var(--ink);font-variant-numeric:tabular-nums}
.tk-ozet-sag .gt{margin-top:.3rem;padding:.5rem .7rem;border-radius:11px;background:var(--grad);color:#fff}.tk-ozet-sag .gt span,.tk-ozet-sag .gt b{color:#fff;font-size:1rem}
.tk-ozet-sag .ops span,.tk-ozet-sag .ops b{color:var(--faint);font-size:.8rem}
.tk-toplam-kart{border-radius:var(--r-card);padding:1.1rem 1.2rem;color:#fff;background:linear-gradient(135deg,#6366f1,color-mix(in srgb,#6366f1 50%,var(--brand2)));box-shadow:0 18px 34px -20px #6366f1;position:sticky;top:90px}
.tk-toplam-kart small{opacity:.85;font-weight:600}.tk-toplam-kart b{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.tk-toplam-kart span{opacity:.85;font-size:.85rem}
.tk-no{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.tk-no small{color:var(--muted)}.tk-no b{margin-right:auto}
.tk-durum-ic{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));box-shadow:0 12px 24px -12px var(--c)}
@media (max-width:767.98px){.tk-kalem{grid-template-columns:minmax(0,1fr);grid-template-areas:"ana" "sayi" "arac"}.tk-k-sayi{grid-template-columns:1fr 1fr 1fr}.tk-k-arac{flex-direction:row}.tk-tut{display:none}}
.ebelge-kutu .oa-switch{display:flex;width:max-content}
.doviz-alan{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;padding:.55rem .8rem;border-radius:12px;border:1.5px dashed color-mix(in srgb,#f59e0b 45%,#fff);background:color-mix(in srgb,#f59e0b 7%,#fff);font-size:.86rem}
.dv-ic{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff}

/* ---------------------------------------------------------------- teklif formu v2 — kompakt satırlar */
.tf{position:relative}
.tf-seg{display:inline-flex;padding:3px;border-radius:11px;background:var(--surface-3);border:1px solid var(--border);gap:2px;margin-top:2px}
.tf-seg label{margin:0;cursor:pointer}.tf-seg input{position:absolute;opacity:0}
.tf-seg span{display:inline-block;padding:.28rem .6rem;border-radius:8px;font-weight:650;font-size:.8rem;color:var(--muted);transition:all .15s}
.tf-seg input:checked+span{background:#fff;color:var(--m);box-shadow:0 4px 12px -8px rgba(18,22,51,.5)}
.tf-kalem-kart{overflow:visible}
.tf-tablo{--tf-cols:18px 30px minmax(220px,1fr) 78px 70px 112px 62px 66px 116px 34px;padding:.4rem .6rem .2rem}
.tf-bas,.tf-satir{display:grid;grid-template-columns:var(--tf-cols);gap:.35rem;align-items:center}
.tf-bas{position:sticky;top:-1rem;z-index:3;background:#fff;padding:.45rem .35rem;border-bottom:1.5px solid var(--line);font-size:.7rem;font-weight:700;color:color-mix(in srgb,var(--m) 50%,var(--muted));text-transform:uppercase;letter-spacing:.03em}
.tf-bas .r,.tf-satir .r{text-align:right}
.tf-satir{position:relative;padding:.28rem .35rem;border-bottom:1px solid var(--line);border-radius:10px;transition:background .12s}
.tf-satir:hover{background:color-mix(in srgb,var(--m) 4%,#fff)}
.tf-satir:focus-within{background:color-mix(in srgb,var(--m) 6%,#fff)}
.tf-satir.ops{background:repeating-linear-gradient(-45deg,transparent 0 8px,color-mix(in srgb,#94a3b8 6%,transparent) 8px 16px)}
.tf-satir.surukle{opacity:.4}
.tf-satir>input,.tf-satir>select,.tf-ad input{height:32px;border:1px solid transparent;border-radius:8px;background:transparent;padding:0 .45rem;font-size:.86rem;color:var(--ink);width:100%;min-width:0;transition:border-color .12s,background .12s}
.tf-satir>input:hover,.tf-satir>select:hover,.tf-ad input:hover{border-color:var(--input-border);background:#fff}
.tf-satir>input:focus,.tf-satir>select:focus,.tf-ad input:focus{outline:0;border-color:color-mix(in srgb,var(--m) 55%,#fff);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--m) 14%,transparent)}
.tf-satir>input.r{text-align:right}
.tf-ad{display:flex;align-items:center;gap:.35rem;min-width:0}
.tf-ad input{font-weight:600}
.tf-kod{flex-shrink:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--m) 80%,#000);background:color-mix(in srgb,var(--m) 11%,#fff);border-radius:6px;padding:.1rem .4rem}
.tf-ops{flex-shrink:0;font-size:.62rem;font-weight:800;text-transform:uppercase;background:#64748b;color:#fff;border-radius:5px;padding:.08rem .35rem}
.tf-no{font-size:.75rem;font-weight:700;color:var(--faint);text-align:center}
.tf-tut{color:#c4c8da;cursor:grab;font-size:.9rem;opacity:0;transition:opacity .15s}
.tf-satir:hover .tf-tut{opacity:1}
.k-tutar{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.9rem;padding-right:.3rem}
.tf-mb{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.tf-mb:hover{background:var(--surface-3);color:var(--m)}
.k-detay{grid-column:3/-2;min-height:52px;border:1px dashed var(--input-border);border-radius:9px;padding:.35rem .5rem;font-size:.82rem;background:#fff;margin:.15rem 0 .2rem;resize:vertical}
.k-detay:focus{outline:0;border-color:color-mix(in srgb,var(--m) 55%,#fff)}
.tf-yeni{display:flex;align-items:center;gap:.4rem;width:100%;border:1.5px dashed var(--input-border);border-radius:11px;background:transparent;color:var(--m);font-weight:650;font-size:.86rem;padding:.5rem .8rem;margin:.55rem 0 .4rem;transition:all .15s}
.tf-yeni:hover{background:color-mix(in srgb,var(--m) 6%,#fff);border-color:var(--m)}
.tf-alt{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding:.9rem 1.15rem;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-card) var(--r-card)}
.tf-toplamlar{min-width:300px}
.tf-toplamlar>div{display:flex;justify-content:space-between;gap:2rem;padding:.18rem 0;font-size:.88rem}
.tf-toplamlar span{color:var(--muted)}.tf-toplamlar b{color:var(--ink);font-variant-numeric:tabular-nums}
.tf-toplamlar .gt{margin:.35rem 0 .1rem;padding:.55rem .8rem;border-radius:12px;background:var(--grad);box-shadow:0 10px 22px -14px var(--brand)}
.tf-toplamlar .gt span,.tf-toplamlar .gt b{color:#fff;font-size:1.02rem}
.tf-toplamlar .ops span,.tf-toplamlar .ops b{color:var(--faint);font-size:.8rem}
.tf-odeme{display:flex;flex-direction:column;gap:.4rem;padding:.8rem 1rem}
.tf-od{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 1fr 34px;gap:.35rem}
.tf-oneri{position:absolute;z-index:1080;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-2);padding:.35rem;max-height:340px;overflow:auto;animation:pop .15s var(--ease)}
.tf-on{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:10px;cursor:pointer}
.tf-on b{display:block;font-size:.86rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-on small{color:var(--muted);font-size:.74rem}
.tf-on.on,.tf-on:hover{background:color-mix(in srgb,var(--m) 9%,#fff)}
.tf-on-f{font-weight:700;font-size:.84rem;white-space:nowrap;color:var(--ink)}
.tf-on-bos{padding:.6rem;color:var(--muted);font-size:.84rem}
.tf-aksiyon{align-items:center}
.tf-ozet-mini{margin-right:auto;display:flex;align-items:baseline;gap:.55rem;padding:.35rem .9rem;border-radius:12px;background:color-mix(in srgb,var(--m) 8%,#fff)}
.tf-ozet-mini small{color:var(--muted);font-weight:600}.tf-ozet-mini b{font-size:1.15rem;color:var(--ink)}.tf-ozet-mini span{color:var(--muted);font-size:.8rem}
@media (max-width:991.98px){
  .tf-bas{display:none}
  .tf-satir{grid-template-columns:repeat(6,1fr);border:1px solid var(--border);margin-bottom:.4rem;padding:.5rem}
  .tf-tut,.tf-no{display:none}
  .tf-ad{grid-column:1/-2}.tf-menu{grid-column:-2/-1;justify-self:end}
  .tf-satir>input,.tf-satir>select{border-color:var(--input-border);background:#fff}
  .k-tutar{grid-column:span 2;align-self:center}
  .k-detay{grid-column:1/-1}
  .tf-od{grid-template-columns:1fr 1fr;}
}
/* teklif v3: kalem para birimi, zincir iskonto, stok butonu */
.tf-tablo{--tf-cols:18px 30px minmax(220px,1fr) 70px 64px 150px 78px 62px 130px 34px}
.tf-fiyat{display:flex;align-items:center;gap:2px;min-width:0}
.tf-fiyat input,.tf-fiyat select{height:32px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:.86rem;color:var(--ink);min-width:0}
.tf-fiyat input{flex:1;text-align:right;padding:0 .45rem;width:100%}
.tf-fiyat select{width:44px;padding:0 .2rem;font-weight:700;color:var(--m);cursor:pointer;appearance:none;text-align:center;background:color-mix(in srgb,var(--m) 8%,#fff)}
.tf-fiyat input:hover,.tf-fiyat select:hover{border-color:var(--input-border);background-color:#fff}
.tf-fiyat input:focus,.tf-fiyat select:focus{outline:0;border-color:color-mix(in srgb,var(--m) 55%,#fff);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--m) 14%,transparent)}
.k-tutar{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.k-tutar small{font-size:.68rem;color:var(--muted);font-weight:500;white-space:nowrap}
.tf-satir.kur-yok .k-tutar small{color:#e11d48;font-weight:700}
.tf-stokbtn{flex-shrink:0;width:28px;height:28px;border:0;border-radius:8px;background:color-mix(in srgb,var(--m) 10%,#fff);color:var(--m);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}
.tf-stokbtn:hover{background:var(--m);color:#fff}
.tf-oneri{position:fixed;z-index:2000}
.tf-od{grid-template-columns:1.6fr 1.2fr 1.4fr 1fr 34px}
@media (max-width:991.98px){.tf-fiyat{grid-column:span 2}}
.kase-onizleme{height:120px;border-radius:12px;border:1.5px dashed var(--input-border);display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f1f3f7 0 25%,#fff 0 50%) 50%/16px 16px}
.kase-onizleme img{max-height:108px;max-width:100%;object-fit:contain}
.tf-oto{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-right:.5rem}
.tf-oto>span{font-size:.78rem;font-weight:700;color:var(--muted);margin-right:.15rem}
.tf-oto .chk-pill{padding:.25rem .65rem;font-size:.78rem}
@media (max-width:991.98px){.tf-oto{width:100%;order:-1}}
/* ---------------- v1.9 fatura */
a.tile{text-decoration:none;transition:transform .15s var(--ease),box-shadow .15s}
a.tile:hover{transform:translateY(-2px)}
.fat-form{--m:var(--ft,#0d9488)}
.fat-tipler{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}
.fat-tip{cursor:pointer;margin:0}
.fat-tip input{position:absolute;opacity:0;pointer-events:none}
.fat-tip>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.65rem;align-items:center;padding:.7rem .9rem;border-radius:14px;border:1.5px solid var(--border);background:#fff;transition:all .15s}
.fat-tip>span>i{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff);transition:all .15s}
.fat-tip b{font-size:.92rem;color:var(--ink)}.fat-tip small{font-size:.72rem;color:var(--muted)}
.fat-tip:hover>span{border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.fat-tip input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);box-shadow:0 10px 24px -16px var(--c)}
.fat-tip input:checked+span>i{background:var(--c);color:#fff}
.fat-tip input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--c) 30%,transparent)}
.fat-cari{min-height:1.2rem}
.fat-tablo{--tf-cols:18px 30px minmax(220px,1fr) 78px 70px 120px 72px 62px 130px 34px}
.fat-iade{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .8rem;border-radius:12px;background:color-mix(in srgb,var(--m) 7%,#fff);border:1px dashed color-mix(in srgb,var(--m) 40%,#fff)}
.fat-iade>i{font-size:1.2rem;color:var(--m);margin-top:1.6rem}
.fat-toplam-kart .tf-toplamlar{min-width:0}
.fat-yazi{margin-top:.5rem;font-size:.78rem;color:var(--muted);font-style:italic;text-align:right}
.tf-seg.w-100{display:flex}.tf-seg.w-100>label{flex:1}.tf-seg.w-100>label>span{display:block;width:100%;text-align:center}
@media (max-width:767.98px){.fat-tipler{grid-template-columns:1fr 1fr}.fat-tip small{display:none}}
.gelen-onizleme{background:#eef1f7;border-radius:var(--r-card);padding:12px;height:calc(100vh - 240px);min-height:620px}
.gelen-onizleme iframe{width:100%;height:100%;border:0;border-radius:8px;background:#fff;box-shadow:0 20px 50px -30px rgba(18,22,51,.5)}
.gelen-onay{--m:#16a34a}
.gelen-cari{padding:.55rem .7rem;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.gelen-kalem{display:flex;flex-direction:column;gap:.45rem;max-height:420px;overflow:auto;padding-right:2px}
.gk{border:1px solid var(--line);border-radius:12px;padding:.5rem .6rem;background:#fff}
.gk-ust{display:flex;gap:.6rem;font-size:.85rem;align-items:baseline}.gk-ust>b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.gk-esle{display:flex;gap:.4rem;align-items:center;margin-top:.35rem}.gk-esle .ts-wrapper{flex:1;min-width:0}
.chk-pill.sm{padding:.2rem .55rem;font-size:.74rem;white-space:nowrap}
/* ---------------- v1.9.1 müşteri paneli (modern) */
.pt{background:#f4f6fb}
.pt-ic{max-width:1240px;margin:0 auto;padding:0 1.25rem}
.pt-hero{position:relative;overflow:hidden;color:#fff;padding:1rem 0 0;background:linear-gradient(125deg,color-mix(in srgb,var(--brand) 92%,#000) 0%,var(--brand) 45%,color-mix(in srgb,var(--brand2,#06b6d4) 85%,var(--brand)) 100%)}
.pt-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -10%,rgba(255,255,255,.28),transparent 45%),radial-gradient(circle at 0% 120%,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
.pt-hero-d1,.pt-hero-d2{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.pt-hero-d1{width:420px;height:420px;right:-120px;top:-180px}.pt-hero-d2{width:260px;height:260px;right:120px;top:40px;border-color:rgba(255,255,255,.1)}
.pt-hero .pt-ic{position:relative;z-index:1}
.pt-ust{display:flex;align-items:center;gap:1rem}
.pt-marka{display:flex;align-items:center;gap:.8rem;color:#fff;min-width:0}
.pt-marka:hover{color:#fff}
.pt-logo{height:50px;min-width:50px;max-width:170px;border-radius:14px;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;box-shadow:0 10px 25px -12px rgba(0,0,0,.45)}
.pt-logo img{max-height:100%;max-width:100%;object-fit:contain}
.pt-logo.bos{color:var(--brand);font-weight:800;font-size:1.3rem}
.pt-marka-ad{min-width:0}.pt-marka-ad b{display:block;font-size:1.02rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.pt-marka-ad small{opacity:.8;font-size:.74rem}
.pt-kim{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff;border-radius:99px;padding:.3rem .8rem .3rem .3rem;transition:background .15s}
.pt-kim:hover{background:rgba(255,255,255,.24)}
.pt-av{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--brand);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.pt-kim-ad{text-align:left;line-height:1.1}.pt-kim-ad b{display:block;font-size:.84rem;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-kim-ad small{font-size:.7rem;opacity:.8}
.pt-kim-menu{border-radius:14px;border:1px solid var(--border);box-shadow:var(--sh-2);padding:.35rem;min-width:250px}
.pt-kim-menu .dropdown-item{border-radius:9px;padding:.5rem .7rem}
.pt-baslik{padding:2.2rem 0 1.6rem;max-width:760px}
.pt-ust-yazi{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:.3rem .7rem;border-radius:99px}
.pt-baslik h1{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;margin:.7rem 0 .35rem;letter-spacing:-.02em;color:#fff}
.pt-baslik p{margin:0;opacity:.85;font-size:.95rem}
.pt-nav{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;margin-top:.2rem}
.pt-nav::-webkit-scrollbar{display:none}
.pt-nav a{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.05rem;border-radius:14px 14px 0 0;color:rgba(255,255,255,.85);font-weight:650;font-size:.9rem;white-space:nowrap;transition:all .15s}
.pt-nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.pt-nav a.on{background:#f4f6fb;color:var(--brand)}
.pt-icerik{max-width:1240px;margin:0 auto;padding:1.4rem 1.25rem 2.5rem;min-height:calc(100vh - 360px)}
.pt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}
.pt-stat{position:relative;display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.15rem;background:#fff;border-radius:18px;border:1px solid #e8ebf3;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 30px -24px rgba(16,24,40,.35);transition:transform .18s var(--ease),box-shadow .18s}
.pt-stat:hover{transform:translateY(-3px);box-shadow:0 20px 34px -22px color-mix(in srgb,var(--c) 60%,transparent);color:var(--ink)}
.pt-stat-ic{width:48px;height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);flex-shrink:0}
.pt-stat b{display:block;font-size:1.45rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.pt-stat small{color:var(--muted);font-weight:600;font-size:.8rem}
.pt-stat-ok{position:absolute;right:1rem;top:1rem;color:#c7cbd8;transition:all .18s}
.pt-stat:hover .pt-stat-ok{color:var(--c);transform:translateX(2px)}
.pt-duyuru{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:16px;margin-bottom:1rem;color:#065f46;background:linear-gradient(90deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0}
.pt-duyuru>span{width:38px;height:38px;border-radius:12px;background:#10b981;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pt-duyuru>div{flex:1}
.pt-kart{background:#fff;border-radius:20px;border:1px solid #e8ebf3;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px -30px rgba(16,24,40,.35);overflow:hidden}
.pt-kart-bas{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem .7rem}
.pt-kart-bas h2{font-size:1rem;font-weight:750;margin:0;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.pt-kart-bas h2 i{color:var(--brand)}
.pt-kart-bas a{margin-left:auto;font-size:.82rem;font-weight:650}
.pt-servis{display:flex;align-items:center;gap:.9rem;margin:0 .6rem .5rem;padding:.8rem .8rem;border-radius:14px;border:1px solid transparent;color:var(--text);transition:all .15s}
.pt-servis:hover{background:color-mix(in srgb,var(--c) 6%,#fff);border-color:color-mix(in srgb,var(--c) 22%,#fff);color:var(--ink)}
.pt-servis.hazir{background:linear-gradient(90deg,#ecfdf5,#fff);border-color:#a7f3d0}
.pt-servis b{display:block;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-servis small{color:var(--muted);font-size:.8rem}
.pt-servis-ic{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--c);background:color-mix(in srgb,var(--c) 13%,#fff);flex-shrink:0}
.pt-durum{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;color:color-mix(in srgb,var(--c) 85%,#000);background:color-mix(in srgb,var(--c) 12%,#fff);padding:.25rem .65rem;border-radius:99px;white-space:nowrap}
.pt-durum i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}
.pt-bos{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.2rem 1rem 2.6rem;gap:.3rem}
.pt-bos span{width:64px;height:64px;border-radius:20px;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:.4rem}
.pt-bos b{color:var(--ink)}.pt-bos small{color:var(--muted);max-width:360px}
.pt-hesap{padding:1.3rem 1.3rem 1.2rem;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 9%,#fff),#fff 60%)}
.pt-hesap>small{color:var(--muted);font-weight:650;font-size:.8rem}
.pt-hesap-tutar{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:.1rem 0 .35rem}
.pt-hesap-rozet{display:inline-block;font-size:.75rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);padding:.2rem .6rem;border-radius:99px}
.pt-hesap-son{margin-top:.8rem;font-size:.78rem;color:var(--muted)}
.pt-teklif{display:flex;align-items:center;gap:.8rem;justify-content:space-between;margin:0 .6rem .45rem;padding:.7rem .75rem;border-radius:13px;background:#f8f9fc;color:var(--text);transition:background .15s}
.pt-teklif:hover{background:color-mix(in srgb,#f59e0b 9%,#fff);color:var(--ink)}
.pt-teklif b{display:block;font-size:.88rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-teklif small{color:var(--muted);font-size:.75rem}
.pt-teklif>span{font-weight:750;white-space:nowrap;color:var(--ink)}
.pt-teklif:last-child{margin-bottom:.8rem}
.pt-il{display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:13px;border:1px solid #edf0f6;color:var(--text);transition:all .15s}
.pt-il:hover{border-color:#dfe3ee;background:#f8f9fc;color:var(--ink)}
.pt-il>span{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);flex-shrink:0}
.pt-il b{display:block;font-size:.86rem;color:var(--ink)}.pt-il small{color:var(--muted);font-size:.76rem}
.pt .card{border-radius:20px;border:1px solid #e8ebf3;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px -30px rgba(16,24,40,.35);backdrop-filter:none}
.pt-alt{background:#fff;border-top:1px solid #e8ebf3;padding:1.3rem 0;color:var(--muted);font-size:.85rem}
.pt-alt b{color:var(--ink)}
.pt-alt-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:11px;background:#f4f6fb;color:var(--text);font-weight:600;font-size:.82rem}
.pt-alt-btn:hover{background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand)}
.pt-alt-nav{display:none}
@media (max-width:991.98px){.pt-stats{grid-template-columns:1fr 1fr}}
@media (max-width:767.98px){
  .pt-nav{display:none}
  .pt-baslik{padding:1.4rem 0 1.6rem}
  .pt-icerik{padding-bottom:6rem}
  .pt-stats{gap:.6rem}.pt-stat{padding:.85rem;flex-direction:column;align-items:flex-start;gap:.5rem}.pt-stat b{font-size:1.2rem}.pt-stat-ok{display:none}
  .pt-alt{padding-bottom:5.5rem}
  .pt-alt-nav{display:flex;position:fixed;left:.6rem;right:.6rem;bottom:.6rem;z-index:1040;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid #e3e7f0;border-radius:20px;padding:.35rem;box-shadow:0 18px 40px -16px rgba(16,24,40,.35)}
  .pt-alt-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem 0;border-radius:14px;color:var(--muted);font-size:.68rem;font-weight:650}
  .pt-alt-nav a i{font-size:1.15rem}
  .pt-alt-nav a.on{background:color-mix(in srgb,var(--brand) 11%,#fff);color:var(--brand)}
}
@media print{.pt-hero,.pt-alt,.pt-alt-nav{display:none!important}}
/* kart içindeki açılır menüler kesilmesin / altta kalmasın */
.card:has(.dropdown-menu.show){overflow:visible;position:relative;z-index:30}
/* v1.9.9 gelen e-fatura toplu işlem çubuğu */
.toplu-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1040;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.55rem .65rem .55rem 1rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 50px -18px rgba(16,24,40,.45);animation:pop .18s var(--ease);max-width:calc(100vw - 24px)}
.toplu-say{font-size:.88rem;color:var(--muted);margin-right:.3rem}.toplu-say b{color:var(--ink)}
#gelenTablo tr.table-active>td{background:color-mix(in srgb,#16a34a 7%,#fff)}
/* v1.9.13 çek: işlem türü + portföyden ciro */
.cek-yon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}
.cek-yon-k{margin:0;cursor:pointer}.cek-yon-k input{position:absolute;opacity:0}
.cek-yon-k>span{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:14px;background:#fff;transition:all .15s}
.cek-yon-k>span>i{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.cek-yon-k b{font-size:.88rem;color:var(--ink)}.cek-yon-k small{font-size:.72rem;color:var(--muted)}
.cek-yon-k input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);box-shadow:0 10px 22px -16px var(--c)}
.cek-yon-k input:checked+span>i{background:var(--c);color:#fff}
fieldset[hidden]{display:none}
.pf-tablo{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.pf-tablo thead th{position:sticky;top:0;background:#fff;z-index:1}
.pf-satir{cursor:pointer}
.pf-ozet{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.55rem .8rem;border-radius:12px;background:color-mix(in srgb,#0891b2 8%,#fff);font-size:.9rem}
.pf-ozet b{font-size:1.05rem}
@media (max-width:767.98px){.cek-yon{grid-template-columns:1fr}}
/* v1.10 gelir-gider grafiği */
.gg-chart{display:flex;align-items:flex-end;gap:6px;height:220px}
.gg-col{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}
.gg-bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--bs-border-color)}
.gg-bars span{width:42%;max-width:22px;border-radius:4px 4px 0 0;min-height:1px;transition:height .4s}
.gg-ay{text-align:center;font-size:.72rem;color:var(--bs-secondary-color);margin-top:4px}
.gg-l{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin-right:3px}
/* v1.11 banka */
.sec-baslik{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bs-secondary-color);display:flex;align-items:center;gap:6px;margin:4px 0 2px}
.banka-detay{background:color-mix(in srgb,var(--brand,#2563eb) 4%,transparent);border:1px dashed color-mix(in srgb,var(--brand,#2563eb) 25%,transparent);border-radius:12px;padding:10px 12px}
.hesap-kart{border-top:3px solid var(--c);transition:transform .15s,box-shadow .15s}.hesap-kart:hover{transform:translateY(-2px);box-shadow:0 12px 30px -18px rgba(15,23,42,.35)}
.hk-ikon{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-size:1.1rem;flex-shrink:0}
.hk-bakiye{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.gb-chart{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid var(--bs-border-color)}
.gb-chart span{flex:1;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:3px 3px 0 0;min-width:2px}.gb-chart span.neg{background:linear-gradient(180deg,#fca5a5,#dc2626)}
/* v1.11 personel */
.pr-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--c,#8b5cf6) 15%,#fff);color:var(--c,#8b5cf6);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.pr-avatar.lg{width:84px;height:84px;font-size:1.8rem}
.izin-takvim{display:grid;grid-template-columns:200px repeat(var(--g),minmax(22px,1fr));font-size:.72rem;overflow-x:auto}
.izin-takvim>div{border-bottom:1px solid var(--bs-border-color);border-right:1px solid color-mix(in srgb,var(--bs-border-color) 60%,transparent);padding:4px 2px;text-align:center;min-height:30px}
.izin-takvim .it-ad{text-align:left;padding-left:8px;font-weight:600;position:sticky;left:0;background:var(--bs-body-bg);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.izin-takvim .hs{background:color-mix(in srgb,#94a3b8 12%,transparent)}.izin-takvim .bugun{outline:2px solid #2563eb;outline-offset:-2px}
.izin-takvim .iz{color:#fff;font-weight:700;border-radius:4px;margin:2px 0}
.puan-yildiz{display:inline-flex;gap:2px}.puan-yildiz input{display:none}.puan-yildiz label{cursor:pointer;font-size:1.3rem;color:#cbd5e1}
.puan-yildiz label.on{color:#f59e0b}
/* v1.12 liste sütun ayarı */
.ls-bar{display:flex;justify-content:flex-end;padding:8px 12px 0}
.filter-bar .ls-btn{white-space:nowrap}
/* v1.12 renkli sekmeler (tüm iç sayfalar: .nav-tabs ve .nav-pills) */
.nav-tabs,.content .nav-pills,main .nav-pills{border:0;gap:.45rem;flex-wrap:wrap}
.card>.nav-tabs{padding:.85rem 1rem .85rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--m,var(--brand)) 4%,transparent),transparent)}
.nav-tabs .nav-item:nth-child(8n+1),.nav-pills .nav-item:nth-child(8n+1){--tc:#2563eb}
.nav-tabs .nav-item:nth-child(8n+2),.nav-pills .nav-item:nth-child(8n+2){--tc:#7c3aed}
.nav-tabs .nav-item:nth-child(8n+3),.nav-pills .nav-item:nth-child(8n+3){--tc:#0891b2}
.nav-tabs .nav-item:nth-child(8n+4),.nav-pills .nav-item:nth-child(8n+4){--tc:#16a34a}
.nav-tabs .nav-item:nth-child(8n+5),.nav-pills .nav-item:nth-child(8n+5){--tc:#ea580c}
.nav-tabs .nav-item:nth-child(8n+6),.nav-pills .nav-item:nth-child(8n+6){--tc:#db2777}
.nav-tabs .nav-item:nth-child(8n+7),.nav-pills .nav-item:nth-child(8n+7){--tc:#ca8a04}
.nav-tabs .nav-item:nth-child(8n+8),.nav-pills .nav-item:nth-child(8n+8){--tc:#475569}
.nav-tabs .nav-link,.nav-pills .nav-link{--tc2:var(--tc,var(--brand));border:1px solid color-mix(in srgb,var(--tc2) 18%,transparent)!important;border-radius:12px!important;margin:0;
  background:color-mix(in srgb,var(--tc2) 7%,var(--bs-body-bg,#fff));color:color-mix(in srgb,var(--tc2) 82%,#0f172a)!important;font-weight:650;padding:.55rem 1rem;display:inline-flex;align-items:center;gap:.4rem;
  transition:transform .15s,box-shadow .2s,background .2s}
.nav-tabs .nav-link i,.nav-pills .nav-link i{color:var(--tc2);font-size:1.02em;transition:color .2s}
.nav-tabs .nav-link:hover,.nav-pills .nav-link:hover{background:color-mix(in srgb,var(--tc2) 14%,var(--bs-body-bg,#fff));transform:translateY(-1px)}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:linear-gradient(135deg,var(--tc2),color-mix(in srgb,var(--tc2) 62%,#7c3aed))!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 10px 22px -12px var(--tc2)}
.nav-tabs .nav-link.active i,.nav-pills .nav-link.active i{color:#fff}
.nav-link .tab-say{font-size:.7rem;font-weight:700;line-height:1;padding:.22rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--tc2) 16%,transparent);color:var(--tc2)}
.nav-link.active .tab-say{background:rgba(255,255,255,.25);color:#fff}
/* v1.13 tek parça üst başlık */
.topbar{height:auto;min-height:var(--top-h);flex-wrap:wrap;row-gap:.55rem;padding:.6rem 1.25rem .6rem 1rem;overflow:visible}
.topbar::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--m,var(--brand)),color-mix(in srgb,var(--m,var(--brand)) 35%,transparent) 55%,transparent);opacity:.75;pointer-events:none}
.topbar .crumb{gap:.75rem;min-width:0;flex:0 1 auto;color:var(--ink)}
.topbar .crumb .ph-icon{width:42px;height:42px;border-radius:13px;font-size:1.12rem;margin:0}
.topbar .crumb .ph-mod{font-size:.66rem;line-height:1.1;margin-bottom:2px}
.topbar .crumb .page-title{font-size:1.2rem;font-weight:780;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(46vw,620px)}
.top-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-end;margin-left:auto;min-width:0}
.top-actions:empty{display:none}
.top-actions form{display:inline}
.top-actions .btn{padding:.42rem .8rem;font-size:.84rem;border-radius:10px;white-space:nowrap}
.top-actions .dropdown-menu{z-index:1080}
.top-tools{margin-left:auto}
.topbar.aksiyonlu .top-tools{margin-left:0;padding-left:.75rem;border-left:1px solid var(--border)}
.search-box input{width:220px}.search-box input:focus{width:290px}
.content{padding-top:1rem}
.content>.page-head .ph-icon,.content>.page-head .ph-baslik{display:none}
.content>.page-head{margin:0 0 1rem;justify-content:flex-end}
.content>.page-head.bos,body.ust-tek .content>.page-head.tasindi{display:none}
[data-yerlesim="ust"] .topbar{height:auto;min-height:52px}
@media (max-width:991.98px){
  .topbar .crumb .page-title{font-size:1.02rem;max-width:52vw}
  .topbar .crumb .ph-icon{width:34px;height:34px;font-size:.95rem;border-radius:10px}
  .topbar .crumb .ph-mod{display:none}
  .content>.page-head .page-actions{margin-left:0!important;width:100%;justify-content:flex-start}
}
@media print{.content>.page-head{display:flex!important}.content>.page-head .ph-baslik{display:block!important}.content>.page-head .page-actions{display:none!important}}
.topbar.iki-satir .crumb{order:1}
.topbar.iki-satir .top-tools{order:2;margin-left:auto;padding-left:0;border-left:0}
.topbar.iki-satir .top-actions{order:3;flex-basis:100%;justify-content:flex-end;padding-top:.55rem;border-top:1px dashed color-mix(in srgb,var(--m,var(--brand)) 22%,var(--border))}
@media (max-width:991.98px){
  .topbar{flex-wrap:nowrap;padding:.5rem .75rem;gap:.5rem}
  .topbar .crumb{flex:1 1 auto}
  .topbar .top-tools{gap:.35rem!important;flex-shrink:0}
  .topbar .btn-user .bi-chevron-down{display:none}
}
@media (max-width:991.98px){.content>.page-head .page-actions{gap:.35rem}.content>.page-head .btn{font-size:.8rem;padding:.35rem .6rem;border-radius:9px}}

/* ======================================================================== v1.14 yeni renk temaları */
/* Safir — beyaz yüzen menü, indigo + altın */
[data-tema="safir"]{
  --brand:#4338ca; --brand2:#d97706; --grad:linear-gradient(135deg,#4338ca 0%,#6366f1 60%,#d97706 140%);
  --bg:#f5f6fc; --bg-img:radial-gradient(700px 420px at 100% -10%,rgba(99,102,241,.13),transparent 70%),radial-gradient(500px 340px at 0 110%,rgba(217,119,6,.08),transparent 70%);
  --border:#e3e5f3; --line:#eef0f8; --ink:#141638; --text:#353a63; --muted:#6c7099; --faint:#a3a6c6;
  --r-card:18px; --btn-r:12px;
  --side-inset:12px; --side-radius:22px; --side-bg:#fff; --side-border:1px solid #e6e8f6; --side-shadow:0 20px 44px -26px rgba(67,56,202,.45);
  --side-ink:#363b68; --side-ink2:#9295b8; --side-hover:#f2f3fc;
  --side-act-bg:linear-gradient(135deg,#4338ca,#6366f1); --side-act-ink:#fff; --side-act-shadow:0 10px 22px -12px #4338ca;
  --side-ni-act-bg:#fbbf24; --side-ni-act-ink:#3b2a06;
  --side-sub-act-bg:#eef0ff; --side-sub-act-ink:#4338ca;
  --top-inset:12px; --top-radius:18px; --top-bg:rgba(255,255,255,.72); --top-bg-s:rgba(255,255,255,.94); --top-border:#e9ebf7; --top-shadow:0 10px 26px -20px rgba(67,56,202,.4);
  --top-nav-bg:linear-gradient(90deg,#312e81,#4338ca); --top-nav-ink:#fff;
}
/* Nar — canlı kırmızı, açık pembe zemin */
[data-tema="nar"]{
  --brand:#e11d48; --brand2:#f97316;
  --bg:#fff6f7; --bg-img:radial-gradient(700px 440px at 100% -10%,rgba(225,29,72,.10),transparent 68%),radial-gradient(600px 380px at -5% 105%,rgba(249,115,22,.08),transparent 68%);
  --border:#f6dde2; --line:#fbeaed; --ink:#2b0f17; --text:#4d2730; --muted:#8e5e69; --faint:#c29aa3;
  --input-border:#f0d2d8; --surface-2:#fffafb; --surface-3:#fff1f3;
  --r-card:16px;
  --side-bg:linear-gradient(180deg,#881337 0%,#be123c 55%,#e11d48 100%); --side-border:0; --side-shadow:4px 0 24px -12px rgba(136,19,55,.55);
  --side-ink:rgba(255,236,240,.9); --side-ink2:rgba(255,210,220,.6); --side-hover:rgba(255,255,255,.1);
  --side-act-bg:#fff; --side-act-ink:#be123c; --side-act-shadow:0 10px 20px -12px rgba(0,0,0,.4);
  --side-ni-bg:rgba(255,255,255,.14); --side-ni-ink:#fff; --side-ni-act-bg:linear-gradient(135deg,#e11d48,#f97316); --side-ni-act-ink:#fff;
  --side-sub-ink:rgba(255,230,236,.82); --side-sub-act-bg:rgba(255,255,255,.95); --side-sub-act-ink:#be123c; --side-dot:rgba(255,255,255,.35);
  --side-tenant-bg:rgba(255,255,255,.12); --side-tenant-border:1px solid rgba(255,255,255,.18); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 8px;
  --top-nav-bg:linear-gradient(90deg,#881337,#e11d48); --top-nav-ink:#fff;
}
/* Kum — sıcak bej / toprak, kâğıt hissi */
[data-tema="kum"]{
  --brand:#a16207; --brand2:#b45309; --grad:linear-gradient(135deg,#a16207,#c2410c);
  --bg:#f7f3ea; --bg-img:linear-gradient(180deg,#f3ecdc 0,#f7f3ea 300px);
  --surface:#fffdf8; --surface-2:#fbf7ee; --surface-3:#f4eddd;
  --border:#e8dfcb; --line:#f0e9d9; --ink:#2b2213; --text:#4a3f2b; --muted:#857660; --faint:#b3a68f;
  --input-bg:#fffdf8; --input-border:#e2d7bf;
  --r-card:10px; --btn-r:8px; --sh-card:0 1px 0 #e8dfcb,0 6px 16px -12px rgba(87,62,20,.25);
  --side-bg:#efe6d2; --side-border:1px solid #e2d6bb; --side-ink:#4a3f2b; --side-ink2:#9a8b70; --side-hover:#e7dcc3;
  --side-act-bg:#2b2213; --side-act-ink:#f7f3ea; --side-act-shadow:none;
  --side-ni-bg:#fffdf8; --side-ni-act-bg:#f59e0b; --side-ni-act-ink:#2b2213;
  --side-sub-ink:#5f523a; --side-sub-act-bg:#fffdf8; --side-sub-act-ink:#a16207; --side-dot:#cbbd9f;
  --side-tenant-bg:#fffdf8; --side-tenant-border:1px solid #e2d6bb;
  --top-bg:rgba(247,243,234,.85); --top-bg-s:#fffdf8; --top-border-s:#e8dfcb;
  --top-nav-bg:#2b2213; --top-nav-ink:#f7f3ea;
}
/* Buz — soğuk gri-mavi, keskin */
[data-tema="buz"]{
  --brand:#0369a1; --brand2:#64748b; --grad:linear-gradient(135deg,#0369a1,#0ea5e9);
  --bg:#f0f4f8; --bg-img:linear-gradient(135deg,#eaf1f8 0%,#f4f7fa 50%,#eef2f7 100%);
  --border:#d9e2ec; --line:#e6edf4; --ink:#0b1b2b; --text:#243b53; --muted:#627d98; --faint:#9fb3c8;
  --r-card:8px; --btn-r:6px; --sh-card:0 1px 2px rgba(15,40,70,.06);
  --side-bg:#0b1b2b; --side-border:0; --side-ink:#cbd8e6; --side-ink2:#7a90a8; --side-hover:rgba(255,255,255,.06);
  --side-act-bg:#0ea5e9; --side-act-ink:#fff; --side-act-shadow:none;
  --side-ni-bg:rgba(255,255,255,.06); --side-ni-ink:#7dd3fc; --side-ni-act-bg:rgba(255,255,255,.2); --side-ni-act-ink:#fff;
  --side-sub-ink:#a9bccf; --side-sub-act-bg:rgba(14,165,233,.16); --side-sub-act-ink:#7dd3fc; --side-dot:rgba(255,255,255,.2);
  --side-tenant-bg:rgba(255,255,255,.05); --side-tenant-border:1px solid rgba(255,255,255,.08); --side-tenant-ink:#fff;
  --logo-bg:#fff; --logo-pad:4px 8px;
  --top-bg:rgba(255,255,255,.95); --top-bg-s:#fff; --top-border:#d9e2ec;
  --top-nav-bg:#0b1b2b; --top-nav-ink:#cbd8e6;
}
/* Gökkuşağı — her modül kendi renginde */
[data-tema="gokkusagi"]{
  --brand:#7c3aed; --brand2:#06b6d4; --grad:linear-gradient(120deg,#f43f5e,#f59e0b 30%,#10b981 60%,#3b82f6 85%,#8b5cf6);
  --bg:#fbfaff; --bg-img:radial-gradient(500px 340px at 0 0,rgba(244,63,94,.08),transparent 70%),radial-gradient(500px 340px at 100% 0,rgba(59,130,246,.09),transparent 70%),radial-gradient(600px 400px at 50% 110%,rgba(16,185,129,.08),transparent 70%);
  --r-card:18px;
  --side-inset:12px; --side-radius:22px; --side-bg:#fff; --side-border:1px solid var(--border); --side-shadow:0 18px 40px -28px rgba(18,22,51,.4);
  --side-act-bg:linear-gradient(135deg,var(--m,var(--brand)),color-mix(in srgb,var(--m,var(--brand)) 60%,#fff)); --side-act-ink:#fff; --side-act-shadow:0 10px 20px -12px var(--m,var(--brand));
  --side-sub-act-bg:color-mix(in srgb,var(--m,var(--brand)) 12%,#fff); --side-sub-act-ink:var(--m,var(--brand));
  --top-inset:12px; --top-radius:18px; --top-bg:rgba(255,255,255,.75); --top-bg-s:rgba(255,255,255,.94); --top-border:var(--border);
}
[data-tema="gokkusagi"] .sidebar .nav-group{border-left:3px solid transparent;border-radius:12px}
[data-tema="gokkusagi"] .sidebar .nav-group.open{border-left-color:var(--m)}
[data-tema="gokkusagi"] .sidebar .ni{background:var(--m)!important;color:#fff!important}
[data-tema="gokkusagi"] .topbar::after{background:var(--grad);opacity:1;height:3px}
[data-tema="safir"] .tk-satir b,[data-tema="kum"] .tk-satir b,[data-tema="buz"] .tk-satir b{background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 -3px 0 var(--brand)}

/* ======================================================================== v1.14 yapı stilleri (data-stil) */
/* Kurumsal — keskin, çerçeveli, düz */
[data-stil="kurumsal"]{--r-card:4px;--btn-r:4px;--sh-card:none;--card-border:1px solid var(--border);--side-radius:0px;--top-radius:0px;--side-inset:0px;--top-inset:0px}
[data-stil="kurumsal"] .card{border-width:1px}
[data-stil="kurumsal"] .card-header{background:var(--surface-2);text-transform:uppercase;font-size:.76rem;letter-spacing:.06em;padding:.65rem 1rem}
[data-stil="kurumsal"] .card-header>.bi:first-child{border-radius:4px;width:24px;height:24px}
[data-stil="kurumsal"] .tile{border-radius:4px;color:var(--ink);background:var(--surface)!important;border:1px solid var(--border);border-left:4px solid var(--c);box-shadow:none;min-height:96px}
[data-stil="kurumsal"] .tile::before,[data-stil="kurumsal"] .tile::after{display:none}
[data-stil="kurumsal"] .tile .t-i{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);border-radius:4px}
[data-stil="kurumsal"] .tile .t-l{color:var(--muted)}
[data-stil="kurumsal"] .form-control,[data-stil="kurumsal"] .form-select,[data-stil="kurumsal"] .ts-control{border-radius:4px!important}
[data-stil="kurumsal"] .table thead th{background:var(--surface-3);border-bottom:2px solid var(--border)}
[data-stil="kurumsal"] .table>:not(caption)>*>*{padding:.45rem .75rem}
[data-stil="kurumsal"] .table tbody tr:nth-child(even)>td{background:color-mix(in srgb,var(--surface-3) 55%,transparent)}
[data-stil="kurumsal"] .sidebar .nav-link,[data-stil="kurumsal"] .nav-tabs .nav-link,[data-stil="kurumsal"] .nav-pills .nav-link,[data-stil="kurumsal"] .durum-pill,[data-stil="kurumsal"] .badge-soft{border-radius:4px!important}
[data-stil="kurumsal"] .ph-icon,[data-stil="kurumsal"] .ni,[data-stil="kurumsal"] .avatar,[data-stil="kurumsal"] .btn-tema,[data-stil="kurumsal"] .hamburger{border-radius:6px!important}
[data-stil="kurumsal"] body::before{opacity:.35}
/* Cam — buzlu cam kartlar, belirgin renkli arka plan */
[data-stil="cam"]{--r-card:22px;--btn-r:14px;--card-blur:blur(16px) saturate(140%);--card-border:1px solid rgba(255,255,255,.7);
  --surface:rgba(255,255,255,.66);--surface-2:rgba(255,255,255,.4);--surface-3:rgba(255,255,255,.55);
  --sh-card:0 8px 30px -14px color-mix(in srgb,var(--brand) 35%,transparent);--side-inset:12px;--side-radius:26px;--top-inset:12px;--top-radius:20px}
[data-stil="cam"] body::before{background:radial-gradient(640px 460px at 8% 12%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 70%),radial-gradient(600px 460px at 92% 8%,color-mix(in srgb,var(--brand2) 28%,transparent),transparent 70%),radial-gradient(700px 520px at 60% 105%,color-mix(in srgb,var(--brand) 18%,#f472b6 20%),transparent 70%),var(--bg)}
[data-stil="cam"] .topbar{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7)}
[data-stil="cam"] .table thead th{background:transparent}
[data-stil="cam"] .form-control,[data-stil="cam"] .form-select{background-color:rgba(255,255,255,.75);border-radius:12px}
[data-stil="cam"] .tile{border-radius:22px;box-shadow:0 18px 40px -22px var(--c)}
/* Çerçeve — kalın kenar, ofset gölge, cesur */
[data-stil="cerceve"]{--r-card:12px;--btn-r:10px;--card-border:2px solid var(--ink);--sh-card:5px 5px 0 var(--ink)}
[data-stil="cerceve"] .card{box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 92%,transparent)}
[data-stil="cerceve"] .card-header{border-bottom:2px solid var(--ink);font-weight:800}
[data-stil="cerceve"] .tile{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
[data-stil="cerceve"] .tile::after,[data-stil="cerceve"] .tile::before{opacity:.5}
[data-stil="cerceve"] .btn:not(.btn-link):not(.btn-close){border:2px solid var(--ink)!important;box-shadow:2px 2px 0 var(--ink)}
[data-stil="cerceve"] .btn:not(.btn-link):active{transform:translate(2px,2px);box-shadow:none}
[data-stil="cerceve"] .form-control,[data-stil="cerceve"] .form-select{border:2px solid color-mix(in srgb,var(--ink) 75%,transparent)}
[data-stil="cerceve"] .table thead th{border-bottom:2px solid var(--ink);color:var(--ink)}
[data-stil="cerceve"] .nav-tabs .nav-link,[data-stil="cerceve"] .nav-pills .nav-link{border:2px solid var(--ink)!important}
[data-stil="cerceve"] .nav-tabs .nav-link.active,[data-stil="cerceve"] .nav-pills .nav-link.active{box-shadow:3px 3px 0 var(--ink)}
[data-stil="cerceve"] .topbar{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);--top-inset:12px}
[data-stil="cerceve"] .sidebar{border-right:2px solid var(--ink)}
[data-stil="cerceve"] .ph-icon{box-shadow:3px 3px 0 var(--ink)!important;border:2px solid var(--ink)}
/* Kompakt — yoğun */
[data-stil="kompakt"]{--top-h:52px;--sb-w:228px;--r-card:10px;--btn-r:8px}
[data-stil="kompakt"] html,[data-stil="kompakt"] body{font-size:13px}
html[data-stil="kompakt"]{font-size:13px}
[data-stil="kompakt"] .content{padding:.6rem 1rem 1.2rem}
[data-stil="kompakt"] .card-header{padding:.55rem .85rem}
[data-stil="kompakt"] .card-body{padding:.8rem .9rem}
[data-stil="kompakt"] .table>:not(caption)>*>*{padding:.32rem .6rem}
[data-stil="kompakt"] .tile{min-height:86px;padding:.75rem .9rem}
[data-stil="kompakt"] .tile .t-v{font-size:1.35rem;margin-top:.4rem}
[data-stil="kompakt"] .row.g-3{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}
[data-stil="kompakt"] .btn{padding:.3rem .65rem;font-size:.84rem}
[data-stil="kompakt"] .form-control,[data-stil="kompakt"] .form-select{padding:.3rem .6rem;font-size:.86rem;min-height:32px}
[data-stil="kompakt"] .sidebar .nav-link{padding:.3rem .5rem;font-size:.84rem}
[data-stil="kompakt"] .topbar .crumb .ph-icon{width:34px;height:34px}
[data-stil="kompakt"] .topbar .crumb .page-title{font-size:1.05rem}
/* Ferah — büyük ve okunaklı */
html[data-stil="genis"]{font-size:15.5px}
[data-stil="genis"] html,[data-stil="genis"] body{font-size:15.5px}
[data-stil="genis"]{--r-card:20px;--btn-r:13px;--sb-w:280px}
[data-stil="genis"] .content{padding:1.2rem 2.2rem 3rem}
[data-stil="genis"] .card-header{padding:1.1rem 1.4rem}
[data-stil="genis"] .card-body{padding:1.4rem}
[data-stil="genis"] .table>:not(caption)>*>*{padding:.85rem 1rem}
[data-stil="genis"] .row.g-3{--bs-gutter-x:1.4rem;--bs-gutter-y:1.4rem}
[data-stil="genis"] .tile{min-height:136px;padding:1.4rem 1.5rem}

/* stil önizleme kartları */
.stil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}
.stil-kart{position:relative;cursor:pointer;border-radius:14px;border:2px solid var(--border);background:#fff;padding:.5rem;text-align:left;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.stil-kart:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(18,22,51,.45)}
.stil-kart.secili{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.stil-kart.secili .tk-ok{display:inline-flex}
.sk-onizleme{height:86px;border-radius:9px;background:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border:1px solid var(--line)}
.sk-kart{background:#fff;border:1px solid var(--border);border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:4px;box-shadow:0 3px 8px -5px rgba(18,22,51,.25)}
.sk-kart.sk-uzun{grid-column:1/3;flex-direction:row;align-items:center}
.sk-kart i{display:block;width:16px;height:8px;border-radius:3px;background:var(--brand)}
.sk-kart b{display:block;height:5px;border-radius:3px;background:var(--line);flex:1}
.sk-onizleme[data-stil="kurumsal"] .sk-kart{border-radius:2px;box-shadow:none;border-left:3px solid var(--brand)}
.sk-onizleme[data-stil="cam"]{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 35%,#fff),color-mix(in srgb,var(--brand2) 35%,#fff))}
.sk-onizleme[data-stil="cam"] .sk-kart{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.8);border-radius:12px}
.sk-onizleme[data-stil="cerceve"] .sk-kart{border:2px solid #111;box-shadow:3px 3px 0 #111}
.sk-onizleme[data-stil="kompakt"]{gap:3px;padding:4px}.sk-onizleme[data-stil="kompakt"] .sk-kart{padding:3px;gap:2px;border-radius:5px}
.sk-onizleme[data-stil="genis"]{gap:9px;padding:10px}.sk-onizleme[data-stil="genis"] .sk-kart{border-radius:12px;padding:7px}
.sk-ad{padding:.45rem .15rem .1rem}.sk-ad b{display:block;color:var(--ink);font-size:.88rem}.sk-ad small{display:block;color:var(--muted);font-size:.72rem;line-height:1.25}
/* alt menü ikonları belirgin */
.nav-sub .nav-link .nd-ic{font-size:.95rem;color:color-mix(in srgb,var(--m,var(--brand)) 72%,var(--side-ink));opacity:.95}
/* v1.14.1 kompakt stilde alt menü ikonlarının yazının üzerine binmesi düzeltildi */
[data-stil="kompakt"] .sidebar .nav-sub .nav-link{padding:.28rem .5rem .28rem 2.45rem;font-size:.8rem}
[data-stil="kompakt"] .sidebar .nav-sub .nav-link .nd-ic{left:1.2rem;font-size:.85rem}
[data-stil="kompakt"][data-yerlesim="ust"] .sidebar .nav-sub .nav-link{padding-left:1.9rem}
[data-stil="kompakt"][data-yerlesim="ust"] .sidebar .nav-sub .nav-link .nd-ic{left:.7rem}

/* ===== v1.15 giriş / tanıtım sayfası (gx: sol görsel + slider, sağ giriş) ===== */
.gx{--gx-ink:#141a33;--gx-mut:#5b6383;--gx-line:#e7e9f2;background:#f7f8fc;color:var(--gx-ink)}
.gx-ekran{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,1fr);min-height:100vh;min-height:100svh}
/* sol */
.gx-sol{position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;padding:2.2rem 3rem 2rem;isolation:isolate;
  background:radial-gradient(900px 600px at 15% 10%,color-mix(in srgb,var(--brand2) 55%,transparent),transparent 60%),radial-gradient(800px 700px at 100% 100%,color-mix(in srgb,var(--brand) 80%,#000 10%),transparent 60%),linear-gradient(150deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#0b1030))}
.gx-sol.resimli{background:var(--arka) center/cover no-repeat}
.gx-sol.resimli::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,14,35,.55) 0%,rgba(10,14,35,.15) 35%,rgba(10,14,35,.25) 60%,rgba(10,14,35,.85) 100%),linear-gradient(90deg,color-mix(in srgb,var(--brand) 35%,transparent),transparent 60%)}
.gx-sol:not(.resimli)::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%)}
.gx-desen{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:rgba(255,255,255,.09);pointer-events:none}
.gx-cark{transform-box:view-box}
.gx-cark.c1{transform:translate(650px,240px);animation:gxDon1 60s linear infinite}
.gx-cark.c2{transform:translate(470px,370px);animation:gxDon2 40s linear infinite}
.gx-cark.c3{transform:translate(740px,470px);animation:gxDon3 30s linear infinite}
@keyframes gxDon1{to{transform:translate(650px,240px) rotate(360deg)}}
@keyframes gxDon2{to{transform:translate(470px,370px) rotate(-360deg)}}
@keyframes gxDon3{to{transform:translate(740px,470px) rotate(-360deg)}}
.gx-sol-ust{display:flex;align-items:center}
.gx-logo{display:inline-flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-size:1.2rem;letter-spacing:-.02em}
.gx-logo img{max-height:84px;max-width:340px;width:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.gx-mark{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}
.gx-sol-orta{margin:auto 0;padding:2.5rem 0 1.5rem;max-width:620px}
.gx-rozet{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:.35rem .85rem;border-radius:999px;backdrop-filter:blur(6px)}
.gx-h1{font-weight:800;font-size:clamp(2.2rem,4.4vw,3.8rem);letter-spacing:-.045em;line-height:1.02;margin:1.1rem 0 1rem;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.18)}
.gx-lead{font-size:1.1rem;line-height:1.6;opacity:.92;margin:0;max-width:560px}
.gx-slider{position:relative;max-width:620px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);border-radius:20px;padding:1.2rem 1.3rem 1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.gx-slaytlar{display:grid}
.gx-slayt{grid-area:1/1;display:flex;gap:1rem;align-items:flex-start;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.gx-slayt.on{opacity:1;transform:none;pointer-events:auto}
.gx-slayt-ic{flex:none;width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;background:#fff;color:var(--c);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
.gx-slayt-bas{display:block;font-size:1.15rem;font-weight:800;color:#fff;margin:.1rem 0 .3rem;letter-spacing:-.02em}
.gx-slayt p{margin:0;font-size:.92rem;line-height:1.5;opacity:.9}
.gx-cizgi{display:flex;gap:6px;margin-top:1rem}
.gx-cizgi button{flex:1;height:4px;border:0;padding:0;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden;position:relative}
.gx-cizgi button s{position:absolute;inset:0 auto 0 0;width:0;background:#fff;border-radius:4px}
.gx-cizgi button.gecti s{width:100%}
.gx-cizgi button.on s{animation:gxDol var(--sure,5.5s) linear forwards}
.gx-slider.dur .gx-cizgi button.on s{animation-play-state:paused}
@keyframes gxDol{to{width:100%}}
.gx-asagi{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:.1rem;color:#fff;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.gx-asagi i{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);animation:gxZipla 1.8s ease-in-out infinite}
.gx-asagi:hover{color:#fff;opacity:1}
@keyframes gxZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.gx-sol:has(.gx-asagi) .gx-slider{margin-bottom:4.2rem}
.gx-sol:has(.gx-asagi) .gx-asagi{display:flex}
/* sağ */
.gx-sag{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;background:#fff}
.gx-kart{width:100%;max-width:410px}
.gx .auth-h{font-weight:800;font-size:1.65rem;letter-spacing:-.03em;margin-bottom:.3rem}
.gx .giris-sekme{background:#f2f3f8}
.gx .giris-sekme.uc{grid-template-columns:1fr 1fr 1.3fr}
.gx .giris-sekme.uc button{font-size:.86rem;padding:.55rem .3rem}
.gx .giris-sekme button[data-sekme="kayit"]{color:var(--brand)}
.gx .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gx .otp{font-size:1.9rem;letter-spacing:.6em;padding-left:1.2rem;font-weight:700}
.gx-sag-alt{position:absolute;bottom:1rem;margin:0;font-size:.8rem;color:#9aa0b8}
.lp-dlg{border:0;border-radius:18px;max-width:640px;width:calc(100% - 2rem);padding:1.5rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
.lp-dlg::backdrop{background:rgba(15,20,40,.45)}
.lp-dlg-m{max-height:60vh;overflow:auto;font-size:.9rem;color:#4b5371}
/* alt bölümler */
.gx-ic{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.gx-bolum{padding:5rem 0}
.gx-beyaz{background:#fff;border-block:1px solid var(--gx-line)}
.gx-bas{text-align:center;max-width:700px;margin:0 auto 2.8rem}
.gx-bas.sol{text-align:left;margin:0}
.gx-bas h2{font-weight:800;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em;margin-bottom:.7rem}
.gx-bas p{color:var(--gx-mut);font-size:1.02rem;margin:0}
.gx-ust{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:.6rem}
.gx-sektor{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gx-sektor article{background:#fff;border:1px solid var(--gx-line);border-radius:18px;padding:1.4rem;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.gx-sektor article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 35%,#fff);box-shadow:0 22px 40px -30px var(--brand)}
.gx-sektor i{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;background:var(--grad);margin-bottom:.9rem;box-shadow:0 10px 20px -10px var(--brand)}
.gx-sektor h3{font-size:1.02rem;font-weight:800;margin-bottom:.35rem}
.gx-sektor p{color:var(--gx-mut);font-size:.88rem;margin:0;line-height:1.55}
.gx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gx-oz{border:1px solid var(--gx-line);border-radius:18px;padding:1.4rem;background:#fbfbfe}
.gx-oz>span{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);margin-bottom:.85rem}
.gx-oz h3{font-size:1.02rem;font-weight:800;margin-bottom:.35rem}
.gx-oz p{color:var(--gx-mut);font-size:.87rem;line-height:1.55;margin-bottom:.7rem}
.gx-oz ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem}
.gx-oz li{font-size:.72rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);padding:.2rem .55rem;border-radius:999px}
.gx-adim{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:a}
.gx-adim li{position:relative;background:#fff;border:1px solid var(--gx-line);border-radius:20px;padding:1.6rem 1.5rem}
.gx-adim b{position:absolute;right:1.3rem;top:1rem;font-size:2.6rem;font-weight:800;color:color-mix(in srgb,var(--brand) 14%,#fff);line-height:1}
.gx-adim i{font-size:1.5rem;color:var(--brand)}
.gx-adim h3{font-size:1.08rem;font-weight:800;margin:.7rem 0 .3rem}
.gx-adim p{color:var(--gx-mut);margin:0;font-size:.92rem}
.gx-sss-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.gx-sss{display:grid;gap:.6rem}
.gx-sss details{background:#fbfbfe;border:1px solid var(--gx-line);border-radius:14px;padding:1rem 1.25rem}
.gx-sss details[open]{background:#fff;box-shadow:0 18px 34px -28px rgba(20,24,47,.5)}
.gx-sss summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.gx-sss summary::-webkit-details-marker{display:none}
.gx-sss summary::after{content:"\F64D";font-family:bootstrap-icons;color:var(--brand);transition:transform .2s}
.gx-sss details[open] summary::after{transform:rotate(45deg)}
.gx-sss p{margin:.65rem 0 0;color:var(--gx-mut);line-height:1.6}
.gx-bant{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:var(--grad);color:#fff;border-radius:24px;padding:2.4rem 2.6rem;box-shadow:0 40px 70px -45px var(--brand)}
.gx-bant h2{font-weight:800;letter-spacing:-.03em;margin-bottom:.3rem;font-size:clamp(1.3rem,2.4vw,1.9rem)}
.gx-bant p{margin:0;opacity:.9}
.gx-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--brand);font-weight:800;text-decoration:none;padding:.85rem 1.4rem;border-radius:12px;box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}
.gx-btn:hover{color:var(--brand);transform:translateY(-1px)}
.gx-foot{background:#fff;border-top:1px solid var(--gx-line)}
.gx-foot .gx-ic{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;padding-top:1.4rem;padding-bottom:1.4rem;color:#80869f;font-size:.86rem}
.gx-foot nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.gx-foot a{color:inherit;text-decoration:none}.gx-foot a:hover{color:var(--brand)}
.gx-yukari{position:fixed;right:1.2rem;bottom:1.2rem;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;box-shadow:0 12px 24px -10px var(--brand);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s var(--ease);z-index:30}
.gx-yukari.on{opacity:1;pointer-events:auto;transform:none}.gx-yukari:hover{color:#fff}
@media (max-width:1150px){.gx-sektor,.gx-grid{grid-template-columns:repeat(2,1fr)}.gx-sol{padding:2rem}}
@media (max-width:900px){
  .gx-ekran{grid-template-columns:1fr;min-height:0}
  .gx-sol{padding:1.3rem 1.2rem 1.6rem}
  .gx-sol-orta{padding:1.4rem 0 .4rem}
  .gx-h1{font-size:2rem}.gx-lead{font-size:.98rem}
  .gx-slider,.gx-asagi,.gx-desen{display:none!important}
  .gx-sag{padding:1.6rem 1rem 2.4rem}
  .gx-sag-alt{display:none}
  .gx-sss-grid{grid-template-columns:1fr;gap:1.5rem}.gx-adim{grid-template-columns:1fr}
  .gx-bolum{padding:3.5rem 0}
}
@media (max-width:560px){.gx-sektor,.gx-grid{grid-template-columns:1fr}.gx-ic{padding:0 1rem}.gx-bant{padding:1.8rem}.gx-sol-orta .gx-rozet{display:none}}
@media (prefers-reduced-motion:reduce){.gx-cark,.gx-asagi i{animation:none!important}.gx-slayt{transition:none}.gx-cizgi button.on s{animation:none;width:100%}}

/* v1.15.3 sağ taraf: canlı / modern */
.gx-sag{overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#ffffff 0%,color-mix(in srgb,var(--brand) 5%,#fff) 55%,color-mix(in srgb,var(--brand2) 9%,#fff) 100%)}
.gx-sag::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in srgb,var(--brand) 16%,transparent) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,transparent 40%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,transparent 40%,#000 100%);opacity:.6}
.gx-blob{position:absolute;z-index:-1;border-radius:50%;filter:blur(50px);opacity:.55;animation:gxSuzul 14s ease-in-out infinite}
.gx-blob.b1{width:340px;height:340px;top:-90px;right:-80px;background:color-mix(in srgb,var(--brand) 55%,#fff)}
.gx-blob.b2{width:300px;height:300px;bottom:-100px;left:-60px;background:color-mix(in srgb,var(--brand2) 60%,#fff);animation-delay:-5s}
.gx-blob.b3{width:200px;height:200px;bottom:18%;right:8%;background:color-mix(in srgb,#ec4899 45%,#fff);opacity:.35;animation-delay:-9s}
@keyframes gxSuzul{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-24px) scale(1.06)}66%{transform:translate(-18px,16px) scale(.96)}}
.gx-kart{position:relative;max-width:440px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:26px;padding:2.2rem 2.1rem 1.8rem;border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 40px 80px -40px color-mix(in srgb,var(--brand) 55%,rgba(20,24,47,.5)),0 0 0 1px color-mix(in srgb,var(--brand) 10%,transparent)}
.gx-kart::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--brand),var(--brand2),#ec4899);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}
.gx .giris-sekme{background:color-mix(in srgb,var(--brand) 7%,#fff);border:0;padding:5px;border-radius:16px}
.gx .giris-sekme button{border-radius:12px;font-weight:700}
.gx .giris-sekme button.on{background:var(--grad);color:#fff!important;box-shadow:0 10px 22px -10px var(--brand)}
.gx .auth-h{font-size:1.85rem;background:linear-gradient(120deg,var(--gx-ink) 30%,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}
.gx .form-label{font-weight:700;font-size:.8rem;color:var(--gx-mut);margin-bottom:.35rem}
.gx-inp{position:relative}
.gx-inp>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9aa3bf;font-size:1.05rem;pointer-events:none;transition:color .2s}
.gx-inp .form-control{padding-left:2.75rem;border-radius:14px;border:1.5px solid #e4e7f1;background:#f8f9fd;transition:all .2s var(--ease)}
.gx-inp .form-control-lg{height:52px;font-size:1rem}
.gx-inp .form-control:hover{border-color:color-mix(in srgb,var(--brand) 30%,#e4e7f1)}
.gx-inp .form-control:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.gx-inp:focus-within>i{color:var(--brand)}
.gx-inp .gx-goz{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:0;background:none;color:#9aa3bf;width:36px;height:36px;border-radius:10px}
.gx-inp .gx-goz:hover{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff)}
.gx-inp:has(.gx-goz) .form-control{padding-right:2.8rem}
.gx-inp .otp{padding-left:1.2rem}
.gx .auth-card .btn-primary{border:0;border-radius:14px;height:54px;font-weight:800;font-size:1.02rem;background:linear-gradient(110deg,var(--brand),var(--brand2),var(--brand));background-size:200% 100%;box-shadow:0 16px 30px -14px var(--brand);transition:background-position .5s var(--ease),transform .15s,box-shadow .2s}
.gx .auth-card .btn-primary:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 20px 36px -14px var(--brand)}
.gx .auth-card .btn-primary:active{transform:translateY(0)}
.gx .auth-card .form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.gx .auth-card a{font-weight:700}
@media (max-width:900px){.gx-kart{padding:1.6rem 1.3rem}.gx-blob{opacity:.35}.gx-logo img{max-height:60px}}
@media (prefers-reduced-motion:reduce){.gx-blob{animation:none}}
.gx-logo img{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.55)) drop-shadow(0 8px 20px rgba(0,0,0,.22))}
.gx-logo.beyaz img{filter:brightness(0) invert(1) drop-shadow(0 6px 16px rgba(0,0,0,.25))}

.gx-nedir-b{background:#fff;border-bottom:1px solid var(--gx-line)}
.gx-nedir{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.gx-nedir h2{font-weight:800;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em;margin-bottom:1rem}
.gx-nedir p{color:var(--gx-mut);font-size:1.03rem;line-height:1.7}
.gx-nedir p strong{color:var(--gx-ink)}
.gx-kunye{margin:0;border:1px solid var(--gx-line);border-radius:20px;overflow:hidden;background:#fbfbfe}
.gx-kunye>div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--gx-line)}
.gx-kunye>div:last-child{border:0}
.gx-kunye dt{font-size:.8rem;font-weight:700;color:var(--gx-mut);text-transform:uppercase;letter-spacing:.04em;padding-top:.1rem}
.gx-kunye dd{margin:0;font-weight:600;font-size:.93rem}
@media (max-width:900px){.gx-nedir{grid-template-columns:1fr;gap:1.5rem}.gx-kunye>div{grid-template-columns:110px 1fr}}

/* v1.15.8 form ekran düzeni */
.fd-bar{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin:-.25rem 0 .6rem}
.fd-bar .fd-panel{display:none}
form.fd-mod .fd-bar{position:sticky;top:.5rem;z-index:30;justify-content:space-between;flex-wrap:wrap;padding:.6rem .8rem;border-radius:14px;background:color-mix(in srgb,var(--brand) 8%,#fff);border:1.5px dashed color-mix(in srgb,var(--brand) 45%,#fff);box-shadow:0 12px 30px -20px var(--brand)}
form.fd-mod .fd-bar .fd-ac{display:none}
form.fd-mod .fd-bar .fd-panel{display:flex;flex:1;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}
.fd-ipucu{font-size:.8rem;font-weight:600;color:var(--muted)}
.fd-btns{display:flex;gap:.4rem;flex-wrap:wrap}
form:not(.fd-mod) [data-alan].fd-gizli{display:none!important}
form.fd-mod [data-duzen-grup]{min-height:70px;border-radius:12px;outline:1.5px dashed color-mix(in srgb,var(--brand) 25%,transparent);outline-offset:6px}
form.fd-mod [data-alan]{position:relative;cursor:grab}
form.fd-mod [data-alan]>*:not(.fd-arac){pointer-events:none}
form.fd-mod [data-alan]::after{content:"";position:absolute;inset:-4px 4px -4px 4px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--brand) 30%,transparent);background:color-mix(in srgb,var(--brand) 3%,transparent);pointer-events:none}
form.fd-mod [data-alan]:hover::after{border-color:var(--brand)}
form.fd-mod [data-alan].fd-gizli{opacity:.45}
form.fd-mod [data-alan].fd-gizli::after{border-style:dashed;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(0,0,0,.03) 8px 16px)}
form.fd-mod [data-alan].fd-suruklenen{opacity:.35}
.fd-arac{position:absolute;top:0;right:10px;z-index:3;display:flex;align-items:center;gap:2px;font-size:.75rem;padding:2px;border-radius:9px;background:#fff;box-shadow:0 4px 12px -6px rgba(20,24,47,.35)}
.fd-arac .fd-tut{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand);cursor:grab}
form.fd-mod [data-alan]{padding-top:30px}
.fd-arac button{border:0;background:#fff;width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);box-shadow:0 0 0 1px var(--border)}
.fd-arac button:hover{color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.fd-arac .fd-w{font-weight:700;color:var(--muted);min-width:34px;text-align:center}
.fd-arac .fd-zor{color:var(--muted);padding:0 .3rem}
form.fd-mod [data-alan][style*="none"]{display:block!important;opacity:.55}
form.fd-mod [data-alan][style*="none"] .fd-arac::before{content:"koşullu";font-size:.65rem;font-weight:700;color:var(--muted);padding:0 .3rem}
.fd-arac .fd-grp{height:24px;border:0;border-radius:7px;font-size:.7rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff);padding:0 .3rem;max-width:110px;cursor:pointer}
form.fd-mod [data-alan] .fd-arac,form.fd-mod [data-alan] .fd-arac *{pointer-events:auto}

/* v1.15.11 WhatsApp bağlantı kutusu */
.wa-kutu{border:1.5px solid color-mix(in srgb,#25d366 35%,var(--border));border-radius:14px;padding:.9rem;background:color-mix(in srgb,#25d366 4%,#fff)}
.wa-ust{display:flex;align-items:center;gap:.5rem}
.wa-qr{text-align:center;margin-top:.8rem}
.wa-qr img{width:220px;max-width:100%;border-radius:12px;background:#fff;padding:8px;box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}

/* v1.15.16 sayfa üstü işlem butonları: canlı, renkli, modern */
:is(.page-actions,.top-actions) .btn-light,:is(.page-actions,.top-actions) .btn-outline-secondary,:is(.page-actions,.top-actions) .btn-outline-primary{
  --c:var(--brand);
  background:color-mix(in srgb,var(--c) 9%,#fff)!important;color:color-mix(in srgb,var(--c) 82%,#0b1020)!important;
  border:1px solid color-mix(in srgb,var(--c) 26%,#fff)!important;font-weight:700;border-radius:11px;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 6px 14px -10px color-mix(in srgb,var(--c) 70%,transparent);
  transition:background .18s,color .18s,transform .15s var(--ease),box-shadow .2s}
:is(.page-actions,.top-actions) .btn-light i,:is(.page-actions,.top-actions) .btn-outline-secondary i,:is(.page-actions,.top-actions) .btn-outline-primary i{color:var(--c);transition:color .18s}
:is(.page-actions,.top-actions) .btn-light:hover,:is(.page-actions,.top-actions) .btn-outline-secondary:hover,:is(.page-actions,.top-actions) .btn-outline-primary:hover,
:is(.page-actions,.top-actions) .btn-light:focus-visible,:is(.page-actions,.top-actions) .show>.btn-light{
  background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff))!important;color:#fff!important;border-color:transparent!important;
  transform:translateY(-1px);box-shadow:0 10px 22px -10px var(--c)}
:is(.page-actions,.top-actions) .btn-light:hover i,:is(.page-actions,.top-actions) .btn-outline-secondary:hover i,:is(.page-actions,.top-actions) .btn-outline-primary:hover i,:is(.page-actions,.top-actions) .show>.btn-light i{color:#fff}
:is(.page-actions,.top-actions) .btn-group>.btn-light+.btn-light{border-left-color:color-mix(in srgb,var(--c) 18%,#fff)!important}
/* işleme göre renk */
:is(.page-actions,.top-actions) .btn:has(.bi-arrow-repeat),:is(.page-actions,.top-actions) .btn:has(.bi-arrow-clockwise),:is(.page-actions,.top-actions) .btn:has(.bi-arrow-counterclockwise){--c:#7c3aed}
:is(.page-actions,.top-actions) .btn:has(.bi-printer),:is(.page-actions,.top-actions) .btn:has(.bi-file-earmark-pdf),:is(.page-actions,.top-actions) .btn-group:has(.bi-printer) .btn{--c:#ea580c}
:is(.page-actions,.top-actions) .btn:has(.bi-upc-scan),:is(.page-actions,.top-actions) .btn:has(.bi-qr-code),:is(.page-actions,.top-actions) .btn:has(.bi-upc){--c:#0284c7}
:is(.page-actions,.top-actions) .btn:has(.bi-send),:is(.page-actions,.top-actions) .btn:has(.bi-chat-dots),:is(.page-actions,.top-actions) .btn:has(.bi-envelope),:is(.page-actions,.top-actions) .btn:has(.bi-whatsapp){--c:#0891b2}
:is(.page-actions,.top-actions) .btn:has(.bi-pencil),:is(.page-actions,.top-actions) .btn:has(.bi-pencil-square){--c:#d97706}
:is(.page-actions,.top-actions) .btn:has(.bi-files),:is(.page-actions,.top-actions) .btn:has(.bi-copy),:is(.page-actions,.top-actions) .btn:has(.bi-clipboard){--c:#0d9488}
:is(.page-actions,.top-actions) .btn:has(.bi-receipt),:is(.page-actions,.top-actions) .btn:has(.bi-receipt-cutoff),:is(.page-actions,.top-actions) .btn:has(.bi-cash),:is(.page-actions,.top-actions) .btn:has(.bi-cash-coin),:is(.page-actions,.top-actions) .btn:has(.bi-file-earmark-text),:is(.page-actions,.top-actions) .btn:has(.bi-truck){--c:#059669}
:is(.page-actions,.top-actions) .btn:has(.bi-trash),:is(.page-actions,.top-actions) .btn:has(.bi-x-circle),:is(.page-actions,.top-actions) .btn:has(.bi-slash-circle){--c:#dc2626}
:is(.page-actions,.top-actions) .btn:has(.bi-arrow-left),:is(.page-actions,.top-actions) .btn:has(.bi-list-ul),:is(.page-actions,.top-actions) .btn:has(.bi-funnel){--c:#475569}
:is(.page-actions,.top-actions) .btn:has(.bi-download),:is(.page-actions,.top-actions) .btn:has(.bi-filetype-csv),:is(.page-actions,.top-actions) .btn:has(.bi-file-earmark-excel){--c:#16a34a}
:is(.page-actions,.top-actions) .btn:has(.bi-plus-lg),:is(.page-actions,.top-actions) .btn:has(.bi-plus-circle){--c:#2563eb}
:is(.page-actions,.top-actions) .btn:has(.bi-gear),:is(.page-actions,.top-actions) .btn:has(.bi-sliders){--c:#64748b}
/* ana (birincil) buton: daha belirgin */
:is(.page-actions,.top-actions) .btn-primary,:is(.page-actions,.top-actions) .btn-grad{border-radius:11px;font-weight:800;box-shadow:0 10px 24px -10px var(--brand)}
:is(.page-actions,.top-actions) .btn-primary:hover,:is(.page-actions,.top-actions) .btn-grad:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px var(--brand)}

/* v1.15.17 lisans kalan gün */
.lisans-chip{--c:#16a34a;display:flex;align-items:center;gap:.5rem;margin:-.25rem .85rem .7rem;padding:.45rem .7rem;border-radius:12px;text-decoration:none;
  background:color-mix(in srgb,var(--c) 10%,var(--side-bg,#fff));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);color:var(--side-ink,#1f2937);font-size:.78rem}
.lisans-chip i{color:var(--c);font-size:1rem}
.lisans-chip b{color:var(--c)}
.lisans-chip small{margin-left:auto;color:var(--side-ink2,#6b7280);font-size:.7rem}
.lisans-chip:hover{background:color-mix(in srgb,var(--c) 18%,var(--side-bg,#fff));color:var(--side-ink,#1f2937)}
html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .lisans-chip{justify-content:center;margin:-.2rem .55rem .6rem;padding:.4rem}
html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .lisans-chip span,html.sb-mini:not([data-yerlesim="ust"]) .sidebar:not(:hover) .lisans-chip small{display:none}
[data-yerlesim="ust"] .lisans-chip{display:none}

/* v1.15.17 WhatsApp destek butonu */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:.55rem;padding:.55rem .95rem .55rem .6rem;border-radius:999px;background:#25d366;color:#fff!important;text-decoration:none;
  box-shadow:0 14px 30px -10px rgba(37,211,102,.75),0 0 0 4px rgba(37,211,102,.15);font-weight:800;line-height:1.05;transition:transform .2s var(--ease),box-shadow .2s}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(37,211,102,.85),0 0 0 6px rgba(37,211,102,.18)}
.wa-float span{display:flex;flex-direction:column;font-size:.92rem}
.wa-float small{font-size:.68rem;font-weight:600;opacity:.9}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:waNabiz 2.4s infinite}
@keyframes waNabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:600px){.wa-float{padding:.6rem;right:14px;bottom:14px}.wa-float span{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float::before{animation:none}}
.gx .gx-yukari{bottom:84px}

/* v1.15.17 blog */
.bl{--ink:#141a33;--mut:#5b6383;--line:#e7e9f2;background:#f7f8fc;color:var(--ink)}
.bl-ic{max-width:1180px;margin:0 auto;padding:0 1.5rem}
.bl-ust{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bl-ust .bl-ic{display:flex;align-items:center;justify-content:space-between;height:68px;gap:1rem}
.bl-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-size:1.1rem}
.bl-logo img{max-height:44px;width:auto}
.bl-mark{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--grad)}
.bl-nav{display:flex;align-items:center;gap:1.3rem}
.bl-nav a{color:var(--mut);text-decoration:none;font-weight:600;font-size:.92rem}
.bl-nav a.on,.bl-nav a:hover{color:var(--brand)}
.bl-btn{display:inline-block;background:var(--grad);color:#fff!important;font-weight:800;padding:.6rem 1.1rem;border-radius:11px;text-decoration:none;box-shadow:0 10px 22px -12px var(--brand)}
.bl-btn:hover{transform:translateY(-1px)}
.bl-hero{background:radial-gradient(800px 400px at 90% -20%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),#fff;border-bottom:1px solid var(--line);padding:3rem 0 2.6rem}
.bl-hero h1{font-weight:800;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.04em;margin:.6rem 0 .5rem}
.bl-hero p{color:var(--mut);font-size:1.05rem;max-width:640px;margin:0}
.bl-iz{font-size:.82rem;color:var(--mut)}
.bl-iz a{color:var(--mut);text-decoration:none}.bl-iz a:hover{color:var(--brand)}
.bl-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding-top:2.2rem;padding-bottom:3.5rem}
.bl-kart{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s}
.bl-kart:hover{transform:translateY(-3px);box-shadow:0 26px 44px -30px var(--c)}
.bl-kart-ust{height:120px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));text-decoration:none}
.bl-kart-ic{padding:1.2rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.bl-kart h2{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin:.35rem 0 .5rem}
.bl-kart h2 a{color:var(--ink);text-decoration:none}.bl-kart h2 a:hover{color:var(--c)}
.bl-kart p{color:var(--mut);font-size:.9rem;margin-bottom:.8rem;flex:1}
.bl-meta{font-size:.78rem;color:var(--mut);font-weight:600}
.bl-etiket{display:flex;flex-wrap:wrap;gap:.35rem}
.bl-etiket span{font-size:.72rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff);padding:.2rem .55rem;border-radius:999px}
.bl-yazi-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;padding-top:2rem;padding-bottom:3.5rem;align-items:start}
.bl-yazi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:2.2rem 2.4rem}
.bl-yazi-ic{display:inline-flex;width:56px;height:56px;border-radius:16px;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;background:var(--c);box-shadow:0 14px 26px -12px var(--c);margin-top:1.2rem}
.bl-yazi h1{font-weight:800;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.035em;line-height:1.15;margin:1rem 0 .5rem}
.bl-govde{margin-top:1.6rem;font-size:1.04rem;line-height:1.78;color:#2a3150}
.bl-govde h2{font-size:1.45rem;font-weight:800;letter-spacing:-.025em;margin:2rem 0 .7rem;color:var(--ink)}
.bl-govde h3{font-size:1.12rem;font-weight:800;margin:1.4rem 0 .4rem;color:var(--ink)}
.bl-govde ul,.bl-govde ol{padding-left:1.25rem}
.bl-govde li{margin-bottom:.35rem}
.bl-govde li::marker{color:var(--c)}
.bl-govde strong{color:var(--ink)}
.bl-sss{margin-top:2rem}
.bl-sss h2{font-size:1.3rem;font-weight:800}
.bl-sss details{border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin-bottom:.5rem;background:#fbfbfe}
.bl-sss summary{font-weight:700;cursor:pointer}
.bl-sss p{margin:.5rem 0 0;color:var(--mut)}
.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1.3rem 1.4rem;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,#fff),color-mix(in srgb,var(--brand2) 10%,#fff));border:1px solid color-mix(in srgb,var(--brand) 20%,#fff)}
.bl-cta b{display:block;font-size:1.05rem}.bl-cta span{color:var(--mut);font-size:.9rem}
.bl-yan{position:sticky;top:88px;display:grid;gap:1rem}
.bl-yan-kart{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.2rem}
.bl-yan-kart b{display:block;margin-bottom:.5rem}
.bl-yan-kart p{color:var(--mut);font-size:.9rem}
.bl-yan-kart ul{list-style:none;padding:0;margin:0;display:grid;gap:.15rem}
.bl-yan-kart li a{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem .3rem;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:600;line-height:1.35}
.bl-yan-kart li a:hover{background:#f3f4fa;color:var(--brand)}
.bl-yan-cta{background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--brand) 7%,#fff))}
.bl-wa{display:block;text-align:center;margin-top:.6rem;padding:.55rem;border-radius:11px;border:1.5px solid #25d366;color:#128c4a;font-weight:800;text-decoration:none}
.bl-wa:hover{background:#25d366;color:#fff}
.bl-alt{border-top:1px solid var(--line);background:#fff;padding:1.6rem 0;color:var(--mut);font-size:.88rem}
.bl-alt .bl-ic{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.bl-alt b{color:var(--ink)}
.bl-alt nav{display:flex;gap:1.1rem;flex-wrap:wrap}.bl-alt a{color:inherit;text-decoration:none}.bl-alt a:hover{color:var(--brand)}
.bl-bos{padding:4rem 1.5rem;text-align:center}
@media (max-width:1000px){.bl-liste{grid-template-columns:repeat(2,1fr)}.bl-yazi-grid{grid-template-columns:1fr}.bl-yan{position:static}}
@media (max-width:640px){.bl-liste{grid-template-columns:1fr}.bl-yazi{padding:1.4rem 1.2rem}.bl-nav a:not(.bl-btn):not(.on){display:none}.bl-ic{padding:0 1rem}}
/* giriş sayfası rehber kartları */
.gx-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gx-blog a{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--gx-line);border-radius:16px;padding:1rem 1.1rem;text-decoration:none;color:var(--gx-ink);transition:transform .2s var(--ease),box-shadow .2s}
.gx-blog a:hover{transform:translateY(-2px);box-shadow:0 20px 36px -28px var(--c)}
.gx-blog i{flex:none;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--c)}
.gx-blog b{display:block;font-size:.95rem;line-height:1.3}.gx-blog small{color:var(--gx-mut)}
@media (max-width:900px){.gx-blog{grid-template-columns:1fr}}

/* v1.15.18 servis toplu faturalama */
#srvToplu{gap:.8rem;padding:.6rem .7rem .6rem 1rem;min-width:min(760px,calc(100vw - 24px))}
#srvToplu .tb-bilgi{display:flex;align-items:center;gap:.5rem;font-size:.9rem}
#srvToplu .tb-bilgi i{font-size:1.2rem;color:var(--brand)}
#srvToplu .tb-bilgi small{color:var(--muted);margin-left:.3rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#srvToplu .tb-uyari{flex-basis:100%;order:3;font-size:.8rem;font-weight:600;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:.35rem .6rem}
.tb-menu{min-width:340px;border-radius:14px;box-shadow:0 20px 44px -18px rgba(16,24,40,.45)}
.tb-menu .dropdown-item{display:flex;gap:.7rem;align-items:flex-start;white-space:normal;border-radius:10px;padding:.6rem .7rem}
.tb-menu .dropdown-item i{font-size:1.2rem;color:var(--brand);margin-top:.1rem}
.tb-menu .dropdown-item b{display:block;font-size:.9rem}
.tb-menu .dropdown-item small{display:block;color:var(--muted);font-size:.76rem;line-height:1.35}
.tb-menu .dropdown-item:hover{background:color-mix(in srgb,var(--brand) 8%,#fff)}
.tb-menu .dropdown-item:hover small{color:var(--muted)}
tr.secili>td{background:color-mix(in srgb,var(--brand) 7%,#fff)!important}
.srv-sec-td{width:34px;cursor:default}
body.toplu-acik .content{padding-bottom:90px}

/* v1.15.19 kullanım kılavuzu */
.kl{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.5rem;align-items:start}
.kl-yan{position:sticky;top:90px;display:flex;flex-direction:column;gap:.8rem;max-height:calc(100vh - 110px)}
.kl-ara{position:relative}
.kl-ara i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.kl-ara input{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:.6rem .8rem .6rem 2.3rem;background:#fff}
.kl-ara input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
#klToc{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px;padding:.4rem}
#klToc a{display:flex;gap:.55rem;align-items:center;padding:.45rem .55rem;border-radius:10px;color:var(--ink,#1f2937);text-decoration:none;font-size:.84rem;font-weight:600}
#klToc a i{width:26px;height:26px;flex:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
#klToc a:hover,#klToc a.on{background:color-mix(in srgb,var(--c) 9%,#fff);color:var(--c)}
#klToc a.on i{background:var(--c);color:#fff}
.kl-destek{background:linear-gradient(160deg,#fff,color-mix(in srgb,#25d366 8%,#fff));border:1px solid var(--border);border-radius:16px;padding:.9rem;font-size:.88rem}
.kl-giris{display:flex;gap:1rem;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,#fff),color-mix(in srgb,var(--brand2) 10%,#fff));border:1px solid color-mix(in srgb,var(--brand) 18%,#fff);border-radius:18px;padding:1.2rem 1.4rem;margin-bottom:1rem}
.kl-giris h2{font-size:1.35rem;font-weight:800;margin:0 0 .2rem}
.kl-giris-ic{width:52px;height:52px;flex:none;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:var(--grad);box-shadow:0 12px 24px -12px var(--brand)}
.kl-bolum{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.4rem 1.6rem;margin-bottom:1rem;scroll-margin-top:90px;border-top:3px solid var(--c)}
.kl-bolum>h2{display:flex;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}
.kl-bolum>h2 span{width:38px;height:38px;flex:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--c);box-shadow:0 10px 20px -10px var(--c)}
.kl-govde{font-size:.95rem;line-height:1.7}
.kl-govde h3{font-size:1.02rem;font-weight:800;margin:1.2rem 0 .5rem;color:var(--c)}
.kl-govde li{margin-bottom:.35rem}
.kl-govde li::marker{color:var(--c)}
.kl-adim{counter-reset:a;list-style:none;padding:0}
.kl-adim>li{counter-increment:a;position:relative;padding-left:2.4rem;margin-bottom:.7rem}
.kl-adim>li::before{content:counter(a);position:absolute;left:0;top:.1rem;width:1.7rem;height:1.7rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;background:var(--c)}
.kl-yol{display:inline-block;font-weight:700;font-size:.85rem;padding:.05rem .45rem;border-radius:6px;background:#f1f3f9;color:#334155;white-space:nowrap}
.kl-ipucu,.kl-dikkat{display:flex;gap:.7rem;border-radius:12px;padding:.75rem .9rem;margin:.9rem 0;font-size:.9rem}
.kl-ipucu{background:#eff6ff;border:1px solid #bfdbfe}.kl-ipucu i{color:#2563eb;font-size:1.1rem}
.kl-dikkat{background:#fffbeb;border:1px solid #fde68a}.kl-dikkat i{color:#d97706;font-size:1.1rem}
.kl-tablo{font-size:.82rem}.kl-tablo code{font-size:.78rem;white-space:normal}
.kl details{border:1px solid var(--border);border-radius:12px;padding:.7rem 1rem;margin-bottom:.5rem;background:#fbfbfe}
.kl summary{font-weight:700;cursor:pointer}
.kl details p{margin:.5rem 0 0}
@media (max-width:991px){.kl{grid-template-columns:1fr}.kl-yan{position:static;max-height:none}#klToc{max-height:260px}}
@media print{.kl{display:block}.kl-yan{display:none}.kl-bolum{break-inside:avoid-page;border:1px solid #ddd}.kl details{border:0;padding:0}.kl details>*{display:block}}

/* v1.15.20 firma verilerini sıfırla */
.sf-ust{display:flex;gap:1rem;align-items:center;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #fecdd3;border-radius:18px;padding:1.1rem 1.3rem;margin-bottom:1rem}
.sf-ust h2{font-size:1.25rem;font-weight:800;margin:0}
.sf-ust-ic{width:50px;height:50px;flex:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 12px 24px -12px #e11d48}
.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.7rem}
.sf-kart{display:flex;gap:.7rem;align-items:flex-start;border:1.5px solid var(--border);border-radius:14px;padding:.8rem .9rem;cursor:pointer;background:#fff;transition:.15s}
.sf-kart:hover{border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.sf-kart.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);box-shadow:0 8px 20px -14px var(--c)}
.sf-kart.zorunlu{border-style:dashed}
.sf-kart input{margin-top:.6rem;width:1.1rem;height:1.1rem;accent-color:var(--c);flex:none}
.sf-ic{width:36px;height:36px;flex:none;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.sf-kart.on .sf-ic{background:var(--c);color:#fff}
.sf-metin{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.sf-metin b{font-size:.92rem}.sf-metin small{color:var(--muted);font-size:.78rem;line-height:1.35}
.sf-say{font-size:.72rem;font-weight:700;padding:.05rem .45rem;border-radius:20px;background:#f1f3f9;color:#475569;margin-left:.25rem}
.sf-gerek{color:#b45309!important}

/* v1.15.21 gelen çağrı penceresi */
#cagriKutu{position:fixed;right:18px;bottom:18px;z-index:1045;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px))}
.cagri-kart{background:#fff;border-radius:18px;border:1px solid #d1fae5;box-shadow:0 24px 50px -18px rgba(15,23,42,.35),0 0 0 4px rgba(16,185,129,.12);padding:14px 14px 12px;animation:cgGir .35s cubic-bezier(.2,.9,.3,1.2)}
.cagri-kart.cik{opacity:0;transform:translateY(12px);transition:.25s}
@keyframes cgGir{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
.cg-ust{display:flex;gap:12px;align-items:center}
.cg-zil{width:46px;height:46px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,#10b981,#059669);animation:cgZil 1.2s infinite}
@keyframes cgZil{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.cg-zil i{animation:cgSalla 1.2s infinite}
@keyframes cgSalla{0%,50%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
.cg-bas{display:flex;flex-direction:column;min-width:0;flex:1}
.cg-bas small{color:#059669;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.cg-bas b{font-size:1rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.cg-tel{font-size:.86rem;color:#475569;font-variant-numeric:tabular-nums}
.cg-x{align-self:flex-start}
.cg-bilgi{display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 0 2px;font-size:.8rem;color:#475569}
.cg-bilgi i{margin-right:4px;color:#94a3b8}
.cg-srv-bas{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px}
.cg-srv{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;text-decoration:none;color:inherit;font-size:.83rem}
.cg-srv:hover{background:#f1f5f9}
.cg-nokta{width:8px;height:8px;border-radius:50%;flex:none}
.cg-srv-m{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-srv-m small{display:block;color:#94a3b8;font-size:.72rem}
.cg-durum{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;color:var(--r);background:color-mix(in srgb,var(--r) 12%,#fff);white-space:nowrap}
.cg-bos{font-size:.82rem;color:#64748b;margin-top:10px}
.cg-btn{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cg-btn .btn{flex:1 1 auto}
.mobil-anahtar{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;letter-spacing:.02em}

/* v1.18 servis panosu */
.pn-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.pn-k{display:flex;gap:.8rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem;position:relative;overflow:hidden}
.pn-k::after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--c) 9%,transparent)}
.pn-ic{width:46px;height:46px;flex:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:var(--c);box-shadow:0 10px 20px -10px var(--c)}
.pn-k b{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.pn-k small{display:block;color:var(--muted);font-weight:600;font-size:.8rem}
.pn-k em{display:block;font-style:normal;font-size:.75rem;color:var(--muted)}
.pn-grafik{display:flex;align-items:flex-end;gap:.5rem;height:240px;padding-top:10px}
.pn-sut{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}
.pn-cubuk{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end;gap:3px}
.pn-cubuk i{flex:1;background:linear-gradient(180deg,#5b8cff,#2f6bff);border-radius:8px 8px 3px 3px;min-height:3px;transition:height .4s}
.pn-cubuk i.kar{background:linear-gradient(180deg,#fbbf24,#f59e0b)}
.pn-deger{font-size:.7rem;font-weight:700;color:#334155;margin-bottom:3px}
.pn-ay{font-size:.75rem;font-weight:700;margin-top:6px}
.pn-adet{font-size:.68rem;color:var(--muted)}
.pn-nok{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.pn-mini{display:inline-block;width:80px;height:7px;border-radius:6px;background:#eef2f7;overflow:hidden;vertical-align:middle}
.pn-mini i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#60a5fa,#2f6bff)}
.pn-mini.kirmizi i{background:linear-gradient(90deg,#fca5a5,#ef4444)}
.pn-satir{margin-bottom:.7rem}.pn-satir .pn-mini{margin-top:4px}
@media (max-width:640px){.pn-grafik{gap:.2rem}.pn-deger{display:none}}

/* v1.20 — gelen bildirimler (çan) */
.gb-say{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:.68rem;font-weight:700;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--surface)}
.gb-var{color:#dc2626!important;animation:gbSall 2.4s ease-in-out infinite}
@keyframes gbSall{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(6deg)}}
.gb-menu{width:380px;max-width:calc(100vw - 24px);border-radius:16px;overflow:hidden}
.gb-bas{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-2,#f8fafc)}
.gb-icerik{max-height:min(70vh,520px);overflow:auto}
.gb-oge{display:flex;gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);color:var(--ink);text-decoration:none}
.gb-oge:hover{background:var(--surface-3,#f1f5f9);color:var(--ink)}
.gb-oge.gb-yeni,.gb-liste .gb-yeni{background:color-mix(in srgb,#2563eb 6%,#fff)}
.gb-oge .gb-m{flex:1;min-width:0}.gb-oge .gb-m b{display:block;font-size:.86rem}.gb-oge .gb-m span{display:block;font-size:.78rem;color:var(--muted,#64748b);white-space:pre-line;max-height:3.6em;overflow:hidden}
.gb-oge small{font-size:.72rem;color:var(--muted,#64748b)}
.gb-ik{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--c);font-size:1.05rem}
.gb-nokta{width:9px;height:9px;border-radius:50%;background:#2563eb;flex:0 0 9px;margin-top:.45rem}

/* v1.25 — WhatsApp bağlantı göstergesi */
.wa-g{position:relative;color:#16a34a!important}
.wa-g .wa-n{position:absolute;right:5px;bottom:5px;width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 2px var(--surface)}
.wa-g[data-durum="bagli"] .wa-n{background:#16a34a}
.wa-g[data-durum="qr"] .wa-n,.wa-g[data-durum="baslatiliyor"] .wa-n{background:#f59e0b;animation:waNabiz 1.2s infinite}
.wa-g[data-durum="kapali"],.wa-g[data-durum="cikis"],.wa-g[data-durum="servis_yok"]{color:#dc2626!important;border-color:#fecaca!important;background:#fef2f2!important}
.wa-g[data-durum="kapali"] .wa-n,.wa-g[data-durum="cikis"] .wa-n,.wa-g[data-durum="servis_yok"] .wa-n{background:#dc2626;animation:waNabiz 1.2s infinite}
@keyframes waNabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}

/* v1.26 — sütun başlığından sıralama */
th.sr-th { cursor: pointer; user-select: none; white-space: nowrap; }
th.sr-th:hover { color: var(--bs-primary, #2563eb); }
th.sr-th::after { content: "\2195"; font-size: .72em; opacity: .25; margin-left: .3em; font-weight: 400; }
th.sr-th:hover::after { opacity: .6; }
th.sr-th.sr-asc::after { content: "\25B2"; opacity: .9; color: var(--bs-primary, #2563eb); }
th.sr-th.sr-desc::after { content: "\25BC"; opacity: .9; color: var(--bs-primary, #2563eb); }
th.sr-th.sr-asc, th.sr-th.sr-desc { color: var(--bs-primary, #2563eb); }
@media print { th.sr-th::after { content: none !important; } }

/* v1.28 — yapay zekâ düğmeleri */
.btn-ai{--ai:#8b5cf6;color:var(--ai);background:color-mix(in srgb,var(--ai) 8%,#fff);border:1px solid color-mix(in srgb,var(--ai) 35%,#fff);font-weight:600}
.btn-ai:hover,.btn-ai:focus{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent}
.btn-ai.disabled{opacity:.6;pointer-events:none}
.ai-govde h6{margin-top:.25rem}
.ai-cevap{white-space:pre-wrap}
.as-grafik{display:flex;flex-direction:column;gap:6px}
.as-bar{display:grid;grid-template-columns:minmax(90px,28%) 1fr auto;gap:10px;align-items:center;font-size:.82rem}
.as-et{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.as-cubuk{background:var(--surface-3);border-radius:6px;height:12px;overflow:hidden}
.as-cubuk i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:6px}
/* v1.29.2 web ürün açıklaması editörü */
.web-editor .ql-toolbar{border-radius:10px 10px 0 0;border-color:var(--bs-border-color,#dee2e6);background:#f8fafc}
.web-editor .ql-container{border-radius:0 0 10px 10px;border-color:var(--bs-border-color,#dee2e6);min-height:280px;font-size:.95rem;font-family:inherit}
.web-editor .ql-editor{min-height:280px}
.web-editor .ql-editor img{max-width:100%}

.stok-aciklama p{margin:0 0 .5em}.stok-aciklama ul,.stok-aciklama ol{padding-left:1.2em;margin:0 0 .5em}.stok-aciklama img{max-width:100%;height:auto;border-radius:6px}
.modal .web-editor .ql-container,.modal .web-editor .ql-editor{min-height:200px}
/* v1.30: kategori → web sitesi */
.tree .web-rozet{display:none;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:.05rem .5rem}
.tree .node.web-acik>.web-rozet{display:inline-flex}
.tree .web-btn{background:#fff;color:#94a3b8}
.tree .web-btn[aria-pressed=true]{background:#2563eb;border-color:#2563eb!important;color:#fff}
.tree .web-btn:hover{color:#2563eb}.tree .web-btn[aria-pressed=true]:hover{background:#1d4ed8;color:#fff}
.web-kat-sayi{display:flex;align-items:baseline;gap:.2rem;background:#eff6ff;border-radius:12px;padding:.4rem .75rem;color:#1d4ed8;white-space:nowrap}
.web-kat-sayi b{font-size:1.6rem;line-height:1}.web-kat-sayi small{color:#64748b}
.web-kat-alan{border:1px dashed #bfdbfe;background:#f8fbff;border-radius:12px;padding:.75rem}
.kat-ikonlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:.3rem}
.kat-ikonlar button{border:1px solid #e2e8f0;background:#fff;border-radius:8px;height:34px;color:#475569;transition:.15s}
.kat-ikonlar button:hover{border-color:#93c5fd;color:#2563eb}
.kat-ikonlar button.secili{background:#2563eb;border-color:#2563eb;color:#fff}
/* v1.30.1: site mesajları */
.wm-liste{max-height:calc(100vh - 220px);overflow-y:auto}
.wm-liste .list-group-item{padding:.8rem 1rem;border-left:3px solid transparent}
.wm-liste .list-group-item.active-soft{background:#eff6ff;border-left-color:#2563eb}
.wm-liste .wm-yeni b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#dc2626;margin-left:6px;vertical-align:middle}
.wm-kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin-bottom:1rem}
.wm-kisi a{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border:1px solid var(--input-border,#e2e8f0);border-radius:12px;color:inherit;text-decoration:none;transition:.15s}
.wm-kisi a:hover{border-color:#93c5fd;background:#f8fbff}
.wm-kisi i{font-size:1.2rem;color:#2563eb}
.wm-kisi span{display:flex;flex-direction:column;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis}
.wm-kisi small{color:#64748b;font-size:.72rem}
.wm-bilgi{display:grid;grid-template-columns:90px 1fr;gap:.35rem .75rem;margin-bottom:.8rem;font-size:.9rem}
.wm-bilgi dt{color:#64748b;font-weight:500}.wm-bilgi dd{margin:0}
.wm-mesaj{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:1rem 1.1rem;white-space:normal;line-height:1.6}
/* v1.30.1: gelişmiş editör (TinyMCE) + açıklama içeriği */
.web-editor .tox-tinymce{border-radius:10px;border-color:var(--bs-border-color,#dee2e6)}
.tox-tinymce-aux{z-index:2000!important}
.tox .tox-dialog-wrap{z-index:2001}
.stok-aciklama::after{content:"";display:table;clear:both}
.stok-aciklama .sola{float:left;margin:.3em 1.2em .8em 0;max-width:55%}
.stok-aciklama .saga{float:right;margin:.3em 0 .8em 1.2em;max-width:55%}
.stok-aciklama .ortala{display:block;margin-left:auto;margin-right:auto}
.stok-aciklama figure.image{display:inline-block;margin:.6em 0;max-width:100%}.stok-aciklama figure.image img{display:block;width:100%}
.stok-aciklama figure.image figcaption{font-size:.82em;color:#64748b;text-align:center;padding-top:4px}
.stok-aciklama table{border-collapse:collapse;max-width:100%}.stok-aciklama td,.stok-aciklama th{border:1px solid #e2e8f0;padding:4px 8px}
/* v1.31: web kategorileri */
.wk-agac .node{min-height:46px}
.wk-ikon{width:30px;height:30px;border-radius:9px;background:#eff6ff;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.wk-resim{width:30px;height:30px;border-radius:9px;object-fit:cover;flex-shrink:0;border:1px solid #e2e8f0}
.wk-rozet{font-size:.7rem;font-weight:600;border-radius:999px;padding:.05rem .5rem;background:#f1f5f9;color:#475569;white-space:nowrap}
.wk-rozet.esl{background:#dcfce7;color:#166534}
.wk-pasif>.fw-medium{opacity:.55;text-decoration:line-through}
.wk-arac{opacity:.5;transition:opacity .15s}.wk-agac .node:hover .wk-arac{opacity:1}
.wk-vurgu{background:#eff6ff!important;box-shadow:inset 3px 0 0 #2563eb}
.wk-adim{display:flex;gap:.6rem;margin-bottom:.55rem;align-items:flex-start}
.wk-adim>b{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}
.wk-ozet>div{flex:1;background:#f8fafc;border-radius:10px;padding:.5rem .7rem;display:flex;flex-direction:column}
.wk-ozet b{font-size:1.3rem;line-height:1.1}.wk-ozet small{color:#64748b}
.wk-ozet .uyari{background:#fff7ed}.wk-ozet .uyari b{color:#c2410c}
.wk-resim-on{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid #e2e8f0}
.wk-ornek{background:linear-gradient(135deg,#eef2ff,#fff);border-color:#c7d2fe}
.wk-ornek-ik{width:40px;height:40px;border-radius:12px;background:#4f46e5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
/* v1.32: web sitesi kurulumu */
.wks-adim{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed #e2e8f0}
.wks-adim:last-of-type{border-bottom:0}
.wks-adim>span{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.wks-adim p{margin:.2rem 0 .5rem;color:#64748b;font-size:.88rem}
.wks-bilgi{display:grid;gap:.5rem;margin-top:.8rem;padding:12px 14px;background:#f8fafc;border-radius:12px;font-size:.88rem}
.wks-bilgi small{display:block;color:#64748b;font-size:.72rem}
.wks-bilgi code{font-size:.82rem;color:#0f172a}
.wks-av{width:34px;height:34px;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.wks-site,.wks-tanit{display:flex;gap:14px;align-items:flex-start}
.wks-site small{display:block;color:#64748b;font-size:.75rem}.wks-site a{font-weight:600}
.wks-site-ik{font-size:1.6rem;color:#16a34a;line-height:1}
.wks-tanit>i{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
@media (min-width:1151px){.gx-grid{grid-template-columns:repeat(3,1fr)}}

/* v1.32.5 — özellik maddeleri */
.gx-oz{display:flex;flex-direction:column}
.gx-oz-m{list-style:none;padding:0;margin:0 0 .9rem;display:grid;gap:.4rem}
.gx-oz .gx-oz-m li{display:flex;gap:.45rem;font-size:.85rem;font-weight:500;line-height:1.45;color:#3b4160;background:none;padding:0;border-radius:0}
.gx-oz-m i{color:var(--c);flex:none;margin-top:.05rem}
.gx-oz>ul{margin-top:auto}

/* v1.32.6 — hızlı arama: ikon/yazı çakışması (kompakt stil dahil) */
.search-box>i{pointer-events:none;z-index:2}
.search-box input.form-control,[data-stil] .search-box input.form-control{padding-left:2.2rem!important;padding-right:2.1rem!important}
.kl-ara input.form-control{padding-left:2.3rem!important}