/* Crystal Bay design system. Existing view routes and permission classes are retained. */
:root { --resort-image:url('/assets/brand/hotel-entrance.png'); --navy:#102d49; --navy-deep:#0b2037; --crystal:#0075de; --aqua:#09b5c9; --teal:#087e83; --sand:#b17b24; --ink:#15324f; --muted:#58718a; --surface:#fff; --canvas:#edf5fc; --line:#d9e7f3; --card-shadow:0 5px 20px #153b6510; --radius:16px; --ocean-blue:#0877c3; --sand-gold:#8e640e; }
body {font-family:'Poppins',system-ui,sans-serif;background:var(--canvas);color:var(--ink);color-scheme:light;}
#appContainer {background:var(--canvas);border:0;border-radius:0;box-shadow:none;}
#main-content {background:var(--canvas);color:var(--ink);padding:28px;}
#main-content > div {max-width:1440px;margin-left:auto;margin-right:auto;}
#sidebar {background:var(--navy-deep);border:0;}
#sidebar > div {background:linear-gradient(175deg,var(--navy),var(--navy-deep));border:0;box-shadow:none;}
#sidebar .sidebar-brand {padding:22px 16px 12px;flex-shrink:0;}
.sidebar-brand img {width:100%;height:auto;object-fit:contain;}
#sidebar nav {padding:12px 10px;}
#sidebar h3,#sidebar h4 {color:#9bb9d2;font-size:10px;letter-spacing:.09em;margin-top:22px;}
#sidebar .sidebar-button {font-family:inherit;border-radius:10px;color:#cce1f2;min-height:43px;padding:10px 12px;box-shadow:none;}
#sidebar .sidebar-button span {font-size:12px;line-height:1.4;}
#sidebar .sidebar-button svg {width:18px;height:18px;flex-shrink:0;}
#sidebar .sidebar-button:hover {transform:none;}
#sidebar .sidebar-button.active {background:linear-gradient(110deg,#b5efff,#65b9f2)!important;color:#0c3155;border:0;box-shadow:0 2px 8px #001f3420;}
#sidebar .sidebar-button.active svg {color:#006ebf!important;}
#sidebar #logout-button {box-shadow:none;border-radius:10px;background:#df3346;}
/* Map existing dark utility surfaces to the shared light palette. */
#main-content :is(.bg-slate-800,.bg-slate-900,.bg-gray-800,.bg-gray-900),#main-content [class*="bg-slate-800/"],#main-content [class*="bg-slate-900/"] {background:var(--surface)!important;color:var(--ink);}
#main-content :is(.bg-slate-700,.bg-slate-850,.bg-gray-700) {background:#eaf3fb!important;}
#main-content :is(.text-white,.text-gray-200,.text-gray-300,.text-slate-200,.text-slate-300) {color:var(--ink);}
#main-content :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-slate-400,.text-slate-500) {color:var(--muted);}
#main-content :is(.text-sky-400,.text-cyan-400,.text-blue-400) {color:#006db1!important;}
#main-content :is(.text-emerald-400,.text-green-400,.text-teal-400) {color:#087a60;}
#main-content :is(.text-purple-400,.text-indigo-400) {color:#6553b2;}
#main-content :is(.text-red-300,.text-red-400) {color:#bd3442;}
#main-content :is(.border-slate-600,.border-slate-700,.border-slate-800),#main-content [class*="border-slate-700/"],#main-content [class*="border-slate-800/"] {border-color:var(--line);}
#main-content :is(.shadow-lg,.shadow-xl,.shadow-2xl) {box-shadow:var(--card-shadow);}
#main-content :is(h1,h2,h3,h4) {letter-spacing:-.025em;line-height:1.25;}
h1 {font-size:30px;font-weight:700;}h2{font-size:23px;font-weight:650;}h3{font-size:17px;font-weight:650;}
button,.action-button {font-family:inherit;transition:background .15s,color .15s,border-color .15s;font-weight:600;letter-spacing:normal;}
.action-button {border-radius:10px;padding:11px 18px;font-size:13px;box-shadow:none;}
.btn-primary,#main-content .bg-sky-600,#main-content .bg-blue-600 {background:#0075df!important;color:#fff!important;}
.btn-primary:hover,#main-content .bg-sky-600:hover {background:#0067c4!important;transform:none;box-shadow:none;}
.btn-secondary {background:#eaf4fe;color:#155c91;border:1px solid #cde4f5;}
#main-content button.bg-red-600,#main-content button.bg-green-600,#main-content button.bg-emerald-600 {color:white;}
button:disabled {opacity:.55;cursor:not-allowed;}
:focus-visible {outline:3px solid #0b91d2;outline-offset:3px;}
input:not([type=checkbox]):not([type=radio]),textarea,select {font-family:inherit;background:#f4f9fd!important;color:var(--ink)!important;border:1px solid #cbddeb!important;border-radius:9px!important;box-shadow:none;padding:11px 13px;line-height:1.5;}
input::placeholder,textarea::placeholder {color:#748a9f!important;}
input[type=checkbox],input[type=radio] {accent-color:var(--crystal);width:18px;height:18px;flex-shrink:0;padding:0!important;}
input.sr-only {width:1px!important;height:1px!important;}
label,.form-label {color:var(--ink);font-weight:500;font-size:13px;}
label>input:not([type=checkbox]):not([type=radio]),label>select,label>textarea {display:block;width:100%;margin-top:7px;}
#main-content table {font-size:13px;border-collapse:separate;border-spacing:0;}
#handbook-reader .handbook-table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0;border:1px solid #475569;border-radius:.75rem}
#handbook-reader .handbook-table{width:100%;min-width:620px;border-collapse:collapse}
#handbook-reader .handbook-table th{background:#0f172a;color:#7dd3fc;font-weight:700}
#handbook-reader .handbook-table th,#handbook-reader .handbook-table td{padding:.75rem 1rem;border:1px solid #475569;text-align:left;vertical-align:top}
#main-content th {background:#eaf4fc;color:#42647f;font-size:11px;text-transform:uppercase;letter-spacing:.035em;}
#main-content th,#main-content td {padding:13px 15px;border-color:var(--line);}
#main-content tr:hover td {background:#f5faff;}
#main-content .ql-editor,#main-content .prose {color:var(--ink);line-height:1.8;background:white;}
#main-content .ql-toolbar {background:#f0f7fd;border-color:var(--line);border-radius:10px 10px 0 0;}
#main-content .ql-container {border-color:var(--line);border-radius:0 0 10px 10px;}
#main-content .fixed.inset-0 {background:#08263d99!important;backdrop-filter:blur(3px);}
#q-editor-backdrop .bg-slate-800 {background:white!important;color:var(--ink);}
.portal-page {max-width:1320px;margin:auto;}
.portal-utility {display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-bottom:16px;letter-spacing:.05em;}
.portal-utility time {letter-spacing:0;}
.portal-hero {position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);min-height:240px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#123e60,#087d9d);color:white;margin-bottom:24px;}
.portal-hero::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062946d9,#07385544),var(--resort-image,none) center/cover;}
#main-content .portal-hero h1,#main-content .portal-hero p {color:white;}
.portal-hero h1 {max-width:700px;font-size:clamp(25px,2.5vw,38px);margin:10px 0;}
.portal-hero p {font-size:13px;}
.portal-hero>img {width:30%;max-width:350px;height:auto;object-fit:contain;}
.hero-tagline {display:inline-block;margin-top:24px;font-size:11px;background:#e2f7ffde;color:#12405b;padding:7px 12px;border-radius:6px;}
.eyebrow {font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--teal);}
.portal-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;}
.portal-metric {display:flex;align-items:center;gap:16px;padding:24px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#fff,#eaf5ff);box-shadow:var(--card-shadow);}
.metric-icon {font-size:27px;color:#009de0;}
.metric-label {font-size:12px;font-weight:500;color:#345b7c;}
.portal-metric strong {display:block;font-size:29px;color:#123955;margin:5px 0;font-weight:650;}
.metric-note {font-size:10px;color:var(--muted);}
.portal-card {background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--card-shadow);}
.quick-access {display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.quick-access button {background:#eff7ff;border:1px solid #d8eafb;border-radius:10px;padding:14px 16px;color:#245780;font-size:12px;display:flex;gap:25px;justify-content:space-between;}
.quick-access button:hover {background:#dff2ff;}
.portal-section-title,.portal-page-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;}
.portal-page-heading p:not(.eyebrow) {font-size:13px;color:var(--muted);margin-top:8px;}
.portal-filter {display:flex;gap:16px;align-items:end;margin-bottom:22px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;}
.portal-filter label:first-child {flex:1;min-width:180px;}
.portal-badge {background:#e7f4ff;color:#006cae;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:600;}
.announcement-card {border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px;}
.announcement-card.is-unread {border-left:4px solid var(--aqua);}
.announcement-card h3 {margin:14px 0 10px;}
.announcement-card time {font-size:10px;color:var(--muted);}
.announcement-body {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;margin-bottom:18px;}
.announcement-body.preview {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.portal-link {color:#0073bc;font-size:12px;}
.portal-empty {padding:30px;border:1px dashed #c2d8e8;border-radius:12px;background:#f9fcff;color:var(--muted);text-align:center;font-size:13px;}
.portal-pagination {display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:12px;}
.portal-pagination button {padding:10px 15px;background:#e4f2fe;border-radius:8px;}
.audience-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;}
.audience-options label,.toggle-label {display:flex;align-items:center;gap:10px;padding:12px;background:#f1f8ff;border-radius:8px;}
.field-note,.delivery-summary,.read-state {display:block;font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6;}
.portal-notice {padding:14px;background:#e7f8fa;border-radius:8px;color:#12616a;font-size:13px;}
.activity-layout {display:flex!important;flex-direction:column;gap:20px;height:auto!important;}
.activity-tabs {width:100%!important;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px!important;border:1px solid var(--line);border-radius:12px;}
.activity-tabs h3 {display:none;}.activity-tabs button {width:auto;flex:1;min-width:140px;margin:0!important;}
#activity-content {padding:0;min-width:0;overflow:visible;}
.application-hero {display:block;text-align:left;min-height:215px;}
.login-card {background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow);color:var(--ink);border-radius:20px;}
.login-card .text-white,.login-card .text-gray-300 {color:var(--ink);}.login-card .text-gray-400 {color:var(--muted);}
.login-logo {width:100%;height:auto;margin-bottom:10px;}
.mobile-workspace-header {background:var(--navy-deep);color:#e3f4ff;}
.mobile-workspace-header img {height:38px;width:auto;object-fit:contain;}
.custom-scrollbar::-webkit-scrollbar-thumb {background:#aac6d9;}
#sidebar .custom-scrollbar::-webkit-scrollbar-thumb {background:#476580;}
@media(max-width:1023px){#appContainer{border-radius:0;}#main-content{padding:18px;}#sidebar .sidebar-brand{padding-top:12px;}#sidebar .sidebar-brand img{max-height:65px;width:100%;}.portal-hero{padding:25px;}.portal-hero>img{display:none;}}
@media(max-width:639px){.portal-metrics{grid-template-columns:1fr;gap:10px;}.portal-metric{padding:17px;}.portal-hero{padding:22px;min-height:225px;}.portal-card{padding:18px;}.quick-access button{flex:1 1 140px;}.audience-options{grid-template-columns:1fr;}.portal-utility{font-size:9px;}.portal-filter{align-items:stretch;}.portal-filter label{width:100%;}.portal-page-heading{align-items:start;}.announcement-card{padding:16px;}.announcement-card>.flex{flex-wrap:wrap;}#main-content{padding:14px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

#dash-search-input{padding-left:46px;padding-right:110px;}
#dashboard-search-section .relative{min-height:46px;}
#appContainer textarea,#appContainer select {padding:11px 13px;}
#main-content .portal-page h2 {font-size:24px;font-weight:700;}
#main-content .portal-page h3 {font-size:17px;font-weight:600;}
#main-content .portal-page h1 {font-weight:700;}
.portal-link {min-height:44px;display:inline-flex;align-items:center;}
#main-content .portal-page fieldset legend{font-weight:600;font-size:14px;}

.application-card-image{width:calc(100% + 48px);max-width:none;height:130px;object-fit:cover;object-position:center;margin:-24px -24px 20px;}
#main-content :is(.text-amber-400,.text-yellow-400){color:#8b5b13;}
#main-content .application-hero p{margin-left:0;}
#appContainer :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#f4f9fd!important;color:var(--ink)!important;border:1px solid #cbddeb!important;box-shadow:none!important;}
#main-content .portal-metrics:has(> :nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1100px){#main-content .portal-metrics:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:639px){#main-content .portal-metrics:has(> :nth-child(4)){grid-template-columns:1fr;}}

.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 0 8px;color:var(--muted);font-size:11px;}
.portal-footer img{width:150px;height:auto;}
#main-content [class*="bg-amber-900/"]{background:#fff5df!important;}
#main-content [class*="bg-red-900/"]{background:#fff0f1!important;}
#main-content [class*="bg-emerald-900/"]{background:#e7f8f0!important;}
#appContainer .application-card-image{max-width:none;width:calc(100% + 48px);}
#main-content .application-card [class*="bg-sky-900/"]{background:#e6f4ff!important;}
.login-card [class*="bg-amber-900/"]{background:#fff5df!important;}
.login-card [class*="text-amber-200"],.login-card .text-sky-300{color:#775315;}
.login-card .border-t{border-color:var(--line);}

/* Full artwork remains readable at every card width. */
#appContainer .application-card-image{height:auto;aspect-ratio:2134/737;object-fit:contain;background:#f0f7fd;}
#main-content #handbook-reader .prose{--tw-prose-headings:var(--ink);--tw-prose-bold:var(--ink);--tw-prose-links:#006db1;--tw-prose-quotes:var(--ink);--tw-prose-code:var(--ink);}
#main-content #handbook-reader .prose :is(h1,h2,h3,h4,h5,h6,strong,code){color:var(--ink);}
#main-content #handbook-reader .prose blockquote{background:#eaf4fc;color:var(--ink);border-color:#0877c3;}
#main-content #handbook-reader .prose th{background:#eaf4fc;color:var(--ink);}
#main-content #handbook-reader .prose :is(th,td){border-color:#cbddeb;}
#main-content #handbook-reader nav button:not(.btn-primary){color:#006db1;}
/* One photo every eight seconds; reduced-motion users keep the entrance photo. */
.portal-hero::before{background-image:var(--resort-image);animation:hotel-photos 32s steps(1,end) infinite;}
.portal-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062946ed,#07385577);pointer-events:none;}
@keyframes hotel-photos{
 0%,100%{background-image:url('/assets/brand/hotel-entrance.png');}
 25%{background-image:url('/assets/brand/hotel-lobby.png');}
 50%{background-image:url('/assets/brand/hotel-premium-room.png');}
 75%{background-image:url('/assets/brand/hotel-waterpark.png');}
}

/* Reference layouts: clear summary cards, useful charts, and compact tools. */
#main-content .application-hero h1{font-size:clamp(32px,4vw,50px);font-weight:700;}
#main-content .application-hero p{font-size:16px;}
.portal-hero::before{background-size:auto 200%;background-position:center;background-repeat:no-repeat;}
.heading-icon{display:flex;align-items:center;gap:12px;}.heading-icon svg{color:#0075df;}
.local-clock{font-size:12px;color:var(--muted);white-space:nowrap;}
.range-tabs{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex-shrink:0;}
.range-tabs button{padding:10px 18px;background:#eaf3ff;color:#15324f;font-size:12px;min-height:44px;}
.range-tabs .selected{background:#0075df;color:white;}
.activity-metrics .portal-metric{align-items:flex-start;padding:20px 14px;gap:12px;}
.activity-metrics .portal-metric strong{font-size:clamp(20px,2vw,28px);}
.activity-metrics .portal-metric:last-child strong{font-size:18px;}
.activity-charts{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;}
.bar-chart{display:flex;align-items:stretch;gap:8px;height:230px;margin-top:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#d9e7f3 50px);overflow-x:auto;}
.bar-group{flex:1;min-width:26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;}.bars{height:185px;display:flex;align-items:flex-end;gap:3px;width:100%;justify-content:center;}.bar{width:35%;min-height:2px;border-radius:4px 4px 0 0;}.bar-group small{font-size:9px;line-height:13px;height:32px;text-align:center;margin-top:10px;}
.minutes{background:#17b8cf;}.messages{background:#0075df;}.discord{background:#7465f5;}
.chart-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;font-size:11px;color:var(--muted);}.chart-legend span{display:flex;align-items:center;gap:7px;}.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.donut-layout{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:25px 0;}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#0075df 0 var(--game-share),#7465f5 var(--game-share) 100%);display:grid;place-items:center;}.donut>span{width:108px;height:108px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:23px;font-weight:700;}.donut small{font-size:10px;font-weight:400;}
.discord-week-history>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;}
.department-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.department-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}.department-tools button{display:flex;text-align:left;align-items:center;gap:10px;padding:16px 12px;background:#eef7ff;border:1px solid var(--line);border-radius:9px;font-size:12px;color:#15324f;}.department-tools svg{flex-shrink:0;color:#0075df;}.department-person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;}.department-person img{width:36px;height:36px;border-radius:50%;}.department-person small{display:block;color:var(--muted);font-size:11px;}
.department-panel #chief-nav-bar{background:#fff;padding:8px;border:1px solid var(--line);border-radius:12px;}.department-panel #chief-panel-content{padding:0;border:0;background:transparent!important;}.department-overview .portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
.format-toolbar{display:flex;gap:6px;padding:8px;border:1px solid var(--line);background:#eef7ff;border-radius:8px 8px 0 0;}.format-toolbar button{min-width:44px;min-height:44px;padding:8px;color:#15324f;}.format-toolbar button:hover{background:#d5ebff;}#announcement-message{display:block;width:100%;}.announcement-photo{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:10px;margin:16px 0;}.announcement-body ul{list-style:disc;padding-left:24px;}.announcement-body:has(>div){white-space:normal;}.announcement-body strong{font-weight:700;}
@media(max-width:1000px){.activity-charts,.department-columns{grid-template-columns:minmax(0,1fr);}}
@media(max-width:639px){.portal-page-heading{flex-wrap:wrap;}.range-tabs{width:100%;}.range-tabs button{flex:1;}.department-tools{grid-template-columns:1fr;}.activity-metrics .portal-metric strong{font-size:26px;}.portal-utility{flex-wrap:wrap;}}

#main-content .activity-tabs{flex-direction:row;order:2;}
#main-content .activity-tabs button{width:auto;min-width:0;text-align:center;font-size:12px;}
#main-content .department-panel h1{font-size:24px;}
#main-content .department-panel h3{font-weight:600;font-size:17px;}

/* Keep department identity separate from its search and management actions. */
#main-content .department-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;border-bottom:1px solid #dce8f5;padding-bottom:18px;margin-bottom:18px}
#main-content .department-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;line-height:1.25;margin:0}
#main-content .department-title span{text-transform:none}
#main-content .department-subtitle{grid-column:1;grid-row:2;margin:0;font-size:13px;color:#607996}
#main-content .department-header>.local-clock{grid-column:2;grid-row:1 / 3}
#main-content .department-header-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
#main-content .activity-metrics .portal-metric:nth-child(1) .metric-icon{color:#00abc7}
#main-content .activity-metrics .portal-metric:nth-child(3) .metric-icon{color:#5865f2}
@media(max-width:639px){#main-content .department-header{grid-template-columns:minmax(0,1fr)}#main-content .department-header>.local-clock{grid-column:1;grid-row:3;text-align:left}#main-content .department-title{font-size:22px}#main-content .department-header-actions{grid-column:1}#main-content .department-header-actions input{width:min(48vw,220px)}}

/* Candidate learning materials and interactive answers use the light portal palette. */
#main-content .certification-layout .quiz-option{background:#fff!important;border:1px solid #d2e3f2!important;color:#15324f!important;gap:12px;align-items:flex-start;}
#main-content .certification-layout .quiz-option:hover{background:#edf7ff!important;border-color:#64abd8!important;}
#main-content .certification-layout .quiz-option:has(input:checked){background:#dff1ff!important;border-color:#0075de!important;box-shadow:inset 3px 0 #0075de;}
#main-content .certification-layout .quiz-option:focus-within{outline:2px solid #0075de;outline-offset:2px;}
#main-content .certification-layout .quiz-option span{color:#15324f!important;overflow-wrap:anywhere;}
#main-content .certification-layout input[type=radio]{appearance:auto;accent-color:#0075de;background:#fff!important;margin-top:3px;}
#main-content .certification-layout .prose{--tw-prose-headings:#15324f;--tw-prose-bold:#15324f;--tw-prose-body:#15324f;--tw-prose-links:#006db1;}
#main-content .certification-layout .prose :is(h1,h2,h3,h4,h5,h6,strong,code){color:#15324f!important;}
#main-content .certification-layout .prose :is(blockquote,pre,th,td){background:#edf7ff!important;color:#15324f!important;border-color:#cbddeb!important;}
#main-content .quiz-feedback{padding:14px 18px;margin:18px 0;border-radius:10px;background:#fff0ef;color:#902e29!important;border:1px solid #e9b7b3;}
#main-content .quiz-feedback[data-state=loading]{background:#eaf5ff;color:#15324f!important;border-color:#b7d8ef;}
#main-content .quiz-feedback[data-state=success]{background:#e7f6ed;color:#17613b!important;border-color:#b1d9c1;}
#main-content .certification-layout button:disabled{cursor:not-allowed;}

#main-content .certification-layout #phase-quiz-form p>span:first-child{flex-shrink:0;white-space:nowrap;}

/* Crystal Bay interaction palette and weekly reports. */
#appContainer :is(button,[role="button"],a.action-button):not(:disabled):hover {background-color:#d9f1ff!important;color:#123e64!important;border-color:#60b7e6!important;}
#appContainer :is(button,[role="button"]):focus-visible {outline:3px solid #18a8e5;outline-offset:3px;}
#appContainer #sidebar .sidebar-button:not(.active):hover {background:#176087!important;color:#fff!important;}
#main-content .range-tabs button.selected:hover,#main-content .activity-nav-btn.bg-sky-600:hover {background:#006cc6!important;color:#fff!important;}
#main-content .activity-tabs {order:0;}
#main-content #activity-content {padding:0!important;overflow:visible;}
#main-content .portal-page-heading {flex-wrap:wrap;}
#main-content .range-tabs {order:-1;width:100%;justify-content:flex-end;background:transparent;border:0;gap:6px;margin-bottom:10px;}
#main-content .range-tabs button {border-radius:10px;border:1px solid #c4e2f5;}
.stats-banner {display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin:0 auto 14px;}
.leaderboard-section {margin:18px 0 26px;}
.leaderboard-list {background:#fff;border:1px solid #d6e8f5;border-radius:22px;padding:10px;box-shadow:0 8px 24px #194f7510;}
.leaderboard-row {display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #dfedf7;border-radius:14px;background:linear-gradient(110deg,#fff,#f3faff);color:#15324f;}
.leaderboard-row img,.leader-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;}
.leader-position {color:#7b97b4;min-width:36px;}.place-1{color:#a57507}.place-2{color:#728ba6}.place-3{color:#bb631b}
.leader-value {margin-left:auto;color:#0075df;font-variant-numeric:tabular-nums;white-space:nowrap;}
@media(max-width:600px){.leaderboard-row{gap:8px;padding:10px;font-size:12px}.leader-value{white-space:normal;text-align:right}.stats-banner{min-height:80px}.range-tabs button{flex:1}}

/* Department management: banner-led layout with scoped department accents. */
.department-panel{--dept-accent:#087be6;--dept-tint:#edf7ff;--dept-border:#cce5fb;gap:4px}
.department-panel[data-department="cr"],.department-panel[data-department="gm"]{--dept-accent:#ed248a;--dept-tint:#fff0f8;--dept-border:#ffdaed}
.department-panel[data-department="hr"]{--dept-accent:#c76600;--dept-tint:#fff5e8;--dept-border:#ffdfb5}
.department-panel[data-department="mod"]{--dept-accent:#16813b;--dept-tint:#ecfaef;--dept-border:#c9ebd0}
#main-content .department-panel .department-header{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0 0 14px;align-items:stretch}
#main-content .department-panel .department-header>.local-clock{align-self:flex-end;font-size:12px;color:#607996}
#main-content .department-panel .department-banner{margin:0;line-height:0;width:100%}
.department-banner img{width:100%;height:auto;display:block;filter:drop-shadow(0 7px 10px #143e6510)}
#main-content .department-panel .department-subtitle{display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;font-size:14px;margin:0}
.department-subtitle svg{color:var(--dept-accent);flex-shrink:0}
#main-content .department-panel .department-header-actions{margin:0;justify-content:flex-end}
#main-content .department-panel .department-header-actions.hidden{display:none}
.department-panel #chief-nav-bar{display:flex;flex-wrap:wrap;gap:8px;padding:5px;border-color:#dcecf8;background:#f6fbff;box-shadow:0 3px 12px #22629908}
#main-content .department-panel #chief-nav-bar button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-height:48px;padding:10px 14px;background:#fff!important;color:#52718e!important;border:1px solid #e0eef9;border-radius:12px;font-size:12px;white-space:nowrap;box-shadow:0 2px 5px #285e8210}
.department-panel #chief-nav-bar svg{width:20px;height:20px;flex-shrink:0}
#main-content .department-panel #chief-nav-bar button[aria-current="page"]{background:var(--dept-accent)!important;color:#fff!important;border-color:var(--dept-accent);box-shadow:0 3px 9px var(--dept-border)}
#appContainer #main-content .department-panel button:not(:disabled):hover{background:var(--dept-tint)!important;border-color:var(--dept-accent)!important;color:var(--dept-accent)!important}
.department-panel button:focus-visible{outline:3px solid var(--dept-accent);outline-offset:3px}
.department-overview .portal-metrics{gap:20px;margin:4px 0 20px}
.department-overview .portal-metric{position:relative;overflow:hidden;min-height:145px;padding:24px;background:linear-gradient(110deg,#fff,var(--dept-tint));border:1px solid var(--dept-border);border-radius:20px;box-shadow:0 6px 18px #2878a410;gap:26px}
.department-overview .portal-metric:nth-child(2){background:linear-gradient(110deg,#fff,#eef8ff);border-color:#dcecf8}
.department-overview .metric-icon{background:var(--dept-tint);color:var(--dept-accent);width:88px;height:88px;border-radius:18px;display:grid;place-items:center;flex-shrink:0}
.department-overview .metric-icon svg{width:42px;height:42px}
.department-overview .portal-metric:nth-child(2) .metric-icon{color:#149be8;background:#e7f5ff}
.department-overview .metric-label{font-weight:700;color:#153858;margin:0 0 8px}
.department-overview .metric-note{font-size:12px;color:#6785a0}
.department-overview .portal-metric strong{font-size:28px}
.department-overview .portal-card{border:1px solid #dcecf8;border-radius:20px;padding:22px;background:linear-gradient(130deg,#fff,#fcfdff);box-shadow:0 5px 18px #2878a410}
.department-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#main-content .department-card-heading h3{display:flex;align-items:center;gap:12px;margin:0;color:#163d61}
.department-card-heading h3 svg{color:var(--dept-accent);width:26px;height:26px}
.department-card-heading small{font-size:11px;color:#7590aa}
.department-view-all{color:var(--dept-accent);background:var(--dept-tint);border:1px solid var(--dept-border);border-radius:18px;padding:6px 12px;font-size:12px}
.department-tools{margin-top:0;gap:14px}
.department-tools button{padding:16px;border-radius:14px;border-color:var(--dept-border);background:var(--dept-tint);gap:12px;font-size:12px}
.department-tools button:nth-child(even){background:#eff8ff;border-color:#dbeefd}
.department-tools button>svg{color:var(--dept-accent);width:30px;height:30px}
.department-tools button>span:first-of-type{flex:1}
.department-tools small{display:block;color:#6d87a0;font-size:11px;margin-top:4px;font-weight:400}
.department-tools button>span:last-child{color:var(--dept-accent);font-size:24px}
.department-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:170px;border:1px dashed #d2e7f7;border-radius:12px;color:#607c99;font-size:13px;padding:20px}
.department-empty svg{width:52px;height:52px;padding:12px;background:#edf7ff;border-radius:50%}
.department-empty small{font-size:12px;color:#7d95ac}
@media(max-width:639px){.department-overview .portal-metrics{grid-template-columns:1fr}.department-overview .portal-metric{min-height:120px;padding:18px;gap:18px}.department-overview .metric-icon{width:66px;height:66px}#main-content .department-panel #chief-nav-bar button{flex:1 1 42%;white-space:normal}.department-overview .portal-card{padding:16px}.department-panel .department-tools{grid-template-columns:1fr}#main-content .department-panel .department-subtitle{font-size:12px}}

/* Handbook V2: format the approved source into readable reference blocks. */
.handbook-hero-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.handbook-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin:0 0 18px;border:1px solid var(--hb-border);border-radius:14px;background:#fff}.handbook-search{display:flex;align-items:center;gap:7px;flex:1 1 270px;min-width:0;padding:8px 10px;border:1px solid #d8e7f1;border-radius:9px;background:#f9fcfe;color:#608097}.handbook-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;color:#24445e;font-size:13px}.handbook-search-clear{border:0;background:transparent;color:#71889b;font-size:20px;line-height:1}.handbook-search-count{min-width:78px;color:#668398;font-size:12px}.handbook-toolbar>button{border:1px solid var(--hb-border);border-radius:9px;background:var(--hb-soft);color:var(--hb);padding:8px 11px;font-size:12px;font-weight:800}.handbook-toolbar>button:disabled{cursor:not-allowed;opacity:.45}.handbook-toolbar-divider{height:25px;width:1px;background:#dce8f0}.handbook-toc a.is-active{background:var(--hb);color:#fff}.handbook-toc a.is-active span{color:#fff}.handbook-subsection{margin:18px 0;padding:16px 17px;border:1px solid #e3edf3;border-radius:13px;background:#fcfeff}.handbook-subsection>h4:first-child{margin:0 0 9px;padding:0;color:var(--hb);font-size:15px}.handbook-subsection>p:last-child,.handbook-subsection>ul:last-child,.handbook-subsection>ol:last-child{margin-bottom:0}.handbook-subsection:has(>ol){border-left:4px solid var(--hb)}.handbook-subsection>ol{counter-reset:steps;list-style:none;padding-left:0}.handbook-subsection>ol>li{display:block;position:relative;padding:7px 0 7px 32px;border-bottom:1px solid #edf3f7}.handbook-subsection>ol>li:last-child{border-bottom:0}.handbook-subsection>ol>li:before{position:absolute;left:0;top:9px;counter-increment:steps;content:counter(steps);display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--hb-soft);color:var(--hb);font-size:11px;font-weight:900}.handbook-subsection>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;padding-left:0;list-style:none}.handbook-subsection>ul>li{margin:0;padding:9px 10px;border-radius:8px;background:#f4f9fc;border:1px solid #e4eef5;font-size:13px}.handbook-authority-source .handbook-subsection>ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.handbook-definition-card{border-top:3px solid var(--hb);background:#fff}.handbook-search-hit{padding:0 2px;border-radius:3px;background:#ffec9f;color:inherit}.handbook-search-hit.is-current{outline:2px solid var(--hb);background:#ffd862}.handbook-prose .handbook-table-wrap+ .handbook-subsection{margin-top:22px}.handbook-prose .handbook-table-wrap th:first-child{width:48%}@media(max-width:760px){.handbook-toolbar{align-items:stretch}.handbook-search{flex-basis:100%}.handbook-search-count{flex:1}.handbook-toolbar>button{flex:1}.handbook-toolbar-divider{display:none}.handbook-subsection{padding:13px}.handbook-subsection>ul{grid-template-columns:1fr}.handbook-prose{font-size:14px}}

/* Department handbook reader: semantic, content-preserving presentation system. */
.handbook-chain{display:flex;align-items:stretch;gap:8px;list-style:none;padding:0;margin:0 0 18px}.handbook-chain li{flex:1;position:relative;padding:11px 9px;border:1px solid var(--hb-border);border-radius:10px;background:var(--hb-soft);color:#385873;font-size:12px;font-weight:700;text-align:center}.handbook-chain li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;z-index:1;transform:translateY(-50%);color:var(--hb);font-size:18px}.handbook-punishment-cell{white-space:normal}.handbook-punishment-badge{display:inline-block;margin:0 6px 4px 0;padding:3px 7px;border-radius:999px;background:#eef5fb;color:#365972;font-size:10px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.handbook-punishment-warning{background:#fff0d5;color:#9a5b00}.handbook-punishment-demotion{background:#fde8e8;color:#a33333}.handbook-punishment-termination{background:#f8dce2;color:#94284c}.handbook-punishment-termination-blacklist{background:#3f2546;color:#fff}@media(max-width:760px){.handbook-chain{flex-direction:column}.handbook-chain li:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-16px;transform:translateX(50%)}}
.handbook-shell{--hb:#0284c7;--hb-soft:#eaf7ff;--hb-border:#c8e8f8;max-width:1240px;margin:0 auto;padding:8px 12px 56px;color:#173651}.handbook-shell[data-department="hr"]{--hb:#a9470b;--hb-soft:#fff4e7;--hb-border:#f2c8a5}.handbook-shell[data-department="cr"]{--hb:#ba7515;--hb-soft:#fff7e7;--hb-border:#f3ddae}.handbook-shell[data-department="gm"]{--hb:#1689c9;--hb-soft:#ecf8ff;--hb-border:#cceafb}.handbook-reader-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.handbook-back{border:1px solid var(--hb-border);border-radius:10px;padding:8px 13px;background:#fff;color:#28506c;font-weight:700;font-size:13px}.handbook-back:hover{color:var(--hb);border-color:var(--hb)}.handbook-hero{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;padding:26px 30px;margin-bottom:18px;background:linear-gradient(118deg,#fff,var(--hb-soft));border:1px solid var(--hb-border);border-radius:22px;box-shadow:0 8px 20px #1a527012}.handbook-hero:after{content:"";position:absolute;right:-42px;bottom:-72px;width:210px;height:210px;border:34px solid var(--hb-border);border-radius:50%;opacity:.42}.handbook-hero-mark{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:var(--hb);color:#fff;font-size:32px;box-shadow:0 7px 15px #27597626}.handbook-eyebrow,.handbook-section-heading p{font-size:11px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--hb);margin:0 0 5px}.handbook-hero h1{position:relative;z-index:1;margin:0;color:#173651;font-size:clamp(25px,4vw,38px);line-height:1.05}.handbook-subtitle{margin:7px 0 0;font-size:16px;color:#41637d;font-weight:600}.handbook-updated{margin:6px 0 0;color:#6e879c;font-size:12px}.handbook-official-badge{position:relative;z-index:1;margin-left:auto;align-self:flex-start;white-space:nowrap;border:1px solid var(--hb-border);border-radius:999px;background:#fff;padding:7px 11px;font-size:11px;font-weight:800;color:var(--hb)}.handbook-layout{display:grid;grid-template-columns:minmax(200px,248px) minmax(0,1fr);gap:18px;align-items:start}.handbook-toc{position:sticky;top:14px;border:1px solid var(--hb-border);border-radius:16px;background:#fff;padding:5px;box-shadow:0 5px 16px #1b53600d}.handbook-toc summary{cursor:pointer;list-style:none;padding:12px 13px;font-weight:800;color:#1f435f}.handbook-toc summary::-webkit-details-marker{display:none}.handbook-toc summary span{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#7190a7}.handbook-toc ol{margin:0;padding:0 5px 7px;list-style:none;max-height:65vh;overflow:auto}.handbook-toc a{display:flex;gap:8px;padding:8px;border-radius:9px;color:#456781;font-size:12px;line-height:1.3;text-decoration:none}.handbook-toc a:hover,.handbook-toc a:focus-visible{background:var(--hb-soft);color:var(--hb);outline:none}.handbook-toc a span{font:700 10px/1.5 ui-monospace,monospace;color:var(--hb)}.handbook-sections{min-width:0;display:grid;gap:18px}.handbook-section-card{min-width:0;scroll-margin-top:18px;background:#fff;border:1px solid #d9e9f3;border-radius:18px;padding:24px;box-shadow:0 5px 16px #1d59710d}.handbook-section-heading{display:flex;gap:12px;align-items:center;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e5eef4}.handbook-section-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--hb-soft);border:1px solid var(--hb-border);color:var(--hb);font:800 12px/1 ui-monospace,monospace}.handbook-section-heading h2{margin:0;color:#193b57;font-size:clamp(19px,2.4vw,26px);line-height:1.15}.handbook-prose{max-width:900px;color:#36566e;font-size:15px;line-height:1.72}.handbook-prose :is(h2,h3,h4){color:#1a405e;line-height:1.25;margin:1.8em 0 .65em}.handbook-prose h3{font-size:1.25em}.handbook-prose h4{font-size:1.08em}.handbook-prose p{margin:.75em 0}.handbook-prose :is(ul,ol){padding-left:1.35rem;margin:.85em 0 1.1em}.handbook-prose li{margin:.38em 0}.handbook-prose strong{color:#224560}.handbook-prose blockquote{margin:1rem 0;padding:13px 16px;border-left:4px solid var(--hb);border-radius:0 10px 10px 0;background:var(--hb-soft);color:#31526c}.handbook-prose .handbook-table-wrap,.handbook-prose .overflow-x-auto{max-width:100%;overflow-x:auto;margin:18px 0;border:1px solid var(--hb-border);border-radius:12px}.handbook-prose table{width:100%;min-width:580px;border-collapse:collapse;background:#fff}.handbook-prose th{position:sticky;top:0;background:var(--hb);color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.handbook-prose :is(th,td){padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #e4edf3}.handbook-prose tbody tr:nth-child(even){background:#f8fbfd}.handbook-prose .hrd-punishment-table td:last-child{font-weight:700;color:#4b3f65}.handbook-prose .hrd-punishment-table td:last-child:is(:has(+ *)){color:#4b3f65}.handbook-callout{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-left:4px solid var(--hb);border-radius:0 11px 11px 0;background:var(--hb-soft);color:#385873;font-size:13px;line-height:1.5}.handbook-callout strong{display:block;min-width:116px;color:#1e425e}.handbook-callout-warning{--hb:#b45309;--hb-soft:#fff7e8;--hb-border:#f5d9a7}.handbook-callout-confidential{--hb:#7653b7;--hb-soft:#f6f1ff;--hb-border:#dfd2fb}.handbook-callout-record{--hb:#1e6f98;--hb-soft:#edf8fd;--hb-border:#c9e8f5}.handbook-callout-procedure{--hb:#26784d;--hb-soft:#effaf3;--hb-border:#ccecd8}.handbook-workflow{min-width:0;max-width:100%;margin:0 0 18px;padding:15px;border:1px solid var(--hb-border);border-radius:14px;background:linear-gradient(140deg,#fff,var(--hb-soft))}.handbook-workflow h3{margin:0 0 12px;color:#254761;font-size:14px}.handbook-workflow ol{max-width:100%;display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.handbook-workflow li{flex:1 1 115px;display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--hb-border);border-radius:9px;background:#fff;color:#365972;font-size:12px}.handbook-workflow li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--hb);color:#fff;font-size:10px;font-weight:800;flex-shrink:0}.handbook-workflow-alternates,.handbook-workflow-gates{margin:11px 0 0;color:#5c7184;font-size:12px}.handbook-workflow-gates strong{color:var(--hb)}.handbook-authority-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.handbook-authority-grid>div{padding:13px;border:1px solid var(--hb-border);border-radius:12px;background:#fff}.handbook-authority-grid>div:first-child{background:#effaf3;border-color:#ccecd8}.handbook-authority-grid>div:last-child{background:#fff5f2;border-color:#f4d6cd}.handbook-authority-grid h3{margin:0 0 5px;color:#245941;font-size:14px}.handbook-authority-grid>div:last-child h3{color:#a14734}.handbook-authority-grid p{margin:0;color:#547085;font-size:12px;line-height:1.5}.handbook-intro{margin:-4px 0 16px;color:#526f86;font-size:14px}.handbook-key-grid,.handbook-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.handbook-key-grid span,.handbook-status-strip span{padding:7px 10px;border-radius:999px;background:var(--hb-soft);border:1px solid var(--hb-border);color:var(--hb);font-size:11px;font-weight:800}.handbook-back-top{position:fixed;right:22px;bottom:22px;border:1px solid var(--hb-border);border-radius:999px;background:#fff;color:var(--hb);padding:9px 12px;font-size:12px;font-weight:800;box-shadow:0 4px 12px #143e6520}.handbook-loading,.handbook-empty,.handbook-error{padding:24px;border-radius:14px;background:#fff;border:1px solid var(--hb-border);color:#547087}.handbook-error{color:#b43b3b;border-color:#f0c9c9}@media(max-width:760px){.handbook-shell{padding:6px 0 40px}.handbook-hero{padding:20px;gap:13px;border-radius:17px}.handbook-hero-mark{width:48px;height:48px;font-size:24px}.handbook-official-badge{display:none}.handbook-layout{display:flex;flex-direction:column}.handbook-toc{position:static;width:100%}.handbook-toc details:not([open]) ol{display:none}.handbook-toc ol{max-height:230px}.handbook-section-card{padding:17px;border-radius:14px}.handbook-section-heading{margin-bottom:14px;padding-bottom:13px}.handbook-callout{display:block}.handbook-callout strong{margin-bottom:3px}.handbook-authority-grid{grid-template-columns:1fr}.handbook-workflow ol{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.handbook-workflow li{min-width:142px;flex:none}.handbook-back-top{right:14px;bottom:14px}.handbook-back-top span{display:none}}

/* Global Workspace account controls and the persistent notification center. */
.workspace-main-column{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}
.workspace-topbar{position:relative;z-index:60;display:flex;justify-content:flex-end;flex-shrink:0;padding:14px 28px;border-bottom:1px solid var(--line);background:#eef7ff;color:var(--ink)}
.workspace-account-actions{display:flex;align-items:center;gap:12px}
.notification-bell,.workspace-profile{border:1px solid #d6e7f4;background:#fff;color:var(--ink);box-shadow:0 3px 10px #19466b08;border-radius:15px}
.notification-bell{position:relative;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}
.notification-badge{position:absolute;top:-5px;right:-5px;min-width:20px;padding:2px 5px;border-radius:12px;background:#d82f60;color:#fff;font-size:10px;font-weight:700;border:2px solid #eef7ff}
.workspace-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;text-align:left;max-width:380px}
.workspace-profile img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e5f4ff}
.workspace-profile-copy{display:flex;flex-direction:column;min-width:0;line-height:1.4}
.workspace-profile-copy small{font-size:10px;color:var(--muted)}
.workspace-profile-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-profile-copy time{font-size:10px;color:var(--muted);white-space:nowrap}
.notification-center{position:absolute;top:calc(100% - 4px);right:28px;width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 155px);display:flex;flex-direction:column;background:#fff;border:1px solid #d7e7f4;border-radius:20px;box-shadow:0 18px 65px #163b6430;overflow:hidden;color:var(--ink);text-align:left}
.notification-center[hidden],.notification-badge[hidden],.notification-center footer[hidden]{display:none}
.notification-center>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 10px;gap:10px}
.notification-center h2{font-size:19px;font-weight:700;margin:0}
.notification-center [data-close]{font-size:25px;line-height:1;width:36px;height:36px;border-radius:10px;color:#59758d}
.notification-tabs{display:flex;padding:0 20px;border-bottom:1px solid #e5edf5;gap:24px;flex-shrink:0}
.notification-tabs button{padding:12px 0;font-size:13px;color:#6b7f94;border-bottom:3px solid transparent;white-space:nowrap}
.notification-tabs button[aria-selected=true]{color:#0070bd;border-bottom-color:#008ce4;font-weight:600}
.notification-tabs span{font-size:10px;padding:2px 5px;border-radius:6px;background:#e5f2fe}
#notification-body{overflow:auto;min-height:120px;overscroll-behavior:contain}
.notification-row{display:flex;align-items:flex-start;gap:12px;width:100%;padding:17px 20px;text-align:left;border-bottom:1px solid #edf3f8;background:white;color:var(--ink)}
.notification-row.is-unread{background:#f1f8ff}
.notification-row:hover{background:#eaf5fe}
.notification-category{display:grid;place-items:center;background:#e2f0fc;color:#1482ce;width:38px;height:38px;border-radius:12px;flex-shrink:0}
.notification-category svg{width:20px;height:20px}
.category-birthday{background:#fff1e4;color:#c07b25}.category-application,.category-certification{background:#e7f7f0;color:#288f70}.category-inactivity,.category-media-project{background:#f1ebff;color:#8058b8}
.notification-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.notification-row-copy strong{font-size:13px}.notification-row-copy>span{font-size:12px;line-height:1.65;color:#5c748d}.notification-row time{font-size:10px;color:#6e849b}
.notification-unread{font-size:10px;color:#168bd2;margin-top:5px}.notification-center footer{padding:13px;text-align:center;border-top:1px solid #e5edf5}.notification-center footer button,.notification-more{color:#0077bf;font-weight:600;font-size:12px;padding:8px}
.notification-empty{padding:42px 20px;text-align:center;font-size:14px}.notification-empty span{font-size:12px;color:#6b8097}.notification-settings{padding:20px;font-size:12px;line-height:1.7}.notification-settings h3{font-size:14px;font-weight:600;margin:16px 0 6px}.notification-settings h3:first-child{margin-top:0}.notification-settings p{color:#607991;margin:7px 0}.notification-settings label{display:flex;align-items:center;gap:8px;margin-top:16px}.notification-settings button{background:#e5f3ff;border:1px solid #c8e3f7;border-radius:9px;padding:10px;color:#0068ad;font-weight:600}
.workspace-topbar :is(button,input):focus-visible,.profile-page :is(button,select):focus-visible{outline:3px solid #008ddd;outline-offset:3px}
.profile-page{max-width:1050px!important}.profile-heading{margin:26px 0}.profile-heading h1{font-size:32px;font-weight:700;margin:4px 0 9px}.profile-heading>p:last-child,.profile-muted{color:var(--muted);font-size:13px}.profile-identity{display:flex;align-items:center;gap:24px;background:linear-gradient(105deg,#fff,#f0f9ff);margin-bottom:24px}.profile-identity>img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:5px solid #e7f4ff;background:#fff}.profile-identity h2{margin-bottom:10px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-career{grid-column:1/-1}.profile-card-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.profile-card-title>span{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:#e7f4ff;color:#1384c8}.profile-card-title h2{font-size:20px!important;margin:0}.profile-card-title p{font-size:12px;margin:6px 0 0;color:var(--muted)}
.birthday-selectors{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}.birthday-selectors label{font-size:12px;font-weight:500;display:flex;flex-direction:column;gap:8px}.birthday-selectors select{width:100%;min-height:46px;background:#f7fbff;border:1px solid #d1e4f4;border-radius:10px;color:var(--ink);padding:10px}.birthday-privacy{font-size:11px;color:var(--muted);margin:15px 0 22px}.birthday-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.birthday-actions .btn-primary{padding:12px 18px;border-radius:10px;font-size:12px}.birthday-actions .portal-link{font-size:12px}#birthday-status{font-size:12px;margin-top:14px;color:#146e9c}.linked-account{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e3edf6;padding:17px 0;font-size:13px}.linked-account p{color:var(--muted);font-size:11px;margin-top:4px}.linked-account button{font-size:12px}.birthday-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.birthday-card{display:flex;align-items:center;gap:13px;padding:18px;background:#fff;border:1px solid #d8e8f5;border-radius:16px;box-shadow:var(--card-shadow)}.birthday-card>img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e7f4ff;flex-shrink:0}.birthday-card h3{font-size:13px!important;overflow-wrap:anywhere}.birthday-card p{font-size:11px;color:var(--muted);margin:5px 0}.birthday-card span{font-size:10px;background:#e9f5ff;color:#0075bd;padding:3px 7px;border-radius:7px;display:inline-block}.birthday-today{border-color:#82c7f3;background:linear-gradient(120deg,#fff,#eaf7ff)}.birthday-today span{background:#d5edff;color:#086294;font-weight:600}.birthday-cards>.portal-empty{grid-column:1/-1}
@media(max-width:1023px){.workspace-topbar{padding:9px 16px}.notification-center{right:16px;max-height:calc(100dvh - 135px)}.workspace-profile-copy{display:none}.workspace-profile{padding:4px 8px;gap:7px}.workspace-profile img{width:34px;height:34px}.notification-bell{width:44px;height:44px}.birthday-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.profile-grid{grid-template-columns:1fr;gap:16px}.profile-career{grid-column:auto}.profile-identity{gap:16px}.profile-identity>img{width:72px;height:72px}.profile-heading h1{font-size:26px}.birthday-cards{grid-template-columns:1fr}.notification-center{right:8px;width:calc(100vw - 16px);border-radius:16px}.notification-center h2{font-size:17px}.notification-row{padding:15px}.workspace-topbar{padding:7px 14px}.notification-center>header{padding:13px 16px 6px}.profile-page .portal-card{padding:20px}.profile-identity h2{font-size:21px!important}}

/* Grid items must shrink around scrollable charts and wide table wrappers. */
.activity-charts > *, .handbook-sections, .handbook-section-card {min-width:0;}
#main-content .handbook-table-wrap > table, #main-content .table-scroll > table, #main-content .overflow-x-auto > table {display:table;max-width:none;overflow:visible;}
#main-content .table-scroll {max-width:100%;overflow-x:auto;}

/* Current-handbook retrieval; orange HRD accents inherit throughout the reader. */
.handbook-shell[data-department="hr"] .handbook-callout-confidential{background:var(--hb-soft);border-color:var(--hb-border);color:var(--hb)}
.handbook-search-wrap{position:relative;flex:1;min-width:180px}
.handbook-search-wrap .handbook-search{width:100%}
.handbook-ranked-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:45;max-height:min(380px,50dvh);overflow-y:auto;background:#fff;border:1px solid var(--hb-border);border-radius:12px;box-shadow:0 8px 24px #15324f26;color:#15324f}
.handbook-ranked-results[hidden]{display:none}
.handbook-ranked-results [role="option"]{padding:12px 14px;min-height:48px;cursor:pointer;border-bottom:1px solid var(--hb-border);overflow-wrap:anywhere}
.handbook-ranked-results [role="option"][aria-selected="true"],.handbook-ranked-results [role="option"]:hover{background:var(--hb-soft);box-shadow:inset 3px 0 var(--hb)}
.handbook-ranked-results strong,.handbook-ranked-results span,.handbook-ranked-results small{display:block}
.handbook-ranked-results strong{font-size:13px}.handbook-ranked-results span{font-size:12px;color:var(--hb);font-weight:600}.handbook-ranked-results small{font-size:11px;line-height:1.6;margin-top:4px}.handbook-ranked-results p{padding:16px;font-size:13px}
.handbook-search-passage{outline:3px solid var(--hb);outline-offset:4px;background:var(--hb-soft);scroll-margin-block:100px}
@media(max-width:760px){.handbook-search-wrap{flex-basis:100%;min-width:0}.handbook-ranked-results{max-height:45dvh}}

@media(max-width:760px){.handbook-toolbar{position:relative}.handbook-search-wrap{position:static}.handbook-ranked-results{top:calc(100% + 6px)}}
#handbook-reader[data-department="hr"] .handbook-prose th{background:var(--hb);color:#fff}
#handbook-reader[data-department="hr"] :is(.handbook-table-wrap,.handbook-prose th,.handbook-prose td){border-color:var(--hb-border)}
#handbook-reader[data-department="hr"] .handbook-callout{background:var(--hb-soft);border-color:var(--hb-border)}
#handbook-reader[data-department="hr"] .handbook-callout strong{color:var(--hb)}
#handbook-reader[data-department="hr"] .handbook-search input:focus-visible{outline-color:var(--hb)}

.handbook-toolbar{scroll-margin-top:12px}
.handbook-toc a>span{flex:0 0 22px;white-space:nowrap}

/* EO Interview forms stay in the shared page scroll container. */
.eo-interviews,.eo-content,.eo-card{min-width:0;max-width:100%}.eo-tabs,.eo-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.eo-tabs [aria-current=true]{background:#075985;color:white}.eo-list{display:grid;gap:1rem}.eo-card{display:grid;gap:.8rem;padding:1.2rem;border:1px solid #cbd5e1;border-radius:1rem;background:#fff;text-align:left}.eo-card h3,.eo-question h4{font-weight:750;color:#153650}.eo-card small,.eo-card span{overflow-wrap:anywhere}.eo-field{display:grid;gap:.4rem;margin:.6rem 0}.eo-field input,.eo-field select,.eo-field textarea,.eo-card input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #94a3b8;border-radius:.5rem;padding:.65rem;background:#fff;color:#153650;font:inherit}.eo-question{padding:1rem 0;border-bottom:1px solid #cbd5e1}.eo-question details{margin:.6rem 0;overflow-wrap:anywhere}.eo-critical{font-size:.8rem;color:#9a3412}.eo-feedback{overflow-wrap:anywhere;min-height:1.5rem}.eo-result{font-weight:750}.eo-dialog{width:min(36rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid #cbd5e1;border-radius:1rem;padding:1.5rem;color:#153650}.eo-dialog::backdrop{background:#102c48aa}.eo-dialog p{margin:1rem 0}.eo-card textarea{resize:vertical}.eo-card button{white-space:normal;overflow-wrap:anywhere}.eo-card input[type=checkbox]{width:auto;min-width:1.2rem;min-height:1.2rem}@media(max-width:600px){.eo-card{padding:.8rem}.eo-tabs button{flex:1 1 40%}.eo-interviews .action-button{min-height:44px}.eo-dialog{padding:1rem}}

/* EO / MOD candidate roster: dates remain visible when the background state
   is stale, while the status badge keeps scheduling safety obvious. */
.eo-page-heading{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.eo-page-heading h2{margin:0;color:#102f57;font-size:clamp(1.6rem,3vw,2.25rem)}.eo-page-heading p{margin:.25rem 0 0;color:#496985}.eo-page-icon{display:grid;place-items:center;width:4.25rem;height:4.25rem;border:1px solid #d7e7f5;border-radius:1rem;background:#fff;color:#0865bd;box-shadow:0 6px 18px #123a5c0d}.eo-page-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2}.eo-tabs{margin:1rem 0 1.1rem}.eo-tabs .action-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.25rem;padding:.7rem 1.25rem;border:1px solid #d3e2ef;background:#fff;color:#13395f;border-radius:.7rem;box-shadow:0 2px 7px #123a5c0a}.eo-tabs .action-button svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2}.eo-tabs [aria-current=true]{background:linear-gradient(135deg,#0d709e,#075985);border-color:#075985}.eo-eligibility-panel{padding:1.5rem;border:1px solid #d5e3ef;border-radius:1rem;background:#f9fcff}.eo-eligibility-panel>header h3{margin:0;color:#14345d;font-size:1.35rem}.eo-eligibility-panel>header p{margin:.25rem 0 1rem;color:#53708d}.eo-eligibility-search{display:flex;align-items:center;gap:.7rem;box-sizing:border-box;width:100%;margin-bottom:1rem;padding:.7rem 1rem;border:1px solid #c9dced;border-radius:.75rem;background:#fff;color:#1262aa}.eo-eligibility-search svg{width:1.35rem;height:1.35rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2}.eo-eligibility-search input{width:100%;min-width:0;border:0!important;padding:0!important;outline:0;background:transparent!important}.eo-eligibility-card{position:relative;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1rem 1.15rem;border-color:#d7e5f0;box-shadow:0 4px 12px #143a5a08}.eo-avatar{display:grid;place-items:center;width:4.5rem;height:4.5rem;overflow:hidden;border-radius:50%;background:#e9f4ff;color:#0865bd}.eo-avatar img{width:100%;height:100%;object-fit:cover}.eo-avatar svg{width:2.1rem;height:2.1rem;fill:none;stroke:currentColor;stroke-width:2}.eo-eligibility-copy{min-width:0}.eo-eligibility-copy h4{margin:0;color:#102f57;font-size:1.05rem}.eo-status-copy{margin:.22rem 0 .65rem;color:#466582;line-height:1.45}.eo-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;color:#285784;font-size:.9rem}.eo-date-row span{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.eo-date-row b{font-weight:650}.eo-date-row svg{width:1.1rem;height:1.1rem;flex:0 0 auto;fill:none;stroke:#0865bd;stroke-width:2}.eo-date-row i{height:1.4rem;border-left:1px solid #b7cddd}.eo-status-badge{display:inline-flex;align-items:center;gap:.38rem;white-space:nowrap;margin-top:.05rem;padding:.45rem .7rem;border-radius:999px;font-size:.78rem;font-weight:750}.eo-status-badge svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2}.eo-status-badge.awaiting{background:#fff4d9;color:#a76500}.eo-status-badge.ready{background:#e7f8ee;color:#17713d}.eo-status-badge.waiting{background:#e9f3fe;color:#24639a}.eo-eligibility-actions,.eo-schedule{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;margin-top:.85rem}.eo-eligibility-actions .action-button{min-height:2.35rem;padding:.45rem .75rem}.eo-eligibility-actions .eo-override{border-color:#a96600;background:#fff8e8;color:#925900}.eo-schedule label{display:grid;gap:.25rem;font-size:.82rem;font-weight:650;color:#466582}.eo-schedule input{min-width:13rem}.eo-schedule .action-button{min-height:2.65rem}@media(max-width:760px){.eo-eligibility-panel{padding:1rem}.eo-eligibility-card{grid-template-columns:3.5rem minmax(0,1fr);padding:1rem}.eo-avatar{width:3.5rem;height:3.5rem}.eo-status-badge{grid-column:2;justify-self:start;margin-top:0}.eo-date-row{align-items:flex-start;flex-direction:column;gap:.45rem}.eo-date-row i{display:none}.eo-schedule{align-items:stretch}.eo-schedule label{width:100%}.eo-schedule input{min-width:0}.eo-schedule .action-button{width:100%}}@media(max-width:480px){.eo-page-heading{align-items:flex-start}.eo-page-icon{width:3.4rem;height:3.4rem}.eo-page-icon svg{width:1.7rem;height:1.7rem}.eo-tabs .action-button{flex:1 1 calc(50% - .4rem);padding:.65rem .45rem;font-size:.82rem}.eo-eligibility-card{grid-template-columns:1fr}.eo-avatar{width:3.3rem;height:3.3rem}.eo-status-badge{grid-column:auto}.eo-eligibility-actions .action-button{width:100%}}

/* Announcement composer: keep delivery choices and safeguards easy to scan. */
.announcement-editor { max-width: 1120px; margin-inline: auto; }
.announcement-editor .announcement-form { display: grid; gap: 24px; padding: clamp(16px, 3vw, 32px); }
.announcement-editor .announcement-section { min-width: 0; margin: 0; padding: 0 0 24px; border: 0; border-bottom: 1px solid #dce9f4; display: grid; gap: 16px; }
.announcement-editor .announcement-section > legend { float: left; width: 100%; margin-bottom: 16px; }
.announcement-editor .announcement-section > legend + * { clear: both; }
.announcement-editor .announcement-section h3, .announcement-editor legend { font-size: 18px; font-weight: 700; color: #183952; }
.announcement-editor .field-note { display: block; margin: 0; line-height: 1.6; }
.announcement-editor .broadcast-options { display: grid; gap: 20px; padding: clamp(14px, 2vw, 24px); background: #f5f9fd; border: 1px solid #dce9f4; border-radius: 12px; }
.announcement-editor .broadcast-warning { margin: 0; padding: 14px 16px; border-left: 3px solid #df991e; border-radius: 6px; background: #fff8e8; color: #72521d; line-height: 1.6; }
.announcement-editor .broadcast-override { display: grid; gap: 12px; border-top: 1px solid #dce9f4; padding-top: 20px; }
.announcement-editor .announcement-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; line-height: 1.5; }
.announcement-editor .announcement-check input { display: inline-block; width: 20px; height: 20px; min-width: 20px; margin: 2px 0 0; }
.announcement-editor [hidden] { display: none !important; }
.announcement-editor textarea, .announcement-editor input, .announcement-editor select { max-width: 100%; min-width: 0; }
.announcement-editor .announcement-actions, .announcement-editor .announcement-history-heading { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.announcement-editor .announcement-history-heading { justify-content: space-between; }
@media (max-width: 600px) {
 .announcement-editor .audience-options { grid-template-columns: 1fr; }
 .announcement-editor .announcement-actions > button { flex: 1 1 140px; }
}

.mod-punishments { display: grid; gap: 20px; }
.mod-punishments .mod-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding-top: 18px; }
.mod-punishments .mod-form label { min-width: 0; }
.mod-punishments .mod-form textarea { min-height: 120px; }
.mod-punishments .mod-form p { grid-column: 1 / -1; }
.mod-punishments [hidden] { display: none !important; }
.mod-punishments .mod-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-block: 18px; }
.mod-punishments dt { font-size: 12px; font-weight: 700; }
.mod-punishments dd { overflow-wrap: anywhere; }
.mod-punishments #mod-logs-list { display: grid; gap: 16px; }
.mod-punishments .mod-review { display: flex; gap: 12px; flex-wrap: wrap; }
@media(max-width:600px) { .mod-punishments .mod-form,.mod-punishments .mod-details { grid-template-columns: 1fr; } }

/* Shared disciplinary-log evidence picker. */
.log-evidence-editor{min-width:0;margin:12px 0 0;padding:20px;border:1px solid #d9e7f1;border-radius:14px;background:#fff;color:#18374f}
.log-evidence-editor legend{padding:0 8px;font-weight:750;font-size:16px;line-height:1.8}
.log-evidence-required{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;background:#edf6fe;color:#53738c;font-size:10px;font-weight:600;vertical-align:middle}
.log-evidence-intro{margin:0 0 16px;color:#59768d;font-size:13px}
.log-evidence-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.log-evidence-option{display:flex;flex-direction:column;min-width:0;margin:0;padding:16px;border-radius:11px;background:#f5f9fd;border:1px solid #e4eef6}
.log-evidence-label{font-size:13px;font-weight:750;color:#24465f}
.log-evidence-hint{display:block;margin:4px 0 12px;font-size:11px;color:#6a8295;line-height:1.5}
#appContainer .log-evidence-option input[type=url]{width:100%;min-width:0;margin:0;background:white!important;font-size:13px}
.log-evidence-upload{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 12px;border:1px dashed #82b9df;border-radius:9px;background:#fff;color:#0874bc;font-size:12px;font-weight:700;text-align:center;cursor:pointer}
.log-evidence-upload:hover{background:#eaf5ff;border-color:#007be8}
.log-evidence-upload:focus-within{outline:3px solid #48b5ee;outline-offset:3px}
#appContainer .log-evidence-upload input[type=file]{position:absolute;width:1px!important;height:1px!important;opacity:0;padding:0!important;margin:0!important;overflow:hidden}
.log-evidence-formats{margin-top:8px;font-size:10px;color:#71899b;text-align:center}
.log-evidence-files{display:grid;gap:8px;margin-top:14px}.log-evidence-files:empty{display:none}
.log-evidence-file{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid #dceaf4;border-radius:9px;background:#f8fbfe}
.log-evidence-file-kind{flex-shrink:0;font-size:9px;font-weight:800;padding:6px;border-radius:6px;background:#e4f2ff;color:#1577b7}
.log-evidence-file-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:600}.log-evidence-file-name small{display:block;font-size:10px;font-weight:400;color:#70899e;margin-top:3px}
.log-evidence-file button{flex-shrink:0;min-width:36px;min-height:36px;border-radius:8px;color:#688398}.log-evidence-file button:hover{background:#feecec;color:#a62c2c}
.log-evidence-privacy{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:#7a8fa0;font-size:11px}.log-evidence-privacy svg{flex-shrink:0}
.log-evidence-error{color:#b42318;font-size:13px;margin-top:12px}
@media(max-width:480px){.log-evidence-editor{padding:14px}.log-evidence-editor legend{font-size:14px}.log-evidence-required{font-size:9px;margin-left:4px}.log-evidence-option{padding:12px}}

/* Management Situation Protocol: each action (h3 + steps + command callout) reads as its own card. */
.handbook-shell[data-department="management"] .handbook-prose h3:has(+ ul + blockquote){margin:1.6em 0 0;padding:12px 16px;background:var(--hb-soft);border:1px solid var(--hb-border);border-bottom:0;border-radius:12px 12px 0 0;font-size:1.08em}
.handbook-shell[data-department="management"] .handbook-prose h3 + ul:has(+ blockquote){margin:0;padding:10px 16px 4px;list-style:none;border:1px solid var(--hb-border);border-top:0;border-bottom:0;background:#fff}
.handbook-shell[data-department="management"] .handbook-prose h3 + ul:has(+ blockquote) strong{color:var(--hb)}
.handbook-shell[data-department="management"] .handbook-prose h3 + ul + blockquote{margin:0 0 1.2em;border:1px solid var(--hb-border);border-left:4px solid var(--hb);border-radius:0 0 12px 12px;font-weight:600}

/* Management Requests (list / create / detail). Scoped; matches CBW handbook palette. */
.mr-shell{--mr-ink:#163a5a;--mr-muted:#5f7a90;--mr-line:#dbe8f1;--mr-blue:#1677e8;max-width:1240px;margin:0 auto;padding:8px 12px 56px;color:var(--mr-ink)}
.mr-loading,.mr-empty{padding:28px;text-align:center;color:var(--mr-muted)}
.mr-ico{width:20px;height:20px}.mr-ico-sm{width:16px;height:16px;flex-shrink:0}.mr-ico-lg{width:28px;height:28px}
.mr-hero{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:6px 0;flex-wrap:wrap}
.mr-hero h1{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.05;font-weight:800;color:#0f2c55;letter-spacing:-.01em}
.mr-hero-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#e4f0fd;color:#123f8a;box-shadow:0 6px 16px #1b4f8a14}
.mr-eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#2f7fd1}
.mr-sub{margin:6px 0 0;color:var(--mr-muted);font-size:15px}
.mr-motto{margin-left:auto;display:flex;align-items:center;gap:12px;max-width:300px;padding:14px 18px;border:1px solid var(--mr-line);border-radius:16px;background:#fff;color:var(--mr-muted);font-size:13px;box-shadow:0 4px 14px #18507010}
.mr-motto p{margin:0}.mr-motto span{font-size:22px}
.mr-back{order:-1;flex-basis:100%;display:inline-flex;align-items:center;gap:6px;width:max-content;border:0;background:none;color:var(--mr-blue);font-weight:700;font-size:13px;padding:0;cursor:pointer}
.mr-card{min-width:0;background:#fff;border:1px solid var(--mr-line);border-radius:18px;padding:22px;box-shadow:0 5px 16px #1d59710d}
.mr-card h2{margin:0 0 6px;font-size:20px;font-weight:800;color:#0f2c55}
.mr-muted,.mr-hint{color:var(--mr-muted);font-size:13px;margin:0}
.mr-hint{display:flex;align-items:center;gap:6px;margin-top:4px}
.mr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.mr-stat{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--mr-line);border-radius:16px;box-shadow:0 4px 14px #18507010}
.mr-stat p{margin:0;font-weight:600;color:#36566e}.mr-stat strong{display:block;font-size:30px;line-height:1.1;color:#0f2c55}.mr-stat span{color:var(--mr-muted);font-size:13px}
.mr-stat-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;flex-shrink:0}
.mr-tone-amber{--t:#e08a00;--tb:#fff4e0;--tl:#f7d9a2}.mr-tone-green{--t:#1e8a4b;--tb:#e9f8ef;--tl:#bfe6cd}.mr-tone-red{--t:#d43c3c;--tb:#feeceb;--tl:#f6c4c1}.mr-tone-orange{--t:#c2570c;--tb:#fff1e6;--tl:#f9cfaa}.mr-tone-blue{--t:#1677e8;--tb:#eaf3fe;--tl:#c6dcf8}.mr-tone-slate{--t:#475569;--tb:#f1f5f9;--tl:#cbd5e1}
.mr-stat-icon,.mr-dot{background:var(--tb);color:var(--t)}
.mr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.mr-tabs{display:flex;gap:8px;flex-wrap:wrap}
.mr-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--mr-line);background:#fff;color:#36566e;font-weight:600;font-size:14px;cursor:pointer}
.mr-tab.is-active{background:var(--mr-blue);border-color:var(--mr-blue);color:#fff;box-shadow:0 4px 12px #1677e840}
.mr-count{padding:1px 8px;border-radius:8px;background:#eef4fa;color:#36566e;font-size:12px}.mr-tab.is-active .mr-count{background:#ffffff33;color:#fff}
.mr-search{flex:1 1 220px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--mr-line);border-radius:12px;background:#fff;color:var(--mr-muted)}
.mr-search input{flex:1;min-width:0;border:0;outline:0;padding:11px 0;background:transparent;color:var(--mr-ink);font-size:14px}
.mr-sort select{padding:11px 12px;border:1px solid var(--mr-line);border-radius:12px;background:#fff;color:var(--mr-ink);font-size:14px}
.mr-primary,.mr-secondary,.mr-accept,.mr-deny{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent}
.mr-primary{background:var(--mr-blue);color:#fff;box-shadow:0 4px 12px #1677e840}.mr-secondary{background:#fff;border-color:var(--mr-line);color:var(--mr-ink)}
.mr-accept{width:100%;background:#1e8a4b;color:#fff}.mr-deny{width:100%;background:#feeceb;color:#c22f2f;border-color:#f6c4c1}
:is(.mr-primary,.mr-accept,.mr-deny,.mr-secondary):disabled{opacity:.6;cursor:wait}
.mr-table{display:grid;gap:8px}
.mr-thead,.mr-row{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(110px,.7fr) minmax(150px,1.2fr) minmax(150px,1.2fr) minmax(120px,.8fr);gap:14px;align-items:center}
.mr-thead{padding:4px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4b6780}
.mr-row{width:100%;text-align:left;padding:12px 18px;background:#fff;border:1px solid var(--mr-line);border-radius:14px;cursor:pointer;color:inherit;font:inherit}
.mr-row:hover,.mr-row:focus-visible{border-color:#9cc6f2;box-shadow:0 4px 14px #1677e81f;outline:none}
.mr-cell{display:flex;flex-direction:column;min-width:0;font-size:13px;color:var(--mr-muted)}.mr-cell strong{color:#173651;font-size:14px}
.mr-label{display:none}
.mr-trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-person{display:flex;align-items:center;gap:10px;min-width:0}.mr-person>div{display:flex;flex-direction:column;min-width:0}.mr-person strong{color:#0f2c55;overflow:hidden;text-overflow:ellipsis}.mr-person span{color:var(--mr-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.mr-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 12px;border-radius:999px;background:var(--tb);color:var(--t);border:1px solid var(--tl);font-weight:700;font-size:13px}
.mr-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;color:var(--mr-muted);font-size:13px}
.mr-pager button{padding:8px 14px;border:1px solid var(--mr-line);border-radius:10px;background:#fff;color:var(--mr-ink);font-weight:600}.mr-pager button:disabled{opacity:.45}
.mr-split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px;align-items:start}
.mr-aside{display:grid;gap:16px;min-width:0}
.mr-form{display:grid;gap:14px}
.mr-field{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}
.mr-flabel{font-weight:700;font-size:14px;color:#173651}.mr-req{color:#d43c3c}
.mr-form :is(input:not([type=file]),select,textarea),.mr-deny-form textarea{width:100%;padding:11px 12px;border:1px solid var(--mr-line);border-radius:12px;background:#fff;color:var(--mr-ink);font-size:14px}
.mr-form :is(input,select,textarea):focus,.mr-deny-form textarea:focus{outline:2px solid #9cc6f2;border-color:#9cc6f2}
.mr-readonly{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#eef4fa;border:1px solid var(--mr-line);color:#36566e}
.mr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mr-counter{align-self:flex-end;font-size:12px;color:var(--mr-muted)}
.mr-input-icon{display:flex;align-items:center;gap:8px;padding-left:12px;border:1px solid var(--mr-line);border-radius:12px;color:var(--mr-muted)}.mr-input-icon input{border:0!important;padding-left:0!important}
.mr-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 12px;border:1.5px dashed #b9d3ea;border-radius:14px;background:#f7fbff;color:var(--mr-blue);text-align:center;cursor:pointer}.mr-drop span{font-size:12px;color:var(--mr-muted)}
.mr-files{margin:4px 0 0;padding:0;list-style:none;font-size:12px;color:var(--mr-muted)}
.mr-error{margin:0;padding:10px 12px;border-radius:10px;background:#feeceb;color:#a12a2a;font-size:13px}
.mr-actions{display:flex;gap:10px;flex-wrap:wrap}
.mr-note{padding:16px;border-radius:14px;background:var(--tb);border:1px solid var(--tl);color:#36566e;font-size:13px}.mr-note strong{display:flex;align-items:center;gap:6px;color:var(--t);font-size:15px}.mr-note p{margin:6px 0 0}.mr-note ul{margin:8px 0 0;padding-left:18px}
.mr-aside-title{display:flex;align-items:center;gap:10px}.mr-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}
.mr-id{font-size:13px;font-weight:600;color:var(--mr-muted);margin-left:6px}
.mr-people{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--mr-line)}
.mr-people>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.mr-chip{display:inline-block;width:max-content;max-width:100%;padding:3px 10px;border-radius:999px;background:#eef4fa;color:#36566e;font-size:12px}
.mr-line{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--mr-line)}
.mr-line-label{display:flex;align-items:flex-start;gap:8px;font-weight:600;color:#36566e;font-size:14px}
.mr-line-value{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;color:var(--mr-muted)}.mr-line-value strong{color:#0f2c55}
.mr-pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#36566e}
.mr-link{color:var(--mr-blue);overflow-wrap:anywhere}
.mr-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.mr-file{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--mr-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;min-width:0}.mr-file strong{font-size:13px;color:#0f2c55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-file span{font-size:12px;color:var(--mr-muted)}
.mr-thumb{display:grid;place-items:center;height:70px;border-radius:8px;background:linear-gradient(135deg,#d8ecfb,#b8dcf4);color:#fff;font-size:22px}
.mr-viewer{margin-top:14px}.mr-media{max-width:100%;max-height:480px;border-radius:12px;border:1px solid var(--mr-line)}
.mr-panel{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--tb);border:1px solid var(--tl);color:var(--t);margin:8px 0 14px}.mr-panel strong{font-size:20px}.mr-panel p{margin:2px 0 0;color:#5f6f7f;font-size:13px}
.mr-dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin:0 0 14px;font-size:13px}.mr-dl dt{color:var(--mr-muted)}.mr-dl dd{margin:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.mr-review{display:grid;gap:10px;padding:14px;border:1px solid var(--mr-line);border-radius:14px}
.mr-confirm{padding:12px;border-radius:12px;background:#f3faf6;border:1px solid #bfe6cd;font-size:13px;color:#36566e}.mr-confirm p{margin:0 0 10px}
.mr-confirm .mr-accept,.mr-deny-form .mr-deny{width:auto}
.mr-timeline{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:0}
.mr-timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;padding:0 0 16px}
.mr-timeline li:not(:last-child):before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:#cfe0ee}
.mr-tl-dot{width:14px;height:14px;margin-top:3px;border-radius:50%;border:3px solid var(--mr-blue);background:#fff}
.mr-timeline strong{display:block;font-size:14px;color:#0f2c55}.mr-timeline span{font-size:12px;color:var(--mr-muted);overflow-wrap:anywhere}.mr-timeline time{font-size:12px;color:var(--mr-muted);text-align:right}
.mr-error-page p{color:#a12a2a}
@media(max-width:1024px){.mr-split{grid-template-columns:1fr}.mr-motto{display:none}}
@media(max-width:820px){
 .mr-thead{display:none}
 .mr-row{grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px}
 .mr-c-req{grid-column:1/-1}.mr-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b93a7;margin-bottom:2px}
 .mr-c-reason,.mr-c-action{grid-column:1/-1}
}
@media(max-width:640px){
 .mr-shell{padding:4px 0 40px}.mr-hero{gap:12px}.mr-hero-icon{width:54px;height:54px;border-radius:15px}
 .mr-stats{gap:8px}.mr-stat{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.mr-stat-icon{width:34px;height:34px;border-radius:10px}.mr-stat-icon .mr-ico-lg{width:18px;height:18px}.mr-stat p{font-size:12px}.mr-stat strong{font-size:22px}.mr-stat span{display:none}
 .mr-tabs{width:100%;flex-wrap:nowrap}.mr-tab{flex:1;justify-content:center;gap:5px;padding:9px 4px;font-size:12px}.mr-tab .mr-ico-sm{display:none}
 .mr-sort,.mr-primary{flex:1 1 auto}.mr-sort select{width:100%}
 .mr-grid2,.mr-people{grid-template-columns:1fr}
 .mr-line{grid-template-columns:1fr;gap:6px}.mr-card{padding:16px;border-radius:14px}
 .mr-timeline li{grid-template-columns:18px minmax(0,1fr)}.mr-timeline time{grid-column:2;text-align:left}
}
#appContainer .mr-shell .mr-search input,#appContainer .mr-shell .mr-input-icon input{border:0!important;box-shadow:none!important;background:transparent!important;outline:0;padding-left:0!important}
.mr-shell .mr-input-icon:focus-within,.mr-shell .mr-search:focus-within{outline:2px solid #9cc6f2;border-color:#9cc6f2}

/* Weekly stats: shared layout; --ws-accent follows each department's colour. */
.ws-page{--ws-accent:#1f7fe0;--ws-accent-soft:#e6f2ff;--ws-ink:#14305a;--ws-muted:#6a7f99;--ws-line:#e3edf7;display:flex;flex-direction:column;gap:18px;max-width:1500px;margin:0 auto;padding:4px 4px 64px;color:var(--ws-ink)}
.ws-page[data-theme-accent="pink"]{--ws-accent:#ec2f8c;--ws-accent-soft:#ffe6f2}
.ws-page[data-theme-accent="orange"]{--ws-accent:#ee7d12;--ws-accent-soft:#fff0e0}
.ws-page[data-theme-accent="green"]{--ws-accent:#1c9a4a;--ws-accent-soft:#e3f6e9}
.ws-page>*{min-width:0}
.ws-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.ws-toolbar>:first-child{justify-self:start}.ws-toolbar>:last-child{justify-self:end}
.ws-btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;border-radius:999px;padding:12px 24px;font-weight:600;border:1px solid #d5e6f6;background:#fff;color:var(--ws-ink);box-shadow:0 6px 18px #1d4f8010}
.ws-btn:hover{border-color:#a9cdee}
.ws-btn-pill{color:#1d5fb3}
.ws-btn-primary{background:#1a78e5;border-color:#1a78e5;color:#fff;border-radius:16px}
.ws-btn-primary:hover{background:#1467c8}.ws-btn:disabled{opacity:.55;cursor:not-allowed}
.ws-hero{display:grid;grid-template-columns:1fr minmax(0,980px) 1fr;align-items:center;gap:20px}
.ws-hero .stats-banner{margin:0;max-height:270px}
.ws-side{font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#7fa6cf;line-height:1.9}
.ws-side::after{content:"";display:block;width:38px;height:2px;margin-top:14px;background:#bcd6ee}
.ws-side-left{justify-self:end}.ws-side-right{justify-self:start}
.ws-date{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:17px;font-weight:500;color:var(--ws-ink)}
.ws-date svg{color:#1f7fe0}
.ws-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ws-summary-card{display:flex;align-items:center;gap:22px;padding:18px 26px;border-radius:18px;border:1px solid}
.ws-summary-icon{display:flex;align-items:center;justify-content:center;flex:none;width:86px;height:86px;border-radius:50%}
.ws-summary-icon svg{width:40px;height:40px;stroke-width:2.6}
.ws-summary-title{margin:0;font-weight:600}.ws-summary-value{margin:2px 0;font-size:30px;font-weight:700;color:var(--ws-ink);line-height:1.15}.ws-summary-note{margin:0;color:#4f6683}
.ws-complete{background:#effbf6;border-color:#d2f1e3}.ws-complete .ws-summary-icon{background:#d9f5e8;color:#1b9a5c}.ws-complete .ws-summary-title{color:#16804c}
.ws-summary-card.ws-progress{background:#fffbea;border-color:#f8edc0}.ws-summary-card.ws-progress .ws-summary-icon{background:#fff1c4;color:#e3a008}.ws-summary-card.ws-progress .ws-summary-title{color:#14305a}
.ws-incomplete{background:#fff2f4;border-color:#fbd9df}.ws-incomplete .ws-summary-icon{background:#ffdfe4;color:#e11d48}.ws-incomplete .ws-summary-title{color:#e11d48}
.ws-card{background:#fff;border:1px solid var(--ws-line);border-radius:22px;padding:18px 14px 10px;box-shadow:0 10px 30px #1d4f800d}
.ws-card-head{display:flex;align-items:center;gap:16px;padding:0 14px 14px}
.ws-card-head h2{margin:0;font-size:20px;font-weight:700;color:var(--ws-ink)}.ws-card-head p{margin:2px 0 0;color:var(--ws-muted);font-size:14px}
.ws-card-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#e9f3ff;color:#1f7fe0}
.ws-card-icon svg{width:24px;height:24px;stroke-width:2.6}
.ws-table-wrap{overflow-x:auto}
.ws-table{width:100%;border-collapse:separate;border-spacing:0 6px;white-space:nowrap}
.ws-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2a456b;background:#f6faff}
.ws-table th:first-child{border-radius:12px 0 0 12px}.ws-table th:last-child{border-radius:0 12px 12px 0}
.ws-th{display:inline-flex;align-items:center;gap:10px}.ws-th svg{color:#4f6683}
.ws-table td{padding:10px 16px;background:#fbfdff;vertical-align:middle}
.ws-table td+td{border-left:1px solid var(--ws-line)}
.ws-table td:first-child{border-radius:14px 0 0 14px}.ws-table td:last-child{border-radius:0 14px 14px 0;border-left:0}
.ws-table td:nth-last-child(2){border-left:1px solid var(--ws-line)}
.ws-user{display:flex;align-items:center;gap:14px;min-width:210px}
.ws-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;background:#eef4fb}
.ws-avatar-fallback{display:flex;align-items:center;justify-content:center;color:#7f95b0}
.ws-name{margin:0;font-weight:700;font-size:17px;color:var(--ws-ink)}
.ws-rank{display:flex;align-items:center;gap:6px;margin:2px 0 0;color:#4f6683;font-size:14px}.ws-rank svg{width:14px;height:14px;color:#7f95b0}
.ws-metric{min-width:150px}.ws-metric p{margin:0 0 6px;font-size:16px}.ws-metric p span{color:#4f6683}
.ws-met{color:#16a34a}.ws-unmet{color:#e11d48}
.ws-progress-row{display:flex;align-items:center;gap:14px}
.ws-bar{position:relative;flex:1;height:11px;border-radius:999px;background:#e9eff6;overflow:hidden}
.ws-bar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--ws-accent)}
.ws-progress-row em{font-style:normal;font-size:13px;color:#4f6683;min-width:34px;text-align:right}
.ws-status{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ws-status-progress,.ws-status-incomplete{background:#ffe8ec;color:#e11d48}
.ws-status-complete{background:#e0f6eb;color:#15803d}
.ws-status-inactive{background:#ece9ff;color:#5b4bd1}
.ws-status-none{background:#eef2f7;color:#5b6f88}
.ws-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:#1f3a63;font-size:24px;line-height:1}
.ws-icon-btn:hover{background:#eef4fb}
.ws-empty{padding:40px!important;text-align:center;color:var(--ws-muted)}
.ws-muted{color:var(--ws-muted)}.ws-error{color:#e11d48}
.ws-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f223f80;backdrop-filter:blur(3px)}
.ws-modal.hidden{display:none}
.ws-modal-box{width:100%;max-width:460px;max-height:80vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 60px #0f223f40;color:var(--ws-ink)}
.ws-modal-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--ws-line)}
.ws-modal-head h3{margin:0;font-size:19px;font-weight:700}
.ws-history-list{display:flex;flex-direction:column;gap:8px}
.ws-history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;border:1px solid var(--ws-line);background:#f8fbff;color:var(--ws-ink);font-weight:600;text-align:left}
.ws-history-item:hover{border-color:var(--ws-accent);color:var(--ws-accent)}
.ws-breakdown{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ws-breakdown li{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:12px}
.ws-breakdown small{display:block;margin-top:2px}
@media(max-width:1100px){.ws-side{display:none}.ws-hero{grid-template-columns:1fr}}
@media(max-width:860px){.ws-summary{grid-template-columns:1fr}.ws-summary-icon{width:60px;height:60px}.ws-summary-icon svg{width:28px;height:28px}}
@media(max-width:600px){.ws-toolbar{grid-template-columns:1fr 1fr}.ws-toolbar>.ws-btn-pill{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center}.ws-btn{padding:10px 14px}.ws-date{font-size:14px;flex-wrap:wrap}.ws-breakdown li{grid-template-columns:1fr}.ws-summary{gap:10px}.ws-summary-card{padding:12px 16px;gap:14px}.ws-summary-icon{width:46px;height:46px}.ws-summary-icon svg{width:22px;height:22px}.ws-summary-value{font-size:24px}.ws-summary-note{font-size:13px}}