/* Content Queens — الأنماط المشتركة */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&display=swap');
:root{
  --ink:#1D1233; --deep:#1F1440; --deeper:#140D2B;
  --purple:#5B2EB8; --purple-dark:#2A1A52; --purple-mid:#9C7BE0;
  --lime:#D6FF4B; --lime-hover:#c9f53a; --lime-dark:#3E4A12;
  --muted:#7A7290; --muted-2:#B9AEDA; --muted-3:#A79FBB; --body:#4A4160;
  --bg:#F7F6FA; --card:#FBFAFD; --line:#EBE7F2; --line-2:#F0EEF5;
  --lav:#F0E9FC; --dash:#C9B8F0;
  --green:#2E7D32; --green-bg:#E4F6E0; --red:#C62828; --red-bg:#FDECEC;
  --amber:#9A6B00; --amber-bg:#FFF3D6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ink)}
a{color:var(--purple);text-decoration:none}
a:hover{color:var(--purple-dark)}
h1,h2,h3{margin:0}
input{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
input:focus{outline:2px solid var(--purple);outline-offset:0}
@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.mono{font-family:monospace;direction:ltr}
/* شعار Content Queens: تاج ذهبي + اسم بخط مزخرف */
.logo-dot{width:20px;height:15px;border:none !important;border-radius:0;display:inline-block;flex:none;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 46"><path d="M32 1 L36.5 12 Q32 10 27.5 12 Z" fill="%23E8B23C"/><path d="M10 40 Q8 24 4 16 Q14 26 22 20 Q29 15 32 8 Q35 15 42 20 Q50 26 60 16 Q56 24 54 40 Q32 35 10 40 Z" fill="%23E8B23C"/><circle cx="5" cy="12" r="4.5" fill="%23E8B23C"/><circle cx="59" cy="12" r="4.5" fill="%23E8B23C"/></svg>') no-repeat center/contain}
.logo-dot--lime{filter:none}
.logo-dot + span{font-family:'Dancing Script','IBM Plex Sans Arabic',cursive !important;font-weight:700;letter-spacing:0 !important;direction:ltr}

.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(-50%);background:var(--deep);color:#fff;border-radius:13px;padding:12px 20px;font-size:13.5px;font-weight:600;z-index:100;display:flex;align-items:center;gap:9px;animation:pop .25s ease both;box-shadow:0 12px 34px rgba(0,0,0,0.3);white-space:nowrap}
.toast b{color:var(--lime)}

.status-pill{font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;width:fit-content;white-space:nowrap}
.st-ok{background:var(--green-bg);color:var(--green)}
.st-warn{background:var(--amber-bg);color:var(--amber)}
.st-bad{background:var(--red-bg);color:var(--red)}
.st-purple{background:var(--lav);color:var(--purple)}
.st-lime{background:var(--lime);color:var(--ink)}
.st-off{background:var(--line-2);color:var(--muted-3)}

.code-chip{font-family:monospace;font-weight:700;color:var(--purple);background:var(--lav);border-radius:8px;padding:5px 10px;direction:ltr;font-size:12.5px;white-space:nowrap}
.code-chip--click{cursor:pointer}
.code-chip--click:hover{background:#E2D5F7}

.card{background:#fff;border:1px solid var(--line);border-radius:18px}
.btn-lime{background:var(--lime);color:var(--ink);font-weight:700;border-radius:12px;cursor:pointer;text-align:center;user-select:none}
.btn-lime:hover{background:var(--lime-hover);color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff;font-weight:700;border-radius:12px;cursor:pointer;text-align:center;user-select:none}
.btn-dark:hover{background:var(--purple-dark);color:#fff}

.progress-track{height:8px;background:var(--line-2);border-radius:999px;overflow:hidden}
.progress-track--dark{background:rgba(255,255,255,0.12)}
.progress-fill{height:100%;border-radius:999px;background:var(--purple);transition:width .4s ease}

.table-head,.table-row{display:grid;gap:10px;padding:13px 20px;align-items:center}
.table-head{background:var(--card);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--muted)}
.table-row{border-bottom:1px solid var(--line-2);font-size:13.5px}