:root{
  --bg:#f6f5f4;--card:#fff;--ink:#2f2b2b;--mut:#6f6969;--line:#e9e4e1;
  --or:#FD6905;--or-d:#d95700;--or-soft:#fff6ef;--or-edge:#ffe1cc;
  --ok:#1a7f4b;--ok-bg:#e8f6ee;--warn:#9a5200;--warn-bg:#fff3df;--err:#c0262d;--err-bg:#fdeaea;--info:#245fa6;--info-bg:#e8f0fa;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:14px/1.55 Lexend,system-ui,sans-serif}
h1,h2,h3,p,ul{margin:0}
button{font:inherit;cursor:pointer}
.wrap{max-width:1320px;margin:0 auto;padding:20px 16px 60px;display:flex;flex-direction:column;gap:16px}
.wrap:focus{outline:0}

.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top-in{max-width:1320px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;color:inherit;text-decoration:none}
.logo{font-weight:500;letter-spacing:.5px;font-size:18px}
.logo b{color:var(--or);font-weight:600}
.sub{color:var(--mut);font-size:13px}
.mode{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.4px}
.mode::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.mode.live{background:var(--err-bg);color:var(--err)}
.mode.test{background:var(--info-bg);color:var(--info)}

.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.card-h h2{font-size:16px;font-weight:600}
.loading,.empty{color:var(--mut);padding:8px 0}

/* ürün kartı */
.prod{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.prod-main{min-width:260px;flex:1}
.prod-name{font-size:20px;font-weight:600;line-height:1.3}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;color:var(--mut);font-size:13px}
.meta b{color:var(--ink);font-weight:500}
.prod-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.prod-side label{font-size:12px;color:var(--mut)}
select{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0;max-width:100%;color:var(--ink)}
a.ext{color:var(--or-d);text-decoration:none;font-weight:500;font-size:13px}
a.ext:hover{text-decoration:underline}

/* eylem kartı */
.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;overflow:hidden}
.act{padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line)}
.act:first-child{border-left:0}
.act p{color:var(--mut);font-size:13px;flex:1}
.num{width:26px;height:26px;border-radius:50%;background:var(--or-soft);color:var(--or-d);border:1px solid var(--or-edge);display:grid;place-items:center;font-weight:600;font-size:13px}
.act-t{font-weight:600;font-size:15px}
.hint{font-size:12px;color:var(--mut)}
.hint.ready{color:var(--ok);font-weight:500}

.btn{border:1px solid transparent;border-radius:10px;padding:10px 16px;font-weight:500;transition:background .15s,opacity .15s}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-primary{background:var(--or);color:#fff}
.btn-primary:not(:disabled):hover{background:var(--or-d)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:not(:disabled):hover{background:#000}
.btn-ghost{background:#fff;border-color:#cfc8c4;color:var(--ink)}
.btn-ghost:not(:disabled):hover{background:var(--bg)}
.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}
.btn-danger{background:#fff;border-color:#e6b4b6;color:var(--err)}
.btn-danger:not(:disabled):hover{background:var(--err-bg)}
.link{background:none;border:0;color:var(--mut);text-decoration:underline;padding:4px}

/* sonuç adımları */
.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.steps li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;font-size:13.5px}
.steps li::before{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;margin-top:1px}
.steps .ok{background:var(--ok-bg)}.steps .ok::before{content:"✓";background:var(--ok)}
.steps .warn{background:var(--warn-bg)}.steps .warn::before{content:"!";background:var(--warn)}
.steps .err{background:var(--err-bg)}.steps .err::before{content:"✕";background:var(--err)}
.steps .info{background:var(--info-bg)}.steps .info::before{content:"i";background:var(--info)}
#resultExtra{margin-top:10px}

/* sekmeler */
.tabs-card{padding:0;overflow:hidden}
.tabs{display:flex;border-bottom:1px solid var(--line);background:#fcfbfa;overflow-x:auto}
.tab{background:none;border:0;border-bottom:3px solid transparent;padding:14px 20px;color:var(--mut);font-weight:500;white-space:nowrap}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--or);background:#fff}
.count{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--line);font-size:12px;text-align:center;color:var(--ink)}
#pane{padding:18px 20px}

.banner{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-bottom:14px;padding:10px 14px;border-radius:10px;background:var(--bg)}
.banner .t{font-size:13px;color:var(--mut)}
.banner .t b{color:var(--ink);font-weight:600}
.seg{display:inline-flex;border:1px solid #cfc8c4;border-radius:8px;overflow:hidden;background:#fff}
.seg button{border:0;background:none;padding:6px 12px;font-size:13px;color:var(--mut)}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.tools{display:flex;gap:8px;flex-wrap:wrap}

.viewport{margin:0 auto;transition:max-width .2s;max-width:100%}
.viewport.mobile{max-width:400px}
.frame-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f9f9f9}
iframe.pv{display:block;width:100%;border:0;min-height:300px}
pre.code{margin:0;padding:14px;max-height:640px;overflow:auto;background:#1f1c1c;color:#f1ebe7;border-radius:12px;font:12px/1.55 Consolas,monospace;white-space:pre-wrap;word-break:break-word}

/* doğrulama */
.verify{border-radius:12px;padding:14px 16px;margin-bottom:14px;border:1px solid var(--line)}
.verify h3{font-size:14px;font-weight:600;margin-bottom:8px}
.verify.good{background:var(--ok-bg);border-color:#bfe3cf}
.verify.bad{background:var(--err-bg);border-color:#efc2c4}
.verify ul{padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.verify .diff{margin-top:8px;font-size:12.5px;word-break:break-word}
.verify .diff code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px}
.ack{display:flex;gap:8px;align-items:center;margin-top:10px;font-weight:500;font-size:13px}

/* yedek tablosu */
table.bk{width:100%;border-collapse:collapse}
.bk th{font-size:12px;text-align:left;color:var(--mut);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}
.bk td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}
.bk .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bk .id{color:var(--mut);font-size:12px}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--bg);color:var(--ink)}
.tag.man{background:var(--or-soft);color:var(--or-d)}

/* diyalog */
dialog{border:0;border-radius:16px;padding:0;max-width:520px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog::backdrop{background:rgba(20,16,16,.55)}
dialog form{padding:22px}
dialog h3{font-size:18px;margin-bottom:10px}
.dlg-body{font-size:14px;color:var(--ink)}
.dlg-body ol{padding-left:20px;margin:10px 0}
.dlg-body .warnbox{padding:10px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-weight:500;margin-top:8px}
.dlg-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}

@media (max-width:820px){
  .actions{grid-template-columns:1fr}
  .act{border-left:0;border-top:1px solid var(--line)}
  .act:first-child{border-top:0}
  .prod-side{align-items:flex-start}
}

/* ======================================================================= v2: katalog, işler, ortak bileşenler */
:focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:6px}
input[type=search],input[type=text],input[type=password]{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-width:0;max-width:100%}
input[type=checkbox]{width:16px;height:16px;accent-color:var(--or);cursor:pointer}
code{font:12px Consolas,monospace;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.view{display:flex;flex-direction:column;gap:16px;min-width:0}
.id{color:var(--mut);font-size:12px;word-break:break-all}
.ok-t{color:var(--ok);font-weight:600}
.err-t{color:var(--err);font-weight:600}
.warnline{color:var(--warn);background:var(--warn-bg);padding:6px 10px;border-radius:8px;font-size:13px;margin-top:6px}
.infobox{padding:10px 12px;border-radius:10px;background:var(--info-bg);color:var(--info);font-weight:500;margin-top:10px;font-size:13px}
.empty-box{padding:6px 0 12px}
.empty-box p+p{margin-top:4px}
a{color:var(--or-d)}

/* üst menü */
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;color:var(--mut);text-decoration:none;font-weight:500}
.nav a:hover{background:var(--bg);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--or-soft);color:var(--or-d)}
.nbadge{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--or);color:#fff;font-size:12px;text-align:center;font-weight:600}
.nbadge[hidden]{display:none}
.infobar{border-top:1px solid var(--line);background:var(--or-soft);color:var(--or-d);font-size:12.5px;text-align:center;padding:5px 16px}
.back{align-self:flex-start;color:var(--mut);text-decoration:none;font-weight:500;font-size:14px}
.back:hover{color:var(--or-d)}
.page-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.page-h h1{font-size:20px;font-weight:600}

/* rozetler */
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--bg);color:var(--ink)}
.b-ok{background:var(--ok-bg);color:var(--ok)}
.b-warn{background:var(--warn-bg);color:var(--warn)}
.b-err{background:var(--err-bg);color:var(--err)}
.b-q{background:var(--info-bg);color:var(--info)}
.b-run{background:var(--or-soft);color:var(--or-d);border:1px solid var(--or-edge)}
.b-mut{background:var(--bg);color:var(--mut)}

/* katalog yerleşimi */
.cat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}
.cat-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.cat-side{padding:14px 10px;position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto}
.side-h{font-size:13px;font-weight:600;color:var(--mut);padding:0 8px 8px;text-transform:uppercase;letter-spacing:.4px}
.cat-toggle{display:none;width:100%;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;padding:4px 6px;text-align:left;color:var(--ink)}
.tree{list-style:none;padding:0;margin:0}
.tn{display:flex;align-items:center;gap:2px;padding-left:calc(var(--d,0) * 14px);border-radius:8px}
.tn:hover{background:var(--bg)}
.tn.on{background:var(--or-soft)}
.tn.on .tn-b{color:var(--or-d);font-weight:600}
.tn.off .tn-t{opacity:.55}
.tn-x{flex:none;width:22px;height:26px;display:grid;place-items:center;background:none;border:0;color:var(--mut);font-size:12px;padding:0}
.tn-b{flex:1;min-width:0;display:flex;justify-content:space-between;gap:8px;align-items:center;background:none;border:0;padding:5px 6px;text-align:left;color:var(--ink);font-size:13.5px}
.tn-t{min-width:0;overflow-wrap:anywhere}
.tn-n{flex:none;color:var(--mut);font-size:12px}
.pas{font-size:11.5px;color:var(--mut)}
.tn-root .tn-b{font-weight:600}

/* filtre çubuğu */
.filt{display:flex;flex-direction:column;gap:10px}
.filt-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end}
.fl{display:flex;flex-direction:column;gap:4px;min-width:0}
.fl>span,.ep-f>span{font-size:12px;color:var(--mut)}
.fl-q{flex:1 1 240px}
.fl-q input{width:100%}
.fl select{min-width:130px}
.cat-info{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;color:var(--mut)}
.cat-info .warnline{flex-basis:100%}

/* katalog tablosu */
.tbl-card{padding:0;overflow:hidden}
.tbl-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--mut)}
.tb-c b{color:var(--ink)}
.tb-a{display:flex;gap:8px;flex-wrap:wrap}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tbl-card .tbl-wrap>.loading,.tbl-card .tbl-wrap>.empty,.tbl-card .tbl-wrap>.verify{margin:16px}
table.cat{width:100%;border-collapse:collapse;min-width:820px}
.cat th{font-size:12px;text-align:left;color:var(--mut);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fcfbfa}
.cat td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}
.cat tr:hover td{background:#fdfbfa}
.cat tr.sel td{background:var(--or-soft)}
.th-s{background:none;border:0;padding:0;color:inherit;font:inherit;display:inline-flex;gap:4px;align-items:center}
.th-s:hover{color:var(--ink)}
.arr{font-size:10px;color:var(--or-d)}
.c-sel{width:34px}
.c-name a{color:var(--ink);text-decoration:none;font-weight:500}
.c-name a:hover{color:var(--or-d);text-decoration:underline}
.c-code{white-space:nowrap;color:var(--mut);font-size:12.5px}
.c-cat{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:12.5px}
.c-dr{white-space:nowrap}
.c-dr .badge+.badge{margin-left:4px}
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:12px 16px}
.pager:empty{display:none}
.pg{font-size:13px;color:var(--mut);padding:0 6px}

/* yapışkan eylem çubuğu */
.actbar{position:sticky;bottom:12px;z-index:15;background:#fff;border:1px solid var(--or-edge);border-radius:14px;box-shadow:0 10px 30px rgba(40,20,10,.16);padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.actbar[hidden]{display:none}
.actbar-in{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}
.actbar-n{font-size:14px;padding-bottom:8px;white-space:nowrap}
.actbar-n b{color:var(--or-d);font-size:16px}
.actbar-p{flex:1 1 320px;min-width:0}
.actbar-note{font-size:12px;color:var(--mut)}

/* motor/model seçici */
.ep{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}
.ep-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.ep-f[hidden]{display:none}
.ep select{min-width:150px}
.ep-ci{width:200px}
.ep-why{flex-basis:100%;font-size:12px;color:var(--mut);display:flex;flex-direction:column;gap:2px}
.ep-why[hidden]{display:none}
.ep-why b{font-weight:500;color:var(--ink)}

/* toast */
.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}
.toast{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:4px solid var(--info);border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.15);font-size:13px}
.toast.t-ok{border-left-color:var(--ok)}
.toast.t-warn{border-left-color:var(--warn)}
.toast.t-err{border-left-color:var(--err)}
.toast-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.toast-t{font-weight:600;font-size:13.5px}
.toast-a{font-weight:500;margin-top:4px}
.toast-x{background:none;border:0;font-size:18px;line-height:1;color:var(--mut);padding:0 2px}

/* işler */
.jsum{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:6px}
.jsum-i b{margin-left:2px}
.jlist{display:flex;flex-direction:column;gap:16px}
.jb{padding:0;overflow:hidden}
.jb-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:#fcfbfa;font-size:13.5px}
table.jobs{width:100%;border-collapse:collapse;min-width:760px}
.jobs th{font-size:12px;text-align:left;color:var(--mut);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}
.jobs td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}
.jobs tr:last-child td{border-bottom:0}
.c-msg{max-width:380px;overflow-wrap:anywhere}
.more{display:flex;justify-content:center}

/* ürün detayı: SEO, kaynak, varyantlar, taslak üretme */
.seo{margin:12px 0 0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.seo div{display:flex;gap:10px}
.seo dt{flex:none;width:118px;color:var(--mut)}
.seo dd{margin:0;min-width:0;overflow-wrap:anywhere}
.seo-warn{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--err-bg);color:var(--err);font-weight:500;font-size:13px;border:1px solid #efc2c4}
.src{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:13px;color:var(--mut);margin-bottom:12px}
.src b{color:var(--ink);font-weight:600}
.gen{border:1px dashed var(--or-edge);background:var(--or-soft);border-radius:12px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}
.gen-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.gen-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end}
.gen-p{flex:1 1 300px;min-width:0}
.job-line{font-size:13px;color:var(--mut)}
.job-line:empty{display:none}
details.notes{margin:0 0 12px;font-size:13px}
details.notes summary{cursor:pointer;color:var(--mut)}
details.notes ul{padding-left:18px;margin-top:6px}
table.cmp{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}
.cmp th,.cmp td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.cmp thead th{background:var(--bg);font-weight:500;color:var(--mut)}
.bk tr.sel td{background:var(--ok-bg)}
#pane .tbl-wrap table.bk{min-width:620px}

@media (max-width:900px){
  .cat-layout{grid-template-columns:1fr}
  .cat-side{position:static;max-height:none;padding:10px 12px}
  .cat-toggle{display:flex}
  .side-h{display:none}
  .cat-side .cat-tree{display:none;margin-top:8px;max-height:60vh;overflow:auto}
  .cat-side.open .cat-tree{display:block}
  .cat-side.open .chev{transform:rotate(180deg)}
}
@media (max-width:700px){
  .mode-x{display:none}
  .sub{display:none}
  .top-in{padding:10px 16px}
  #pane{padding:14px}
  .fl select,.ep select{min-width:0;width:100%}
  .fl{flex:1 1 140px}
  .ep-f{flex:1 1 140px}
  .ep-ci{width:100%}
  .actbar{bottom:8px;padding:10px 12px}
  .actbar-in .btn-primary{width:100%}
  .seo div{flex-direction:column;gap:0}
  .seo dt{width:auto}
  .tabs .tab{padding:12px 14px}
  .dlg-btns{flex-wrap:wrap}
}

/* sistem istemi, hız, kaynak sayfa */
.prompt-ta{width:100%;min-height:420px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:10px;font:12.5px/1.55 Consolas,monospace;color:var(--ink)}
.ep-kr{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}
dialog.wide{max-width:860px}
.src-list{max-height:58vh;overflow:auto;display:flex;flex-direction:column;gap:12px;margin-top:10px;padding-right:4px}
.src-it{padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.src-opt{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:13px;cursor:pointer}
.src-opt a{color:var(--or-d);font-weight:500;white-space:nowrap}
.par{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:6px}
.par input[type=range]{width:220px;accent-color:var(--or)}
.par input[type=number]{width:70px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit}

/* değişiklik raporu */
.diffbox{margin-top:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.diffbox h3{font-size:15px;margin-bottom:6px}
.df-list{padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;max-height:220px;overflow:auto;margin:8px 0}
.df-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.df-h{font-weight:600;font-size:12.5px;margin-bottom:4px;color:var(--mut)}
.df-txt{max-height:340px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.7;background:#fcfbfa;word-break:break-word}
.df-eq{color:var(--mut)}
mark.df-del{background:#fdd6d6;color:#8a1c1c;text-decoration:line-through;padding:1px 3px;border-radius:4px}
mark.df-ins{background:#d3f1de;color:#0f5a32;padding:1px 3px;border-radius:4px}
.df-meta{margin-top:8px;padding-left:18px;font-size:12.5px}
@media (max-width:820px){.df-cols{grid-template-columns:1fr}}

/* ======================================================================= v3: giriş, köprü rozeti, ayarlar, ön analiz */
[hidden]{display:none!important}
progress{accent-color:var(--or);height:10px;max-width:100%}

/* üst menü sağ taraf: köprü rozeti, mod rozeti, Çıkış */
.top-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
a.mode{text-decoration:none}
.mode.br{max-width:280px;min-width:0}
.mode.br::before{flex:none}
.br-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mode.br-on{background:var(--ok-bg);color:var(--ok)}
.mode.br-off{background:var(--err-bg);color:var(--err)}
.mode.br-unk{background:var(--bg);color:var(--mut)}

/* giriş sayfası */
.login-wrap{max-width:420px;margin:0 auto;padding:48px 16px 60px}
.login-card{display:flex;flex-direction:column;gap:10px}
.login-card h1{font-size:20px;font-weight:600}
.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.login-card input[type=password],.login-card input[type=text]:not(.sr){width:100%}
.login-card input.sr{width:1px;left:0;top:0;margin:0;padding:0;border:0}  /* gizli kullanıcı adı alanı (parola yöneticileri için) sayfayı genişletmesin */
.login-show{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);cursor:pointer}
.login-msg{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.login-msg.err{background:var(--err-bg);color:var(--err)}
.login-msg.info{background:var(--info-bg);color:var(--info)}
.login-msg.ok{background:var(--ok-bg);color:var(--ok)}

/* ayarlar kartları */
.card-t{font-size:16px;font-weight:600;margin-bottom:8px}
.set-form{margin-top:12px}
.set-form .ep-ci{width:220px}
.set-line{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;margin-top:10px}
.set-res{margin-top:10px;font-size:13px}
.set-res b{font-weight:600}
table.agents{min-width:560px}
.agents td{overflow-wrap:anywhere}
.imp{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.imp-res{width:100%}

/* katalog: öneri sütunu ve ön analiz satırı */
.an-info{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;color:var(--mut)}
.an-info b{color:var(--ink)}
.an-info progress{width:160px}
.an-info .warnline{flex-basis:100%;margin-top:0}
.c-an{white-space:nowrap}
table.cat.has-an{min-width:940px}
.ep-note a{font-weight:500}

@media (max-width:700px){
  .mode.br{max-width:100%}
  .set-form .ep-ci{width:100%}
  .an-info progress{width:100%}
}