/* Staff-approved palette, 2026-10-10. */
:root,body.collaboration-design{--ink:#232d43;--accent:#3345ef;--paper:#f5f7ff;--line:#dfe4f0;--soft:#eef0ff;color:var(--ink);background:#f5f7ff}
body .site-header,body.collaboration-design .site-header{background:linear-gradient(110deg,#e3f5fb,#eef0ff);border-bottom:2px solid #209ab7;color:#232d43}
body .card,body.collaboration-design .card,body .form-card{background:#fff;border-color:#dfe4f0;border-radius:16px;box-shadow:0 5px 20px -18px #243a76}
body .home-hero,body.collaboration-design .home-hero{background:linear-gradient(115deg,#193887 0%,#4b209a 58%,#05889a 100%);color:#fff;border:0;border-radius:18px;position:relative;overflow:hidden;padding:38px;margin-bottom:26px}
.home-hero:after{content:'';position:absolute;right:-40px;top:-70px;width:260px;height:260px;border-radius:50%;background:#22b9cf24;pointer-events:none}
body .home-hero h1,body.collaboration-design .home-hero h1{color:#fff;font-size:clamp(28px,4vw,40px);line-height:1.3;margin:14px 0}
body .home-hero p,body .home-hero .eyebrow,body.collaboration-design .home-hero p{color:#d9e6ff}
body .hero-link,body.collaboration-design .hero-link{background:#fff;color:#3045cd;border:0;position:relative;z-index:1}
body button.primary,body .input-box button.primary,body #submitRequest{background:#3345ef!important;border-color:#3345ef!important;color:#fff!important}
body .workspace-nav{background:#f5f7ff;border-color:#dfe4f0}
body.collaboration-design .app-rail{background:linear-gradient(180deg,#193887,#49209a);color:#e6eaff}
body .mobile-work-tabs{background:#f5f7ff;border-color:#dfe4f0}
body .mobile-work-tabs a[aria-current=page],body .workspace-nav a[aria-current=page]{color:#3345ef;background:#e9edff}
body a.card.feature h2,body .school-name{color:#273a92}
body .table-scroll th{background:#eef1ff;color:#273a60}
body .project-choice[aria-pressed=true]{background:#eef1ff;border-color:#8995f5}
body .project-choice{border-top-color:#3345ef}
body .bubble{background:#eef0fb;color:#232d43}
body .message.own .bubble,body .message.mine .bubble{background:#3345ef;color:white}
body :is(input,select,textarea):focus-visible,body :is(button,a):focus-visible{outline:2px solid #3345ef;outline-offset:3px}
@media(max-width:720px){body .home-hero,body.collaboration-design .home-hero{padding:28px 24px}.home-hero:after{width:210px;height:210px}}

/* Unified auth, logo surfaces and mobile overrides. */
body{background:#f5f7ff!important;color:#232d43;--mobile-ink:#232d43;--mobile-muted:#647089;--mobile-line:#dfe4f0;--mobile-accent:#3345ef}
body .site-header,body.collaboration-design .site-header{background:linear-gradient(110deg,#e3f5fb,#eef0ff)!important;isolation:isolate}
body .brand-logo,body .workspace-name img{mix-blend-mode:multiply}
body .site-header nav a,body .workspace-nav a,body .site-header .brand-title{color:#485575}
body.collaboration-design .workspace-create{background:#3345ef;color:white;border-color:#3345ef}
body.collaboration-design .workspace-nav a[aria-current=page]{background:#e9edff;color:#3045cd}
body .login.card{border-color:#dfe4f0;border-radius:20px;box-shadow:0 12px 38px #243a7610!important;background:#fff!important}
body .login h1,body .login label{color:#232d43}
body .login :is(.eyebrow,.muted,.hint,summary){color:#647089}
body .login :is(input,select){border-color:#dfe4f0;color:#232d43;border-radius:12px}
body .login :is(input,select):focus{border-color:#3345ef;outline:3px solid #dfe5ff}
body .login a{color:#3045cd}
body .login .secondary{border-color:#dfe4f0;background:#eef1ff;color:#3045cd}
body .login button.primary,body .login button[type=submit]{background:#3345ef!important;border-color:#3345ef!important}
body .login .eyebrow{border-left:3px solid #209ab7;padding-left:10px}
body .login details{border-color:#dfe4f0}
body .card.feature{border-left-color:#209ab7}
body .workspace-icon{background:#3345ef}
body .chat-shell{border-color:#dfe4f0}
body :is(.chat-sidebar,.chat-list-header){border-color:#dfe4f0}
@media(max-width:760px){
 body.collaboration-design{--mobile-ink:#232d43;--mobile-muted:#647089;--mobile-line:#dfe4f0;--mobile-accent:#3345ef;background:#f5f7ff!important}
 body.collaboration-design main.container:not([data-kind=chat]),body.collaboration-design #workHome{background:#f5f7ff}
 body.collaboration-design main.container:not([data-kind=chat])>p,body.collaboration-design main.container:not([data-kind=chat]) :is(label,.hint,details>summary){color:#647089}
 body.collaboration-design main.container:not([data-kind=chat]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#dfe4f0!important;color:#232d43;background:#fff}
 body.collaboration-design main.container:not([data-kind=chat]) :is(input,select,textarea):focus-visible{outline-color:#3345ef}
 body.collaboration-design main.container:not([data-kind=chat]) button{background:#eef1ff;color:#3045cd;border-color:#dfe4f0}
 body.collaboration-design main.container:not([data-kind=chat]) :is(button.primary,button[type=submit],form button:not([type])){background:#3345ef!important;border-color:#3345ef!important;color:#fff}
 body.collaboration-design #workHome .cards>a.card{background:transparent;border:0;box-shadow:none}
 body.collaboration-design .mobile-feature-icon{background:#e9edff;color:#3345ef}
 body.collaboration-design #assignedTasks,body.collaboration-design .mobile-project-summary{background:#fff;border-top-color:#e9edff}
 body.collaboration-design .mobile-work-tabs{background:#f5f7fff5;border-color:#dfe4f0}
 body.collaboration-design .mobile-work-tabs a[aria-current=page]{background:#e9edff;color:#3345ef}
 body.collaboration-design .site-header .brand-logo{max-width:55vw}
 #projectsPage[data-kind=project] .project-view-tabs{background:#e9edff}
 #projectsPage[data-kind=project] .project-view-tabs :is(button,a){color:#647089!important}
 #projectsPage[data-kind=project] .project-view-tabs button[aria-pressed=true]{color:#3045cd!important}
 #projectsPage[data-kind=project] .project-company-tools a{background:#eef1ff;border-color:#dfe4f0;color:#3045cd}
 body .finance-workspace .finance-kind-tabs button[aria-pressed=true]{background:#3345ef!important}
}

body #projectsPage[data-kind=project]{--workspace-accent:#3345ef;--workspace-ink:#232d43;--workspace-muted:#647089;--workspace-line:#dfe4f0}
body #projectsPage[data-kind=project] .workspace-create-button{background:#3345ef!important;color:white!important}
body #projectsPage[data-kind=project] .workspace-links a{background:#eef1ff;color:#485575}
body.chat-app #projectsPage #chatCreate{background:#3345ef!important;color:white!important}
body .chat-list-tools input{background:#f5f7ff!important;border-color:#dfe4f0!important}
body .chat-list-tools button[aria-pressed=true]{background:#e9edff;color:#3045cd;border-color:#dfe4f0}
body :is(.chat-room-avatar,.employee-avatar,.chat-message-avatar,.chat-welcome-icon){background:#e9edff;color:#3045cd}
body .chat-unread-badge{background:#3345ef}
body.chat-app #projectsPage #projectPosts article.chat-own>p{background:#3345ef;border-color:#3345ef;color:white}
body.chat-app #projectsPage #projectPosts article:not(.chat-own)>p{background:#eef1ff;color:#232d43}

/* A/S school responsibility filter */
.mobile-toolbar{grid-template-columns:1fr 1fr 1fr auto}
@media(max-width:720px){.mobile-toolbar{grid-template-columns:1fr 1fr}.mobile-toolbar label:first-child{grid-column:1/-1}}

#weeklyTable table,#draftTable table{min-width:500px;table-layout:fixed}

.mobile-school-group{margin:26px 0}.mobile-school-group h2{font-size:20px;color:#273a92;border-bottom:2px solid #dfe5ff;padding-bottom:10px;margin-bottom:12px}
