@font-face{font-family:"FF ShamelRounded";src:local("FF Shamel Rounded"),local("FF ShamelRounded"),local("Shamel Rounded");font-display:swap}
:root{--cc-font-size-px:14px}
body{font-size:var(--cc-font-size-px)}

/* Typography scale driven by the px control in Settings. */
.side-brand strong{font-size:.93rem}.side-brand span{font-size:.71rem}.nav-title{font-size:.64rem}.nav-item{font-size:.86rem}.nav-count{font-size:.64rem}.identity,.signout{font-size:.71rem}
.eyebrow{font-size:.71rem}.page-title{font-size:1.79rem}.subtle{font-size:.79rem}.live{font-size:.71rem}.btn{font-size:.72rem}.label{font-size:.79rem}.input,.search,.filter{font-size:.79rem}
.stat .k{font-size:.71rem}.stat .v{font-size:1.93rem}.stat .hint{font-size:.64rem}.panel-title{font-size:.86rem}.panel-sub{font-size:.64rem}th,td{font-size:.72rem}th{font-size:.64rem}.mission-title{font-size:.79rem}.mission-key{font-size:.57rem}.badge{font-size:.58rem}.empty{font-size:.72rem}.empty strong{font-size:.86rem}
.activity-title{font-size:.72rem}.activity-meta,.activity-time{font-size:.58rem}.review-card h4,.detail-card strong,.phase h4,.routing-row strong{font-size:.72rem}.review-card p,.detail-card span,.phase p,.routing-row span{font-size:.64rem}.metric,.text-block{font-size:.72rem}.breadcrumb,.tab{font-size:.64rem}.mission-hero h1{font-size:1.5rem}.mission-hero-key{font-size:.64rem}.section-title h3{font-size:.64rem}
.cc-settings-hero h2{font-size:1.71rem}.cc-settings-hero p,.cc-settings-form label{font-size:.93rem}.cc-settings-form b,.cc-link-list strong{font-size:.86rem}.cc-link-list span{font-size:.79rem}
.cc-ready-hero h2{font-size:1.86rem}.cc-ready-hero p{font-size:.93rem}.cc-ready-overall>span,.cc-ready-state-line span,.cc-ready-plane-head span,.cc-ready-metric>span{font-size:.79rem}.cc-ready-overall .badge{font-size:.86rem}.cc-ready-state-line strong{font-size:.93rem}.cc-ready-plane-head strong{font-size:1.07rem}.cc-ready-plane-meta span,.cc-ready-plane-meta b,.cc-ready-metric small,.cc-ready-links span{font-size:.71rem}.cc-ready-metric>strong{font-size:1.93rem}.cc-ready-metric>strong.cc-ready-time,.cc-ready-interpretation{font-size:.93rem}.cc-ready-links strong{font-size:.79rem}
.cc-account-panel .panel-title{font-size:.93rem}.cc-account-panel .panel-sub,.cc-account-card p,.cc-account-facts span{font-size:.79rem}.cc-account-card h3{font-size:1rem}.cc-account-facts strong{font-size:.79rem}
.cc-font-size-control input[type="range"]{width:100%;accent-color:var(--green)}

/* Accent-aware navigation feedback across all themes. */
.nav-item{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.nav-item:hover{color:var(--text);background:color-mix(in srgb,var(--green) 9%,var(--panel2))}
.nav-item.active{color:var(--text);background:color-mix(in srgb,var(--green) 14%,var(--panel2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 22%,transparent)}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{border-color:color-mix(in srgb,var(--green) 42%,var(--line2));color:var(--green);background:color-mix(in srgb,var(--green) 11%,transparent)}
.tab,.breadcrumb button,.cc-link-list a,.cc-ready-links a{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.tab:hover,.breadcrumb button:hover{color:var(--text);background:color-mix(in srgb,var(--green) 8%,transparent)}

/* Light theme: use layered surfaces rather than a flat white canvas. */
body[data-cc-theme="light"]{
  --bg:#f3f6fa;--bg2:#eaf0f6;--panel:#ffffff;--panel2:#f7f9fc;--panel3:#edf2f7;
  --line:#d6dee8;--line2:#bdc8d5;--text:#14202c;--muted:#5b6978;--muted2:#748292;
  --shadow:0 18px 48px rgba(31,45,61,.10);
  --green-dim:color-mix(in srgb,var(--green) 12%,transparent);--blue-dim:rgba(76,137,222,.10);--amber-dim:rgba(201,143,31,.11);--red-dim:rgba(220,71,91,.10);--violet-dim:rgba(121,89,210,.10)
}
body[data-cc-theme="light"],body[data-cc-theme="light"] .main{background:var(--bg);color:var(--text)}
body[data-cc-theme="light"] .sidebar{background:#f8fafc;color:var(--text);border-color:var(--line);box-shadow:8px 0 30px rgba(35,48,61,.035)}
body[data-cc-theme="light"] .side-brand .brand-mark,body[data-cc-theme="light"] .brand-mark{background:linear-gradient(145deg,#ffffff,#edf3f8);border-color:var(--line2);box-shadow:0 10px 28px rgba(35,48,61,.10)}
body[data-cc-theme="light"] .nav-title{color:#7b8896}
body[data-cc-theme="light"] .nav-item{color:#667586}
body[data-cc-theme="light"] .nav-item:hover{color:#172433;background:color-mix(in srgb,var(--green) 14%,#ffffff)}
body[data-cc-theme="light"] .nav-item.active{color:#10251c;background:color-mix(in srgb,var(--green) 21%,#ffffff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 30%,#d6dee8)}
body[data-cc-theme="light"] .nav-icon{border-color:#c6d0da;color:#718091;background:#fff}
body[data-cc-theme="light"] .nav-item:hover .nav-icon,body[data-cc-theme="light"] .nav-item.active .nav-icon{border-color:color-mix(in srgb,var(--green) 45%,#bfcbd6);background:color-mix(in srgb,var(--green) 12%,#fff)}
body[data-cc-theme="light"] .side-footer{border-color:var(--line)}

body[data-cc-theme="light"] .panel{background:var(--panel);color:var(--text);box-shadow:0 7px 20px rgba(31,45,61,.035)}
body[data-cc-theme="light"] .panel-head{background:linear-gradient(180deg,#fff,#fbfcfe);border-color:var(--line)}
body[data-cc-theme="light"] .stat,body[data-cc-theme="light"] .activity-item,body[data-cc-theme="light"] .review-card,body[data-cc-theme="light"] .detail-card,body[data-cc-theme="light"] .phase,body[data-cc-theme="light"] .result-card,body[data-cc-theme="light"] .feedback-item,body[data-cc-theme="light"] .composer,body[data-cc-theme="light"] .routing-row,body[data-cc-theme="light"] .text-block,body[data-cc-theme="light"] .mini-block,body[data-cc-theme="light"] .artifact,body[data-cc-theme="light"] .cc-ready-plane,body[data-cc-theme="light"] .cc-ready-metric,body[data-cc-theme="light"] .cc-ready-links a,body[data-cc-theme="light"] .cc-account-card,body[data-cc-theme="light"] .cc-toggle-list label,body[data-cc-theme="light"] .cc-link-list a,body[data-cc-theme="light"] .cc-link-list>div{background:var(--panel2);color:var(--text);border-color:var(--line)}
body[data-cc-theme="light"] .sys-card{background:#fff;color:var(--text);border-color:var(--line)}
body[data-cc-theme="light"] .mission-hero{background:linear-gradient(145deg,#ffffff,#f2f6fa);border-color:var(--line);box-shadow:0 9px 24px rgba(31,45,61,.04)}
body[data-cc-theme="light"] .phase-index{background:#fff;border-color:var(--line2);color:#657587}
body[data-cc-theme="light"] .input,body[data-cc-theme="light"] .filter,body[data-cc-theme="light"] .search,body[data-cc-theme="light"] textarea{background:#fff;color:var(--text);border-color:var(--line2)}
body[data-cc-theme="light"] .input:focus,body[data-cc-theme="light"] .filter:focus,body[data-cc-theme="light"] .search:focus{border-color:color-mix(in srgb,var(--green) 60%,#8b9baa);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}
body[data-cc-theme="light"] .btn{background:#fff;color:#243342;border-color:var(--line2)}
body[data-cc-theme="light"] .btn:hover{background:color-mix(in srgb,var(--green) 10%,#fff);border-color:color-mix(in srgb,var(--green) 28%,var(--line2));color:#14261e}
body[data-cc-theme="light"] .btn.accent,body[data-cc-theme="light"] .primary{background:var(--green);border-color:var(--green);color:#07120d}
body[data-cc-theme="light"] th{background:#edf2f7;color:#5d6d7d;border-color:var(--line)}
body[data-cc-theme="light"] td{border-color:#e2e8ef}
body[data-cc-theme="light"] tbody tr:hover{background:color-mix(in srgb,var(--green) 7%,#fff)}
body[data-cc-theme="light"] .badge{background:#f4f7fa;color:#596878;border-color:#d6dee8}
body[data-cc-theme="light"] .badge.good{color:#15724c;background:color-mix(in srgb,var(--green) 13%,#fff)}
body[data-cc-theme="light"] .badge.warn{color:#8b6414;background:#fff8e8}
body[data-cc-theme="light"] .badge.bad{color:#a43c4d;background:#fff0f3}
body[data-cc-theme="light"] .badge.blue{color:#315f9e;background:#eef5ff}
body[data-cc-theme="light"] .badge.violet{color:#654da5;background:#f3efff}
body[data-cc-theme="light"] .progress-line,body[data-cc-theme="light"] .hero-progress .bar{background:#e3eaf1}
body[data-cc-theme="light"] .cc-ready-interpretation{background:var(--panel2)}
body[data-cc-theme="light"] .cc-ready-interpretation.good{background:color-mix(in srgb,var(--green) 9%,#fff)}
body[data-cc-theme="light"] .cc-ready-interpretation.warn{background:#fff9ec}
body[data-cc-theme="light"] .cc-ready-interpretation.bad{background:#fff1f3}
body[data-cc-theme="light"] .cc-ready-links a:hover,body[data-cc-theme="light"] .cc-link-list a:hover{background:color-mix(in srgb,var(--green) 7%,#fff);border-color:color-mix(in srgb,var(--green) 28%,var(--line2))}
body[data-cc-theme="light"] .login-wrap{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--green) 9%,transparent),transparent 30%),radial-gradient(circle at 20% 86%,rgba(76,137,222,.07),transparent 34%),var(--bg)}
body[data-cc-theme="light"] .login-card{background:#fff;color:var(--text);border-color:var(--line);box-shadow:0 24px 60px rgba(31,45,61,.13)}

@media(max-width:900px){body[data-cc-theme="light"] tbody tr{background:var(--panel2);border-color:var(--line)}body[data-cc-theme="light"] tbody tr:hover{background:color-mix(in srgb,var(--green) 8%,#fff)}}
@media(max-width:780px){body[data-cc-theme="light"] .sidebar{background:#f8fafc!important;box-shadow:0 28px 80px rgba(31,45,61,.22)}body[data-cc-theme="light"] .topbar{background:rgba(243,246,250,.96);border-color:var(--line)}body[data-cc-theme="light"] .cc-mobile-menu-btn{background:#fff;color:var(--text);border-color:var(--line2)}body[data-cc-theme="light"] .cc-mobile-menu-btn:hover{background:color-mix(in srgb,var(--green) 10%,#fff)}}