/* Admin tools. Logical properties only (inline-start/end), so RTL and LTR both work. */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:var(--fs-md)/1.6 var(--font)}
.wrap{max-width:var(--max);margin-inline:auto;padding:var(--sp-6) var(--sp-4)}
header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-block-end:var(--sp-6)}
h1{font-size:var(--fs-lg);margin:0}
h2{font-size:var(--fs-md);margin:0 0 var(--sp-3)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);margin-block-end:var(--sp-4)}
.lede,.hint{color:var(--muted);font-size:var(--fs-sm);margin:0 0 var(--sp-4)}
label{display:block;font-size:var(--fs-sm);color:var(--muted);margin-block-end:var(--sp-3)}
label>span{display:block;margin-block-end:var(--sp-1)}
input[type=text],input[type=password],input[type=url],textarea{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);font:inherit}
textarea{min-height:96px;resize:vertical}
input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tick{display:flex;align-items:center;gap:var(--sp-2);color:var(--text)}
.tick>span{margin:0}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}
button{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:var(--sp-2) var(--sp-4);cursor:pointer;min-height:40px}
button.go{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
button:disabled{opacity:.5;cursor:not-allowed}
select{font:inherit;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2)}
.msg{font-size:var(--fs-sm);color:var(--bad)}
.msg.ok{color:var(--ok)}
.state{font-size:var(--fs-sm);margin:0 0 var(--sp-4);color:var(--bad)}
.state.ok{color:var(--ok)}
label small{display:block;margin-block-start:var(--sp-1)}
code{background:var(--surface-2);padding:0 var(--sp-1);border-radius:4px;direction:ltr;unicode-bidi:isolate}
.seg-en textarea,.seg-en input{direction:ltr}
.seg-ar textarea,.seg-ar input{direction:rtl}
[hidden]{display:none!important}
fieldset{border:0;padding:0;margin:0 0 var(--sp-2)}