/* ===== ss-v491-fix-style ===== */


/* ── 1. SWATCH FIX: make each swatch actually show its color ── */
.v49-theme-swatch{
  display:inline-flex!important;
  width:36px!important;height:36px!important;
  border-radius:50%!important;
  border:2.5px solid rgba(255,255,255,.25)!important;
  cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;
  transition:transform .18s,box-shadow .18s;
  box-shadow:0 2px 6px rgba(0,0,0,.35);
}
.v49-theme-swatch[data-theme="default"]{ background:#e2e8f0!important; }
.v49-theme-swatch[data-theme="dotted"] { background:repeating-linear-gradient(45deg,#475569 0 2px,#f1f5f9 0 7px)!important; }
.v49-theme-swatch[data-theme="shadow"] { background:linear-gradient(135deg,#e0e7ff,#cbd5e1)!important;box-shadow:0 4px 12px rgba(15,23,42,.45)!important; }
.v49-theme-swatch[data-theme="glass"]  { background:linear-gradient(135deg,#bae6fd 0%,#bbf7d0 50%,#e9d5ff 100%)!important;border-color:rgba(255,255,255,.7)!important; }
.v49-theme-swatch[data-theme="bold"]   { background:linear-gradient(135deg,#0f172a,#1e40af)!important; }
.v49-theme-swatch[data-theme="paper"]  { background:linear-gradient(135deg,#fdf6e3,#f4d58d)!important;border-color:#c4a35a!important; }
.v49-theme-swatch[data-theme="minimal"]{ background:linear-gradient(180deg,#fff 60%,#0f172a 60%)!important; }
.v49-theme-swatch:hover{ transform:scale(1.2)!important; }
.v49-theme-swatch.active{
  border-color:#facc15!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.45),0 2px 8px rgba(0,0,0,.4)!important;
}
.v49-theme-swatch::after{
  content:'✓';position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.7);
  opacity:0;transition:opacity .15s;
}
.v49-theme-swatch.active::after{ opacity:1; }

/* ── 2. FORMAL-HEADER V49: modern 3-column for grades / plan ── */
.formal-header{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:6mm!important;
  align-items:center!important;
  padding:3mm 3mm 4mm!important;
  margin:0 0 5mm!important;
  border:none!important;
  border-bottom:2px solid #0f172a!important;
  background:#fff!important;
  color:#0f172a!important;
  direction:rtl!important;
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;
}
.formal-header .header-side{
  width:auto!important;text-align:right!important;
  font-size:9.5pt!important;line-height:1.5!important;
  font-weight:800!important;color:#0f172a!important;
}
.formal-header .header-left-side{ text-align:left!important; }
.formal-header .header-center{
  width:auto!important;text-align:center!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.formal-header .header-logo-img{
  max-height:14mm!important;max-width:16mm!important;
  object-fit:contain!important;margin-bottom:1.5mm!important;
}
.formal-header .header-main-title{
  font-size:15pt!important;font-weight:950!important;
  text-decoration:none!important;letter-spacing:-.3px!important;
  margin:0!important;color:#0f172a!important;
}
.formal-header .header-line{ display:block;margin-bottom:.8mm; }
.formal-header .header-line:last-child{ margin-bottom:0; }
.formal-header .header-line span{ font-weight:400!important;color:#334155!important; }
.formal-header .school-name{ font-size:10.5pt!important;font-weight:900!important; }

/* ── 3. TABLE in export: cleaner modern style ── */
.export-content table{
  border:1.5px solid #334155!important;
  border-radius:8px;overflow:hidden;
}
.export-content th{
  background:linear-gradient(135deg,#1e293b,#334155)!important;
  color:#f1f5f9!important;font-weight:900!important;
  border:1px solid #475569!important;
  font-size:9pt!important;padding:2mm 1.5mm!important;
}
.export-content td{
  border:1px solid #cbd5e1!important;
  font-size:9pt!important;padding:1.8mm 1.5mm!important;
  background:#fff!important;color:#0f172a!important;
}
.export-content tr:nth-child(even) td{ background:#f8fafc!important; }

/* ── 4. Print: keep colors ── */
@media print{
  .formal-header{ -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important; }
  .export-content th{ -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important; }
  .export-content tr:nth-child(even) td{ -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important; }
}