@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
:root {
  --platform-bg: #F4F6F9;
  --platform-card: #FFFFFF;
  --platform-card-muted: #F8FAFC;
  --platform-text: #1E293B;
  --platform-muted: #64748B;
  --platform-accent: #3569A8;
  --platform-border: #E2E8F0;
  --platform-header: #172B46;
  --platform-input: #FFFFFF;
  --platform-input-text: #1E293B;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --platform-bg: #111827;
  --platform-card: #1D2939;
  --platform-card-muted: #26364B;
  --platform-text: #F1F5F9;
  --platform-muted: #B8C5D6;
  --platform-accent: #91BDF2;
  --platform-border: #46566B;
  --platform-header: #111D30;
  --platform-input: #111D30;
  --platform-input-text: #F1F5F9;
}
html { min-height: 100%; background: var(--platform-bg); }
body { min-height: 100vh; }
body {
  margin: 0;
  padding: 0 !important;
  background: var(--platform-bg) !important;
  color: var(--platform-text);
}
.party-shell {
  width: min(760px, calc(100% - 28px));
  padding: 24px 0 40px;
  margin: 0 auto;
}
.platform-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: var(--platform-header);
  color: #F8FAFC;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.platform-header-inner {
  width: min(1180px, calc(100% - 32px));
  min-height: 66px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.platform-brand {
  flex: 0 0 auto;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -.02em;
}
.platform-nav {
  display: flex;
  align-items: stretch;
  gap: 6px;
  min-height: 66px;
}
.platform-nav a {
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: #CBD5E1;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 650;
  border-bottom: 2px solid transparent;
}
.platform-nav a:hover {
  color: #FFFFFF;
  background: rgba(255,255,255,.06);
}
.platform-nav a[aria-current="page"] {
  color: #FFFFFF;
  border-bottom-color: #91BDF2;
}
.theme-toggle {
  margin-left: auto;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 8px;
  background: transparent;
  color: #FFFFFF;
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}
.theme-toggle:hover { background: rgba(255,255,255,.12); }
.theme-toggle:focus-visible,
.platform-nav a:focus-visible {
  outline: 3px solid #91BDF2;
  outline-offset: 2px;
}

/* Shared dark-mode surfaces and readable text */
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .list-item,
:root[data-theme="dark"] .party-item {
  background: var(--platform-card) !important;
  color: var(--platform-text) !important;
  border-color: var(--platform-border) !important;
  box-shadow: none;
}
:root[data-theme="dark"] .panel h1,
:root[data-theme="dark"] .panel h2,
:root[data-theme="dark"] .panel h3,
:root[data-theme="dark"] .card h1,
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .party-item h3,
:root[data-theme="dark"] .party-item strong,
:root[data-theme="dark"] .section-head strong,
:root[data-theme="dark"] .section-heading strong,
:root[data-theme="dark"] .selection-summary strong,
:root[data-theme="dark"] .range-values strong,
:root[data-theme="dark"] .candidate strong {
  color: #F8FAFC;
}
:root[data-theme="dark"] p,
:root[data-theme="dark"] label,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .hint,
:root[data-theme="dark"] footer,
:root[data-theme="dark"] .empty,
:root[data-theme="dark"] .survey-header p,
:root[data-theme="dark"] .top p,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .party-header > p:first-of-type,
:root[data-theme="dark"] .range-labels,
:root[data-theme="dark"] .member-label small {
  color: var(--platform-muted);
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  color: var(--platform-input-text) !important;
  background: var(--platform-input) !important;
  border-color: #52647A !important;
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #91A2B8 !important;
  opacity: 1;
}
:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] select:focus,
:root[data-theme="dark"] textarea:focus {
  outline: 3px solid rgba(145,189,242,.28);
  border-color: #91BDF2 !important;
}
:root[data-theme="dark"] button:not(.theme-toggle) {
  color: #F8FAFC;
}
:root[data-theme="dark"] .secondary,
:root[data-theme="dark"] .secondary-button {
  background: #34465D !important;
  color: #F8FAFC !important;
  border: 1px solid #61758E !important;
}
:root[data-theme="dark"] .primary,
:root[data-theme="dark"] .primary-button {
  background: #3569A8 !important;
  color: #FFFFFF !important;
  border: 1px solid #6FA0D8 !important;
}
:root[data-theme="dark"] .status.success { color: #86E0A5 !important; }
:root[data-theme="dark"] .status.error { color: #FF9B9B !important; }
:root[data-theme="dark"] .day-tab,
:root[data-theme="dark"] .time-slot,
:root[data-theme="dark"] .grid-head,
:root[data-theme="dark"] .day-cell,
:root[data-theme="dark"] .range-track {
  background: var(--platform-card-muted);
  color: var(--platform-text);
  border-color: var(--platform-border);
}
:root[data-theme="dark"] .day-tab.active,
:root[data-theme="dark"] .time-slot.selected {
  background: #24466A;
  color: #FFFFFF;
  border-color: #91BDF2;
}
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .time-range,
:root[data-theme="dark"] .cycle-tag {
  background: #263F5B;
  color: #D9E9FC;
}
:root[data-theme="dark"] .selection-summary span,
:root[data-theme="dark"] .brand,
:root[data-theme="dark"] .party-header > a,
:root[data-theme="dark"] .link-list a {
  color: #A9CEFA;
}
:root[data-theme="dark"] .link-list a {
  background: #263B53;
  border: 1px solid #465D77;
}
:root[data-theme="dark"] .edit-party {
  border-color: var(--platform-border);
}
:root[data-theme="dark"] .site-header {
  background: var(--platform-header);
  border-color: var(--platform-border);
}
:root[data-theme="dark"] .site-header h1,
:root[data-theme="dark"] .site-header .subtitle,
:root[data-theme="dark"] .site-header .eyebrow {
  color: #F1F5F9;
}
@media (max-width: 640px) {
  .platform-header-inner {
    width: calc(100% - 20px);
    min-height: 58px;
    gap: 10px;
    flex-wrap: wrap;
    padding: 9px 0 0;
  }
  .platform-brand { font-size: .95rem; }
  .theme-toggle { min-height: 32px; font-size: .72rem; padding: 5px 8px; }
  .platform-nav { order: 3; width: 100%; min-height: 42px; gap: 0; }
  .platform-nav a { flex: 1; justify-content: center; padding: 0 6px; font-size: .8rem; }
  .survey-shell, .manager-shell, .party-shell { padding-top: 18px; }
}


/* Page-level layouts */
.login-shell { width: min(440px, calc(100% - 28px)); margin: 54px auto; }
.login-shell .auth-panel { width: 100%; margin: 0; }
.login-shell h1 { margin: 0 0 8px; font-size: 1.8rem; color: var(--platform-text); }
.login-shell form { display: flex; flex-direction: column; gap: 10px; }
.login-shell .back-link { display: inline-block; margin-top: 14px; color: var(--platform-accent); font-size: .88rem; }
.boss-page-intro { padding: 26px 0 24px; }
.boss-page-intro h1 { margin: 0; font-size: clamp(1.8rem,4vw,2.3rem); letter-spacing: -.04em; color: var(--platform-text); }
.boss-page-intro .muted { margin-top: 8px; }
.login-link { color: #DCE8F6; font-size: .82rem; text-decoration: none; margin-left: auto; }
.login-link:hover { color: #FFFFFF; }
.header-logout { margin-left: 0; }
:root[data-theme="dark"] .login-shell .auth-panel,
:root[data-theme="dark"] .login-shell .panel { background: #1D2939; color: #F1F5F9; border-color: #46566B; }
:root[data-theme="dark"] .login-shell h1,
:root[data-theme="dark"] .boss-page-intro h1 { color: #F8FAFC; }
@media(max-width:640px) { .login-shell { margin: 28px auto; } }

.welcome { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.welcome-copy { min-width:0; }
.welcome-aside { flex:0 0 300px; padding:22px 24px; border:1px solid var(--platform-border); border-radius:14px; background:var(--platform-card); display:grid; gap:9px; }
.welcome-aside span,.page-eyebrow { color:var(--platform-accent); font-size:11px; font-weight:800; letter-spacing:.12em; }
.welcome-aside strong { color:var(--platform-text); font-size:18px; line-height:1.45; }
.welcome-aside small,.top-note { color:var(--platform-muted); font-size:12px; }
:root[data-theme="dark"] .welcome-aside { background:#1D2939; border-color:#46566B; }
:root[data-theme="dark"] .welcome-aside strong { color:#F8FAFC; }
.party-header .page-eyebrow { margin:0 0 10px; }
.survey-header .page-eyebrow { margin:0 0 10px; }
.top-note { display:inline-block; margin-top:10px; padding:6px 9px; border:1px solid var(--platform-border); border-radius:7px; }
@media(max-width:760px) { .welcome { display:block; } .welcome-aside { margin-top:22px; width:100%; } }

:root[data-theme="dark"] .boss-panel,:root[data-theme="dark"] .boss-stat,:root[data-theme="dark"] .boss-sidebar,:root[data-theme="dark"] .boss-placeholder article { background:#1D2939; color:#F1F5F9; border-color:#46566B; }
:root[data-theme="dark"] .boss-row { background:#26364B; border-color:#46566B; }
:root[data-theme="dark"] .boss-heading h1,:root[data-theme="dark"] .boss-panel h2,:root[data-theme="dark"] .boss-stat strong,:root[data-theme="dark"] .boss-placeholder strong { color:#F8FAFC; }
:root[data-theme="dark"] .boss-form-grid input,:root[data-theme="dark"] .boss-form-grid select,:root[data-theme="dark"] .boss-record-toolbar input,:root[data-theme="dark"] .boss-record-toolbar select { background:#111D30; color:#F1F5F9; border-color:#52647A; }


/* MAPLE PAGE — Dark Productivity Platform system */
:root {
  color-scheme: dark;
  --platform-bg:#17191D;
  --platform-card:#202328;
  --platform-card-muted:#252A30;
  --platform-text:#F1F2F4;
  --platform-muted:#A0A5AD;
  --platform-accent:#3985F6;
  --platform-border:#343A42;
  --platform-header:#17191D;
  --platform-input:#1B1F24;
  --platform-input-text:#F1F2F4;
  --platform-rail:#15181C;
  --platform-blue:#3985F6;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-theme="light"] {
  color-scheme:light;
  --platform-bg:#F3F5F8;
  --platform-card:#FFFFFF;
  --platform-card-muted:#F6F8FB;
  --platform-text:#202631;
  --platform-muted:#687385;
  --platform-accent:#286FD1;
  --platform-border:#DCE2EA;
  --platform-header:#FFFFFF;
  --platform-input:#FFFFFF;
  --platform-input-text:#202631;
  --platform-rail:#FFFFFF;
}
html,body{min-height:100%;background:var(--platform-bg)!important;color:var(--platform-text)}
body{min-height:100vh}
.platform-header{height:64px;min-height:64px;position:sticky;top:0;background:var(--platform-header);border-bottom:1px solid var(--platform-border);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.platform-header-inner{width:100%;max-width:none;height:64px;min-height:64px;padding:0 28px 0 88px;gap:26px}
.platform-brand{font-size:15px;letter-spacing:.01em}
.platform-nav{position:fixed;z-index:1001;left:0;top:64px;bottom:0;width:72px;min-height:0;height:auto;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;background:var(--platform-rail);border-right:1px solid var(--platform-border)}
.platform-nav a{width:50px;height:48px;min-height:48px;justify-content:center;padding:0;border:0;border-radius:10px;color:var(--platform-muted);font-size:0;position:relative}
.platform-nav a::before{font-size:19px;line-height:1}
.platform-nav a[data-nav="home"]::before{content:"⌂"}
.platform-nav a[data-nav="boss"]::before{content:"◷"}
.platform-nav a[data-nav="schedule"]::before{content:"▦"}
.platform-nav a:hover{background:var(--platform-card-muted);color:var(--platform-text)}
.platform-nav a[aria-current="page"]{background:var(--platform-blue);color:#fff;box-shadow:none}
.theme-toggle{margin-left:auto;border:1px solid var(--platform-border);border-radius:8px;background:var(--platform-card-muted);color:var(--platform-text);font-size:12px;min-height:36px;padding:7px 12px}
.theme-toggle:hover{background:var(--platform-border)}
.login-link{margin-left:auto;color:var(--platform-text)}
.header-logout{margin-left:0}
.page-shell{width:min(1240px,calc(100% - 120px));margin:0 auto 0 calc(72px + (100% - 72px - min(1240px,100% - 120px))/2);padding:42px 0 34px}
.boss-layout.container{width:calc(100% - 112px);max-width:1440px;margin:0 28px 0 96px;padding-top:26px}
.boss-sidebar{top:82px;background:var(--platform-rail);border-radius:12px}
.boss-main{min-width:0}
.boss-panel,.boss-stat,.boss-sidebar,.boss-placeholder article,.boss-action{background:var(--platform-card);border-color:var(--platform-border);box-shadow:none}
.boss-side-nav a[aria-current=page]{background:#263D59;color:#EAF2FF}
.boss-stat,.boss-panel{border-radius:10px}
.boss-panel-head{border-color:var(--platform-border)}
.survey-shell,.manager-shell,.party-shell{width:min(1040px,calc(100% - 132px));max-width:1040px;margin:0 auto 0 calc(72px + (100% - 72px - min(1040px,100% - 132px))/2);padding-top:34px}
.survey-header,.party-header,.top{padding-top:12px}
.card,.panel,.party-item{background:var(--platform-card);border:1px solid var(--platform-border);border-radius:10px;box-shadow:none;color:var(--platform-text)}
.card input:not([type=range]),.card select,.card textarea,.panel input:not([type=range]),.panel select,.panel textarea{background:var(--platform-input);color:var(--platform-input-text);border-color:var(--platform-border)}
.day-tab,.time-slot,.grid-head,.day-cell,.candidate,.availability-toggle{background:var(--platform-card-muted);color:var(--platform-text);border-color:var(--platform-border)}
.day-tab.active,.time-slot.selected{background:#263D59;border-color:var(--platform-blue);color:#fff}
.day-cell i.on,.range-track #range-fill,.range-track #range-fill{background:var(--platform-blue)}
input[type=range]::-webkit-slider-thumb{background:var(--platform-blue);box-shadow:0 0 0 1px var(--platform-blue)}
input[type=range]::-moz-range-thumb{background:var(--platform-blue);box-shadow:0 0 0 1px var(--platform-blue)}
.primary,.primary-button,button:not(.theme-toggle){background:var(--platform-blue);color:#fff;border-color:transparent}
.secondary,.secondary-button{background:var(--platform-card-muted);color:var(--platform-text);border:1px solid var(--platform-border)}
.link-list a{background:var(--platform-card-muted);color:#9CC4FF;border:1px solid var(--platform-border)}
.party-item{background:var(--platform-card-muted)}
.status.success{color:#55C99A}.status.error,.error{color:#FF8585}
:focus-visible{outline:2px solid var(--platform-blue);outline-offset:2px}
@media(max-width:900px){
 .boss-layout.container{width:calc(100% - 104px);margin-left:88px;gap:16px}
 .boss-sidebar{position:static}
 .boss-side-nav{flex-wrap:wrap}
 .boss-side-nav a{font-size:13px}
 .survey-shell,.manager-shell,.party-shell{width:calc(100% - 112px);margin-left:88px}
 .page-shell{width:calc(100% - 112px);margin-left:88px}
}
@media(max-width:640px){
 .platform-header-inner{padding:0 12px 0 82px;gap:8px}
 .platform-brand{font-size:13px}
 .platform-nav{top:auto;bottom:0;left:0;right:0;width:100%;height:60px;min-height:60px;padding:5px 12px calc(5px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--platform-border)}
 .platform-nav a{width:auto;flex:1;height:46px;min-height:46px}
 .platform-nav a::before{font-size:18px}
 .theme-toggle{font-size:11px;padding:6px 8px;min-height:32px}
 .boss-layout.container,.page-shell,.survey-shell,.manager-shell,.party-shell{width:calc(100% - 28px);margin:0 auto;padding-top:22px;padding-bottom:82px}
 .boss-layout.container{display:block}
 .boss-sidebar{margin-bottom:16px}
 .boss-side-nav{flex-wrap:nowrap;overflow-x:auto}
 .boss-side-nav a{white-space:nowrap}
 .boss-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-grid{grid-template-columns:1fr}
 .project-card{min-height:190px}
 .availability-grid{grid-template-columns:90px repeat(7,minmax(68px,1fr))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Navigation affordance: reveal labels on hover/focus without widening the rail */
@media(min-width:641px){
 .platform-nav a::after{position:absolute;left:58px;top:50%;transform:translateY(-50%) translateX(-4px);padding:7px 10px;border:1px solid var(--platform-border);border-radius:7px;background:var(--platform-card);color:var(--platform-text);font-size:12px;font-weight:650;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;box-shadow:0 8px 22px rgba(0,0,0,.18)}
 .platform-nav a[data-nav="home"]::after{content:"홈"}
 .platform-nav a[data-nav="boss"]::after{content:"보스 기록"}
 .platform-nav a[data-nav="schedule"]::after{content:"파티 시간표"}
 .platform-nav a:hover::after,.platform-nav a:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
}

/* Final surface pass: keep legacy page-specific dark selectors aligned with the new palette. */
:root[data-theme="dark"] .boss-panel,
:root[data-theme="dark"] .boss-stat,
:root[data-theme="dark"] .boss-sidebar,
:root[data-theme="dark"] .boss-placeholder article,
:root[data-theme="dark"] .boss-action,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .list-item,
:root[data-theme="dark"] .party-item,
:root[data-theme="dark"] .project-card {
  background:var(--platform-card)!important;
  color:var(--platform-text)!important;
  border-color:var(--platform-border)!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .boss-row,
:root[data-theme="dark"] .boss-side-nav a[aria-current="page"],
:root[data-theme="dark"] .day-tab.active,
:root[data-theme="dark"] .time-slot.selected,
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .time-range,
:root[data-theme="dark"] .cycle-tag {
  background:#293B53!important;
  color:#EAF2FF!important;
  border-color:#42566F!important;
}
:root[data-theme="dark"] .boss-panel h2,
:root[data-theme="dark"] .boss-heading h1,
:root[data-theme="dark"] .boss-stat strong,
:root[data-theme="dark"] .boss-placeholder strong,
:root[data-theme="dark"] .panel h1,
:root[data-theme="dark"] .panel h2,
:root[data-theme="dark"] .panel h3,
:root[data-theme="dark"] .card h1,
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .project-card h3,
:root[data-theme="dark"] .project-card .card-bottom,
:root[data-theme="dark"] .party-item strong {
  color:var(--platform-text)!important;
}
:root[data-theme="dark"] .boss-form-grid input,
:root[data-theme="dark"] .boss-form-grid select,
:root[data-theme="dark"] .boss-record-toolbar input,
:root[data-theme="dark"] .boss-record-toolbar select,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  background:var(--platform-input)!important;
  color:var(--platform-input-text)!important;
  border-color:var(--platform-border)!important;
}
:root[data-theme="dark"] .project-card p,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .section-head>span,
:root[data-theme="dark"] footer,
:root[data-theme="dark"] .boss-sidebar-label,
:root[data-theme="dark"] .boss-panel p,
:root[data-theme="dark"] .boss-stat span {
  color:var(--platform-muted)!important;
}
:root[data-theme="dark"] .project-icon{background:#293B53!important;color:#DCEAFF!important}
:root[data-theme="dark"] .schedule-icon{background:#244638!important;color:#A9E3C1!important}
:root[data-theme="dark"] .future-icon{background:#343A42!important;color:#D5DAE1!important}
:root[data-theme="dark"] .upcoming{background:#1B1F24!important}
:root[data-theme="dark"] .link-list a{background:#252A30!important;color:#A9CEFA!important;border-color:#343A42!important}
:root[data-theme="light"] .platform-nav a[aria-current="page"]{color:#fff;background:var(--platform-blue)}
:root[data-theme="light"] .platform-header{color:var(--platform-text)}
:root[data-theme="light"] .platform-brand{color:var(--platform-text)}
:root[data-theme="light"] .platform-nav a{color:var(--platform-muted)}
:root[data-theme="light"] .platform-nav a[aria-current="page"]{color:#fff}
@media(max-width:640px){
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}
  .platform-header-inner{padding-left:12px}
  .platform-nav{padding-bottom:calc(5px + env(safe-area-inset-bottom))}
}

/* Brand mark at the top of the application rail */
@media(min-width:641px){
 .platform-nav::before{content:"";display:block;width:26px;height:26px;margin:0 0 16px;border-radius:6px;background:radial-gradient(circle at 25% 25%,var(--platform-blue) 0 4px,transparent 4.5px),radial-gradient(circle at 75% 25%,var(--platform-blue) 0 4px,transparent 4.5px),radial-gradient(circle at 25% 75%,var(--platform-blue) 0 4px,transparent 4.5px),radial-gradient(circle at 75% 75%,var(--platform-blue) 0 4px,transparent 4.5px)}
 .platform-nav{padding-top:18px}
}


/* MAPLE PAGE identity refresh: native-feeling Korean typography and vector icon system */
:root {
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-optical-sizing: auto;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.018em;
}
body, button, input, select, textarea {
  font-family: inherit;
}
h1, h2, h3, strong, button {
  letter-spacing: -0.025em;
}
.platform-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 750;
  letter-spacing: -0.035em;
}
.platform-nav {
  gap: 8px;
}
.platform-nav a {
  transition: color .16s ease, background .16s ease;
}
.platform-nav .nav-icon {
  display: none;
}
.platform-brand-mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  margin: 0 0 15px;
  color: var(--platform-blue);
}
.platform-brand-mark .brand-icon {
  width: 28px;
  height: 28px;
  stroke-width: 1.9;
}
.platform-nav a::before {
  content: none !important;
}
.platform-nav a .nav-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.boss-side-nav .nav-mark {
  display: inline-grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--platform-blue) 13%, transparent);
  color: var(--platform-accent);
  font-size: 0;
}
.boss-side-nav .section-icon,
.boss-action .action-icon {
  display: block;
  width: 16px;
  height: 16px;
}
.boss-action > span:first-child {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  font-size: 0;
}
.project-icon svg {
  width: 21px;
  height: 21px;
}
@media (max-width: 640px) {
  .platform-brand-mark { display: none; }
  .platform-nav .nav-icon { width: 19px; height: 19px; }
}

.platform-nav::before { content:none !important; display:none !important; }
.platform-brand-mark { border-radius:9px; }
:root[data-theme="light"] .platform-brand-mark { color:#286FD1; }
:root[data-theme="dark"] .platform-brand-mark { color:#3985F6; }


/* Regression guard: dark theme dual-range handles stay visibly rendered. */
:root[data-theme="dark"] .range-wrap .range-track #range-fill::before,
:root[data-theme="dark"] .range-wrap .range-track #range-fill::after{background:#3985F6;border-color:#202328;box-shadow:0 0 0 2px #3985F6,0 2px 6px rgba(0,0,0,.35)}