/* Shared Opéma Atlas visual identity, inspired by Directassurance.ma. */
:root{--ink:#0f2b4c;--navy:#0f2b4c;--muted:#64748b;--paper:#f7f8fa;--line:#e2e8f0;--wine:#b91c1c;--teal:#b91c1c;--teal-dark:#991b1b;--gold:#f1c8c8}
body{color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--paper)}
h1,h2,h3,h4{color:var(--ink)}
button,.button,.primary,.secondary{transition:background-color .16s,color .16s,box-shadow .16s}
.primary,.button,button[type=submit]{border-radius:999px;background:#b91c1c;color:#fff;box-shadow:0 4px 12px #b91c1c14}
.primary:hover,.button:hover,button[type=submit]:hover{background:#991b1b}
.secondary,.button.secondary{border-radius:999px;background:#fff;color:#0f2b4c;border:1px solid #dbe2ea;box-shadow:none}
.secondary:hover,.button.secondary:hover{background:#f1f5f9}
input,select,textarea{border-color:#d6dfe8;border-radius:10px;color:#0f2b4c}
input:focus,select:focus,textarea:focus{border-color:#0f2b4c}
:focus-visible{outline:3px solid #477aaf;outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:#b91c1c}
.panel,.card,.stat-card{border-color:#e2e8f0;border-radius:18px;box-shadow:0 3px 16px #0f2b4c03}
dialog{border-radius:22px;border-color:#e2e8f0;box-shadow:0 24px 80px #0f2b4c26}
dialog::backdrop{background:#0f2b4c70}
thead,th{background:#f4f7fa;color:#475569}
/* Public site, insured portal and platform administration. */
.atlas-public>header{background:#fff;border-radius:0 0 20px 20px;border-bottom-color:#e2e8f0}
.atlas-public>header nav{gap:6px;flex-wrap:wrap}
.atlas-public>header nav a{padding:9px 14px;border-radius:999px;font-weight:600;font-size:13px}
.atlas-public>header nav a:hover{background:#f1f5f9}
.atlas-public .hero{gap:48px;padding:70px 0 80px}
.atlas-public .hero h1{font-weight:800;letter-spacing:-2.3px;font-size:clamp(38px,4.5vw,60px)}
.atlas-public .hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:600;color:#b91c1c}
.atlas-public .lead{color:#64748b}
.atlas-public .preview{transform:none;border-radius:26px;padding:30px;box-shadow:0 18px 50px #0f2b4c0c}
.atlas-public .stats article{border-radius:14px;background:#f1f5f9}
.atlas-public .stats b{color:#0f2b4c}
.atlas-public .assistant{background:#0f2b4c;border-radius:16px}
.atlas-public .assistant h3,.atlas-public .assistant p{color:#fff}
.atlas-public .card{border-radius:20px}
.atlas-public .card .num{background:#fef2f2;border-radius:12px;display:inline-block;padding:4px 12px;color:#b91c1c}
.atlas-public .tabs button{border-radius:999px;color:#0f2b4c}
.atlas-public .tabs button.active{background:#0f2b4c;color:white;border-color:#0f2b4c}
.atlas-public .badge{border-radius:999px;background:#fef2f2}
.atlas-public .bar{color:#0f2b4c;border-color:#e2e8f0}
/* Cabinet workspace: familiar navigation, refreshed surfaces. */
.atlas-workspace .sidebar{background:#0f2b4c}
.atlas-workspace .sidebar nav button{border-radius:10px;color:#c8d5e5}
.atlas-workspace .sidebar nav button:hover{background:#203f61}
.atlas-workspace .sidebar nav button.active{background:#fff;color:#0f2b4c;box-shadow:inset 3px 0 #b91c1c;font-weight:700}
.atlas-workspace .topbar{background:#fff;border-bottom-color:#e2e8f0}
.atlas-workspace .welcome-banner{background:#0f2b4c;border-radius:22px}
.atlas-workspace .welcome-banner h1,.atlas-workspace .welcome-banner h2,.atlas-workspace .welcome-banner h3{color:white}
.atlas-workspace .welcome-banner .eyebrow{color:#f1c8c8}
.atlas-workspace .stat-icon{background:#fef2f2;color:#b91c1c;border-radius:12px}
.atlas-workspace .agent-card{background:#f2f5fa;border-color:#dce4ee;border-radius:16px}
.atlas-workspace .login-intro{background:#0f2b4c}
.atlas-workspace .login-intro h1{color:white;font-weight:750}
.atlas-workspace .login-intro em{font-family:Georgia,serif;font-style:italic;color:#f1c8c8}
.atlas-workspace .login-intro .eyebrow{color:#f1c8c8}
.atlas-workspace .login-panel{background:#fff}
.atlas-workspace .ai-toggle{background:#b91c1c}
.atlas-workspace .ai-panel{border-radius:20px}
.atlas-workspace .ai-panel header{background:#0f2b4c}
@media(max-width:850px){.atlas-public .hero{padding:36px 0;gap:30px}.atlas-public .hero h1{letter-spacing:-1.3px}.atlas-public>header nav a{padding:7px 10px}.atlas-public .preview{padding:22px}}
@media(prefers-reduced-motion:reduce){button,.button,.primary,.secondary{transition:none}}
.atlas-workspace .dashboard-columns>*,.atlas-workspace .panel{min-width:0}
@media(max-width:780px){.atlas-workspace .dashboard-columns{grid-template-columns:minmax(0,1fr)}.atlas-workspace .topbar{gap:10px}.atlas-workspace .topbar-user>div{display:none}.atlas-workspace .topbar-user{flex-shrink:0}.atlas-workspace .global-search{min-width:0;flex:1}.atlas-workspace .global-search input{min-width:0}.atlas-workspace .action-row{min-width:0}}

.app-release{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#64748b;white-space:normal;overflow-wrap:anywhere;margin-top:8px}
footer{flex-wrap:wrap}footer>.app-release{flex-basis:100%}.workspace-footer>.app-release{margin-left:auto}.login-box>.app-release{margin-top:24px}
@media print{.app-release{display:none}}