/* «بوكس النطاقات والشهادات» (public/cf-box.js). Layout only: buttons / fields / notes are the standard .btn / .input / .field /
   .st-note pieces; colours, radii and type come from theme-tokens.css only (same pop-up shape as the Posts box). */
.cf-ov{position:fixed;inset:0;z-index:61;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(12px + var(--sb,0px))}
@media (min-width:700px){.cf-ov{align-items:center}}
.cf-pop{width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--chrome);color:var(--text);border:.5px solid var(--stroke);border-radius:22px;box-shadow:var(--shadow-pop);overflow:hidden}
.cf-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:.5px solid var(--stroke)}.cf-h b{font-size:16px;display:block}.cf-h small{display:block;font-size:12px;color:var(--text3);font-weight:500}
.cf-logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);flex:none}.cf-logo svg{width:18px;height:18px}
.cf-b{overflow:auto;padding:0 16px 16px}
.cf-tabs{flex:none;display:flex;gap:6px;padding:10px 0;overflow-x:auto}
.cf-c{background:var(--elevated);border:.5px solid var(--stroke);border-radius:16px;padding:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.cf-c small{color:var(--text3);font-size:12px;display:block}
.cf-row{display:flex;align-items:center;gap:10px}.cf-f{flex:1;min-width:0}.cf-f b{overflow-wrap:anywhere}
.cf-code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12.5px;color:var(--text2)}
.cf-pill{font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid currentColor;white-space:nowrap}
.cf-pill.ok{color:var(--success)}.cf-pill.wa{color:var(--warning-bar)}.cf-pill.er{color:var(--danger)}.cf-pill.ac{color:var(--brand)}.cf-pill.mu{color:var(--text3)}
.cf-note{font-size:13px;color:var(--text2);margin:0 0 8px}
.cf-empty{padding:14px;border:1px dashed var(--stroke);border-radius:14px;color:var(--text3);font-size:13px;text-align:center;margin-bottom:8px}.cf-empty.er{color:var(--danger)}
.cf-sel{margin-bottom:8px}