/* Mahalleli · Moderasyon paneli (admin.mahalleli.app)
   Yön: A "Masa" — solda menü, ortada liste, sağda ayrıntı ve karar çubuğu.
   Uygulamanın 2026 dili: beyaz zemin, saç teli kenarlık, marka yeşili #02872B,
   uyarı rose. Yazı: Schibsted Grotesk (site ile aynı, yerel). CSP satır içi
   stil ve betiğe izin vermiyor: her şey bu dosyada. */

@font-face{font-family:"Schibsted";font-weight:400;font-display:swap;src:url(fonts/schibsted-grotesk-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Schibsted";font-weight:400;font-display:swap;src:url(fonts/schibsted-grotesk-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted";font-weight:500;font-display:swap;src:url(fonts/schibsted-grotesk-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Schibsted";font-weight:500;font-display:swap;src:url(fonts/schibsted-grotesk-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted";font-weight:700;font-display:swap;src:url(fonts/schibsted-grotesk-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Schibsted";font-weight:700;font-display:swap;src:url(fonts/schibsted-grotesk-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted";font-weight:800;font-display:swap;src:url(fonts/schibsted-grotesk-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Schibsted";font-weight:800;font-display:swap;src:url(fonts/schibsted-grotesk-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"BalooWM";font-weight:800;font-display:block;src:url(fonts/baloo-wordmark.woff2) format("woff2")}

:root{
  --bg:#fff; --canvas:#F6F7F6; --alt:#F3F4F3; --alt2:#EEF0EE;
  --line:#E5E7E4; --line2:#D5D8D4;
  --text:#1A1C1C; --text2:#5E656F; --text3:#9CA3AF;
  --green:#02872B; --green-deep:#01521A; --green-t:#ECF8EF; --green-t2:#CBEAD4;
  --warn:#E11D48; --warn-dark:#BE123C; --warn-t:#FFE4E6; --warn-deep:#9F1239;
  --amber:#B45309; --amber-t:#FEF3C7;
  --slate:#475569; --slate-t:#EEF1F5;
  --sh:0 1px 2px rgba(16,24,20,.05),0 6px 18px -6px rgba(16,24,20,.08);
  --sh-lg:0 2px 4px rgba(16,24,20,.05),0 18px 44px -12px rgba(16,24,20,.22);
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --rail:232px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:14px/1.45 "Schibsted",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.ic{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.mono{font-family:var(--mono);font-size:12px;color:var(--text3);letter-spacing:-.01em}
.muted{color:var(--text2)} .faint{color:var(--text3)}
.wm{font-family:"BalooWM","Schibsted",sans-serif;font-weight:800;color:var(--green);letter-spacing:-.01em;line-height:1}
.noscript{padding:40px;text-align:center}

/* ── açılış ve giriş ── */
.boot{min-height:100vh;display:grid;place-items:center}
.boot .wm{font-size:34px;opacity:.9}
/* Giriş "A Sokak" (27 Eyl): sitenin dili. Ortada logo ve giriş, altta sitenin
   sokak şeridi, sitedeki gibi boydan boya. Giriş bloğuna ~320 px bırakılır
   (hata kutusu dahil), ekran bunu kaldırmayınca şerit yine kenardan kenara
   kalır ve üstten kırpılır (cover, zemin çizgisi altta). Eskiden küçülüp iki
   ucu beyaza sönüyordu, laptop ekranında iki yanda boşluk kalıyordu (sitedeki
   .art ile aynı değişiklik, Alpy mockup B, 7 Ekim 2026). Telefonda şeridin
   çınarlı ortası büyütülür. */
.signin{min-height:100vh;display:flex;flex-direction:column;background:#fff;position:relative}
.si-out{position:absolute;top:22px;right:28px;font-size:13px;color:var(--text3);text-decoration:none}
.si-out:hover{color:var(--text2)}
.si-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px 28px}
.si-in .wm{font-size:60px;letter-spacing:-.015em}
.si-in h1{margin:14px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text3)}
.si-in p{margin:10px 0 26px;font-size:15px;color:var(--text2)}
.si-in .btn-lg{width:300px;max-width:100%;height:48px;border-radius:13px;font-size:15px;gap:10px;box-shadow:0 1px 2px rgba(16,24,20,.05)}
.si-in .info,.si-in .err{width:300px;max-width:100%;margin:14px 0 0;border-radius:10px;padding:10px 12px;font-size:13px;text-align:left}
.si-in .info{color:var(--text2);background:var(--canvas);border:1px solid var(--line)}
.si-in .err{color:var(--warn-deep);background:var(--warn-t)}
.si-in h1 + .err{margin-top:22px}
.si-art{flex:none;height:min(calc(100vw * 462 / 1536), calc(100vh - 320px));position:relative;overflow:hidden}
.si-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.g-logo{width:18px;height:18px}

/* ── düğmeler ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:9px;border:1px solid var(--line2);background:#fff;font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--text)}
.btn:hover{background:#FAFBFA}
.btn[disabled]{opacity:.5;cursor:default}
.btn .ic{width:15px;height:15px}
.btn-lg{height:42px;padding:0 18px;font-size:14.5px;border-radius:11px}
.btn-sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:8px}
.btn-icon{padding:0 7px}
.btn-primary{position:relative;isolation:isolate;overflow:hidden;color:#fff;border-color:#06451A;background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.22),transparent 55%),#02872B}
.btn-primary:hover{background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.26),transparent 55%),#027A27}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:url(img/brand_noise.png);opacity:.5;mix-blend-mode:soft-light}
.btn-warn{background:var(--warn);border-color:var(--warn-dark);color:#fff}
.btn-warn:hover{background:#D41A43}
.btn-warn-o{color:var(--warn-deep);border-color:#F5B8C4;background:#fff}
.btn-warn-o:hover{background:#FFF5F7}
.btn-quiet{border-color:transparent;background:transparent;color:var(--text2)}
.btn-quiet:hover{background:var(--alt)}
.kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--line2);border-bottom-width:2px;font:600 10.5px/1 var(--mono);color:var(--text2);background:#fff}
.btn-primary .kbd,.btn-warn .kbd{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}

/* ── çipler ── */
.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--alt);color:var(--text2);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip .ic{width:13px;height:13px;stroke-width:2.1}
.chip-warn{background:var(--warn-t);color:var(--warn-deep)}
.chip-warn-s{background:var(--warn);color:#fff}
.chip-amber{background:var(--amber-t);color:var(--amber)}
.chip-green{background:var(--green-t);color:var(--green-deep)}
.chip-green-s{background:var(--green);color:#fff}
.chip-slate{background:var(--slate-t);color:var(--slate)}
.chip-o{background:#fff;border:1px solid var(--line2);color:var(--text2)}
.chip-sm{height:19px;font-size:11px;padding:0 6px}

/* ── avatar ── */
.av{flex:none;display:inline-grid;place-items:center;border-radius:50%;font-weight:700;color:#fff;width:32px;height:32px;font-size:12.5px;letter-spacing:.01em;background:#94A3B8;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.av.sq{border-radius:9px}
.av-24{width:24px;height:24px;font-size:10px}.av-28{width:28px;height:28px;font-size:11px}.av-36{width:36px;height:36px;font-size:13.5px}.av-40{width:40px;height:40px;font-size:14.5px}.av-48{width:48px;height:48px;font-size:17px}.av-64{width:64px;height:64px;font-size:22px}
.c0{background:#0E7490}.c1{background:#7C3AED}.c2{background:#C2410C}.c3{background:#0F766E}.c4{background:#BE185D}.c5{background:#4D7C0F}.c6{background:#1D4ED8}.c7{background:#A16207}

/* ── kabuk ── */
.app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100vh;height:100dvh}
.rail{background:var(--canvas);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px 14px;min-height:0;overflow:auto}
.brand{display:flex;align-items:baseline;gap:8px;padding:2px 10px 20px;text-decoration:none}
.brand .wm{font-size:25px}
.brand small{font-size:11.5px;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase}
.nav{display:grid;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:9px;color:var(--text2);font-weight:600;font-size:14px;text-decoration:none}
.nav a:hover{background:rgba(0,0,0,.03)}
.nav a .ic{width:17px;height:17px}
.nav a.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 1px var(--line)}
.nav a.on .ic{color:var(--green)}
.nav a .n{margin-left:auto;font-size:12px;font-weight:700;color:var(--text3)}
.nav a .n.hot{color:var(--warn-deep);background:var(--warn-t);border-radius:999px;padding:1px 7px}
.sla{margin-top:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 12px 13px}
.sla b{display:flex;align-items:center;gap:7px;font-size:13px}
.sla p{margin:5px 0 9px;font-size:12.5px;color:var(--text2);line-height:1.4}
.sla .bar{display:block;height:5px;border-radius:3px;background:var(--alt2);overflow:hidden}
.sla .bar i{display:block;height:100%;width:0;background:var(--green)}
.sla.late{border-color:#F5C2CD;background:#FFF5F7}
.sla.late b{color:var(--warn-deep)}
.sla.late .bar{background:#F9D5DD}
.sla.late .bar i{background:var(--warn)}
.sla.ok b{color:var(--green-deep)}
.me{display:flex;align-items:center;gap:10px;padding:14px 8px 0;margin-top:12px;border-top:1px solid var(--line)}
.me div{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.me small{display:block;font-weight:500;color:var(--text3);font-size:12px;overflow:hidden;text-overflow:ellipsis}

.main{display:flex;flex-direction:column;min-width:0;min-height:0}
.top{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line);position:relative}
.top h1{font-size:20px;margin:0;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
.top .sub{font-size:13px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .ttl{min-width:0}
.menu-btn{display:none}
.search{position:relative;margin-left:auto;width:360px;max-width:44vw}
.search .box{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 11px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--text3)}
.search .box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13.5px;color:var(--text)}
.search input::placeholder{color:var(--text3)}
.search .res{position:absolute;right:0;top:42px;width:420px;max-width:92vw;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-lg);padding:6px;z-index:40;max-height:60vh;overflow:auto}
.search .res a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;text-decoration:none}
.search .res a:hover,.search .res a.act{background:var(--green-t)}
.search .res b{display:block;font-size:13.5px}
.search .res small{display:block;font-size:12px;color:var(--text3)}
.search .res .empty{padding:14px;font-size:13px;color:var(--text2)}
.fbar{display:flex;align-items:center;gap:8px;padding:10px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fbar .sp{flex:1}
.pick{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border:1px solid var(--line2);border-radius:8px;font-size:13px;font-weight:600;color:var(--text2);background:#fff;position:relative}
.pick select{appearance:none;border:0;background:transparent;font-weight:600;color:var(--text);padding:0 18px 0 0;outline:0;cursor:pointer;max-width:180px}
.pick .ic{position:absolute;right:8px;width:14px;height:14px;color:var(--text3);pointer-events:none}
.panes{flex:1;display:grid;grid-template-columns:392px minmax(0,1fr);min-height:0}
.panes.p312{grid-template-columns:312px minmax(0,1fr)}
.panes.p360{grid-template-columns:360px minmax(0,1fr)}
.panes.one{grid-template-columns:minmax(0,1fr)}
.list{border-right:1px solid var(--line);overflow:auto;min-height:0;display:flex;flex-direction:column}
.detail{display:flex;flex-direction:column;min-height:0;min-width:0}
.dscroll{flex:1;overflow:auto;min-height:0}
.page{flex:1;overflow:auto;min-height:0}

/* segment */
.seg{display:inline-flex;background:var(--alt);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg a,.seg button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text2);text-decoration:none;border:0;background:transparent;cursor:pointer}
.seg .on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.03)}
.seg .n{font-size:11.5px;color:var(--text3);font-weight:700}
.seg .on .n{color:var(--green)}

/* sekme */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;font-weight:600;font-size:13.5px;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}
.tab:hover{color:var(--text)}
.tab.on{color:var(--text);border-bottom-color:var(--green)}
.tab .n{font-size:11.5px;font-weight:700;color:var(--text3)}
.tab .n.new{color:var(--green)}

/* liste öğeleri */
.lhead{padding:9px 20px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);background:var(--canvas);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2}
.lhead .sp{flex:1}
.lfoot{margin-top:auto;padding:10px 20px;font-size:12px;color:var(--text3);border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}
.li{display:block;padding:13px 18px 13px 20px;border-bottom:1px solid var(--line);position:relative;text-decoration:none;cursor:pointer}
.li:hover{background:#FAFBFA}
.li.sel{background:var(--green-t)}
.li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.li.sel::before{background:var(--green)}
.li.urgent::before{background:var(--warn)}
.li-top{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text2);font-weight:600;min-width:0}
.li-top .tt{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.li-top .tt .ic{width:15px;height:15px}
.li-top .age{margin-left:auto;color:var(--text3);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.li-top .age.late{color:var(--warn);font-weight:700}
.li-top .age .ic{width:13px;height:13px}
.li-x{margin:5px 0 9px;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.li-x.gone{color:var(--text3);font-style:italic}
.li-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.li-meta .cnt{margin-left:auto;font-size:12px;font-weight:700;color:var(--text2);white-space:nowrap}
.li-row{display:flex;gap:11px;align-items:center}
.li-row .b{flex:1;min-width:0}
.li-n{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;min-width:0}
.li-n span.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-n .age{margin-left:auto;font-weight:500;font-size:12px;color:var(--text3);white-space:nowrap}
.li-d{font-size:12.5px;color:var(--text3);display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0}
.li-d .chip{margin-left:auto}
.li-new{margin-left:auto;background:var(--green);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:1px 8px;white-space:nowrap}
.li-s{display:flex;gap:4px 10px;flex-wrap:wrap;font-size:12.5px;color:var(--text2);margin-top:5px}
.more-row{padding:14px 20px;text-align:center}

/* ayrıntı başlığı */
.dh{padding:18px 24px 16px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:flex-start}
.dh .grow{flex:1;min-width:0}
.crumb{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--text2);font-weight:600;flex-wrap:wrap}
.crumb .ic{width:15px;height:15px}
.dh h2{margin:6px 0 10px;font-size:20px;font-weight:800;letter-spacing:-.015em;word-break:break-word}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.dh .acts{display:flex;gap:8px;flex:none;position:relative}
.dbody{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;padding:18px 24px 28px}
.dbody.single{grid-template-columns:minmax(0,1fr)}
.col{display:grid;gap:14px;align-content:start;min-width:0}
.box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;min-width:0}
.box h3{margin:0 0 10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
.box h3 .faint{font-weight:500}
.box h3 .sp{flex:1}
.box.tint{background:var(--canvas)}
.who{display:flex;gap:11px;align-items:center;min-width:0}
.who > div{min-width:0}
.who b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis}
.who small{display:block;font-size:12.5px;color:var(--text3);overflow:hidden;text-overflow:ellipsis}
.who b a{text-decoration:none}
.who b a:hover{text-decoration:underline}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 12px}
.stats div{background:var(--canvas);border-radius:9px;padding:8px 9px;min-width:0}
.stats b{display:block;font-size:16px;font-weight:800}
.stats small{font-size:11.5px;color:var(--text3);font-weight:600}
.hist{display:grid;gap:7px;font-size:12.5px;color:var(--text2);margin:0;padding:0;list-style:none}
.hist li{display:flex;gap:8px;align-items:flex-start}
.hist .ic{width:14px;height:14px;margin-top:2px;color:var(--text3)}
.hist .w{color:var(--warn-deep)}
.side-btns{display:grid;gap:6px;margin-top:12px}
.side-btns .btn{justify-content:flex-start}
.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:7px 12px;font-size:13px;margin:0}
.kv dt{color:var(--text3);font-weight:600}
.kv dd{margin:0;font-weight:500;word-break:break-word}
/* Paket kutusu (esnaf detayı, Esnaf Paketi) */
.pkg .kv{grid-template-columns:82px minmax(0,1fr)}
.pkg-top{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.pkg-top b{font-size:15px}
.pkg-top .sp{flex:1}
.pkg-acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pkg .note{margin:10px 0 0;font-size:12px;color:var(--text3);line-height:1.45}
.notes{display:grid;gap:8px;margin:0 0 10px}
.nt{background:var(--alt);border-radius:10px;padding:9px 11px}
.nt p{margin:0 0 3px;font-size:13px;line-height:1.45;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.nt span{font-size:11.5px;color:var(--text3)}
.nt-f{display:flex;align-items:center;gap:8px}
.nt-f span{flex:1;min-width:0}
.nt-rm{flex:none;display:grid;place-items:center;width:24px;height:24px;margin:-4px -6px -4px 0;border:0;border-radius:7px;background:none;color:var(--text3);cursor:pointer}
.nt-rm .ic{width:14px;height:14px}
.nt-rm:hover{background:var(--warn-t);color:var(--warn-dark)}
.nt-rm:disabled{opacity:.4;cursor:default}
.note-area{width:100%;min-height:64px;resize:vertical;border:1px solid var(--line2);border-radius:9px;padding:9px 10px;font-size:13px;outline:0}
.note-area:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t)}
.rp{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line)}
.rp:first-child{border-top:0}
.rp-b{flex:1;min-width:0}
.rp-n{font-size:13px;font-weight:700;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.rp-n .faint{font-weight:500;font-size:12px;margin-left:auto}
.rp-r{font-size:12.5px;color:var(--text2)}
.rbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:13px}
.rbar .bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--alt);overflow:hidden;display:block;margin-bottom:6px}
.rbar .bar i{display:block;height:100%;width:0;background:var(--warn);border-radius:3px}
.log-row{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px}
.log-row:first-child{border-top:0}
.log-row .t{color:var(--text3);white-space:nowrap;min-width:84px}
.log-row .b{flex:1;min-width:0;color:var(--text2)}
.log-row .b b{color:var(--text);font-weight:600}
.log-row .note{display:block;margin-top:3px;color:var(--text);background:var(--amber-t);border-radius:7px;padding:5px 8px;white-space:pre-wrap}

/* karar çubuğu */
.abar{border-top:1px solid var(--line);padding:12px 24px;display:flex;align-items:center;gap:8px;background:#fff;flex-wrap:wrap}
.abar .opt{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text2);font-weight:600;margin-right:auto}
.abar .opt label{display:flex;gap:8px;align-items:center;cursor:pointer}
.abar .opt .pick{height:28px}
.abar .info{margin-right:auto;font-size:13px;color:var(--text2)}
.abar .info b{color:var(--text)}
.cb{appearance:none;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line2);background:#fff;display:inline-grid;place-items:center;flex:none;margin:0;cursor:pointer}
.cb:checked{background:var(--green);border-color:var(--green)}
.cb:checked::after{content:"";width:8px;height:4.5px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.dd-wrap{position:relative;display:inline-flex}
.split{display:inline-flex}
.split > .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.split > .dd-wrap > .btn{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 8px;margin-left:-1px}
.split > .dd-wrap > .btn-warn,.split > .dd-wrap > .btn-primary{border-left-color:rgba(255,255,255,.35)}

/* açılır menü */
.menu{position:absolute;z-index:50;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-lg);padding:6px}
.menu.up{bottom:calc(100% + 6px);right:0}
.menu.down{top:calc(100% + 6px);right:0}
.menu button,.menu a{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:8px;border:0;background:none;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;text-decoration:none;color:var(--text)}
.menu button:hover,.menu a:hover{background:var(--alt)}
.menu .w{color:var(--warn-deep)}
.menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}
.menu .lbl{padding:6px 10px 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}

/* içerik kartı (uygulamadaki gibi) */
.pc{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pc.nw::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}
.pc.is-hidden{background:#FAFAFA}
.pc.is-hidden .pc-t{color:var(--text2)}
.pc-h{display:flex;gap:10px;align-items:center;min-width:0}
.pc-h > div:not(.iact){flex:1;min-width:0}
.pc-n{font-weight:700;font-size:14px;line-height:1.2;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.pc-n a{text-decoration:none}
.pc-n a:hover{text-decoration:underline}
.pc-m{font-size:12.5px;color:var(--text3);line-height:1.3;margin-top:1px}
.pc-t{margin:10px 0 0;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.pc-title{margin:8px 0 0;font-size:15px;font-weight:700}
.pc-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pc-f{display:flex;gap:16px;margin-top:10px;font-size:12.5px;color:var(--text3);flex-wrap:wrap}
.pc-f span{display:inline-flex;align-items:center;gap:5px}
.pc-f .ic{width:14px;height:14px}
.pc-ctx{margin-top:10px;padding:8px 10px;border-radius:9px;background:var(--canvas);font-size:12.5px;color:var(--text2)}
.pc-ctx b{color:var(--text);font-weight:600}
.pc-ctx a{text-decoration:none}
.thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.thumbs button{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--alt);cursor:zoom-in;width:150px;height:110px;position:relative}
.thumbs.big button{width:260px;height:180px}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs .vid::after{content:"";position:absolute;inset:auto auto 8px 8px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='9 7 18 12 9 17' fill='white'/></svg>") center/16px no-repeat}
.thumbs .sens{cursor:pointer}
.thumbs .sens img{filter:blur(18px) saturate(.8);transform:scale(1.15)}
.thumbs .sens .sens-t{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;background:rgba(20,24,22,.28);text-align:center;padding:6px}
.biz-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--green-deep);background:var(--green-t);border-radius:5px;padding:1px 5px}
.biz-badge .ic{width:12px;height:12px}
.iact{display:flex;gap:2px;flex:none}
.iact button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--text3);border:0;background:none;cursor:pointer}
.iact button:hover{background:var(--alt);color:var(--text)}
.iact button.w:hover{color:var(--warn)}
.poll{margin-top:12px;display:grid;gap:6px}
.poll-o{position:relative;height:34px;border-radius:9px;background:var(--alt);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13.5px;font-weight:600}
.poll-o i{position:absolute;inset:0 auto 0 0;width:0;background:var(--green-t2)}
.poll-o span{position:relative}
.lst{display:flex;gap:12px}
.lst .thumbs{margin-top:0}
.lst .thumbs button{width:96px;height:96px}
.price{font-weight:800;font-size:15px;margin-top:4px}

/* Çınar Altı satırı */
.msg{display:flex;gap:9px;align-items:flex-start;padding:6px 0}
.msg-b{max-width:600px;background:var(--alt);border-radius:4px 14px 14px 14px;padding:8px 12px;min-width:0}
.msg-n{font-size:12.5px;font-weight:700;margin-bottom:2px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.msg-n .faint{font-weight:500;font-size:11.5px}
.msg-n a{text-decoration:none}
.msg-n a:hover{text-decoration:underline}
a.chip{text-decoration:none}
a.chip:hover{filter:brightness(.97)}
.msg-t{font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.msg-t.gone{color:var(--text3);font-style:italic}
.msg.dim{opacity:.55}
.msg.hl .msg-b{background:#fff;border:1.5px solid #F4A3B5;box-shadow:0 0 0 4px var(--warn-t)}
.msg .thumbs{margin-top:6px}
.msg .thumbs button{width:160px;height:120px}
.msg-row{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:12px}
.msg-row:hover{background:#FAFBFA}
.msg-row .msg{flex:1;min-width:0;padding:0}
.msg-row.nw .msg-b{box-shadow:inset 3px 0 0 var(--green)}
.msg-row .iact{opacity:.0}
.msg-row:hover .iact,.msg-row:focus-within .iact{opacity:1}
.quote{display:block;font-size:12px;color:var(--text2);border-left:2px solid var(--line2);padding-left:8px;margin-bottom:4px}

/* belge görüntüleyici */
.docs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.docv{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--alt);display:flex;flex-direction:column;min-width:0}
.docv-h{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}
.docv-h .sp{flex:1}
.docv-b{height:340px;display:grid;place-items:center;padding:12px;position:relative}
.docv-b img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.14);cursor:zoom-in}
.docv-b iframe{width:100%;height:100%;border:0;border-radius:6px;background:#fff}
.docv-b .missing{color:var(--text3);font-size:13px;text-align:center;padding:10px}
.docnote{font-size:12px;color:var(--text3);margin-top:8px;display:flex;align-items:center;gap:6px}
.chk{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:13px}
.chk label{display:flex;gap:9px;align-items:center;cursor:pointer}
.tl{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:13px}
.tl li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px}
.tl li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--line2);margin-top:5px}
.tl li.g::before{background:var(--green)}
.tl li.w::before{background:var(--warn)}
.tl li.a::before{background:#F59E0B}
.tl small{display:block;color:var(--text3);font-size:12px}
.tl q{display:block;margin-top:4px;background:var(--canvas);border-radius:8px;padding:7px 9px;font-size:12.5px;color:var(--text);quotes:none}

/* galeri (vitrin, kampanya) */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gi{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.gi img{width:100%;height:110px;object-fit:cover;display:block;background:var(--alt)}
.gi .ph{height:110px;background:var(--alt);display:grid;place-items:center;color:var(--text3)}
.gi div{padding:8px 10px;font-size:12.5px;display:grid;gap:2px}
.gi b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gi .row{display:flex;gap:6px;align-items:center;padding:0 8px 8px}
.gi .row .sp{flex:1}

/* içerik akışı */
.hood-h{padding:16px 24px 0}
.hood-h h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.015em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kpis{display:flex;gap:6px 22px;margin:10px 0 12px;font-size:13px;color:var(--text2);flex-wrap:wrap}
.kpis b{color:var(--text);font-weight:800;font-size:15px;margin-right:4px}
.hood-h .tabs{margin:0 -24px;padding:0 16px}
.cbar{display:flex;align-items:center;gap:10px;padding:12px 24px;flex-wrap:wrap}
.cbar .sp{flex:1}
.feedwrap{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:22px;padding:0 24px 28px}
.feed{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0}
.seen{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--text3);letter-spacing:.02em;text-transform:uppercase}
.seen::before,.seen::after{content:"";flex:1;height:1px;background:var(--line2)}
.aside{display:grid;gap:14px;align-content:start}
.aside h4{margin:0 0 10px;font-size:13px;font-weight:700}
.prow{display:flex;gap:9px;align-items:center;padding:6px 0;text-decoration:none;min-width:0}
.prow > div{min-width:0;flex:1}
.prow b{font-size:13px;display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow small{font-size:12px;color:var(--text3);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .chip{flex:none}
.peoplelist{display:grid;gap:2px}
.peoplelist .prow{padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}

/* özet */
.ov{padding:20px 24px 32px;display:grid;gap:18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;text-decoration:none;display:block}
.tile:hover{border-color:var(--line2);box-shadow:var(--sh)}
.tile b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}
.tile small{font-size:12.5px;color:var(--text2);font-weight:600}
.tile.w b{color:var(--warn)}
.tile.g b{color:var(--green)}
.ov-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.ov .box{padding:0;overflow:hidden}
.ov .box > h3{padding:14px 16px 0}
.ov .li:last-child{border-bottom:0}

/* kayıt listesi */
.logs{padding:0}
.logrow{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 22px;border-bottom:1px solid var(--line);text-decoration:none;cursor:pointer}
.logrow:hover{background:#FAFBFA}
.logrow.sel{background:var(--green-t)}
.logrow .t{font-size:12.5px;color:var(--text3)}
.logrow .b{min-width:0}
.logrow .b b{display:block;font-size:13.5px}
.logrow .b small{display:block;font-size:12.5px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* boş, yükleniyor, hata */
.empty{padding:48px 24px;text-align:center;color:var(--text2)}
.empty b{display:block;font-size:15px;color:var(--text);margin-bottom:4px}
.empty .ic{width:28px;height:28px;color:var(--text3);margin-bottom:8px}
.loading{padding:28px;display:grid;gap:10px}
.sk{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--alt) 0,#F9FAF9 40%,var(--alt) 80%);background-size:300% 100%;animation:sk 1.2s ease-in-out infinite}
.sk.w60{width:60%}.sk.w80{width:80%}.sk.w40{width:40%}.sk.h60{height:60px}
@keyframes sk{0%{background-position:100% 0}100%{background-position:0 0}}
.errbox{margin:24px;padding:14px 16px;border-radius:12px;background:var(--warn-t);color:var(--warn-deep);font-size:13.5px}

/* diyalog */
dialog{border:0;padding:0;border-radius:16px;box-shadow:var(--sh-lg);width:min(460px,calc(100vw - 32px));color:var(--text)}
dialog::backdrop{background:rgba(16,20,18,.38)}
.dlg{padding:20px 22px 18px}
.dlg h2{margin:0 0 8px;font-size:17px;font-weight:800;letter-spacing:-.01em}
.dlg p{margin:0 0 12px;color:var(--text2);font-size:13.5px;line-height:1.5}
.dlg .field{display:grid;gap:6px;margin:0 0 12px}
.dlg .field > span{font-size:12.5px;font-weight:700;color:var(--text2)}
.dlg .field-cap{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--text2)}
.dlg input[type=text],.dlg input[type=number],.dlg input[type=date],.dlg textarea,.dlg select{width:100%;border:1px solid var(--line2);border-radius:9px;padding:9px 10px;font-size:13.5px;outline:0;background:#fff}
.dlg textarea{min-height:84px;resize:vertical}
.dlg input:focus,.dlg textarea:focus,.dlg select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t)}
.dlg .presets{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}
.dlg .presets button{height:28px;padding:0 10px;border-radius:8px;border:1px dashed var(--line2);font-size:12.5px;font-weight:600;color:var(--text2);background:#fff;cursor:pointer}
.dlg .presets button:hover{border-color:var(--green);color:var(--green-deep)}
.dlg .check{display:flex;gap:8px;align-items:center;font-size:13px;margin:0 0 10px;cursor:pointer}
.dlg .days{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.dlg .days label{display:inline-flex}
.dlg .days input{position:absolute;opacity:0;pointer-events:none}
.dlg .days span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--line2);font-size:13px;font-weight:600;cursor:pointer}
.dlg .days input:checked + span{border-color:var(--green);background:var(--green-t);color:var(--green-deep)}
.dlg .days input:focus-visible + span{outline:2px solid var(--green);outline-offset:2px}
.dlg .btns{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.dlg .hint{font-size:12px;color:var(--text3);margin-top:-6px}
.dlg .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ışık kutusu */
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(10,12,11,.86);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.lightbox img,.lightbox video{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.lightbox .x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}

/* bildirim (toast): resmî talep raporunun (.legal, 90) üstünde */
.toasts{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:grid;gap:8px;z-index:100;pointer-events:none}
.toast{pointer-events:auto;min-width:260px;max-width:min(520px,calc(100vw - 32px));background:#1A1C1C;color:#fff;border-radius:12px;padding:11px 14px;font-size:13.5px;font-weight:600;box-shadow:var(--sh-lg);display:flex;gap:10px;align-items:center;animation:tin .18s ease-out}
.toast.err{background:var(--warn-dark)}
.toast .ic{width:16px;height:16px}
@keyframes tin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── uygulama parçaları (app.js ve görünümler) ── */
.view{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}
.view > .detail{flex:1}
a.sla{display:block;text-decoration:none;color:inherit}
a.sla:hover{border-color:var(--line2)}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pick > span{color:var(--text3);font-weight:600}
.inp{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--text3);min-width:0}
.inp:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t)}
.inp input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13.5px;color:var(--text)}
.inp input::placeholder{color:var(--text3)}
.inp-sm{height:30px;width:280px;max-width:100%}
.lsearch{padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}
.panes.p460{grid-template-columns:460px minmax(0,1fr)}
.li-d .t2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.li-d .chip + .chip{margin-left:0}
.li-n .ilce{font-weight:500;font-size:12.5px}
.li-x b{font-weight:700}
.lnk{font-size:12.5px;font-weight:600;color:var(--green-deep);text-decoration:none}
.lnk:hover{text-decoration:underline}
.box h3 .lnk{margin-left:auto}
.small{font-size:12.5px}
.box p.muted{margin:0}
.mt{margin-top:12px}
.nm{margin-top:0!important}
.note-foot{display:flex;justify-content:flex-end;margin-top:8px}
.stats.s4{grid-template-columns:repeat(4,1fr)}
.box.pad0{padding:0;overflow:hidden}
.tabs.in{padding:0 8px}
.feed.inbox{padding:14px}
.feedmore{display:flex;justify-content:center;padding:4px 0 10px}
.msgs{padding:6px}
.cardwrap{display:grid;gap:10px}
.side-btns.row{display:flex;flex-wrap:wrap;margin-top:0}
.ctx{display:grid;gap:2px}
.copy{margin-top:12px;border:1px dashed var(--line2);border-radius:10px;padding:10px 12px;background:var(--canvas)}
.copy.warn{border-color:#F5B8C4;background:#FFF5F7}
.copy-h{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--text2);margin-bottom:4px}
.copy-h .ic{width:14px;height:14px}
.copy.warn .copy-h{color:var(--warn-deep)}
.copy b{display:block;font-size:13px}
.copy p{margin:2px 0 0;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.copy small{display:block;margin-top:6px;font-size:12px;color:var(--text2)}
.parts{display:grid;gap:0;margin-top:12px}
.parts > .faint{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.rbars{display:grid;gap:2px;margin-bottom:8px}
.rps{display:grid}
.rp-n a{text-decoration:none}
.rp-n a:hover{text-decoration:underline}
.logs-mini .log-row .b > div{margin-top:2px}
.log-row .lnk{display:inline-block;margin-top:4px}
.logrow .a{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.ov .box > h3{margin-bottom:6px}
.ov .box .empty{padding:24px 16px}
.ov .logrow{padding:10px 16px;grid-template-columns:96px minmax(0,1fr) auto}
.ov .logrow:last-child{border-bottom:0}
.ov .col{gap:18px}
.hood-top{display:flex;align-items:center;gap:8px}
.hood-h h2 .ilce{font-size:13px;font-weight:500}
.chips .chip{flex:none}
.prow .chips{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.rrows{display:grid}
.rrow{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px;text-decoration:none;color:var(--text2);min-width:0}
.rrow:first-child{border-top:0}
.rrow .ic{width:15px;height:15px;color:var(--text3)}
.rrow .b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrow .b b{color:var(--text);font-weight:600}
a.rrow:hover .b b{text-decoration:underline}
.lnkwho{text-decoration:none}
.lnkwho:hover b{text-decoration:underline}
.steps{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2);font-weight:600;flex-wrap:wrap;margin-top:2px}
.steps .st{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.steps .st::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.steps .st.wait::before{background:#fff;border:1.5px solid var(--text3);width:7px;height:7px}
.steps .st.warn::before{background:var(--warn)}
.steps .ln{width:22px;height:1px;background:var(--line2)}
.dh > .av{margin-top:2px}
.pc-t.snap{background:var(--canvas);border-radius:10px;padding:10px 12px;margin-top:12px}
.kv .note{display:inline-block;background:var(--amber-t);border-radius:7px;padding:3px 8px;white-space:pre-wrap}
.kv a{color:var(--green-deep);text-decoration:none}
.kv a:hover{text-decoration:underline}
.kv .mono{margin-left:4px}
dd.mono{margin-left:0;font-size:12px;word-break:break-all}
.gi img{cursor:zoom-in}
.gi .row .btn{height:26px}
.docv-b img{cursor:zoom-in}
.hint{font-size:12px;color:var(--text3);margin:8px 0 0}
.docwrap{padding:18px 24px 0;display:grid;gap:14px}
.docwrap .docnote{margin-top:-4px}
.abar .info{min-width:0}

/* diyalog doğrulama hatası */
.dlg .dlg-err{color:var(--warn-deep);background:var(--warn-t);border-radius:8px;padding:7px 10px;font-size:12.5px;margin:0 0 10px}

/* kelime filtresi */
.flt{padding:20px 24px 32px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.flt .col{gap:18px}
.flt-h{padding:14px 16px 12px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.flt-h h3{margin:0}
.fadd{display:flex;gap:8px;min-width:0}
.fadd .inp{flex:1}
.fadd .sel select{height:34px;border:1px solid var(--line2);border-radius:10px;padding:0 8px;background:#fff;font-size:13.5px;max-width:140px}
.fadd .sel select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t);outline:0}
.fadd .btn{height:34px}
.flt-h .fq{width:100%}
.fprev{margin:-2px 0 0;font-size:12.5px;line-height:1.45;color:var(--text2)}
.fprev b{color:var(--text);font-weight:700}
.fnew{padding:12px 16px 13px;background:var(--green-t);border-bottom:1px solid var(--green-t2)}
.fnew-t{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--green-deep)}
.fnew-t .ic{color:var(--green)}
.fnew-t b{flex:1;min-width:0}
.fnew-t .btn{flex:none}
.fnew p{margin:4px 0 9px;font-size:13px;color:var(--text2);line-height:1.45}
.fnew-l{display:flex;flex-wrap:wrap;gap:5px}
.fterm{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 16px;border-bottom:1px solid var(--line);min-width:0}
.fterm:last-child{border-bottom:0}
.fterm b{flex:1;min-width:0;font-size:13.5px;overflow-wrap:anywhere}
.fterm .chip{flex:none}
.fterm .hits{font-size:12px;color:var(--text2);white-space:nowrap;min-width:76px;text-align:right}
.fterm .hits.faint{color:var(--text3)}
.fterm .btn-icon{color:var(--text3)}
.fterm .btn-icon:hover{color:var(--warn)}
.empty-act{margin-top:14px}
.ftest textarea{width:100%;min-height:92px;border:1px solid var(--line2);border-radius:10px;padding:9px 10px;font-size:13.5px;resize:vertical;outline:0;background:#fff;display:block}
.ftest textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-t)}
.ftest-f{display:flex;align-items:center;gap:8px;margin-top:8px}
.fres{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;font-size:12.5px}
.terms{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle}
.term{display:inline-block;background:var(--warn-t);color:var(--warn-deep);border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.5}
.rrow .terms{flex:none}
.how ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:13px;color:var(--text2);line-height:1.5}
.how b{color:var(--text)}
.rp.sys .sysav{background:var(--amber-t);color:var(--amber)}
.rp.sys .sysav .ic{width:14px;height:14px}
.rp.sys .sysav.cog{background:var(--slate-t);color:var(--slate)}
.rp.sys .rp-r .terms{margin-right:6px}
/* şikayet anındaki hâl (sunucu kopyası) */
.copy .thumbs{margin-top:8px}
.copy .thumbs button{width:120px;height:90px}
/* mahalle yan kutusu yüklenemedi */
.side-err{margin:0;font-size:12.5px;color:var(--warn-deep)}
/* süzülmüş sayfa boş ama sonraki sayfa var */
.page-empty{padding:28px 20px 6px;text-align:center;font-size:13px;color:var(--text2)}
.box.linked.warn{border-color:#FDA4AF}
.box.linked .hint + .hint{margin-top:6px}

/* Resmî talep yanıtı (js/legal.js): tam ekran rapor, yazdırınca yalnız o */
.legal{position:fixed;inset:0;z-index:90;background:var(--canvas);overflow:auto}
.legal-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
.legal-bar b{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.legal-bar .faint{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legal-bar .sp{flex:1}
.legal-doc{max-width:880px;margin:24px auto 40px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px 36px;font-size:13px;line-height:1.5}
.ld-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--text);padding-bottom:14px;margin-bottom:6px}
.ld-h > div:first-child{display:grid;gap:2px}
.ld-wm{font-family:"BalooWM",sans-serif;font-weight:800;font-size:22px;color:var(--green);line-height:1}
.ld-t{text-align:right}
.ld-t h1{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em}
.ld-t p{margin:2px 0 0;color:var(--text2);font-size:12.5px}
.legal-doc section{margin-top:20px}
.legal-doc h2{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);display:flex;gap:8px;align-items:baseline}
.legal-doc h2 .faint{text-transform:none;letter-spacing:0;font-weight:600}
.ld-kv{display:grid;grid-template-columns:190px minmax(0,1fr);gap:5px 14px;margin:0}
.ld-kv dt{color:var(--text2)}
.ld-kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.ld-warn{margin:8px 0 0;color:var(--warn-deep);font-size:12.5px}
.ld-tb{width:100%;border-collapse:collapse;font-size:12px}
.ld-tb th{text-align:left;font-weight:700;color:var(--text2);border-bottom:1.5px solid var(--text);padding:6px 8px 5px 0;white-space:nowrap}
.ld-tb td{border-bottom:1px solid var(--line);padding:5px 8px 5px 0;vertical-align:top}
.ld-tb td.n{color:var(--text3);width:1%;white-space:nowrap}
.ld-tb td.ip{font-family:var(--mono);font-size:11.5px;overflow-wrap:anywhere}
.ld-scroll{overflow-x:auto}
.ld-notes ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--text2);font-size:12px}
/* CMK md. 332 son günü: yalnız panelde, basılmaz */
.legal-due{max-width:880px;margin:16px auto 0;display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:var(--green-t);color:var(--text);font-size:13px;line-height:1.45}
.legal-due svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--green)}
.legal-due.late{background:var(--warn-t)}
.legal-due.late svg{color:var(--warn-deep)}
@media print{
  @page{size:A4;margin:14mm 12mm}
  body.legal-open > :not(.legal){display:none!important}
  body.legal-open{background:#fff}
  .legal{position:static;overflow:visible;background:#fff}
  .legal-bar,.legal-due{display:none!important}
  .legal-doc{max-width:none;margin:0;border:0;border-radius:0;padding:0}
  .ld-tb tr{break-inside:avoid}
  .ld-tb thead{display:table-header-group}
  .legal-doc h2{break-after:avoid}
  .ld-scroll{overflow:visible}
}

/* dar ekran: tek bölme, menü çekmecede */
.back-btn{display:none!important}
@media (max-width:1180px){
  .panes,.panes.p460{grid-template-columns:340px minmax(0,1fr)}
  .dbody{grid-template-columns:minmax(0,1fr)}
  .feedwrap{grid-template-columns:minmax(0,1fr)}
  .feedwrap .aside{display:none}
  .ov-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  .rail{position:fixed;inset:0 auto 0 0;width:272px;z-index:60;transform:translateX(-100%);transition:transform .2s ease;visibility:hidden}
  .app.menu-open .rail{transform:none;box-shadow:var(--sh-lg);visibility:visible}
  .app.menu-open::after{content:"";position:fixed;inset:0;background:rgba(16,20,18,.32);z-index:55}
  .menu-btn{display:inline-flex}
  .top{padding:10px 12px;gap:8px}
  .top h1{font-size:18px;overflow:hidden;text-overflow:ellipsis}
  .top .sub{display:none}
  .top .ttl{flex:0 1 auto;min-width:0}
  .search{width:auto;flex:1 1 150px;min-width:130px;max-width:none}
  .fbar{padding:8px 12px}
  .panes,.panes.p312,.panes.p360,.panes.p460{grid-template-columns:minmax(0,1fr)}
  .hide-sm{display:none!important}
  .fbar .sp{display:none}
  .inp-sm{width:100%}
  .fbar > .inp{flex:1 1 100%}
  .filters{width:100%}
  .pick select{max-width:120px}
  .stats.s4{grid-template-columns:repeat(2,1fr)}
  .steps .ln{width:12px}
  .search .kbd{display:none}
  .panes.has-sel .list{display:none}
  .panes:not(.has-sel) .detail{display:none}
  .list{border-right:0}
  .dh{padding:14px 16px 12px;flex-wrap:wrap}
  .dbody{padding:14px 12px 22px}
  .docwrap{padding:14px 12px 0}
  .abar{padding:10px 12px 14px;position:sticky;bottom:0}
  .abar .opt{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px 14px}
  .hood-h{padding:14px 16px 0}
  .hood-h .tabs{margin:0 -16px;padding:0 8px}
  .cbar{padding:10px 12px}
  .feedwrap{padding:0 12px 22px}
  .docs{grid-template-columns:minmax(0,1fr)}
  .docv-b{height:280px}
  .kv{grid-template-columns:96px minmax(0,1fr)}
  .logrow{grid-template-columns:minmax(0,1fr);gap:4px;padding:11px 14px}
  .ov{padding:14px 12px 24px}
  .back-btn{display:inline-flex!important}
  .view:has(.panes.has-sel) > .fbar{display:none}
  .dh .back-btn{order:0;margin-left:-6px}
  .dh > .av{display:none}
  .dh .acts{order:2;margin-left:auto;flex:0 1 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end}
  .dh .grow{order:3;flex:1 1 100%}
  .dh h2{font-size:18px;margin:4px 0 8px}
  .abar .kbd{display:none}
  .abar .opt{font-size:12px;gap:4px 12px}
  .abar .info{width:100%;font-size:12.5px}
  .abar{gap:6px}
  .abar .btn{height:36px}
}
@media (max-width:1180px){
  .flt{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .flt{padding:14px 12px 24px;gap:14px}
  .flt .col{gap:14px}
  .fadd{flex-wrap:wrap}
  .fadd .inp{flex:1 1 100%}
  .fadd .sel{flex:1}
  .fadd .sel select{max-width:none;width:100%}
  .fterm .hits{min-width:0}
}
/* giriş, telefon: blok üstte, sokak şeridinin çınarlı ortası büyütülür (sitedeki gibi) */
@media (max-width:760px){
  .si-out{top:16px;right:18px}
  .si-in{justify-content:flex-start;padding:20vh 20px 24px}
  .si-in .wm{font-size:48px}
  .si-in .btn-lg,.si-in .info,.si-in .err{width:100%;max-width:340px}
  .si-art{height:auto;overflow:hidden}
  .si-art img{position:static;width:240%;height:auto;margin-left:-48.4%;display:block}
  .legal-bar{flex-wrap:wrap;padding:10px 12px}
  .legal-bar > .faint{display:none}
  .legal-doc{margin:0;border:0;border-radius:0;padding:20px 16px 32px}
  .legal-due{margin:12px 12px 0}
  .ld-h{flex-direction:column;gap:10px}
  .ld-t{text-align:left}
  .ld-kv{grid-template-columns:minmax(0,1fr);gap:1px}
  .ld-kv dd{margin-bottom:6px}
  .dlg .pair{grid-template-columns:minmax(0,1fr);gap:0}
}
/* ── KULLANIM (js/views/usage.js, js/charts.js) ─────────────────────────────
   Yalnız toplamlar. Satır içi stil yok: genişlikler data-w ile CSSOM'dan,
   renkler sınıflardan. Renk sırası (dataviz denetiminden geçti): yeşil
   #02872B, mavi #2a78d6, turuncu #eb6834. "Hayır" eflatun #e87ba4 (yeşille
   yan yana, her zaman etiketli). Isı ve geri gelme: tek renkli yeşil basamak. */
.nav hr{border:0;border-top:1px solid var(--line);margin:8px 10px}
.us-tabs{padding:0 16px;background:#fff;flex:none}
.us{padding:20px 24px 36px;display:grid;gap:18px;align-content:start}
.us-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:stretch}
.us-note{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:var(--canvas);border:1px solid var(--line);font-size:12.5px;color:var(--text2);line-height:1.45}
.us-note .ic{flex:none;width:16px;height:16px;margin-top:1px;color:var(--text3)}
.us-note p{margin:0}
.us-note p + p{margin-top:4px}
.k5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.k6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.k5 .tile,.k6 .tile{cursor:default}
.k5 .tile:hover,.k6 .tile:hover{border-color:var(--line);box-shadow:none}
.tile .dl{display:block;margin-top:7px;font-size:12px;color:var(--text3);font-weight:500;line-height:1.3}
.tile .dl .lnk{font-size:12px}
.tile .u{font-size:15px;font-weight:700;color:var(--text3);letter-spacing:0}
.tile b.na{font-size:16px;font-weight:700;color:var(--text3);letter-spacing:0;padding:5px 0 4px}
.d-up{color:var(--green-deep);font-weight:700}
.d-dn{color:var(--warn-deep);font-weight:700}
.d-eq{color:var(--text2);font-weight:700}
.box h3 .faint{font-size:12.5px}
.box.pad0 > h3{padding:14px 16px 0;margin-bottom:12px}
.cap{margin:10px 0 0;font-size:12px;color:var(--text3);line-height:1.4}
.sub-h{font-size:12px;font-weight:700;color:var(--text2);margin:16px 0 10px}
.sub-h.sv-h{margin:18px 0 2px}

/* grafik */
.chart{position:relative;min-height:1px;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.cv{display:block;overflow:visible}
.cv .tk{font-size:11px;fill:var(--text3)}
.cv .el{font-size:12px;font-weight:700;fill:var(--text)}
.cv .gl{stroke:var(--alt2);stroke-width:1}
.cv .base{stroke:var(--line2);stroke-width:1}
.cv .xh{stroke:var(--text3);stroke-width:1}
.tip{position:absolute;z-index:3;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-lg);padding:8px 10px;min-width:120px;white-space:nowrap}
.tip .th{font-size:11.5px;font-weight:600;color:var(--text3);margin-bottom:4px}
.tip .tr{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text2)}
.tip .tr + .tr{margin-top:3px}
.tip .tr b{color:var(--text);font-size:14px;font-weight:800;min-width:20px}
.sw{width:12px;height:2px;border-radius:1px;flex:none}
.sw.sq{width:9px;height:9px;border-radius:2px}
.lgd{display:flex;gap:14px;align-items:center;font-size:12px;font-weight:600;color:var(--text2)}
.lgd span{display:inline-flex;align-items:center;gap:6px}
.lgd i{display:inline-block;width:12px;height:2px;border-radius:1px}
.lgd i.sq{width:10px;height:10px;border-radius:3px}
.box h3 .lgd{margin-left:auto}
.sw.k1,.lgd i.k1{background:#02872B}
.sw.k2,.lgd i.k2{background:#2a78d6}
.sw.k3,.lgd i.k3{background:#eb6834}

/* yığılmış çubuk ve renkleri */
.ob{display:flex;gap:2px;height:10px}
.ob i{display:block;height:100%;min-width:2px}
.ob i:first-child{border-radius:4px 0 0 4px}
.ob i:last-child{border-radius:0 4px 4px 0}
.ob i:only-child{border-radius:4px}
.ol{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12px;color:var(--text2);margin-top:9px}
.ol span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ol i{width:9px;height:9px;border-radius:2px}
.ol b{color:var(--text)}
.c-del,.c-and,.s-yes,.m1,.p3{background:#02872B}
.c-ios,.m2{background:#2a78d6}
.m3{background:#eb6834}
.c-exp{background:#F59E0B}
.c-can{background:#94A3B8}
.c-pen,.s-skip{background:#CBD5E1}
.c-empty{background:var(--alt2)}
.s-no{background:#e87ba4}
.p1{background:#74BE8A}
.p2{background:#35A057}

/* tek renkli yatay çubuk, ölçer */
.hb{display:grid;gap:11px}
.hb-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:baseline;font-size:13px}
.hb-r .l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.hb-r .v{font-weight:800;white-space:nowrap}
.hb-r .v small{font-weight:500;font-size:12px;color:var(--text3);margin-left:2px}
.hb-r .bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--alt);overflow:hidden}
.hb-r .bar i{display:block;height:100%;border-radius:3px;background:var(--green)}
.meter{display:grid;gap:6px}
.meter .mh{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text2);font-weight:600}
.meter .mh b{color:var(--text)}
.meter .tr{height:6px;border-radius:3px;background:var(--green-t);overflow:hidden}
.meter .tr i{display:block;height:100%;background:var(--green);border-radius:3px}
.mtr2{display:grid;gap:18px}
.fc-l{margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:6px;font-size:12.5px;color:var(--text2);line-height:1.4}
.fc-l b{color:var(--text);font-weight:700}
.fc-i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--green-t);color:var(--green)}
.fc-i .ic{width:16px;height:16px}
.big2{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.big2 b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}
.big2 span{font-size:13px;color:var(--text2)}
.kv2{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12.5px;color:var(--text2);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.kv2 b{color:var(--text);font-weight:800;font-size:14px;margin-right:3px}
.steps2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.st2{background:var(--canvas);border-radius:10px;padding:10px 12px;border-left:3px solid var(--line2)}
.st2 b{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em}
.st2 span{font-size:12px;color:var(--text2);font-weight:600}
.st2.g{border-left-color:var(--green)}

/* Genel: özellik satırları */
.fhead,a.frow{display:grid;grid-template-columns:240px 190px 210px 90px minmax(0,1fr) 20px;gap:16px}
.fhead{padding:9px 16px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);background:var(--canvas)}
.fhead .r{text-align:right}
.fgroup{padding:8px 16px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);border-top:1px solid var(--line);background:var(--canvas)}
.fhead + .fgroup{border-top:0}
a.frow{align-items:center;padding:13px 16px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
a.frow:hover{background:#FAFBFA}
.frow .fn{display:flex;gap:10px;align-items:center;font-weight:700;font-size:13.5px;min-width:0}
.frow .fn small{display:block;font-weight:500;font-size:12px;color:var(--text3)}
.frow .ad{font-size:12px;color:var(--text2);display:grid;gap:5px}
.frow .ad > span:first-child{white-space:nowrap}
.frow .ad b{color:var(--text)}
.frow .ad .tr{height:5px;border-radius:3px;background:var(--green-t);overflow:hidden}
.frow .ad .tr i{display:block;height:100%;background:var(--green)}
.frow .big{white-space:nowrap}
.frow .big b{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-right:6px}
.frow .big span{font-size:12.5px;color:var(--text2)}
.frow .dlt{font-size:12.5px;text-align:right}
.frow .chart{height:26px}
.frow .go{color:var(--text3);display:grid;place-items:center}
.frow .go .ic{width:16px;height:16px}

/* tablolar */
.tb-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tb-h h3{margin:0}
.tb-h .sp{flex:1}
.ut-wrap{overflow-x:auto}
.ut{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}
.ut th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fff}
.ut th.n,.ut td.n{text-align:right}
.ut th .ic{width:12px;height:12px;margin-left:3px;color:var(--text2)}
.ut th.on{color:var(--text)}
.ut td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.ut tbody tr:last-child td{border-bottom:0}
.ut tbody tr[data-href]:hover td{background:#FAFBFA;cursor:pointer}
.ut td:first-child,.ut th:first-child{padding-left:16px}
.ut td:last-child,.ut th:last-child{padding-right:16px}
.ut .nm{display:flex;gap:10px;align-items:center;min-width:0}
.ut .nm small{display:block;font-size:12px;color:var(--text3);white-space:nowrap}
.ut .rowlink{color:inherit;text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap}
.ut .rowlink:hover{text-decoration:underline}
.ut .nm .rowlink,.ut .rowlink.t1{display:block}
.ut .v{font-weight:700;white-space:nowrap}
.ut .s{display:block;font-size:12px;color:var(--text3);margin-top:1px;white-space:nowrap}
.ut .off{color:var(--text3)}
.ut .late{color:var(--amber);font-weight:700}
.ut .flag{margin-top:5px}
.ut .rule{font-size:12.5px;color:var(--text2)}
.ut .hn{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ut .hn small{font-size:12px;color:var(--text3)}
.ut td.spk{width:130px;vertical-align:middle}
.ut td.spk .chart{height:22px}
.ut-g tbody tr.cont td{border-top:0}
.ut-g tbody tr.cont td:first-child{padding-left:12px}
.ut-g tbody td[rowspan]{border-bottom:1px solid var(--line)}
.av.sq.bz{font-size:11px}

/* Üyeler: akış, geri gelme */
.fn2{display:grid;gap:14px}
.fn2-r{display:grid;grid-template-columns:190px minmax(0,1fr) 64px;gap:14px;align-items:center}
.fn2-r .l b{display:block;font-size:13px}
.fn2-r .l small{display:block;font-size:12px;color:var(--text3);margin-top:1px}
.fn2-r .bar{height:20px;border-radius:6px;background:var(--alt);overflow:hidden}
.fn2-r .bar i{display:block;height:100%;background:var(--green);border-radius:6px}
.fn2-r .cv{text-align:right;line-height:1.2}
.fn2-r .cv b{display:block;font-size:15px;font-weight:800}
.fn2-r .cv small{display:block;font-size:12px;color:var(--text3)}
.coh{width:100%;border-collapse:separate;border-spacing:4px;font-size:12.5px;margin:-4px;font-variant-numeric:tabular-nums}
.coh th{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);text-align:center;padding:0 0 2px;white-space:nowrap}
.coh th:first-child{text-align:left}
.coh td{height:34px;border-radius:7px;text-align:center;font-weight:700}
.coh td.l{text-align:left;font-weight:600;color:var(--text);padding-right:6px;white-space:nowrap}
.coh td.n{color:var(--text2);font-weight:600}
.coh td.e{background:var(--canvas);color:var(--text3);font-weight:500;font-size:12px}

/* Topluluk: saat haritası */
.heat{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:3px;align-items:center}
.heat .hl{font-size:11.5px;color:var(--text3);font-weight:600}
.heat .hc{height:24px;border-radius:4px}
.heat .hx{font-size:10.5px;color:var(--text3);text-align:left;height:14px}
.hscale{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3);margin-top:14px;flex-wrap:wrap}
.hscale i{width:18px;height:10px;border-radius:3px;display:inline-block}
.hscale .sp{flex:1}
.hscale .tp{color:var(--text2);font-weight:600}
.heat .hc.r0{background:#EEF0EE}
.heat .hc.r1,.hscale i.r1,.coh td.r1{background:#D9EFDF}
.heat .hc.r2,.hscale i.r2,.coh td.r2{background:#B5DEC1}
.heat .hc.r3,.hscale i.r3,.coh td.r3{background:#7FC493}
.heat .hc.r4,.hscale i.r4,.coh td.r4{background:#3FA35E}
.heat .hc.r5,.hscale i.r5,.coh td.r5{background:#02872B}
.heat .hc.r6,.hscale i.r6,.coh td.r6{background:#01521A}
.coh td.r4,.coh td.r5,.coh td.r6{color:#fff}

/* İlanlar: kapatma anketi */
.sv-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center}
.sv-top .big2{margin:0}
.sv-r{display:grid;grid-template-columns:150px minmax(0,1fr) 120px;gap:16px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.sub-h + .sv-r{border-top:0}
.sv-r .l b{display:block;font-size:13.5px}
.sv-r .l small{display:block;font-size:12px;color:var(--text3)}
.sv-r .ob{height:12px}
.sv-r .v{text-align:right;line-height:1.25}
.sv-r .v b{display:block;font-size:15px;font-weight:800}
.sv-r .v small{display:block;font-size:12px;color:var(--text3)}

@media (max-width:1180px){
  .k6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .us-2{grid-template-columns:minmax(0,1fr)}
  .fhead,a.frow{grid-template-columns:220px 150px minmax(0,1fr) 80px 140px 20px}
}
@media (max-width:900px){
  .us{padding:14px 12px 24px;gap:14px}
  .k5,.k6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .k5 > .tile:last-child:nth-child(odd){grid-column:1/-1}
  .k5 .tile b,.k6 .tile b{font-size:21px}
  .k5 .tile b.na,.k6 .tile b.na{font-size:15px}
  .us-tabs{padding:0 6px}
  .us-tabs .tab{padding:10px 10px}
  .fhead{display:none}
  a.frow{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px}
  .frow .fn{grid-column:1;grid-row:1}
  .frow .big{grid-column:2;grid-row:1;text-align:right}
  .frow .big b{display:block;margin:0}
  .frow .big span{font-size:12px}
  .frow .ad{grid-column:1;grid-row:2;padding-left:40px}
  .frow .ad .tr{display:none}
  .frow .dlt{grid-column:2;grid-row:2}
  .frow .chart,.frow .go,a.frow > span:empty{display:none}
  .fgroup{padding:8px 14px}
  .fn2-r{grid-template-columns:minmax(0,1fr) 60px;gap:6px 12px}
  .fn2-r .bar{grid-column:1/-1;grid-row:2;height:14px}
  .sv-top{grid-template-columns:minmax(0,1fr);gap:14px}
  .sv-r{grid-template-columns:minmax(0,1fr) 92px;gap:6px 12px}
  .sv-r .sv-b{grid-column:1/-1;grid-row:2}
  .heat{grid-template-columns:26px repeat(24,minmax(0,1fr));gap:2px}
  .heat .hc{height:16px;border-radius:3px}
  .heat .hx{font-size:9.5px}
  .tb-h{padding:12px 14px}
  .tb-h .seg{width:100%}
  .coh td.l{white-space:normal;font-size:12px}
  .ut th{white-space:normal}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}