/* CRM PA 40.0. Native controls, desktop layouts, same-origin assets only. */
* { box-sizing: border-box; }
html { min-width: 0; scroll-padding-top: 90px; scrollbar-color: #285370 #071726; }
body { margin: 0; min-width: 0; background: radial-gradient(ellipse at 94% 0, #10365655, transparent 42%), var(--bg, #06111e); color: var(--text, #e5f4ff); font: 14px/1.5 var(--font, sans-serif); }
button, input, select, textarea { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { opacity: .45; cursor: not-allowed; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid #73e8ff; outline-offset: 3px; }
input, select, textarea { min-width: 0; max-width: 100%; width: 100%; padding: 10px 12px; min-height: 43px; border: 1px solid #28516e; border-radius: 8px; background: #082033; color: #e5f4ff; font-size: 14px; line-height: 1.5; }
input:hover, select:hover, textarea:hover { border-color: #43799a; }
input:focus, select:focus, textarea:focus { border-color: #16c8ef; box-shadow: 0 0 0 3px #16c8ef0c; }
input::placeholder, textarea::placeholder { color: #769bb7; opacity: 1; }
input[type=checkbox] { width: 17px; height: 17px; min-height: 0; margin: 0; accent-color: #16c8ef; }
input[type=date], input[type=datetime-local], input[type=number] { font-variant-numeric: tabular-nums; }
textarea { resize: vertical; min-height: 96px; }
select { padding-right: 25px; text-overflow: ellipsis; }
option { background: #0b2235; }
a { color: #72ddf7; text-decoration: none; overflow-wrap: anywhere; }
a:hover { color: #b6f3ff; text-decoration: underline; }
h1, h2, h3, h4, p { margin: 0; }
h1 { font-size: 29px; line-height: 1.18; font-weight: 750; letter-spacing: -.7px; }
h2 { font-size: 19px; line-height: 1.35; letter-spacing: -.35px; }
h3 { font-size: 15px; line-height: 1.45; }
p { color: #99b9ce; line-height: 1.7; }
small { color: #91afc4; font-size: 11px; line-height: 1.6; }
strong { font-weight: 650; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
fieldset:disabled { opacity: .65; }
summary { cursor: pointer; }
svg.icon { width: 19px; height: 19px; flex-shrink: 0; vertical-align: middle; }
.skip-link { position: fixed; top: -60px; left: 15px; z-index: 100; background: #16c8ef; color: #062436; padding: 12px 18px; border-radius: 8px; }
.skip-link:focus { top: 12px; }
.shell { min-height: 100vh; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; align-self: start; height: 100vh; display: flex; flex-direction: column; padding: 22px 13px 15px; background: linear-gradient(160deg, #0a2033, #071726 60%); border-right: 1px solid #1c415b; overflow-y: auto; }
.brand { display: flex; align-items: center; gap: 11px; color: #e5f4ff; min-width: 0; }
.sidebar .brand { padding: 2px 12px 24px; }
.brand-mark { width: 37px; height: 37px; display: inline-grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, #18d6f2, #087db4); color: #052335; font-size: 24px; flex-shrink: 0; box-shadow: inset 0 1px #b8f3ff44; }
.brand b { display: block; font-size: 18px; line-height: 1.3; letter-spacing: .2px; }
.brand small { display: block; font-size: 9px; letter-spacing: 1.3px; line-height: 1.6; margin-top: 3px; color: #94bed5; }
.nav-caption, .eyebrow { color: #7aa6be; font-size: 10px; letter-spacing: 1.5px; font-weight: 650; line-height: 1.6; }
.nav-caption { padding: 6px 13px 11px; }
.nav { display: flex; flex-direction: column; gap: 4px; }
.nav a { display: flex; align-items: center; gap: 11px; padding: 11px 13px; min-height: 43px; border-radius: 9px; color: #93b6cc; font-size: 12px; text-decoration: none; border: 1px solid transparent; }
.nav a:hover { background: #12344b; color: #d7edf9; }
.nav a.active { background: linear-gradient(100deg, #0c405b, #0b2b42); color: #4cddfb; box-shadow: inset 3px 0 #16c8ef; border-color: #28607750; }
.nav a .icon { width: 18px; height: 18px; }
.sidebar-bottom { margin-top: auto; padding: 20px 10px 0; }
.profile { display: flex; gap: 10px; align-items: center; padding-top: 16px; border-top: 1px solid #28516a; min-width: 0; }
.avatar { display: inline-grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: #116e96; color: #dbf6ff; font-size: 12px; font-weight: 750; }
.profile > div { min-width: 0; }
.profile strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.profile small { font-size: 10px; }
.sidebar-bottom .quiet { padding-left: 0; margin-top: 13px; }
.main-shell { min-width: 0; }
.topbar { display: flex; align-items: center; gap: 13px; min-height: 73px; padding: 14px 27px; border-bottom: 1px solid #1c415b; background: #061421b8; backdrop-filter: blur(16px); }
.global-search { display: flex; align-items: center; gap: 9px; min-width: 0; width: min(400px, 42%); margin-right: auto; }
.global-search input { min-height: 41px; font-size: 14px; }
.period-chip { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 9px 11px; border: 1px solid #28516a; border-radius: 8px; background: #0b273c; color: #c4dceb; font-size: 11px; line-height: 1.45; }
.period-chip .icon { width: 15px; height: 15px; color: #65d8f6; }
.period-chip strong { font-weight: 550; overflow-wrap: anywhere; }
.main { min-width: 0; padding: 25px 27px 32px; max-width: 1640px; margin-inline: auto; }
.heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 17px; margin-bottom: 23px; min-width: 0; }
.heading > div { min-width: 0; }
.heading .eyebrow { display: block; margin-bottom: 7px; }
.heading p { font-size: 12px; margin-top: 8px; max-width: 720px; }
.heading-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.btn, .quiet { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; border: 1px solid transparent; padding: 10px 13px; line-height: 1.45; font-size: 12px; font-weight: 600; text-decoration: none; min-height: 39px; }
.btn { color: #052638; background: #16c8ef; border-color: #64dcf7; box-shadow: inset 0 1px #adf3ff2e; }
.btn:hover { background: #4edcf7; color: #052638; text-decoration: none; }
.btn.secondary { background: #0c2b42; color: #cceafa; border-color: #2c5975; box-shadow: none; }
.btn.secondary:hover { background: #17405a; border-color: #5d8da7; }
.btn.danger { background: #48273a; color: #ffc0ca; border-color: #90546b; }
.btn.danger:hover { background: #66334b; }
.quiet { background: transparent; color: #93b6cc; font-weight: 450; }
.quiet:hover { background: #10364f; color: #d9f3ff; text-decoration: none; }
.btn svg, .quiet svg { width: 16px; height: 16px; }
.card { min-width: 0; padding: 18px; border: 1px solid #1c415b; border-radius: 12px; background: linear-gradient(145deg, #0c263b, #092033); box-shadow: var(--shadow); }
.card + .card { margin-top: 16px; }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 15px; margin-bottom: 17px; border-bottom: 1px solid #1b4058; }
.card-head > div { min-width: 0; }
.card-head p, .card-head small { display: block; margin-top: 5px; font-size: 11px; }
.split { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 17px; align-items: start; }
.split.equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.split > .card + .card, .grid > .card + .card { margin-top: 0; }
.stack { min-width: 0; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.kpi { min-width: 0; border: 1px solid #1c415b; border-radius: 12px; background: linear-gradient(130deg, #0e2a40, #092032); padding: 18px; }
.kpi > span { display: block; color: #b4d0e2; font-size: 11px; }
.kpi strong { display: block; color: #e5f4ff; font-size: 29px; line-height: 1.25; margin: 12px 0 8px; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.kpi small { display: block; font-size: 10px; }
.kpi::after { content: ""; display: block; margin-top: 14px; height: 2px; background: linear-gradient(90deg, #16c8ef, #1c5579); border-radius: 2px; }
.banner { display: flex; align-items: flex-start; gap: 10px; padding: 13px 15px; margin-bottom: 19px; border: 1px solid #225b76; border-radius: 9px; color: #a7e3f6; background: #093047; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.banner .icon { margin-top: 2px; color: #45d6f4; }
.banner.warning { border-color: #775737; background: #342a22; color: #f0d0a2; }
.banner.warning .icon { color: #edb65b; }
.banner.error { border-color: #804859; background: #392431; color: #ffc5ce; }
.banner.success { border-color: #28735d; background: #11382f; color: #a5e8cf; }
.banner p { color: inherit; }
.banner ul { margin: 7px 0 0; padding-left: 18px; }
.empty { display: grid; place-items: center; text-align: center; min-height: 190px; padding: 30px 18px; gap: 9px; }
.empty .icon { width: 30px; height: 30px; color: #458ba8; }
.empty h3 { font-size: 16px; color: #d7eaf5; }
.empty p { max-width: 450px; font-size: 12px; }
.loading { min-height: 130px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #95b8cc; }
.spinner { width: 22px; height: 22px; border: 2px solid #204c64; border-top-color: #16c8ef; border-radius: 50%; animation: spin .8s linear infinite; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 13px; }
.field { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #b7d1e1; font-size: 12px; font-weight: 550; line-height: 1.45; }
.field small { font-size: 10px; font-weight: 400; }
.span2 { grid-column: 1 / -1; }
.check { display: flex; align-items: center; gap: 9px; font-size: 12px; color: #c6dfea; }
.checks { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-block: 15px; }
.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 18px; margin-top: 18px; border-top: 1px solid #1b4058; }
.form-error { color: #ffb0c0; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; margin-top: 12px; }
.form-error:empty { display: none; }
.filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 16px; border: 1px solid #1c415b; background: #081d2e; border-radius: 10px; margin-bottom: 18px; }
.filters .field { min-width: 150px; flex: 1; }
.filters .btn { flex-shrink: 0; min-height: 43px; }
.table-wrap { min-width: 0; max-width: 100%; overflow: auto; border: 1px solid #244b65; border-radius: 9px; overscroll-behavior-inline: contain; scrollbar-width: thin; }
table { width: 100%; border-collapse: collapse; text-align: left; color: #c9dfec; font-size: 12px; }
td, th { padding: 13px 11px; vertical-align: middle; line-height: 1.5; border-bottom: 1px solid #1b4058; }
th { color: #97bdd3; background: #103249; font-size: 10px; font-weight: 650; letter-spacing: .2px; white-space: nowrap; }
td { overflow-wrap: anywhere; }
td strong { color: #e1f0fa; }
td small { display: block; margin-top: 4px; font-size: 10px; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #10334a; }
td .btn { font-size: 11px; min-height: 32px; padding: 6px 10px; white-space: nowrap; }
.status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 6px; border: 1px solid #41738c4d; color: #b4dcf1; background: #143b50; font-size: 10px; line-height: 1.4; font-weight: 600; }
.status.good { color: #8ce5c5; background: #123d34; border-color: #43836a50; }
.status.warn { color: #f4c982; background: #473525; border-color: #91673845; }
.status.bad { color: #ffa3b5; background: #462639; border-color: #95607b45; }
.status.purple { color: #d0c1ff; background: #2b2c49; border-color: #8378b04d; }
.status.neutral { color: #aac6d8; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tags .status { font-size: 9px; }
.pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; }
.pagination .btn { min-height: 32px; padding: 6px 12px; }
.pagination small { font-variant-numeric: tabular-nums; }
.facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; margin: 0; }
.facts > div { min-width: 0; }
.facts dt { color: #81a8c0; font-size: 11px; margin-bottom: 4px; }
.facts dd { margin: 0; color: #daebf5; font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; }
.facts .span2 { padding-top: 8px; border-top: 1px solid #1c415b; }
.section { padding-block: 18px; border-top: 1px solid #1c415b; }
.section:first-child { border-top: 0; padding-top: 0; }
.section h3 { margin-bottom: 15px; }
.criterion { padding: 15px; border: 1px solid #28536e; border-radius: 9px; background: #0b2a40; margin-top: 12px; }
.criterion h4 { color: #d4eaf6; font-size: 13px; margin-bottom: 5px; }
.criterion p { font-size: 11px; margin-bottom: 12px; }
.criterion .form-grid { gap: 12px; }
.source-label { display: flex; align-items: center; gap: 8px; color: #8ec4df; font-size: 10px; margin-bottom: 16px; }
.source-label .icon { width: 15px; height: 15px; }
.source-link { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; }
.sticky-actions { position: sticky; bottom: 0; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 17px; margin: 19px -18px -18px; border-top: 1px solid #28536e; border-radius: 0 0 11px 11px; background: #0b2539f5; backdrop-filter: blur(16px); box-shadow: 0 -7px 22px #020b1333; }
.sticky-actions > div { display: flex; flex-wrap: wrap; gap: 7px; }
.sticky-actions small { font-size: 10px; }
.tab-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.tab-row a { padding: 8px 12px; border: 1px solid #28536e; border-radius: 8px; background: #0c283c; color: #a6c5d9; font-size: 12px; }
.tab-row a.active { color: #ddf5ff; background: #125272; border-color: #4c9dbb; }
.item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid #28536e; border-radius: 9px; background: #0c2a40; margin-top: 10px; min-width: 0; }
.item > div { min-width: 0; }
.item strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.item small { display: block; font-size: 10px; margin-top: 4px; }
.item .btn { min-height: 32px; padding: 6px 9px; font-size: 11px; }
.report-body { color: #bed9e8; font-size: 13px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; padding: 14px 15px; border-left: 3px solid #16c8ef; border-radius: 7px; background: #0a2a40; margin-block: 14px; }
.report-body h3 { color: #ddf1fc; margin-bottom: 8px; }
.report-body p { color: inherit; }
.login { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(310px, .8fr); gap: 75px; max-width: 1120px; min-height: 100vh; align-items: center; padding: 50px; margin: auto; }
.login-story { min-width: 0; }
.login-story .brand { margin-bottom: 60px; }
.login-story h1 { font-size: 48px; line-height: 1.15; letter-spacing: -1.7px; max-width: 460px; margin-top: 16px; }
.login-story h1 em { color: #38d3f3; font-style: normal; }
.login-story p { max-width: 360px; margin-top: 24px; font-size: 14px; }
.login-story .principles { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 7px; }
.login-card { padding: 30px; border-color: #32667e; box-shadow: 0 25px 70px #0108115c, inset 0 1px #cef5ff0a; }
.login-card .eyebrow { color: #71dcf4; margin-bottom: 14px; display: block; }
.login-card h2 { font-size: 27px; margin-bottom: 12px; }
.login-card p { font-size: 12px; margin-bottom: 25px; }
.login-card .form-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
.login-card .btn { width: 100%; margin-top: 7px; min-height: 44px; }
.login-card .privacy { display: block; margin-top: 27px; padding-top: 20px; border-top: 1px solid #28536e; font-size: 10px; }
.boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; padding: 25px; text-align: center; }
.boot h1 { font-size: 24px; letter-spacing: 1px; }
.boot p { font-size: 12px; max-width: 460px; }
.boot .btn { margin-top: 5px; }
.footer { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 0 27px 24px; color: #648ca7; font-size: 10px; }
#notice { display: none; position: fixed; z-index: 20; top: 14px; left: 50%; transform: translateX(-50%); max-width: min(620px, calc(100vw - 28px)); padding: 12px 17px; border: 1px solid #3d866f; border-radius: 10px; background: #123a32f5; color: #c2f2df; font-size: 12px; box-shadow: 0 8px 25px #0006; pointer-events: none; overflow-wrap: anywhere; }
#notice.visible { display: block; }
#notice.error { background: #432638f5; border-color: #a36379; color: #ffcfda; }
.hidden, [hidden] { display: none !important; }
@keyframes spin { to { transform: rotate(360deg); } }
.cluster-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; margin-bottom: 18px; border: 1px solid #2a5973; border-radius: 13px; background: linear-gradient(112deg, #0c354b, #09263a 60%, #082033); box-shadow: inset 0 1px #d8f7ff08; }
.cluster-intro > div { min-width: 0; }
.cluster-direction { display: inline-flex; gap: 8px; align-items: center; color: #6bddf8; font-size: 11px; font-weight: 650; margin-bottom: 9px; }
.cluster-direction .icon { width: 16px; height: 16px; }
.cluster-intro h2 { font-size: 23px; margin-bottom: 9px; }
.cluster-intro p { font-size: 12px; max-width: 690px; }
.cluster-total { flex: 0 0 130px; text-align: right; border-left: 1px solid #2b5e76; padding-left: 22px; }
.cluster-total strong { display: block; font-size: 34px; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -1px; }
.cluster-total small { display: block; margin-top: 5px; font-size: 10px; }
.cluster-toolbar { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; align-items: end; margin-bottom: 15px; }
.cluster-toolbar > .field { min-width: 0; }
.cluster-operator-filter { margin: 0; align-items: flex-end; flex-wrap: nowrap; }
.cluster-operator-filter .field { min-width: 0; flex: 1; }
.cluster-operator-filter .btn { flex-shrink: 0; min-height: 43px; }
.cluster-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #28516e; padding-bottom: 10px; margin-bottom: 10px; }
.cluster-tabs button { min-height: 39px; padding: 8px 15px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #aac8db; font-size: 12px; font-weight: 600; }
.cluster-tabs button:hover { color: #dcf4ff; background: #10364f; }
.cluster-tabs button.active { background: #0c425d; color: #88e7fb; border-color: #317a96; box-shadow: inset 0 -2px #16c8ef; }
.cluster-scope { display: flex; align-items: flex-start; gap: 8px; color: #93b5cb; font-size: 11px; line-height: 1.7; margin-bottom: 17px; }
.cluster-scope .icon { width: 14px; height: 14px; margin-top: 2px; color: #60cce9; }
.cluster-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.cluster-card { min-width: 0; border: 1px solid #28516e; border-radius: 12px; background: linear-gradient(130deg, #0c293f, #082033); box-shadow: 0 9px 25px #010b161c; overflow: hidden; }
.cluster-card.mine { border-color: #398193; }
.cluster-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 17px 19px 15px; border-bottom: 1px solid #22485f; background: #0e2e454a; }
.cluster-card-head > div { min-width: 0; }
.cluster-card-head .eyebrow { font-size: 10px; letter-spacing: .7px; overflow-wrap: anywhere; }
.cluster-card-head h3 { font-size: 16px; margin: 6px 0 4px; overflow-wrap: anywhere; }
.cluster-card-head h3 > span { color: #b6d1e2; font-size: 13px; font-weight: 450; }
.cluster-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; flex-shrink: 0; max-width: 43%; }
.cluster-card-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 17px 19px; align-items: start; }
.cluster-card-body:has(.cluster-distribution) { grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); }
.cluster-source, .cluster-distribution { min-width: 0; }
.cluster-source .facts { margin: 0; padding: 0; gap: 10px 20px; }
.cluster-source .facts dt { font-size: 10px; }
.cluster-source .facts dd { font-size: 12px; }
.cluster-source .facts .span2 dd { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.cluster-owner { display: flex; align-items: flex-start; gap: 9px; padding: 12px 13px; margin-top: 16px; border: 1px solid #27526b; border-radius: 8px; background: #0a2a405e; }
.cluster-owner .icon { width: 17px; height: 17px; color: #62cee9; margin-top: 2px; }
.cluster-owner > div { min-width: 0; }
.cluster-owner strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.cluster-owner small { display: block; font-size: 10px; margin-top: 4px; }
.cluster-source .form-actions { margin-top: 14px; }
.cluster-source .btn { min-height: 36px; font-size: 11px; padding: 8px 10px; }
.cluster-distribution { border-left: 1px solid #28516e; padding-left: 20px; }
.cluster-assignment summary { display: flex; align-items: center; gap: 8px; min-height: 37px; color: #bce9f8; font-size: 12px; font-weight: 600; list-style: none; }
.cluster-assignment summary::-webkit-details-marker { display: none; }
.cluster-assignment summary .icon { width: 16px; height: 16px; }
.cluster-assignment summary > span { min-width: 0; flex: 1; }
.cluster-assignment summary::after { content: "+"; color: #79daf3; font-size: 19px; font-weight: 450; }
.cluster-assignment[open] summary::after { content: "−"; }
.cluster-assignment form { margin-top: 13px; }
.cluster-assignment .form-grid { gap: 12px; }
.cluster-assignment textarea { min-height: 72px; }
.cluster-assignment .field > span { font-size: 11px; }
.cluster-assignment .field small, .cluster-assignment fieldset > small { display: block; font-size: 10px; line-height: 1.7; }
.cluster-assignment .form-actions { margin-top: 14px; }
.cluster-assignment .form-actions .btn { width: 100%; }
.cluster-locked { display: flex; gap: 9px; padding-top: 6px; }
.cluster-locked .icon { width: 17px; height: 17px; color: #83b5cc; margin-top: 2px; }
.cluster-locked > div { min-width: 0; }
.cluster-locked strong { display: block; font-size: 12px; color: #b3cdde; }
.cluster-locked small { display: block; margin-top: 5px; line-height: 1.7; }
@media (max-width: 900px) {
  .cluster-card-body:has(.cluster-distribution) { grid-template-columns: minmax(0, 1fr); }
  .cluster-distribution { border-left: 0; border-top: 1px solid #28516e; padding-left: 0; padding-top: 14px; }
  .cluster-toolbar { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* Profiles and source queues share the same compact visual language. */
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: -5px 0 18px; color: #82aac0; font-size: 12px; }
.breadcrumbs .quiet { padding: 5px 0; min-height: 30px; }
.operator-hero { display: flex; align-items: center; gap: 23px; min-width: 0; padding: 27px; border: 1px solid #286279; border-radius: 17px; background: radial-gradient(ellipse at 84% 0, #126b7c44, transparent 70%), linear-gradient(130deg, #0f3249, #0a2034); box-shadow: 0 16px 42px #020c1636; }
.operator-portrait { width: 96px; height: 96px; flex-shrink: 0; display: inline-grid; place-items: center; border-radius: 25px; border: 1px solid #68d8e647; color: #b7f5fb; background: linear-gradient(140deg, #1a7a90, #0e415e); font-size: 34px; font-weight: 700; letter-spacing: -1px; box-shadow: inset 0 1px #c7faff33; }
.operator-portrait.small { width: 54px; height: 54px; border-radius: 16px; font-size: 20px; letter-spacing: 0; }
.operator-identity { min-width: 0; flex: 1; }
.operator-identity h2 { margin-top: 7px; font-size: clamp(22px, 2.2vw, 33px); letter-spacing: -.8px; line-height: 1.2; overflow-wrap: anywhere; }
.operator-identity p { margin-top: 9px; color: #b5d3e1; font-size: 12px; }
.operator-identity .tags { margin-top: 13px; align-items: center; }
.operator-id { color: #91b7cc; font-size: 11px; padding: 5px 1px; }
.operator-hero-actions { display: grid; gap: 10px; align-self: center; }
.profile-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 18px 0; border: 1px solid #214c65; border-radius: 12px; background: #0a2336; overflow: hidden; }
.profile-overview > div { min-width: 0; padding: 16px 19px; border-left: 1px solid #214c65; }
.profile-overview > div:first-child { border-left: 0; }
.profile-overview strong { display: block; color: #dff8ff; font-size: 21px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.profile-overview span { display: block; margin-top: 5px; color: #89adbf; font-size: 10px; }
.profile-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(290px, 1fr); gap: 18px; align-items: start; }
.profile-note { margin-top: 17px; font-size: 11px; line-height: 1.75; }
.profile-disclosure summary { display: flex; align-items: center; gap: 10px; color: #b9eaf8; min-height: 40px; font-size: 13px; font-weight: 600; list-style: none; }
.profile-disclosure summary::-webkit-details-marker { display: none; }
.profile-disclosure summary::after { content: "+"; color: #71d8ef; margin-left: auto; font-size: 20px; }
.profile-disclosure[open] summary::after { content: "−"; }
.profile-disclosure form { padding-top: 20px; margin-top: 11px; border-top: 1px solid #214c65; }
.operator-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.operator-tile { min-width: 0; border: 1px solid #224e64; border-radius: 13px; background: linear-gradient(140deg, #0e2a3d, #092035); }
.operator-tile:hover { border-color: #3a8196; }
.operator-tile-main { display: flex; align-items: center; gap: 15px; min-width: 0; padding: 20px; color: #e2f4fb; text-decoration: none; }
.operator-tile-main:hover { text-decoration: none; }
.operator-tile-main > div { min-width: 0; flex: 1; }
.operator-tile-main h3 { font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
.operator-tile-main p { margin-top: 5px; color: #94b4c8; font-size: 11px; }
.operator-tile-main small { display: block; margin-top: 5px; }
.operator-tile-main > .icon { color: #5bb8cf; }
.operator-tile-meta { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 20px; border-top: 1px solid #214c655e; }
.status > .icon { width: 13px; height: 13px; }
.case-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 0; padding: 22px; margin-bottom: 20px; border: 1px solid #296078; border-radius: 13px; background: linear-gradient(120deg, #123349, #092237); }
.case-header > div { min-width: 0; }
.case-header h2 { margin-top: 6px; font-size: 23px; overflow-wrap: anywhere; }
.case-header h2 > span { color: #93bed1; font-size: 17px; font-weight: 500; }
.case-header p { margin-top: 7px; font-size: 11px; }
.case-header-actions { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: 9px; }
.case-header + .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); }
.source-panel-head { padding-bottom: 18px; margin-bottom: 17px; border-bottom: 1px solid #295069; }
.source-panel-head > div { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 9px; }
.source-panel-head h2 { font-size: 24px; letter-spacing: -.5px; overflow-wrap: anywhere; }
.source-panel-head p { margin-top: 8px; color: #a3c5d8; font-size: 12px; }
.source-panel .facts dd { font-size: 14px; }
.source-panel .section { padding-block: 20px; }
.source-panel .section h3 { color: #97d8e7; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; }
.source-panel .source-label { margin-bottom: 15px; }
.source-date-proof { padding: 0 0 20px; }
.scope-strip { display: flex; align-items: center; gap: 12px 22px; flex-wrap: wrap; padding: 13px 15px; margin-bottom: 14px; background: #0b2d3e; border: 1px solid #23516a; border-radius: 9px; color: #91b8ce; font-size: 11px; }
.scope-strip strong { color: #d6edf6; }
.operator-week-grid { display: grid; gap: 14px; }
.operator-week-card { padding: 19px; border: 1px solid #295971; border-radius: 12px; background: linear-gradient(130deg, #0b2b40, #0a2033); }
.operator-week-head { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.operator-week-head h3 { font-size: 17px; margin-top: 5px; }
.operator-week-head > .status { flex-shrink: 0; }
.week-count { color: #e2f4fd; font-size: 22px; font-weight: 700; margin: 19px 0 15px; }
.week-count small { display: block; color: #8ab1c6; font-size: 10px; font-weight: 400; margin-top: 5px; }
.week-report-links { display: grid; gap: 8px; }
.week-report-links > a { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #bedceb; text-decoration: none; border-top: 1px solid #25526a; padding: 12px 0; font-size: 11px; }
.week-report-links > a > span:first-child { flex: 1; min-width: 170px; }
.week-report-links > a:hover { color: #84e0ed; }
.week-report-links > a > .icon { width: 15px; }
.verification-by { color: #c2ddeb; font-size: 12px; margin-top: 16px; }
.verification-by small { display: block; color: #8ab1c6; margin-top: 5px; }
.workflow-guide { border: 1px solid #28526c; border-radius: 13px; background: #0a2134; padding: 18px 20px; margin-bottom: 20px; }
.workflow-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.workflow-head h2 { font-size: 16px; }
.workflow-head > span { font-size: 10px; color: #8fb2c7; }
.workflow-guide ol { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 17px 0 13px; }
.workflow-guide li { display: flex; align-items: start; gap: 8px; min-width: 0; padding: 12px 9px; border: 1px solid #264b63; border-radius: 9px; }
.workflow-guide li.current { background: #103f53; border-color: #43a7bd; }
.workflow-guide li > b { display: grid; place-items: center; flex: 0 0 24px; height: 24px; font-size: 12px; color: #78dce9; background: #123448; border-radius: 7px; }
.workflow-guide li strong { display: block; font-size: 11px; color: #d5edf8; }
.workflow-guide li small { display: block; font-size: 10px; color: #90b4c9; margin-top: 5px; line-height: 1.5; }
.workflow-guide > p { color: #9fbfcf; font-size: 11px; line-height: 1.6; }
.work-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.work-counts > div { padding: 16px; background: #0a2c40; border: 1px solid #29546b; border-radius: 10px; }
.work-counts small, .work-counts span { display: block; color: #8fb6ca; font-size: 10px; }
.work-counts strong { display: block; font-size: 33px; color: #cef1fa; margin: 8px 0 4px; }
.work-state { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #b8e6ee; margin: 17px 0 9px; }
.session-history { margin: 15px 0; border-top: 1px solid #285269; padding-top: 15px; }
.session-history > summary { display: flex; gap: 8px; align-items: center; cursor: pointer; color: #bde0ed; font-size: 12px; list-style: none; }
.session-history > summary::after { content: '+'; margin-left: auto; font-size: 18px; color: #59c4d8; }
.session-history[open] > summary::after { content: '−'; }
.session-receipts { display: grid; gap: 10px; margin-top: 15px; }
.session-receipts article { padding: 13px; border-radius: 9px; background: #0a293e; border: 1px solid #28576e; }
.session-receipts article > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 12px; color: #c4e1ed; }
.session-receipts article > div > span { color: #86d8e7; }
.session-receipts article > small { display: block; margin-top: 7px; font-size: 10px; color: #8badc1; }
.session-receipts article > p { white-space: pre-wrap; overflow-wrap: anywhere; color: #b2cddc; font-size: 11px; margin-top: 9px; }
.queue-toolbar { min-width: 0; }
.queue-context { padding: 0; border: 0; background: none; }
.queue-context .field { flex: initial; width: min(550px, 100%); }
.queue-toolbar .filters .field:first-child { flex: 1.8; }
.queue-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 0 0 17px; color: #88aabd; font-size: 11px; }
.queue-summary strong { color: #daeff7; font-size: 16px; }
.queue-summary .quiet { margin-left: auto; padding: 4px 8px; }
.queue-list { display: grid; gap: 13px; }
.queue-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 240px); min-width: 0; border: 1px solid #245168; border-radius: 13px; background: linear-gradient(135deg, #0b293d, #0a1f31); overflow: hidden; }
.queue-card:hover { border-color: #388197; }
.queue-card.mine { border-color: #378a9d; box-shadow: inset 3px 0 #51d4e8; }
.queue-card-main { min-width: 0; padding: 19px 22px; }
.queue-card-side { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 19px; border-left: 1px solid #23516a; background: #0a2134; }
.queue-card-side > .btn { width: 100%; margin-top: auto; }
.queue-card-side > p { color: #90b2c7; font-size: 11px; }
.queue-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 7px 0; color: #e0f4fd; text-decoration: none; }
.queue-title:hover { text-decoration: none; color: #8fe7f3; }
.queue-title > .icon { width: 17px; height: 17px; color: #59bad0; }
.queue-title h3 { min-width: 0; color: inherit; font-size: 19px; line-height: 1.4; overflow-wrap: anywhere; }
.queue-title h3 > span { color: #bad6e3; font-size: 14px; font-weight: 500; margin-left: 9px; }
.queue-meta { display: flex; flex-wrap: wrap; gap: 7px 15px; color: #84acc3; font-size: 11px; }
.queue-meta > span { display: inline-flex; align-items: center; gap: 6px; }
.queue-meta .icon { width: 13px; height: 13px; }
.queue-fact { margin: 17px 0 13px; }
.queue-fact > small { color: #71a2bb; }
.queue-fact > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: pre-wrap; margin-top: 4px; color: #c0dbe8; font-size: 12px; }
.queue-owner { display: flex; gap: 8px; align-items: center; margin-top: 15px; color: #a6cbdd; font-size: 11px; }
.queue-owner .icon { width: 15px; height: 15px; color: #58c3d9; }
.queue-review { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; width: 100%; padding-top: 12px; border-top: 1px solid #29536c; }
.queue-review > small { width: 100%; }
.queue-review .quiet { width: 100%; font-size: 11px; min-height: 29px; justify-content: start; padding: 4px 0; }
.direction-sales { color: #80def3; }
.direction-loss { color: #ebc27f; }
.direction-quality { color: #b6baff; }
.week-picker-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.week-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; min-width: 0; padding: 16px; border: 1px solid #2a566d; border-radius: 10px; color: #dbedf7; background: #0b2a3e; text-decoration: none; }
.week-picker:hover { border-color: #4c9bac; text-decoration: none; }
.week-picker > strong, .week-picker > span { grid-column: 1; }
.week-picker > span { font-size: 10px; color: #8db4c9; }
.week-picker > .status { justify-self: start; grid-column: 1; }
.week-picker > .icon { grid-column: 2; grid-row: 1 / 4; align-self: center; color: #5fc1d4; }
.cluster-context { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.cluster-context .field { flex: 1; min-width: 180px; }
.cluster-context .quiet { font-size: 10px; }
.cluster-card-head .queue-title { margin: 3px 0; }
.cluster-card-head .queue-title h3 { margin: 0; }
.cluster-card-head > div:first-child { flex: 1; }
.cluster-operator-filter .field { min-width: 135px; }
.cluster-operator-filter { flex-wrap: wrap; }
@media (max-width: 1050px) {
  .profile-layout { grid-template-columns: minmax(0, 1fr); }
  .case-header + .split { grid-template-columns: minmax(0, 1fr); }
  .operator-hero { gap: 17px; padding: 21px; flex-wrap: wrap; }
  .operator-hero-actions { display: flex; flex-wrap: wrap; width: 100%; padding-top: 13px; border-top: 1px solid #356077; }
  .operator-directory { grid-template-columns: minmax(0, 1fr); }
  .case-header { flex-direction: column; align-items: start; gap: 15px; }
  .case-header-actions { justify-content: start; }
}
@media (max-width: 700px) {
  .workflow-guide ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .queue-card { grid-template-columns: minmax(0, 1fr); }
  .queue-card-side { border-left: 0; border-top: 1px solid #23516a; flex-direction: row; align-items: center; flex-wrap: wrap; }
  .queue-card-side > p { flex: 1; min-width: 180px; }
  .queue-card-side > .btn { width: auto; margin-top: 0; margin-left: auto; }
  .queue-card-side > small { width: 100%; }
  .queue-review { width: 100%; }
  .profile-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-overview > div:nth-child(3) { border-left: 0; }
  .profile-overview > div:nth-child(n+3) { border-top: 1px solid #214c65; }
  .week-picker-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 499px) {
  .workflow-guide { padding: 16px; }
  .workflow-guide ol { grid-template-columns: minmax(0, 1fr); }
  .workflow-guide li { align-items: center; }
  .operator-week-card { padding: 14px; }
  .operator-week-head { flex-wrap: wrap; }
  .operator-week-head h3 { font-size: 16px; }
  .operator-week-card .form-actions .btn { width: 100%; }
  .work-counts { grid-template-columns: minmax(0, 1fr); }
  .global-search input { font-size: 16px; }
  .operator-hero { align-items: flex-start; gap: 12px; padding: 18px; }
  .operator-portrait { width: 66px; height: 66px; border-radius: 19px; font-size: 25px; }
  .operator-identity .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .operator-identity h2 { font-size: 21px; }
  .operator-identity p { font-size: 10px; }
  .operator-hero .tags { margin-left: 0; }
  .operator-hero-actions .btn { width: 100%; }
  .profile-overview > div { padding: 13px; }
  .profile-overview strong { font-size: 18px; }
  .queue-card-main, .queue-card-side { padding: 16px; }
  .queue-title h3 { font-size: 17px; }
  .queue-title h3 > span { display: block; margin: 3px 0 0; font-size: 13px; }
  .queue-card-side > .btn { width: 100%; margin-left: 0; }
  .queue-summary .quiet { margin-left: 0; }
  .case-header h2 { font-size: 20px; }
  .source-panel .facts { grid-template-columns: minmax(0, 1fr); }
  .scope-strip { gap: 6px; flex-direction: column; align-items: start; }
}
@media (max-width: 650px) {
  .cluster-intro { padding: 18px; gap: 15px; }
  .cluster-intro h2 { font-size: 19px; }
  .cluster-total { flex-basis: 92px; padding-left: 14px; }
  .cluster-total strong { font-size: 28px; }
  .cluster-card-head { flex-wrap: wrap; padding: 15px 16px; }
  .cluster-badges { justify-content: flex-start; max-width: 100%; }
  .cluster-card-body { padding: 15px 16px; }
}
@media (max-width: 499px) {
  .cluster-intro { display: block; }
  .cluster-total { display: flex; align-items: baseline; text-align: left; gap: 10px; border-left: 0; padding: 14px 0 0; }
  .cluster-tabs button { flex: 1 1 calc(50% - 4px); }
  .cluster-operator-filter { flex-wrap: wrap; }
}
@media (max-width: 1190px) {
  .shell { grid-template-columns: 210px minmax(0, 1fr); }
  .topbar { flex-wrap: wrap; gap: 9px; padding-inline: 22px; }
  .global-search { width: auto; flex: 1 1 230px; }
  .period-chip { font-size: 10px; }
  .main { padding-inline: 22px; }
  .split { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}
@media (max-width: 1024px) {
  .shell { display: block; }
  .sidebar { position: static; height: auto; padding: 15px 18px; border-right: 0; border-bottom: 1px solid #1c415b; }
  .sidebar .brand { padding: 0 0 16px; }
  .nav-caption { display: none; }
  .nav { flex-direction: row; flex-wrap: wrap; gap: 5px; }
  .nav a { padding: 8px 10px; min-height: 36px; font-size: 11px; gap: 7px; }
  .nav a .icon { width: 15px; height: 15px; }
  .sidebar-bottom { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 9px; padding: 15px 0 0; }
  .profile { border: 0; padding-top: 0; }
  .sidebar-bottom .quiet { margin-top: 0; }
  .split { grid-template-columns: minmax(0, 1fr); }
  .split > .card + .card { margin-top: 0; }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .login { gap: 35px; padding: 35px; }
  .login-story h1 { font-size: 39px; }
}
@media (max-width: 650px) {
  .main { padding: 22px 16px 26px; }
  .topbar { padding: 13px 16px; }
  .global-search { flex-basis: 100%; width: 100%; }
  .period-chip { flex: 1; }
  .heading { flex-wrap: wrap; }
  .heading h1 { font-size: 25px; }
  .heading-actions { justify-content: flex-start; }
  .grid { grid-template-columns: minmax(0, 1fr); }
  .footer { padding-inline: 16px; }
  .login { display: block; padding: 28px 21px; }
  .login-story .brand { margin-bottom: 30px; }
  .login-story h1, .login-story > .eyebrow, .login-story > p, .login-story .principles { display: none; }
  .login-card { padding: 25px 22px; }
  .card { padding: 16px; }
  .sticky-actions { margin-inline: -16px; margin-bottom: -16px; padding: 12px 16px; }
}
@media (max-width: 499px) {
  .form-grid, .facts { grid-template-columns: minmax(0, 1fr); }
  .span2 { grid-column: auto; }
  .filters .field { flex-basis: 100%; min-width: 0; }
  .filters .btn { width: 100%; }
  .kpi { padding: 15px; }
  .kpi strong { font-size: 26px; }
  .kpi > span { font-size: 10px; }
  .kpi small { font-size: 10px; }
  .topbar .period-chip { font-size: 10px; flex-basis: 100%; }
  .sidebar { padding-inline: 14px; }
  .nav a { font-size: 10px; }
  .card-head { flex-wrap: wrap; }
  .sticky-actions { justify-content: flex-start; }
  .sticky-actions > div { width: 100%; }
  .sticky-actions .btn { flex: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  button, a, input, select, textarea { transition: background-color .15s, border-color .15s, color .15s; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Alpha.10 release primitives: one icon rhythm and readable, labelled indicators. */
::selection { color: #e5f4ff; background: #205f79; }
.shell { grid-template-columns: 252px minmax(0, 1fr); }
.sidebar { padding: 24px 14px 18px; }
.nav a { min-height: var(--control-height, 44px); padding: 11px 12px; gap: 11px; font-size: 13px; line-height: 1.45; }
.nav a.active { border-color: #34758c; }
.shell svg.icon, .login svg.icon, .boot svg.icon { width: var(--icon-size, 18px); height: var(--icon-size, 18px); }
.brand-mark svg.icon { width: 24px; height: 24px; stroke-width: 2.5; }
.brand small { font-size: 10px; letter-spacing: 1px; }
.profile strong { font-size: 13px; }
.profile small, .sidebar-bottom .quiet { font-size: 11px; }
.topbar { flex-wrap: wrap; gap: 12px; padding-block: 16px; }
.period-chip { min-height: 42px; font-size: 12px; padding: 9px 12px; flex-shrink: 0; }
.period-chip strong { overflow-wrap: normal; white-space: nowrap; }
.heading p, .card p, .cluster-intro p, .queue-card-side > p, .profile-note, .workflow-guide > p { font-size: 13px; line-height: 1.7; }
.btn, .quiet { min-height: var(--control-height, 44px); font-size: 13px; padding: 11px 14px; gap: 9px; }
.btn { border-radius: 9px; }
.btn.secondary { border-color: var(--edge-strong, #34647d); }
.btn:disabled { background: #163246; color: #9cb7c8; border-color: #315269; opacity: 1; box-shadow: none; }
.btn:disabled:hover { background: #163246; color: #9cb7c8; border-color: #315269; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid var(--focus, #8eeaff); outline-offset: 3px; }
input, select, textarea { min-height: var(--control-height, 44px); background: var(--surface-input, #082033); border-color: var(--edge-strong, #34647d); border-radius: 9px; }
.field { font-size: 13px; gap: 8px; }
.field small, .form-grid small, .cluster-assignment .field small, .cluster-assignment fieldset > small { font-size: 11px; color: #a2c0d2; }
.check { min-height: 32px; font-size: 13px; align-items: flex-start; line-height: 1.6; }
.check input { margin-top: 3px; flex-shrink: 0; }
.form-grid { gap: 18px 16px; }
.form-actions { gap: 10px; }
.card { padding: 22px; border-radius: 14px; border-color: #285269; }
.card-head { padding-bottom: 17px; margin-bottom: 20px; }
.card-head small, .card-head p { font-size: 12px; }
.kpi > span { font-size: 12px; }
.kpi small, .profile-overview span, .week-count small, .work-counts small, .work-counts span, .workflow-head > span { font-size: 11px; }
.banner { font-size: 13px; padding: 15px 16px; align-items: flex-start; }
.banner .icon { margin-top: 2px; }
.banner.warning { background: var(--tone-warning-bg, #3d3022); color: var(--tone-warning-text, #ffdaa0); border-color: #806541; }
.banner.error { background: var(--tone-danger-bg, #402536); color: var(--tone-danger-text, #ffc1cb); border-color: #8e5267; }
.banner.success { background: var(--tone-positive-bg, #113b32); color: var(--tone-positive-text, #a4efcf); border-color: #35745c; }
.empty p, .loading, .form-error { font-size: 13px; }
.empty .icon { width: 32px !important; height: 32px !important; }
.status { max-width: 100%; align-items: center; min-height: 28px; padding: 6px 9px; gap: 7px; border-radius: 7px; font-size: 11px; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.status.neutral { color: var(--tone-neutral-text); background: var(--tone-neutral-bg); border-color: #416176; }
.status.good { color: var(--tone-positive-text); background: var(--tone-positive-bg); border-color: #397861; }
.status.warn { color: var(--tone-warning-text); background: var(--tone-warning-bg); border-color: #806541; }
.status.bad { color: var(--tone-danger-text); background: var(--tone-danger-bg); border-color: #8e5267; }
.status.progress { color: var(--tone-info-text); background: var(--tone-info-bg); border-color: #35758d; }
.status.purple { color: var(--tone-purple-text); background: var(--tone-purple-bg); border-color: #71698c; }
.status-dot, .source-status-dot { display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.tags { gap: 8px; align-items: center; }
.tags .status { font-size: 11px; }
.status.direction-sales { color: #a6e9fa; background: #103c52; border-color: #35758d; }
.status.direction-loss { color: #ffdaa0; background: #3d3022; border-color: #806541; }
.status.direction-quality { color: #d5cbff; background: #302f4b; border-color: #71698c; }
/* These markers reproduce Omni, not NORTH acceptance or analytical judgement. */
.status.source-status { color: #e0edf5; background: #112c3f; border-color: #3b5c71; }
.source-status-dot { flex-basis: 10px; width: 10px; height: 10px; background: var(--omni-color, #91afc4); border: 1px solid #96afc0; box-shadow: 0 0 0 2px #071a29; }
.source-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0; }
.omni-status-0 { --omni-color: #ffffff; }
.omni-status-1 { --omni-color: #af0102; }
.omni-status-2 { --omni-color: #ffe89e; }
.omni-status-3 { --omni-color: #ffc8ad; }
.omni-status-4 { --omni-color: #ebeae8; }
.omni-status-5 { --omni-color: #0952ae; }
.omni-status-6 { --omni-color: #592d82; }
.omni-status-7 { --omni-color: #713705; }
.omni-status-8 { --omni-color: #e7cef8; }
.omni-status-9 { --omni-color: #f6e712; }
.omni-status-10 { --omni-color: #383d43; }
.omni-status-11 { --omni-color: #0d734c; }
.omni-status-12 { --omni-color: #b5e6da; }
.omni-status-14 { --omni-color: #4640de; }
.omni-status-15 { --omni-color: #fd7e14; }
.omni-status-17 { --omni-color: #db7093; }
.omni-status-18 { --omni-color: #ffd700; }
.omni-status-19 { --omni-color: #32cd32; }
.omni-status-20 { --omni-color: #ff0000; }
.omni-status-22 { --omni-color: #778899; }
.omni-status-28 { --omni-color: #fa8072; }
.facts dt, .cluster-source .facts dt, .queue-fact > small { color: #9dbdd0; font-size: 12px; }
.facts dd, .cluster-source .facts dd { font-size: 14px; line-height: 1.6; }
.cluster-card-head .eyebrow, .queue-meta, .cluster-owner small, .session-receipts article > small { font-size: 11px; }
.cluster-owner strong, .item strong, .queue-fact > p, .queue-owner { font-size: 13px; }
.queue-card-side { padding: 20px; gap: 14px; }
.queue-review { gap: 8px; }
.queue-review .quiet { min-height: 40px; font-size: 12px; }
.queue-summary { font-size: 12px; gap: 8px 14px; }
.workflow-guide li strong { font-size: 12px; }
.workflow-guide li small { font-size: 11px; }
.workflow-guide li.current > b { color: #062c3c; background: #83deed; }
.operator-tile-main p, .week-report-links > a, .session-receipts article > p, .verification-by { font-size: 12px; }
.profile-disclosure summary, .cluster-assignment summary, .session-history > summary { min-height: 44px; font-size: 13px; }
.profile-disclosure summary::after, .cluster-assignment summary::after, .session-history > summary::after { content: ''; flex: 0 0 8px; width: 8px; height: 8px; border-right: 2px solid #80d9ec; border-bottom: 2px solid #80d9ec; transform: rotate(45deg); margin-left: auto; margin-right: 5px; }
.profile-disclosure[open] summary::after, .cluster-assignment[open] summary::after, .session-history[open] > summary::after { content: ''; transform: rotate(225deg); }
table { font-size: 13px; }
th, td small { font-size: 11px; }
td .btn, .cluster-source .btn, .item .btn, .pagination .btn { min-height: 40px; font-size: 12px; }
.pagination .btn { min-width: 44px; }
.pagination small, .tab-row a, .source-label, .source-link, .cluster-scope, .footer { font-size: 11px; }
.sticky-actions { margin: 20px -22px -22px; padding: 16px 20px; gap: 12px; }
.sticky-actions small { font-size: 11px; }
.login-card p { font-size: 13px; }
.login-card .privacy { font-size: 11px; }
@media (max-width: 1190px) {
  .shell { grid-template-columns: 224px minmax(0, 1fr); }
  .topbar { flex-wrap: wrap; }
}
@media (max-width: 1024px) {
  .shell { display: block; }
  .sidebar { position: static; height: auto; padding: 16px 18px; }
  .nav a { min-height: 42px; font-size: 12px; }
  .profile-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 650px) {
  .main { padding: 22px 16px 28px; }
  .topbar { padding: 14px 16px; }
  .card { padding: 18px; }
  .sticky-actions { margin-inline: -18px; margin-bottom: -18px; padding: 14px 18px; }
  .period-chip { font-size: 11px; }
  .operator-week-head .status, .case-header-actions .status { flex-shrink: 1; }
}
@media (max-width: 499px) {
  input, select, textarea, .global-search input { font-size: 16px; }
  .nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .nav a { min-width: 0; min-height: 46px; font-size: 12px; padding: 9px; }
  .nav a .icon { flex-shrink: 0; }
  .sidebar .brand { padding-bottom: 18px; }
  .heading p { font-size: 13px; }
  .btn, .quiet, .filters .btn { min-height: 44px; }
  .status { font-size: 11px; }
  .queue-card-side > p { min-width: 0; flex-basis: 100%; }
  .queue-card-side { padding: 16px; }
  .cluster-badges { max-width: 100%; flex-shrink: 1; }
  .cluster-operator-filter .field { min-width: 0; }
  .profile-overview strong { font-size: 18px; }
  .topbar .period-chip { font-size: 11px; }
  .kpi > span, .kpi small { font-size: 11px; }
  .work-counts { grid-template-columns: minmax(0, 1fr); }
}
/* Administrative requests are a separate, explicit two-step workflow. */
.deletion-disclosure > .banner { margin-top: 18px; }
.deletion-target { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 15px; margin: 17px 0; color: #dfedf6; background: #102c40; border: 1px solid #3c5f75; border-radius: 9px; }
.deletion-target > strong { overflow-wrap: anywhere; min-width: 0; }
.deletion-target > small { flex-basis: 100%; padding-left: 27px; font-size: 11px; }
.deletion-impact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.deletion-impact-grid > div { min-width: 0; padding: 15px; background: #182b3b; border: 1px solid #475462; border-radius: 9px; }
.deletion-impact-grid span { display: block; font-size: 12px; color: #c8d5df; line-height: 1.6; }
.deletion-impact-grid strong { display: block; margin-top: 9px; color: #ffe0be; font-size: 28px; font-variant-numeric: tabular-nums; }
.cluster-direction-picker { max-width: 490px; margin: 0 0 20px; }
.acting-role-control { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1 1 100%; padding-top: 14px; border-top: 1px solid #34586f; }
.acting-role-control > .field { min-width: 0; max-width: 430px; flex: 1 1 260px; }
.acting-role-control .btn { min-height: 44px; }
.acting-role-notice { display: flex; align-items: start; gap: 12px; padding: 16px 18px; margin: 0 0 22px; border: 1px solid #6c628f; border-radius: 12px; background: #262740; color: #dcd5ff; font-size: 13px; line-height: 1.6; }
.acting-role-notice > .icon { margin-top: 2px; }
.acting-role-notice > div { min-width: 0; }
.acting-role-notice p { margin-top: 8px; color: #c9c7e3; font-size: 13px; }
.acting-role-notice .btn { margin-top: 14px; }
@media (max-width: 700px) {
  .deletion-impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 499px) {
  .deletion-impact-grid { grid-template-columns: minmax(0, 1fr); }
  .acting-role-control > .field, .acting-role-control .btn { max-width: 100%; flex-basis: 100%; width: 100%; }
  .acting-role-notice { padding: 14px; gap: 10px; }
  .deletion-target > small { padding-left: 0; }
}
/* Management is a readable team directory, not a table of permanently open forms. */
.management-workspace { min-width: 0; }
.management-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 26px; }
.management-tab { position: relative; display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 88px; padding: 17px; border: 1px solid #2a4b62; border-radius: 13px; color: #b6cedd; background: #0a2133; text-decoration: none; transition: border-color .15s ease, background .15s ease; }
.management-tab:hover { color: #e1f4ff; background: #0f2b40; border-color: #50829c; text-decoration: none; }
.management-tab.active { color: #e0f9ff; background: linear-gradient(115deg, #0d394b, #0b293e); border-color: #3da6bc; box-shadow: inset 0 1px #b9edff10, 0 5px 20px #00000012; }
.management-tab-icon, .staff-contour-icon, .management-context-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #355c71; border-radius: 11px; color: #8bcddd; background: #123146; }
.management-tab.active .management-tab-icon { color: #9eeaff; background: #115165; border-color: #3c98ad; }
.management-tab .icon, .staff-contour-icon .icon, .management-context-icon .icon { width: 20px; height: 20px; }
.management-tab-copy { min-width: 0; padding-right: 9px; }
.management-tab-copy strong { display: block; color: inherit; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.management-tab-copy small { display: block; margin-top: 5px; color: #a1bfd0; font-size: 12px; line-height: 1.45; }
.management-tab-marker { position: absolute; right: 12px; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: #82e7f5; box-shadow: 0 0 0 4px #2b9bab24; }
.management-overview { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 27px; margin-bottom: 22px; border: 1px solid #2d566f; border-radius: 16px; background: radial-gradient(ellipse at right top, #14527340, transparent 67%), linear-gradient(110deg, #0b2b40, #0b2236); }
.management-overview-copy { min-width: 0; max-width: 610px; }
.management-overview h2 { margin-top: 7px; font-size: 25px; letter-spacing: -.6px; }
.management-overview p { margin-top: 10px; font-size: 13px; line-height: 1.7; }
.management-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; min-width: 305px; margin: 0; }
.management-metrics > div { min-width: 0; border-left: 1px solid #335d74; padding-left: 18px; }
.management-metrics dt { color: #b0cbdc; font-size: 11px; line-height: 1.5; }
.management-metrics dd { color: #e4f5fd; margin: 10px 0 0; font-size: 28px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: -.8px; }
.management-metrics dd span { color: #8eafc3; font-size: 14px; font-weight: 400; letter-spacing: 0; }
.staff-filters { display: grid; grid-template-columns: minmax(190px, 1.3fr) minmax(130px, .8fr) minmax(190px, 1fr) minmax(135px, .8fr); align-items: end; gap: 14px; padding: 20px; margin-bottom: 18px; border: 1px solid #2b4e65; border-radius: 12px; background: #091e30; }
.management-workspace .field { font-size: 13px; }
.management-workspace .field small { font-size: 11px; line-height: 1.6; }
.management-workspace input, .management-workspace select, .management-workspace textarea { min-height: 46px; font-size: 14px; }
.management-workspace textarea { min-height: 105px; }
.management-workspace .btn, .management-workspace .quiet { min-height: 44px; font-size: 13px; }
.management-workspace .btn .icon, .management-workspace .quiet .icon { width: 18px; height: 18px; }
.staff-filters select { width: 100%; text-overflow: ellipsis; }
.staff-search-input { position: relative; display: block; }
.staff-search-input > .icon { position: absolute; left: 12px; top: 13px; width: 20px; height: 20px; color: #83b5cc; pointer-events: none; }
.staff-search-input > input { padding-left: 41px; }
.staff-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; }
.staff-filter-actions .btn { padding-inline: 18px; }
.staff-directory-topline { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 0 1px 17px; }
.staff-directory-topline strong { color: #d9eef8; font-size: 14px; }
.staff-directory-topline > span { color: #9ebccf; font-size: 12px; }
.staff-directory-topline > small { margin-left: auto; color: #9bb5c6; font-size: 11px; }
.management-team-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 310px); gap: 22px; align-items: start; }
.staff-directory, .management-side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; min-width: 0; }
.staff-contour { --contour-accent: #67d5ec; --contour-fill: #104154; min-width: 0; border: 1px solid #2b5068; border-radius: 14px; overflow: hidden; background: #0a2236; }
.contour-sales { --contour-accent: #7ae3c0; --contour-fill: #16483f; }
.contour-loss { --contour-accent: #ffc494; --contour-fill: #47382e; }
.contour-quality { --contour-accent: #c9b5ff; --contour-fill: #35304e; }
.contour-leadership { --contour-accent: #a6cfef; --contour-fill: #244258; }
.staff-contour-heading { display: flex; align-items: center; gap: 15px; padding: 21px 22px; border-bottom: 1px solid #2b5068; background: linear-gradient(120deg, #12314788, #092235); }
.staff-contour-heading > div { flex: 1; min-width: 0; }
.staff-contour-heading h3 { color: #e6f5ff; font-size: 19px; line-height: 1.35; letter-spacing: -.25px; margin-top: 3px; }
.staff-contour-heading .eyebrow { color: var(--contour-accent); font-size: 10px; letter-spacing: 1.3px; }
.staff-contour-heading p { margin-top: 6px; font-size: 12px; line-height: 1.6; }
.staff-contour-icon { color: var(--contour-accent); background: var(--contour-fill); border-color: color-mix(in srgb, var(--contour-accent) 38%, #29465a); }
.staff-contour-count { flex: 0 0 57px; text-align: right; color: var(--contour-accent); font-size: 28px; font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1.2; }
.staff-contour-count small { display: block; font-size: 10px; color: #95b5c7; margin-top: 5px; font-weight: 400; }
.staff-role + .staff-role { border-top: 1px solid #23495f; }
.staff-role-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 11px; padding: 17px 22px 12px; }
.staff-role-code { display: inline-grid; place-items: center; min-width: 40px; min-height: 25px; padding: 4px 7px; border: 1px solid #365d73; border-radius: 6px; color: #c1e5f5; background: #123449; font-size: 10px; font-weight: 650; line-height: 1.4; }
.staff-role-heading h4 { flex: 1; min-width: 0; color: #bedaea; font-size: 13px; font-weight: 550; line-height: 1.55; overflow-wrap: anywhere; }
.staff-role-heading > span:last-child { color: #86adc4; font-size: 11px; line-height: 1.5; }
.staff-members { padding: 0 15px 14px; }
.staff-role-empty { color: #8babbd; font-size: 12px; margin: 2px 7px 3px; line-height: 1.7; }
.staff-member { min-width: 0; border: 1px solid transparent; border-radius: 10px; }
.staff-member + .staff-member { margin-top: 4px; }
.staff-member > summary { display: grid; grid-template-columns: 37px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; min-height: 76px; padding: 12px; list-style: none; border-radius: 9px; color: #dcecf5; }
.staff-member > summary::-webkit-details-marker, .staff-create > summary::-webkit-details-marker { display: none; }
.staff-member > summary:hover { background: #15364c; }
.staff-member[open] { border-color: #37647d; background: #0e2b3f; }
.staff-member[open] > summary { background: #15364c; border-bottom: 1px solid #37647d; border-radius: 9px 9px 0 0; }
.staff-avatar { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 11px; border: 1px solid #375e75; color: #c1e8f9; background: #173e56; font-size: 12px; font-weight: 650; }
.staff-member-name { min-width: 0; }
.staff-member-name strong { display: block; color: #e0f0fa; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.staff-member-name small { display: block; color: #9bbdce; font-size: 11px; margin-top: 3px; overflow-wrap: anywhere; }
.staff-self { display: inline-block; font-size: 10px; font-weight: 500; color: #83d8e7; margin-left: 8px; }
.staff-member-status { min-width: 0; }
.staff-member-status .status { white-space: nowrap; font-size: 10px; padding: 4px 7px; }
.staff-edit-label { display: flex; align-items: center; gap: 5px; color: #9dbfd2; font-size: 11px; white-space: nowrap; }
.staff-edit-label .icon { width: 16px; height: 16px; transition: transform .15s; }
.staff-member[open] .staff-edit-label .icon { transform: rotate(90deg); }
.staff-member-editor { padding: 20px; }
.staff-editor-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.staff-editor-heading > span { display: inline-flex; align-items: center; gap: 8px; color: #b5e2f2; font-size: 12px; font-weight: 550; }
.staff-editor-heading .icon { width: 16px; height: 16px; }
.staff-editor-heading > small { font-size: 10px; }
.staff-active-switch { align-items: start; padding: 13px 14px; border: 1px solid #335c71; border-radius: 8px; background: #0b2435; }
.staff-active-switch input { margin-top: 3px; min-height: auto; }
.staff-active-switch strong { display: block; color: #cfe5f0; font-size: 12px; }
.staff-active-switch small { display: block; margin-top: 5px; font-size: 11px; }
.staff-access-note { color: #9dbed0; font-size: 12px; line-height: 1.75; margin-top: 15px; }
.staff-create-panel { border: 1px solid #2c6d85; border-radius: 13px; overflow: hidden; background: linear-gradient(140deg, #0d3348, #0b253a); }
.staff-create > summary { display: flex; align-items: center; gap: 12px; min-height: 92px; padding: 19px; list-style: none; }
.staff-create > summary > span:nth-child(2) { flex: 1; min-width: 0; }
.staff-create > summary strong { display: block; font-size: 14px; line-height: 1.5; color: #dbf4ff; }
.staff-create > summary small { display: block; margin-top: 6px; font-size: 11px; line-height: 1.5; }
.staff-create > summary > .icon { width: 16px; height: 16px; color: #83d4e8; }
.staff-create[open] > summary { border-bottom: 1px solid #2c6d85; }
.staff-create[open] > summary > .icon { transform: rotate(90deg); }
.staff-create-icon { display: grid; place-items: center; width: 37px; height: 37px; flex-shrink: 0; border-radius: 10px; color: #8ee6f4; background: #14536a; border: 1px solid #35869f; }
.staff-create-icon .icon { width: 20px; height: 20px; }
.staff-create-body { padding: 20px; }
.staff-create-body .form-grid { grid-template-columns: minmax(0, 1fr); }
.staff-create-body .form-actions .btn { width: 100%; }
.management-help { min-width: 0; padding: 22px; border: 1px solid #2a4b62; border-radius: 13px; background: #0a2032; }
.management-help-icon { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid #385d71; border-radius: 10px; color: #85c7db; background: #153347; margin-bottom: 14px; }
.management-help-icon .icon { width: 18px; height: 18px; }
.management-help h3 { font-size: 15px; color: #cee5f2; }
.management-help p { font-size: 12px; line-height: 1.8; margin-top: 11px; }
.management-help ul, .management-help ol { color: #9cbfd0; font-size: 12px; line-height: 1.8; padding-left: 18px; margin: 13px 0 0; }
.management-help li + li { margin-top: 10px; }
.management-help > small { display: block; font-size: 11px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #2b4c61; }
.management-context { display: flex; align-items: start; gap: 17px; padding: 24px; margin-bottom: 22px; border: 1px solid #2c5068; border-radius: 14px; background: linear-gradient(110deg, #0d2e43, #0a2237); }
.management-context > div { flex: 1; min-width: 0; }
.management-context h2 { font-size: 23px; line-height: 1.4; margin-top: 5px; }
.management-context p { font-size: 13px; line-height: 1.75; margin-top: 10px; max-width: 740px; }
.management-context > .status { flex-shrink: 0; margin-top: 3px; }
.assignment-history { border: 1px solid #2c5068; border-radius: 14px; overflow: hidden; background: #0b2336; }
.assignment-history-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 21px 24px; border-bottom: 1px solid #2c5068; background: #123146; }
.assignment-history-heading h3 { font-size: 16px; }
.assignment-history-heading > span { color: #a6c5d7; font-size: 12px; }
.assignment-history-item { display: grid; grid-template-columns: 36px minmax(0, 1fr) minmax(0, 1.2fr) auto; gap: 16px; align-items: start; padding: 22px 24px; border-bottom: 1px solid #25495f; }
.assignment-history-item > div { min-width: 0; }
.assignment-history-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; border: 1px solid #365c74; color: #85d3e4; background: #15394f; }
.assignment-history-icon .icon { width: 18px; height: 18px; }
.assignment-history-item strong { display: block; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.assignment-history-item a, .assignment-history-item div > span { display: block; font-size: 12px; line-height: 1.7; margin-top: 5px; overflow-wrap: anywhere; }
.assignment-history-person > small { display: block; color: #8db2c8; font-size: 11px; margin-bottom: 3px; }
.assignment-reference { display: block; font-family: ui-monospace, monospace; font-size: 11px; margin-top: 5px; overflow-wrap: anywhere; }
.assignment-history-note { padding: 18px 24px; font-size: 12px; line-height: 1.75; background: #081e30; }
.methodology-version { display: inline-block; color: #94bbcf; font-size: 13px; font-weight: 500; white-space: nowrap; margin-left: 6px; }
.methodology-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 310px); gap: 22px; align-items: start; }
.methodology-editor { min-width: 0; border: 1px solid #2c5068; border-radius: 14px; overflow: hidden; background: #0b2438; }
.rule-section { padding: 24px; }
.rule-section + .rule-section { border-top: 1px solid #2c5068; }
.rule-section-heading { display: flex; align-items: start; gap: 12px; margin-bottom: 23px; }
.rule-section-heading > div { flex: 1; min-width: 0; }
.rule-number { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; color: #90def0; border: 1px solid #346780; border-radius: 8px; background: #123d54; font-size: 11px; font-weight: 650; }
.rule-section-heading h3 { font-size: 16px; line-height: 1.5; }
.rule-section-heading p { font-size: 12px; line-height: 1.7; margin-top: 6px; }
.rule-count { color: #a7c9db; font-size: 15px; line-height: 31px; font-variant-numeric: tabular-nums; }
.management-workspace .mapping-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 12px; align-items: start; padding: 17px; margin-bottom: 13px; border: 1px solid #2d536b; border-radius: 10px; background: #0a2033; }
.management-workspace .mapping-row .rule-remove { align-self: end; width: 44px; padding: 0; color: #ba99a5; border-color: #5a44555c; }
.management-workspace .mapping-row .rule-remove:hover, .criterion-editor-heading .rule-remove:hover { color: #ffd0da; background: #51293b; border-color: #855969; }
.management-workspace .criteria-row { margin: 0 0 15px; padding: 17px; border-radius: 10px; background: #0a2033; border-color: #2d536b; }
.criterion-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.criterion-editor-heading > span { display: inline-flex; align-items: center; gap: 8px; color: #9fd2e6; font-size: 12px; font-weight: 550; }
.criterion-editor-heading .icon { width: 18px; height: 18px; }
.criterion-editor-heading .rule-remove { padding: 0; width: 44px; color: #ba99a5; }
.rule-empty { font-size: 12px; line-height: 1.8; color: #9bbbcf; border: 1px dashed #416478; padding: 17px; margin-bottom: 16px; border-radius: 9px; background: #081e30; }
.rule-version-section { background: #0c2a3d; }
.methodology-aside .card { margin: 0; }
.methodology-aside .card-head h2 { font-size: 17px; }
.methodology-aside .btn { white-space: normal; }
select optgroup { color: #9ce1f0; background: #0a253a; font-weight: 650; }
select option { color: #dbecf7; background: #0b2235; font-weight: 400; }
@media (max-width: 1250px) {
  .management-overview { align-items: start; flex-direction: column; }
  .management-metrics { min-width: 0; width: 100%; gap: 20px; }
  .management-metrics > div { padding-left: 17px; }
  .management-team-layout, .methodology-layout { grid-template-columns: minmax(0, 1fr); }
  .management-team-layout > .management-side { order: -1; grid-template-columns: minmax(0, 1fr); }
  .management-team-layout .management-help { display: none; }
  .staff-create-body .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-create-body .form-actions .btn { width: auto; }
  .methodology-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .management-tabs { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-bottom: 20px; }
  .management-tab { min-height: 76px; padding: 13px 16px; }
  .management-tab-copy strong { font-size: 14px; }
  .management-tab-copy small { font-size: 12px; }
  .management-overview { padding: 21px; gap: 23px; }
  .management-overview h2 { font-size: 23px; }
  .management-context { flex-wrap: wrap; padding: 20px; }
  .management-context > div { flex-basis: calc(100% - 59px); }
  .management-context > .status { margin-left: 59px; }
  .management-context h2 { font-size: 20px; }
  .assignment-history-item { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 19px; gap: 12px; }
  .assignment-history-person { grid-column: 2; grid-row: 2; }
  .assignment-history-item > .status { grid-column: 3; grid-row: 1; }
  .assignment-history-heading, .assignment-history-note { padding-inline: 19px; }
  .methodology-aside { grid-template-columns: minmax(0, 1fr); }
  .staff-directory-topline > small { margin-left: 0; flex-basis: 100%; }
  .staff-contour-heading { padding: 19px; }
  .staff-role-heading { padding-inline: 19px; }
  .staff-member > summary { grid-template-columns: 37px minmax(0, 1fr) auto; gap: 8px 11px; }
  .staff-edit-label { grid-column: 2 / -1; padding-top: 4px; }
}
@media (max-width: 499px) {
  .management-workspace input, .management-workspace select, .management-workspace textarea { font-size: 16px; }
  .staff-filters { grid-template-columns: minmax(0, 1fr); padding: 17px; gap: 16px; }
  .staff-filter-actions { grid-column: auto; }
  .staff-filter-actions .btn { flex: 1; }
  .management-metrics { gap: 10px; }
  .management-metrics > div { padding-left: 11px; }
  .management-metrics dt { font-size: 10px; }
  .management-metrics dd { font-size: 25px; }
  .management-metrics dd span { font-size: 12px; }
  .staff-create-body .form-grid, .staff-member-editor .form-grid { grid-template-columns: minmax(0, 1fr); }
  .staff-create-body .form-actions .btn { width: 100%; }
  .staff-contour-heading { align-items: start; gap: 11px; padding: 18px 15px; }
  .staff-contour-heading h3 { font-size: 18px; }
  .staff-contour-heading p { font-size: 11px; }
  .staff-contour-count { flex-basis: 43px; font-size: 25px; }
  .staff-contour-count small { font-size: 9px; }
  .staff-contour-icon { flex-basis: 36px; width: 36px; height: 36px; }
  .staff-role-heading { padding-inline: 15px; }
  .staff-role-heading h4 { flex-basis: calc(100% - 62px); }
  .staff-role-heading > span:last-child { margin-left: 51px; }
  .staff-members { padding-inline: 8px; }
  .staff-member > summary { padding: 11px 8px; grid-template-columns: 33px minmax(0, 1fr); gap: 7px 10px; }
  .staff-avatar { width: 33px; height: 33px; }
  .staff-member-name strong { font-size: 14px; }
  .staff-member-status { grid-column: 2; }
  .staff-edit-label { grid-column: 2; padding-top: 0; }
  .staff-member-editor { padding: 17px; }
  .staff-active-switch small { font-size: 11px; }
  .management-context { padding: 18px; gap: 11px; }
  .management-context-icon { flex-basis: 35px; width: 35px; height: 35px; }
  .management-context > div { flex-basis: calc(100% - 46px); }
  .management-context > .status { margin-left: 46px; }
  .management-context h2 { font-size: 19px; }
  .management-context p { font-size: 12px; }
  .assignment-history-item { grid-template-columns: 31px minmax(0, 1fr); }
  .assignment-history-icon { width: 31px; height: 31px; }
  .assignment-history-item > .status { grid-column: 2; grid-row: 3; justify-self: start; }
  .rule-section { padding: 19px 16px; }
  .rule-section-heading { gap: 10px; }
  .rule-section-heading h3 { font-size: 15px; }
  .management-workspace .mapping-row { grid-template-columns: minmax(0, 1fr); padding: 15px; }
  .management-workspace .mapping-row .rule-remove { justify-self: end; }
  .management-workspace .criteria-row { padding: 15px; }
  .management-workspace .criteria-row .form-grid { grid-template-columns: minmax(0, 1fr); }
  .rule-version-section .form-actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .management-tab, .staff-edit-label .icon { transition: none; }
}

/* Approved role fields: cold graphite surfaces and a blue action rhythm. */
:root { --bg: #11151c; --text: #e8edf5; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --surface-input: #141b26; --edge-strong: #3b485c; --focus: #a1c5ff; --shadow: 0 8px 24px #00000012; --control-height: 44px; }
html { scrollbar-color: #42526b #11151c; }
body { background: #11151c; color: #e8edf5; font-size: 14px; }
a { color: #a2c4ff; } a:hover { color: #d0e2ff; }
p, small { color: #aab5c6; } small { font-size: 12px; }
input, select, textarea { background: #141b26; border-color: #3b485c; color: #e8edf5; font-size: 14px; }
input::placeholder, textarea::placeholder { color: #8796ab; }
input:focus, select:focus, textarea:focus { border-color: #6b9ef5; box-shadow: 0 0 0 3px #4d88eb1a; }
select option, select optgroup { background: #17202e; color: #dde7f9; }
fieldset:disabled { opacity: 1; }
.sidebar { background: #151b25; border-color: #2d384a; }
.brand-mark { background: #4385e6; color: #f0f6ff; border-radius: 10px; box-shadow: none; }
.brand, .brand b { color: #e8edf5; }.brand small, .nav-caption, .eyebrow { color: #9faec5; }
.nav a { color: #b0bdd0; font-size: 14px; }
.nav a:hover { background: #232f42; color: #eff4ff; }
.nav a.active { background: #203753; color: #b7d3ff; border-color: #3b5a85; box-shadow: inset 3px 0 #6b9ff8; }
.topbar { background: #141b24; border-color: #2d384a; backdrop-filter: none; }
.period-chip { background: #1b2534; border-color: #3b485c; color: #cbd7eb; }.period-chip .icon { color: #96bbff; }
.btn, .quiet, .management-workspace .btn, .management-workspace .quiet, .cluster-tabs button, .cluster-source .btn, td .btn, .queue-review .quiet { font-size: 14px; min-height: 44px; }
.btn { background: #397bdb; border-color: #6098ec; color: #f8fbff; box-shadow: none; }
.btn:hover { background: #478ceb; border-color: #78adff; color: #fff; }
.btn.secondary { background: #202c3e; border-color: #40536e; color: #d4e1f6; }
.btn.secondary:hover { background: #2b3c55; border-color: #6683ab; }
.quiet { color: #b0bdd0; }.quiet:hover { background: #253249; color: #e4eeff; }
.btn:disabled, .btn:disabled:hover { background: #263043; border-color: #415169; color: #a1afc4; }
.card, .kpi, .filters, .cluster-card, .queue-card, .operator-tile, .operator-week-card, .workflow-guide, .staff-contour, .management-help, .methodology-editor, .assignment-history { background: #19212d; border-color: #334056; box-shadow: none; }
.card { padding: 20px; border-radius: 12px; }.card-head, .section, .form-actions { border-color: #334056; }
.card-head h2 { font-size: 19px; }.card-head small, .card-head p, .heading p, .card p { font-size: 13px; }
.cluster-card-head, .queue-card-side, .staff-contour-heading, .assignment-history-heading, .rule-version-section { background: #1d293b; border-color: #334056; }
.management-overview, .management-context, .cluster-intro, .case-header, .operator-hero, .staff-create-panel { background: linear-gradient(115deg, #1d2c42, #19212d); border-color: #3d516d; box-shadow: none; }
.management-tab { background: #19212d; border-color: #334056; }.management-tab.active { background: #223a5a; border-color: #527bab; color: #d6e7ff; }
.management-tab-icon, .management-context-icon, .management-help-icon, .assignment-history-icon, .staff-avatar, .staff-create-icon, .rule-number { background: #273951; border-color: #476486; color: #afcfff; }
.staff-member[open], .staff-member[open] > summary, .staff-member > summary:hover { background: #233046; border-color: #40536e; }
.staff-active-switch, .management-workspace .mapping-row, .management-workspace .criteria-row, .criterion, .staff-filters { background: #151d29; border-color: #3b485c; }
.field, .management-workspace .field { color: #c5d0e2; font-size: 14px; }.field small, .management-workspace .field small { font-size: 12px; color: #a6b5cc; }
.field-label { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; min-height: 20px; }
.field-marker { display: inline-flex; padding: 2px 6px; border: 1px solid #385d91; border-radius: 5px; background: #203452; color: #aacdff; font-size: 10px; line-height: 1.4; font-weight: 550; }
.field-marker.automatic { background: #283244; color: #b9c5d8; border-color: #4a586f; }
.form-section { margin-top: 21px; padding-top: 21px; border-top: 1px solid #334056; min-width: 0; }
.form-section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.form-section-head { display: flex; gap: 11px; align-items: start; margin-bottom: 17px; }
.form-section-head > span { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 7px; background: #263a57; color: #adccff; font-size: 12px; font-weight: 600; }
.form-section-head > div { min-width: 0; }.form-section-head h3 { font-size: 16px; color: #e2ebfb; }.form-section-head p { font-size: 12px; margin-top: 4px; line-height: 1.65; }
.analysis-workspace, .case-header + .analysis-workspace { grid-template-columns: minmax(285px, 340px) minmax(0, 1fr); gap: 18px; }
.analysis-workspace .source-panel { align-self: start; }.source-panel .facts { gap: 14px 11px; }.source-panel .facts dd { font-size: 13px; }
.source-panel .section h3 { color: #a8c8f8; }.source-label { color: #a6b9d4; }
.source-panel .source-date-proof { grid-template-columns: minmax(0, 1fr); }.source-panel .banner { font-size: 12px; padding: 11px; }
.source-panel-head { border-color: #334056; }.sticky-actions { background: #1d2839f5; border-color: #415169; backdrop-filter: none; }
.readonly-value, .legacy-note { padding: 11px 13px; border: 1px solid #36455c; border-radius: 8px; background: #202b3e; color: #c9d7ed; }
.legacy-note p { white-space: pre-wrap; }.acceptance-checks { display: grid; gap: 11px; }.acceptance-checks .check { padding: 10px 12px; border: 1px solid #35455e; border-radius: 8px; background: #172131; min-height: 44px; }
.session-declaration { margin-top: 16px; padding-top: 16px; border-top: 1px solid #3b485c; }.session-declaration + small { display: block; margin-top: 13px; line-height: 1.65; }
.action-plan-row, .action-plan-readonly, .followup-record { padding: 16px; margin: 13px 0; border: 1px solid #40516c; border-radius: 9px; background: #151e2c; min-width: 0; }
.action-plan-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }.action-plan-heading strong { color: #cbdcf6; font-size: 14px; }
.action-plan-readonly .facts { margin-top: 16px; }.followup-record p, .data-check-summary p { white-space: pre-wrap; overflow-wrap: anywhere; }.followup-record small { display: block; margin-top: 7px; }
.data-check-summary { margin-bottom: 17px; padding: 13px; border: 1px solid #3b485c; border-radius: 9px; background: #202b3d; }.data-check-summary small { display: block; margin-block: 8px; }.control-history { margin-top: 20px; }
.banner { color: #bad4ff; background: #20334e; border-color: #40618f; font-size: 13px; }.banner .icon { color: #abcaff; }
.facts dt { color: #a1b1ca; }.facts dd, .table-wrap td { color: #d4dff0; }th { background: #223148; color: #b5c6e0; }.table-wrap { border-color: #3b485c; }td, th { border-color: #334056; }tbody tr:hover { background: #25324a; }
.status.neutral { background: #273449; color: #bccfe9; border-color: #435574; }.status.progress { background: #203c60; color: #a7cdff; border-color: #436b9e; }
.desktop-warning { min-height: 100svh; display: grid; place-items: center; padding: 26px; background: #11151c; }
.desktop-warning-card { width: min(620px, 100%); padding: 34px; border: 1px solid #3c4d68; border-radius: 18px; background: #192332; box-shadow: 0 20px 60px #0003; }
.desktop-warning-icon { display: grid; place-items: center; width: 66px; height: 66px; background: #263e61; color: #b0ceff; border-radius: 16px; margin-bottom: 25px; }.desktop-warning-icon svg { width: 34px; height: 34px; }
.desktop-warning h1 { font-size: clamp(23px, 5vw, 30px); line-height: 1.35; letter-spacing: -.5px; margin-top: 14px; }.desktop-warning p { margin-top: 18px; font-size: 15px; }.desktop-warning small { display: block; margin-top: 25px; padding-top: 18px; border-top: 1px solid #3c4d68; font-size: 13px; }
@media (max-width: 1180px) { .analysis-workspace, .case-header + .analysis-workspace { grid-template-columns: minmax(0, 1fr); }.analysis-workspace .source-panel .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .btn, .quiet, .nav a, .management-workspace .btn, .management-workspace .quiet { font-size: 14px; }.desktop-warning { padding: 18px; }.desktop-warning-card { padding: 25px; }.analysis-workspace .source-panel .facts { grid-template-columns: minmax(0, 1fr); }.action-plan-heading { align-items: start; }.form-section-head > div { flex: 1; } }

/* Release 40.0 analytics identity. Direction is also labelled, never colour-only. */
:root {
  --bg: #11151c; --surface: #181e28; --surface-raised: #1d2634;
  --edge: #344156; --edge-soft: #2a3547; --text: #edf2fb; --muted: #a1afc2;
  --action: #427cff; --accent: #72a1ff; --accent-fill: #213454;
  --cyan: #49d7eb; --sales: #48d5a4; --loss: #f2b766; --quality: #b5a6ff;
}
body { background: radial-gradient(ellipse at 90% -80px, #427cff0c, transparent 40%), var(--bg); color: var(--text); }
.shell { --accent: #72a1ff; --accent-fill: #213454; }
.shell[data-contour="SALES"] { --accent: #67ddb3; --accent-fill: #193e35; }
.shell[data-contour="LOSS"] { --accent: #f2bd7c; --accent-fill: #443328; }
.shell[data-contour="QUALITY"] { --accent: #b5a6ff; --accent-fill: #34304d; }
.shell[data-role="VSD"] { --accent: #a4b1ff; --accent-fill: #2b3151; }
::selection { background: #315798; color: #fff; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline-color: #b7d0ff; }
.sidebar { background: linear-gradient(180deg, #171e2a, #151b25 72%); border-color: var(--edge-soft); }
.sidebar .brand { padding: 0 9px 24px; gap: 11px; }
.brand-mark { width: 42px; height: 42px; border-radius: 12px; background: none; object-fit: contain; box-shadow: none; }
.brand b { font-size: 22px; letter-spacing: -.5px; line-height: 1.2; }
.brand small { font-size: 11px; line-height: 1.45; letter-spacing: 0; color: #9eafc9; margin-top: 7px; }
.brand-release { display: inline-flex; vertical-align: middle; margin-left: 6px; padding: 3px 6px; border: 1px solid #426090; border-radius: 5px; color: #b9d0ff; background: #223452; font-size: 10px; font-weight: 650; letter-spacing: .2px; }
.nav-caption { color: #8598b7; font-size: 10px; letter-spacing: 1.5px; }
.nav { gap: 5px; }
.nav a { border-radius: 9px; color: #adb9cd; border-color: transparent; font-weight: 500; }
.nav a .icon { stroke-width: 1.8; color: #8f9eb7; }
.nav a:hover { background: #212c3e; color: #f1f5fc; }
.nav a.active { color: #f0f5ff; background: var(--accent-fill); border-color: color-mix(in srgb, var(--accent) 28%, #283447); box-shadow: inset 3px 0 var(--accent); }
.nav a.active .icon { color: var(--accent); }
.profile { border-color: var(--edge); padding-top: 18px; }
.avatar { background: var(--accent-fill); color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 32%, #283447); border-radius: 11px; font-size: 12px; }
.profile small { color: #a1afc2; }
.topbar { padding-block: 17px; gap: 17px; background: #151c27; border-color: var(--edge-soft); }
.workspace-identity { display: inline-flex; align-items: center; gap: 9px; min-width: 100px; padding-right: 18px; border-right: 1px solid var(--edge); }
.workspace-identity > .icon { width: 21px; height: 21px; color: var(--accent); stroke-width: 1.8; }
.workspace-identity strong { display: block; color: var(--accent); font-size: 12px; font-weight: 650; line-height: 1.4; }
.workspace-identity small { display: block; color: #a7b4c8; font-size: 10px; line-height: 1.45; }
.global-search { flex: 1 1 220px; width: auto; max-width: 360px; }
.global-search > .icon { color: #8b9bb5; }
.period-chip { background: #1c2738; border-color: #34445e; color: #bdcce1; font-size: 11px; }
.period-chip .icon { color: #7e99c6; }
.main { padding-top: 29px; }
.heading { margin-bottom: 25px; }
.heading .eyebrow { color: var(--accent); letter-spacing: 1.1px; font-size: 10px; }
.heading h1 { color: #f0f4fd; font-size: 30px; font-weight: 700; letter-spacing: -.75px; }
.heading p { color: #a8b6cb; line-height: 1.7; }
.btn { background: #3068df; border-color: #6595ff; border-radius: 9px; color: #fff; box-shadow: 0 3px 8px #0c173a20, inset 0 1px #c0d5ff16; font-weight: 600; }
.btn:hover { background: #376ddd; border-color: #8ab2ff; }
.btn.secondary { background: #253247; border-color: #455a79; color: #d5e3fb; box-shadow: none; }
.btn.secondary:hover { background: #2c3d59; border-color: #647fa8; }
.btn.danger { background: #3e2936; border-color: #765066; color: #ffb9c5; }
.quiet { border-radius: 9px; color: #acbbd0; }
.btn .icon, .quiet .icon { width: 17px; height: 17px; stroke-width: 1.8; }
.card, .filters, .operator-tile, .operator-week-card, .queue-card, .cluster-card, .staff-contour, .methodology-editor, .assignment-history, .management-help { background: var(--surface); border-color: var(--edge); }
.card { border-radius: 14px; padding: 21px; box-shadow: 0 4px 16px #060b131a; }
.card-head { border-color: var(--edge-soft); padding-bottom: 17px; margin-bottom: 19px; }
.card-head h2 { font-size: 18px; letter-spacing: -.25px; color: #eaf1fe; }
.card-head small { font-size: 12px; color: #9daec6; }
.card-head > div > h2::before { content: ""; display: inline-block; width: 3px; height: 14px; margin-right: 9px; border-radius: 3px; vertical-align: -1px; background: var(--accent); }
.kpis { gap: 14px; }
.kpi { position: relative; background: linear-gradient(125deg, #1f2b3f, #19212e); padding: 19px 21px; border: 1px solid #354762; border-radius: 13px; }
.kpi > span { color: #a5b8d6; font-size: 12px; font-weight: 500; }
.kpi strong { color: #edf3ff; font-size: 33px; letter-spacing: -1px; font-weight: 650; margin-block: 12px 9px; }
.kpi small { color: #a1afc2; font-size: 11px; line-height: 1.6; }
.kpi::after { height: 2px; margin-top: 18px; background: linear-gradient(90deg, var(--accent) 0 30%, #34445e 30%); }
input, select, textarea { border-color: #3b4a62; background: #131b28; border-radius: 9px; color: #e9f1ff; }
input:hover, select:hover, textarea:hover { border-color: #566b8b; }
input:focus, select:focus, textarea:focus { border-color: #78a4ff; box-shadow: 0 0 0 3px #427cff19; }
input[type=checkbox] { accent-color: #427cff; }
.field-marker { background: #1d3459; border-color: #3e5d89; color: #b6d0ff; }
.form-section-head > span { color: var(--accent); background: var(--accent-fill); }
.form-section-head p, .field small { color: #a4b1c5; }
.section, .form-section, .form-actions, .facts .span2 { border-color: var(--edge-soft); }
.facts dt { color: #a3b3cb; font-size: 12px; }
.facts dd { color: #e0e9f7; }
.table-wrap { border-color: #3b4a62; border-radius: 11px; }
th { background: #202d42; color: #a8bddc; letter-spacing: .3px; font-size: 11px; }
td, th { border-color: #2b374b; }
tbody tr:hover { background: #202d42; }
.status { border-radius: 6px; font-size: 11px; }
.status.good { background: #183c33; color: #8be7c6; border-color: #38685b; }
.status.warn { background: #403326; color: #f2c48b; border-color: #776047; }
.status.bad { background: #402b37; color: #ffaebf; border-color: #795268; }
.status.progress { background: #203959; color: #b1d0ff; border-color: #446995; }
.status.neutral { background: #253246; color: #c1ccdd; border-color: #425570; }
.status.direction-sales { color: #84e5bc; background: #183a32; border-color: #376354; }
.status.direction-loss { color: #f5c58f; background: #423329; border-color: #77573e; }
.status.direction-quality { color: #c8baff; background: #35304c; border-color: #675b8b; }
.status .icon { width: 13px; height: 13px; stroke-width: 1.8; }
.cluster-intro, .management-overview, .management-context, .operator-hero, .case-header { background: linear-gradient(110deg, #22334e, #1a2332 80%); border-color: #405876; border-radius: 15px; }
.cluster-intro { border-top: 2px solid var(--accent); }
.cluster-direction { color: var(--accent); }
.cluster-total { border-color: #43506a; }.cluster-total strong { color: var(--accent); }
.cluster-tabs button.active { background: var(--accent-fill); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 35%, #344156); box-shadow: none; }
.cluster-card-head, .queue-card-side, .staff-contour-heading { background: #1d283a; border-color: #344156; }
.staff-contour { --contour-accent: #8fb1ff; --contour-fill: #263653; }
.contour-sales { --contour-accent: #67ddb3; --contour-fill: #203c35; }
.contour-loss { --contour-accent: #f2bd7c; --contour-fill: #41352d; }
.contour-quality { --contour-accent: #b5a6ff; --contour-fill: #34304d; }
.contour-leadership { --contour-accent: #8fb1ff; --contour-fill: #263653; }
.staff-contour-heading { border-top: 2px solid var(--contour-accent); }
.staff-role-code { background: var(--contour-fill); color: var(--contour-accent); border-color: color-mix(in srgb, var(--contour-accent) 30%, #344156); }
.report-body { background: #1b283c; color: #d8e5f8; border-left-color: var(--accent); border-radius: 0 10px 10px 0; padding: 17px 19px; }
.sticky-actions { background: #1a2638; margin: 20px -21px -21px; border-color: #3a4c67; border-radius: 0 0 13px 13px; box-shadow: 0 -5px 18px #070d1826; }
.source-panel .banner { background: #1c2e4a; border-color: #395478; }
.banner { background: #203251; border-color: #41628c; border-radius: 10px; color: #c0d7ff; }
.banner.warning { background: #362e26; border-color: #715b43; color: #efd0a5; }
.banner.error { background: #382833; border-color: #795063; color: #ffc5d1; }
.banner.success { background: #19372f; border-color: #3a715e; color: #a7ebd0; }
.login { grid-template-columns: minmax(0, 1.2fr) minmax(330px, .9fr); gap: 64px; max-width: 1200px; }
.login-story .brand { margin-bottom: 48px; }
.login-story .brand b { font-size: 26px; }
.login-story h1 { max-width: 520px; font-size: clamp(34px, 4vw, 49px); line-height: 1.17; }
.login-story h1 em { color: #80adff; }
.login-story > .eyebrow { color: #89abdf; letter-spacing: 1.5px; }
.login-story > p { max-width: 480px; color: #a9b9cf; }
.analytical-flow { display: flex; align-items: center; gap: 14px; margin-top: 34px; border-top: 1px solid #344156; border-bottom: 1px solid #344156; padding-block: 20px; }
.analytical-flow > div { min-width: 0; display: flex; align-items: center; gap: 9px; flex: 1; }
.analytical-flow > div > .icon { color: #72a1ff; width: 19px; height: 19px; flex-shrink: 0; }
.analytical-flow b { display: block; color: #dce8fd; font-size: 12px; font-weight: 600; }
.analytical-flow small { display: block; font-size: 10px; margin-top: 4px; color: #9fadc3; }
.flow-arrow { color: #4a6086; }.flow-arrow .icon { width: 14px; height: 14px; }
.login-story .principles { margin-top: 19px; gap: 9px; }
.login-story .principles .status { background: #1c2b42; color: #c0d2ed; border-color: #334864; font-weight: 450; }
.login-card { background: linear-gradient(145deg, #1c2b40, #19212e 65%); border-color: #415b81; border-top: 2px solid #6497ff; padding: 31px; border-radius: 17px; box-shadow: 0 22px 60px #03060c3b; }
.login-card .eyebrow { color: #9ebdff; font-size: 11px; }
.login-card h2 { font-size: 28px; }
.login-card .privacy { line-height: 1.75; border-color: #34445e; font-size: 12px; }
.footer { color: #8496b4; font-size: 11px; }
#notice { border-color: #477662; background: #1a3a30; color: #bcf1dc; border-radius: 12px; }
#notice.error { border-color: #905f73; background: #412b3b; }
@keyframes analytics-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  #content > *, .login-story, .login-card, #notice.visible { animation: analytics-enter .2s ease-out both; }
  .nav a, .btn, .quiet, .management-tab, .cluster-tabs button { transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s ease; }
  .btn:active:not(:disabled) { transform: translateY(1px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 1180px) { .topbar { flex-wrap: wrap; gap: 13px; }.global-search { max-width: none; }.workspace-identity { min-width: 100px; } }
@media (max-width: 1024px) { .sidebar .brand { padding-inline: 0; }.nav a { font-size: 13px; }.main { padding: 24px; }.sidebar { border-bottom: 1px solid var(--edge-soft); }.login { gap: 35px; padding: 35px; } }
@media (max-width: 800px) { .login { grid-template-columns: minmax(0, 1fr); max-width: 640px; gap: 35px; padding-block: 38px; }.login-story .brand { margin-bottom: 29px; }.login-story h1 { font-size: 37px; }.login-card { padding: 26px; }.analytical-flow { margin-top: 25px; }.heading h1 { font-size: 27px; } }
@media (max-width: 650px) { .main { padding: 23px 16px 28px; }.card { padding: 18px; }.sticky-actions { margin-inline: -18px; margin-bottom: -18px; }.topbar { padding: 16px; }.workspace-identity { min-width: 94px; }.global-search { flex-basis: calc(100% - 120px); min-width: 120px; }.heading { gap: 14px; }.login { padding-inline: 21px; }.analytical-flow { gap: 9px; }.analytical-flow > div { flex-direction: column; align-items: start; gap: 7px; }.kpi { padding: 18px; }.kpi strong { font-size: 30px; } }

/* Login-only cinematic graphics: finite DOM, no canvas or JavaScript frame loop. */
.login-motion-host { position: relative; isolation: isolate; min-height: 100svh; }
.login-motion-host > .login { position: relative; z-index: 1; }
.login-motion-background { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: #10151e; }
.login-motion-map { display: block; width: 100%; height: 100%; position: absolute; inset: 0; opacity: .85; }
.login-motion-glow { position: absolute; width: 770px; height: 770px; border-radius: 50%; transform-origin: center; }
.login-motion-glow-blue { left: -360px; top: -280px; background: radial-gradient(circle, #3167d826 0%, #244b8d0e 45%, transparent 70%); }
.login-motion-glow-cyan { right: -260px; bottom: -400px; background: radial-gradient(circle, #39b5d11b 0%, #2684a20a 43%, transparent 70%); }
.login-motion-lattice { opacity: .48; }
.login-motion-orbit { transform-box: fill-box; transform-origin: center; }
.login-motion-bars { transform-origin: 1200px 800px; }
.login-motion-traveller { transform-box: view-box; transform-origin: 0 0; opacity: .95; }
.login-motion-route-a { transform: translate3d(-40px, 720px, 0); }
.login-motion-route-b { transform: translate3d(-40px, 850px, 0); }
.login-motion-host .login-card { background: linear-gradient(145deg, #1b2b42fa, #18212ef7 65%); box-shadow: 0 24px 75px #03070e54, inset 0 1px #d2e3ff05; }
.login-motion-host .login-story > .eyebrow { color: #94b4e9; }
.login-motion-host .login-story h1 em { color: #8ab3ff; }
.login-motion-scene { position: fixed; inset: 0; z-index: 100; min-width: 0; overflow: auto; color: #edf3ff; background: #0e151f; overscroll-behavior: contain; }
.login-motion-scene:focus { outline: none; }
.login-motion-scene-map { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 72% 48%, #1c34504d, transparent 53%), radial-gradient(ellipse at 1% 0%, #254b7b18, transparent 45%), repeating-linear-gradient(0deg, transparent 0 119px, #6d90b005 120px 121px); }
.login-motion-hero.login-motion-cosmos { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; margin: 0; pointer-events: none; overflow: hidden; }
.login-motion-scene-content { width: 100%; min-height: 100svh; margin: 0; padding: clamp(30px, 5vh, 58px) clamp(28px, 6vw, 100px); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; align-items: stretch; text-align: left; position: relative; z-index: 1; }
.login-motion-scene-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.login-motion-signature { display: flex; align-items: center; gap: 12px; color: #e3edff; }
.login-motion-signature > svg { width: 34px; height: 34px; color: #96bbef; padding: 5px; border: 1px solid #557caa66; border-radius: 10px; background: #1d335030; }
.login-motion-signature > span { font-size: 17px; letter-spacing: -.2px; font-weight: 650; }
.login-motion-signature b { display: block; margin-top: 3px; font-size: 10px; font-weight: 450; letter-spacing: .2px; color: #91a4be; }
.login-motion-scene-copy { width: min(510px, 43vw); align-self: center; padding-block: 10px 30px; position: relative; isolation: isolate; }
.login-motion-scene-copy::before { content: ""; position: absolute; inset: -70px -45px; z-index: -1; background: radial-gradient(ellipse at 35% 50%, #0e151ff2, #0e151f90 63%, transparent 78%); pointer-events: none; }
.login-motion-eyebrow { color: #829ab9; font-size: 10px; letter-spacing: 2px; font-weight: 600; line-height: 1.6; }
.login-motion-title { color: #edf3fd; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.17; letter-spacing: -1.35px; font-weight: 600; margin-top: 22px; }
.login-motion-title em { font-style: normal; color: #93b7ee; }
.login-motion-phase { color: #9aaec8; font-size: 13px; line-height: 1.75; min-height: 25px; margin-top: 30px; max-width: 420px; overflow-wrap: anywhere; display: flex; align-items: baseline; gap: 9px; }
.login-motion-phase::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; flex: 0 0 5px; background: #75cddc; align-self: center; }
.login-motion-hero-orbit { transform-box: fill-box; transform-origin: center; }
.login-motion-core { transform-origin: 1000px 490px; }
.login-motion-prism-plane { transform-origin: 1000px 490px; }
.login-motion-data-lines { opacity: .56; }
.login-motion-constellation { opacity: .55; }
.login-motion-scene-flows { opacity: .5; }
.login-motion-scene-flows .login-motion-traveller { r: 2.5px; stroke-width: .5px; }
.login-motion-scene .login-motion-route-a { transform: translate3d(-60px, 335px, 0); animation-name: login-motion-scene-flight-a; }
.login-motion-scene .login-motion-route-b { transform: translate3d(-60px, 780px, 0); animation-name: login-motion-scene-flight-b; }
.login-motion-scene-footer { width: 100%; margin: 0; padding: 0; display: block; position: relative; }
.login-motion-progress { width: min(580px, 55vw); height: 1px; overflow: hidden; background: #25384e; }
.login-motion-progress > span { display: block; height: 100%; background: linear-gradient(90deg, #4e82d0, #86b8ee 65%, #69d1dd); transform-origin: left center; transform: scaleX(0); }
.login-motion-steps { display: flex; width: auto; padding: 22px 0 0; margin: 0; list-style: none; text-align: left; gap: clamp(26px, 4vw, 62px); }
.login-motion-steps > li { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0; border: 0; background: none; color: #7d91ad; }
.login-motion-steps > li > span { display: grid; place-items: center; width: 27px; height: 27px; flex-shrink: 0; color: #697f9b; }
.login-motion-steps svg { width: 18px; height: 18px; }
.login-motion-steps b { display: block; color: #8d9fb8; font-size: 12px; font-weight: 550; line-height: 1.4; }
.login-motion-steps small { display: block; color: #7488a3; font-size: 10px; line-height: 1.5; margin-top: 3px; }
.login-motion-scene[data-stage="source"] [data-login-motion-step="source"] > span, .login-motion-scene[data-stage="analysis"] [data-login-motion-step="analysis"] > span, .login-motion-scene[data-stage="decision"] [data-login-motion-step="decision"] > span { color: #9bc5ee; }
.login-motion-scene[data-stage="decision"] [data-login-motion-step="decision"] > span { color: #8ad9df; }
.login-motion-scene[data-stage="source"] [data-login-motion-step="source"] b, .login-motion-scene[data-stage="analysis"] [data-login-motion-step="analysis"] b, .login-motion-scene[data-stage="decision"] [data-login-motion-step="decision"] b { color: #e2edfb; }
.login-motion-scene-ready .login-motion-progress > span { animation: none !important; transform: scaleX(1); }
.login-motion-scene-ready .login-motion-hero * { animation-play-state: paused !important; }
@keyframes login-motion-glow-drift { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .72; } 50% { transform: translate3d(55px, 35px, 0) scale(1.1); opacity: 1; } }
@keyframes login-motion-orbit-turn { to { transform: rotate(360deg); } }
@keyframes login-motion-bars-drift { 0%, 100% { transform: translate3d(0, 0, 0); opacity: .28; } 50% { transform: translate3d(0, -15px, 0); opacity: .4; } }
@keyframes login-motion-core-breathe { 0%, 100% { transform: translate3d(0, 0, 0); opacity: .88; } 50% { transform: translate3d(0, -7px, 0); opacity: 1; } }
@keyframes login-motion-prism-drift { 0%, 100% { transform: rotate(-1deg); opacity: .6; } 50% { transform: rotate(2deg); opacity: .95; } }
@keyframes login-motion-hero-sway { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }
@keyframes login-motion-scene-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes login-motion-flight-a { 0% { transform: translate3d(-40px,720px,0); } 16% { transform: translate3d(185px,585px,0); } 28% { transform: translate3d(350px,642px,0); } 45% { transform: translate3d(540px,392px,0); } 56% { transform: translate3d(700px,475px,0); } 72% { transform: translate3d(915px,260px,0); } 84% { transform: translate3d(1130px,335px,0); } 100% { transform: translate3d(1480px,110px,0); } }
@keyframes login-motion-flight-b { 0% { transform: translate3d(-40px,850px,0); } 16% { transform: translate3d(190px,744px,0); } 28% { transform: translate3d(389px,796px,0); } 45% { transform: translate3d(620px,576px,0); } 58% { transform: translate3d(822px,638px,0); } 72% { transform: translate3d(1028px,443px,0); } 85% { transform: translate3d(1240px,497px,0); } 100% { transform: translate3d(1480px,330px,0); } }
@keyframes login-motion-scene-flight-a { 0% { transform: translate3d(-60px,335px,0); } 16% { transform: translate3d(205px,165px,0); } 40% { transform: translate3d(625px,244px,0); } 60% { transform: translate3d(960px,478px,0); } 80% { transform: translate3d(1260px,208px,0); } 100% { transform: translate3d(1520px,320px,0); } }
@keyframes login-motion-scene-flight-b { 0% { transform: translate3d(-60px,780px,0); } 22% { transform: translate3d(310px,835px,0); } 48% { transform: translate3d(760px,785px,0); } 65% { transform: translate3d(960px,478px,0); } 83% { transform: translate3d(1260px,700px,0); } 100% { transform: translate3d(1510px,580px,0); } }
@media (prefers-reduced-motion: no-preference) {
  .login-motion-glow { animation: login-motion-glow-drift 13s ease-in-out infinite; }
  .login-motion-glow-cyan { animation-duration: 17s; animation-delay: -6s; }
  .login-motion-orbit-one { animation: login-motion-orbit-turn 24s linear infinite; }
  .login-motion-orbit-two { animation: login-motion-orbit-turn 30s linear infinite reverse; }
  .login-motion-bars { animation: login-motion-bars-drift 7s ease-in-out infinite; }
  .login-motion-traveller { animation: login-motion-flight-a 8s linear infinite; }
  .login-motion-route-b { animation-name: login-motion-flight-b; animation-duration: 10s; }
  .login-motion-delay-1 { animation-delay: -2s; }.login-motion-delay-2 { animation-delay: -4s; }.login-motion-delay-3 { animation-delay: -6s; }
  .login-motion-hero-orbit { animation: login-motion-hero-sway 10s ease-in-out infinite; }
  .login-motion-core { animation: login-motion-core-breathe 6s ease-in-out infinite; }
  .login-motion-prism-plane { animation: login-motion-prism-drift 10s ease-in-out infinite; }
  .login-motion-progress > span { animation: login-motion-scene-progress var(--login-motion-duration, 10000ms) linear forwards; }
  .login-motion-steps > li > span, .login-motion-steps b { transition: color .3s ease; }
  .login-motion-scene-copy { animation: analytics-enter .35s ease-out both; }
}
.login-motion-background[data-state="paused"] *, .login-motion-background[data-state="static"] *, .login-motion-paused .login-motion-background *, .login-motion-scene.login-motion-paused * { animation-play-state: paused !important; }
.login-motion-host:has(> .login-motion-scene) .login-motion-background * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .login-motion-background *, .login-motion-scene *, .login-motion-background::before, .login-motion-scene::before { animation: none !important; transition: none !important; }
  .login-motion-progress > span { transform: scaleX(1); }
  .login-motion-route-a.login-motion-delay-1 { transform: translate3d(350px,642px,0); }.login-motion-route-a.login-motion-delay-2 { transform: translate3d(620px,432px,0); }.login-motion-route-a.login-motion-delay-3 { transform: translate3d(915px,260px,0); }
  .login-motion-route-b.login-motion-delay-1 { transform: translate3d(389px,796px,0); }.login-motion-route-b.login-motion-delay-2 { transform: translate3d(720px,608px,0); }.login-motion-route-b.login-motion-delay-3 { transform: translate3d(1060px,451px,0); }
  .login-motion-scene .login-motion-route-a.login-motion-delay-1 { transform: translate3d(625px,244px,0); }.login-motion-scene .login-motion-route-a.login-motion-delay-2 { transform: translate3d(960px,478px,0); }.login-motion-scene .login-motion-route-a.login-motion-delay-3 { transform: translate3d(1260px,208px,0); }
  .login-motion-scene .login-motion-route-b.login-motion-delay-1 { transform: translate3d(760px,785px,0); }.login-motion-scene .login-motion-route-b.login-motion-delay-2 { transform: translate3d(960px,478px,0); }.login-motion-scene .login-motion-route-b.login-motion-delay-3 { transform: translate3d(1260px,700px,0); }
}
@media (max-width: 800px) {
  .login-motion-scene-content { padding: 30px 24px; }
  .login-motion-scene-top { align-items: flex-start; }
  .login-motion-scene-copy { width: 100%; max-width: none; align-self: start; margin-top: 7vh; padding-block: 0; }
  .login-motion-title { font-size: clamp(30px, 5.4vw, 42px); letter-spacing: -.9px; margin-top: 18px; }
  .login-motion-phase { margin-top: 22px; font-size: 12px; max-width: 100%; }
  .login-motion-eyebrow { font-size: 9px; letter-spacing: 1.6px; }
  .login-motion-signature > span { font-size: 16px; }.login-motion-signature b { font-size: 10px; }.login-motion-signature > svg { width: 31px; height: 31px; }
  .login-motion-progress { width: 100%; }
  .login-motion-steps { gap: 14px; padding-top: 20px; justify-content: space-between; }
  .login-motion-steps > li { align-items: flex-start; gap: 6px; }
  .login-motion-steps > li > span { width: 18px; height: 18px; }.login-motion-steps svg { width: 15px; height: 15px; }
  .login-motion-steps small { font-size: 9px; max-width: 75px; }.login-motion-steps b { font-size: 11px; }
}
@media (max-height: 700px) and (min-width: 801px) {
  .login-motion-scene-content { padding-block: 26px; }.login-motion-title { font-size: 40px; }.login-motion-phase { margin-top: 20px; }.login-motion-steps { padding-top: 17px; }
}

/* Native-feel workspace feedback is finite, scoped, and never animates data values. */
@keyframes workspace-surface-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes workspace-detail-enter { from { opacity: .6; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  .shell .heading { animation: workspace-surface-enter .2s ease-out both; }
  .shell #content > * { animation: workspace-surface-enter .22s ease-out both; }
  .shell #content > :nth-child(2) { animation-delay: .025s; }.shell #content > :nth-child(3) { animation-delay: .05s; }
  .shell .nav a, .shell .btn, .shell .quiet, .shell .tab-row a, .shell .cluster-tabs button, .shell .management-tab { transition: transform .14s ease, background-color .14s ease, border-color .14s ease, color .14s ease; }
  .shell .nav a:hover { transform: translateX(2px); }.shell .nav a:active { transform: translateX(2px) scale(.985); }
  .shell .btn:active:not(:disabled), .shell .quiet:active:not(:disabled) { transform: translateY(1px) scale(.985); }
  .shell .table-wrap tbody tr { transition: background-color .14s ease; }
  .shell .staff-member[open] > .staff-member-editor, .shell .staff-create[open] > .staff-create-body, .shell .profile-disclosure[open] > form, .shell .cluster-assignment[open] > form { animation: workspace-detail-enter .18s ease-out both; }
}
@media (prefers-reduced-motion: reduce) {
  .shell *, .shell *::before, .shell *::after { animation: none !important; transition: none !important; }
}

/* Unified native UI feedback. Decorative only: no data, layout, or request delay. */
.shell, .login, .boot, #notice {
  --ui-motion-fast: 150ms;
  --ui-motion-normal: 200ms;
  --ui-motion-enter: 220ms;
  --ui-motion-ease: cubic-bezier(.2, .75, .25, 1);
}
@keyframes ui-feedback-enter {
  from { opacity: .35; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ui-disclosure-enter {
  from { opacity: .45; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

/* A fixed toast keeps its horizontal anchor during both entry and exit. */
#notice {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -7px);
}
#notice.visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

@media (prefers-reduced-motion: no-preference) {
  .shell .heading { animation-duration: var(--ui-motion-normal); animation-timing-function: var(--ui-motion-ease); }
  .shell #content > * { animation-duration: var(--ui-motion-enter); animation-timing-function: var(--ui-motion-ease); }
  .shell .nav a,
  .shell :is(button, a, summary, [role="tab"]),
  :is(.login, .boot) :is(button, a) {
    transition: transform var(--ui-motion-fast) var(--ui-motion-ease),
      background-color var(--ui-motion-normal) var(--ui-motion-ease),
      border-color var(--ui-motion-normal) var(--ui-motion-ease),
      color var(--ui-motion-fast) var(--ui-motion-ease),
      opacity var(--ui-motion-fast) var(--ui-motion-ease),
      box-shadow var(--ui-motion-normal) var(--ui-motion-ease),
      outline-color var(--ui-motion-fast) var(--ui-motion-ease);
  }
  :is(.shell, .login) :is(input, select, textarea),
  .shell :is(.check, .staff-active-switch, .staff-search-input > .icon, .field-label) {
    transition: background-color var(--ui-motion-normal) var(--ui-motion-ease),
      border-color var(--ui-motion-normal) var(--ui-motion-ease),
      color var(--ui-motion-fast) var(--ui-motion-ease),
      box-shadow var(--ui-motion-normal) var(--ui-motion-ease),
      opacity var(--ui-motion-fast) var(--ui-motion-ease);
  }
  .shell :is(fieldset, .form-actions, .sticky-actions) {
    transition: opacity var(--ui-motion-fast) var(--ui-motion-ease),
      border-color var(--ui-motion-normal) var(--ui-motion-ease),
      background-color var(--ui-motion-normal) var(--ui-motion-ease);
  }
  .shell :is(.operator-tile, .operator-week-card, .cluster-card, .queue-card,
    .table-wrap, .staff-member, .staff-create-panel, .mapping-row,
    .criteria-row, .action-plan-row, .criterion, .readonly-value,
    .status, .period-chip, .workflow-guide li, .work-state, .scope-strip) {
    transition: border-color var(--ui-motion-normal) var(--ui-motion-ease),
      background-color var(--ui-motion-normal) var(--ui-motion-ease),
      color var(--ui-motion-normal) var(--ui-motion-ease),
      opacity var(--ui-motion-fast) var(--ui-motion-ease);
  }
  .shell :is(.table-wrap tbody tr, .management-tab-icon, .staff-create-icon,
    .source-status-dot, .status-dot, .management-tab-marker) {
    transition: background-color var(--ui-motion-fast) var(--ui-motion-ease),
      border-color var(--ui-motion-normal) var(--ui-motion-ease),
      color var(--ui-motion-fast) var(--ui-motion-ease),
      opacity var(--ui-motion-fast) var(--ui-motion-ease);
  }
  .shell summary::after,
  .shell :is(.staff-edit-label, .staff-create > summary) > .icon,
  .shell :is(.queue-title, .operator-tile-main, .week-report-links > a) > .icon {
    transition: transform var(--ui-motion-normal) var(--ui-motion-ease),
      color var(--ui-motion-fast) var(--ui-motion-ease);
  }
  .shell :is(.queue-title, .operator-tile-main, .week-report-links > a):is(:hover, :focus-visible) > .icon {
    transform: translateX(2px);
  }
  .shell :is(.cluster-tabs button, .tab-row a, .management-tab):active:not(:disabled):not([aria-disabled="true"]) {
    transform: translateY(1px) scale(.99);
  }
  :is(.shell, .login, .boot) :is(.banner, .acting-role-notice, .form-error:not(:empty)):not([data-ui-motion-managed]) {
    animation: ui-feedback-enter var(--ui-motion-normal) var(--ui-motion-ease) both;
  }
  .shell details[open]:not([data-ui-motion-managed]) > :not(summary):not([data-ui-motion-managed]) {
    animation: ui-disclosure-enter var(--ui-motion-normal) var(--ui-motion-ease) both;
  }

  /* A render-commit animation owns its target; never stack a second CSS entry. */
  .shell #content[data-ui-motion-managed],
  .shell #content[data-ui-motion-managed] > *,
  .shell #content [data-ui-motion-managed],
  .shell .heading[data-ui-motion-managed],
  .shell details[data-ui-motion-managed] > :not(summary) {
    animation: none;
  }

  #notice {
    animation: none;
    transition: opacity var(--ui-motion-normal) var(--ui-motion-ease),
      transform var(--ui-motion-normal) var(--ui-motion-ease),
      visibility 0s linear var(--ui-motion-normal);
  }
  #notice.visible { animation: none; transition-delay: 0s; }
}
.shell .staff-active-switch:has(input:checked) { border-color: #5484c8; background-color: #1f3048; }
.shell .operator-tile:focus-within, .shell .table-wrap:focus-within { border-color: #668ab8; }
.shell form[aria-busy="true"] fieldset { opacity: .65; }
@supports (transition-behavior: allow-discrete) and selector(details::details-content) {
  @media (prefers-reduced-motion: no-preference) {
    .shell details::details-content {
      opacity: 0;
      transition: opacity var(--ui-motion-normal) var(--ui-motion-ease),
        content-visibility var(--ui-motion-normal) allow-discrete;
    }
    .shell details[open]::details-content { opacity: 1; }
    .shell details[open] > :not(summary) { animation: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .shell details::details-content { transition: none !important; }
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.shell, .login, .boot) *,
  :is(.shell, .login, .boot) *::before,
  :is(.shell, .login, .boot) *::after,
  #notice { animation: none !important; transition: none !important; }
  #notice, #notice.visible { transform: translate(-50%, 0); }
}

/* Orbit: public system protocol. Only this independent layer is replaced; work forms stay in RAM. */
#app[hidden], .system-protocol [hidden] { display: none !important; }
.system-protocol {
  --protocol-accent: #8fb4ff; --protocol-secondary: #6adee6;
  position: fixed; inset: 0; z-index: 1800; overflow: auto; overscroll-behavior: contain;
  display: flex; flex-direction: column; min-width: 0; color: #edf4ff;
  background: radial-gradient(ellipse at 26% 45%, #1a2d493b 0, transparent 58%), #101721;
  animation: protocol-enter 200ms cubic-bezier(.2,.7,.2,1) both;
}
.system-protocol[data-mode="paused"] { --protocol-accent: #efba7a; --protocol-secondary: #f1d3a7; background: radial-gradient(ellipse at 26% 45%, #58412b26 0, transparent 58%), #101721; }
.system-protocol[data-mode="unknown"] { --protocol-accent: #b8c6d8; --protocol-secondary: #a8b9cb; }
.system-protocol[data-mode="normal"] { --protocol-accent: #8fb4ff; }
.system-protocol *, .system-protocol *::before, .system-protocol *::after { box-sizing: border-box; }
.system-protocol-header, .system-protocol-footer { position: relative; flex: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 38px; }
.system-protocol-header { border-bottom: 1px solid #29394c; background: #131d2a; }
.system-protocol-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #edf4ff; font-size: 18px; font-weight: 650; }
.system-protocol-brand small { display: block; margin-top: 3px; color: #a9bcd3; font-size: 12px; font-weight: 400; }
.system-protocol-badge { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #3b4f6a; border-radius: 24px; padding: 8px 12px; font-size: 12px; color: #cad9ed; line-height: 1.4; }
.system-protocol-badge::before { content: ''; width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--protocol-accent); }
.system-protocol-main { width: min(100%, 1190px); margin: auto; padding: 60px 40px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); align-items: center; gap: 50px; flex: 1 0 auto; }
.system-protocol-visual { position: relative; min-width: 0; text-align: center; padding: 28px 0; }
.system-protocol-visual::before { content: ''; position: absolute; inset: 10% 6%; background-image: linear-gradient(#a2c4f307 1px, transparent 1px), linear-gradient(90deg, #a2c4f307 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(ellipse, #000, transparent 70%); pointer-events: none; }
.system-protocol-orbit { position: relative; width: min(100%, 480px); margin: auto; color: var(--protocol-accent); }
.system-protocol-orbit svg { display: block; width: 100%; height: auto; overflow: visible; }
.system-protocol-track { stroke: currentColor; stroke-width: .8; opacity: .12; }
.system-protocol-ring { transform-origin: 220px 150px; animation: protocol-orbit 18s linear infinite; }
.system-protocol-ring ellipse { stroke: currentColor; stroke-width: 1; opacity: .43; }
.system-protocol-ring circle { fill: var(--protocol-secondary); }
.system-protocol-ring.secondary { animation: protocol-orbit 25s linear reverse infinite; }
.system-protocol-ring.secondary ellipse { opacity: .2; }
.system-protocol-core { stroke: currentColor; stroke-width: 12; stroke-linecap: round; }
.system-protocol-core .trend { stroke: var(--protocol-secondary); stroke-width: 3; stroke-linejoin: round; }
.system-protocol-core circle { fill: var(--protocol-secondary); stroke: none; }
.system-protocol-baseline { stroke: currentColor; stroke-width: 1; opacity: .23; }
.system-protocol-visual-label { display: inline-block; position: relative; margin-top: 30px; color: #99aec9; font-size: 10px; letter-spacing: 2.1px; line-height: 1.6; }
.system-protocol-copy { min-width: 0; }
.system-protocol-eyebrow { margin: 0 0 16px; color: var(--protocol-accent); font-size: 11px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }
.system-protocol h1 { margin: 0 0 20px; font-size: clamp(28px, 3.4vw, 43px); line-height: 1.13; letter-spacing: -1.1px; font-weight: 650; max-width: 520px; }
.system-protocol-description { margin: 0; color: #b8c8dd; font-size: 15px; line-height: 1.7; max-width: 510px; }
.system-protocol-reason { padding-left: 15px; border-left: 2px solid var(--protocol-accent); margin-top: 28px; }
.system-protocol-reason span { display: block; color: #9fb3cd; font-size: 11px; margin-bottom: 6px; }
.system-protocol-reason p { white-space: pre-wrap; overflow-wrap: anywhere; color: #e2ebf8; font-size: 14px; line-height: 1.65; margin: 0; }
.system-protocol-warning { color: #a6b9d2; font-size: 12px; line-height: 1.65; margin: 22px 0 0; max-width: 490px; }
.system-protocol-connection { color: var(--protocol-accent); font-size: 12px; line-height: 1.6; margin: 12px 0 0; }
.system-protocol-connection:empty { display: none; }
.system-protocol-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 27px; }
.system-protocol .btn, .system-protocol .quiet { min-height: 40px; font-size: 12px; }
.system-protocol .quiet { color: #b7cce8; }
.system-protocol-login, .system-protocol-manager { border: 1px solid #3a506c; border-radius: 14px; background: #172333; padding: 24px; margin-top: 26px; animation: protocol-enter 200ms cubic-bezier(.2,.7,.2,1) both; }
.system-protocol h2 { margin: 0 0 8px; font-size: 19px; letter-spacing: -.3px; }
.system-protocol form > p:not(.system-protocol-error) { color: #a6bad4; line-height: 1.6; font-size: 12px; margin: 0 0 20px; }
.system-protocol label { display: grid; gap: 8px; margin: 0 0 16px; color: #c4d4e9; font-size: 12px; }
.system-protocol :is(input,select,textarea) { width: 100%; min-width: 0; color: #edf4ff; background: #101b2a; border: 1px solid #425b7b; border-radius: 8px; min-height: 43px; padding: 11px 12px; font: inherit; transition: border-color 150ms, background-color 150ms, box-shadow 150ms; }
.system-protocol textarea { resize: vertical; line-height: 1.6; }
.system-protocol label small { color: #a6bad4; font-size: 11px; line-height: 1.6; font-weight: 400; }
.system-protocol :is(input,select,textarea):focus { outline: none; border-color: var(--protocol-accent); box-shadow: 0 0 0 3px #8fb4ff18; }
.system-protocol :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--protocol-accent); outline-offset: 4px; }
.system-protocol :is(button,a) { transition: color 150ms, background-color 150ms, border-color 150ms, transform 150ms, opacity 150ms; }
.system-protocol button:active:not(:disabled) { transform: translateY(1px); }
.system-protocol button:disabled { opacity: .5; cursor: default; }
.system-protocol-error { color: #ffb7b0; white-space: pre-wrap; font-size: 12px; line-height: 1.6; margin: 14px 0 0; }
.system-protocol-error:empty { display: none; }
.system-protocol .system-protocol-version { color: #9db4d3; margin: 0 0 14px; font-size: 11px; }
.system-protocol-footer { border-top: 1px solid #29394c; color: #91a7c4; font-size: 11px; line-height: 1.6; }
.system-protocol-footer a { color: #c1d6f5; text-decoration: none; }
.system-protocol-footer a:hover { color: #edf4ff; }
.system-protocol[data-motion="paused"] *, .system-protocol[data-mode="unknown"] .system-protocol-ring, .system-protocol[data-mode="normal"] .system-protocol-ring { animation-play-state: paused !important; }
@keyframes protocol-orbit { to { transform: rotate(360deg); } }
@keyframes protocol-enter { from { opacity: .4; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 850px) {
  .system-protocol-header, .system-protocol-footer { padding: 18px 24px; }
  .system-protocol-main { grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 640px; padding: 22px 28px 38px; }
  .system-protocol-visual { padding: 4px 0; }
  .system-protocol-orbit { max-width: 290px; }
  .system-protocol-visual-label { margin-top: 4px; }
  .system-protocol h1 { font-size: 32px; }
}
@media (max-width: 480px) {
  .system-protocol-header { align-items: flex-start; padding: 18px; gap: 10px; }
  .system-protocol-brand { font-size: 15px; gap: 9px; }
  .system-protocol-brand small { font-size: 10px; max-width: 125px; }
  .system-protocol-badge { max-width: 130px; padding: 7px 9px; font-size: 10px; }
  .system-protocol-main { padding: 22px 22px 32px; gap: 24px; }
  .system-protocol-orbit { max-width: 240px; }
  .system-protocol-visual-label { font-size: 9px; }
  .system-protocol h1 { font-size: 29px; letter-spacing: -.65px; }
  .system-protocol-description { font-size: 13px; }
  .system-protocol-actions { gap: 9px; }
  .system-protocol-login, .system-protocol-manager { padding: 20px; }
  .system-protocol-footer { padding: 18px 22px; flex-wrap: wrap; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .system-protocol, .system-protocol *, .system-protocol *::before, .system-protocol *::after { animation: none !important; transition: none !important; }
}

/* Desktop boundary presentation: shared native login background, never the authentication scene. */
.desktop-warning {
  position: relative; isolation: isolate; min-width: 0; min-height: 100svh; padding: 28px 34px;
  display: flex; flex-direction: column; align-items: center; gap: 28px; background: transparent;
  color: #edf4ff; overflow: clip;
}
.desktop-warning > :not(.login-motion-background) { position: relative; z-index: 1; }
.desktop-warning-brand { display: flex; align-items: center; gap: 12px; width: min(100%, 1080px); min-width: 0; }
.desktop-warning-brand img { display: block; flex: none; }
.desktop-warning-brand strong { display: block; font-size: 21px; line-height: 1.15; letter-spacing: -.5px; }
.desktop-warning .desktop-warning-brand small { margin: 5px 0 0; padding: 0; border: 0; color: #a5b8d0; font-size: 11px; line-height: 1.4; }
.desktop-warning-chip { margin-left: auto; padding: 7px 11px; flex: none; color: #b9d0ef; background: #18263d; border: 1px solid #3b5479; border-radius: 20px; font-size: 11px; line-height: 1.2; }
.desktop-warning-card {
  width: min(600px, 100%); min-width: 0; margin: auto 0; padding: 30px 38px 32px;
  background: linear-gradient(145deg, #1b2b42fa, #18212ef7 65%); border: 1px solid #4b6c9d; border-radius: 20px;
  box-shadow: 0 24px 75px #03070e54, inset 0 1px #d2e3ff08; text-align: center;
  animation: desktop-warning-enter 220ms cubic-bezier(.2,.7,.2,1) both;
}
.desktop-warning-visual { width: 190px; max-width: 65%; margin: 0 auto 17px; color: #8eb7ff; }
.desktop-warning-visual svg { display: block; width: 100%; height: auto; }
.desktop-warning-orbit { stroke: #5478a4; stroke-width: .8; opacity: .45; }
.desktop-warning-grid { stroke: #53729a; stroke-width: .7; opacity: .21; }
.desktop-warning-monitor { fill: #182944; stroke: #719cdc; stroke-width: 1.2; }
.desktop-warning-stand { stroke: #8eb7ff; stroke-width: 2; stroke-linecap: round; }
.desktop-warning-bars { stroke: #6f9aef; stroke-width: 9; stroke-linecap: round; }
.desktop-warning-trend { stroke: #75d7e7; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.desktop-warning-point { fill: #b6f0f5; }
.desktop-warning .eyebrow { display: block; color: #93b5e9; font-size: 10px; line-height: 1.65; letter-spacing: 1.7px; }
.desktop-warning h1 { color: #edf4ff; font-size: clamp(23px, 3.7vw, 30px); line-height: 1.25; letter-spacing: -.7px; margin: 15px 0 0; }
.desktop-warning-card > p { color: #b6c6db; font-size: 14px; line-height: 1.75; margin: 20px 0 0; }
.desktop-warning-guidance { display: flex; align-items: flex-start; gap: 11px; text-align: left; margin-top: 24px; padding-top: 20px; border-top: 1px solid #3b4e69; }
.desktop-warning-guidance > span { display: grid; place-items: center; flex: none; width: 30px; height: 30px; color: #99bced; background: #22344e; border: 1px solid #3e587c; border-radius: 8px; }
.desktop-warning-guidance svg { width: 17px; height: 17px; }
.desktop-warning .desktop-warning-guidance small { margin: 0; padding: 0; border: 0; color: #a8bbd5; font-size: 12px; line-height: 1.65; }
.desktop-warning-footer { width: min(100%, 1080px); display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #8fa6c5; font-size: 11px; line-height: 1.6; }
.desktop-warning-footer a { color: #aecaf1; text-decoration: none; transition: color 150ms ease-out; }
.desktop-warning-footer a:hover { color: #edf4ff; }
.desktop-warning a:focus-visible { outline: 2px solid #8fb4ff; outline-offset: 5px; border-radius: 3px; }
@keyframes desktop-warning-enter { from { opacity: .5; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 650px) {
  .desktop-warning { padding: 22px 20px; gap: 27px; }
  .desktop-warning-card { padding: 24px 25px 26px; border-radius: 17px; }
  .desktop-warning-visual { width: 160px; margin-bottom: 13px; }
  .desktop-warning .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  .desktop-warning h1 { font-size: 25px; letter-spacing: -.55px; }
  .desktop-warning-card > p { font-size: 13px; line-height: 1.75; }
  .desktop-warning-footer { flex-direction: column; align-items: center; gap: 6px; }
}
@media (max-width: 350px) {
  .desktop-warning { padding: 19px 15px; gap: 24px; }
  .desktop-warning-brand { gap: 9px; }
  .desktop-warning-brand img { width: 35px; height: 35px; }
  .desktop-warning-brand strong { font-size: 19px; }
  .desktop-warning .desktop-warning-brand small { font-size: 10px; }
  .desktop-warning-chip { padding: 7px 8px; font-size: 10px; }
  .desktop-warning-card { padding: 22px 20px; }
  .desktop-warning h1 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .desktop-warning, .desktop-warning *, .desktop-warning *::before, .desktop-warning *::after { animation: none !important; transition: none !important; }
}
/* End desktop boundary presentation. */

/* User-supplied local typeface. Authentication and business revision styles are unchanged. */
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root { --font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body, button, input, select, textarea, pre, code, kbd, samp, .assignment-reference { font-family: var(--font); }
/* End local typeface. */

/* Assigned contour/rank identity and the existing own-shift client in the header. */
.rank-emblem { display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:48px;vertical-align:middle;line-height:0; }
.rank-emblem>svg { display:block;width:100%;height:100%; }
.workspace-identity .workspace-emblem { width:39px;height:43px; }
.workspace-identity { gap:11px; }
.sidebar-emblem { width:37px;height:41px; }
.staff-avatar.rank-emblem { width:39px;height:43px;border:0;border-radius:0;background:none; }
.header-shift { display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1 1 245px;max-width:340px;min-width:230px;padding:7px 8px 7px 12px;border:1px solid #3b4e6c;border-radius:11px;background:#1a2637; }
.header-shift-link { display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#d9e5f8;border-radius:5px; }
.header-shift-link>svg { width:20px;height:20px;flex:none;color:#91b5ef; }
.header-shift-link>span { display:flex;flex-direction:column;gap:3px;min-width:0; }
.header-shift-link small { color:#a9bad2;font-size:10px;line-height:1.3;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.header-shift-link strong { color:#e8f0fc;font-size:15px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.7px; }
.header-shift-action { padding:9px 12px;min-height:37px;white-space:nowrap;border:1px solid #5577a8;border-radius:8px;background:#263c5c;color:#dceaff;font:inherit;font-size:11px;line-height:1.3;cursor:pointer;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 150ms ease; }
.header-shift-action:hover:not(:disabled) { background:#304d74;border-color:#87ace2; }
.header-shift-action:active:not(:disabled) { transform:translateY(1px); }
.header-shift-action:disabled { cursor:wait;background:#222c3a;border-color:#3e4d64;color:#98a7bc; }
.header-shift-link:hover { color:#fff; }.header-shift-link:focus-visible { outline:2px solid #b7d0ff;outline-offset:5px; }
@media(max-width:1180px){.header-shift{max-width:360px;}.topbar .period-chip{flex:0 1 auto;}}
@media(max-width:650px){.header-shift{flex-basis:100%;max-width:none;min-width:0;}.workspace-identity{min-width:120px;}.header-shift-link small{max-width:190px;}}
@media(prefers-reduced-motion:reduce){.rank-emblem,.header-shift,.header-shift *{animation:none!important;transition:none!important;}}
/* End contour/rank and own-shift header. */

/* Own identity is a native profile link; navigation keeps every permitted route. */
a.workspace-identity { color:inherit;text-decoration:none;border-radius:9px;transition:background-color 180ms ease,color 180ms ease; }
a.workspace-identity:hover { background:#24344a;color:#e9f2ff; }
a.workspace-identity:focus-visible { outline:2px solid #a6caff;outline-offset:5px; }
.nav-group { display:grid;gap:5px;margin-top:17px;min-width:0; }
.nav-group:first-child { margin-top:0; }
.nav-group-title { margin:0;padding:0 13px;color:#8c9eb9;font-size:10px;font-weight:600;letter-spacing:1.1px;line-height:1.5;text-transform:uppercase; }
.nav-group-links { display:grid;gap:4px;min-width:0; }
@media(prefers-reduced-motion:reduce){a.workspace-identity{transition:none;}}
/* End own-profile navigation. */

/* Destructive account actions stay separate from ordinary profile edits. */
.staff-delete { margin-top: 22px; border-top: 1px solid #573a49; padding-top: 16px; }
.staff-delete > summary { color: #f6adbc; cursor: pointer; font-size: 13px; }
.staff-delete-body { margin-top: 16px; padding: 20px; border: 1px solid #654254; border-radius: 12px; background: #211d29; }
.staff-delete-body > p { max-width: 80ch; color: #c5b4c3; font-size: 13px; line-height: 1.7; margin: 12px 0 18px; }
.staff-delete-body .btn { margin-top: 16px; }
.staff-delete-body .staff-delete-guard { color: #efc894; margin-bottom: 0; }

/* Native preset lists retain editable, named values for drafts and submission. */
.choice-field{min-width:0}.choice-field>label{display:grid;gap:8px;min-width:0;margin:0}.choice-field>label+label{margin-top:10px}.choice-field [hidden]{display:none!important}.choice-field textarea{min-height:88px;resize:vertical}.choice-field small{display:block;margin-top:7px;line-height:1.6;color:var(--muted,#a4b7c9)}

/* Operator ownership lives above the appeal list. */
.operator-week-group{border:1px solid var(--border,#34465d);border-radius:18px;background:var(--surface,#171f2b);overflow:hidden;margin-bottom:24px}
.operator-week-group.mine{border-color:#5888d1}
.operator-week-heading{display:flex;justify-content:space-between;gap:24px;padding:24px;background:linear-gradient(110deg,rgba(61,109,174,.13),transparent)}
.operator-week-heading h2{margin:8px 0;font-size:23px}.operator-week-heading p{margin:0;color:var(--muted,#a9b8cc)}
.operator-week-owner{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:200px;max-width:45%;overflow-wrap:anywhere}.operator-week-owner small{color:var(--muted,#a9b8cc)}
.operator-week-distribution{padding:0 24px 20px}.operator-week-appeals{border-top:1px solid var(--border,#34465d)}
.operator-week-appeals>summary{cursor:pointer;padding:18px 24px;font-weight:650;display:flex;justify-content:space-between;gap:20px}.operator-week-appeals>.cluster-list{padding:0 18px 18px}.operator-week-group .cluster-card-body{grid-template-columns:1fr}.operator-week-group .cluster-card{margin-bottom:12px}.operator-week-group .form-grid{min-width:0}
html[data-extension-panel="true"] .operator-week-heading{flex-direction:column;padding:18px;gap:18px}html[data-extension-panel="true"] .operator-week-owner{align-items:flex-start;max-width:none;min-width:0}html[data-extension-panel="true"] .operator-week-distribution{padding:0 18px 18px}

@media(max-width:800px){.operator-week-heading{flex-direction:column;gap:18px}.operator-week-owner{align-items:flex-start;max-width:none;min-width:0}.operator-week-distribution{padding:0 18px 18px}}

.weekly-statistics-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.weekly-statistics-results{display:flex;gap:16px;margin:18px 0}.weekly-statistics-results>div{flex:1;border:1px solid var(--border,#34465d);border-radius:12px;padding:16px}.weekly-statistics-results small,.weekly-statistics-results strong{display:block}.weekly-statistics-results strong{font-size:26px;margin-top:8px}.statistics-low{color:#f0bd72;font-weight:650}html[data-extension-panel="true"] .weekly-statistics-fields{grid-template-columns:1fr}html[data-extension-panel="true"] .weekly-statistics-results{flex-wrap:wrap}html[data-extension-panel="true"] .weekly-statistics-results>div{min-width:110px}@media(max-width:800px){.weekly-statistics-fields{grid-template-columns:1fr}}

.workload-grid,.reconciliation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.workload-person,.reconciliation-grid>article{min-width:0;border:1px solid var(--edge,#34465d);border-radius:13px;padding:18px;background:rgba(42,61,85,.18);overflow-wrap:anywhere}.workload-person.recommended{border-color:var(--accent,#608eda)}.workload-person strong,.workload-person b{display:block}.workload-person b{font-size:28px;margin-top:16px}.workload-person b small{font-size:13px}.control-cases{display:grid;gap:22px;margin-top:20px}.control-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.control-card-heading h2{margin:6px 0}.control-checklist{display:grid;gap:12px;margin:20px 0}.control-check .facts{margin:18px 0}.discussion-entry{padding:18px 0;border-bottom:1px solid var(--edge,#34465d)}.discussion-entry small{display:block;margin-top:7px}.discussion-entry p,.reconciliation-grid p{white-space:pre-wrap;overflow-wrap:anywhere}.conversion-chart{display:block;width:100%;height:auto;max-height:360px;margin:20px 0;overflow:visible}.conversion-chart polyline{fill:none;stroke:var(--accent,#7b9fff);stroke-width:3}.conversion-chart circle{fill:var(--accent,#7b9fff)}.conversion-chart .threshold{stroke:#d8a65a;stroke-width:1;stroke-dasharray:6 5}.conversion-chart text{fill:var(--text-muted,#aabbcf);font-size:13px}html[data-extension-panel] .workload-grid,html[data-extension-panel] .reconciliation-grid{grid-template-columns:1fr}html[data-extension-panel] .control-card-heading{flex-direction:column}html[data-extension-panel] .control-check .facts{grid-template-columns:1fr}@media(max-width:900px){.workload-grid,.reconciliation-grid{grid-template-columns:1fr}.control-card-heading{flex-direction:column}}

/* RPA archive and error reference use the existing CRM surface and typography. */
.rpa-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:inherit;font-size:.9rem;line-height:1.6;color:var(--text-muted,#b7c5d9)}.rpa-history{padding:16px 0;border-bottom:1px solid var(--border,#33465f)}.rpa-error summary,.rpa-history summary{cursor:pointer;line-height:1.6}.rpa-error[open] summary{margin-bottom:16px}.rpa-error h3{font-size:1rem}