/* Shared workspace palette for staff and families. Public pages keep their own styling. */
:is(.staff-mode,.family-mode){--ink:#182b45;--muted:#627084;--line:#e3e3df;--paper:#f5f5f1;--staff-navy:#102641;--staff-muted:#b8c7d8;color:var(--ink)}
:is(.staff-mode,.family-mode) .workspace{background:var(--paper);min-height:100vh}
:is(.staff-mode,.family-mode) .sidebar{background:var(--staff-navy);color:#fff;border-right:1px solid #ffffff0a}
:is(.staff-mode,.family-mode) .sidebar .brand{color:#fff}:is(.staff-mode,.family-mode) .sidebar .brand small{color:var(--staff-muted)}
:is(.staff-mode,.family-mode) .portal-label{color:#a8bed6;letter-spacing:1.6px}
:is(.staff-mode,.family-mode) .sidebar button.nav-link{background:transparent;color:#c5d2e2;border-radius:9px;font-weight:550}
:is(.staff-mode,.family-mode) .sidebar button.nav-link:hover{background:#203c59;color:#fff}
:is(.staff-mode,.family-mode) .sidebar button.nav-link.active{background:#294461;color:#fff;box-shadow:none;font-weight:750}
:is(.staff-mode,.family-mode) .sidebar button.nav-link.active:before{left:0;top:10px;bottom:10px;width:3px;height:auto;background:#f67002;border-radius:4px}
:is(.staff-mode,.family-mode) .sidebar button.nav-link.active svg{color:#ffad69}
:is(.staff-mode,.family-mode) .sidebar .nav-count{background:#ffffff17;color:#fff;border:0}
:is(.staff-mode,.family-mode) .sidebar-bottom>a{color:#c5d2e2}:is(.staff-mode,.family-mode) .sidebar-bottom>a:hover{color:#fff;background:#203c59;border-radius:8px}
:is(.staff-mode,.family-mode) .family-avatar{color:#fff;border-top-color:#ffffff20}:is(.staff-mode,.family-mode) .family-avatar small{color:#a8bed6}
:is(.staff-mode,.family-mode) .family-avatar>span{background:#fff0e0;color:#7c3a09}:is(.staff-mode,.family-mode) .mini-avatar{background:#edf0f3;color:#294461}
:is(.staff-mode,.family-mode) .topbar{background:#fff;border-top:0;border-bottom:1px solid #e3e3df;color:#182b45}
:is(.staff-mode,.family-mode) .breadcrumb{color:#526174}:is(.staff-mode,.family-mode) .breadcrumb span{color:#a1aab4}:is(.staff-mode,.family-mode) .term{color:#627084}
:is(.staff-mode,.family-mode) .page-heading .eyebrow{color:#8b430b}:is(.staff-mode,.family-mode) .page-heading p,:is(.staff-mode,.family-mode) .muted{color:#627084}
:is(.staff-mode,.family-mode) .panel,:is(.staff-mode,.family-mode) .staff-records{background:#fff;border-color:#e3e3df;box-shadow:0 3px 12px #10264103}
:is(.staff-mode,.family-mode) .metric,:is(.staff-mode,.family-mode) .metric:first-child{background:#fff;border-color:#e3e3df;border-top:3px solid #d2dce7}
:is(.staff-mode,.family-mode) .metric:first-child{border-top-color:#f67002}:is(.staff-mode,.family-mode) .metric:after{display:none}
:is(.staff-mode,.family-mode) .metric strong{color:#182b45}:is(.staff-mode,.family-mode) .metric small{color:#627084}:is(.staff-mode,.family-mode) .metric>span{background:#f0f3f6;color:#294461}
:is(.staff-mode,.family-mode) .metric:first-child>span{background:#fff1e2;color:#8b430b}:is(.staff-mode,.family-mode) .metric:hover{border-color:#b4c3d3}
:is(.staff-mode,.family-mode) .button.primary{background:#102641;color:#fff;border-color:#102641}:is(.staff-mode,.family-mode) .button.primary:hover{background:#294461;border-color:#294461}
:is(.staff-mode,.family-mode) .button.secondary{background:#fff;color:#294461;border-color:#cdd6df}:is(.staff-mode,.family-mode) .button.secondary:hover{background:#f0f3f6}
:is(.staff-mode,.family-mode) .school-network{background:radial-gradient(ellipse at 90% 50%,#294461,#102641 70%)}
:is(.staff-mode,.family-mode) .school-network h2{color:#fff}:is(.staff-mode,.family-mode) .school-network .eyebrow{color:#ffb575}:is(.staff-mode,.family-mode) .school-network p{color:#c5d2e2}
:is(.staff-mode,.family-mode) .school-network .button.light{background:#f67002;border-color:#f67002;color:#102641}:is(.staff-mode,.family-mode) .school-network .button.light:hover{background:#ff963f}
:is(.staff-mode,.family-mode) .network-node{background:#294461;border-color:#7891a955;color:#fff}:is(.staff-mode,.family-mode) .network-public{background:#f67002;color:#102641;border-color:#f67002}:is(.staff-mode,.family-mode) .network-public svg{color:#102641}
:is(.staff-mode,.family-mode) .notice{background:#f6f3ed;border:1px solid #e6dfd3;color:#182b45}:is(.staff-mode,.family-mode) .notice p{color:#627084}
:is(.staff-mode,.family-mode) .demo-connections{background:#efefea}:is(.staff-mode,.family-mode) .demo-connections span{background:#fff;border-color:#deded6;color:#294461}:is(.staff-mode,.family-mode) .demo-connections small{color:#627084}
:is(.staff-mode,.family-mode) .staff-table th,:is(.staff-mode,.family-mode) .staff-records .staff-table th{background:#f1f2ef;color:#566374}
:is(.staff-mode,.family-mode) .staff-table td{border-color:#e7e8e3}:is(.staff-mode,.family-mode) .staff-table small{color:#627084}
:is(.staff-mode,.family-mode) .record-heading,:is(.staff-mode,.family-mode) .staff-shortcuts button{border-color:#e7e8e3}:is(.staff-mode,.family-mode) .record-heading p,:is(.staff-mode,.family-mode) .record-count{color:#627084}
:is(.staff-mode,.family-mode) .record-symbol{background:#eef2f6;color:#294461}:is(.staff-mode,.family-mode) .record-symbol.is-urgent{background:#fff0df;color:#8b430b}
:is(.staff-mode,.family-mode) .record-toolbar .filter-tabs button,:is(.staff-mode,.family-mode) .filter-tabs button{background:#f1f2ef;color:#566374}
:is(.staff-mode,.family-mode) .record-toolbar .filter-tabs .selected,:is(.staff-mode,.family-mode) .filter-tabs .selected{background:#294461;color:#fff;border-color:#294461}
:is(.staff-mode,.family-mode) .staff-records .row-actions .button:first-child{background:#eef2f6;border-color:#dce3eb;color:#294461}
:is(.staff-mode,.family-mode) .status{background:#eef0f2;color:#526174}:is(.staff-mode,.family-mode) .status.pending,:is(.staff-mode,.family-mode) .status.scheduled{background:#fff0dc;color:#855012}
:is(.staff-mode,.family-mode) .status.approved,:is(.staff-mode,.family-mode) .status.published{background:#e7f0e9;color:#315e41}:is(.staff-mode,.family-mode) .status.declined{background:#f8e9e7;color:#8b4139}:is(.staff-mode,.family-mode) .status.archived{background:#eef0f2;color:#627084}
:is(.staff-mode,.family-mode) .staff-pages-menu summary,:is(.staff-mode,.family-mode) .website-pages-menu summary{background:#fff;border-color:#d4dbdf;color:#182b45}
:is(.staff-mode,.family-mode) .staff-pages-items{background:#fff;border-color:#d4dbdf;box-shadow:0 16px 35px #10264120}
:is(.staff-mode,.family-mode) .staff-pages-items button{color:#294461}:is(.staff-mode,.family-mode) .staff-pages-items button:hover,:is(.staff-mode,.family-mode) .staff-pages-items button[aria-current]{background:#f0f3f6}
:is(.staff-mode,.family-mode) .activity-dot{background:#f67002}:is(.staff-mode,.family-mode) .activity-list small{color:#627084}
:is(.staff-mode,.family-mode) .portal-footer{color:#627084;border-color:#e3e3df}

/* Family cards share surfaces, accents and spacing with the school workspace. */
.family-mode .sidebar .nav-link{background:transparent;color:#c5d2e2;border-radius:9px}.family-mode .sidebar .nav-link:hover{background:#203c59;color:white}.family-mode .sidebar .nav-link.active{background:#294461;color:white;box-shadow:none}.family-mode .sidebar .nav-link.active:before{left:0;top:10px;bottom:10px;width:3px;height:auto;background:#f67002;border-radius:4px}.family-mode .sidebar .nav-link.active svg{color:#ffad69}.family-mode .sidebar .nav-count{background:#ffffff17;color:white}
.family-mode .child-card,.family-mode .announcement-card,.family-mode .family-compass,.family-mode .quick-links>a{background:#fff;border:1px solid #e3e3df;border-radius:14px;box-shadow:0 3px 12px #10264103}
.family-mode .day-column .panel,.family-mode .lunch-today{background:#fff;border:1px solid #e3e3df;border-radius:14px;padding:24px;box-shadow:0 3px 12px #10264103}
.family-mode .day-column{align-items:stretch;gap:20px}.family-mode .lunch-today{gap:16px;align-items:flex-start}
.family-mode .lunch-icon,.family-mode .quick-icon,.family-mode .quick-links>a:nth-child(2) .quick-icon{background:#eef2f6;color:#294461;border-radius:10px}
.family-mode .lunch-icon{width:42px;height:42px}.family-mode .lunch-today .eyebrow{color:#627084}.family-mode .lunch-today h3{color:#182b45;font-size:20px}
.family-mode .lunch-today p,.family-mode .quick-links small,.family-mode .announcement-card p,.family-mode .child-card p,.family-mode .event-info small{color:#627084}
.family-mode .lunch-today a,.family-mode .text-button,.family-mode .quick-links>a>svg{color:#294461}
.family-mode .date-badge{background:#eef2f6;border-top-color:#f67002;border-radius:8px}.family-mode .date-badge strong{color:#182b45}.family-mode .date-badge small{color:#627084}
.family-mode .quick-links{gap:16px}.family-mode .quick-links>a{padding:18px;gap:12px}.family-mode .quick-links strong{color:#182b45}.family-mode .quick-icon{flex-shrink:0}
.family-mode .event-row{border-color:#e7e8e3}.family-mode .child-filter button{background:white;color:#526174;border-color:#d4dbdf}.family-mode .child-filter button.selected{background:#294461;color:white;border-color:#294461}
.family-mode .child-filter button.selected small{color:#d5dfea}
.family-mode .family-compass .compass-pending{background:#f6f3ed;color:#526174}.family-mode .family-compass .compass-track{background:#edf0f2}
@media(min-width:761px) and (max-width:1000px){.family-mode .day-column{grid-template-columns:repeat(2,minmax(0,1fr))}.family-mode .lunch-today{margin-top:0;height:100%}}
@media(max-width:760px){.family-mode .day-column{grid-template-columns:1fr}.family-mode .day-column .panel,.family-mode .lunch-today{padding:22px}.family-mode .quick-links{gap:12px}}

.family-mode .lunch-week-preview{display:flex;flex-direction:column;gap:0}.lunch-featured{display:flex;align-items:flex-start;gap:16px;width:100%}.family-mode .lunch-featured h3{margin-top:0}.family-mode .lunch-featured p{margin-bottom:0;line-height:1.7}
.lunch-next{width:100%;margin-top:22px;border-top:1px solid #e7e8e3;padding-top:17px}.lunch-next h4{font-size:11px;letter-spacing:.6px;color:#627084;text-transform:uppercase;margin:0 0 14px}.lunch-preview-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0}.lunch-preview-row+.lunch-preview-row{border-top:1px solid #e7e8e3}.lunch-preview-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef2f6;border-radius:8px;min-width:48px;padding:7px 6px;color:#294461}.lunch-preview-date strong{font-size:10px}.lunch-preview-date small{font-size:9px;margin-top:2px}.lunch-preview-row>div>strong{display:block;font-size:13px;color:#182b45}.family-mode .lunch-preview-row p{font-size:11px;line-height:1.65;margin:5px 0 0}.family-mode .lunch-week-link{width:100%;margin-top:auto;padding-top:18px;font-size:11px;border-top:1px solid #e7e8e3}.family-mode .lunch-week-link svg{margin-left:auto}