/* Administrative interface. This file is not loaded by the public ticket portal. */
html[data-theme] {
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(1.75rem, 1.5rem + .45vw, 2.125rem);
  --text-display: clamp(2rem, 1.8rem + .4vw, 2.5rem);
  --sidebar-width: 16.5rem;
  --header-height: 4.5rem;
  --control-sm: 2.5rem;
  --control-md: 2.75rem;
  --hit-area: 2.5rem;
  --radius-sm: .375rem;
  --radius-md: .625rem;
  --radius-lg: .75rem;
  --page-padding-x: clamp(1.25rem, 1rem + 1vw, 2.5rem);
  --page-padding-y: 2rem;
  --grid-gap: 1rem;
  --table-row-height: 3.25rem;
}
html[data-theme="light"] {
  color-scheme: light;
  --bg: #edf2f8;
  --sidebar: #e4edf7;
  --surface: #ffffff;
  --surface-raised: #eaf1f9;
  --surface-hover: #dde9f7;
  --surface-tint: rgba(54, 100, 155, .06);
  --surface-header: #f2f7fc;
  --surface-section: #f4f8fc;
  --surface-highlight: #e9f3fa;
  --panel: var(--surface);
  --panel-2: var(--surface-raised);
  --border: #cbd8e7;
  --text: #182536;
  --muted: #4e6075;
  --faint: #596b80;
  --on-accent: #ffffff;
  --accent-text: #1859b5;
  --accent-solid: #2465cc;
  --accent-soft: #e3efff;
  --accent-border: #bfd4f5;
  --success-text: #137347;
  --success-solid: #188251;
  --success-soft: #e9f6ef;
  --success-border: #b6dfc8;
  --warning-text: #865500;
  --warning-solid: #a56a05;
  --warning-soft: #fff7e7;
  --warning-border: #ead29f;
  --danger-text: #b12d39;
  --danger-solid: #c33442;
  --danger-soft: #fff0f1;
  --danger-border: #efc1c6;
  --purple-text: #6a3fb2;
  --purple-solid: #7c4dcb;
  --purple-soft: #f3edfc;
  --purple-border: #d8c8ee;
  --shadow-color: rgba(22, 40, 65, .1);
  --overlay: rgba(20, 32, 49, .45);
  --blue: var(--accent-text);
  --green: var(--success-text);
  --amber: var(--warning-text);
  --red: var(--danger-text);
  --purple: var(--purple-text);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101722;
  --sidebar: #141c28;
  --surface: #192332;
  --surface-raised: #202d3e;
  --surface-hover: #26374b;
  --surface-tint: rgba(203, 219, 242, .05);
  --panel: var(--surface);
  --panel-2: var(--surface-raised);
  --border: #35465d;
  --text: #edf3fc;
  --muted: #b4c3d6;
  --faint: #a5b6cd;
  --on-accent: #ffffff;
  --accent-text: #9fc5ff;
  --accent-solid: #2868cb;
  --accent-soft: #203652;
  --accent-border: #42668e;
  --success-text: #7ddcb0;
  --success-solid: #23794f;
  --success-soft: #1a3830;
  --success-border: #386553;
  --warning-text: #f3ce7e;
  --warning-solid: #976b18;
  --warning-soft: #3a3020;
  --warning-border: #78603a;
  --danger-text: #ffafb8;
  --danger-solid: #b33242;
  --danger-soft: #3e2732;
  --danger-border: #78515c;
  --purple-text: #d1b4fa;
  --purple-solid: #744aaf;
  --purple-soft: #322a48;
  --purple-border: #665280;
  --shadow-color: rgba(0, 0, 0, .22);
  --overlay: rgba(0, 0, 0, .6);
  --blue: var(--accent-text);
  --green: var(--success-text);
  --amber: var(--warning-text);
  --red: var(--danger-text);
  --purple: var(--purple-text);
}
html[data-theme] body { background: var(--bg); color: var(--text); line-height: 1.5; }
html[data-theme] body.central-platform {
  --central-panel: var(--surface);
  --central-panel-raised: var(--surface-raised);
  --central-border: var(--border);
  --central-muted: var(--muted);
  --central-text: var(--text);
  --central-blue: var(--accent-text);
  --central-green: var(--success-text);
  --central-amber: var(--warning-text);
  --central-red: var(--danger-text);
}
html[data-theme] :focus-visible { outline: 3px solid var(--accent-text); outline-offset: 3px; }
html[data-theme] ::selection { background: var(--accent-soft); color: var(--accent-text); }
html[data-theme] .sidebar { background: var(--sidebar); border-color: var(--border); }
html[data-theme] .brand { padding: 1.25rem; border-color: var(--border); }
html[data-theme] .brand strong { font-size: 1.125rem; line-height: 1.35; }
html[data-theme] .brand small { color: var(--muted); text-transform: none; letter-spacing: 0; }
html[data-theme] .start-menu-title { color: var(--muted); font-weight: 600; letter-spacing: .04em; font-size: var(--text-xs); }
html[data-theme] .nav-menu-trigger { border: 1px solid transparent; border-radius: var(--radius-md); padding: .75rem; min-height: 3.5rem; color: var(--muted); }
html[data-theme] .nav-menu-trigger strong { color: var(--text); font-size: var(--text-sm); }
html[data-theme] .nav-menu-trigger small { color: var(--muted); font-size: var(--text-xs); }
html[data-theme] .nav-menu-trigger:hover, html[data-theme] .nav-item:hover { background: var(--surface-hover); }
html[data-theme] .nav-menu-group.open > .nav-menu-trigger,
html[data-theme] .nav-menu-trigger.active { background: var(--accent-soft); border-color: var(--accent-border); }
html[data-theme] .nav-menu-icon { background: transparent; border: 0; color: var(--accent-text); }
html[data-theme] .nav-submenu { background: transparent; box-shadow: none; border-color: var(--border); margin-top: .25rem; }
html[data-theme] .nav-submenu .nav-item { min-height: 2.75rem; border-radius: .375rem; color: var(--muted); }
html[data-theme] .nav-item.active { background: var(--accent-soft); color: var(--accent-text); font-weight: 600; }
html[data-theme] .nav-submenu-head { display: none; }
html[data-theme] .sidebar-footer { background: var(--sidebar); border-color: var(--border); }
html[data-theme] .topbar { background: var(--surface); border-color: var(--border); gap: 1rem; height: auto; min-height: var(--header-height); padding-block: .75rem; }
html[data-theme] body.central-platform .topbar { display: grid; grid-template-columns: minmax(12rem,1fr) auto auto; background: var(--surface); }
html[data-theme] .topbar-actions { gap: .5rem; flex-wrap: wrap; justify-content: flex-end; }
html[data-theme] .search-box { flex: 1 1 20rem; max-width: 32rem; min-width: 12rem; }
html[data-theme] .search-box input { background: var(--bg); border-color: var(--border); color: var(--text); padding-inline: 2.75rem 4rem; }
html[data-theme] .search-box > span { display: flex; height: 1.25rem; align-items: center; left: .875rem; }
html[data-theme] input::placeholder, html[data-theme] textarea::placeholder { color: var(--faint); opacity: 1; }
html[data-theme] body.central-platform .central-context { grid-template-columns: minmax(10rem, 1.3fr) minmax(9rem, 1fr); min-width: 26rem; max-width: 32rem; background: var(--surface); border: 0; padding: 0; box-shadow: none; }
html[data-theme] body.central-platform .central-context-title { display: none; }
html[data-theme] .central-context select { min-height: var(--control-md); background: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme] body.central-platform .central-context label > span { font-size: var(--text-xs); color: var(--muted); letter-spacing: 0; text-transform: none; }
html[data-theme] .theme-switch { display: inline-flex; flex-shrink: 0; align-items: center; gap: .125rem; padding: .1875rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg); }
html[data-theme] .theme-switch button { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-height: 2.25rem; padding: .375rem .625rem; border: 1px solid transparent; border-radius: .375rem; background: transparent; color: var(--muted); font: inherit; font-size: var(--text-xs); cursor: pointer; }
html[data-theme] .theme-switch button[aria-pressed="true"] { background: var(--surface); border-color: var(--border); color: var(--text); font-weight: 600; }
html[data-theme] .ui-icon, html[data-theme] .theme-switch svg { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; vertical-align: middle; }
html[data-theme] .dashboard, html[data-theme] .central-page { max-width: none; width: 100%; }
html[data-theme] .page-heading, html[data-theme] .service-page-header { margin-bottom: 1.5rem; gap: 1rem; }
html[data-theme] h1 { font-size: var(--text-2xl); font-weight: 700; color: var(--text); letter-spacing: -.025em; }
html[data-theme] h2 { color: var(--text); letter-spacing: -.015em; }
html[data-theme] .eyebrow { color: var(--muted); font-size: var(--text-xs); font-weight: 500; letter-spacing: .035em; margin-bottom: .5rem; }
html[data-theme] .eyebrow > span { display: none; }
html[data-theme] .page-heading p, html[data-theme] .service-page-header p { color: var(--muted); max-width: 75ch; }
html[data-theme] .panel, html[data-theme] .metric-card, html[data-theme] .central-kpi, html[data-theme] .central-project-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: none; }
html[data-theme] .panel-header, html[data-theme] .detail-panel-header { padding: 1.25rem; border-color: var(--border); }
html[data-theme] .panel-header h2, html[data-theme] .detail-panel-header h2 { font-size: var(--text-lg); }
html[data-theme] .panel-header p { color: var(--muted); }
html[data-theme] .primary-button, html[data-theme] .login-button { background: var(--accent-solid); color: var(--on-accent); border: 1px solid var(--accent-solid); box-shadow: none; font-size: var(--text-sm); min-height: var(--control-md); border-radius: var(--radius-sm); }
html[data-theme] .primary-button:hover, html[data-theme] .login-button:hover { background: var(--accent-solid); filter: brightness(.94); }
html[data-theme] .secondary-button, html[data-theme] .refresh-button, html[data-theme] .icon-button, html[data-theme] .service-back { background: var(--surface); border: 1px solid var(--border); color: var(--text); box-shadow: none; border-radius: var(--radius-sm); font-size: var(--text-sm); min-height: var(--control-md); }
html[data-theme] .secondary-button:hover, html[data-theme] .refresh-button:hover, html[data-theme] .icon-button:hover, html[data-theme] .service-back:hover { background: var(--surface-hover); border-color: var(--accent-border); }
html[data-theme] .service-back { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem .875rem; margin-bottom: 1rem; text-decoration: none; }
html[data-theme] .detail-back-button, html[data-theme] .network-switch-layout .switch-back { display: inline-flex; align-items: center; gap: .5rem; min-height: var(--control-md); padding: .5rem .875rem; margin-bottom: 1rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font-size: var(--text-sm); cursor: pointer; }
html[data-theme] .detail-edit-button, html[data-theme] .detail-ping-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; }
html[data-theme] :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) { background: var(--surface); border-color: var(--border); color: var(--text); font-size: var(--text-sm); min-height: var(--control-md); border-radius: var(--radius-sm); }
html[data-theme] textarea { line-height: 1.6; padding: .75rem; }
html[data-theme] label { color: var(--muted); font-size: var(--text-xs); font-weight: 500; }
html[data-theme] input[type="checkbox"], html[data-theme] input[type="radio"] { width: 1.125rem; height: 1.125rem; accent-color: var(--accent-solid); flex-shrink: 0; }
html[data-theme] table { color: var(--text); }
html[data-theme] :is(table th, table td) { color: var(--text); padding: .875rem 1rem; font-size: var(--text-sm); line-height: 1.5; border-color: var(--border); vertical-align: middle; overflow-wrap: anywhere; }
html[data-theme] table th { background: var(--surface-raised); color: var(--muted); font-size: var(--text-xs); font-weight: 600; text-transform: none; letter-spacing: 0; }
html[data-theme] table tbody tr:hover { background: var(--surface-hover); }
html[data-theme] table td small { color: var(--muted); font-size: var(--text-xs); line-height: 1.5; }
html[data-theme] .status-badge, html[data-theme] .badge, html[data-theme] .service-setting-badge { font-size: var(--text-xs); min-height: 1.625rem; padding: .25rem .5rem; border-radius: .375rem; line-height: 1.25; }
html[data-theme] .modal-backdrop, html[data-theme] .drawer-backdrop, html[data-theme] .sidebar-backdrop, html[data-theme] .service-settings-overlay { background: var(--overlay); backdrop-filter: none; }
html[data-theme] .modal, html[data-theme] .service-settings-drawer { background: var(--surface); color: var(--text); border-color: var(--border); box-shadow: 0 1.25rem 4rem var(--shadow-color); max-height: 92dvh; }
html[data-theme] .modal-header, html[data-theme] .modal-footer { border-color: var(--border); }
html[data-theme] .modal-header h2 { font-size: var(--text-xl); }
html[data-theme] .modal-close { width: var(--hit-area); height: var(--hit-area); color: var(--muted); font-size: 1.5rem; }
html[data-theme] .service-settings-drawer { height: 100dvh; max-height: 100dvh; }
html[data-theme] .service-settings-drawer > header button { width: var(--hit-area); height: var(--hit-area); }
html[data-theme] .service-settings-toggle { position: relative; min-height: 3rem; }
html[data-theme] .service-settings-toggle > span { width: 2.5rem; height: 1.5rem; flex-shrink: 0; border: 1px solid var(--border); background: var(--faint); }
html[data-theme] .service-settings-toggle > span::after { top: .1875rem; left: .1875rem; width: 1rem; height: 1rem; background: #fff; }
html[data-theme] .service-settings-toggle input:checked + span { background: var(--accent-solid); border-color: var(--accent-solid); }
html[data-theme] .service-settings-toggle input:checked + span::after { left: 1.1875rem; background: #fff; }
html[data-theme] .service-settings-toggle input:focus-visible + span { outline: 3px solid var(--accent-text); outline-offset: 3px; }
html[data-theme] .service-settings-toggle input:disabled + span { opacity: .5; }
html[data-theme] .service-settings-toggle b { color: var(--text); font-size: var(--text-sm); font-weight: 500; }
html[data-theme] .service-settings-overview { min-height: 6.25rem; padding: 1.25rem 1.5rem; background: var(--surface); }
html[data-theme] .service-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
html[data-theme] .service-kpi { min-height: 8rem; padding: 1.25rem; background: var(--surface); border-color: var(--border); box-shadow: none; }
html[data-theme] .service-kpi:hover { transform: none; background: var(--surface-hover); }
html[data-theme] .service-kpi span { font-size: var(--text-sm); text-transform: none; letter-spacing: 0; color: var(--muted); }
html[data-theme] .service-kpi strong { font-size: var(--text-display); color: var(--text); }
html[data-theme] .service-kpi small { white-space: normal; color: var(--muted); font-size: var(--text-xs); }
html[data-theme] .service-settings-overview > div:first-child > span { display: none; }
html[data-theme] .service-settings-overview h2 { font-size: var(--text-lg); margin: 0 0 .375rem; }
html[data-theme] .service-settings-overview p { font-size: var(--text-sm); color: var(--muted); }
html[data-theme] .service-settings-health { background: var(--warning-soft); border-color: var(--warning-border); padding: .75rem 1rem; }
html[data-theme] .service-settings-health.ok { background: var(--success-soft); border-color: var(--success-border); }
html[data-theme] .service-settings-health strong { color: var(--warning-text); font-size: var(--text-sm); }
html[data-theme] .service-settings-health.ok strong { color: var(--success-text); }
html[data-theme] .service-settings-health small { color: var(--muted); font-size: var(--text-xs); }
html[data-theme] .service-settings-issues { grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); }
html[data-theme] .service-settings-issues button { background: var(--warning-soft); border-color: var(--warning-border); min-height: 4rem; }
html[data-theme] .service-settings-issues strong { color: var(--text); font-size: var(--text-sm); }
html[data-theme] .service-settings-issues small, html[data-theme] .service-settings-issues b { color: var(--warning-text); font-size: var(--text-xs); }
html[data-theme] .service-settings-hub { grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem; }
html[data-theme] .service-settings-overview, html[data-theme] .service-settings-issues { margin-bottom: 1rem; }
html[data-theme] .service-settings-hub-card, html[data-theme] .service-settings-manager { padding: 0; }
html[data-theme] .service-settings-hub-card { display: flex; flex-direction: column; }
html[data-theme] .service-settings-hub-card header { grid-template-columns: 2.5rem minmax(0,1fr) auto; gap: .875rem; padding: 1.25rem 1.25rem .75rem; border: 0; }
html[data-theme] .service-settings-hub-card header > span { width: 2.5rem; height: 2.5rem; background: var(--accent-soft); border: 0; color: var(--accent-text); border-radius: var(--radius-md); }
html[data-theme] .service-settings-hub-card h2 { font-size: 1.25rem; font-weight: 600; margin: 0; white-space: normal; line-height: 1.35; }
html[data-theme] .service-settings-hub-card header > strong { font-size: 1.5rem; color: var(--text); font-weight: 600; }
html[data-theme] .service-settings-counts { padding: .25rem 1.25rem 1.25rem; gap: 1rem; color: var(--muted); font-size: var(--text-sm); }
html[data-theme] .service-settings-counts b { color: var(--text); font-weight: 600; }
html[data-theme] .service-settings-card-actions { display: flex; justify-content: space-between; gap: .75rem; padding: 1rem 1.25rem; margin-top: auto; border-top: 1px solid var(--border); }
html[data-theme] .service-settings-card-actions .settings-new { border-color: transparent; padding-inline: .5rem; color: var(--accent-text); }
html[data-theme] .service-settings-card-actions button { min-height: 2.5rem; }
html[data-theme] .service-settings-filter-tabs { background: var(--bg); border-color: var(--border); }
html[data-theme] .service-settings-filter-tabs button { min-height: 2.5rem; font-size: var(--text-sm); color: var(--muted); }
html[data-theme] .service-settings-filter-tabs button.active { background: var(--surface); color: var(--accent-text); }
html[data-theme] .service-section-head > span, html[data-theme] .central-section-head > div > span { font-size: var(--text-xs); color: var(--muted); letter-spacing: .03em; }
html[data-theme] .metric-card > strong, html[data-theme] .central-kpi > strong { color: var(--text); font-size: var(--text-display); }
html[data-theme] .central-project-hero { background: var(--surface); border-color: var(--border); }
html[data-theme] .central-project-card { background-image: none; }
html[data-theme] .central-project-logo { background: #fff; border-color: var(--border); }
html[data-theme] .central-project-logo img { object-fit: contain; }
html[data-theme] .login-screen { background: var(--bg); }
html[data-theme] .login-card { background: var(--surface); border-color: var(--border); box-shadow: 0 1rem 3rem var(--shadow-color); }
html[data-theme] .login-card h1 { color: var(--text); }
html[data-theme] .login-card p { color: var(--muted); }
html[data-theme] .topbar .search-box input[type="search"] { padding-inline: 2.75rem 4rem; }
/* Light surfaces have the same layered hierarchy as the dark palette. */
html[data-theme="light"] .topbar,
html[data-theme="light"] body.central-platform .topbar { background: var(--surface-header); }
html[data-theme="light"] body.central-platform .central-context { background: transparent; }
html[data-theme="light"] .brand { background: var(--surface-highlight); }
html[data-theme="light"] .panel-header,
html[data-theme="light"] .detail-panel-header,
html[data-theme="light"] .modal-header,
html[data-theme="light"] .modal-footer,
html[data-theme="light"] .service-settings-drawer > header,
html[data-theme="light"] .service-settings-drawer form > footer,
html[data-theme="light"] body.central-platform .central-panel > header,
html[data-theme="light"] .service-settings-card-actions { background: var(--surface-section); }
html[data-theme="light"] .service-settings-overview { background: var(--surface-highlight); }
html[data-theme="light"] .central-project-hero { background: linear-gradient(115deg, var(--accent-soft), var(--surface-highlight)); }
html[data-theme="light"] .central-project-card { background: var(--surface-header); }
html[data-theme="light"] body.central-platform .central-primary-grid .central-stat-card { background: var(--surface-header); }
html[data-theme="light"] body.central-platform .central-primary-grid .central-stat-card.good { background: var(--success-soft); }
html[data-theme="light"] body.central-platform .central-primary-grid .central-stat-card.warning { background: var(--warning-soft); }
html[data-theme="light"] body.central-platform .central-primary-grid .central-stat-card.critical { background: var(--danger-soft); }
html[data-theme="light"] .service-kpi { background: var(--surface-header); }
html[data-theme="light"] body table thead th { background: var(--surface-raised); }
html[data-theme="light"] body table tbody tr:nth-child(even) { background: var(--surface-section); }
html[data-theme="light"] body table tbody tr:hover { background: var(--surface-hover); }
@media (min-width: 2200px) {
  html[data-theme] { --sidebar-width: 17rem; --page-padding-y: 2.5rem; --grid-gap: 1.25rem; }
}
@media (max-width: 1599px) {
  html[data-theme] .topbar { flex-wrap: wrap; }
  html[data-theme] body.central-platform .topbar { grid-template-columns: minmax(12rem,1fr) auto; }
  html[data-theme] body.central-platform .topbar-actions { grid-column: 1 / -1; }
  html[data-theme] .search-box { flex-basis: 18rem; }
  html[data-theme] body.central-platform .central-context { margin-left: 0; }
}
@media (max-width: 1199px) {
  html[data-theme] { --sidebar-width: 15.5rem; }
  html[data-theme] .topbar-actions { flex: 1 1 auto; }
  html[data-theme] .service-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  html[data-theme] .topbar, html[data-theme] body.central-platform .topbar { display: grid; grid-template-columns: 2.75rem minmax(0,1fr); gap: .75rem; padding-inline: 1rem; }
  html[data-theme] .mobile-menu { grid-column: 1; grid-row: 1; }
  html[data-theme] .sidebar { width: min(20rem, 90vw); }
  html[data-theme] .main-content { margin-left: 0; }
  html[data-theme] .search-box { grid-column: 2; grid-row: 1; width: 100%; max-width: none; min-width: 0; }
  html[data-theme] .topbar-actions { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-content: flex-end; }
  html[data-theme] body.central-platform .central-context:not([hidden]) { display: grid !important; grid-column: 1 / -1; grid-row: 3; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; max-width: none; width: 100%; }
  html[data-theme] .service-page-header { align-items: flex-start; }
  html[data-theme] .refresh-button { width: auto; padding-inline: .75rem; }
  html[data-theme] .refresh-button span:not(.refresh-icon) { display: inline; }
  html[data-theme] .search-box input { padding-right: .75rem; }
  html[data-theme] .topbar .search-box input[type="search"] { padding-inline: 2.75rem .75rem; }
  html[data-theme] .topbar-actions { gap: .375rem; }
  html[data-theme] .theme-switch button { padding-inline: .5rem; }
}
@media (max-width: 640px) {
  html[data-theme] .service-kpis { grid-template-columns: minmax(0,1fr); }
  html[data-theme] .service-settings-overview { align-items: flex-start; flex-direction: column; gap: 1rem; }
  html[data-theme] .service-settings-health { text-align: left; }
  html[data-theme] .service-settings-toolbar { display: flex; flex-wrap: wrap; }
  html[data-theme] .service-settings-search { width: 100%; }
  html[data-theme] .service-settings-hub-card h2 { font-size: 1.1875rem; }
  html[data-theme] .service-settings-issues button { grid-template-columns: 2rem minmax(0,1fr); }
  html[data-theme] .service-settings-issues b { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] *, html[data-theme] *::before, html[data-theme] *::after { scroll-behavior: auto !important; transition: none !important; }
}