/* Third independent design: soft grey canvas, white cards, slate navigation. */
:root{--accent:#44677b;--accent-text:#355b72;--muted:#596873;--line:#d5dddf;--surface:#fff;--ink:#24313b;background:#edf0ef;color:#24313b}
body{background:#edf0ef;color:#24313b}
.test-banner{background:#dfe6e5;border-color:#d2dcda;color:#52636c}.test-banner strong{color:#3b5964}
.site-header{background:#243641;border-color:#243641;box-shadow:0 2px 10px #172b3610}
.brand,.brand:hover{color:#f6f9fa}.brand span{color:#c2d0d7;border-color:#53646d}
.site-header nav>a:not(.button){color:#d4dfe5}
.site-header .text-button{color:#d4e4ea}#account-name{color:#c7d4dc}
.site-header .button{background:#eff4f5;border-color:#eff4f5;color:#2a4658;box-shadow:none}.site-header .button:hover{background:#dce8ec}
.button{background:#44677b;border-color:#44677b;color:white;box-shadow:0 3px 8px #334e6010}
.button:hover{background:#35566c;border-color:#35566c;color:white}
.button.secondary{background:#fafcfc;border-color:#c6d2d8;color:#344e5f}.button.secondary:hover{background:#e7eff1;border-color:#a3bac5;color:#243d4d}
.text-button,a{color:#355d74}.skip-link{background:#35566c;color:#fff}
.welcome-hero h1 span{color:#587889}
.eyebrow,.welcome-preview .eyebrow{color:#566f7b}
.panel{background:#fff;border-color:#d7dfe1;box-shadow:0 6px 22px #22384104}
.welcome-preview{background:#e2e9e9;border-color:#cbd6d8;box-shadow:0 22px 60px #263f4c0d}
.welcome-preview .mini-task{background:#fff;border-color:#d2dde0;box-shadow:0 4px 16px #344f5c05}
.pill{background:#eef2f3;border-color:#d1dde1;color:#536a76}.pill.orange{background:#e9f0f3;border-color:#c9d9df;color:#365a6e}
.monogram{background:#e7eef0;border-color:#cedce0;color:#456776}
#sidebar{background:#2c404b;border-color:#2c404b}
#app-nav a{color:#cedae1}#app-nav a span{color:#a4bac7}
#app-nav a:hover{background:#3c535f;color:white}#app-nav a[aria-current=page]{background:#496572;color:#fff}
.sidebar-caption{color:#adc0ca}.sidebar-note{border-color:#4a606a}.sidebar-note strong{color:#e2ebef}.sidebar-note p{color:#b4c6cf}.sidebar-exit{color:#cfdee5}.sidebar-exit:hover{color:#fff}.status-dot{background:#92b1bb}
.with-sidebar #content{background:#edf0ef}
.metric{background:#e4ebec;border-color:#d1dcdf}.metric strong{color:#2d4756}
.assignment{background:#f9fbfb;border-left-color:#6b8b98}
.avatar{background:#e5eef0;border-color:#cfdbdf;color:#486776}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:#b3c4cb;background:#fbfcfc;color:#24313b}
.tabs a,.tabs button{color:#4e6571}.tabs [aria-current=page]{background:#44677b;border-color:#44677b;color:white}.tabs a:hover{background:#dce7eb;color:#284758}.tabs [aria-current=page]:hover{background:#35566c;color:white}
th{background:#e5ecee;color:#506873}td{color:#2e424e}.table-wrap{background:white}
.task-row{background:#fff;border-color:#d5dfe2}.empty{background:#f5f8f8;border-color:#c5d3d8}
.feedback{background:#eaf1f2;border-left-color:#6c929f}
.message{background:#f0f4f4;border-color:#d5dfe2}.message.user{background:#e3eef1;border-color:#c3d8e0}.message strong{color:#416c7b}
.suggestions button{background:#fff;color:#466674;border-color:#ccdade}.suggestions button:hover{background:#e7eff1;border-color:#86a2b1}
.password-row button{background:#edf3f4;border-color:#c9d6dc;color:#3d6275}
.tag-list label{background:#f0f5f5;border-color:#d2dfe2}
.site-footer{background:#e4eae9;border-color:#d3ddda;color:#566b72}
dialog{background:#f9fbfb;border-color:#c8d6da;color:#24313b}dialog::backdrop{background:#162b3773}
.menu-toggle{background:#354f5e;border-color:#67808d;color:#f5f8fa}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#6393a7}
.site-header a:focus-visible,#sidebar a:focus-visible{outline-color:#b2d8e2}
@media(max-width:768px){#sidebar{background:#2c404b;box-shadow:0 20px 40px #17304c30}}
.site-header #simple-nav{color:#d4dfe5}