@font-face {
  font-family: Inter;
  src: url('vendor/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --mrt-blue: #004aad;
  --mrt-navy: #004aad;
  --mrt-blue-2: #005acb;
  --mrt-blue-3: #2466b5;
  --mrt-blue-soft: #e5effc;
  --mrt-green: #43b54a;
  --mrt-green-soft: #e7f5e8;
  --bg: #f7f9fc;
  --surface-2: #f5f7fb;
  --border: #dfe6ef;
  --border-2: #edf1f6;
  --text: #202d3e;
  --text-2: #506079;
  --text-mut: #65738a;
  --text-soft: #8794a8;
  --lime: #e7f5e8;
  --lavender: #e2edfc;
  --shadow: 0 4px 20px rgba(31, 47, 30, .025);
  --shadow-lg: 0 20px 55px rgba(31, 47, 30, .12);
  --sidebar-w: 244px;
}
body {font-family: Inter, system-ui, sans-serif; color:var(--text);}
h1,h2,h3 {font-weight:600; letter-spacing:-.035em;}
a {color:var(--mrt-blue);}
.btn {border-radius:10px; box-shadow:none; font-weight:550; font-size:13px;}
.btn-primary {background:#004aad; color:white;}
.btn-primary:hover {background:#003c8c;}
.btn-accent {background:var(--lime); color:#133b18;}
.btn-ghost {color:var(--text-2);}
.btn-ghost:hover {background:#edf2f8;}
.btn-icon {color:var(--text-2); border-radius:10px;}
.btn-icon:hover {background:#edf2f8;}
.input,.select,.textarea {background:#f8faff; border:1px solid var(--border); border-radius:10px; box-shadow:none; color:var(--text);}
.input:focus,.select:focus,.textarea:focus {border-color:#004aad; box-shadow:0 0 0 3px #e5effc; background:white;}
.card,.stat-card,.profile-card {box-shadow:none; border:1px solid transparent; border-radius:22px;}
.card-head {background:white; padding:22px 24px 12px; border-bottom:0;}
.card-head h3 {font-size:17px; font-weight:600;}
.card-body,.card-pad {padding:22px 24px;}
.table-wrap {border:1px solid var(--border-2); border-radius:14px;}
.t thead th {background:#f3f6fb; color:var(--text-2); font-weight:550;}
.t tbody td {border-bottom:1px solid var(--border-2);}
.t tbody tr:hover {background:#fafcff;}
.tag {background:#e7f5e8; color:#276b2e;}

/* Public portal */
body:has(.hero) {background:#f7f9fc;}
.landing-page {position:relative; isolation:isolate; min-height:100dvh; padding-top:1px;}
.landing-page:before {content:''; position:absolute; inset:0 0 auto; height:960px; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#f7f9fcc9 0%,#f7f9fcbf 33%,#f7f9fc80 63%,#f7f9fc 100%),url('art/mrt-sketch.webp') center top/cover no-repeat;}
.public-nav {background:#004aad; color:white; border:0; box-shadow:0 4px 12px #004aad0a; border-radius:14px; max-width:1080px; margin:24px auto 0; top:18px;}
.public-nav-inner {max-width:none; padding:12px 18px; gap:24px; min-height:66px;}
.public-nav .brand-name strong {color:white; font-size:19px; font-weight:600;}
.public-nav .brand-name span {color:#d2e3fb; font-size:10px;}
.public-nav .brand-mark {background:white; width:39px; height:39px; border-radius:10px; padding:5px; box-shadow:none;}
.public-nav .nav-links {gap:23px;}
.public-nav .nav-links>a {color:#f0f6ff; font-size:12px; font-weight:450;}
.public-nav .nav-links a.btn-nav-admin {color:#004aad; background:white; border:0; border-radius:8px; box-shadow:none;}
.public-nav .nav-links a.btn-nav-admin:hover {color:#004aad; background:#e5effc; box-shadow:none;}
.public-nav .btn-primary {background:var(--lime); color:#004aad;}
.public-nav .btn-ghost {color:#f0f6ff;}
.public-nav .landing-user-chip {color:white;}
.hero {padding:88px 24px 65px; color:var(--text); text-align:center; background:transparent; border:0;}
.hero-shape {display:none;}
.hero-inner {max-width:1000px;}
.hero h1 {font-size:clamp(36px,4.7vw,62px); line-height:1.12; letter-spacing:-2.8px; font-weight:550; color:var(--text); margin:0 0 30px;}
.hero h1 em {font-family:Georgia,serif; font-size:1.18em; font-weight:400; color:#004aad;}
.hero-actions {justify-content:center; margin:0; gap:10px;}
.hero .btn {padding:13px 20px;}
.hero .btn-primary {background:#004aad; color:white;}
.hero .btn-accent {background:var(--mrt-green); color:#133b18;}
.hero .hero-booking-url {display:inline-block; font-size:11px; color:#506987; margin-top:19px; text-decoration:none;}
.section {padding:35px 24px;}
.section-inner {max-width:1080px;}
.section-head {text-align:center; margin-bottom:28px;}
.section-head h2 {font-size:30px; margin-top:12px; font-weight:550;}
.service-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.service-card {display:block; background:white; padding:16px 19px 23px; border-radius:24px; transition:transform .16s ease,box-shadow .16s ease; color:var(--text);}
.service-card:hover {transform:translateY(-4px); box-shadow:0 12px 26px #004aad08; text-decoration:none;}
.service-visual {background:#f5f8fc; border-radius:16px; height:153px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin-bottom:24px;}
.service-visual img {height:145px; width:210px; max-width:100%; object-fit:contain;}
.service-title {display:flex; align-items:center; justify-content:space-between; gap:8px;}
.service-title h3 {font-size:15px; margin:0; letter-spacing:-.025em;}
.service-title .material-symbols-rounded {font-size:17px;}
.tracking-card {display:grid; grid-template-columns:1fr 1.4fr; align-items:center; gap:20px; margin-top:24px; padding:21px 24px;}
.tracking-card>div:first-child {display:flex; align-items:center; gap:13px;}
.tracking-card h3 {margin:0; font-size:15px;}
.tracking-card .icon-disc {width:36px; height:36px;}
.tracking-card .icon-disc .material-symbols-rounded {font-size:18px;}
.tracking-card .tracker-input-row {margin:0;}
.tracking-card .tracker-result {grid-column:1/-1;}
.tracking-card .tracker-result:empty {display:none;}
#form {padding-top:60px!important;}
.collapse-card {border-radius:20px; border:0; box-shadow:none; margin-bottom:15px;}
.collapse-head {padding:21px 24px;}
.collapse-head h3 {font-size:15px; font-weight:550;}
.collapse-head h3>.material-symbols-rounded {color:#004aad;}
.collapse-body.open {border-top:1px solid #edf1f6;}
.public-footer {background:transparent; padding:35px 24px;}
.footer-card {max-width:1080px; margin:0 auto; background:#edf3fb; border:0; border-radius:24px; box-shadow:none; padding:28px 30px 20px;}
.footer-main {gap:25px;}
.footer-brand p {font-size:12px; color:#6b7d96; max-width:none; margin:12px 0 0;}
.footer-brand .footer-social {display:none;}
.footer-links {flex-direction:row; align-items:center; gap:20px;}
.footer-links a {font-size:12px; color:#355e92;}
.footer-divider {background:#dbe5f1;}
.footer-bottom {font-size:10px; color:#6a7d96;}

/* Login */
.login-page {background:#e2e9f2; padding:40px; gap:24px;}
.login-left {background:#e7f5e8; border-radius:28px; color:#20354d; padding:54px; position:relative; overflow:hidden; flex:1;}
.login-left:after {content:''; position:absolute; width:380px; height:280px; bottom:30px; left:50%; transform:translateX(-50%); background:url('art/operations.svg') center/contain no-repeat; opacity:.85;}
.login-left-top {position:relative; z-index:1;}
.login-left .brand-name strong {color:#004aad!important; font-size:20px;}
.login-left .brand-name span {color:#63738a!important;}
.login-left h2 {color:#20354d; font-size:44px; font-weight:550; line-height:1.2; margin-top:80px;}
.login-right {background:#fbfcfe; border-radius:28px; flex:1;}
.login-box {width:100%; max-width:390px;}
.login-box h3 {font-size:29px; font-weight:550;}

/* The signed-in workspace */
body:has(.admin-layout) {background:#e2e9f2;}
.admin-layout {padding:24px; gap:22px; background:#e2e9f2; align-items:stretch;}
.sidebar {position:relative; align-self:stretch; display:grid; grid-template-rows:minmax(0,1fr) auto; border:0; border-radius:26px; top:auto; height:auto; min-height:calc(100dvh - 48px); background:#fff; padding:0 12px;}
.sidebar-menu {position:relative; min-height:0;}
.sidebar-inner {position:sticky; top:24px; height:100%; max-height:calc(100dvh - 48px); display:flex; flex-direction:column; min-height:0;}
.sidebar-bottom {min-width:0;}
.sidebar-top,.sidebar-profile,.sidebar-foot {flex-shrink:0;}
.sidebar-top {border:0; padding:25px 16px 14px; height:auto; gap:10px; justify-content:center;}
.sidebar-top .brand-mark {width:32px; height:32px; border-radius:8px; background:#e7f5e8; box-shadow:none; padding:3px;}
.sidebar-top .brand-name strong {font-size:18px; font-weight:600;}
.sidebar-top .brand-name span {display:none;}
.sidebar-profile {padding:15px 8px 24px; display:flex; flex-direction:column; align-items:center; gap:8px;}
.sidebar-profile .user-avatar {width:64px; height:64px; font-size:23px; font-weight:500; background:#ddefe0; color:#287231; border:6px solid #f4f9f5; border-radius:23px; transform:rotate(-5deg); margin-bottom:4px;}
.sidebar-profile strong {font-size:14px; font-weight:550; text-align:center; max-width:100%; overflow-wrap:anywhere;}
.sidebar-profile>span {color:#78899f; font-size:11px;}
.sidebar-nav {padding:0 6px 12px; gap:5px; scrollbar-width:thin; min-height:0; overscroll-behavior:contain;}
.nav-group-head {font-size:9px; font-weight:500; letter-spacing:.07em; padding:14px 11px 8px; color:#73859c;}
.nav-group-head .chev {font-size:14px;}
.nav-item {font-size:12px; font-weight:450; gap:10px; padding:11px 12px; border-radius:11px; margin-bottom:4px; white-space:normal; line-height:1.4;}
.nav-item .material-symbols-rounded {font-size:19px; color:#5f738e;}
.nav-item.active {background:#e5effc; color:#004aad; box-shadow:inset 4px 0 0 #43b54a; font-weight:550;}
.nav-item.active .material-symbols-rounded {color:#004aad;}
.nav-item:hover {background:#eef4fc; color:#004aad;}
.sidebar-support {background:#004aad; border-radius:17px; color:white; margin:15px 6px 5px; padding:21px 15px 16px; text-align:center; flex-shrink:0; position:relative;}
.sidebar-support .icon-disc {width:30px; height:30px; margin:-37px auto 10px; display:flex; background:var(--lime); box-shadow:0 0 0 6px white;}
.sidebar-support .icon-disc .material-symbols-rounded {font-size:17px;}
.sidebar-support strong {display:block; font-size:13px; font-weight:500;}
.sidebar-support a {display:inline-flex; align-items:center; gap:8px; color:#e1edff; font-size:10px; margin-top:8px;}
.sidebar-support a .material-symbols-rounded {font-size:12px;}
.sidebar-foot {border:0; padding:10px 8px 14px; margin:0; justify-content:center; gap:16px;}
.sidebar-foot .btn-icon {font-size:17px; width:30px; height:30px;}
.sidebar.collapsed {padding:0 4px;}
.sidebar.collapsed .sidebar-profile,.sidebar.collapsed .sidebar-support {display:none;}
.sidebar.collapsed .sidebar-top {padding:25px 8px 20px;}
.sidebar.collapsed .sidebar-foot {flex-direction:column;}
.admin-main {background:#f9fbfe; border-radius:26px; min-height:calc(100dvh - 48px);}
.admin-header {background:#f9fbfeed; border:0; padding:21px 28px 15px; height:84px; border-radius:26px 26px 0 0; top:24px; backdrop-filter:blur(12px);}
.admin-header h1 {font-size:17px; font-weight:550;}
.admin-header .crumbs {display:none;}
.hamburger {border:1px solid #dce5f1; border-radius:10px; padding:7px;}
.hamburger .material-symbols-rounded {font-size:18px;}
.admin-header-actions {gap:12px;}
.admin-header-actions>.btn-icon,.bell-btn {background:transparent; border:0; border-radius:10px;}
.admin-header-actions>a {font-size:11px;}
.admin-content {padding:22px 28px 30px; overflow-x:clip;}
.admin-find {position:relative; display:flex; align-items:center; border:1px solid #dce5f1; border-radius:10px; padding:8px 12px; gap:9px; width:220px; background:#f9fbfe;}
.admin-find>.material-symbols-rounded {font-size:15px; color:#7488a1;}
.admin-find input {border:0; outline:0; background:transparent; min-width:0; width:100%; font:inherit; font-size:11px; color:#385778;}
#admin-nav-results {position:absolute; top:calc(100% + 8px); left:0; width:280px; background:white; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-lg); padding:5px; z-index:110;}
#admin-nav-results a {display:flex; padding:10px; border-radius:8px; color:#004aad; font-size:12px;}
#admin-nav-results a:hover,#admin-nav-results a:focus {background:#e7f5e8; text-decoration:none;}
#admin-nav-results p {font-size:11px; margin:9px; color:var(--text-mut);}
.profile-card {background:white; color:var(--text);}
.profile-card h3,.profile-card .meta {color:var(--text-2);}
.profile-card .av-lg {background:#e7f5e8; color:#287231;}

/* Dashboard: a short overview, with the detailed analysis below. */
.dash-welcome {display:grid; grid-template-columns:1fr 1.65fr; align-items:center; gap:25px; margin:6px 0 30px;}
.dash-greeting .eyebrow {font-size:10px; text-transform:none; color:#667b97; letter-spacing:.02em; margin:0 0 14px;}
.dash-greeting h2 {font-size:clamp(27px,2.6vw,38px); line-height:1.2; margin:0; font-weight:600; letter-spacing:-1.4px;}
.dash-greeting h2 span {color:#287d30;}
.dash-shortcuts {display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.dash-shortcut {background:white; border-radius:19px; padding:8px 13px 16px; color:#20354d; min-width:0;}
.dash-shortcut:hover {text-decoration:none; background:#f0f6fc;}
.dash-shortcut img {display:block; width:100%; height:104px; object-fit:contain;}
.dash-shortcut strong {font-size:12px; display:flex; justify-content:space-between; align-items:center; font-weight:550;}
.dash-shortcut .material-symbols-rounded {font-size:14px;}
.dash-action-bar {margin-bottom:19px!important;}
.dash-period {padding:4px; background:#edf2f8; border-radius:11px; gap:3px!important;}
.dash-period .btn {padding:7px 13px; font-size:11px; border-radius:8px;}
.dash-period .btn-primary {background:white; color:#004aad; box-shadow:0 2px 6px #004aad06;}
.dash-period-label {font-size:11px; color:#63738a; margin-left:auto;}
.adm-stat-grid {gap:14px; margin-bottom:20px;}
.stat-card {padding:21px 20px; gap:13px; align-items:center; background:white; transform:none;}
.stat-card:hover {transform:none; box-shadow:none;}
.stat-icon {width:41px; height:41px; border-radius:50%; background:#e5effc!important; color:#004aad!important; flex-shrink:0;}
.stat-icon.warn {background:#fbefc9!important; color:#9b7a20!important;}
.stat-icon.purple {background:#e2edfc!important; color:#3876bf!important;}
.stat-icon.green {background:#e7f5e8!important; color:#287d30!important;}
.stat-icon .material-symbols-rounded {font-size:21px;}
.stat-value {font-size:25px; font-weight:550; letter-spacing:-.8px;}
.stat-label {font-size:11px; font-weight:450; color:#6c775f;}
.stat-card.feat {background:#e5effc; border:0; color:#004aad;}
.stat-card.feat .stat-value {color:#004aad; font-size:27px;}
.stat-card.feat .stat-label {color:#5276a3;}
.stat-card.feat .stat-icon {background:#d2e3fb!important; color:#004aad!important;}
.stat-card.feat:after {display:none;}
.dash-overview {display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:20px; margin-bottom:22px;}
.dash-overview .card {margin:0;}
.dash-chart {height:255px;}
.dash-meeting-head {display:flex; justify-content:space-between; align-items:center; gap:12px;}
.dash-meeting-head h3 {margin:0;}
.dash-meeting-head a {font-size:11px;}
.dash-calendar {display:flex; flex-direction:column; gap:18px;}
.dash-calendar-date {font-size:11px; color:#63738a; padding-bottom:12px; border-bottom:1px solid #edf2f8;}
.dash-meeting-item {border-left:3px solid #43b54a; padding-left:12px;}
.dash-meeting-item time {font-size:11px; color:#63738a; display:block; margin-bottom:4px;}
.dash-meeting-item strong {display:block; font-size:12px; font-weight:550; line-height:1.5;}
.dash-meeting-item small {font-size:10px; color:#63738a;}
.dash-meeting-empty {padding:30px 0; text-align:center; color:#647b96; font-size:12px;}
.dash-meeting-empty .material-symbols-rounded {display:block; font-size:31px; margin:0 auto 12px; color:#9db4d0;}
.dash-details {margin-bottom:16px; background:white; border-radius:22px; padding:0 22px;}
.dash-details>summary {padding:22px 0; display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:550; cursor:pointer; list-style:none;}
.dash-details>summary::-webkit-details-marker {display:none;}
.dash-details>summary:after {content:'+'; font-size:21px; color:#637d9d; font-weight:400;}
.dash-details[open]>summary:after {content:'−';}
.dash-details-content {padding:0 0 22px;}
.dash-details-content>.card {background:#f5f8fc;}
.dash-details .card-head {background:transparent;}
.dash-details .stat-card {background:#f5f8fc;}
.dash-analysis-charts {display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.dash-analysis-charts .card {background:#f5f8fc;}
.area-pill {background:#f0f6fc!important; border-color:#dce6f3!important; color:#355e92; box-shadow:none!important;}
.area-pill .abar span {background:#43b54a!important;}
.dash-error {padding:16px; background:#fff4ef; border-radius:12px; color:#975a43; margin:15px 0; font-size:12px;}

/* Meeting admin and shared inbox */
.nav-badge.urgent {background:#d44a44; color:white; animation:pendingPulse 1.7s ease-in-out infinite;}
.meeting-url {display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; padding:14px 18px; background:#edf4fc; border-radius:14px; font-size:12px;}
.meeting-url a {font-weight:500; color:var(--mrt-blue);}
.meeting-tools {display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:16px 0;}
.meeting-tools .input {max-width:260px;}
.meeting-summary {display:flex; align-items:center; gap:8px; margin:0 0 14px;}
.meeting-pagination {display:flex; gap:10px; align-items:center; justify-content:flex-end; margin-top:14px;}
.meeting-inbox {margin-bottom:24px;}
.meeting-error {padding:18px; border:1px solid #ecc5c5; border-radius:10px; background:#fff6f6; color:#923a3a;}
.meeting-meta {display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.meeting-meta div {font-size:13px; overflow-wrap:anywhere;}
.meeting-meta small {display:block; color:var(--text-mut); margin-bottom:5px;}
.room-admin-grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px;}
.room-admin-grid .card {padding:22px;}
.meeting-qr-preview {display:block; max-width:100%; margin:18px auto; image-rendering:pixelated;}
.meeting-room-tools {display:flex; gap:8px; margin-top:14px; flex-wrap:wrap;}
@keyframes pendingPulse {0%,100%{box-shadow:0 0 0 0 #d44a441c}50%{box-shadow:0 0 0 5px #d44a4420;background:#e35f58}}

@media(min-width:1700px) {.admin-layout{padding:34px;gap:28px}.sidebar{min-height:calc(100dvh - 68px)}.sidebar-inner{top:34px;max-height:calc(100dvh - 68px)}.admin-header{top:34px}.admin-content{padding:25px 36px 36px}}
@media(max-width:1190px) {.public-nav{margin:18px 24px 0}.sidebar{width:220px;min-height:calc(100dvh - 36px)}.sidebar-inner{top:18px;max-height:calc(100dvh - 36px)}.sidebar-profile{padding-bottom:16px}.admin-layout{padding:18px;gap:16px}.admin-header{top:18px;padding:18px 21px;height:76px}.admin-content{padding:20px}.admin-find{width:170px}.dash-welcome{grid-template-columns:1fr;gap:20px}.dash-shortcuts{max-width:600px}.dash-shortcut img{height:85px}.adm-stat-grid{grid-template-columns:repeat(2,1fr)}.dash-overview{grid-template-columns:1fr}.dash-calendar{display:grid;grid-template-columns:1fr 1fr}.dash-calendar-date{grid-column:1/-1}.dash-meeting-empty{grid-column:1/-1;padding:10px}}
@media(max-width:768px) {
  .landing-page:before {height:820px; background-size:auto,auto 820px; background-position:center top,66% top;}
  .public-nav {margin:12px 14px 0; top:10px; border-radius:12px;}
  .public-nav-inner {padding:12px; gap:12px; flex-wrap:wrap;}
  .public-nav .nav-links {gap:14px; flex-wrap:wrap; justify-content:flex-start;}
  .public-nav .brand-name span {display:none;}
  .hero {padding:56px 18px 35px;}
  .hero h1 {font-size:clamp(28px,8.4vw,38px); letter-spacing:-1.3px;}
  .hero p {font-size:12px; max-width:280px;}
  .hero .btn {font-size:12px; padding:12px 15px;}
  .section {padding:27px 16px;}
  .service-grid {grid-template-columns:repeat(2,1fr); gap:12px;}
  .service-card {padding:12px 13px 18px; border-radius:20px;}
  .service-title h3 {font-size:13px;}
  .service-visual {height:120px; margin-bottom:17px;}
  .service-visual img {height:115px;}
  .section-head h2 {font-size:26px;}
  .tracking-card {grid-template-columns:1fr; gap:15px; padding:20px;}
  .tracking-card .tracker-input-row {flex-wrap:wrap;}
  .tracking-card .tracker-input-row .input {min-width:0; flex:1;}
  #form {padding-top:30px!important;}
  .footer-card {padding:24px;}
  .footer-main {flex-direction:column; gap:20px;}
  .footer-links {flex-wrap:wrap; gap:15px;}
  .login-page {padding:18px;}
  .login-left {display:none;}
  .login-right {min-height:calc(100dvh - 36px); padding:35px 24px;}
  .admin-layout {padding:10px; gap:0;}
  .sidebar {position:fixed; top:0; left:0; bottom:0; width:244px; height:100vh; height:100dvh; min-height:0; border-radius:0 22px 22px 0; transform:translateX(-110%); z-index:150;}
  .sidebar-inner {position:static; top:auto; height:100%; min-height:0;}
  .sidebar.mobile-open {transform:translateX(0);}
  .admin-main {width:100%; min-height:calc(100dvh - 20px); border-radius:22px;}
  .admin-header {top:10px; padding:14px 16px; min-height:66px; height:auto; border-radius:22px 22px 0 0; flex-wrap:wrap;}
  .admin-header h1 {font-size:15px;}
  .admin-header-actions {gap:6px;}
  .admin-find {display:none;}
  .admin-header-actions>a,.admin-header-actions>#tour-help-btn {display:none;}
  .admin-content {padding:20px 16px;}
  .dash-welcome {margin-top:0; gap:20px; margin-bottom:20px;}
  .dash-greeting h2 {font-size:29px; letter-spacing:-1px;}
  .dash-shortcuts {gap:9px;}
  .dash-shortcut {padding:6px 9px 12px; border-radius:15px;}
  .dash-shortcut img {height:74px;}
  .dash-shortcut strong {font-size:10px;}
  .dash-action-bar>div:last-child {gap:5px!important;}
  .dash-action-bar .btn {font-size:10px; padding:7px 10px;}
  .dash-period-label {display:none;}
  .stat-card {padding:15px 12px; gap:10px; border-radius:18px;}
  .stat-icon {width:32px; height:32px;}
  .stat-icon .material-symbols-rounded {font-size:18px;}
  .stat-label {font-size:10px;}
  .stat-value,.stat-card.feat .stat-value {font-size:23px;}
  .adm-stat-grid {gap:10px;}
  .dash-overview {gap:14px;}
  .card-head,.card-body,.card-pad {padding:20px;}
  .dash-calendar {display:flex;}
  .dash-analysis-charts {grid-template-columns:1fr;}
  .dash-details {padding:0 16px;}
  .dash-details>summary {font-size:15px;}
  .meeting-meta {grid-template-columns:1fr;}
  .meeting-tools .input {max-width:100%; width:100%;}
  .meeting-pagination {justify-content:center;}
}
@media(prefers-reduced-motion:reduce) {.nav-badge.urgent{animation:none}.service-card{transition:none}*{scroll-behavior:auto}}

.public-nav .landing-user-chip {background:#0054bf; color:#f0f6ff; border:1px solid #4c88d7;}
.public-nav .landing-user-chip .av {background:#e7f5e8; color:#287231;}
.footer-card:before,.footer-card:after {display:none;}
.footer-brand .fb-logo .ft {color:#004aad;}
.footer-brand .fb-logo .ft span {color:#287d30;}
.footer-bottom a {color:#355e92;}

:root {--mck-deep:#0d366d;--mck-navy:#004aad;--mck-electric:#004aad;--mck-cyan:#43b54a;}

.card-head {border-radius:22px 22px 0 0;}
body:has(.hero) #calc-fab,body:has(.login-page) #calc-fab {display:none;}
body:has(.admin-layout) #calc-fab {width:42px;height:42px;right:28px;bottom:28px;border-radius:14px;background:#e7f5e8;color:#287231;border:1px solid #d2e8d5;box-shadow:0 4px 14px #004aad12;}
body:has(.admin-layout) #calc-fab .material-symbols-rounded {font-size:21px;}
