/* ===========================================================================
 * VERİ ARAÇLARI MODÜLÜ  ·  /arac  ·  GÜVENLİ BÖLGE (SAFE ZONE)
 * ---------------------------------------------------------------------------
 * Bu dosya YALNIZCA "/arac" (Veri Araçları) menüsüne aittir.
 * Modülün TÜM kodu yalnızca şu yerlerdedir; başka menüleri ETKİLEMEZ:
 *   - static/arac/*        (araç JS dosyaları + arac.css)
 *   - templates/arac.html  (bağımsız sayfa; ortak base şablonunu KULLANMAZ)
 *   - routes/arac.py       (tüm /arac uçları; tek blueprint: arac_bp)
 * Başka menü kodu buraya GİRMEMELİ; buradaki değişiklik dışarıyı BOZMAMALI.
 * =========================================================================== */
:root{
  --ink:#1f2937; --ink2:#374151; --muted:#6b7280; --line:#e5e7eb;
  --bg:#e8edf4; --panel:#eef2f8; --card:#ffffff; --brand:#1f2937; --brand2:#2563eb;
  --ok:#059669; --okbg:#ecfdf5; --err:#991b1b; --errbg:#fee2e2;
  --warn:#92400e; --warnbg:#fffbeb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(1100px 560px at 82% -8%,rgba(139,92,246,.34),transparent 60%),
    radial-gradient(900px 520px at -8% 12%,rgba(56,189,248,.26),transparent 55%),
    linear-gradient(165deg,#283151 0%,#2d3061 48%,#391f5d 100%);
  background-attachment:fixed; color:var(--ink); line-height:1.5;
  display:flex; flex-direction:column; min-height:100vh;
}

/* Duyuru bandı */
.ann-banner{background:#1e3a8a;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.ann-inner{width:100%;max-width:none;margin:0 auto;padding:10px clamp(16px,2.4vw,36px);display:flex;align-items:flex-start;gap:12px}
.ann-text{flex:1;font-size:.92rem;white-space:pre-line}
.ann-text strong{display:block;margin-bottom:2px}
.ann-close{background:transparent;border:0;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}

/* Güncelleme notu */
.update-note{background:var(--warnbg);color:var(--warn);text-align:center;padding:8px 16px;font-size:.9rem}
.update-note a{color:#1d4ed8;font-weight:600;margin-left:8px}

/* Başlık */
.app-header{background:linear-gradient(115deg,#4f46e5 0%,#7c3aed 46%,#db2777 100%);color:#fff;
  box-shadow:0 14px 38px -16px rgba(79,70,229,.6)}
.app-header-inner{width:100%;max-width:none;margin:0 auto;padding:18px clamp(18px,2.6vw,42px);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.app-logo{height:48px;width:auto;max-width:120px;border-radius:10px;background:#fff;padding:4px 8px;object-fit:contain;flex:none}
.app-title{margin:0;font-size:1.4rem;font-weight:700}
.app-tagline{margin:2px 0 0;font-size:.85rem;opacity:.8}
.app-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.app-head-actions #acc-mount{margin-left:0}

/* İçerik */
.app-main{width:100%;max-width:none;margin:0 auto;flex:1;padding:0 clamp(16px,2.4vw,36px) 24px}

/* Yan menü — iki sütun, sol ve sağ, ortada içerik */
.app-layout{display:flex;align-items:stretch;justify-content:stretch;gap:16px;padding-top:18px;width:100%;min-height:calc(100vh - 174px)}
.side-tabs{flex:0 0 clamp(220px,16.5vw,280px);width:auto;display:flex;flex-direction:column;gap:7px;padding:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:18px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 40px -22px rgba(0,0,0,.7);position:sticky;top:14px;align-self:flex-start;max-height:calc(100vh - 118px);overflow-y:auto}
.side-tab{position:relative;width:100%;text-align:left;padding:10px 10px 10px 20px;border:0;background:transparent;
  color:#cbd5e1;font-family:inherit;font-size:.98rem;line-height:1.3;font-weight:600;text-decoration:none;cursor:pointer;border-radius:10px;transition:.18s;
  display:flex;align-items:center;gap:6px}
.side-tab::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);
  width:4px;height:56%;border-radius:4px;background:linear-gradient(var(--acc,#64748b),var(--acc2,#475569));
  opacity:.95;transition:.18s}
.side-tab:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
.side-tab.active{background:linear-gradient(120deg,var(--acc,#4f46e5),var(--acc2,#7c3aed));color:#fff;
  font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.38);box-shadow:0 12px 26px -8px var(--acc,#4f46e5)}
.side-tab.active::before{opacity:0}
.side-tab[data-tab="analiz"]{--acc:#0ea5e9;--acc2:#2563eb}
.side-tab[data-tab="yolluk"]{--acc:#ea580c;--acc2:#c2410c}
.side-tab[data-tab="gyolluk"]{--acc:#f59e0b;--acc2:#d97706}
.side-tab[data-tab="kulup"]{--acc:#ec4899;--acc2:#a21caf}
.side-tab[data-tab="puantaj"]{--acc:#8b5cf6;--acc2:#6d28d9}
.side-tab[data-tab="nobet"]{--acc:#0891b2;--acc2:#0e7490}
.side-tab[data-tab="kelebek"]{--acc:#10b981;--acc2:#059669}
.side-tab[data-tab="danisman"]{--acc:#6366f1;--acc2:#4338ca}
.side-tab[data-tab="odenek"]{--acc:#0d9488;--acc2:#047857}
.side-tab[data-tab="etkinlikler"]{--acc:#f97316;--acc2:#c2410c}
.side-tab[data-tab="kurullar"]{--acc:#0f766e;--acc2:#115e59}
.side-tab[data-tab="ekders"]{--acc:#16a34a;--acc2:#15803d}
.side-tab[data-tab="servis"]{--acc:#0ea5e9;--acc2:#2563eb}
.side-tab.bordro-mobile-shortcut{--acc:#8b5cf6;--acc2:#6d28d9;text-decoration:none;font-family:inherit;font-size:.98rem;}
.app-content{flex:1 1 auto;min-width:0;max-width:none;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);
  border-radius:18px;padding:22px;min-height:320px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 44px -24px rgba(0,0,0,.7);position:relative}
.mobile-tabs{display:none}
.mobile-menubar{display:none}
.tab-panel{display:none}
.tab-panel.active{display:block}
.placeholder{color:#94a3b8;text-align:center;padding:60px 0}

/* Orta genişlikte sağ menü içeriğin üzerine taşmasın; menüler blok olarak aksın. */
@media (max-width:980px){
  .app-layout{display:grid;grid-template-columns:1fr;gap:12px}
  .side-tabs{width:100%;position:static;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible}
  .side-tabs-left{order:1}
  .app-content{order:2;max-width:none}
  .side-tabs-right{order:3}
  .side-tab{flex:1 1 180px}
}

@media (max-width:760px){
  .app-header-inner{padding:12px 12px 10px;gap:9px}
  .app-logo{height:40px;max-width:92px;padding:3px 6px}
  .app-title{font-size:1.08rem;line-height:1.2}
  .app-tagline{font-size:.75rem}
  .app-head-actions{width:100%;margin-left:0;justify-content:space-between}
  .mobile-menubar{display:flex;align-items:center;gap:11px;padding:9px 12px;
    background:rgba(30,41,59,.96);border-bottom:1px solid rgba(255,255,255,.14);
    position:sticky;top:0;z-index:31}
  .mobile-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);
    border-radius:10px;background:linear-gradient(120deg,#4f46e5,#7c3aed);cursor:pointer}
  .mobile-burger span{display:block;height:2px;border-radius:2px;background:#fff;transition:all .25s}
  .mobile-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-burger.open span:nth-child(2){opacity:0}
  .mobile-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menubar-title{color:#fff;font-weight:700;font-size:.92rem;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
  .mobile-tabs{display:none;flex-direction:column;gap:6px;padding:10px;
    background:rgba(30,41,59,.98);border-bottom:1px solid rgba(255,255,255,.14);
    position:sticky;top:58px;z-index:30;max-height:70vh;overflow-y:auto}
  .mobile-tabs.open{display:flex}
  .mobile-tabs::-webkit-scrollbar{display:none}
  .mobile-tabs .side-tab{width:100%;flex:0 0 auto;justify-content:flex-start;text-align:left;
    padding:12px 14px;font-size:.94rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);
    border-radius:10px}
  .mobile-tabs .side-tab::before{display:none}
  .mobile-tabs .side-tab:hover{transform:none}
  .mobile-tabs .side-tab.active{background:linear-gradient(120deg,var(--acc,#4f46e5),var(--acc2,#7c3aed));
    border-color:transparent}
  .app-main{padding:0 10px 18px}
  .app-layout{display:block;padding-top:10px}
  .app-layout>.side-tabs{display:none}
  .app-content{max-width:none;width:100%;border-radius:14px;padding:12px;min-height:260px}
  .tab-panel .card,.tab-panel .pj-card{border-radius:11px;padding:14px;margin-bottom:12px}
  .tab-panel .btn{min-height:44px}
}

/* Genel UI bileşenleri (port modüllerinde kullanılacak) */
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}
.section-title{font-size:1.1rem;font-weight:700;margin:0 0 4px}
.section-sub{color:var(--muted);font-size:.88rem;margin:0 0 14px}
.btn{display:inline-block;padding:12px 16px;background:var(--brand);color:#fff;border:0;
  border-radius:10px;font-size:.98rem;font-weight:600;cursor:pointer;transition:.15s;text-decoration:none}
.btn:hover:not(:disabled){background:#111827}
.btn:disabled{background:#9ca3af;cursor:not-allowed}
.btn-block{display:block;width:100%;text-align:center}
.btn-secondary{background:#e5e7eb;color:var(--ink)}
.btn-secondary:hover:not(:disabled){background:#d1d5db}
.field{margin-bottom:14px}
.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);
  border-radius:8px;font-size:.95rem;font-family:inherit}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.status{margin-top:12px;padding:11px 14px;border-radius:8px;font-size:.9rem;display:none}
.status.info{background:#eff6ff;color:#1e40af;display:block}
.status.err{background:var(--errbg);color:var(--err);display:block}
.status.ok{background:var(--okbg);color:#065f46;display:block}
.status.warn{background:var(--warnbg);color:var(--warn);display:block}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:2px dashed #cbd5e1;border-radius:10px;padding:22px 16px;min-height:118px;
  text-align:center;background:#f9fafb;cursor:pointer;transition:.15s}
.drop:hover{border-color:var(--brand2);background:#eff6ff}
.drop.has-file{border-color:var(--ok);background:var(--okbg)}
.drop input[type=file]{display:none}
.drop .ico{font-size:1.9rem}
.drop .fname{color:var(--ok);font-weight:600;font-size:.85rem;margin-top:8px;word-break:break-all}
.help{background:var(--warnbg);border-left:4px solid #f59e0b;color:var(--warn);
  padding:11px 14px;border-radius:8px;font-size:.88rem;margin-bottom:14px;line-height:1.55}
table.data{width:100%;border-collapse:collapse;font-size:.88rem}
table.data th,table.data td{border:1px solid var(--line);padding:7px 9px;text-align:left}
table.data th{background:#f3f4f6}

/* Alt imza */
.app-footer{background:#fff;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;margin-top:auto}
.footer-logo{height:46px;width:auto;max-width:110px;object-fit:contain}
.footer-sign{text-align:left}
.footer-name{font-weight:700;color:var(--ink)}
.footer-oya{font-weight:800;font-size:1.2rem;letter-spacing:.14em;line-height:1.1}
.footer-place{font-size:.85rem;color:var(--muted)}
.footer-ver{font-size:.75rem;color:#9ca3af;margin-top:2px}

@media (max-width:640px){
  .row2{grid-template-columns:1fr}
  .app-title{font-size:1.05rem}
  .app-footer{padding:12px 10px}
  .footer-logo{height:38px;max-width:86px}
  .footer-place{font-size:.78rem}
  .tab-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  .tab-panel select,.tab-panel textarea{font-size:16px}
  .tab-panel .section-title{font-size:1.02rem}
  .tab-panel .section-sub{font-size:.82rem}
}

/* Çocuk Kulübü */
.k-chips{display:flex;flex-wrap:wrap;gap:8px}
.k-chip{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:20px;
  font-size:.88rem;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s}
.k-chip:hover{background:#f1f5f9}
.k-chip.active{background:var(--brand2);color:#fff;border-color:var(--brand2)}
.k-empty{color:#9ca3af;font-size:.86rem;font-style:italic;padding:4px 0}
.k-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.k-sum{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.k-sum-b{background:var(--okbg);border-color:#a7f3d0}
.k-sum-lbl{font-size:.82rem;color:var(--muted);margin-bottom:6px}
.k-sum-val{font-size:1.15rem;font-weight:800;color:var(--ink)}
.k-role{border-top:1px solid var(--line);padding:12px 0}
.k-role:first-of-type{border-top:0}
.k-role-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600}
.k-pct{color:var(--brand2);font-weight:700;font-size:.85rem}
.k-prow{display:flex;gap:8px;margin-bottom:8px;align-items:center}
.k-prow .k-name{flex:2;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.92rem;font-family:inherit}
.k-prow .k-kadro{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.92rem;font-family:inherit}
.k-prow .k-exec-check{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:#92400e;font-size:.78rem;line-height:1.2}
.k-prow .k-exec-check input{width:16px;height:16px;accent-color:#d97706}
.k-prow .k-tax{flex:0 0 78px;padding:8px 6px;border:1px solid var(--line);border-radius:8px;font-size:.92rem;font-family:inherit}
.k-role-note{font-size:.8rem;color:#6b7280;margin:2px 0 8px}
.k-del,.k-del-t{border:0;background:#fee2e2;color:#991b1b;border-radius:8px;width:30px;height:32px;
  cursor:pointer;font-size:.9rem;flex:none}
.k-del:hover,.k-del-t:hover{background:#fecaca}
table.k-teach td{vertical-align:middle}
table.k-teach input,table.k-teach select{width:100%;padding:6px 8px;border:1px solid #d1d5db;
  border-radius:6px;font-size:.88rem;font-family:inherit}
@media (max-width:640px){
  .k-cards{grid-template-columns:1fr}
  .k-prow{flex-wrap:wrap}
}

/* Puantaj */
.pj-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}
.pj-card>summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;outline:none}
.pj-card>summary::-webkit-details-marker{display:none}
.pj-card>summary::before{content:"▸";margin-right:8px;color:var(--brand2)}
.pj-card[open]>summary::before{content:"▾"}
.pj-cardtitle{font-weight:700;color:var(--ink);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.pj-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.pj-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pj-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.pj-type{padding:9px 16px;border:1px solid var(--line);background:#fff;border-radius:20px;
  font-size:.9rem;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s}
.pj-type:hover{background:#f1f5f9}
.pj-type.active{background:var(--brand2);color:#fff;border-color:var(--brand2)}
.pj-cal{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pj-day{min-width:40px;text-align:center;border:1px solid var(--line);border-radius:7px;
  padding:5px 3px;background:#f8fafc;font-size:.72rem;line-height:1.25}
.pj-day .pj-dn{font-weight:700;font-size:.84rem;color:var(--ink);display:block}
.pj-day .pj-wd{color:var(--muted)}
.pj-day.we{background:#c2cad6;border-color:#9aa4b4}
.pj-day.we .pj-dn,.pj-day.we .pj-wd{color:#1f2937}
.pj-gridwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin-top:6px}
table.pj-tbl{border-collapse:collapse;font-size:.82rem;min-width:100%}
table.pj-tbl th,table.pj-tbl td{border:1px solid var(--line);padding:4px 5px;text-align:center;white-space:nowrap}
table.pj-tbl thead th{background:#dbe6f3}
table.pj-tbl th.we,table.pj-tbl td.we{background:#c2cad6}
table.pj-tbl td.lft{text-align:left}table.pj-tbl td.pj-name-repeat{background:#fafbfd}
table.pj-tbl input.pj-h{width:36px;padding:3px 2px;border:1px solid #d1d5db;border-radius:5px;
  text-align:center;font-size:.8rem;font-family:inherit}
table.pj-tbl td.we input.pj-h{background:#eef1f5}
table.pj-tbl input.pj-name{width:140px;padding:4px 6px;border:1px solid #d1d5db;border-radius:5px;font-family:inherit;font-size:.8rem}
table.pj-tbl input.pj-note{width:100px;padding:4px 6px;border:1px solid #d1d5db;border-radius:5px;font-family:inherit;font-size:.8rem}
table.pj-tbl select.pj-code{width:104px;min-width:96px;padding:3px;font-size:.72rem;font-family:inherit;border:1px solid #d1d5db;border-radius:5px;white-space:normal}
table.pj-tbl input.pj-brans{width:90px;padding:4px 6px;border:1px solid #d1d5db;border-radius:5px;font-family:inherit;font-size:.8rem}
table.pj-tbl tfoot td{background:#eef2f8;font-weight:700}
.pj-rowtot{font-weight:700}
table.pj-tbl td.pj-rowbon{font-weight:700;color:#1d4ed8;background:#eef4ff}
.pj-addrow{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:10px}
.pj-addrow select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.9rem}
.pj-del{border:0;background:#fee2e2;color:#991b1b;border-radius:6px;width:26px;height:28px;cursor:pointer;font-size:.85rem}
.pj-del:hover{background:#fecaca}
.pj-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pj-hist{display:flex;flex-direction:column;gap:8px}
.pj-hist-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);
  border-radius:9px;padding:10px 12px;background:#f9fafb}
.pj-hist-meta{font-size:.85rem;color:var(--ink2)}
.pj-hist-meta b{color:var(--ink)}
.pj-hist-actions{display:flex;gap:6px;flex:none}
.pj-empty{color:#9ca3af;font-size:.86rem;font-style:italic;padding:4px 0}
.pj-teach-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.pj-teach-item{display:flex;gap:8px;align-items:center}
.pj-teach-item .pj-tn{flex:2}
.pj-teach-item .pj-tb{flex:1}
.pj-teach-item input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.9rem}
.pj-warn{background:var(--warnbg);border-left:4px solid #f59e0b;color:var(--warn);
  padding:9px 12px;border-radius:8px;font-size:.86rem;margin:8px 0;display:none}
.pj-warn.show{display:block}
.pj-hint{color:var(--muted);font-size:.83rem;margin:2px 0 10px}
.pj-btn-sm{padding:8px 12px;font-size:.88rem}
@media (max-width:640px){
  .pj-grid3,.pj-grid2{grid-template-columns:1fr}
}

/* ==================== KELEBEK SINAV DÜZENİ ==================== */
.k-help{background:#eef4ff;border:1px solid #c7d7fe;color:#1e3a5f;padding:10px 12px;border-radius:9px;font-size:.85rem;line-height:1.5;margin-top:6px}
.k-hint{color:var(--muted);font-size:.83rem;line-height:1.5}
.k-acc summary{cursor:pointer;font-size:1rem;list-style:none}
.k-acc summary::-webkit-details-marker{display:none}
.k-acc summary::before{content:'▸ ';color:var(--brand2)}
.k-acc[open] summary::before{content:'▾ '}
.k-badge{font-size:.78rem;color:var(--muted);font-weight:400;margin-left:6px}
.k-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.k-drop{margin-top:10px}
.k-drop.dragover{border-color:var(--brand2);background:#eef4ff}
.k-btn-sm{padding:8px 12px;font-size:.86rem}
.k-empty{color:#9ca3af;font-size:.86rem;font-style:italic}
.k-roster-summary{margin-top:6px}
.k-classchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.k-classchip{background:#f1f5f9;border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:.82rem;color:var(--ink2)}
.k-classchip b{color:var(--brand2)}
/* Salon ayarları tablosu */
.k-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin-top:10px}
table.k-cfg{border-collapse:collapse;width:100%;font-size:.85rem;min-width:480px}
table.k-cfg th,table.k-cfg td{border:1px solid var(--line);padding:5px 7px;text-align:center}
table.k-cfg thead th{background:#dbe6f3;font-size:.8rem}
table.k-cfg input,table.k-cfg select{padding:6px 7px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.84rem;width:100%}
table.k-cfg input.k-num{width:70px;text-align:center}
table.k-cfg td:first-child input{text-align:left}
.k-addroom{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.k-addroom input,.k-addroom select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.88rem}
.k-addroom input[type=number]{width:90px}
/* Seviye chip'leri */
.k-chips{display:flex;flex-wrap:wrap;gap:8px}
.k-chip{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;color:var(--ink2);
  font-size:.9rem;font-weight:600;cursor:pointer;transition:.15s}
.k-chip:hover{background:#f1f5f9}
.k-chip.active{background:var(--brand2);color:#fff;border-color:var(--brand2)}
/* Sonuç */
.k-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.k-stat{flex:1;min-width:110px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}
.k-stat .num{font-size:1.5rem;font-weight:800;color:var(--brand2)}
.k-stat .lbl{font-size:.78rem;color:var(--muted);margin-top:2px}
.k-stat-warn{background:var(--errbg);border-color:#fca5a5}
.k-stat-warn .num{color:#991b1b}
.k-warnbox{margin:10px 0;display:flex;flex-direction:column;gap:6px}
.k-warnitem{background:var(--warnbg);border-left:4px solid #f59e0b;color:var(--warn);padding:9px 12px;border-radius:8px;font-size:.85rem;line-height:1.5}
.k-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.k-roomgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:16px}
.k-roomcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.k-roomhead{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;color:#fff;font-weight:700}
.k-roomhead.exam{background:#1e3a5f}
.k-roomhead.study{background:#2d6a4f}
.k-roomtype{font-size:.74rem;font-weight:600;opacity:.92}
.k-roombody{padding:8px 10px;max-height:340px;overflow-y:auto}
.k-desk{display:grid;grid-template-columns:26px 1fr 1fr;gap:5px;align-items:stretch;margin-bottom:5px}
.k-dnum{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:5px;font-size:.74rem;font-weight:700;color:var(--muted)}
.k-seat{font-size:.74rem;padding:5px 7px;border-radius:5px;line-height:1.25}
.k-seat i{font-style:normal;opacity:.7;font-size:.68rem;display:block}
.k-seat.empty{background:#f3f4f6;color:#9ca3af;text-align:center}
.k-seat.grade-5{background:#dbeafe;color:#1e40af}
.k-seat.grade-6{background:#dcfce7;color:#166534}
.k-seat.grade-7{background:#fef9c3;color:#854d0e}
.k-seat.grade-8{background:#fce7f3;color:#9d174d}
.k-seat.grade-9{background:#ede9fe;color:#6b21a8}
.k-seat.grade-10{background:#ffedd5;color:#9a3412}
.k-seat.grade-11{background:#ccfbf1;color:#115e59}
.k-seat.grade-12{background:#fae8ff;color:#86198f}
.k-srow{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.78rem;padding:4px 6px;border-bottom:1px solid #f1f5f9}
.k-srow i{font-style:normal;color:var(--muted);font-size:.72rem;flex:none}
/* Geçmiş */
.k-hist{display:flex;flex-direction:column;gap:8px}
.k-hist-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#f9fafb;flex-wrap:wrap}
.k-hist-meta{font-size:.85rem;color:var(--ink2)}
.k-hist-meta b{color:var(--ink)}
.k-hist-actions{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){
  .k-roomgrid{grid-template-columns:1fr}
  .k-addroom input,.k-addroom select{flex:1;min-width:0}
}

/* ==================== ARAÇLAR — MODERN TEMA (tüm sekmeler, sekme rengine göre) ==================== */
/* sekme aksan renkleri (yan menü ile uyumlu) */
#tab-analiz{--tacc:#0284c7;--tacc2:#2563eb}
#tab-yolluk{--tacc:#ea580c;--tacc2:#c2410c}
#tab-gyolluk{--tacc:#f59e0b;--tacc2:#d97706}
#tab-kulup{--tacc:#ec4899;--tacc2:#a21caf}
#tab-puantaj{--tacc:#8b5cf6;--tacc2:#6d28d9}
#tab-kelebek{--tacc:#10b981;--tacc2:#059669}
#tab-danisman{--tacc:#6366f1;--tacc2:#4338ca}
#tab-cesitli{--tacc:#16a34a;--tacc2:#15803d}
#tab-maaskesim{--tacc:#dc2626;--tacc2:#b91c1c}
#tab-ekdersiade{--tacc:#0891b2;--tacc2:#0e7490}
#tab-maasform{--tacc:#7c3aed;--tacc2:#6d28d9}
#tab-odenek{--tacc:#0d9488;--tacc2:#047857}
#tab-etkinlikler{--tacc:#f97316;--tacc2:#c2410c}
#tab-kurullar{--tacc:#0f766e;--tacc2:#115e59}

/* ==================== ÖDENEK SİSTEMİ ==================== */
.od-flow{display:flex;flex-wrap:wrap;gap:8px}
.od-flow span{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;border-radius:9px;
  padding:7px 11px;font-size:.85rem;font-weight:600}
.od-flow span i{font-style:normal;font-weight:400;color:#0f766e;font-size:.78rem}
.od-warn{background:var(--warnbg);border-left:4px solid #f59e0b;color:var(--warn);
  padding:10px 13px;border-radius:8px;font-size:.87rem;line-height:1.55;margin-top:4px}
.od-firm{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.od-firm summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;outline:none;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.od-firm summary::-webkit-details-marker{display:none}
.od-firm-top{margin-left:auto;font-weight:800;color:var(--tacc,#0d9488)}
.od-win{background:#dcfce7;color:#166534;border-radius:7px;padding:2px 8px;font-size:.76rem;font-weight:800}
.od-over{background:var(--errbg);border-color:#fca5a5}
table.od-items input{width:100%;padding:7px 8px;border:1px solid #d1d5db;border-radius:6px;
  font-size:.88rem;font-family:inherit}
.od-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:8px}
.od-doc{display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#f8fafc;font-size:.88rem;font-weight:600}
.od-doc>span:first-child{min-width:0;flex:1 1 125px}
.od-doc-btns{display:flex;gap:4px;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.od-btn-sm{padding:5px 8px;font-size:.78rem;line-height:1.15;white-space:nowrap}
@media (max-width:900px){.od-docs{grid-template-columns:1fr}}
@media (max-width:640px){.od-doc{align-items:flex-start;padding:8px 9px}.od-doc-btns{gap:3px}.od-btn-sm{padding:5px 7px;font-size:.75rem}}
#tab-norm{--tacc:#7e22ce;--tacc2:#6b21a8}

/* ==================== ETKİNLİKLER / KURULLAR ==================== */
.simple-shell{padding:20px}
.simple-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.simple-head .section-title{margin:0}
.simple-head .section-sub{max-width:720px;margin:5px 0 0;line-height:1.5}
.simple-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.simple-note{display:inline-block;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.78rem;line-height:1.4}
.simple-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.simple-controls label{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800;color:#334155}
.simple-controls select{min-width:160px;padding:8px 10px;border-radius:8px;font:inherit}
.simple-header-form{padding:14px 16px;margin-bottom:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
.simple-header-title{font-weight:800;color:#334155;margin-bottom:8px}
.simple-header-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.simple-header-grid label,.custom-add-label{display:flex;flex-direction:column;gap:5px;font-size:.76rem;font-weight:700;color:#475569}
.simple-header-grid input,.custom-add-label input,.simple-controls input[type="date"]{width:100%;padding:8px 9px;border-radius:7px;font:inherit;font-size:.82rem}
.simple-header-form small{display:block;color:#64748b;margin-top:9px;font-size:.75rem}
.simple-pool{padding:14px 16px;margin-bottom:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}
.pool-help{margin:3px 0 10px;color:#64748b;font-size:.78rem}
.pool-add-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pool-add-row input{min-width:170px;padding:8px 9px;border-radius:7px;font:inherit;font-size:.82rem}
.pool-lists{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pool-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px}
.pool-list>b{font-size:.76rem;color:#334155}
.pool-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #bbf7d0;border-radius:999px;padding:4px 7px 4px 9px;font-size:.76rem;color:#166534}
.pool-chip button{border:0;background:transparent;color:#991b1b;cursor:pointer;font-weight:800;padding:0 2px}
.person-list{display:flex;flex-direction:column;gap:4px;min-width:155px}
.simple-table .person-list{min-width:150px}
.simple-table .person-dialog-open{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.assigned-list{display:flex;flex-wrap:wrap;gap:4px;min-height:24px}
.assigned-chip{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:3px 7px;color:#166534;font-size:.72rem}
.person-dialog-open{align-self:flex-start;border:1px solid #99f6e4;background:#f0fdfa;color:#115e59;border-radius:7px;padding:5px 8px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;white-space:nowrap}
.person-dialog-open:hover{background:#ccfbf1;border-color:#2dd4bf}
.assigned-chip button{border:0;background:transparent;color:#991b1b;cursor:pointer;font-weight:800;padding:0 1px}
.pool-select-list{display:flex;flex-direction:column;gap:3px;padding:5px 0;border-top:1px dashed #cbd5e1;border-bottom:1px dashed #cbd5e1}
.pool-choice{display:flex;align-items:center;gap:5px;font-size:.76rem;color:#334155;white-space:nowrap}
.pool-choice input{width:15px!important;height:15px;accent-color:#16a34a}
.person-actions{display:flex;gap:5px;margin-top:2px}
.person-actions button{border:1px solid;border-radius:5px;padding:4px 7px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.person-assign{border-color:#86efac!important;background:#dcfce7;color:#166534}
.person-unassign{border-color:#fecaca!important;background:#fef2f2;color:#991b1b}
.person-empty{display:block;color:#94a3b8;font-size:.74rem;font-style:italic}
.ku-number-cell{width:56px;text-align:center!important;font-weight:800;color:#0f766e;font-size:.9rem}
.ku-name-cell{min-width:300px}
.ku-name-cell>b{display:block;line-height:1.35}
.ku-slot-list{display:flex;flex-direction:column;gap:3px;margin-top:7px;padding:7px 9px;border-left:3px solid #99f6e4;background:#f0fdfa;color:#115e59}
.ku-slot{font-size:.71rem;line-height:1.3}
.ku-slot::before{content:'• ';color:#0f766e;font-weight:900}
.role-template{min-width:210px;color:#475569;font-size:.76rem;line-height:1.45}
.role-template div{padding:2px 0;border-bottom:1px dotted #cbd5e1}
.role-template div:last-child{border-bottom:0}
.record-remove{padding:5px 8px!important;font-size:.74rem!important}
.simple-remove{width:54px}
.simple-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
.simple-table{width:100%;min-width:760px;margin:0;border-collapse:collapse}
.simple-table th{background:#f8fafc;color:#334155;white-space:nowrap;font-size:.78rem}
.simple-table td,.simple-table th{padding:10px 9px;vertical-align:top;border-bottom:1px solid #eef2f7}
.simple-table tbody tr:last-child td{border-bottom:0}
.simple-table tbody tr:hover{background:#fafbff}
.simple-table .simple-no,.simple-table .simple-check{text-align:center;color:#64748b;width:42px}
.simple-table .simple-check input{width:17px;height:17px;accent-color:var(--tacc,#4f46e5)}
.simple-table .simple-no{width:30px;min-width:30px;padding-left:4px;padding-right:4px}
.simple-table .simple-check{width:34px;min-width:34px;padding-left:4px;padding-right:4px}
.simple-table .simple-remove{width:76px;min-width:76px}
.ku-simple-table .ku-number-cell{width:34px;min-width:34px;padding-left:4px;padding-right:4px}
.ku-simple-table .ku-name-cell{min-width:280px}
.ku-simple-table th:nth-child(4),.ku-simple-table td:nth-child(4),
.ku-simple-table th:nth-child(5),.ku-simple-table td:nth-child(5){min-width:170px}
.ku-simple-table th:last-child,.ku-simple-table td:last-child{width:76px;min-width:76px}

/* ── Kurul kart grid ─────────────────────────────────────────────────────── */
.ku-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px}
.ku-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:0;box-shadow:0 2px 8px rgba(15,23,42,.06);transition:box-shadow .18s}
.ku-card:hover{box-shadow:0 4px 16px rgba(15,23,42,.10)}
.ku-card-active{border-color:#0d9488;box-shadow:0 0 0 2px rgba(13,148,136,.15),0 2px 8px rgba(15,23,42,.06)}
.ku-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.ku-card-check-label{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;cursor:pointer}
.ku-card-check-input{width:16px;height:16px;accent-color:#0d9488;flex-shrink:0;margin-top:3px}
.ku-card-name{font-size:.92rem;font-weight:800;color:#1e293b;line-height:1.35;word-break:break-word}
.ku-card-del{flex-shrink:0;border:0;background:#fee2e2;color:#991b1b;border-radius:7px;width:26px;height:26px;font-size:1rem;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ku-card-del:hover{background:#fecaca}
.ku-card-basis-text{font-size:.72rem;color:#64748b;line-height:1.4;margin-bottom:10px;padding-left:24px}
.ku-slot-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #f1f5f9}
.ku-slot-info{flex:1 1 0;min-width:0}
.ku-slot-info b{display:block;font-size:.82rem;font-weight:700;color:#1e293b;line-height:1.35}
.ku-slot-desc{display:block;font-size:.72rem;color:#94a3b8;line-height:1.4;margin-top:2px;white-space:pre-line}
.ku-slot-right{flex:0 0 auto;min-width:140px;max-width:180px}
.ku-slot-right select{width:100%;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;font:inherit;font-size:.78rem;color:#334155;cursor:pointer}
.ku-slot-right select:hover{border-color:#0d9488}
.ku-card-chip{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:8px;padding:5px 9px;font-size:.78rem;font-weight:700;max-width:100%;word-break:break-all}
.ku-chip-x{border:0;background:transparent;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:800;line-height:1;padding:0 1px;flex-shrink:0}
.ku-chip-x:hover{color:#1d4ed8}
.ku-slot-empty{color:#94a3b8;font-size:.78rem;font-style:italic;padding:10px 0 4px}
@media(max-width:900px){.ku-card-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ku-slot-row{flex-direction:column;align-items:flex-start;gap:6px}.ku-slot-right{min-width:0;width:100%;max-width:none}}
.et-title-cell{min-width:260px}
.simple-table td:nth-child(2){min-width:260px}
.simple-table td:nth-child(2) b{display:block;line-height:1.35;color:#1e293b}
.simple-table td small{display:block;margin-top:4px;color:#64748b;font-size:.72rem;line-height:1.35}
.simple-table td input{width:100%;min-width:150px;padding:8px 9px;border-radius:7px;font:inherit;font-size:.82rem}
.date-editor{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:180px}
.date-display{color:#1e293b;font-size:.8rem;white-space:nowrap}
.date-inputs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.date-editor input[type="date"]{min-width:135px!important;width:auto!important}
.date-editor small,.date-rule{display:block;color:#64748b;font-size:.72rem;line-height:1.35}
.date-separator{color:#64748b;font-weight:700}
.simple-selected{background:#f0fdf4}
.status{min-height:20px;margin-top:9px;font-size:.82rem;color:#64748b}
.status.ok{color:#15803d;font-weight:700}
.simple-specials{padding:14px 16px;margin-bottom:14px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px}
.special-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.special-group{min-width:0;padding:10px;background:#fff;border:1px solid #e9d5ff;border-radius:9px}
.special-group>b{display:block;color:#5b21b6;font-size:.78rem;line-height:1.3;margin-bottom:7px}
.special-choice-list{display:flex;flex-direction:column;gap:5px;max-height:145px;overflow:auto}
.special-choice-list label{display:flex;align-items:flex-start;gap:6px;color:#334155;font-size:.76rem;line-height:1.3}
.special-choice-list input{width:15px!important;height:15px;flex:0 0 auto;margin-top:1px;accent-color:#7c3aed}
.special-add-row{display:flex;gap:5px;align-items:center}
.special-add-row input{min-width:0!important;width:100%!important;padding:7px!important;font-size:.74rem!important}
.special-add-row .btn{padding:7px 8px;font-size:.7rem;white-space:nowrap}
.special-pair-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:7px}
.special-pair-row input,.special-pair-row select{flex:1 1 100px;min-width:0;padding:7px!important;font-size:.74rem!important}
.special-pair-row .btn{padding:7px 8px;font-size:.7rem;white-space:nowrap;flex-shrink:0}
.special-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.special-chips .pool-chip{font-size:.7rem}
.person-dialog[hidden]{display:none}
.person-dialog{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}
.person-dialog-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(2px)}
.person-dialog-box{position:relative;width:min(640px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;border:1px solid #dbeafe;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.3);padding:20px}
.person-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:12px}
.person-dialog-head h3{margin:0;color:#0f172a;font-size:1.05rem}
.dialog-close{border:0;background:#f1f5f9;color:#475569;border-radius:8px;width:32px;height:32px;font-size:1.35rem;line-height:1;cursor:pointer}
.dialog-help{margin:0 0 12px;color:#475569;font-size:.82rem;line-height:1.5}
.dialog-person-list{display:flex;flex-direction:column;gap:7px}
.dialog-person-row{display:grid;grid-template-columns:minmax(0,1fr) 125px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}
.dialog-person-row label{display:flex;align-items:center;gap:8px;color:#1e293b;font-size:.84rem;font-weight:650}
.dialog-person-row input{width:17px;height:17px;accent-color:#0f766e}
.dialog-person-row select{width:100%;padding:7px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;font-size:.8rem}
.ku-dialog-slots{margin:0 0 14px;padding:10px 12px;border:1px solid #bae6fd;border-radius:9px;background:#f0f9ff;color:#0c4a6e;font-size:.78rem}
.ku-dialog-slots b{display:block;margin-bottom:5px}
.ku-dialog-slots ul{margin:0;padding-left:18px;line-height:1.45}
.person-dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e2e8f0;padding-top:14px;margin-top:16px}
@media (max-width:640px){
  .person-dialog{padding:10px}
  .person-dialog-box{padding:15px;border-radius:13px}
  .dialog-person-row{grid-template-columns:1fr;gap:7px}
  .dialog-person-row select{max-width:180px}
  .ku-name-cell{min-width:245px}
}
@media(max-width:900px){
  .special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .special-grid{grid-template-columns:1fr}
}
.et-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 16px}
.et-year-label{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:#475569}
.et-year-label select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;color:#334155;font:inherit}
.et-summary{font-size:.86rem;color:var(--ok)}
.et-layout,.ku-layout{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:14px;align-items:start}
.et-list,.ku-list{display:flex;flex-direction:column;gap:7px}
.et-list-item,.ku-list-item{display:flex;flex-direction:column;gap:3px;text-align:left;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#f8fafc;color:var(--ink);cursor:pointer;font:inherit}
.et-list-item:hover,.ku-list-item:hover{border-color:var(--tacc,#4f46e5);background:#fff}
.et-list-item.active,.ku-list-item.active{border-color:var(--tacc,#4f46e5);background:color-mix(in srgb,var(--tacc,#4f46e5) 9%,#fff);box-shadow:0 5px 14px rgba(15,23,42,.08)}
.et-list-item b,.ku-list-item b{font-size:.86rem;line-height:1.3}
.et-list-item span,.ku-list-item span{font-size:.76rem;color:var(--muted)}
.et-empty,.ku-empty{padding:20px 10px;color:#94a3b8;font-size:.86rem;font-style:italic;text-align:center;background:#f8fafc;border-radius:10px}
.et-editor,.ku-editor{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.et-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.et-editor-head h3{margin:2px 0 3px;font-size:1.18rem;color:var(--ink)}
.et-editor-head p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
.eyebrow{font-size:.7rem;letter-spacing:.12em;color:var(--tacc,#4f46e5);font-weight:800}
.et-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.et-catalog{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 11px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:.8rem}
.et-catalog .btn{font-size:.76rem;padding:7px 9px}
.et-official{background:#f8fafc;border-radius:12px;padding:12px 13px}
.et-official .et-section-title{color:#334155}
.et-section,.ku-section{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
.et-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-weight:800;color:var(--ink)}
.et-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}
.et-table-wrap table{min-width:620px;margin:0}
.et-table-wrap input{min-width:100px;width:100%;padding:6px 7px;border:1px solid #d1d5db;border-radius:6px;font:inherit;font-size:.82rem}
.et-table-wrap small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}
.k-del{border:0;background:#fee2e2;color:#991b1b;border-radius:6px;width:28px;height:29px;cursor:pointer;font-weight:800}
.k-del:hover{background:#fecaca}
.ku-catalog{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:10px;margin-bottom:4px}
.ku-catalog select{width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;font-size:.8rem}
.ku-badge{display:inline-block;font-size:.72rem;padding:3px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800}
.ku-badge.kosula-bagli{background:#fffbeb;color:#92400e}
.ku-badge.onerilen{background:#eff6ff;color:#1d4ed8}
.ku-school-types{display:inline-flex;flex-wrap:wrap;gap:3px;vertical-align:middle;margin:0 3px}
.ku-st-badge{display:inline-block;font-size:.68rem;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:600;border:1px solid #e2e8f0}
.ku-check{white-space:nowrap;font-size:.78rem}
.ku-check input{width:auto!important}
@media(max-width:760px){.et-layout,.ku-layout{grid-template-columns:1fr}.et-editor-head{flex-direction:column}.et-actions{justify-content:flex-start}.et-list,.ku-list{max-height:260px;overflow:auto}}
@media(max-width:760px){.simple-shell{padding:14px}.simple-head{flex-direction:column}.simple-actions{justify-content:flex-start}.simple-actions .btn{flex:1 1 auto}.simple-table{min-width:680px}.simple-controls{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.simple-header-grid{grid-template-columns:1fr}.pool-add-row input{flex:1 1 150px}.pool-add-row .btn{flex:0 0 auto}}
@media print{
  #tab-etkinlikler,#tab-kurullar{--tacc:#000}
}

/* ── Sekme kapısı (anonim kullanıcı koruması) ── */
#arac-tab-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(248,247,255,.96);z-index:40;border-radius:16px}
#arac-tab-gate[hidden]{display:none}
.atg-box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:32px 28px;max-width:360px}
.atg-lock{font-size:3rem;line-height:1}
.atg-title{font-size:1.2rem;font-weight:800;color:#4f46e5}
.atg-sub{font-size:.9rem;color:#475569;line-height:1.5}
.atg-btn{padding:12px 28px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:.15s}
.atg-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}
.atg-hint{font-size:.78rem;color:#94a3b8}
#tab-oya-dis{--tacc:#dc2626;--tacc2:#b91c1c}
#tab-qr-takip .qr-entry-layout{max-width:440px;margin:clamp(18px,5vh,48px) auto 20px}
#tab-qr-takip .qr-entry-header{text-align:center;margin:0 auto 18px;max-width:380px}
#tab-qr-takip .qr-entry-mark{color:var(--tacc,#4f46e5);font-size:2rem;font-weight:800;line-height:1;margin-bottom:10px}
#tab-qr-takip .qr-entry-header h2{color:#1e293b;font-size:1.35rem;margin:0 0 7px}
#tab-qr-takip .qr-entry-header p,#tab-qr-takip .qr-entry-note{color:#64748b;font-size:.9rem;line-height:1.55}
#tab-qr-takip .qr-entry-card{max-width:370px;margin:0 auto}
#tab-qr-takip .qr-entry-note{margin:14px 0 16px}
#tab-qr-takip .qr-entry-admin-link{display:flex;align-items:center;justify-content:center}
#tab-nakil{--tacc:#0369a1;--tacc2:#075985}
#tab-nakil .nakil-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin:2px 0 10px}
#tab-nakil .nakil-desc{color:#475569;line-height:1.7;margin:0 0 14px;font-size:.98rem}
#tab-nakil .nakil-desc strong{color:var(--tacc2)}
#tab-nakil .nakil-fields{margin:0 0 18px;padding-left:20px;color:#475569;line-height:1.9;font-size:.92rem}
#tab-nakil .nakil-fields li::marker{color:var(--tacc);font-weight:700}
#tab-nakil .nakil-dl{display:block;text-align:center;text-decoration:none;color:#fff}
#tab-nakil .nakil-note{margin:14px 0 0;color:#94a3b8;font-size:.84rem}
#tab-nakil .nakil-note code{background:#f1f5f9;border-radius:6px;padding:1px 6px;color:#334155}
#tab-ekders{--tacc:#16a34a;--tacc2:#15803d}
#tab-ekders .ekders-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin:2px 0 10px}
#tab-ekders .ekders-desc{color:#475569;line-height:1.7;margin:0 0 14px;font-size:.98rem}
#tab-ekders .ekders-desc strong{color:var(--tacc2)}
#tab-ekders .ekders-fields{margin:0 0 18px;padding-left:20px;color:#475569;line-height:1.9;font-size:.92rem}
#tab-ekders .ekders-fields li::marker{color:var(--tacc);font-weight:700}
#tab-ekders .ekders-dl{display:block;text-align:center;text-decoration:none;color:#fff}
#tab-ekders .ekders-note{margin:14px 0 0;color:#94a3b8;font-size:.84rem}
#tab-ekders .ekders-note code{background:#f1f5f9;border-radius:6px;padding:1px 6px;color:#334155}

/* kartlar — renkli üst şerit + yumuşak gölge + yuvarlatma */
.tab-panel .card,.tab-panel .pj-card{position:relative;overflow:hidden;background:#fff;
  border:1px solid #eef0f5;border-radius:18px;padding:20px 20px 18px;margin-bottom:16px;
  box-shadow:0 18px 40px -24px rgba(15,23,42,.45),0 2px 6px -2px rgba(15,23,42,.08)}
.tab-panel .card::before,.tab-panel .pj-card::before{content:'';position:absolute;top:0;left:0;right:0;
  height:4px;background:linear-gradient(90deg,var(--tacc,#4f46e5),var(--tacc2,#7c3aed))}

/* başlıklar */
.tab-panel .section-title{font-size:1.14rem;font-weight:800;color:#1e293b;margin:2px 0 4px;
  display:flex;align-items:center;gap:8px;letter-spacing:-.01em}
.tab-panel .section-sub{color:#64748b}
.tab-panel .field label{color:#334155;font-weight:700}

/* form alanları + sekme renginde odak halkası */
.tab-panel .field input,.tab-panel .field select,.tab-panel .field textarea,
.tab-panel .k-prow .k-name,.tab-panel .k-prow .k-kadro,.tab-panel .k-prow .k-tax,
.tab-panel table.k-teach input,.tab-panel table.k-teach select,
#tab-kulup .kf-amount,#tab-kulup .kf-date,#tab-kulup .kf-no,#tab-kulup .kf-desc{
  border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;transition:.15s}
.tab-panel input:focus,.tab-panel select:focus,.tab-panel textarea:focus{
  outline:none;border-color:var(--tacc,#4f46e5);background:#fff;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tacc,#4f46e5) 20%,transparent)}

/* yükleme (drop) alanı */
.tab-panel .drop:hover{border-color:var(--tacc,#4f46e5);
  background:color-mix(in srgb,var(--tacc,#4f46e5) 8%,#fff)}

/* butonlar — sekme rengi degrade */
.tab-panel .btn{background:linear-gradient(120deg,var(--tacc,#4f46e5),var(--tacc2,#7c3aed));border:0;
  border-radius:12px;font-weight:700;box-shadow:0 10px 22px -10px var(--tacc,#4f46e5);transition:.15s}
.tab-panel .btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}
.tab-panel .btn:disabled{background:#cbd5e1;box-shadow:none}
.tab-panel .btn-block{padding:15px;font-size:1.06rem;letter-spacing:.3px;border-radius:14px;
  box-shadow:0 14px 30px -12px var(--tacc,#4f46e5)}
.tab-panel .btn-secondary{background:#fff;color:var(--tacc2,#4338ca);border:1px solid #e2e8f0;box-shadow:none}
.tab-panel .btn-secondary:hover:not(:disabled){background:#f8fafc;filter:none;transform:none}

/* chip / tip seçiciler — aktif = sekme rengi */
.tab-panel .k-chip.active,.tab-panel .pj-type.active{
  background:linear-gradient(120deg,var(--tacc),var(--tacc2));color:#fff;border-color:transparent;
  box-shadow:0 8px 18px -8px var(--tacc)}

/* istatistik (kelebek) sayıları sekme renginde */
.tab-panel .k-stat .num{color:var(--tacc)}

/* ---------- Çocuk Kulübü'ne özel ---------- */
#tab-kulup .help{background:linear-gradient(135deg,#fdf2f8,#faf5ff);border:1px solid #f5d0fe;
  border-left:4px solid var(--tacc);color:#6b21a8;border-radius:14px;padding:14px 16px;line-height:1.65;font-size:.9rem}
#tab-kulup .help b{color:#86198f}
#tab-kulup .card::before{background:linear-gradient(90deg,var(--tacc),var(--tacc2),#6366f1)}
#tab-kulup .k-chip-wrap{display:inline-flex;align-items:center;gap:0;border:1px solid #e9d5ff;
  background:#faf5ff;border-radius:999px;overflow:hidden}
#tab-kulup .k-chip{border:none;background:transparent;color:#7c3aed;border-radius:0;
  font-weight:700;padding:8px 14px;font-size:.9rem;cursor:pointer;transition:.15s}
#tab-kulup .k-chip:hover{background:#f3e8ff}
#tab-kulup .k-chip.active{background:linear-gradient(120deg,var(--tacc),var(--tacc2));color:#fff;}
#tab-kulup .k-chip-del{border:none;background:transparent;color:#9ca3af;font-size:.85rem;
  padding:8px 10px;cursor:pointer;line-height:1;transition:.15s}
#tab-kulup .k-chip-del:hover{background:#ede9fe;color:#7c3aed}
#tab-kulup .k-cards{gap:14px}
#tab-kulup .k-sum{border:0;border-radius:16px;padding:18px 16px;color:#fff;text-align:left;
  box-shadow:0 14px 28px -14px rgba(15,23,42,.55);position:relative;overflow:hidden}
#tab-kulup .k-sum::after{content:'';position:absolute;right:-26px;top:-26px;width:90px;height:90px;
  border-radius:50%;background:rgba(255,255,255,.14)}
#tab-kulup .k-sum-lbl{color:rgba(255,255,255,.88);font-size:.82rem;font-weight:600;margin-bottom:8px;position:relative}
#tab-kulup .k-sum-val{color:#fff;font-size:1.5rem;font-weight:800;line-height:1.1;position:relative}
#tab-kulup .k-sum--idari{background:linear-gradient(135deg,#6366f1,#4338ca)}
#tab-kulup .k-sum--ogr{background:linear-gradient(135deg,#ec4899,#be185d)}
#tab-kulup .k-sum--il{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
#tab-kulup .k-sum--birlik,#tab-kulup .k-sum-b{background:linear-gradient(135deg,#10b981,#047857)}
#tab-kulup .k-role{border-top:1px dashed #e2e8f0}
#tab-kulup .k-role-head{font-weight:800;color:#1e293b}
#tab-kulup .k-pct{color:var(--tacc);background:#fdf2f8;border-radius:999px;padding:2px 10px;font-size:.8rem}
#tab-kulup table.data th{background:linear-gradient(135deg,#f5f3ff,#fdf2f8);color:#4c1d95;font-weight:800}
#tab-kulup table.data td{border-color:#f1f5f9}
#tab-kulup table.data tbody tr:nth-child(even){background:#fcfcff}
#tab-kulup table.k-teach th{background:#f5f3ff;color:#4c1d95}
#tab-kulup .k-del,#tab-kulup .k-del-t{border-radius:9px}

/* ==================== BORDRO ARAÇLARI ORTAK (.bd-*) ==================== */
.bd-desc{color:#475569;font-size:.92rem;line-height:1.6;margin:6px 0 10px}
.bd-note{background:color-mix(in srgb,var(--tacc,#4f46e5) 7%,#fff);border-left:4px solid var(--tacc,#4f46e5);
  border-radius:10px;padding:10px 14px;font-size:.86rem;line-height:1.6;color:#334155;margin:8px 0 12px}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px 14px;margin:10px 0}
.bd-f{display:flex;flex-direction:column;gap:4px;font-size:.85rem}
.bd-f span{font-weight:600;color:#475569;font-size:.8rem}
.bd-f input,.bd-f select,.bd-f textarea{padding:9px 11px;border:1px solid #e2e8f0;border-radius:10px;
  background:#f8fafc;font:inherit;font-size:.88rem;transition:.15s}
.bd-f input:disabled{background:#eef2f7;color:#64748b;font-weight:700}
.bd-f textarea{resize:vertical;min-height:64px}
.bd-btnrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.bd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bd-tablewrap{overflow-x:auto;margin:8px 0;border:1px solid #eef2f7;border-radius:12px}
.bd-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:640px}
.bd-table th{background:color-mix(in srgb,var(--tacc,#4f46e5) 8%,#fff);color:#334155;font-weight:700;
  padding:8px 10px;text-align:left;white-space:nowrap;border-bottom:2px solid #e2e8f0}
.bd-table td{padding:7px 10px;border-bottom:1px solid #f1f5f9;white-space:nowrap}
.bd-table tbody tr:nth-child(even){background:#fafbff}
.bd-table td.num,.bd-table th.num{text-align:right;font-variant-numeric:tabular-nums}
.bd-table tfoot td{background:#f8fafc;border-top:2px solid #e2e8f0}
.bd-mini{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:3px 7px;cursor:pointer;
  font-size:.85rem;margin-left:4px;transition:.15s}
.bd-mini:hover{background:#f1f5f9}
.bd-uyari{cursor:help}
.bd-infocard{background:#fffbeb;border:1px solid #fde68a}
.bd-infocard h3{color:#92400e}
.bd-ul{margin:8px 0 0 18px;padding:0;color:#475569;font-size:.86rem;line-height:1.7}
.bd-ul li{margin-bottom:6px}

/* ==================== Nöbet Planlama ==================== */
#tab-nobet{--tacc:#0891b2;--tacc2:#0e7490}
#tab-dogum-izni{--tacc:#be6b45;--tacc2:#9f4d2f}
#tab-dogum-izni .di-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(125deg,#fff5ef,#fff 70%);border:1px solid #f0d5c7;border-radius:16px;padding:22px;margin-bottom:14px;overflow:hidden}
#tab-dogum-izni .di-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:#9f4d2f}
#tab-dogum-izni .di-hero .section-title{font-size:1.65rem;color:#4b2a20;letter-spacing:-.03em;margin-top:7px}
#tab-dogum-izni .di-hero .section-sub{max-width:650px;margin-bottom:0}
#tab-dogum-izni .di-mark{font-size:2.1rem;font-weight:900;letter-spacing:-.08em;color:#f0d5c7}
#tab-dogum-izni .di-form-card{padding:20px}
#tab-dogum-izni .di-form-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
#tab-dogum-izni .di-form-title h3{margin:0;color:#334155;font-size:1.05rem}
#tab-dogum-izni .di-form-title p{margin:3px 0 0;color:#64748b;font-size:.84rem}
#tab-dogum-izni .di-law-chip{background:#fff1eb;color:#9f4d2f;border:1px solid #f1c7b6;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;white-space:nowrap}
#tab-dogum-izni .di-field-help{display:block;color:#64748b;font-size:.75rem;line-height:1.4;margin-top:5px}
#tab-dogum-izni .di-choice-row{display:flex;gap:10px;flex-wrap:wrap;min-height:42px;align-items:center}
#tab-dogum-izni .di-choice{display:flex;align-items:center;gap:6px;background:#fff8f5;border:1px solid #f0d5c7;border-radius:9px;padding:9px 11px;color:#5d3a2f;font-weight:600;font-size:.86rem;cursor:pointer}
#tab-dogum-izni .di-choice input{accent-color:#b45335}
#tab-dogum-izni .di-check{display:flex;align-items:flex-start;gap:9px;margin:4px 0 0;color:#4b2a20;font-weight:700;font-size:.9rem}
#tab-dogum-izni .di-check input{margin-top:4px;accent-color:#b45335}
#tab-dogum-izni .di-inline-note{color:#64748b;font-size:.78rem;margin:4px 0 0 25px}
#tab-dogum-izni .di-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
#tab-dogum-izni .di-result-card{min-height:160px}
#tab-dogum-izni .di-empty{padding:18px;border:1px dashed #f0cbbd;border-radius:10px;background:#fffaf8;color:#8a6257;font-size:.88rem}
#tab-dogum-izni .di-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
#tab-dogum-izni .di-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #f0e2dc;padding-bottom:13px;margin-bottom:14px}
#tab-dogum-izni .di-result-head h3{margin:2px 0 0;color:#4b2a20;font-size:1.2rem}
#tab-dogum-izni .di-result-head p{margin:3px 0 0;color:#64748b;font-size:.78rem}
#tab-dogum-izni .di-result-kicker{color:#b45335;font-size:.68rem;font-weight:900;letter-spacing:.12em}
#tab-dogum-izni .di-days-badge{background:#b45335;color:#fff;border-radius:9px;padding:9px 12px;font-weight:900;white-space:nowrap}
#tab-dogum-izni .di-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#tab-dogum-izni .di-metric{border:1px solid #f0e2dc;background:#fffaf8;border-radius:10px;padding:11px}
#tab-dogum-izni .di-metric span{display:block;color:#7b625a;font-size:.73rem;line-height:1.35}
#tab-dogum-izni .di-metric strong{display:block;color:#4b2a20;font-size:.96rem;margin-top:5px}
#tab-dogum-izni .di-metric small{display:block;color:#9a8077;font-size:.7rem;margin-top:3px}
#tab-dogum-izni .di-transition,.di-notes{display:flex;flex-direction:column;gap:4px;margin-top:13px;border-radius:10px;padding:11px 13px;font-size:.8rem;line-height:1.5}
#tab-dogum-izni .di-transition strong,.di-notes strong{color:#4b2a20}
#tab-dogum-izni .di-transition small{font-size:.72rem}
#tab-dogum-izni .di-warning{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #ea580c;color:#7c2d12}
#tab-dogum-izni .di-info{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;color:#1e3a8a}
#tab-dogum-izni .di-notes{background:#fffaf8;border:1px solid #f0d5c7;border-left:4px solid #b45335;color:#6b4c42}
#tab-dogum-izni .di-notes ul{margin:0;padding-left:20px}
#tab-dogum-izni .di-legal-line{margin-top:13px;padding-top:11px;border-top:1px solid #f0e2dc;color:#7b625a;font-size:.75rem;line-height:1.55}
#tab-dogum-izni .di-legal-card{background:#fffaf8;border:1px solid #f0d5c7;border-radius:12px;padding:16px;color:#6b4c42;font-size:.8rem;line-height:1.5}
#tab-dogum-izni .di-legal-card>strong{display:block;color:#4b2a20;font-size:.9rem;margin-bottom:9px}
#tab-dogum-izni .di-law-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
#tab-dogum-izni .di-law-grid span{padding:9px;background:#fff;border:1px solid #f1e2dc;border-radius:8px}
#tab-dogum-izni .di-legal-card p{margin:11px 0 0;color:#8a6d63}
@media(max-width:640px){#tab-dogum-izni .di-hero{padding:17px 14px}.di-mark{font-size:1.6rem!important}.di-form-title{flex-direction:column}.di-choice-row{align-items:stretch}.di-choice{flex:1}.di-actions .btn{flex:1 1 auto}.di-result-grid{grid-template-columns:1fr 1fr}.di-law-grid{grid-template-columns:1fr}}
#tab-nobet{--nb-ink:#16324f;--nb-accent:#087f8c;--nb-soft:#e8f6f5;--nb-line:#d8e5eb}
#tab-nobet .nb-hero{background:linear-gradient(125deg,#effafa 0%,#fff 62%);border:1px solid #c9e4e5;border-radius:16px;padding:22px;margin-bottom:14px;position:relative;overflow:hidden}
#tab-nobet .nb-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:var(--nb-accent)}
#tab-nobet .nb-kicker-dot{display:inline-block;width:5px;height:5px;background:#e58a52;border-radius:50%;vertical-align:middle;margin:0 5px}
#tab-nobet .nb-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
#tab-nobet .nb-head .section-title{font-size:1.65rem;color:var(--nb-ink);letter-spacing:-.03em;margin-top:7px}
#tab-nobet .nb-head .section-sub{max-width:590px;margin-bottom:4px}
#tab-nobet .nb-hero-mark{font-weight:900;font-size:2.4rem;color:#d1eded;letter-spacing:-.1em}
#tab-nobet .nb-plan-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #d7ebeb;color:#53717a;font-size:.82rem}
#tab-nobet .nb-plan-summary strong{font-size:1rem;color:var(--nb-ink)}
#tab-nobet .nb-kind-badge{background:var(--nb-accent);color:#fff;border-radius:5px;padding:5px 8px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
#tab-nobet .nb-help{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--nb-line);border-left:4px solid var(--nb-accent);border-radius:10px;padding:12px 14px;margin-bottom:14px;color:#526875;font-size:.82rem}
#tab-nobet .nb-help b{color:var(--nb-ink);margin-right:4px}.nb-help span{background:var(--nb-soft);padding:4px 7px;border-radius:5px}.nb-help small{flex-basis:100%;color:#7b6b59}
#tab-nobet .nb-section{padding:0;overflow:hidden}.nb-section>summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;padding:15px 18px;color:var(--nb-ink)}
#tab-nobet .nb-section>summary::-webkit-details-marker{display:none}.nb-section>summary:after{content:"+";margin-left:auto;font-size:1.25rem;color:var(--nb-accent)}.nb-section[open]>summary:after{content:"−"}
#tab-nobet .nb-section>summary small{display:block;color:#78909a;font-size:.76rem;font-weight:400;margin-top:2px}.nb-section-index{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--nb-soft);color:var(--nb-accent);font-size:.72rem;font-weight:800}
#tab-nobet .nb-section-body{padding:0 18px 4px;border-top:1px solid #edf2f4}.nb-inner-card{margin:14px 0;padding:15px;background:#fbfdfd}.nb-primary-action{background:var(--nb-accent);box-shadow:0 7px 16px rgba(8,127,140,.22)}.nb-primary-action:hover:not(:disabled){background:#056b75}
#tab-nobet .nb-pension-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.nb-pension-metrics>div{background:#f7fbfb;border:1px solid var(--nb-line);border-radius:9px;padding:9px;text-align:center}.nb-pension-metrics b{display:block;color:var(--nb-accent);font-size:1.2rem}.nb-pension-metrics span{font-size:.72rem;color:#68808a}.nb-pension-metrics .is-alert{background:#fff7ed;border-color:#f4c99e}.nb-pension-metrics .is-alert b{color:#b45309}
#tab-nobet .nb-tablewrap{overflow-x:auto}
@media(max-width:640px){#tab-nobet .nb-hero{padding:17px 14px}#tab-nobet .nb-head .section-title{font-size:1.35rem}.nb-hero-mark{font-size:1.8rem}.nb-section>summary{padding:14px}.nb-section-body{padding:0 12px}.nb-pension-metrics{grid-template-columns:repeat(2,1fr)!important}}
.nb-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.nb-help{background:#ecfeff;border:1px solid #a5f3fc;border-left:4px solid var(--tacc);color:#155e75;border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.6;margin:0 0 16px}
.nb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.nb-grid .field{margin:0}
.nb-wide-field{display:block;margin-top:14px}
.nb-wide-field textarea{display:block;width:100%;min-height:78px;resize:vertical;padding:10px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;line-height:1.45}
.nb-field-help{display:block;color:#64748b;font-size:.76rem;font-weight:400;line-height:1.4;margin-top:5px}
.nb-check{display:flex;align-items:center;gap:8px;font-weight:700;color:#334155;font-size:.9rem;padding:10px 0}
.nb-check input{width:18px;height:18px;accent-color:var(--tacc)}
.nb-actions,.nb-add{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:14px}
#nb-generate{background:#c62828;color:#fff;box-shadow:0 3px 10px rgba(198,40,40,.28);font-weight:800}
#nb-generate:hover:not(:disabled){background:#a91f1f;box-shadow:0 5px 14px rgba(198,40,40,.36)}
.nb-add input,.nb-add select{flex:1 1 150px;min-width:110px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit}
.nb-add .btn{flex:0 0 auto}
.nb-file{position:relative;overflow:hidden}
.nb-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.nb-title{font-size:1.04rem;font-weight:800;color:#1e293b;margin:0 0 6px}
.nb-muted{color:#64748b;font-size:.84rem;line-height:1.55;margin:0 0 10px}
.nb-empty{color:#94a3b8;font-size:.86rem;font-style:italic;margin:8px 0 0}
.nb-duty-editor{border-top:1px solid var(--nb-line);margin-top:18px;padding-top:16px}
.nb-custom-duty-output{margin-top:14px;border-top:1px solid #d8e5eb;padding-top:10px}
.nb-custom-duty-output h4{margin:0 0 6px;color:#0f766e;font-size:.92rem}
.nb-tablewrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;margin-top:10px}
.nb-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:520px}
.nb-table th{background:#ecfeff;color:#164e63;font-weight:800;white-space:nowrap}
.nb-table th,.nb-table td{border-bottom:1px solid #eef2f7;padding:8px 9px;text-align:left;vertical-align:middle}
.nb-table tbody tr:nth-child(even){background:#f8fafc}
.nb-table input,.nb-table select{width:100%;min-width:80px;padding:6px 7px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;font:inherit;font-size:.82rem}
.nb-short{max-width:90px}
.nb-x{border:0;background:#fee2e2;color:#991b1b;border-radius:7px;padding:6px 9px;cursor:pointer;font-weight:700}
.nb-x:hover{background:#fecaca}
.nb-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.nb-pills span{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}
.nb-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.nb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.nb-stats span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;text-align:center;color:#64748b;font-size:.78rem}
.nb-stats b{display:block;color:#0e7490;font-size:1.25rem}
.nb-alert,.nb-success{border-radius:10px;padding:11px 13px;font-size:.84rem;line-height:1.65;margin:10px 0}
.nb-alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.nb-alert.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.nb-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.nb-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.nb-details{border-top:1px solid #eef2f7;margin-top:10px;padding-top:10px}
.nb-details summary{cursor:pointer;font-weight:700;color:#334155}
.nb-plan{min-width:680px;border-collapse:collapse;border:2px solid #334155}
.nb-plan th,.nb-plan td{border:1px solid #64748b!important}
.nb-plan th{background:#1e3a5f!important;color:#fff!important;font-weight:800}
.nb-plan td{height:48px}
.nb-plan td.nb-filled{background:#dcfce7!important;color:#14532d}
.nb-plan td.nb-empty-duty{background:#fee2e2!important;color:#991b1b}
.nb-plan select{min-width:145px;background:transparent;border:0;font-weight:700;color:inherit}
.nb-schedule-heading{text-align:center;margin:8px 0 14px}
.nb-schedule-heading h3{margin:0;color:#1e3a5f;font-size:1.15rem}
.nb-schedule-heading p{margin:4px 0 0;color:#64748b;font-size:.85rem;font-weight:700}
.nb-duty-footer{margin-top:20px;border:2px solid #1e3a5f;border-radius:8px;padding:14px 18px;background:#f8fafc;break-inside:avoid}
.nb-duty-footer h3{margin:0 0 8px;color:#1e3a5f;font-size:1rem}
.nb-duty-footer ol{margin:0;padding-left:24px;color:#334155}
.nb-duty-footer li{margin:5px 0;line-height:1.45;font-size:.86rem}
.nb-closed{background:#fff7ed!important;color:#9a3412}
.nb-closed select{background:#ffedd5}
.nb-history{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:10px;padding:9px 11px;margin-top:7px;font-size:.84rem}
.nb-history b{color:#1e293b}.nb-history span{color:#64748b;margin-right:auto}.nb-mini{padding:6px 9px;font-size:.8rem}
@media(max-width:640px){.nb-result-head{flex-direction:column}.nb-actions .btn{flex:1 1 auto}.nb-add .btn{width:100%}.nb-plan{font-size:.76rem}.nb-plan td{height:42px;padding:5px 3px}.nb-plan select{min-width:105px;font-size:.76rem}}
@media print{body{background:#fff!important}.app-header,.side-tabs,.app-footer,.nb-help,.nb-actions,#nb-history,.nb-history,#nb-school-card,#nb-pension-card,#nb-absences,#nb-holidays,.nb-result-head,#nb-report,.nb-duty-editor{display:none!important}.app-main{max-width:none;padding:0}.app-content{max-width:none;border:0;box-shadow:none;background:#fff;padding:0}.tab-panel{display:none!important}#tab-nobet{display:block!important}.card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}.nb-plan{width:100%;min-width:0;border:2px solid #334155!important}.nb-plan select{appearance:none;border:0;background:transparent}.nb-duty-footer{border:2px solid #1e3a5f!important;background:#fff!important}.nb-duty-footer li{font-size:9pt}}

/* ==================== GÖRÜNÜR VERİ GİRİŞ ALANLARI ====================
 * OYA'da alanlar boşken de fark edilsin. Her sekme kendi aksan rengini
 * kullanır; checkbox/radio/file/hidden kontrolleri özellikle dışarıda kalır.
 */
.tab-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.tab-panel select,
.tab-panel textarea{
  border:1.5px solid color-mix(in srgb,var(--tacc,#4f46e5) 38%,#cbd5e1)!important;
  background-color:color-mix(in srgb,var(--tacc,#4f46e5) 4%,#fff)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04);
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.tab-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
.tab-panel select:hover,
.tab-panel textarea:hover{
  border-color:color-mix(in srgb,var(--tacc,#4f46e5) 62%,#94a3b8)!important;
}
.tab-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
.tab-panel select:focus,
.tab-panel textarea:focus{
  border-color:var(--tacc,#4f46e5)!important;
  background-color:#fff!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tacc,#4f46e5) 19%,transparent),
    inset 0 1px 2px rgba(15,23,42,.04)!important;
}
.tab-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):disabled,
.tab-panel select:disabled,
.tab-panel textarea:disabled{
  border-color:#cbd5e1!important;
  background-color:#eef2f7!important;
  box-shadow:none;
}

/* ==== 📇 Bilgi Girişi sekmesi — dikkat çekici görünüm (20260817) ==== */
.side-tab[data-tab="bilgi"] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff !important;
  font-weight: 700;
  border: 1px solid #b45309;
  box-shadow: 0 2px 6px rgba(217, 119, 6, .35);
}
.side-tab[data-tab="bilgi"]:hover {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #fff !important;
}
.side-tab[data-tab="bilgi"].active {
  background: linear-gradient(135deg, #b45309, #92400e);
  color: #fff !important;
  border-color: #78350f;
}

/* OYA SERVİS çalışma alanı kartları */
.oya-servis-card-action{display:flex;width:100%;min-height:108px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:17px 18px;border:1px solid #dce8f2;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#eef6fb);color:#153d68;text-align:left;font:inherit;cursor:pointer;box-shadow:0 3px 9px rgba(20,70,100,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.oya-servis-card-action:hover,.oya-servis-card-action:focus-visible{transform:translateY(-2px);border-color:#2d82c4;box-shadow:0 8px 18px rgba(24,96,145,.16);outline:none}
.oya-servis-card-action strong{font-size:1rem;color:#153d68}.oya-servis-card-action span{color:#557080;font-size:.88rem;line-height:1.45}.oya-servis-card-action b{margin-top:auto;color:#087f91;font-size:.82rem}
.oya-servis-admin-link{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:11px 15px;border-radius:9px;background:#123b5d;color:#fff!important;font-weight:700;text-decoration:none!important;box-shadow:0 4px 10px rgba(18,59,93,.16)}
.oya-servis-admin-link:hover,.oya-servis-admin-link:focus-visible{background:#0f7c8c;color:#fff!important;outline:2px solid #8bd4dc;outline-offset:2px}


/* Tertip Kodu Sorgula */
.side-tab[data-tab="tertip-kodu"]{--acc:#14b8a6;--acc2:#0f766e}
.tertip-shell{max-width:1120px;margin:0 auto;padding:4px 0 26px;color:#123b5d}
.tertip-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:26px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa 54%,#f8fbff);border:1px solid #ccebe4;border-radius:18px;box-shadow:0 8px 24px rgba(15,118,110,.09)}
.tertip-kicker{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#0f766e}
.tertip-hero h2{margin:6px 0 8px;color:#123b5d;font-size:1.55rem}
.tertip-hero p{max-width:680px;margin:0;color:#557080;line-height:1.55}
.tertip-example{min-width:188px;padding:15px 17px;border:1px solid #b9e3da;border-radius:13px;background:rgba(255,255,255,.8);text-align:center}
.tertip-example span,.tertip-example small{display:block;color:#557080;font-size:.78rem}
.tertip-example strong{display:block;margin:5px 0;color:#0f766e;font:800 1.16rem ui-monospace,SFMono-Regular,Menlo,monospace}
.tertip-card{margin-top:18px;padding:22px;background:#fff;border:1px solid #dfecef;border-top:5px solid #0f766e;border-radius:16px;box-shadow:0 5px 18px rgba(18,59,93,.08)}
.tertip-search-row{display:flex;align-items:flex-end;gap:12px}
.tertip-search-field{display:flex;flex:1;flex-direction:column;gap:6px;color:#355c6d;font-size:.86rem;font-weight:800}
.tertip-search-field input,.tertip-levels select{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid #cddfe3;border-radius:10px;background:#fff;color:#123b5d;font:inherit}
.tertip-search-field input:focus,.tertip-levels select:focus{outline:3px solid rgba(20,184,166,.18);border-color:#0f9f8e}
.tertip-clear{min-height:44px;padding:0 17px;border:0;border-radius:10px;background:#e6f5f2;color:#0f766e;font-weight:800;cursor:pointer}
.tertip-clear:hover{background:#ccebe4}
.tertip-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}
.tertip-levels label{display:flex;flex-direction:column;gap:6px;color:#355c6d;font-size:.82rem;font-weight:800}
.tertip-levels select{padding:10px 11px;font-size:.9rem}
.tertip-status{min-height:23px;margin-top:18px;color:#557080;font-size:.88rem}
.tertip-status.is-error{color:#b42318}
.tertip-results{display:grid;gap:13px;margin-top:5px}
.tertip-empty{padding:28px 18px;border:1px dashed #cddfe3;border-radius:12px;background:#f8fbfc;color:#557080;text-align:center}
.tertip-result{padding:17px 18px;border:1px solid #d5e9e5;border-radius:13px;background:linear-gradient(135deg,#fbfffe,#fff);box-shadow:0 3px 12px rgba(15,118,110,.06)}
.tertip-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tertip-result-label{display:block;margin-bottom:4px;color:#6a8792;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tertip-result-code{color:#0f766e;font:800 1.16rem ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.tertip-result-level{padding:5px 9px;border-radius:999px;background:#e6f5f2;color:#0f766e;font-size:.75rem;font-weight:800;white-space:nowrap}
.tertip-result-name{margin:13px 0 13px;color:#123b5d;font-size:1.08rem;font-weight:800}
.tertip-hierarchy{display:grid;gap:7px;padding-top:12px;border-top:1px solid #e5f0ee}
.tertip-hierarchy-row{display:grid;grid-template-columns:72px 106px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#f5fbfa}
.tertip-hierarchy-level{color:#557080;font-size:.78rem;font-weight:800}
.tertip-hierarchy-code{color:#0f766e;font:700 .88rem ui-monospace,SFMono-Regular,Menlo,monospace}
.tertip-hierarchy-name{color:#355c6d;font-size:.88rem;line-height:1.35}
@media(max-width:700px){
  .tertip-hero{flex-direction:column;padding:20px}
  .tertip-example{width:100%;box-sizing:border-box}
  .tertip-card{padding:16px}
  .tertip-search-row{align-items:stretch;flex-direction:column}
  .tertip-clear{min-height:42px}
  .tertip-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tertip-hierarchy-row{grid-template-columns:62px 88px minmax(0,1fr);gap:7px;padding:8px}
}