:root {
  color-scheme: light;
  --bg: #f5f7f9;
  --surface: #ffffff;
  --surface-soft: #f7f9fa;
  --text: #20313f;
  --muted: #536777;
  --border: #e4e9ed;
  --accent: #147450;
  --accent-hover: #0d603f;
  --accent-ink: #ffffff;
  --accent-soft: #edf7f1;
  --sidebar: #102331;
  --sidebar-text: #a5b6c4;
  --sidebar-active: #b8f0d5;
  --sidebar-width: 246px;
  --shadow: 0 6px 24px rgba(22, 45, 62, .04);
  --radius: 14px;
  /* Shared type scale: body 16px, secondary 15px, labels/metadata 14px at 100%. */
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 19px;
  --text-2xl: 22px;
  --text-page: 30px;
  --text-stat: 30px;
  --text-muted: var(--muted);
  --danger-text: #a23e36;
  --border-strong: #c0ced8;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1821;
  --surface: #15232e;
  --surface-soft: #192935;
  --text: #e6eef4;
  --muted: #a9bac7;
  --border: #2b3b47;
  --accent: #99e3bf;
  --accent-hover: #b6efd1;
  --accent-ink: #123e2c;
  --accent-soft: #1d3a30;
  --sidebar: #0b1c28;
  --border-strong: #506675;
  --danger-text: #f0afa7;
  --shadow: 0 6px 24px rgba(0, 0, 0, .1);
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; overflow-x: hidden; overscroll-behavior-x: none; font-size: 100%; scroll-behavior: smooth; scroll-padding-top: 6rem; -webkit-text-size-adjust: 100%; }
@supports (overflow: clip) { html { overflow-x: clip; } }
body { margin: 0; background: var(--bg); color: var(--text); font: var(--text-base)/1.6 var(--font-sans); -webkit-font-smoothing: antialiased; }
body.nav-open, body.command-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
button, [role="button"] { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
button, input { outline: none; }
:focus-visible { outline: 3px solid #41b98a; outline-offset: 4px; }
[hidden] { display: none !important; }
::selection { background: #b9e9d2; color: #15392a; }
.icon { width: 20px; height: 20px; flex: 0 0 20px; stroke-width: 1.7; }
.muted { color: var(--muted); }
.eyebrow { color: var(--muted); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.skip-link { position: fixed; z-index: 200; top: 12px; left: 12px; padding: 12px 18px; border-radius: 8px; background: var(--surface); color: var(--text); transform: translateY(-160%); box-shadow: var(--shadow); }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.app-shell { min-height: 100vh; min-height: 100dvh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 60; display: flex; flex-direction: column; width: var(--sidebar-width); padding: 28px 16px 18px; background: var(--sidebar); color: var(--sidebar-text); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #385363 transparent; }
.brand { display: flex; align-items: center; gap: 11px; margin: 0 12px 38px; color: #f5fafc; }
.brand-mark { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid rgba(184, 240, 213, .25); border-radius: 11px; background: #b8f0d5; color: #113c2e; font-size: var(--text-lg); font-weight: 800; letter-spacing: -.08em; }
.brand-mark .icon { width: 24px; height: 24px; }
.brand-copy { min-width: 0; }
.brand-copy strong, .brand-copy span { display: block; }
.brand-copy strong { color: #f4f8fb; font-size: 16px; line-height: 1.35; letter-spacing: -.02em; }
.brand-copy span { margin-top: 3px; color: #b1c3cf; font-size: var(--text-xs); letter-spacing: .02em; }
.nav-group { margin-bottom: 25px; }
.nav-group-label { margin: 0 14px 10px; color: #a3b8c7; font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nav-link { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 4px 0; padding: 10px 14px; border-radius: 8px; color: #adc0cd; font-size: 14px; font-weight: 500; transition: background .15s, color .15s; }
.nav-link:hover { color: #edf6fb; background: rgba(255, 255, 255, .045); }
.nav-link[aria-current="page"] { color: var(--sidebar-active); background: #203f40; }
.nav-link[aria-current="page"]::before { position: absolute; left: -16px; width: 3px; height: 21px; border-radius: 0 3px 3px 0; background: #b8f0d5; content: ""; }
.nav-icon { display: grid; place-items: center; flex: 0 0 20px; }
.nav-label { min-width: 0; }
.nav-note, .nav-count { margin-left: auto; color: #819ba9; font-size: var(--text-xs); }
.support-nav-count { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
.nav-link>.support-nav-count,.account-popover a>.support-nav-count { margin-left: auto; }
.sidebar .support-nav-count { background: #b8f0d5; color: #103b31; }
@media(min-width:1024px){html[data-sidebar="compact"] .sidebar .support-nav-count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;margin:0;padding:0 3px;font-size:9px}}
.sidebar-footer { margin-top: auto; padding: 18px 10px 0; border-top: 1px solid rgba(171, 197, 213, .12); }
.workspace-chip { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.workspace-avatar { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 33px; border: 1px solid #3d555f; border-radius: 50%; background: #243c49; color: #d6e7ee; font-size: 14px; font-weight: 700; }
.workspace-chip strong { display: block; color: #e2edf3; font-size: 14px; font-weight: 600; }
.workspace-chip small { display: block; margin-top: 2px; color: #afc1ce; font-size: var(--text-xs); }
.sidebar-footer > p { margin: 15px 0 0; color: #afc1ce; font-size: var(--text-xs); }
.sidebar-backdrop { position: fixed; inset: 0; z-index: 50; width: 100%; height: 100%; border: 0; padding: 0; background: rgba(8, 22, 32, .5); backdrop-filter: blur(3px); }
.main-shell { display: flex; flex-direction: column; min-width: 0; min-height: 100vh; min-height: 100dvh; margin-left: var(--sidebar-width); }
.topbar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; padding: 16px 34px; border-bottom: 1px solid var(--border); background: var(--surface); }
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 14px; }
.topbar-left { min-width: 0; }
.topbar-actions { flex-shrink: 0; gap: 12px; }
.breadcrumb { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--muted); font-size: 14px; }
.breadcrumb > :last-child { overflow: hidden; color: var(--text); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb .icon { width: 14px; height: 14px; flex-basis: 14px; color: var(--muted); }
.icon-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--muted); transition: color .15s, background .15s; }
.icon-button:hover { background: var(--surface-soft); color: var(--text); }
#sidebar-open { display: none; }
.search-trigger { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; min-width: 200px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); color: var(--muted); text-align: left; font-size: var(--text-sm); }
.search-trigger .icon { width: 16px; height: 16px; flex-basis: 16px; }
.search-trigger kbd { margin-left: auto; padding: 1px 4px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface); font-family: inherit; font-size: var(--text-xs); line-height: 1.5; }
.preview-pill { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 5px 9px; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); font-size: var(--text-xs); white-space: nowrap; }
.preview-pill::before { width: 5px; height: 5px; border-radius: 50%; background: #59ad88; content: ""; }

/* Account menu */
.account-menu{position:relative;flex:0 0 auto}
.account-menu>.account-menu-trigger{display:flex;align-items:center;gap:9px;min-height:40px;padding:4px 8px 4px 5px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;text-align:left;user-select:none;transition:background .15s,border-color .15s,box-shadow .15s}
.account-menu>.account-menu-trigger:hover{background:var(--surface-soft);border-color:#cbd8d2}
.account-menu.is-open>.account-menu-trigger{background:var(--surface-soft);border-color:#b9cbc3;box-shadow:0 0 0 3px rgba(18,108,75,.07)}
.account-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800;text-transform:uppercase}
.account-copy{display:grid;min-width:0;line-height:1.15}
.account-copy strong{max-width:150px;overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.account-copy small{margin-top:3px;color:var(--muted);font-size: var(--text-xs);font-weight:600;text-transform:capitalize}
.account-menu>.account-menu-trigger>.icon{width:14px;height:14px;flex:0 0 14px;color:var(--muted);transform:rotate(90deg);transition:transform .16s ease}
.account-menu.is-open>.account-menu-trigger>.icon{transform:rotate(-90deg)}
.account-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:80;width:min(300px,calc(100vw - 32px));padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px rgba(15,36,30,.14)}
.account-popover-head{display:grid;gap:3px;padding:10px 10px 12px;border-bottom:1px solid var(--border)}
.account-popover-head strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.account-popover-head span{overflow:hidden;color:var(--muted);font-size: var(--text-xs);text-overflow:ellipsis;white-space:nowrap}
.account-popover>a,.account-popover form button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;margin-top:5px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.account-popover>a:hover,.account-popover form button:hover{background:var(--surface-soft)}
.account-popover .icon{width:15px;height:15px;flex:0 0 15px;color:var(--muted)}
.account-popover form{margin:0}
@media(max-width:1100px){.account-copy{display:none}.account-menu>.account-menu-trigger{padding-right:6px}.account-menu>.account-menu-trigger>.icon{display:none}}
@media(max-width:760px){.search-trigger{min-width:36px;width:36px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.topbar{padding-inline:16px}.account-avatar{width:30px;height:30px}}

[data-theme-label] { font-size: 14px; }
html[data-theme="dark"] .theme-icon-dark, html:not([data-theme="dark"]) .theme-icon-light { display: none; }
#main-content { flex: 1; min-width: 0; }
.page-content { width: 100%; min-width: 0; max-width: 1660px; margin: 0 auto; padding: 29px 34px 34px; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 23px; }
.page-heading-copy { min-width: 0; }
.page-heading h1 { margin: 0 0 5px; font-size: var(--text-page); font-weight: 600; line-height: 1.25; letter-spacing: -.045em; }
.page-heading p { margin: 0; color: var(--muted); font-size: var(--text-base); }
.page-heading .eyebrow { margin-bottom: 7px; }
.page-actions { display: flex; flex-shrink: 0; align-items: center; flex-wrap: wrap; gap: 8px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 14px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; transition: background .15s, border-color .15s, box-shadow .15s; }
.btn .icon { width: 16px; height: 16px; flex-basis: 16px; }
.btn-primary { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { border-color: var(--accent-hover); background: var(--accent-hover); }
.btn-secondary { border-color: var(--border); background: var(--surface); color: var(--text); }
.btn-secondary:hover { border-color: var(--muted); background: var(--surface-soft); }
.btn-ghost { background: transparent; color: var(--accent); }
.btn-ghost:hover { background: var(--accent-soft); }
.badge { display: inline-flex; align-items: center; gap: 5px; width: fit-content; padding: 3px 7px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface-soft); color: var(--muted); font-size: var(--text-xs); font-weight: 600; line-height: 1.4; white-space: nowrap; }
.badge-success { border-color: transparent; background: var(--accent-soft); color: var(--accent); }
.badge-info { border-color: transparent; background: #edf4ff; color: #476baf; }
.badge-warning { border-color: transparent; background: #fff5e5; color: #926b28; }
.badge-danger { border-color: transparent; background: #fef0ef; color: #b1514e; }
html[data-theme="dark"] .badge-info { background: #213550; color: #a5c6f6; }
html[data-theme="dark"] .badge-warning { background: #3b3122; color: #e4c591; }
html[data-theme="dark"] .badge-danger { background: #422b2c; color: #eca7a4; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-size: 14px; font-weight: 600; }
.text-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.text-link .icon { width: 14px; height: 14px; flex-basis: 14px; }
.hero-card { position: relative; display: flex; align-items: center; min-height: 204px; margin-bottom: 21px; padding: 28px 30px; border: 1px solid #dcebe3; border-radius: var(--radius); background: linear-gradient(108deg, #eaf5ee 0%, #e9f3ef 70%, #e0f0e9 100%); overflow: hidden; }
.hero-content { position: relative; z-index: 1; width: 67%; max-width: 650px; }
.hero-kicker { display: flex; align-items: center; gap: 7px; margin-bottom: 11px; color: #436c54; font-size: var(--text-xs); font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.hero-kicker .icon { width: 14px; height: 14px; flex-basis: 14px; }
.hero-card h2 { max-width: 590px; margin: 0 0 10px; color: #1d4232; font-size: clamp(1.75rem, 1.45rem + 1vw, 2.375rem); font-weight: 600; line-height: 1.25; letter-spacing: -.045em; }
.hero-card p { max-width: 430px; margin: 0; color: #506f5d; font-size: var(--text-base); line-height: 1.7; }
.hero-links { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 17px; }
.hero-links > span { color: #506f5d; font-size: var(--text-base); }
.hero-links .text-link { color: #286948; }
.hero-art { position: absolute; inset: 0 0 0 auto; width: 34%; min-width: 190px; pointer-events: none; }
.vinyl { position: absolute; top: 50%; right: 28px; display: grid; place-items: center; width: 176px; height: 176px; border: 1px solid #2e5749; border-radius: 50%; background: repeating-radial-gradient(circle at center, #183b31 0, #183b31 3px, #2b4f42 4px, #183b31 5px); box-shadow: 8px 14px 28px rgba(21, 63, 44, .17); transform: translateY(-50%) rotate(-20deg); }
.vinyl::before { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 20deg, transparent 12%, rgba(255, 255, 255, .1) 19%, transparent 25%, transparent 63%, rgba(255, 255, 255, .11) 72%, transparent 79%); content: ""; }
.vinyl-center { position: relative; display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid #c0e7ab; border-radius: 50%; background: #c4e8b3; color: #285137; font-size: var(--text-xs); font-weight: 800; letter-spacing: -.04em; }
.vinyl-center::after { position: absolute; bottom: 12px; left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #204f39; content: ""; }
.orbit { position: absolute; top: 50%; right: -1px; width: 234px; height: 234px; border: 1px solid rgba(81, 139, 99, .14); border-radius: 50%; transform: translateY(-50%); }
.orbit::after { position: absolute; top: 32px; left: 26px; width: 7px; height: 7px; border-radius: 50%; background: #6fa887; box-shadow: 0 0 0 5px rgba(111, 168, 135, .09); content: ""; }
.sound-bars { position: absolute; right: 17px; bottom: 23px; display: flex; align-items: center; gap: 3px; height: 36px; opacity: .55; }
.sound-bars span { width: 3px; height: 14px; border-radius: 4px; background: #55826a; }
.sound-bars span:nth-child(3n + 1) { height: 24px; }
.sound-bars span:nth-child(4n + 2) { height: 34px; }
html[data-theme="dark"] .hero-card { border-color: #2c4739; background: linear-gradient(108deg, #1b352c, #1a342b 70%, #224337); }
html[data-theme="dark"] .hero-card h2 { color: #d3eadb; }
html[data-theme="dark"] .hero-card p, html[data-theme="dark"] .hero-kicker, html[data-theme="dark"] .hero-links > span { color: #9db8a7; }
html[data-theme="dark"] .hero-links .text-link { color: #a7d8b8; }
html[data-theme="dark"] .orbit { border-color: rgba(151, 202, 167, .13); }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 24px; }
.stat-card { min-width: 0; padding: 18px 19px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); box-shadow: var(--shadow); }
.stat-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.stat-label { color: var(--muted); font-size: var(--text-sm); font-weight: 500; }
.stat-icon { display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 8px; background: var(--surface-soft); color: var(--muted); }
.stat-icon .icon { width: 16px; height: 16px; flex-basis: 16px; }
.stat-icon[data-tone="green"] { background: var(--accent-soft); color: var(--accent); }
.stat-value { margin: 0 0 4px; font-size: var(--text-stat); font-weight: 600; line-height: 1.1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.stat-caption { margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: 1.55; }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .9fr); align-items: stretch; gap: 20px; margin-bottom: 26px; }
.panel { min-width: 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); overflow: hidden; }
.panel-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 20px 22px; border-bottom: 1px solid var(--border); }
.panel-title { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; }
.panel-description { margin: 3px 0 0; color: var(--muted); font-size: var(--text-sm); line-height: 1.6; }
.table-wrap { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; }
.table-wrap, .processing-table-scroll, .processing-filters, .catalog-section-nav { overscroll-behavior-x: contain; }
.data-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.data-table th { padding: 14px 22px; border-bottom: 1px solid var(--border); background: var(--surface-soft); color: var(--muted); font-size: var(--text-xs); font-weight: 600; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.data-table td { padding: 16px 22px; vertical-align: middle; border-bottom: 1px solid var(--border); }
.data-table tr:last-child td { border-bottom: 0; }
.data-table td:has(> .empty-state) { padding: 0; }
.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 225px; padding: 32px 22px; text-align: center; }
.empty-icon { display: grid; place-items: center; width: 43px; height: 43px; margin: 0 auto 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); color: var(--muted); }
.empty-icon .icon { width: 21px; height: 21px; }
.empty-state h3 { margin: 0 0 6px; font-size: var(--text-lg); font-weight: 600; }
.empty-state p { max-width: 335px; margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: 1.7; }
.empty-state .btn, .empty-state .text-link { margin-top: 17px; }
.status-list { display: flex; flex-direction: column; gap: 0; padding: 4px 22px 12px; }
.status-item { display: flex; align-items: flex-start; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--border); }
.status-item:last-child { border-bottom: 0; }
.status-dot { flex: 0 0 7px; width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #98a5af; }
.status-dot[data-tone="blue"] { background: #72a0dd; }
.status-dot[data-tone="violet"] { background: #a090d5; }
.status-dot[data-tone="amber"] { background: #d6af64; }
.status-dot[data-tone="green"] { background: #68b696; }
.status-dot[data-tone="red"] { background: #d48582; }
.status-name { margin: 0; font-size: 14px; font-weight: 500; }
.status-description { display: block; margin-top: 3px; color: var(--muted); font-size: var(--text-sm); line-height: 1.55; }
.status-item > .badge, .status-item > .muted { margin-left: auto; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 13px; }
.section-title { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; }
.section-description { margin: 4px 0 0; color: var(--muted); font-size: var(--text-sm); }
.quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 23px; }
.quick-card { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 88px; padding: 18px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); box-shadow: var(--shadow); transition: border-color .15s, background .15s; }
a.quick-card:hover { border-color: #9bbaa9; background: var(--accent-soft); }
.quick-icon { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; background: var(--surface-soft); color: var(--muted); }
.quick-icon .icon { width: 18px; height: 18px; flex-basis: 18px; }
.quick-copy { min-width: 0; }
.quick-copy h3 { margin: 0 0 3px; font-size: 15px; font-weight: 600; }
.quick-copy p { margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: 1.5; }
.quick-card > .icon:last-child { width: 14px; height: 14px; flex: 0 0 14px; margin-left: auto; color: var(--muted); }
.notice { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 22px; padding: 14px 17px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--muted); }
.notice > .icon { width: 17px; height: 17px; flex-basis: 17px; margin-top: 1px; }
.notice-content { min-width: 0; font-size: var(--text-sm); line-height: 1.7; }
.notice-content p { margin: 0; }
.notice-content strong { color: var(--text); font-weight: 600; }
.notice-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.module-empty { margin-bottom: 22px; padding: 46px 30px; text-align: center; }
.module-empty .empty-state { min-height: 180px; padding-top: 0; padding-bottom: 0; }
.module-empty h2 { margin-bottom: 8px; font-size: var(--text-2xl); font-weight: 600; letter-spacing: -.035em; }
.module-empty > p { max-width: 560px; margin: 0 auto; color: var(--muted); font-size: 15px; line-height: 1.75; }
.module-details { max-width: 600px; margin: 25px auto 0; padding: 18px 24px 18px 38px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); color: var(--muted); text-align: left; font-size: var(--text-base); }
.module-details li + li { margin-top: 8px; }
.module-details strong { color: var(--text); font-weight: 600; }
.module-details code { color: var(--text); font-size: .95em; overflow-wrap: anywhere; }
.feature-tags { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 22px 0; }
.feature-tag { padding: 5px 9px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-soft); color: var(--muted); font-size: var(--text-xs); }
.module-empty > .btn { margin-top: 22px; }
.app-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 34px; border-top: 1px solid var(--border); color: var(--muted); font-size: var(--text-xs); }
.app-footer p { margin: 0; }
.app-footer a:hover { color: var(--accent); }
#command-dialog { width: min(540px, calc(100vw - 32px)); max-height: min(650px, calc(100dvh - 64px)); margin: min(17vh, 140px) auto auto; padding: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--text); box-shadow: 0 25px 100px rgba(0, 0, 0, .25); overflow: hidden; }
#command-dialog::backdrop { background: rgba(8, 22, 32, .5); backdrop-filter: blur(4px); }
.command-panel { display: flex; flex-direction: column; max-height: min(650px, calc(100dvh - 64px)); }
.command-header { display: flex; align-items: center; gap: 10px; padding: 15px 17px; border-bottom: 1px solid var(--border); }
.command-header label { display: flex; align-items: center; flex: 1; gap: 11px; min-width: 0; }
.command-header label > .icon { color: var(--muted); }
#command-search { min-width: 0; width: 100%; height: 36px; border: 0; background: transparent; color: var(--text); font-size: var(--text-base); }
#command-search::placeholder { color: var(--muted); }
#command-search:focus-visible { outline-offset: 1px; border-radius: 3px; }
.command-results { padding: 8px; overflow-y: auto; overscroll-behavior: contain; }
.command-item { display: flex; align-items: center; gap: 12px; min-height: 47px; padding: 10px 12px; border-radius: 7px; font-size: var(--text-base); }
.command-item:hover, .command-item:focus, .command-item.is-active { background: var(--accent-soft); color: var(--accent); }
.command-item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.command-item > .icon { color: var(--muted); }
.command-item-label { min-width: 0; }
.command-shortcut { margin-left: auto; color: var(--muted); font-size: var(--text-xs); }
#command-empty { margin: 0; padding: 28px 20px; color: var(--muted); text-align: center; font-size: var(--text-base); }
.command-footer { display: flex; justify-content: space-between; gap: 12px; padding: 11px 18px; border-top: 1px solid var(--border); background: var(--surface-soft); color: var(--muted); font-size: var(--text-xs); }
.command-footer kbd { font: inherit; }

@media (min-width: 1600px) {
  .page-content { padding-top: 36px; }
  .hero-card { min-height: 226px; }
  .vinyl { right: 54px; width: 192px; height: 192px; }
  .orbit { right: 25px; width: 250px; height: 250px; }
}

@media (max-width: 1199px) {
  :root { --sidebar-width: 246px; }
  .topbar { padding-inline: 25px; gap: 12px; }
  .topbar-actions { gap: 8px; }
  .search-trigger { min-width: 170px; }
  .page-content { padding-inline: 25px; }
  .app-footer { padding-inline: 25px; }
  .hero-card { padding: 25px; }
  .hero-content { width: 65%; }
  .hero-art { min-width: 160px; }
  .vinyl { right: 17px; width: 148px; height: 148px; }
  .orbit { right: -8px; width: 198px; height: 198px; }
  .stats-grid { gap: 12px; }
  .stat-card { padding: 17px 15px; }
  .overview-grid { grid-template-columns: minmax(0, 1.5fr) minmax(235px, 1fr); gap: 16px; }
  .panel-header { padding: 17px 18px; }
  .data-table th, .data-table td { padding-inline: 18px; }
  .status-list { padding-inline: 18px; }
  .quick-card { gap: 9px; padding: 14px; }
}

@media (max-width: 1023px) {
  .sidebar { width: 260px; padding-bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-100%); transition: transform .2s ease; }
  .sidebar.is-open { box-shadow: 16px 0 50px rgba(0, 0, 0, .2); transform: translateX(0); }
  .main-shell { margin-left: 0; }
  #sidebar-open { display: inline-flex; }
  .topbar { min-height: 69px; }
  .hero-card h2 { font-size: clamp(1.75rem, 1.45rem + 1vw, 2.375rem); }
}

@media (max-width: 767px) {
  .topbar { gap: 10px; padding: 13px 20px; }
  .topbar-left { gap: 10px; }
  .topbar-actions { gap: 8px; }
  .breadcrumb { gap: 6px; font-size: var(--text-base); }
  .search-trigger { justify-content: center; width: 36px; min-width: 36px; height: 36px; padding: 0; background: var(--surface); }
  .search-trigger > span:not(.icon):not(.nav-icon), .search-trigger kbd { display: none; }
  .search-trigger .icon { width: 18px; height: 18px; flex-basis: 18px; }
  .page-content { padding: 23px 20px 26px; }
  .page-heading { align-items: flex-start; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
  .page-heading h1 { font-size: 1.75rem; }
  .page-heading p { font-size: var(--text-base); }
  .hero-card { min-height: 210px; padding: 24px; }
  .hero-card h2 { font-size: clamp(1.75rem, 1.45rem + 1vw, 2.375rem); }
  .hero-content { width: 65%; }
  .hero-art { width: 32%; min-width: 140px; }
  .vinyl { right: 8px; width: 133px; height: 133px; }
  .vinyl-center { width: 50px; height: 50px; }
  .orbit { right: -17px; width: 183px; height: 183px; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-bottom: 20px; }
  .stat-card { padding: 18px; }
  .overview-grid { grid-template-columns: 1fr; gap: 18px; margin-bottom: 22px; }
  .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quick-card { min-height: 85px; padding: 16px; }
  .app-footer { padding: 16px 20px; }
  .module-empty { padding: 35px 22px; }
}

@media (max-width: 560px) {
  .hero-content { width: 100%; }
  .hero-art { display: none; }
  .hero-card { min-height: 0; }
  .hero-card h2 { max-width: 350px; }
  .hero-card p { max-width: 340px; }
  .quick-grid { grid-template-columns: 1fr; gap: 10px; }
  .quick-card { min-height: 76px; }
  .preview-pill { display: none; }
  .app-footer { align-items: flex-start; flex-direction: column; gap: 6px; }
  #command-dialog { margin-top: 24px; max-height: calc(100dvh - 48px); }
  .command-panel { max-height: calc(100dvh - 48px); }
  .command-footer { font-size: var(--text-xs); }
}

@media (max-width: 399px) {
  .topbar { padding-inline: 16px; }
  .topbar-actions { gap: 6px; }
  .breadcrumb > :not(:last-child) { display: none; }
  .page-content { padding-inline: 16px; }
  .page-heading h1 { font-size: 1.75rem; }
  .page-actions { width: 100%; }
  .page-actions .btn { flex: 1; }
  .hero-card { padding: 22px 20px; }
  .hero-card h2 { font-size: clamp(1.75rem, 1.45rem + 1vw, 2.375rem); }
  .stat-card { padding: 16px 14px; }
  .stat-label { font-size: var(--text-sm); }
  .stat-value { font-size: var(--text-stat); }
  .stat-icon { width: 26px; height: 26px; flex-basis: 26px; }
  .panel-header { padding: 17px 16px; }
  .data-table th, .data-table td { padding-inline: 16px; }
  .status-list { padding-inline: 16px; }
  .app-footer { padding-inline: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
  .sidebar, .topbar-actions, #sidebar-open, .sidebar-backdrop, #command-dialog, .page-actions { display: none !important; }
  .main-shell { margin-left: 0; }
  .topbar { position: static; }
  .panel, .stat-card, .hero-card, .quick-card { break-inside: avoid; box-shadow: none; }
  body { background: white; }
}

/* Sidebar rail — floating edge toggle */
.sidebar {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sidebar::-webkit-scrollbar { width: 0; height: 0; display: none; }
.sidebar-header {
  position: relative;
  flex: 0 0 auto;
  height: 52px;
  margin: 0 4px 38px;
}
.sidebar-header .brand {
  width: 100%;
  min-height: 52px;
  margin: 0;
  overflow: hidden;
}
.sidebar-collapse {
  position: fixed;
  z-index: 70;
  top: 82px;
  left: calc(var(--sidebar-width) - 11px);
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(173, 192, 205, .32);
  border-radius: 50%;
  background: #122b38;
  color: #a9bdc9;
  box-shadow: 0 3px 10px rgba(3, 13, 20, .18);
}
.sidebar-collapse:hover {
  border-color: rgba(184, 240, 213, .46);
  background: #183a43;
  color: #e3f8ee;
}
.sidebar-collapse .icon { width: 13px; height: 13px; transform: rotate(180deg); }

@media (min-width: 1024px) {
  .sidebar,
  .main-shell,
  .sidebar-header .brand,
  .brand-mark,
  .brand-copy,
  .sidebar-collapse,
  .sidebar-collapse .icon,
  .nav-group-label,
  .nav-link,
  .nav-label,
  .sidebar-footer,
  .workspace-chip,
  .workspace-chip > div {
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  }
  .sidebar { transition-property: width, padding; transition-duration: .28s; will-change: width; }
  .main-shell { transition: margin-left .28s cubic-bezier(.22, .61, .36, 1); will-change: margin-left; }
  .sidebar-header .brand { transition-property: width, padding; transition-duration: .28s; }
  .brand-mark { transition-property: width, height, flex-basis, border-radius; transition-duration: .28s; }
  .brand-copy,
  .nav-label,
  .workspace-chip > div {
    display: block;
    overflow: hidden;
    max-width: 170px;
    opacity: 1;
    white-space: nowrap;
    transform: translateX(0);
    visibility: visible;
    transition-property: max-width, opacity, transform, visibility;
    transition-duration: .24s, .14s, .24s, 0s;
    transition-delay: 0s, 0s, 0s, 0s;
  }
  .nav-group-label {
    display: block;
    overflow: hidden;
    max-height: 1.5rem;
    opacity: 1;
    visibility: visible;
    transition-property: max-height, margin, opacity, visibility;
    transition-duration: .22s, .22s, .12s, 0s;
  }
  .sidebar-collapse {
    transition-property: left, background, color, border-color, box-shadow;
    transition-duration: .28s, .15s, .15s, .15s, .15s;
  }
  .sidebar-collapse .icon { transition: transform .28s cubic-bezier(.22, .61, .36, 1); }
  .nav-link {
    overflow: hidden;
    transition-property: width, margin, padding, gap, background, color;
    transition-duration: .28s, .28s, .28s, .22s, .15s, .15s;
  }
  .sidebar-footer,
  .workspace-chip { transition-property: padding, gap; transition-duration: .24s; }

  html[data-sidebar="compact"] { --sidebar-width: 76px; }
  html[data-sidebar="compact"] .sidebar { padding: 28px 10px 18px; }
  html[data-sidebar="compact"] .sidebar-header { margin-left: 0; margin-right: 0; }
  html[data-sidebar="compact"] .sidebar-header .brand { justify-content: center; }
  html[data-sidebar="compact"] .brand-mark {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
  html[data-sidebar="compact"] .brand-copy,
  html[data-sidebar="compact"] .nav-label,
  html[data-sidebar="compact"] .workspace-chip > div {
    max-width: 0;
    opacity: 0;
    transform: translateX(-6px);
    visibility: hidden;
    transition-delay: 0s, 0s, 0s, .24s;
  }
  html[data-sidebar="compact"] .sidebar-collapse .icon { transform: rotate(0deg); }
  html[data-sidebar="compact"] .nav-group-label {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s, 0s, 0s, .22s;
  }
  html[data-sidebar="compact"] .nav-group { position: relative; margin: 0 0 8px; padding: 0; }
  html[data-sidebar="compact"] .nav-group + .nav-group { margin-top: 8px; padding-top: 8px; }
  html[data-sidebar="compact"] .nav-group + .nav-group::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 28px;
    height: 1px;
    background: rgba(171, 197, 213, .10);
    transform: translateX(-50%);
    content: "";
  }
  html[data-sidebar="compact"] .nav-link {
    justify-content: center;
    width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 4px auto;
    padding: 0;
    gap: 0;
    border-radius: 10px;
  }
  html[data-sidebar="compact"] .nav-link[aria-current="page"]::before { left: -15px; width: 3px; height: 22px; }
  html[data-sidebar="compact"] .nav-icon { flex: 0 0 20px; width: 20px; height: 20px; }
  html[data-sidebar="compact"] .sidebar-footer { width: 100%; padding: 14px 0 0; }
  html[data-sidebar="compact"] .workspace-chip { justify-content: center; width: 100%; padding: 0; }
}

@media (max-width: 1023px) {
  .sidebar-header { margin-bottom: 38px; }
  .sidebar-collapse {
    position: absolute;
    top: 18px;
    right: 14px;
    left: auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
  .sidebar-collapse .icon { width: 16px; height: 16px; transform: rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar,
  .main-shell,
  .sidebar-header .brand,
  .brand-mark,
  .brand-copy,
  .sidebar-collapse,
  .sidebar-collapse .icon,
  .nav-group-label,
  .nav-link,
  .nav-label,
  .sidebar-footer,
  .workspace-chip,
  .workspace-chip > div { transition-duration: .01ms !important; }
}

/* Auth + account shell */
.auth-page{margin:0;min-height:100vh;min-height:100dvh;background:#f3f7f5;color:var(--text);font-family:var(--font-sans);padding:28px;display:grid;place-items:center;overflow-x:hidden}
.auth-page::before{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 12%,rgba(116,208,167,.14),transparent 30%),radial-gradient(circle at 88% 78%,rgba(31,94,73,.08),transparent 34%);content:""}
.auth-shell{position:relative;z-index:1;width:min(1120px,100%)}
.auth-shell-simple{width:min(560px,100%)}
.auth-card{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);min-height:650px;background:var(--surface);border:1px solid #dce6e1;border-radius:28px;box-shadow:0 32px 90px rgba(20,48,38,.12);overflow:hidden}
.auth-card-simple{display:block;min-height:auto}.auth-card-simple .auth-card-main{min-height:620px}
.auth-card-main{display:flex;flex-direction:column;padding:46px 52px 38px}
.auth-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;margin:0 0 54px;color:var(--text);text-decoration:none}
.auth-brand .brand-mark{width:46px;height:46px;flex:0 0 46px;border-radius:14px;box-shadow:0 8px 22px rgba(36,128,92,.12)}
.auth-brand-copy{display:grid;gap:1px}.auth-brand-copy strong{font-size: var(--text-lg);line-height:1.35;letter-spacing:-.025em}.auth-brand-copy small{font-size: var(--text-xs);color:var(--muted)}
.auth-heading{margin:0 0 28px}.auth-heading-compact{margin-bottom:23px}.auth-kicker{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:#587468;font-size: var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-kicker>span{width:18px;height:2px;border-radius:2px;background:#72c79f}
.auth-heading h1{margin:0 0 10px;font-size: 2.5rem;line-height:1.08;letter-spacing:-.045em;font-weight:700;color:#183044}.auth-heading p{max-width:500px;margin:0;color:var(--muted);font-size: var(--text-base);line-height:1.65}
.auth-alert{margin:-5px 0 18px;padding:12px 14px;border:1px solid rgba(186,60,60,.18);border-radius:12px;background:#fff3f2;color:#a33d38;font-size: var(--text-sm);line-height:1.5}
.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:8px}.auth-field label,.auth-label-row label{font-size: var(--text-base);font-weight:700;color:#2b3c49}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-label-row a{color:var(--accent);font-size: var(--text-sm);font-weight:650}.auth-label-row a:hover,.auth-switch a:hover,.auth-back:hover{text-decoration:underline;text-underline-offset:3px}
.auth-form input:not([type="checkbox"]),.auth-form select{width:100%;min-height:49px;border:1px solid #d8e2dd;border-radius:12px;background:#fbfcfc;color:var(--text);font:inherit;padding:12px 14px;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-form input::placeholder{color:#637584}.auth-form input:not([type="checkbox"]):hover{border-color:#bdcbc4}.auth-form input:not([type="checkbox"]):focus{border-color:#53a783;background:#fff;box-shadow:0 0 0 4px rgba(61,157,116,.11)}
.password-field{position:relative}.password-field input{padding-right:50px!important}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:9px;background:transparent;color:#748994;cursor:pointer;transition:background .15s,color .15s}.password-toggle:hover{background:#eef4f1;color:#244f3f}.password-toggle .icon{width:18px;height:18px}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:2px;padding:0 18px;border:0;border-radius:12px;background:#147450;color:#fff;font:inherit;font-size: var(--text-base);font-weight:800;box-shadow:0 9px 22px rgba(20,116,80,.17);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.auth-submit:hover{background:#0f6746;box-shadow:0 12px 28px rgba(20,116,80,.22);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit .icon{width:17px;height:17px}
.auth-switch{margin:24px 0 0;text-align:center;color:var(--muted);font-size: var(--text-sm)}.auth-switch a{color:var(--accent);font-weight:750}.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding-top:26px;color:#63756d;font-size: var(--text-xs)}.auth-security-note .icon{width:14px;height:14px}
.auth-back{display:inline-flex;align-items:center;gap:7px;width:max-content;margin:-22px 0 30px;color:var(--muted);font-size: var(--text-base);font-weight:650}.auth-back span{font-size: 1.25rem;line-height:1;color:#527367}
.auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-check{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size: var(--text-xs);line-height:1.5;cursor:pointer}.auth-check input{width:15px;height:15px;margin:2px 0 0;accent-color:#147450;flex:0 0 15px}.auth-ui-note{padding:11px 13px;border:1px solid #cee8db;border-radius:11px;background:#f0faf5;color:#3c705b;font-size: var(--text-sm);line-height:1.5}
.auth-showcase{position:relative;display:flex;flex-direction:column;min-width:0;padding:48px 46px 38px;background:linear-gradient(145deg,#102f28 0%,#153c30 54%,#0d2a24 100%);color:#e7f7ef;overflow:hidden}.auth-showcase::before{position:absolute;inset:auto -120px -160px auto;width:390px;height:390px;border:1px solid rgba(169,232,201,.12);border-radius:50%;content:""}.auth-showcase::after{position:absolute;top:-150px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(139,220,181,.12),transparent 67%);content:""}.auth-showcase-top{position:relative;z-index:2}.auth-showcase-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(200,242,220,.16);border-radius:999px;background:rgba(255,255,255,.045);color:#b9dccb;font-size: var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.auth-showcase-pill .icon{width:13px;height:13px}.auth-showcase h2{max-width:430px;margin:27px 0 14px;font-size: 2.375rem;line-height:1.12;letter-spacing:-.05em;font-weight:600;color:#f4fff9}.auth-showcase-top p{max-width:420px;margin:0;color:#a9c8ba;font-size: var(--text-sm);line-height:1.7}
.auth-showcase-visual{position:relative;z-index:1;flex:1;min-height:260px;margin:10px 0}.auth-record{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(178,233,206,.22);border-radius:50%;background:repeating-radial-gradient(circle at center,#143c31 0,#143c31 5px,#1a483a 6px,#143c31 8px);box-shadow:0 28px 50px rgba(1,18,13,.28);transform:translate(-50%,-50%)}.auth-record::before{position:absolute;width:62px;height:62px;border-radius:50%;background:#a9e9c7;content:""}.auth-record span{position:relative;z-index:1;display:grid;place-items:center;color:#174b38}.auth-record .icon{width:26px;height:26px}.auth-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(170,230,201,.12);border-radius:50%;transform:translate(-50%,-50%)}.auth-orbit-one{width:250px;height:250px}.auth-orbit-two{width:310px;height:310px}.auth-wave{position:absolute;right:8%;bottom:18%;display:flex;align-items:center;gap:5px;height:55px}.auth-wave i{display:block;width:3px;border-radius:4px;background:#7bc9a4;opacity:.62}.auth-wave i:nth-child(1){height:22px}.auth-wave i:nth-child(2){height:37px}.auth-wave i:nth-child(3){height:52px}.auth-wave i:nth-child(4){height:31px}.auth-wave i:nth-child(5){height:45px}.auth-wave i:nth-child(6){height:24px}.auth-wave i:nth-child(7){height:34px}
.auth-showcase-footer{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:22px;border-top:1px solid rgba(198,236,218,.12)}.auth-showcase-footer div{display:grid;gap:2px}.auth-showcase-footer strong{font-size: var(--text-sm);color:#e2f4eb}.auth-showcase-footer span{font-size: var(--text-xs);color:#7fa895}
.auth-feature-list{position:relative;z-index:2;display:grid;gap:13px;margin:auto 0}.auth-feature-list>div{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(206,241,224,.10);border-radius:14px;background:rgba(255,255,255,.035)}.auth-feature-list>div>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgba(167,231,199,.10);color:#a7dfc3}.auth-feature-list .icon{width:18px;height:18px}.auth-feature-list p{display:grid;gap:2px;margin:0}.auth-feature-list strong{font-size: var(--text-sm);color:#e8f8ef}.auth-feature-list small{color:#8fb2a2;font-size: var(--text-xs)}.auth-showcase-footnote{position:relative;z-index:2;padding-top:20px;border-top:1px solid rgba(198,236,218,.12);color:#82a995;font-size: var(--text-xs)}
@media(max-width:900px){.auth-card{grid-template-columns:1fr;max-width:560px;margin:auto}.auth-showcase{display:none}.auth-card-main{min-height:auto}.auth-shell-register,.auth-shell-login{width:min(560px,100%)}}
@media(max-width:620px){.auth-page{padding:14px;background:#fff}.auth-page::before{display:none}.auth-card{border-radius:20px;box-shadow:0 16px 50px rgba(20,48,38,.08)}.auth-card-main{padding:30px 24px 26px}.auth-brand{margin-bottom:38px}.auth-heading h1{font-size: 2.25rem}.auth-heading p{font-size: var(--text-base)}.auth-field-grid{grid-template-columns:1fr}.auth-back{margin-top:-12px}.auth-security-note{padding-top:22px}.auth-card-simple .auth-card-main{min-height:auto}}
/* Legacy auth rules retained below; overridden by 2.1.4 site-brand auth. */
.auth-card{max-width:1120px}
.auth-card-main{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.auth-submit{width:100%;letter-spacing:.01em}
.auth-switch{padding-top:2px}
@media(min-width:901px){
  .auth-shell-login,.auth-shell-register{width:min(1120px,100%)}
  .auth-card-main{min-width:0}
}


/* KME website-aligned auth UI: 2.1.4-site-brand-auth */


.auth-page{display:block;min-height:100vh;min-height:100dvh;padding:0;background:#f5f5f0;color:#101817;font-family:var(--font-sans);overflow-x:hidden}
.auth-page::before{display:none}
.site-auth{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(540px,1.08fr);min-height:100vh;min-height:100dvh;background:#f5f5f0}
.site-auth-brand{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px 48px 34px;background:#0d2725;color:#f3f7f2;overflow:hidden}
.site-auth-brand::before{position:absolute;right:-110px;bottom:12%;width:360px;height:360px;border:1px solid rgba(191,237,208,.13);border-radius:50%;content:""}
.site-auth-brand::after{position:absolute;right:-12px;bottom:25%;width:180px;height:180px;border:1px solid rgba(191,237,208,.09);border-radius:50%;content:""}
.site-auth-logo{position:relative;z-index:2;display:inline-flex;align-items:center;gap:13px;width:max-content;color:#f6faf6;text-decoration:none}
.site-auth-logo .brand-mark,.site-auth-mobile-brand .brand-mark{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#baf0d0;color:#113c2f}
.site-auth-logo>span:last-child{display:grid;gap:2px}.site-auth-logo strong{font-size: var(--text-lg);font-weight:800;letter-spacing:-.025em}.site-auth-logo small{color:#8fae9f;font-size: var(--text-xs);font-weight:600;letter-spacing:.02em}
.site-auth-brand-copy{position:relative;z-index:2;margin:auto 0;max-width:610px;padding:80px 0 60px}
.site-auth-index,.site-auth-eyebrow{display:block;color:#9ab3a7;font-size: var(--text-xs);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.site-auth-brand-copy h1{margin:23px 0 20px;color:#f6f8f4;font-size: clamp(3.25rem,5vw,5.125rem);font-weight:700;line-height:.98;letter-spacing:-.065em}
.site-auth-brand-copy h1 em{color:#baf0d0;font-style:normal}
.site-auth-brand-copy p{max-width:510px;margin:0;color:#a8beb3;font-size: var(--text-base);line-height:1.75}
.site-auth-platforms,.site-auth-account-types{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.site-auth-platforms span,.site-auth-account-types span{padding:7px 10px;border:1px solid rgba(215,239,225,.14);border-radius:999px;color:#c6d8cf;font-size: var(--text-xs);font-weight:700}
.site-auth-brand-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(219,239,228,.13);color:#c8d8d0;font-size: var(--text-xs);font-weight:700;line-height:1.45;letter-spacing:.03em;text-transform:uppercase}
.site-auth-star{color:#baf0d0;font-size: 1.75rem;line-height:1}
.site-auth-form-panel{display:grid;place-items:center;min-width:0;padding:54px;background:#f5f5f0}
.site-auth-form-wrap{width:min(510px,100%)}
.site-auth-form-wrap-small{width:min(500px,100%)}
.site-auth-register-wrap{width:min(610px,100%)}
.site-auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:44px}.site-auth-mobile-brand strong{font-size: var(--text-lg);font-weight:800}
.site-auth-heading{margin-bottom:35px}.site-auth-heading-compact{margin-bottom:26px}
.site-auth-heading .site-auth-eyebrow{margin-bottom:14px;color:#63766d}
.site-auth-heading h2{margin:0 0 12px;color:#10211e;font-size: clamp(2.125rem,4vw,3.25rem);font-weight:700;line-height:1.03;letter-spacing:-.055em}
.site-auth-heading p{max-width:480px;margin:0;color:#66766f;font-size: var(--text-sm);line-height:1.7}
.site-auth-form{display:grid;gap:20px}
.site-auth-field{display:grid;gap:8px}.site-auth-field label,.site-auth-label-row label{color:#20302c;font-size: var(--text-sm);font-weight:800}
.site-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-auth-label-row a,.site-auth-form-foot a,.site-auth-back{color:#126c4b;font-size: var(--text-sm);font-weight:800;text-decoration:none}.site-auth-label-row a:hover,.site-auth-form-foot a:hover,.site-auth-back:hover{text-decoration:underline;text-underline-offset:3px}
.site-auth-field input:not([type="checkbox"]){width:100%;height:54px;padding:0 16px;border:1px solid #d5dcd6;border-radius:0;background:#fff;color:#13231f;font-family:var(--font-sans);font-size: var(--text-base);font-weight:600;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.site-auth-field input::placeholder{color:#65766c;font-weight:500}.site-auth-field input:not([type="checkbox"]):hover{border-color:#b8c4bd}.site-auth-field input:not([type="checkbox"]):focus{border-color:#126c4b;box-shadow:0 0 0 3px rgba(18,108,75,.09)}
.site-auth-field .password-field{position:relative}.site-auth-field .password-field input{padding-right:52px}.site-auth-field .password-toggle{position:absolute;top:50%;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#65776f;transform:translateY(-50%)}.site-auth-field .password-toggle .icon{width:17px;height:17px}
.site-auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin-top:3px;padding:0 19px;border:0;border-radius:0;background:#113f33;color:#fff;font-family:var(--font-sans);font-size: var(--text-base);font-weight:800;letter-spacing:.01em;cursor:pointer;transition:background .18s ease,transform .18s ease}.site-auth-submit:hover{background:#0d3229;transform:translateY(-1px)}.site-auth-submit span:last-child{font-size: var(--text-lg);font-weight:500}
.site-auth-form-foot{display:grid;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid #d9dfda}.site-auth-form-foot p{margin:0;color:#607068;font-size: var(--text-sm)}.site-auth-form-foot small{color:#596c61;font-size: var(--text-xs);line-height:1.6}
.site-auth-back{display:inline-flex;margin-bottom:42px;color:#61726a}
.site-auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site-auth-check{display:flex;align-items:flex-start;gap:9px;color:#6c7973;font-size: var(--text-xs);line-height:1.55;cursor:pointer}.site-auth-check input{width:15px;height:15px;margin:1px 0 0;accent-color:#126c4b;flex:0 0 15px}
.auth-alert{margin:0 0 20px;padding:13px 15px;border:1px solid #e9c4be;border-radius:0;background:#fff4f1;color:#9e3e32;font-size: var(--text-sm);line-height:1.55}
.auth-ui-note{padding:12px 14px;border:1px solid #bfdccb;border-radius:0;background:#edf7f1;color:#32644f;font-size: var(--text-sm);line-height:1.55}
@media(max-width:980px){.site-auth{grid-template-columns:1fr}.site-auth-brand{display:none}.site-auth-form-panel{min-height:100vh;padding:44px 24px}.site-auth-mobile-brand{display:flex}.site-auth-form-wrap,.site-auth-form-wrap-small,.site-auth-register-wrap{width:min(560px,100%)}.site-auth-back{margin-bottom:34px}}
@media(max-width:620px){.site-auth-form-panel{padding:28px 20px;place-items:start center}.site-auth-mobile-brand{margin-bottom:38px}.site-auth-heading{margin-bottom:28px}.site-auth-heading h2{font-size: 2.25rem}.site-auth-field-grid{grid-template-columns:1fr}.site-auth-form{gap:17px}.site-auth-field input:not([type="checkbox"]){height:52px}.site-auth-submit{height:54px}.site-auth-form-foot{margin-top:24px}}

/* Labels — live catalog module */
.labels-heading{margin-bottom:18px}.label-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.label-stats article{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.label-stats span{color:var(--muted);font-size: var(--text-xs);font-weight:600}.label-stats strong{font-size: var(--text-2xl);font-weight:700;letter-spacing:-.035em}.labels-panel{overflow:hidden}.labels-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid var(--border)}.labels-filters{display:flex;align-items:center;gap:7px;min-width:0}.label-search{position:relative;display:block;width:min(280px,28vw)}.label-search>.icon{position:absolute;left:11px;top:50%;width:15px;height:15px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.label-search input,.label-filter select{min-height:46px;height:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size: var(--text-base);outline:0;transition:border-color .15s,box-shadow .15s,background .15s}.label-search input{width:100%;padding:10px 12px 10px 38px}.label-filter select{min-width:145px;padding:10px 30px 10px 11px}.label-search input:focus,.label-filter select:focus{border-color:#83ad98;box-shadow:0 0 0 3px rgba(20,116,80,.08)}.labels-search-button{height:38px}.btn-quiet{height:38px;border-color:transparent;background:transparent;color:var(--muted)}.btn-quiet:hover{background:var(--surface-soft);color:var(--text)}.labels-table{min-width:720px}.labels-table tbody tr{transition:background .12s}.labels-table tbody tr:hover{background:var(--surface-soft)}.label-identity{display:flex;align-items:center;gap:11px;min-width:210px}.label-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #cfe5d9;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size: var(--text-base);font-weight:800}.label-identity strong{display:block;max-width:330px;overflow:hidden;color:var(--text);font-size: var(--text-base);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.label-identity span:not(.label-avatar){display:block;max-width:330px;margin-top:3px;overflow:hidden;color:var(--muted);font-size: var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.label-release-count{font-weight:650}.labels-empty{min-height:290px}.labels-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--border);color:var(--muted);font-size: var(--text-xs)}.labels-pagination>div{display:flex;gap:7px}.labels-pagination .btn{height:34px;padding-inline:11px}.labels-pagination .btn:first-child .icon{transform:rotate(180deg)}
@media(max-width:900px){.label-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.labels-toolbar{align-items:flex-start;flex-direction:column}.labels-filters{width:100%}.label-search{flex:1;width:auto}.label-filter select{min-width:130px}}
@media(max-width:620px){.label-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.label-stats article{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 13px}.labels-toolbar{padding:15px}.labels-filters{display:grid;grid-template-columns:1fr 120px;gap:7px}.label-search{width:100%}.labels-search-button,.btn-quiet{width:100%}.labels-pagination{align-items:flex-start;flex-direction:column}.labels-pagination>div{width:100%}.labels-pagination .btn{flex:1}.labels-table th,.labels-table td{padding-inline:14px}}


/* Labels — create flow */
.labels-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.labels-add-button{flex:0 0 auto}.btn-plus{font-size: var(--text-lg);font-weight:500;line-height:1}.label-notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:9px;font-size: var(--text-base);line-height:1.5}.label-notice strong{flex:0 0 auto}.label-notice-success{border-color:#bfe2ce;background:#eff9f3;color:#276449}.label-notice-error{border-color:#edc8c3;background:#fff4f2;color:#963e35}.page-back-link{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;color:var(--muted);font-size: var(--text-base);font-weight:700;text-decoration:none}.page-back-link:hover{color:var(--text)}.page-back-link span{font-size: var(--text-lg)}.label-create-heading{margin-bottom:18px}.label-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.label-create-main{display:grid;gap:16px;min-width:0}.label-form-section{padding:0;overflow:hidden}.label-form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid var(--border)}.label-form-section-head>div{display:flex;align-items:center;gap:10px}.label-section-index{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cfe4d8;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size: var(--text-xs);font-weight:800}.label-form-section-head h2{margin:0;font-size: var(--text-lg);letter-spacing:-.02em}.label-form-section-head p{max-width:310px;margin:2px 0 0;color:var(--muted);font-size: var(--text-sm);line-height:1.5;text-align:right}.label-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;padding:20px}.form-field{display:grid;align-content:start;gap:8px;min-width:0}.form-field-wide{grid-column:1/-1}.form-field>span{color:var(--text);font-size: var(--text-xs);font-weight:700}.form-field>span b{color:#b6493f}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size: var(--text-base);outline:0;transition:border-color .15s,box-shadow .15s,background .15s}.form-field input,.form-field select{min-height:48px;height:auto;padding:10px 12px}.form-field textarea{min-height:112px;padding:11px 12px;line-height:1.55;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#83ad98;box-shadow:0 0 0 3px rgba(20,116,80,.08)}.form-field [aria-invalid="true"]{border-color:#d47b72}.field-error{color:var(--danger-text);font-size: var(--text-xs);line-height:1.45}.field-help{color:var(--muted);font-size: var(--text-xs);line-height:1.45}.read-only-field{display:grid;align-content:center;min-height:42px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);font-size: var(--text-base);font-weight:650}.read-only-field small{margin-top:2px;color:var(--muted);font-size: var(--text-xs);font-weight:500}.label-create-side{position:sticky;top:82px;display:grid;gap:10px}.label-create-summary{padding:20px}.label-summary-mark{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border:1px solid #cfe4d8;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.label-summary-mark .icon{width:18px;height:18px}.label-create-summary h2{margin:0 0 7px;font-size: var(--text-lg);letter-spacing:-.025em}.label-create-summary>p{margin:0 0 20px;color:var(--muted);font-size: var(--text-sm);line-height:1.6}.label-create-summary dl{display:grid;margin:0}.label-create-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.label-create-summary dt{color:var(--muted);font-size: var(--text-xs)}.label-create-summary dd{margin:0;font-size: var(--text-base);font-weight:600;text-align:right}.label-create-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.label-create-actions .btn{min-height:40px;width:100%}
@media(max-width:980px){.label-create-layout{grid-template-columns:1fr}.label-create-side{position:static;grid-template-columns:1fr auto;align-items:end}.label-create-summary{display:none}.label-create-actions{grid-template-columns:120px minmax(160px,220px);justify-content:end}}
@media(max-width:680px){.labels-heading{align-items:flex-start;flex-direction:column}.labels-add-button{width:100%}.label-form-section-head{flex-direction:column;gap:7px}.label-form-section-head p{text-align:left}.label-form-grid{grid-template-columns:1fr;padding:16px}.form-field-wide{grid-column:auto}.label-create-side{display:block}.label-create-actions{grid-template-columns:1fr 1.25fr}.label-create-actions .btn{min-height:42px}}

/* Clients 2.4.1 */
.clients-table{min-width:870px}.clients-table tbody tr{transition:background .12s}.clients-table tbody tr:hover{background:var(--surface-soft)}.client-avatar{border-radius:50%}.client-period{display:grid;gap:2px;font-size: var(--text-sm);font-weight:600;white-space:nowrap}.client-period small{color:var(--muted);font-size: var(--text-xs);font-weight:500}.client-action{text-align:right}.client-action .btn{height:34px;padding-inline:10px}.client-profile-heading{align-items:flex-end}.client-profile-status{margin-bottom:3px}.client-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.client-profile-main,.client-profile-side{display:grid;min-width:0;gap:20px}.client-card{overflow:hidden}.client-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border)}.client-card-head .eyebrow{margin:0 0 4px}.client-card-head h2{margin:0;font-size: var(--text-xl);letter-spacing:-.02em}.client-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:6px 20px}.client-detail-grid>div{display:grid;min-width:0;gap:6px;padding:14px 0;border-bottom:1px solid var(--border)}.client-detail-grid>div:nth-last-child(-n/**/+2){border-bottom:0}.client-detail-grid .client-detail-wide{grid-column:1/-1}.client-detail-grid span{color:var(--muted);font-size: var(--text-xs)}.client-detail-grid strong{font-size: var(--text-base);font-weight:600;overflow-wrap:anywhere}.agreement-note{display:flex;align-items:flex-start;gap:10px;margin:0 20px 20px;padding:12px;border:1px solid #cfe4d8;border-radius:9px;background:var(--accent-soft);color:#265d47}.agreement-note>.icon,.agreement-note>span>.icon{width:16px;height:16px;margin-top:1px}.agreement-note strong{display:block;font-size: var(--text-base)}.agreement-note p{margin:3px 0 0;font-size: var(--text-sm);line-height:1.55}.client-count{font-size: var(--text-2xl);letter-spacing:-.04em}.client-label-list{display:grid}.client-label-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid var(--border)}.client-label-row:last-child{border-bottom:0}.client-label-row>div strong{display:block;font-size: var(--text-base)}.client-label-row>div span{display:block;margin-top:2px;color:var(--muted);font-size: var(--text-xs)}.client-empty{padding:28px 20px;color:var(--muted);font-size: var(--text-sm);text-align:center}.client-contact-card{padding:20px}.client-profile-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border:1px solid #cfe4d8;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.client-profile-mark .icon{width:19px;height:19px}.client-contact-card h2{margin:0;font-size: var(--text-xl)}.client-contact-card>p{margin:4px 0 18px;color:var(--muted);font-size: var(--text-sm)}.client-contact-card dl{display:grid;margin:0}.client-contact-card dl>div{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--border)}.client-contact-card dt{color:var(--muted);font-size: var(--text-xs)}.client-contact-card dd{margin:0;font-size: var(--text-base);font-weight:600;overflow-wrap:anywhere}.client-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-mini-stats article{display:grid;gap:4px;padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.client-mini-stats span{color:var(--muted);font-size: var(--text-xs)}.client-mini-stats strong{font-size: var(--text-lg);letter-spacing:-.04em}
@media(max-width:980px){.client-profile-grid{grid-template-columns:1fr}.client-profile-side{grid-template-columns:minmax(0,1fr) 260px}.client-mini-stats{grid-template-columns:1fr}.client-mini-stats article{display:flex;align-items:center;justify-content:space-between}}
@media(max-width:680px){.client-profile-side{grid-template-columns:1fr}.client-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.client-mini-stats article{display:grid}.client-detail-grid{grid-template-columns:1fr}.client-detail-grid>div,.client-detail-grid>div:nth-child(odd):not(.client-detail-wide),.client-detail-grid>div:nth-child(even){padding:12px 0;border-left:0;border-bottom:1px solid var(--border)}.client-detail-grid>div:last-child{border-bottom:0}.client-detail-grid .client-detail-wide{grid-column:auto}.client-profile-heading{align-items:flex-start}.client-profile-status{margin-bottom:0}}

.client-user-list{display:grid}.client-user-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid var(--border)}.client-user-row:last-child{border-bottom:0}.client-user-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);font-size: var(--text-base);font-weight:800}.client-user-copy{min-width:0}.client-user-copy strong{display:block;overflow:hidden;font-size: var(--text-base);text-overflow:ellipsis;white-space:nowrap}.client-user-copy span{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size: var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.client-user-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px}.client-role-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size: var(--text-xs);font-weight:700;white-space:nowrap}
@media(max-width:620px){.client-user-row{grid-template-columns:34px minmax(0,1fr);padding-inline:14px}.client-user-avatar{width:34px;height:34px}.client-user-meta{grid-column:2;justify-content:flex-start;margin-top:-2px}}

/* Client management 2.5 */
.client-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.client-heading-actions .btn{min-height:36px}.client-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.client-edit-main{display:grid;gap:16px;min-width:0}.client-edit-side{position:sticky;top:82px;display:grid;gap:10px}.client-commercial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.percent-input{position:relative}.percent-input input{padding-right:36px}.percent-input>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size: var(--text-base);font-weight:700;pointer-events:none}.agreement-note-warning{border-color:#edd9b5;background:#fff8e9;color:#7b5b25}.client-user-scope{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size: var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.client-label-row>div span{line-height:1.55}.client-profile-heading .btn{white-space:nowrap}
@media(max-width:980px){.client-edit-layout{grid-template-columns:1fr}.client-edit-side{position:static;grid-template-columns:minmax(0,1fr) 260px}.client-edit-side .label-create-actions{align-self:end}}
@media(max-width:680px){.client-heading-actions{align-items:flex-start;flex-direction:column}.client-heading-actions .btn{width:100%}.client-edit-side{display:block}.client-edit-side .label-create-actions{margin-top:10px}.client-commercial-grid{grid-template-columns:1fr}.client-edit-heading{align-items:flex-start}}

/* Client-scoped masteradmin label creation */
.client-label-head-actions{display:flex;align-items:center;gap:10px}.client-add-label{height:34px;padding:0 11px;font-size: var(--text-sm)}.label-client-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px rgba(10,28,39,.22);overflow:auto}.label-client-dialog::backdrop{background:rgba(7,19,27,.55);backdrop-filter:blur(2px)}.client-label-form{display:grid}.client-label-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 17px;border-bottom:1px solid var(--border)}.client-label-modal-head .eyebrow{margin:0 0 4px}.client-label-modal-head h2{margin:0;font-size: var(--text-xl);letter-spacing:-.03em}.client-label-modal-head span{display:block;margin-top:5px;color:var(--muted);font-size: var(--text-xs)}.client-label-close{font-size: 1.25rem;line-height:1}.label-client-dialog .label-notice{margin:14px 22px 0}.client-label-modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:20px 22px}.client-label-modal-body .form-field-wide{grid-column:1/-1}.client-label-modal-body .file-input{height:auto;min-height:42px;padding:7px 9px}.client-label-modal-body input[type=file]::file-selector-button{margin:-7px 10px -7px -9px;padding:10px 12px;border:0;border-right:1px solid var(--border);background:var(--surface-soft);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.client-label-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 20px;border-top:1px solid var(--border)}.client-label-modal-foot .btn{min-width:105px}.label-client-dialog[open]{animation:client-label-in .16s ease-out}@keyframes client-label-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:680px){.client-label-modal-body{grid-template-columns:1fr;padding:16px}.client-label-modal-body .form-field-wide{grid-column:auto}.client-label-modal-head{padding:17px 16px 14px}.label-client-dialog .label-notice{margin:12px 16px 0}.client-label-modal-foot{padding:12px 16px 16px}.client-label-head-actions{gap:7px}.client-count{font-size: var(--text-2xl)}}

/* 2.6.0 · applicant onboarding and masteradmin review */
.onboard-page,.applications-page,.application-review-page{min-width:0}.onboard-heading{align-items:flex-start}.onboard-reference{display:flex;align-items:center;gap:10px;flex:0 0 auto}.onboard-reference>span{color:var(--muted);font-size: var(--text-xs);font-weight:700;letter-spacing:.04em}.status-chip{display:inline-flex;align-items:center;width:max-content;min-height:26px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size: var(--text-xs);font-weight:700;white-space:nowrap}.status-chip[data-tone="success"]{border-color:#bfe2ce;background:#eff9f3;color:#276449}.status-chip[data-tone="info"]{border-color:#cedef3;background:#f0f5fc;color:#476b9d}.status-chip[data-tone="warning"]{border-color:#ead8b5;background:#fff8eb;color:#8a6627}.status-chip[data-tone="danger"]{border-color:#ecc9c5;background:#fff2f0;color:var(--danger-text)}.status-chip-large{min-height:31px;padding:6px 11px;font-size: var(--text-xs)}.flow-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size: var(--text-base)}.flow-alert>.icon{width:17px;height:17px;flex:0 0 17px;margin-top:1px}.flow-alert>div{display:grid;gap:2px}.flow-alert strong{font-size: var(--text-base)}.flow-alert span{color:inherit;line-height:1.55}.flow-alert-success{border-color:#bfe2ce;background:#eff9f3;color:#276449}.flow-alert-warning{border-color:#ead8b5;background:#fff8eb;color:#7d5d27}.flow-alert-error{border-color:#ecc9c5;background:#fff2f0;color:#9e433b}.onboard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 18px;padding:0;list-style:none;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.onboard-steps li{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:14px 16px;border-right:1px solid var(--border)}.onboard-steps li:last-child{border-right:0}.onboard-steps li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size: var(--text-xs);font-weight:800}.onboard-steps li>div{display:grid;min-width:0}.onboard-steps strong{font-size: var(--text-sm)}.onboard-steps small{margin-top:4px;color:var(--muted);font-size: var(--text-xs);white-space:normal;overflow-wrap:anywhere}.onboard-steps .is-complete>span,.onboard-steps .is-done>span{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.onboard-steps .is-current{background:var(--accent-soft)}.onboard-steps .is-current>span{border-color:var(--accent);color:var(--accent)}.flow-stage-card{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.flow-stage-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--surface-soft);color:var(--muted)}.flow-stage-icon .icon{width:18px;height:18px}.flow-stage-card h2{margin:3px 0 5px;font-size: var(--text-xl);letter-spacing:-.025em}.flow-stage-card p{max-width:720px;margin:0;color:var(--muted);font-size: var(--text-xs);line-height:1.65}.flow-stage-card[data-tone="success"]{border-color:#c8e2d2;background:#f4faf6}.flow-stage-card[data-tone="warning"]{border-color:#ead8b5;background:#fffbf3}.flow-stage-card[data-tone="danger"]{border-color:#ecc9c5;background:#fff6f4}.onboard-grid,.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.onboard-main,.review-main{display:grid;gap:16px;min-width:0}.onboard-side,.review-side{position:sticky;top:82px;display:grid;gap:12px;min-width:0}.flow-card{overflow:hidden}.flow-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--border)}.flow-card-head h2{margin:2px 0 4px;font-size: var(--text-xl);letter-spacing:-.025em}.flow-card-head p:not(.eyebrow){margin:0;color:var(--muted);font-size: var(--text-sm);line-height:1.6}.completion-dot{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);color:var(--muted)}.completion-dot.is-done{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.completion-dot .icon{width:14px;height:14px}.flow-form{padding:20px}.flow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.flow-form-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.review-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:4px 24px 22px}.review-detail-grid>div{min-width:0;padding:18px 0;border-bottom:1px solid var(--border)}.review-detail-grid>.wide{grid-column:1/-1}.review-detail-grid dt{margin-bottom:5px;color:var(--muted);font-size: var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.review-detail-grid dd{margin:0;font-size: var(--text-base);font-weight:600;line-height:1.6;overflow-wrap:anywhere}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.document-card{display:flex;flex-direction:column;min-width:0;min-height:240px;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.document-card.has-file{background:var(--surface)}.document-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.document-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted)}.document-icon .icon{width:17px;height:17px}.document-requirement{color:var(--muted);font-size: var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.document-card h3{margin:13px 0 5px;font-size: var(--text-lg)}.document-card>p{min-height:32px;margin:0;color:var(--muted);font-size: var(--text-sm);line-height:1.55}.document-file{display:grid;gap:2px;margin-top:auto;padding-top:13px}.document-file strong{font-size: var(--text-base);white-space:normal;overflow-wrap:anywhere}.document-file span,.document-note{color:var(--muted);font-size: var(--text-xs);line-height:1.4}.document-note{display:block;margin-top:5px;color:var(--danger-text)}.document-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.document-actions form{margin:0}.text-button{padding:0;border:0;background:none;color:var(--danger-text);font:inherit;font-size: var(--text-sm);font-weight:600;cursor:pointer}.document-upload{display:grid;gap:8px;margin-top:auto;padding-top:12px}.document-upload label{display:block}.document-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.document-upload label>span{overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px;border:1px dashed var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size: var(--text-sm);font-weight:600;cursor:pointer}.document-upload label>span .icon{width:14px;height:14px}.document-empty{margin-top:auto;padding-top:14px;color:var(--muted);font-size: var(--text-sm)}.btn-small{min-height:40px;padding:8px 12px;font-size: var(--text-sm)}.btn-danger{border-color:#b65048;background:#b65048;color:#fff}.btn-danger:hover{border-color:#9f433c;background:#9f433c}.btn:disabled{opacity:.48;cursor:not-allowed;pointer-events:none}.submission-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px}.submission-card h2{margin:2px 0 4px;font-size: var(--text-xl)}.submission-card p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);font-size: var(--text-sm);line-height:1.6}.submission-checks{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}.submission-checks span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size: var(--text-xs);font-weight:650}.submission-checks span.ok{border-color:#c8e2d2;background:#f2faf5;color:#276449}.submission-checks .icon{width:12px;height:12px}.flow-side-card{padding:22px}.flow-side-card h3{margin:4px 0 15px;font-size: var(--text-xl)}.flow-side-card dl{display:grid;margin:0}.flow-side-card dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:13px 0;border-top:1px solid var(--border)}.flow-side-card dt{color:var(--muted);font-size: var(--text-xs)}.flow-side-card dd{min-width:0;margin:0;font-size: var(--text-sm);font-weight:600;text-align:left;overflow-wrap:anywhere}.activity-list{display:grid;margin-top:16px}.activity-list>div{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;min-width:0;padding:0 0 20px}.activity-list>div>span{position:relative;width:8px;height:8px;margin-top:8px;border:2px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--border)}.activity-list>div>span::after{position:absolute;top:8px;left:2px;width:1px;height:calc(100% + 7px);background:var(--border);content:""}.activity-list>div:last-child>span::after{display:none}.activity-list p{display:grid;gap:5px;margin:0;min-width:0}.activity-list strong{font-size: var(--text-base)}.activity-list em{color:var(--muted);font-size: var(--text-sm);font-style:normal;line-height:1.45}.activity-list small{color:var(--muted);font-size: var(--text-xs)}.application-stats{margin-bottom:16px}.application-filter-head{align-items:center}.application-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.application-filters input,.application-filters select{min-height:44px;height:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size: var(--text-base);padding:0 10px}.application-filters input{width:230px}.table-primary{display:grid;gap:2px}.table-primary strong{font-size: var(--text-base)}.table-primary span{color:var(--muted);font-size: var(--text-xs)}.application-table td{vertical-align:middle}.pagination{display:flex;justify-content:flex-end;gap:5px;padding:14px 18px;border-top:1px solid var(--border)}.pagination a{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size: var(--text-sm);font-weight:650}.pagination a.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.review-heading{align-items:flex-end}.back-link{display:inline-flex;margin-bottom:12px;color:var(--muted);font-size: var(--text-base);font-weight:650}.back-link:hover{color:var(--text)}.review-document-list{display:grid}.review-document-row{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)}.review-document-row:last-child{border-bottom:0}.review-document-copy{display:grid;min-width:0;flex:1;gap:2px}.review-document-copy strong{font-size: var(--text-base)}.review-document-copy span,.review-document-copy small{color:var(--muted);font-size: var(--text-xs)}.review-document-copy small{color:var(--danger-text)}.review-document-row form{margin:0}.inline-review{position:relative}.inline-review>summary,.decision-secondary>summary{cursor:pointer;list-style:none;color:var(--muted);font-size: var(--text-sm);font-weight:700}.inline-review>summary::-webkit-details-marker,.decision-secondary>summary::-webkit-details-marker{display:none}.inline-review[open]>form{position:absolute;z-index:10;right:0;top:26px;width:260px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 12px 35px rgba(0,0,0,.12)}.inline-review textarea,.decision-card textarea{width:100%;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size: var(--text-base);resize:vertical}.inline-review form .btn{margin-top:7px;width:100%}.decision-card{padding:22px}.decision-card h2{margin:3px 0 5px;font-size: var(--text-xl)}.decision-card>p:not(.eyebrow){margin:0 0 13px;color:var(--muted);font-size: var(--text-sm);line-height:1.55}.decision-card>form{display:grid;gap:8px}.decision-card>form .btn{width:100%}.decision-secondary{margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.decision-secondary>summary{padding:3px 0}.decision-secondary[open]>form{display:grid;gap:8px;margin-top:8px}.decision-danger>summary{color:var(--danger-text)}.provision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.provision-box{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.provision-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--accent)}.provision-icon .icon{width:18px;height:18px}.provision-box h3{margin:12px 0 5px;font-size: var(--text-lg)}.provision-box>p{min-height:45px;margin:0 0 14px;color:var(--muted);font-size: var(--text-sm);line-height:1.55}.provision-box .form-field{width:100%;margin-bottom:12px}.provision-box>.btn{margin-top:auto}.linked-client-card{display:flex;align-items:center;gap:13px;padding:17px}.linked-client-card>div:not(.provision-icon){min-width:0}.linked-client-card h2{margin:2px 0 3px;font-size: var(--text-xl)}.linked-client-card p:not(.eyebrow){margin:0;color:var(--muted);font-size: var(--text-sm)}.linked-client-card>.btn{margin-left:auto}.auth-form-alert{display:grid;gap:3px;margin:0 0 15px;padding:11px 12px;border:1px solid #ecc9c5;border-radius:8px;background:#fff2f0;color:#994239;font-size: var(--text-sm)}.auth-form-alert span{font-size: var(--text-sm);line-height:1.45}
html[data-theme="dark"] .status-chip[data-tone="success"],html[data-theme="dark"] .flow-stage-card[data-tone="success"],html[data-theme="dark"] .submission-checks span.ok{border-color:#315e48;background:#1c3429;color:#a7d8b8}html[data-theme="dark"] .status-chip[data-tone="info"]{border-color:#334968;background:#1f3046;color:#afc9ee}html[data-theme="dark"] .status-chip[data-tone="warning"],html[data-theme="dark"] .flow-stage-card[data-tone="warning"]{border-color:#5c4c2c;background:#332c20;color:#e2c38f}html[data-theme="dark"] .status-chip[data-tone="danger"],html[data-theme="dark"] .flow-stage-card[data-tone="danger"]{border-color:#65403d;background:#392625;color:#eda9a3}
@media(max-width:1320px){.onboard-grid,.review-layout{grid-template-columns:minmax(0,1fr) 310px}.onboard-steps li{padding-inline:12px}.onboard-steps li>div small{display:block}}
@media(max-width:900px){.onboard-grid,.review-layout{grid-template-columns:1fr}.onboard-side,.review-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.onboard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.onboard-steps li{justify-content:flex-start;padding:14px 12px}.onboard-steps li>div{display:grid}.provision-grid{grid-template-columns:1fr}.application-filters{width:100%}.application-filter-head{align-items:flex-start;flex-direction:column}.application-filters input{flex:1;min-width:180px;width:auto}}
@media(max-width:680px){.onboard-reference{align-items:flex-end;flex-direction:column}.onboard-steps{overflow-x:auto}.onboard-steps li{min-width:56px}.flow-form{padding:16px}.flow-form-grid,.document-grid,.review-detail-grid{grid-template-columns:1fr}.form-field-wide,.review-detail-grid>.wide{grid-column:auto}.review-detail-grid>div:nth-child(odd):not(.wide),.review-detail-grid>div:nth-child(even):not(.wide){padding-inline:0;border-left:0}.document-grid{padding:12px}.submission-card{grid-template-columns:1fr}.onboard-side,.review-side{grid-template-columns:1fr}.review-document-row{align-items:flex-start;flex-wrap:wrap}.review-document-copy{flex-basis:calc(100% - 50px)}.inline-review[open]>form{position:fixed;right:16px;left:16px;top:auto;bottom:16px;width:auto}.application-filters{display:grid;grid-template-columns:1fr 1fr}.application-filters input{grid-column:1/-1;width:100%}.linked-client-card{align-items:flex-start;flex-wrap:wrap}.linked-client-card>.btn{margin-left:49px}}

/* Locked onboarding + agreement workflow — 2.7.0 */
.locked-flow-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.onboarding-gate-card{display:flex;align-items:center;gap:18px;padding:22px}.onboarding-gate-card.compact{margin-top:0}.gate-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--border);border-radius:12px;background:var(--accent-soft);color:var(--accent)}.gate-icon .icon{width:21px;height:21px}.onboarding-gate-card>div:nth-child(2){min-width:0;flex:1}.onboarding-gate-card h2{margin:3px 0 6px;font-size: var(--text-xl)}.onboarding-gate-card p:not(.eyebrow){margin:0;color:var(--muted);font-size: var(--text-sm);line-height:1.65}.onboarding-gate-card small{display:block;margin-top:7px;color:var(--muted);font-size: var(--text-xs)}.onboarding-gate-card .gate-warning{color:var(--danger-text)}.profile-submit-card{margin:0 18px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);box-shadow:none}.stage-waiting{display:grid;gap:4px;margin:0 18px 18px;padding:13px 14px;border:1px solid #c8d8e7;border-radius:9px;background:#f4f8fb;color:#36566d}.stage-waiting strong{font-size: var(--text-base)}.stage-waiting span{font-size: var(--text-sm);line-height:1.55}.stage-warning{border-color:#e4d1a8;background:#fff9ed;color:#795b29}.stage-danger{border-color:#e7c0ba;background:#fff3f1;color:#8c433b}.locked-doc-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.agreement-workflow-card .agreement-note{margin:0 18px 18px}.agreement-action-row{display:flex;padding:0 18px 18px}.agreement-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 18px 4px}.agreement-timeline span{position:relative;padding:9px 10px 9px 26px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size: var(--text-xs);font-weight:700}.agreement-timeline span::before{position:absolute;left:9px;top:50%;width:8px;height:8px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);content:"";transform:translateY(-50%)}.agreement-timeline span.done{border-color:#c6dfd0;background:#f3faf6;color:#286249}.agreement-timeline span.done::before{border-color:#3f8966;background:#3f8966}.agreement-actions{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.agreement-actions form{margin:0}.signed-upload-box{display:flex;align-items:end;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-soft)}.signed-upload-box .form-field{flex:1}.signed-upload-box input[type=file]{min-height:38px;padding:7px 9px}.signed-file-row{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--border)}.signed-file-row>div{display:grid;gap:2px;min-width:0;flex:1}.signed-file-row strong{font-size: var(--text-base)}.signed-file-row span{color:var(--muted);font-size: var(--text-xs)}.signed-file-row form{margin:0}
html[data-theme="dark"] .stage-waiting{border-color:#334a5c;background:#1d2b36;color:#b5cde0}html[data-theme="dark"] .stage-warning{border-color:#5d4c2c;background:#352d20;color:#e4c48f}html[data-theme="dark"] .stage-danger{border-color:#65403d;background:#392625;color:#eda9a3}html[data-theme="dark"] .agreement-timeline span.done{border-color:#315e48;background:#1c3429;color:#a7d8b8}
@media(max-width:900px){.locked-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.agreement-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.signed-upload-box{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.onboarding-gate-card{align-items:flex-start;flex-wrap:wrap}.onboarding-gate-card>form,.onboarding-gate-card>.btn{width:100%}.onboarding-gate-card .btn{width:100%}.agreement-timeline{grid-template-columns:1fr}.agreement-actions,.signed-file-row{align-items:stretch;flex-direction:column}.agreement-actions .btn,.agreement-actions form,.agreement-actions form .btn,.signed-file-row .btn,.signed-file-row form,.signed-file-row form .btn{width:100%}}

/* Agreement email */
.agreement-email-box{margin-top:16px;padding:18px;border:1px solid var(--border);background:var(--surface-soft);display:grid;grid-template-columns:1fr 1fr;gap:14px}.agreement-email-head,.agreement-email-box .form-field-wide,.agreement-email-actions{grid-column:1/-1}.agreement-email-head strong{display:block;font-size: var(--text-base)}.agreement-email-head span{display:block;margin-top:4px;color:var(--text-muted);font-size: var(--text-sm)}.agreement-email-box textarea{resize:vertical;min-height:94px}.agreement-email-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:760px){.agreement-email-box{grid-template-columns:1fr}.agreement-email-head,.agreement-email-box .form-field-wide,.agreement-email-actions{grid-column:auto}}

/* Readability layout: shared by applicant, reviewer, client and auth pages. */
small { font-size: var(--text-xs); line-height: 1.5; }
:where(input, select, textarea) { font-size: var(--text-base); }
:where(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
:where(.page-heading, .client-card-head, .flow-card-head, .label-form-section-head) > div { min-width: 0; }
:where(.page-heading p, .client-detail-grid strong, .client-contact-card dd, .activity-list p, .flow-card-head, .review-attempts, .signed-file-row strong) { overflow-wrap: anywhere; }
:where(.flow-card-head, .client-card-head, .onboard-heading, .client-heading-actions, .agreement-actions, .signed-file-row, .document-actions, .page-actions) { flex-wrap: wrap; }
:where(.page-heading h1, .panel-title, .section-title, .flow-card-head h2, .client-card-head h2, .flow-side-card h3, .decision-card h2) { line-height: 1.35; }
:where(.review-detail-grid dd, .client-detail-grid strong, .activity-list strong) { font-weight: 600; }
:where(.activity-list strong, .activity-list em, .activity-list small, .stage-waiting, .field-help, .field-error) { line-height: 1.6; }
:where(.onboard-side, .review-side, .label-create-side) { min-width: 0; position: static; }
:where(.onboard-main, .review-main) { min-width: 0; gap: 22px; }
:where(.sidebar-nav, .sidebar-footer) { flex-shrink: 0; }
.sidebar-header .brand-copy strong { font-size: 16px; }
.sidebar-header .brand-copy span { letter-spacing: 0; line-height: 1.5; }
.nav-link { min-height: 44px; }
.workspace-chip > div { min-width: 0; }
.workspace-chip strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-menu > summary { min-height: 42px; }
.account-avatar { width: 32px; height: 32px; flex-basis: 32px; }
.account-copy { line-height: 1.35; }
.account-popover > a, .account-popover form button { min-height: 40px; }
.panel-header, .flow-card-head, .client-card-head { padding: 20px 22px; }
.onboard-steps li { align-items: flex-start; }
.onboard-steps strong { line-height: 1.4; }
.onboard-steps small { line-height: 1.45; }
.onboard-reference small { color: var(--muted); font-variant-numeric: tabular-nums; }
.status-chip { min-height: 28px; padding: 4px 9px; line-height: 1.45; }
.flow-side-card dd { text-align: left; }
.review-attempts { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);font-size:var(--text-sm);line-height:1.5; }
.review-attempts strong { font-weight: 600; }
.review-attempts span { color: var(--muted); font-weight: 700; }
.activity-list > div::before { position:absolute;top:18px;bottom:0;left:3px;width:1px;background:var(--border-strong);content:""; }
.activity-list > div:last-child::before, .activity-list > div > span::after { display:none; }
.activity-list > div:last-child { padding-bottom: 0; }
.document-file strong, .document-card p, .document-upload label > span { overflow-wrap: anywhere; }
.document-card-top { align-items: flex-start; flex-wrap: wrap; }
.document-upload label:focus-within > span { outline: 2px solid var(--accent); outline-offset: 3px; }
.form-field input[type="file"] { height:auto;min-height:48px;padding:8px;max-width:100%; }
.form-field input[type="file"]::file-selector-button { margin-right:10px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-soft);color:var(--text);font:inherit; }
.labels-filters, .application-filters { flex-wrap: wrap; }
.application-filters input, .application-filters select { max-width:100%;padding:10px 12px; }
.label-filter select { width:100%;min-width:0; }
.labels-search-button, .btn-quiet, .labels-pagination .btn, .client-action .btn { min-height:40px;height:auto; }
.application-table { min-width: 850px; }
.labels-table td, .clients-table td, .application-table td { line-height: 1.55; }
.pagination { flex-wrap: wrap; }
.pagination a { min-width:36px;height:36px; }
.text-button, .inline-review > summary, .decision-secondary > summary { min-height:36px;padding-block:7px; }
.inline-review[open] > form { top:calc(100% + 6px);width:300px;max-width:calc(100vw - 32px); }
.inline-review textarea, .decision-card textarea { min-height:96px;line-height:1.6; }
.client-detail-grid .client-detail-wide { border-left:0;padding-left:0; }
.label-create-summary dl > div, .client-contact-card dl > div { align-items:start; }
.signed-upload-box .form-field { min-width:0; }
.agreement-timeline span { line-height:1.5; }
.site-auth-field input:not([type="checkbox"]) { min-height:50px;height:auto;padding-block:12px;line-height:1.5; }
.site-auth-submit, .auth-submit { min-height:50px;height:auto;padding-block:12px;line-height:1.5; }
.site-auth-label-row, .auth-label-row { flex-wrap:wrap;gap:6px 14px; }
.site-auth-check input, .auth-check input { width:18px;height:18px;flex-basis:18px;margin-top:3px; }
.site-auth-form-foot small { color:#596c61; }
.site-auth .site-auth-field input::placeholder { color:#65766c; }
.auth-page .auth-alert { font-size:var(--text-sm); }
@media(min-width:1024px) and (max-width:1320px) {
  .onboard-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .document-grid { grid-template-columns:1fr; }
}
@media(min-width:901px) and (max-width:1100px) {
  .onboard-grid, .review-layout, .client-profile-grid, .label-create-layout { grid-template-columns:minmax(0,1fr); }
  .onboard-side, .review-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .label-create-side { position:static; }
}
@media(max-width:900px) {
  .onboard-steps { border-radius:10px; }
  .onboard-steps li { border-bottom:1px solid var(--border); }
  .onboard-steps li:nth-child(3n) { border-right:0; }
  .onboard-steps li:nth-last-child(-n+3) { border-bottom:0; }
  .hero-content { width:100%;max-width:100%; }
  .hero-art { display:none; }
}
@media(max-width:767px) {
  .search-trigger { flex:0 0 44px;width:44px;min-width:44px;height:44px; }
  .topbar { min-height:76px;padding-block:12px; }
  .topbar-left, .topbar-actions { gap:8px; }
  .page-heading h1 { font-size:1.75rem; }
  .page-heading p, .data-table { font-size:var(--text-base); }
  .flow-card-head, .client-card-head, .panel-header { padding:20px; }
  .flow-form, .submission-card, .flow-side-card, .decision-card { padding:20px; }
  .review-detail-grid { padding:0 20px 20px; }
}
@media(max-width:680px) {
  .onboard-steps.locked-flow-steps { grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible; }
  .onboard-steps li:nth-child(3n) { border-right:1px solid var(--border); }
  .onboard-steps li:nth-child(2n) { border-right:0; }
  .onboard-steps li:nth-last-child(-n+3) { border-bottom:1px solid var(--border); }
  .onboard-steps li:nth-last-child(-n+2) { border-bottom:0; }
  .onboard-steps small { display:block;white-space:normal; }
  .onboard-reference { align-items:flex-start; }
  .flow-side-card dl > div { grid-template-columns:minmax(0,1fr); }
  .document-grid { grid-template-columns:minmax(0,1fr);padding:16px; }
  .onboard-side, .review-side { grid-template-columns:minmax(0,1fr); }
  .label-form-section-head { align-items:flex-start; }
  .label-create-actions { grid-template-columns:minmax(0,1fr); }
  .submission-card { grid-template-columns:minmax(0,1fr); }
  .submission-card > form, .submission-card > form .btn { width:100%; }
  .document-actions { flex-wrap:wrap; }
  .review-document-row { padding:18px; }
  .inline-review[open] > form { position:fixed;top:auto;right:16px;left:16px;bottom:16px;width:auto; }
  .linked-client-card > .btn { margin-left:0; }
  .agreement-email-box { padding:16px; }
  .client-mini-stats { gap:10px; }
}
@media(max-width:480px) {
  .breadcrumb > :not(:last-child) { display:none; }
  .topbar { gap:8px;padding-inline:12px; }
  .topbar-left { flex:1; }
  .breadcrumb { font-size:var(--text-sm); }
  .account-menu > summary { padding:4px; }
  .account-avatar { width:34px;height:34px;flex-basis:34px; }
  .page-content { padding:22px 14px; }
  .onboard-steps li { gap:8px;padding:14px 10px; }
  .onboard-steps small { font-size:var(--text-xs); }
  .status-chip { white-space:normal; }
  .label-notice { flex-wrap:wrap; }
}


/* Balanced readability — 2.9.2
   Keep supporting/review text readable without scaling the whole workspace. */
.flow-card-head h2, .client-card-head h2, .decision-card h2 { font-size: 18px; }
.flow-card-head p:not(.eyebrow), .decision-card > p:not(.eyebrow), .panel-description, .section-description { font-size: 14px; }
.review-detail-grid dt, .form-field > span, .field-help, .field-error, .document-requirement, .flow-side-card dt, .onboard-steps small, .agreement-timeline span, .signed-file-row span { font-size: 13px; }
.review-detail-grid dd, .form-field input, .form-field select, .form-field textarea, .read-only-field { font-size: 15px; }
.onboard-steps strong, .flow-side-card dd, .status-chip, .badge { font-size: 13px; }
.activity-list strong { font-size: 14px; }
.activity-list em { font-size: 13px; }
.activity-list small { font-size: 12.5px; }
.review-document-copy strong { font-size: 14px; }
.review-document-copy span, .review-document-copy small { font-size: 13px; }
.flow-alert, .flow-alert strong, .stage-waiting strong, .signed-file-row strong, .agreement-email-head strong { font-size: 14px; }
.stage-waiting span, .agreement-email-head span, .notice-content { font-size: 13.5px; }
.application-filters input, .application-filters select { font-size: 14px; }
.page-heading p { font-size: 14px; }
@media (max-width: 767px) {
  .page-heading p, .data-table { font-size: 14px; }
}

/* Agreement template controls; retain the balanced dashboard typography. */
.agreement-pdf-fallback,.agreement-version-history{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;line-height:1.6}
.agreement-pdf-fallback summary,.agreement-version-history summary{cursor:pointer;font-weight:600}
.agreement-pdf-fallback .form-field{margin:12px 0}

/* Simplified onboarding and review surfaces */
.simple-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.simple-steps li{min-width:0}
.simple-next-action{padding:16px 20px;margin:14px 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface,rgba(127,127,127,.06))}
.simple-next-action strong{font-size:16px}.simple-next-action p{margin:5px 0 0;font-size:14px;line-height:1.5}
.simple-past-stage,.simple-history,.simple-label-details{margin-bottom:15px;overflow:hidden}
.simple-past-stage>summary,.simple-history>summary,.simple-label-details>summary{cursor:pointer;padding:15px 18px;font-weight:650;font-size:14px;list-style-position:inside}
.simple-past-stage>.panel{margin:0}.simple-history>.activity-list,.simple-label-details>.label-workflow-heading,.simple-label-details>.label-info-grid{padding:0 18px 18px}
@media(max-width:650px){.simple-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}.simple-steps li{padding:10px 7px}.simple-steps small{font-size:11px!important}.simple-next-action{padding:14px}}

.account-settings-panel{max-width:660px;padding:24px;margin-top:18px}.account-settings-heading{margin-top:0}.account-settings-divider{border:0;border-top:1px solid var(--border,#e2e8f0);margin:24px 0}.site-auth-full-panel{width:100%;min-height:100vh}.team-invitation-panel{padding:24px;max-width:640px}.application-queue-panel{margin-bottom:18px}

.release-editor-track-fields audio{display:block;width:100%;margin-top:10px}.release-editor-track-fields audio[hidden]{display:none}

.track-audio-section{margin:16px;border:1px solid var(--border,#e2e8f0);border-radius:10px;overflow:hidden;background:var(--surface,#fff)}
.track-audio-actions{display:flex;gap:8px;align-items:center}.track-audio-body{padding:16px;display:grid;gap:8px}.track-audio-body>strong{font-size:14px}.track-audio-meta{font-size:13px;color:var(--muted,#64748b)}.track-audio-body audio{display:block;width:100%;height:40px;margin:4px 0}.track-audio-body [hidden],.track-audio-actions [hidden]{display:none!important}.track-audio-body input[type=file]{display:none}.track-audio-body progress{width:100%;height:10px;accent-color:#16765b}.track-audio-body p{margin:0;font-size:13px}.track-audio-playback{color:#a65108}.track-audio-body button{justify-self:start}.track-readiness{display:inline-block;font-size:12px;padding:3px 7px;border-radius:6px;color:#16765b;background:#eaf6f0}.track-readiness.is-missing,.is-upload-error{color:#a65108;background:#fff3e5}.release-editor-track-side [data-track-upload-status]{font-size:12px;max-width:240px;white-space:normal}.release-editor-track-side{flex-wrap:wrap}.track-audio-body .is-upload-error{padding:8px;border-radius:6px}
@media(max-width:600px){.track-audio-section{margin:12px}.track-audio-actions{gap:5px}.track-audio-actions .btn{padding:7px 9px;font-size:12px}.track-audio-body{padding:12px}}

.release-editor-track-dialog{width:min(560px,calc(100% - 24px))}.release-editor-track-dialog label[hidden]{display:none!important}.release-editor-track-dialog .release-editor-genre-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.release-editor-track-dialog label{display:flex;flex-direction:column;gap:7px;font-size:13px}.release-editor-track-dialog label:has(input[name=song]),.release-editor-track-dialog .track-add-audio,.release-editor-track-dialog [data-track-error],.release-editor-track-dialog .track-add-hint{grid-column:1/-1}.track-add-audio{padding:16px;border:1px dashed #b8c7d2;border-radius:10px;background:#f8fafc}.track-add-audio input[type=file]{border:0!important;background:transparent!important;padding:8px 0!important}.track-add-audio input::file-selector-button{border:1px solid #d5dee6;border-radius:7px;padding:8px 12px;margin-right:10px;background:#fff;color:#243442;cursor:pointer}.track-add-audio small,.track-add-hint{font-size:12px;color:#64748b}.track-add-hint{margin:0;line-height:1.5}
.release-editor-track{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(160px,240px) auto;gap:16px;align-items:center;padding:18px 20px}.release-editor-track-main{min-width:0}.release-editor-track-main strong{font-size:14px}.release-editor-track-side{display:flex;align-items:flex-start;flex-direction:column;gap:5px;text-align:left}.release-editor-track-side>span:first-child{font-size:13px;color:#334155}.release-editor-track-side small{font-size:12px}.release-editor-track-no{align-self:start;padding-top:3px;color:#94a3b8}.release-editor-track-side .track-readiness{font-size:11px;padding:3px 7px}.release-editor-track-side [data-track-upload-status]{font-size:12px}
@media(max-width:600px){.release-editor-track-dialog .release-editor-genre-modal-body{padding:16px;gap:12px}.release-editor-track{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:14px}.release-editor-track-side{grid-column:2;grid-row:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.release-editor-track>[data-track-edit-id]{grid-column:3;grid-row:1/3}.release-editor-track-main strong{overflow-wrap:anywhere}}

.catalog-section-nav{display:flex;gap:6px;margin:0 0 20px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.catalog-section-nav::-webkit-scrollbar{display:none}.catalog-section-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}.catalog-section-nav a:hover{color:var(--text);background:var(--surface-soft)}.catalog-section-nav a.is-active{color:var(--accent);border-bottom-color:var(--accent)}.catalog-section-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(max-width:620px){.catalog-section-nav{gap:2px;margin-bottom:14px}.catalog-section-nav a{flex:1;padding:0 10px;font-size:13px}}

.contributor-role-add-form{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:12px;align-items:end}.contributor-role-add-form .form-field{margin:0}.contributor-roles-page .data-table input{min-width:140px;max-width:100%}.contributor-roles-page .data-table input[type=number]{min-width:90px}
@media(max-width:600px){.contributor-role-add-form{grid-template-columns:minmax(0,1fr)}.contributor-role-add-form .btn{justify-self:start}}

.account-popover[hidden]{display:none}