/*
 * Global stylesheet for SafetyShield
 * Move inline <style> rules here to comply with strict CSP (no unsafe-inline)
 */

body {
	margin: 0;
}

/* ========================================================================
   CMS cinematic rendered inside app shell (sidebar/topbar)
   - prevent "dark-on-dark" / low contrast when cinematic content is shown
   ======================================================================== */
body.cms-cinematic .main-content {
	background: #ffffff;
	color: #0b1b3a;
}
body.cms-cinematic .main-content .landing,
body.cms-cinematic .main-content .landing-cinematic {
	background: transparent;
}

/* CSP-safe utilities (used instead of dynamic inline styles) */
.dn{display:none}
.db{display:block}
.w-80p{width:80%}
.w-60p{width:60%}
.ta-center{text-align:center}
.va-middle{vertical-align:middle}
.mt-5{margin-top:5px}
.mb-5{margin-bottom:5px}
.minw-120{min-width:120px}
.mw-80px{max-width:80px}
.mh-40px{max-height:40px}
.bd-eee{border:1px solid #eee}
.w-220px{width:220px}
.mw-220px{max-width:220px}

/* keep existing content above intact */