/* R44 : direction Option C, presentation only. No authorization or backend overrides. */
:root{--r44-petrol:#053d4d;--r44-teal:#087e86;--r44-turquoise:#13aab0;--r44-soft:#e9f9f9;--r44-text:#123444;--r44-border:#d7e9e9}
body{background:#f5fbfb;color:var(--r44-text)}
#dashboard{max-width:1260px;margin:0 auto;padding:16px 14px 40px}
#dashboard .account-bar{background:linear-gradient(110deg,var(--r44-petrol),#0c777d);border-radius:18px;color:#fff;padding:23px 26px;margin-bottom:17px}
#dashboard .account-bar .eyebrow,#dashboard .account-bar small{color:#d1f4f2}
#dashboard .account-bar h2{color:#fff}
#dashboard .account-bar .btn{background:#fff;color:var(--r44-petrol);border:1px solid #c5e8e5}
#dashboard .panel,#dashboard .stats article{background:#fff;border:1px solid var(--r44-border);border-radius:16px;box-shadow:0 4px 18px #0347570e}
#dashboard .panel{padding:22px;scroll-margin-top:90px}
#dashboard .stats{gap:12px}
#dashboard .stats article{min-width:0;overflow-wrap:anywhere}
#dashboard .stats article b{color:var(--r44-petrol)}
#dashboard .eyebrow{color:var(--r44-teal)}
#dashboard .mini-progress,#dashboard .progress{background:#e3f3f3}
#dashboard .mini-progress i,#dashboard .progress i{background:linear-gradient(90deg,#12b5ac,#078491)}
#dashboard .role-nav,#dashboard .trainer-filters{gap:9px}
#dashboard .role-chip{background:var(--r44-soft);border-color:#addad7;color:var(--r44-petrol)}
#dashboard .btn.primary,#dashboard .mini-btn,#dashboard .pedagogy-action{background:var(--r44-teal);color:#fff}
#dashboard .btn.primary:hover,#dashboard .mini-btn:hover{background:var(--r44-petrol)}
#dashboard :is(a,button):focus-visible{outline:3px solid #dfa444;outline-offset:3px}
#dashboard .training-card,#dashboard .summary-card,#dashboard .module-block{border-color:var(--r44-border);border-radius:13px}
#dashboard .readiness{border-left:4px solid var(--r44-turquoise)}
.r44-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1160px;margin:32px auto;padding:26px 30px;background:linear-gradient(110deg,#e6f8f8,#f8fdfd);border:1px solid #b8e1df;border-radius:19px}
.r44-preview-banner h2{color:var(--r44-petrol);font-size:clamp(1.35rem,2.2vw,1.9rem);margin:4px 0}
.r44-preview-banner p{color:#496b74;max-width:650px}
.r44-preview-banner .r44-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--r44-teal)}
.r44-preview-button{display:inline-flex;text-align:center;justify-content:center;text-decoration:none;padding:13px 18px;background:var(--r44-petrol);color:white;border-radius:10px;font-weight:700;white-space:nowrap}
.r44-preview-button:hover{background:var(--r44-teal)}
@media(max-width:800px){#dashboard{padding:12px 10px 25px}#dashboard .panel{padding:16px}#dashboard .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#dashboard .account-bar{padding:17px;gap:10px;flex-wrap:wrap}.r44-preview-banner{margin:17px 12px;padding:19px;flex-direction:column;align-items:stretch}.r44-preview-button{white-space:normal}}