/* Yurtseven Tekstil — yönetim paneli */
:root{--brand:#A51E23;--brand-deep:#6F1418;--brand-soft:#F8ECEA;--ink:#221D1B;--ink-2:#6A605C;--bg:#F6F3EF;--card:#fff;--line:#E7E0D8;--ok:#1E7A3C;--warn:#A86A00;--r:12px;--head:"Raleway",system-ui,sans-serif;--body:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;font:400 15px/1.55 var(--body);color:var(--ink);background:var(--bg)}
a{color:var(--brand);text-decoration:none}
h1,h2{font-family:var(--head);margin:0}
h2{font-size:1.02rem;font-weight:700;margin-bottom:1rem}
.muted{color:var(--ink-2)}.small{font-size:.85rem}
code,.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em}
img{max-width:100%}

/* Düzen */
.adm{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.side{background:#1F1716;color:#d9cbc6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto;padding:1rem .8rem}
.side__brand{display:flex;gap:.6rem;align-items:center;padding:.4rem .6rem 1.2rem;color:#fff}
.side__brand img{background:#fff;border-radius:8px;padding:3px}
.side__brand b{display:block;font:800 .95rem/1 var(--head);letter-spacing:.06em}
.side__brand small{color:#b49d97;font-size:.78rem}
.side__group{font:700 .7rem/1 var(--head);text-transform:uppercase;letter-spacing:.14em;color:#8d7a75;margin:1.2rem .7rem .5rem}
.side nav a{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:8px;color:#d9cbc6;font-weight:600;font-size:.93rem}
.side nav a:hover{background:#2c2120;color:#fff}
.side nav a.is-active{background:var(--brand);color:#fff}
.side nav svg{opacity:.85}
.badge{margin-left:auto;background:#fff;color:var(--brand);border-radius:999px;font-size:.72rem;font-weight:700;padding:.05rem .45rem}
.side__site{margin-top:auto;padding:.8rem .7rem;color:#b49d97;font-size:.88rem}
.main{min-width:0}
.bar{display:flex;align-items:center;gap:1rem;padding:.9rem 2rem;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.bar h1{font-size:1.25rem;font-weight:800;flex:1}
.bar__menu{display:none;background:none;border:0;font-size:1.4rem;cursor:pointer}
.bar__user{display:flex;align-items:center;gap:1rem}
.who{display:flex;align-items:center;gap:.6rem;color:var(--ink)}
.who b{display:block;font-size:.9rem;line-height:1.1}.who small{color:var(--ink-2);font-size:.78rem}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}
.content{padding:1.8rem 2rem 4rem;max-width:1400px}

/* Bileşenler */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;margin-bottom:1.2rem}
.panel--flush{padding:0;overflow:auto}
.panel.empty{text-align:center;color:var(--ink-2);padding:3rem}
.narrow{max-width:560px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;padding:.6rem 1.1rem;font:700 .9rem/1 var(--body);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.btn--ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{background:var(--bg);color:var(--ink);border-color:#d4c9bf}
.btn--danger{background:#fff;color:#B42318;border-color:#F1C8C3}
.btn--danger:hover{background:#B42318;color:#fff;border-color:#B42318}
.btn--sm{padding:.4rem .7rem;font-size:.82rem}
.btn--block{width:100%}
.back{display:inline-block;margin-bottom:1rem;font-weight:600;font-size:.9rem}
.alert{padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.93rem}
.alert--ok{background:#E7F4EA;color:#17532A;border:1px solid #C5E3CD}
.alert--err{background:#FCEDEB;color:#8F1D16;border:1px solid #F3CBC6}
.tag{display:inline-block;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:#EEE9E3;color:var(--ink-2)}
.tag--ok{background:#E3F2E7;color:var(--ok)}
.tag--warn{background:#FFF1D6;color:var(--warn)}
.tag--role{background:var(--brand-soft);color:var(--brand)}
.help{display:block;color:var(--ink-2);font-size:.85rem;margin:.3rem 0 0;max-width:80ch}
.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}
.toolbar .help{margin:0}
.toolbar__title{font-size:1.15rem;margin:.2rem 0 .4rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem;font-size:.82rem}
.row-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.row-actions form{margin:0}

/* Gösterge */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.2rem}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;color:var(--ink);display:flex;flex-direction:column}
.stat b{font:800 2rem/1 var(--head)}
.stat span{color:var(--ink-2);font-size:.9rem;margin-top:.3rem}
.stat--accent{background:var(--brand);color:#fff;border-color:var(--brand)}.stat--accent span{color:#f6d6d2}
.quick{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.grid2--wide{grid-template-columns:1.1fr 1fr}
.grid2>.panel{margin:0}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.rows li:last-child{border:0}
.rows small{color:var(--ink-2);white-space:nowrap}
.rows .is-unread a{font-weight:700}

/* Tablo */
.table{width:100%;border-collapse:collapse;font-size:.93rem}
.table th{text-align:left;font:700 .74rem/1 var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);padding:.9rem 1rem;border-bottom:1px solid var(--line);background:#FBF9F6}
.table td{padding:.7rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tr.is-unread td{font-weight:700;background:#FFFBF7}
.table .w1{width:1%}
.table .actions{white-space:nowrap;text-align:right}
.table .actions>*{display:inline-flex;margin-left:.3rem;vertical-align:middle}
.table .actions form{margin:0}
.grip{cursor:grab;color:#b9aca4;letter-spacing:-2px;user-select:none}
tr.is-drag{opacity:.4;background:var(--brand-soft)}
.thumb{width:84px;height:52px;object-fit:cover;border-radius:6px;display:block;background:var(--bg)}
.thumb--empty{display:block;width:84px;height:52px;border-radius:6px;background:repeating-linear-gradient(45deg,#eee 0 6px,#f6f6f6 6px 12px)}
.ficon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--brand);color:var(--brand)}
.dot{display:inline-block;width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}
.indent{color:#b9aca4;margin-left:.6rem}
.toggle{border:0;border-radius:999px;padding:.3rem .75rem .3rem 1.6rem;font:700 .76rem/1 var(--body);background:#EEE9E3;color:var(--ink-2);cursor:pointer;position:relative}
.toggle::before{content:"";position:absolute;left:.55rem;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#b9aca4}
.toggle.is-on{background:#E3F2E7;color:var(--ok)}.toggle.is-on::before{background:#2BA352}

/* Formlar */
.field{margin-bottom:1.1rem}
.field>label,.lbl{display:block}
.lbl{font-weight:700;font-size:.88rem;margin-bottom:.35rem}
.lbl i{color:var(--brand);font-style:normal}
.lang-pill{font-style:normal;font-size:.68rem;background:var(--ink);color:#fff;border-radius:4px;padding:.05rem .3rem;margin-left:.3rem;vertical-align:1px}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{width:100%;font:inherit;color:inherit;padding:.6rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;transition:border .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(165,30,35,.12)}
input[type=color]{width:64px;height:40px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff}
.w-sm{max-width:120px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pair2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.check{display:flex;gap:.5rem;align-items:center;font-size:.92rem;margin:.35rem 0;cursor:pointer}
.check input{accent-color:var(--brand)}
.switch{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:600;font-size:.92rem}
.switch input{position:absolute;opacity:0}
.switch span{width:38px;height:22px;border-radius:999px;background:#d6ccc4;position:relative;transition:.2s;flex:none}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.switch input:checked+span{background:var(--ok)}
.switch input:checked+span::after{left:19px}
.switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.switch.is-disabled{opacity:.55;cursor:not-allowed}
.icons{display:flex;flex-wrap:wrap;gap:.5rem}
.icons input{position:absolute;opacity:0}
.icons span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);color:var(--ink-2);cursor:pointer}
.icons input:checked+span{border-color:var(--brand);color:#fff;background:var(--brand)}
.upload{display:flex;flex-direction:column;gap:.6rem}
.upload__preview{border:1px dashed #d4c9bf;border-radius:10px;min-height:120px;display:grid;place-items:center;background:#FBF9F6;overflow:hidden;color:var(--ink-2);font-size:.88rem}
.upload__preview img{width:100%;max-height:220px;object-fit:contain}
.upload__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}

/* Düzenleyici */
.editor{display:grid;grid-template-columns:1fr 320px;gap:1.2rem;align-items:start}
.editor__side .panel{margin-bottom:1rem}
.sticky{position:sticky;top:80px}
.editor__buttons{display:grid;gap:.5rem;margin-top:.5rem}
.langtabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);margin:-.4rem 0 1.3rem}
.langtabs button{border:0;background:none;padding:.6rem 1rem;font:700 .9rem/1 var(--body);color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.langtabs button.is-active{color:var(--brand);border-color:var(--brand)}
.langtabs .is-missing::after{content:"eksik";font-size:.65rem;background:#FFF1D6;color:var(--warn);border-radius:4px;padding:.1rem .3rem;margin-left:.4rem}
.langtabs__both{margin-left:auto!important;font-weight:600!important}
.i18n[data-show=tr] [data-lang=en],.i18n[data-show=en] [data-lang=tr]{display:none}
.i18n[data-show=both]{display:grid;grid-template-columns:1fr 1fr;column-gap:1.2rem}
.rte{background:#fff;min-height:260px;border-radius:0 0 8px 8px;font:inherit;font-size:1rem}
.rte--sm{min-height:130px}
.ql-toolbar.ql-snow{border-color:var(--line);border-radius:8px 8px 0 0;background:#FBF9F6}
.ql-container.ql-snow{border-color:var(--line)}
.ql-editor{min-height:inherit;font-family:var(--body);font-size:1rem;line-height:1.6}

/* Toplu yükleme */
.dropzone{position:relative;border:2px dashed #d4c9bf;border-radius:var(--r);background:var(--card);padding:1.4rem;text-align:center;margin-bottom:1.2rem;color:var(--ink-2);transition:.2s}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dropzone b{color:var(--brand)}
.dropzone.is-over{border-color:var(--brand);background:var(--brand-soft)}
.dropzone.is-busy{opacity:.6;pointer-events:none}

/* Medya */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}
.media-item{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.media-item img,.media-item__file{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg);display:grid;place-items:center;font-weight:800;color:var(--brand)}
.media-item figcaption{padding:.6rem .7rem;font-size:.84rem;display:grid;gap:.2rem}
.media-item small{color:var(--ink-2)}
.media-item__act{display:flex;gap:.3rem;margin-top:.3rem}.media-item__act form{margin:0}
.picker{border:0;border-radius:var(--r);padding:0;width:min(900px,94vw);max-height:80vh}
.picker::backdrop{background:rgba(20,10,10,.5)}
.picker header{display:flex;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
.picker header button{border:0;background:none;font-size:1.1rem;cursor:pointer}
.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;padding:1rem}
.picker__grid button{border:2px solid transparent;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--bg);aspect-ratio:1}
.picker__grid button:hover{border-color:var(--brand)}
.picker__grid img{width:100%;height:100%;object-fit:cover}
.picker__up{display:grid;place-items:center;border:2px dashed #d4c9bf;border-radius:8px;cursor:pointer;color:var(--brand);font-weight:700;aspect-ratio:1}

/* Ayarlar */
.settings{display:grid;grid-template-columns:180px 1fr;gap:1.2rem;align-items:start}
.settings__nav{position:sticky;top:80px;display:grid;gap:.2rem}
.settings__nav a{padding:.5rem .8rem;border-radius:8px;color:var(--ink);font-weight:600}
.settings__nav a:hover{background:var(--card)}
.savebar{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:1.2rem 0 .4rem}
.matrix-wrap .savebar{background:var(--card);padding:1rem 1.2rem;border-top:1px solid var(--line)}

/* Yetki matrisi */
.role-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.2rem}
.role-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}
.role-card b{font:800 1.05rem/1.2 var(--head)}
.role-card small{float:right;color:var(--ink-2)}
.role-card p{color:var(--ink-2);font-size:.88rem;margin:.4rem 0 0}
.role-card.is-system{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft),#fff 60%)}
.matrix{border-collapse:collapse;width:100%;font-size:.88rem}
.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:.55rem .5rem;text-align:center}
.matrix thead th{background:#FBF9F6;position:sticky;top:0}
.matrix tbody th{text-align:left;font-weight:600;padding-left:1.2rem;white-space:nowrap}
.matrix .role-head{font:800 .82rem/1 var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);border-left:2px solid var(--line)}
.matrix .act{font-size:.72rem;color:var(--ink-2);font-weight:700}
.matrix td.first,.matrix th.act:nth-child(5n+1){border-left:2px solid var(--line)}
.matrix tbody tr:hover{background:#FFFBF7}
.cb{display:inline-grid;cursor:pointer}
.cb input{position:absolute;opacity:0}
.cb span{width:22px;height:22px;border-radius:6px;border:1.5px solid #cfc3ba;display:grid;place-items:center;background:#fff;transition:.15s}
.cb input:checked+span{background:var(--brand);border-color:var(--brand)}
.cb input:checked+span::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cb input:disabled+span{opacity:.55;cursor:not-allowed}
.cb input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.na{color:#d4c9bf}
.matrix-legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.8rem 1.2rem;font-size:.8rem;color:var(--ink-2)}

/* İçe aktarma */
.seg{display:grid;gap:.6rem;margin-bottom:1.2rem}
.seg label{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;cursor:pointer}
.seg label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.seg input{accent-color:var(--brand);margin-top:.25rem}
.seg small{display:block;color:var(--ink-2)}
.steps{padding-left:1.2rem;color:var(--ink-2)}.steps li{margin:.4rem 0}
.log{list-style:none;padding:0;margin:0;max-height:420px;overflow:auto;font-size:.86rem;border:1px solid var(--line);border-radius:8px}
.log li{padding:.45rem .7rem;border-bottom:1px solid var(--line)}
.log--ok{color:var(--ok)}.log--warn{color:var(--warn)}.log--err{color:#B42318;font-weight:700}

.msg .meta{display:grid;grid-template-columns:120px 1fr;gap:.4rem 1rem;margin:0 0 1.2rem}
.msg dt{color:var(--ink-2);font-weight:600}.msg dd{margin:0}
.msg__body{background:var(--bg);border-radius:10px;padding:1.2rem;white-space:normal;font-size:1rem}

.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:999px;opacity:0;transition:.3s;z-index:100;font-weight:600}
.toast.is-in{opacity:1;transform:translate(-50%,0)}

/* Giriş / kurulum */
.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% -10%,#6F1418 0,#2a1513 55%,#1b1110 100%);padding:1rem}
.auth__box{background:#fff;border-radius:16px;padding:2rem;width:min(400px,100%);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);display:grid;gap:1rem}
.auth__box--wide{width:min(760px,100%)}
.auth__box label{display:grid;gap:.35rem;font-weight:600;font-size:.9rem}
.auth__brand{display:flex;gap:.8rem;align-items:center;margin-bottom:.4rem}
.auth__brand b{display:block;font:800 1rem/1.1 var(--head);color:var(--brand-deep);letter-spacing:.04em}
.auth__brand span{color:var(--ink-2);font-size:.85rem}
.auth__back{text-align:center;font-size:.88rem;color:var(--ink-2)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form-grid fieldset{border:1px solid var(--line);border-radius:10px;display:grid;gap:.8rem;padding:1rem}
.form-grid legend{font-weight:800;padding:0 .4rem}
.form-grid .btn{grid-column:1/-1}
.checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.checks li{font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:#E3F2E7;color:var(--ok)}
.checks li.bad{background:#FCEDEB;color:#B42318}

/* Duyarlı */
@media (max-width:1100px){.editor{grid-template-columns:1fr}.sticky{position:static}.grid2,.grid2--wide{grid-template-columns:1fr}}
@media (max-width:860px){
  .adm{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:260px;z-index:50;transform:translateX(-100%);transition:transform .25s}
  .side.is-open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.4)}
  .bar{padding:.8rem 1rem}.bar__menu{display:block}.who span:last-child{display:none}
  .content{padding:1.2rem 1rem 3rem}
  .toolbar{flex-direction:column}
  .settings{grid-template-columns:1fr}.settings__nav{display:none}
  .pair,.pair2,.form-grid,.i18n[data-show=both]{grid-template-columns:1fr}
  .table thead{display:none}
  .table tr{display:block;border-bottom:1px solid var(--line);padding:.6rem 0}
  .table td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.35rem 1rem}
  .table td[data-label]::before{content:attr(data-label);font-weight:700;color:var(--ink-2);font-size:.8rem}
  .table .actions{justify-content:flex-start;flex-wrap:wrap;gap:.3rem}
  .table .grip{display:none}
}
.field>.switch{display:flex}

/* v2: mesajlaşma */
.tag--new{background:var(--brand);color:#fff}
.filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.tabs{display:flex;gap:.3rem;flex-wrap:wrap}
.tabs a{padding:.45rem .8rem;border-radius:999px;color:var(--ink);font-weight:600;font-size:.88rem;background:var(--card);border:1px solid var(--line)}
.tabs a span{color:var(--ink-2);font-weight:400;margin-left:.2rem}
.tabs a.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.tabs a.is-active span{color:#d6ccc4}
.search-mini input{width:260px;max-width:100%}
.thread{display:grid;gap:.9rem;margin-bottom:1.2rem}
.bubble{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;max-width:88%}
.bubble header{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;color:var(--ink-2);margin-bottom:.45rem;flex-wrap:wrap}
.bubble header b{color:var(--ink);font-size:.92rem}
.bubble--out{justify-self:end;background:var(--brand-soft);border-color:#ecd3cf}
.bubble--note{justify-self:center;background:#FFF8E1;border-color:#F3E2A9;max-width:94%}
.bubble__subj{font-weight:700;margin:0 0 .4rem}
.bubble .ok{color:var(--ok)}.bubble .bad{color:#B42318;font-weight:700}
.reply textarea{margin:.6rem 0}
.reply__tabs{display:flex;gap:1rem}
.reply__tabs label{display:flex;gap:.4rem;align-items:center;font-weight:600;cursor:pointer}
.reply__tabs input{accent-color:var(--brand)}
.reply__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.reply__foot .help{margin:0}
.reply:has(input[value="1"]:checked) textarea{background:#FFFBEA}
.meta--side{display:grid;grid-template-columns:70px 1fr;gap:.35rem .8rem;margin:0 0 1rem;font-size:.9rem;word-break:break-word}
.meta--side dt{color:var(--ink-2)}.meta--side dd{margin:0}
.smtp-log{background:#1f1716;color:#e7dcd8;border-radius:8px;padding:.8rem 1rem;font:12px/1.5 ui-monospace,Menlo,monospace;max-height:260px;overflow:auto;white-space:pre-wrap}
.smtp-test{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.smtp-test input{flex:1;min-width:220px}
[hidden]{display:none!important}

/* v3 */
.i18n.is-compare{display:grid;grid-template-columns:1fr 1fr;column-gap:1.2rem}
.langtabs{flex-wrap:wrap;align-items:center}
.langtabs__both{margin-inline-start:auto;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--ink-2);cursor:pointer}
.langtabs__both input{accent-color:var(--brand)}
[dir=rtl] .ql-editor{text-align:right}
.w-md{max-width:200px}
.langdots{display:inline-flex;gap:3px}
.langdot{font:700 .62rem/1 var(--body);padding:.25rem .3rem;border-radius:4px;background:#F6E2DF;color:#B42318}
.langdot.is-ok{background:#E3F2E7;color:var(--ok)}
.multicheck{display:flex;flex-wrap:wrap;gap:.5rem}
.multicheck label{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;cursor:pointer;font-weight:600;font-size:.9rem}
.multicheck input{accent-color:var(--brand)}
.multicheck label:has(:checked){border-color:var(--brand);background:var(--brand-soft)}
.multicheck label:has(:disabled){opacity:.7}
.meta-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:.6rem 0 .2rem;background:#fff;border-radius:8px;overflow:hidden}
.meta-table th,.meta-table td{padding:.45rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.meta-table th{width:150px;color:var(--ink-2);font-weight:600;background:#FBF9F6}
.tag--sample{background:#E6EEF6;color:#2F4A6B}
.bars{display:flex;align-items:flex-end;gap:3px;height:90px;margin:.8rem 0 .3rem}
.bars span{flex:1;background:var(--brand);border-radius:3px 3px 0 0;min-height:2px;opacity:.85;position:relative}
.bars span:hover{opacity:1}
.ev-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin-top:.8rem}
.ev-list div{background:var(--bg);border-radius:8px;padding:.6rem .8rem}
.ev-list b{display:block;font:800 1.4rem/1 var(--head)}
.ev-list small{color:var(--ink-2)}
.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:.35rem;background:#b9aca4}
.status-dot.ok{background:#2BA352}.status-dot.err{background:#B42318}
.cf-turnstile{margin:.4rem 0}
.codebox{background:#1f1716;color:#e7dcd8;border-radius:8px;padding:.7rem .9rem;font:12px/1.5 ui-monospace,Menlo,monospace;word-break:break-all;margin:.4rem 0}
.checks li.warn{background:#FFF1D6;color:#A86A00}