/* 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:linear-gradient(130deg,#0a2842,#155475);color:var(--ink);color-scheme:light;}
#appContainer {max-width:1800px;background:var(--canvas);border:1px solid #c0dbea66;border-radius:22px;box-shadow:0 20px 65px #00162966;backdrop-filter:none;-webkit-backdrop-filter: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 #user-profile-btn {padding:16px;background:transparent;border-color:#ffffff16;flex-shrink:0;}
#sidebar #user-profile-btn p {color:#e7f5ff;}
#sidebar #user-profile-btn p:last-child {font-size:10px;color:#8fdbff;letter-spacing:.03em;}
#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 {background:#ffffff12;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;}
#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: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;}