:root,
html[data-theme="dark"],
html[data-color-scheme="dark"]{
  color-scheme:dark;
  --ceobi-bg:#061521;
  --ceobi-surface:#0b2e43;
  --ceobi-surface-2:#082436;
  --ceobi-text:#eef6f8;
  --ceobi-muted:#b8c8d0;
  --ceobi-gold:#d7ad58;
  --ceobi-cyan:#51c8c5;
}
html,body{min-height:100%;font-family:"Cairo","Tajawal","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(circle at 75% 8%,rgba(81,200,197,.10),transparent 30%),linear-gradient(180deg,#061521,#071d2e);color:var(--ceobi-text)}
button[aria-label*="فاتح"],button[aria-label*="الوضع"],button[title*="Light"],button[data-theme-toggle],.theme-toggle,.appearance-toggle{display:none!important}
h1,h2,h3,h4,h5,h6{font-family:"Cairo","Tajawal","Noto Sans Arabic","Segoe UI",sans-serif;line-height:1.35;letter-spacing:0}
p,li,td,th,label,input,select,textarea,button{line-height:1.7}

/* Report-only alignment and surfaces. */
:is(.report-content,.ceobi-report,.report-page,.report-shell) :is(h1,h2){text-align:center;margin-inline:auto}
:is(.report-content,.ceobi-report,.report-page,.report-shell)>p{max-width:78ch;margin-inline:auto;text-align:center}
:is(.report-content,.ceobi-report,.report-page,.report-shell) :is(.section,.card,.panel){background-color:#071d2e;color:#eef6f8}

@media(max-width:768px){
  html{font-size:15px}
  body{overflow-x:hidden}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page){width:100%;max-width:100%;padding-inline:14px}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page) :is(.grid,.grid2,.grid3,.cards,.reports-grid,.author,.hero,.cover){grid-template-columns:1fr!important}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page) :is(.topbar,.top,.actions,.toolbar){flex-direction:column;align-items:stretch}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page) .actions>*{width:100%;text-align:center}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page) table{display:block;max-width:100%;overflow-x:auto}
  :is(.report-shell,.reports-shell,.ceobi-report,.report-page) :is(svg,canvas,img){max-width:100%;height:auto}
}

@media print{
  html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}
