@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{
  --brand:#F18928; --brand-600:#DE7A18; --brand-050:#FDECDA;
  --ink:#1B2440; --ink-2:#2A3352;
  --bg:#EFF2FB; --card:rgba(255,255,255,.82); --line:rgba(27,36,64,.10); --line-2:rgba(27,36,64,.06);
  --text:#1B2440; --muted:#5A6688; --muted-2:#8B96B4;
  --ok:#10B981; --ok-bg:#D6F5E9; --danger:#F43F6E; --danger-bg:#FDE2E9;
  --info:#5B5BF6; --info-bg:#E9E9FE;
  --indigo:#5B5BF6; --teal:#0EA5A5; --emerald:#10B981; --rose:#F43F6E; --amber:#F59E0B; --violet:#8B5CF6;
  --radius:0px; --radius-sm:0px;
  --shadow:0 1px 2px rgba(27,36,64,.04),0 10px 30px rgba(45,55,110,.09);
  --font:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'Space Grotesk','Plus Jakarta Sans',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --rail:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.72)); --rail-2:rgba(91,91,246,.08); --rail-line:rgba(27,36,64,.10); --rail-ink:#5A6688; --rail-ink-2:#8B96B4;
  --sbw:248px; --topbh:60px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--text);font-size:14px;line-height:1.55;letter-spacing:-.006em;padding-left:var(--sbw);padding-top:var(--topbh);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 620px at 6% -12%,rgba(241,137,40,.14),transparent 55%),radial-gradient(1000px 560px at 104% -6%,rgba(91,91,246,.16),transparent 55%),radial-gradient(1000px 720px at 60% 118%,rgba(14,165,165,.12),transparent 55%),radial-gradient(900px 600px at -10% 110%,rgba(139,92,246,.10),transparent 55%),var(--bg);background-attachment:fixed;}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1;}
a{color:var(--brand-600);text-decoration:none} a:hover{text-decoration:underline}

/* ===== Sol menü (rail) ===== */
.rail{position:fixed;left:0;top:0;width:var(--sbw);height:100vh;background:var(--rail);backdrop-filter:blur(14px);color:var(--rail-ink);display:flex;flex-direction:column;border-right:1px solid var(--rail-line);z-index:40;}
.rail .brand{display:flex;align-items:center;gap:11px;padding:19px 20px 17px;}
.rail .brand .eye{width:34px;height:34px;flex:none;display:grid;place-items:center;}
.rail .brand .bt{font-weight:800;font-size:16px;letter-spacing:.14em;color:var(--ink);line-height:1;}
.rail .brand .bs{font-size:9px;letter-spacing:.2em;color:var(--rail-ink-2);text-transform:uppercase;margin-top:3px;}
.railnav{flex:1;overflow-y:auto;padding:6px 12px;}
.railnav::-webkit-scrollbar{width:6px;} .railnav::-webkit-scrollbar-thumb{background:var(--rail-2);border-radius:0;}
.navgrp{margin-top:15px;} .navgrp:first-child{margin-top:2px;}
.navgrp .lbl{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--rail-ink-2);padding:0 12px 7px;font-weight:600;}
.rail .nav{display:flex;align-items:center;gap:11px;padding:9px 12px;color:var(--rail-ink);font-weight:600;font-size:13.5px;position:relative;margin-bottom:1px;}
.rail .nav svg{width:17px;height:17px;flex:none;opacity:.85;}
.rail .nav:hover{background:var(--rail-2);color:var(--ink);text-decoration:none;}
.rail .nav.on{background:var(--brand-050);color:var(--brand-600);}
.rail .nav.on::before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;background:var(--brand);}
.rail .nav.on svg{opacity:1;color:var(--brand);}
.rail .nav .cnt{margin-left:auto;font-size:11px;font-weight:600;background:var(--rail-2);color:var(--rail-ink);padding:1px 7px;border-radius:20px;}
.railfoot{border-top:1px solid var(--rail-line);padding:11px;display:flex;align-items:center;gap:6px;}
.railfoot .uprofile{display:flex;align-items:center;gap:10px;padding:7px;flex:1;color:inherit;}
.railfoot .uprofile:hover{background:var(--rail-2);text-decoration:none;}
.railfoot .av{width:32px;height:32px;background:linear-gradient(135deg,var(--brand),var(--brand-600));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none;}
.railfoot .u b{color:var(--ink);display:block;font-size:13px;line-height:1.2;}
.railfoot .u span{color:var(--rail-ink-2);font-size:11px;}
.railfoot .logout{color:var(--rail-ink);border:1px solid var(--rail-line);padding:7px 11px;font-size:12px;}
.railfoot .logout:hover{background:var(--rail-2);color:var(--ink);text-decoration:none;}

/* ===== Üst bar (top) ===== */
.top{position:fixed;top:0;left:var(--sbw);right:0;height:var(--topbh);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;z-index:30;}
.top .crumb{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:13px;font-weight:500;}
.top .crumb b{color:var(--text);font-weight:600;} .top .crumb .sep{opacity:.5;}
.top .search{margin-left:4px;flex:1;max-width:420px;display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);padding:8px 12px;color:var(--muted-2);font-size:13px;cursor:text;font-family:inherit;}
.top .search svg{width:15px;height:15px;flex:none;}
.top .search kbd{margin-left:auto;font-size:11px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);padding:1px 6px;font-family:var(--mono);}
.top .tacts{margin-left:auto;display:flex;align-items:center;gap:6px;}
.top .ico{width:36px;height:36px;display:grid;place-items:center;color:var(--muted);cursor:pointer;border:1px solid transparent;background:none;}
.top .ico:hover{background:var(--bg);border-color:var(--line);}
.top .ico svg{width:18px;height:18px;}

@media(max-width:1000px){
  :root{--sbw:66px;}
  .rail .brand .bt,.rail .brand .bs,.navgrp .lbl,.rail .nav span:not(.cnt),.railfoot .u,.railfoot .logout{display:none;}
  .rail .brand{justify-content:center;padding:16px 0;} .rail .nav{justify-content:center;}
  .railfoot{justify-content:center;} .railfoot .uprofile{flex:none;justify-content:center;}
  .top .search{display:none;}
}

/* Modern başlık fontu */
.page-title,.sec,.rail .brand .bt,h1,h2,h3{font-family:var(--font-display);}
.page-title{letter-spacing:-.03em;}

/* Layout */
.wrap{max-width:1400px;margin:0 auto;padding:24px 28px 48px;}
.wrap.narrow{max-width:840px;}
.card{background:var(--card);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin-bottom:22px;}
.page-title{font-size:24px;font-weight:700;margin:0 0 2px;letter-spacing:-.02em;}
.page-sub{color:var(--muted);font-size:14px;margin:0 0 20px;}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-600);font-weight:700;margin-bottom:7px}
h2.sec{font-size:16px;font-weight:700;margin:22px 0 4px;} h2.sec:first-child{margin-top:0;}
.muted{color:var(--muted);font-size:14px;}
.backlink{display:inline-block;margin-bottom:10px;color:var(--brand-600);font-size:14px;}

/* Forms */
label{display:block;font-size:13px;font-weight:600;color:#334155;margin:14px 0 6px;}
input[type=text],input[type=password],textarea,select{
  width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);
  font-family:inherit;font-size:14px;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050);}
textarea{min-height:130px;resize:vertical;line-height:1.5;}
select{width:auto;min-width:190px;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,background .15s;font-family:inherit;}
.btn-primary{background:var(--brand);color:#fff;} .btn-primary:hover{background:var(--brand-600);filter:none;}
.btn-ok{background:var(--ok);color:#fff;} .btn-ok:hover{filter:brightness(.94);}
.btn-info{background:var(--info);color:#fff;} .btn-info:hover{filter:brightness(.94);}
.btn-dark{background:var(--ink);color:#fff;} .btn-dark:hover{filter:brightness(1.3);}
.btn-danger{background:var(--danger);color:#fff;} .btn-danger:hover{filter:brightness(.94);}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);} .btn-ghost:hover{background:#F8FAFC;}
.btn-sm{padding:7px 13px;font-size:13px;}
a.btn{text-decoration:none;}

.controls{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-top:14px;}
.controls .fld{display:flex;flex-direction:column;} .controls label{margin:0 0 5px;}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:0;padding:3px 9px;font-size:11.5px;font-weight:700;letter-spacing:.01em;}
.badge.ok,.badge.on{background:var(--ok-bg);color:#166534;}
.badge.no,.badge.off{background:var(--danger-bg);color:#991b1b;}
.badge.info{background:var(--info-bg);color:#1e40af;}
.badge.brand{background:var(--brand-050);color:#9a4d09;}
.badge.admin{background:#EDE9FE;color:#5b21b6;} .badge.user,.badge.slate{background:#E2E8F0;color:#334155;}

/* Answer */
pre{background:var(--ink);color:#E2E8F0;padding:18px;border-radius:var(--radius-sm);overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.6;font-family:"Cascadia Code","Consolas",monospace;}
.meta{color:var(--muted);font-size:13px;margin:8px 0 12px;}
.commentary{border:1px solid #C7D2FE;background:#EEF2FF;border-radius:var(--radius-sm);padding:4px 18px 16px;margin-top:18px;}
.commentary h3{color:#3730A3;} .commentary pre{background:#1E1B4B;}

/* Action boxes */
.actionbox{margin-top:16px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid;}
.actionbox.green{border-color:#BBF7D0;background:#F0FDF4;} .actionbox.blue{border-color:#BFDBFE;background:#EFF6FF;}
.actionbox form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0;}
.actionbox .hint{font-size:13px;margin-top:8px;} .actionbox.green .hint{color:#166534;} .actionbox.blue .hint{color:#1e40af;}
.emailbox{margin-top:16px;padding:16px 18px;border:1px solid #BFDBFE;background:#EFF6FF;border-radius:var(--radius);}
.emailbox h3{color:#1e40af;margin:2px 0 10px;font-size:16px;}
.emailbox textarea{min-height:240px;}
.mailactions{display:flex;gap:14px;align-items:center;margin-top:10px;} .copied{color:var(--ok);font-size:13px;}

/* Notes */
.note{border-radius:var(--radius-sm);padding:11px 14px;font-size:13px;margin-top:12px;border:1px solid;}
.note.warn{background:#FFFBEB;border-color:#FDE68A;color:#92400E;}
.note.saved{background:#ECFDF5;border-color:#A7F3D0;color:#065F46;margin-bottom:18px;}
code{background:#F1F5F9;padding:1px 6px;border-radius:4px;font-size:13px;}

/* Tables */
table{width:100%;border-collapse:collapse;}
th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle;}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;}
tbody tr:hover{background:#F8FAFC;}
.mono{font-family:"Consolas",monospace;background:#F1F5F9;border-radius:6px;padding:2px 8px;font-size:12px;}

/* Cases accordion */
details.case{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff;overflow:hidden;}
details.case>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:10px;user-select:none;}
details.case>summary::-webkit-details-marker{display:none;}
details.case>summary:hover{background:#F8FAFC;}
details.case[open]>summary{background:#F1F5F9;border-bottom:1px solid var(--line);}
.chev{color:var(--muted-2);font-weight:bold;transition:transform .15s;display:inline-block;}
details.case[open] .chev{transform:rotate(90deg);}
.ctitle{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cprod{color:var(--muted);font-size:13px;white-space:nowrap;}
.casebody{padding:10px 16px 14px;}
.kv{display:flex;gap:12px;padding:6px 0;border-top:1px solid var(--line-2);} .kv:first-child{border-top:none;}
.kv .k{flex:0 0 100px;color:var(--muted);font-size:13px;font-weight:700;}
.kv .v{flex:1;white-space:pre-wrap;word-break:break-word;}
.caseactions{margin-top:12px;display:flex;gap:10px;align-items:center;}
.empty{color:var(--muted-2);font-style:italic;margin:10px 0 20px;}
.listhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 6px;}
.listhead h2,.listhead h3{margin:0;}
.count{background:var(--info-bg);color:#1e40af;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;}
.src{display:inline-block;font-size:12px;border-radius:999px;padding:2px 10px;font-weight:700;}
.src.qa{background:#DBEAFE;color:#1e40af;} .src.man{background:#DCFCE7;color:#166534;}

/* Panel */
.panel{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#F8FAFC;margin-bottom:10px;}
.panel h2{margin:0;font-size:16px;}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px;} .actions form{margin:0;}
.status{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:10px;}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;}
.dot.idle{background:#9ca3af;} .dot.live{background:var(--info);animation:pulse 1s infinite;}
.dot.ok{background:var(--ok);} .dot.err{background:var(--danger);}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.bar{height:6px;background:#E2E8F0;border-radius:999px;overflow:hidden;margin-top:10px;}
.bar-fill{height:100%;background:var(--info);width:0;transition:width .4s ease;}

/* Settings provider cards */
.provider{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
.opt{flex:1;min-width:250px;border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.opt.sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050);}
.opt h3{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:8px;}
.divider{height:1px;background:var(--line);margin:24px 0;}

/* Add-user box */
.addbox{border:1px solid var(--line);background:#F8FAFC;border-radius:12px;padding:16px 18px;}
.addbox form{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;}
.acts{display:flex;gap:8px;flex-wrap:wrap;} .acts form{margin:0;display:inline;}

/* Görsel ekleme (Soru-Cevap) */
.uploadrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;}
.uploadbtn{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--line);color:var(--ink);background:#fff;padding:9px 14px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;}
.uploadbtn:hover{border-color:var(--brand);color:var(--brand-600);}
.uploadhint{color:var(--muted);font-size:13px;}
.imgpreview{display:flex;gap:8px;flex-wrap:wrap;width:100%;}
.imgpreview .thumb{position:relative;width:74px;height:74px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f8fafc;}
.imgpreview .thumb img{width:100%;height:100%;object-fit:cover;}
.imgpreview .thumb .nm{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ==================== Dark mode ==================== */
[data-theme="dark"]{
  --bg:#0B1220; --card:rgba(20,29,48,.82); --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.05);
  --text:#E6EBF3; --muted:#9AA7BC; --muted-2:#6B7C93; --ink:#E6EBF3;
  --brand-050:#3A2510; --info-bg:#1c2350; --ok-bg:#0f2a20; --danger-bg:#3a1622;
  --rail:linear-gradient(180deg,rgba(17,26,43,.92),rgba(11,18,32,.82)); --rail-2:rgba(91,91,246,.14); --rail-line:rgba(255,255,255,.08); --rail-ink:#9AA7BC; --rail-ink-2:#6B7C93;
}
[data-theme="dark"] .top{background:rgba(17,26,43,.82);}
[data-theme="dark"] .top .search kbd{background:var(--card);}
[data-theme="dark"] input[type=text],[data-theme="dark"] input[type=password],
[data-theme="dark"] textarea,[data-theme="dark"] select{background:#0E1A2C;color:var(--text);border-color:var(--line);}
[data-theme="dark"] .btn-ghost{background:#0E1A2C;color:var(--text);border-color:var(--line);}
[data-theme="dark"] .btn-ghost:hover{background:#152238;}
[data-theme="dark"] .kpi .n{font-family:var(--mono);letter-spacing:-.02em;color:var(--text);} [data-theme="dark"] .kpi .n.brand{color:var(--brand);}
[data-theme="dark"] .ctitle{color:var(--text);}
[data-theme="dark"] details.case{background:var(--card);}
[data-theme="dark"] details.case>summary:hover,[data-theme="dark"] details.case[open]>summary{background:#152238;}
[data-theme="dark"] .panel,[data-theme="dark"] .addbox,[data-theme="dark"] .opt,[data-theme="dark"] .related,[data-theme="dark"] .uploadbtn{background:#0E1A2C;}
[data-theme="dark"] code,[data-theme="dark"] .mono{background:#0E1A2C;color:#E6EBF3;}
[data-theme="dark"] tbody tr:hover{background:#152238;}
[data-theme="dark"] .hbar .ht{background:#0E1A2C;}
[data-theme="dark"] .fbtn{background:#0E1A2C;color:var(--text);}

/* ==================== Header araç butonları ==================== */
.hbtn{background:transparent;border:1px solid rgba(255,255,255,.16);color:#CBD5E1;border-radius:9px;padding:6px 10px;cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;gap:6px;}
.hbtn:hover{background:rgba(255,255,255,.08);color:#fff;}
.hbtn kbd{background:rgba(255,255,255,.12);border:none;color:#E2E8F0;padding:1px 5px;border-radius:4px;font-size:11px;}

/* ==================== Komut paleti (Ctrl+K) ==================== */
.cmdk-overlay{position:fixed;inset:0;background:rgba(2,6,15,.55);display:none;align-items:flex-start;justify-content:center;z-index:1000;}
.cmdk-overlay.open{display:flex;}
.cmdk{width:620px;max-width:92vw;margin-top:11vh;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;}
.cmdk input{width:100%;border:none;border-bottom:1px solid var(--line);padding:16px 18px;font-size:16px;background:transparent;color:var(--text);border-radius:0;}
.cmdk input:focus{outline:none;box-shadow:none;}
.cmdk-list{max-height:54vh;overflow:auto;padding:6px;}
.cmdk-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;}
.cmdk-item.sel,.cmdk-item:hover{background:var(--brand-050);}
.cmdk-item .ct{flex:0 0 auto;font-size:10px;font-weight:700;color:#fff;background:#475569;border-radius:6px;padding:2px 7px;text-transform:uppercase;}
.cmdk-item .ct.vaka{background:var(--info);} .cmdk-item .ct.arac{background:#0891b2;} .cmdk-item .ct.sayfa{background:#64748b;}
.cmdk-item .cl{flex:1;min-width:0;} .cmdk-item .cl b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);}
.cmdk-item .cl span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.cmdk-empty{padding:18px;color:var(--muted-2);font-style:italic;text-align:center;}
.cmdk-hint{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px;}
.cmdk-hint kbd{background:transparent;border:1px solid var(--line);border-radius:5px;padding:0 5px;}

/* ==================== İlgili vakalar + geri bildirim ==================== */
.related{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#F8FAFC;}
.related h3{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}
.related a{display:flex;align-items:center;gap:8px;padding:7px 0;color:var(--text);text-decoration:none;border-top:1px solid var(--line-2);}
.related a:first-of-type{border-top:none;} .related a:hover{color:var(--brand-600);}
.related .rp{color:var(--muted);font-size:12px;margin-left:auto;}
.feedback{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:14px;flex-wrap:wrap;}
.fbtn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:15px;}
.fbtn:hover{border-color:var(--brand);}
.fbthanks{color:var(--ok);font-size:13px;}

/* ==================== Sistem sağlığı + aktivite (Panel) ==================== */
.health{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.hpill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;box-shadow:var(--shadow);}
[data-theme="dark"] .hpill{background:var(--card);}
.hpill .d{width:9px;height:9px;border-radius:50%;} .hpill .d.ok{background:var(--ok);} .hpill .d.bad{background:var(--danger);}
.hpill b{color:var(--text);}
.feed{margin-top:6px;}
.feed .fi{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--line-2);font-size:14px;}
.feed .fi:first-child{border-top:none;}
.feed .fi .fu{font-weight:700;flex:0 0 auto;}
.feed .fi .fa{font-family:"Consolas",monospace;font-size:12px;background:#F1F5F9;border-radius:5px;padding:1px 7px;flex:0 0 auto;}
[data-theme="dark"] .feed .fi .fa{background:#0E1A2C;}
.feed .fi .fd{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.feed .fi .ft{color:var(--muted-2);font-size:12px;flex:0 0 auto;}
.hello{font-size:15px;color:var(--muted);margin:0 0 16px;}
.hello b{color:var(--text);}

/* Takip sorusu (thread) */
.followup{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line);}

/* Araçlar — hızlı sorgu butonları */
.qqbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}

/* Kaydedildi bildirimi (toast) */
.toast{position:fixed;right:20px;bottom:20px;background:var(--ok);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:14px;font-weight:700;z-index:1100;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none;}
.toast.show{opacity:1;transform:translateY(0);}

/* Header: ARGUS logo + alt başlık */
.brandlogo{height:40px;width:auto;display:block;border-radius:8px;}
.brandsub{color:var(--muted-2);font-size:11px;letter-spacing:.6px;text-transform:uppercase;padding-left:12px;margin-left:2px;border-left:1px solid rgba(255,255,255,.15);}

/* Footer: Powered by GDATA */
.appfooter{display:flex;align-items:center;justify-content:center;gap:7px;padding:26px 16px 34px;color:var(--muted-2);font-size:12px;border-top:1px solid var(--line);margin-top:22px;}
.appfooter img{width:18px;height:18px;border-radius:0;background:#fff;padding:1px;box-sizing:border-box;}
.appfooter b{color:var(--muted);}

/* Müşteri satırı — bakım/lisans süresi uyarı renkleri */
tr.row-warn{background:#FFF7ED;} tr.row-warn:hover{background:#FFEDD5;}
tr.row-danger{background:#FEF2F2;} tr.row-danger:hover{background:#FEE2E2;}
[data-theme="dark"] tr.row-warn{background:#2a1e0e;} [data-theme="dark"] tr.row-warn:hover{background:#3a2a12;}
[data-theme="dark"] tr.row-danger{background:#2a1416;} [data-theme="dark"] tr.row-danger:hover{background:#3a1a1c;}

/* Toast — hata (kırmızı) + userchip profil linki */
.toast-err{background:var(--danger);}
.uprofile{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 8px 4px 4px;border-radius:10px;}
.uprofile:hover{background:rgba(255,255,255,.08);text-decoration:none;}

/* Hızlı Sorgu — sonuç kartları */
.qqloading{margin-top:14px;color:var(--muted);font-size:14px;display:none;}
.qqresults{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
.qqcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;}
[data-theme="dark"] .qqcard{background:var(--card);}
.qqcard .qh{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.qqcard .qsrc{font-weight:700;color:var(--text);}
.qqcard .qsum{color:var(--text);font-size:14px;}
.qqcard .qlink{margin-left:auto;font-size:13px;}
.qstat{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;text-transform:uppercase;}
.qstat.malicious{background:var(--danger-bg);color:#991b1b;}
.qstat.suspicious{background:#FEF3C7;color:#92400e;}
.qstat.clean{background:var(--ok-bg);color:#166534;}
.qstat.info{background:var(--info-bg);color:#1e40af;}
.qstat.no_key{background:#E2E8F0;color:#475569;}
.qstat.error{background:#E2E8F0;color:#991b1b;}

/* Web arama toggle (Soru-Cevap) */
.webtoggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600;cursor:pointer;}
.webtoggle input{width:auto;}
.webtoggle .muted{font-weight:400;}

/* Aylık Bakım Raporu */
.repactions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.card.report{padding:32px 34px;}
.rephead{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--line);padding-bottom:16px;margin-bottom:16px;}
.replogo{width:48px;height:48px;border-radius:10px;background:#fff;padding:2px;box-sizing:border-box;}
.reptitle{font-size:22px;font-weight:800;color:var(--text);}
.repsub{color:var(--muted);font-size:14px;margin-top:2px;}
.scorebox{margin-left:auto;text-align:center;border-radius:12px;padding:10px 16px;min-width:120px;}
.scorebox.ok{background:var(--ok-bg);color:#166534;} .scorebox.warn{background:#FEF3C7;color:#92400e;} .scorebox.bad{background:var(--danger-bg);color:#991b1b;}
.scorebox .scoreval{font-size:30px;font-weight:800;line-height:1;}
.scorebox .scorelbl{font-size:11px;opacity:.85;}
.scorebox .scorediff{font-size:12px;font-weight:700;margin-top:4px;}
.repmeta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:13px;margin-bottom:14px;}
.repmeta b{color:var(--text);}
.repbody{white-space:pre-wrap;word-break:break-word;line-height:1.55;margin:4px 0 8px;}
.repfoot{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted-2);font-size:12px;text-align:center;}
@media print {
  .appbar, .tabs, .no-print, #argus-footer, .toast { display:none !important; }
  body { background:#fff; }
  .wrap { margin:0; max-width:100%; padding:0; }
  .card.report { box-shadow:none; border:none; padding:0; }
}

/* Trend panosu — dönem seçici + KPI */
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.seg a{padding:7px 14px;font-size:13px;color:var(--muted);text-decoration:none;}
.seg a.on{background:var(--brand);color:#fff;font-weight:700;}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-align:center;}
.kpi-v{font-size:26px;font-weight:800;color:var(--text);}
.kpi-l{font-size:12px;color:var(--muted);margin-top:2px;}
@media (max-width:800px){.kpis{grid-template-columns:repeat(2,1fr);}}

/* Müşteri Siber Risk Panosu */
.riskgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.riskgrid .wide{grid-column:1 / -1;}
.tile-h{font-weight:800;font-size:16px;margin-bottom:12px;color:var(--text);}
.tile-sub{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;}
.bignum{font-size:34px;font-weight:800;line-height:1;color:var(--text);}
.bignum small{font-size:13px;font-weight:600;color:var(--muted);margin-left:6px;}
.gaugewrap{display:flex;align-items:center;gap:18px;margin-bottom:10px;}
.gauge{--val:0;--col:var(--brand);width:120px;height:120px;border-radius:50%;flex:none;
  background:conic-gradient(var(--col) calc(var(--val)*1%), var(--line) 0);
  display:flex;align-items:center;justify-content:center;}
.gauge-in{width:88px;height:88px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gauge-in span{font-size:26px;font-weight:800;color:var(--text);}
.gauge-in small{font-size:11px;color:var(--muted);}
.risklvl{font-weight:700;color:var(--muted);}
.osbar{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px;}
.osbar .osn{width:120px;color:var(--muted);}
.osbar .ost{flex:1;height:8px;background:var(--line);border-radius:6px;overflow:hidden;}
.osbar .ost i{display:block;height:100%;background:var(--brand);border-radius:6px;}
.thsplit{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.minitbl{width:100%;border-collapse:collapse;}
.minitbl td{padding:5px 0;border-bottom:1px solid var(--line);font-size:13px;}
@media (max-width:820px){.riskgrid{grid-template-columns:1fr;}.thsplit{grid-template-columns:1fr;}}

/* Uyum denetimi kontrol listesi */
.checklist{display:flex;flex-direction:column;gap:6px;}
.chk{font-size:14px;padding:6px 0;border-bottom:1px solid var(--line);}
.chk.ok{color:#166534;}
.chk.bad{color:#991b1b;}

/* Ayarlar sekmeleri */
.subtabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin:18px 0 20px;flex-wrap:wrap;}
.subtab{background:none;border:none;padding:10px 18px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:8px 8px 0 0;}
.subtab:hover{color:var(--text);background:var(--hover,rgba(0,0,0,.03));}
.subtab.active{color:var(--brand);border-bottom-color:var(--brand);}
.tabpanel{display:none;}
.tabpanel.active{display:block;}

/* Bilgi bölümü üst gezinme sekmeleri — Trend AI ekranındaki .subtab tasarımıyla aynı */
.subtabs.knav{margin-top:0;}
a.subtab{text-decoration:none;display:inline-block;}
a.subtab:hover{text-decoration:none;}

/* ===== Ortak zengin editör (.argus-editor) ===== */
.argus-editor{border:1px solid var(--line);background:var(--bg)}
.argus-editor .etools{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}
.argus-editor .et{border:1px solid transparent;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:5px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.argus-editor .et:hover{background:var(--bg);border-color:var(--line)}
.argus-editor .et.img{color:var(--brand-600)}
.argus-editor .et svg{width:15px;height:15px}
.argus-editor .esep{width:1px;height:18px;background:var(--line);margin:0 4px}
.argus-editor .earea{padding:14px 16px;min-height:130px;background:#fff;font-size:14px;line-height:1.65;color:var(--text);outline:none}
.argus-editor .earea:empty:before{content:attr(data-ph);color:var(--muted-2)}
.argus-editor .earea img{max-width:100%;height:auto;display:block;margin:12px 0;border:1px solid var(--line)}
.argus-editor .edrop{padding:12px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;color:var(--muted-2);background:var(--bg);cursor:pointer}
.argus-editor .edrop.drag{background:var(--brand-050);color:var(--brand-600)}
.argus-editor .edrop svg{width:18px;height:18px}
.argus-editor .edrop b{color:var(--brand-600)}