/* Shared Shift24 brand accents across every application page. */
@media screen {
 :root{--brand-blue:#1875f5;--brand-green:#08c58b;--brand-pale-blue:#edf5ff;--brand-pale-green:#e8f8f1}
 .app-sidebar nav a.active{background:var(--brand-pale-green);border-left:4px solid var(--brand-green);color:#00825e}
 .app-sidebar nav a:not(.active):hover{background:var(--brand-pale-blue);color:#125fc4}
 .dashboard>header .eyebrow,.mobile-shell>header .eyebrow{color:#126aca;letter-spacing:.11em}
 .dashboard>header h1,.mobile-shell>header h1{border-left:4px solid var(--brand-blue);padding-left:12px}
 .dashboard>header{border-bottom:1px solid #dce9f7;padding-bottom:16px}
 .button:not(.secondary):not(.danger):not(.text-button),.mobile-primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
 .button:not(.secondary):not(.danger):not(.text-button):hover,.mobile-primary:hover{background:#0f62d5;border-color:#0f62d5}
 .secondary:not(.danger){border-color:#c6ddf5;color:#155995}
 .secondary:not(.danger):hover{background:#eef6ff}
 .form-card,.settings-card,.staff-table-card,.staff-detail,.report-section,.quick-links>a,.request-card{border-color:#dbe7f3}
 .form-card,.settings-card{border-top:3px solid #d5e9ff}
 .quick-links>a,.settings-menu-card{background:linear-gradient(135deg,#f1f7ff,#fff 65%);border-color:#d1e4f6;border-top:3px solid #b8d8ff}
 .quick-links>a:nth-child(even),.settings-menu-card:nth-child(even){background:linear-gradient(135deg,#eefaf5,#fff 65%);border-top-color:#9ce6cd}
 .quick-links>a:hover,.settings-menu-card:hover{border-color:#1875f5}
 .tiles>article,.report-kpis>article,.settings-summary>*{border-top:3px solid #bddcff;background:#f5f9ff}
 .tiles>article:nth-child(even),.settings-summary>:nth-child(even){border-top-color:#96e3c8;background:#f0faf6}
 .report-kpis>article.attention{border-top-color:#e9b864;background:#fff9ef}
 .staff-table-head,.hours-row.heading,.report-row.heading{background:#e8f3ff;color:#102e50}
 .hours-summary a.active,.settings-nav a[aria-current],.role-tabs a[aria-current]{background:#e7f2ff;color:#145da8;border-color:#1875f5;box-shadow:inset 0 3px 0 #1875f5}
 .staff-detail-tabs>a{color:#1464b9;text-decoration:none;border-bottom:2px solid #b8d9ff}
 .staff-row.selected{background:#edf6ff;box-shadow:inset 3px 0 0 #1875f5}
 .staff-person i,.staff-profile>i,.sidebar-account-avatar{background:hsl(var(--person-hue,155) 70% 92%);color:hsl(var(--person-hue,155) 65% 28%)}
 .staff-row[style]{border-left:3px solid hsl(var(--person-hue) 60% 40%)}
 input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #1875f5;outline-offset:3px}
 input[type=checkbox],input[type=radio]{accent-color:#1875f5}
 .login-card,.auth-card{border-top:4px solid #1875f5}
}
@media screen and (max-width:800px){
 .dashboard>header,.mobile-shell>header{border-color:#25445c}
 .dashboard>header .eyebrow,.mobile-shell>header .eyebrow{color:#7bb8ff}
 .dashboard .button:not(.secondary):not(.danger):not(.text-button),.mobile-shell .mobile-primary{background:#1875f5!important;color:white!important;border-color:#398cff!important}
 .dashboard .secondary:not(.danger){background:#102b40;color:#dceeff;border-color:#355877}
 .dashboard .quick-links>a,.dashboard .settings-menu-card{background:linear-gradient(135deg,#15334e,#0c2232 75%)!important;border-color:#31516b!important;border-top-color:#3975ad!important;color:#eef7ff!important}
 .dashboard .quick-links>a:nth-child(even),.dashboard .settings-menu-card:nth-child(even){background:linear-gradient(135deg,#103b32,#0c2232 75%)!important;border-top-color:#288c71!important}
 .dashboard .tiles>article,.dashboard .report-kpis>article,.dashboard .settings-summary>*{background:#112d44!important;border-color:#31516b!important;color:#eef7ff}
 .dashboard .tiles>article:nth-child(even),.dashboard .settings-summary>:nth-child(even){background:#10372f!important;border-top-color:#288c71!important}
 .dashboard .report-kpis>article.attention{background:#33291b!important;border-top-color:#ba8b35!important}
 .dashboard .staff-table-head,.dashboard .hours-row.heading,.dashboard .report-row.heading{background:#15344c!important;color:#e9f6ff!important}
 .dashboard .staff-row.selected{background:#123653!important}
 .dashboard .staff-detail-tabs>a{color:#91c6ff}
 .dashboard .hours-summary a.active,.dashboard .settings-nav a[aria-current],.dashboard .role-tabs a[aria-current]{background:#163e60!important;border-color:#4599ff!important;color:#eef7ff!important}
 .mobile-bottom-nav a.active{background:#10382f;border-radius:10px;box-shadow:inset 0 3px 0 #08c58b;color:#5ae4b1}
}
