:root {
  color-scheme: light;
  --page: #f4f8fa;
  --surface: #ffffff;
  --soft: #f7fafb;
  --soft-strong: #e7f1f5;
  --border: #d5e3e9;
  --border-strong: #a9c6d3;
  --ink: #17232b;
  --muted: #60717b;
  --green: #247ba0;
  --green-hover: #1b627f;
  --green-soft: #e3f1f7;
  --amber: #756300;
  --amber-soft: #fff7c2;
  --red: #ff1654;
  --red-ink: #b90d3a;
  --red-soft: #ffe6ed;
  --sidebar: #247ba0;
  --sidebar-deep: #1b627f;
  --sidebar-hover: #185873;
  --sidebar-text: #ffffff;
  --sidebar-muted: #d6ebf3;
  --accent: #fcd606;
  --accent-hover: #eac700;
  --accent-border: #cbae00;
  --accent-ink: #17232b;
  --focus: #247ba0;
  --shadow: rgba(36, 123, 160, .09);
  --shadow-strong: rgba(36, 123, 160, .16);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 0; overflow-x: hidden; background: var(--page); }
body { color: var(--ink); font: 14px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis: none; -webkit-font-smoothing: antialiased; }
::selection { color: var(--accent-ink); background: #ffec78; }
button, input, select, textarea { font: inherit; }
button, a.button, input, select, summary { min-height: 44px; }
button, a { touch-action: manipulation; }
a { color: var(--green); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, strong { font-weight: 600; }
h1 { margin-bottom: 5px; font-size: clamp(26px, 2.3vw, 32px); line-height: 1.12; letter-spacing: -.025em; }
h2 { font-size: 18px; letter-spacing: -.01em; }
h3 { font-size: 14px; }

.app-shell { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 100vh; }
.sidebar { display: flex; flex-direction: column; padding: 24px 16px; color: var(--sidebar-text); background: linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-deep) 100%); }
.brand { display: flex; align-items: center; gap: 12px; margin: 0 4px 25px; color: white; text-decoration: none; }
.brand-mark { display: block; width: 48px; height: 48px; flex: 0 0 auto; object-fit: cover; border: 1px solid rgba(255,255,255,.72); border-radius: 15px; background: var(--red); box-shadow: 0 10px 26px rgba(9,54,73,.26); }
.brand strong { letter-spacing: .055em; }
.brand small { display: block; color: var(--sidebar-muted); }
.nav-group { margin: 18px 11px 8px; color: var(--sidebar-muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.nav-list { display: grid; gap: 4px; }
.nav-link { display: flex; align-items: center; min-height: 46px; padding: 10px 12px; border-left: 3px solid transparent; border-radius: 11px; color: var(--sidebar-text); text-decoration: none; transition: background .16s ease, border-color .16s ease; }
.nav-link:hover, .nav-link[aria-current="page"] { background: rgba(9,54,73,.28); }
.nav-link[aria-current="page"] { border-left-color: var(--accent); }
.nav-link.locked { color: var(--sidebar-muted); }
.prototype-note { margin-top: auto; padding: 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; color: var(--sidebar-text); font-size: 12px; }

.main { min-width: 0; }
.topbar { display: flex; align-items: center; gap: 11px; min-height: 60px; padding: 9px 30px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.93); box-shadow: 0 1px 0 rgba(255,255,255,.8); backdrop-filter: blur(12px); }
.topbar-logo { display: none; width: 36px; height: 36px; flex: 0 0 auto; object-fit: cover; border-radius: 10px; }
.top-title { margin-right: auto; min-width: 0; }
.top-title strong { display: none; }
.top-title span { display: block; color: var(--muted); font-size: 13px; }
.role-switch { display: flex; align-items: center; gap: 7px; }
.content { width: min(100%, 1560px); margin: 0 auto; padding: 28px 32px 42px; min-width: 0; }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.subtitle { margin-bottom: 0; color: var(--muted); }
.demo-badge, .status { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 4px 8px; border: 1px solid var(--border); border-radius: 999px; font-size: 12px; }
.demo-badge { color: var(--amber); background: var(--amber-soft); }
.status::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; }
.status.ok { color: var(--green); }
.status.warn { color: var(--amber); }
.status.bad { color: var(--red-ink); }
.status.info { color: var(--green); }
.status.blocked { color: var(--red); }

.context-bar, .filter-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 12px 0 14px; }
.field { display: grid; gap: 4px; min-width: 145px; }
.field > span, .field > label { color: var(--muted); font-size: 12px; font-weight: 500; }
input, select, textarea { width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--ink); background: var(--surface); transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
input:hover, select:hover, textarea:hover { border-color: var(--border-strong); }
input:focus, select:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(36,123,160,.12); }
textarea { min-height: 92px; resize: vertical; }
.button, button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 44px; padding: 9px 14px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); color: var(--ink); background: var(--surface); box-shadow: 0 1px 2px rgba(36,123,160,.05); cursor: pointer; text-decoration: none; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.button:hover, button:hover { border-color: var(--green); box-shadow: 0 4px 14px var(--shadow); }
.button.primary, button.primary { color: var(--accent-ink); border-color: var(--accent-border); background: var(--accent); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 4px 14px rgba(145,122,0,.18); font-weight: 600; }
.button.primary:hover, button.primary:hover { border-color: #a98f00; background: var(--accent-hover); box-shadow: 0 6px 18px rgba(145,122,0,.24); }
.button.danger, button.danger { color: var(--red-ink); }
.button:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid rgba(36,123,160,.42); outline-offset: 2px; }

.trust { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 11px 13px; margin: 10px 0 15px; border-left: 5px solid var(--green); background: var(--soft); }
.trust.warn { border-left-color: var(--amber); }
.trust.bad { border-left-color: var(--red); }
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; }
.span-3 { grid-column: span 3; }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }
.span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; }
.span-12 { grid-column: 1 / -1; }
.panel, .metric { min-width: 0; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 1px 2px rgba(36,123,160,.04), 0 12px 34px var(--shadow); }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.panel-head h2, .panel-head p { margin-bottom: 0; }
.metric-label { color: var(--muted); font-size: 12px; }
.metric-value { display: block; margin: 4px 0; overflow-wrap: anywhere; font-size: 25px; font-variant-numeric: tabular-nums; }
.metric-note { color: var(--muted); font-size: 12px; }
.metric a, .source-link { display: inline-flex; align-items: center; min-height: 44px; }
.table-wrap { max-width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px 10px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; }
td.number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
tr[data-href] { cursor: pointer; }
tr[data-href]:hover { background: var(--soft); }
.timeline { display: grid; }
.timeline-event { display: grid; grid-template-columns: 112px 20px minmax(0, 1fr); gap: 8px; padding: 8px 0; }
.timeline-event time { color: var(--muted); font-size: 12px; }
.timeline-dot { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--soft); }
.timeline-body { padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.action-loop { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.action-step { padding: 10px; border-radius: 9px; background: var(--soft); }
.action-step span { display: block; color: var(--muted); font-size: 11px; }
.rnp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rnp-field { min-width: 0; padding: 10px; border-radius: 9px; background: var(--soft); }
.rnp-field > label { display: block; min-height: 42px; }
.rnp-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.product-subnav { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.product-subnav a { display: inline-flex; align-items: center; min-height: 42px; padding: 7px 12px; border-radius: 9px; color: var(--ink); text-decoration: none; }
.product-subnav a:hover { background: var(--soft-strong); }
.product-subnav a[aria-current="page"] { color: white; background: var(--green); }
.rnp-work-context { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--border); }
.rnp-work-context > div { min-width: 0; padding: 11px 13px; background: var(--surface); }
.rnp-work-context span { display: block; color: var(--muted); font-size: 11px; }
.rnp-work-context strong { display: block; margin-top: 3px; overflow-wrap: anywhere; }
.manager-view-switch { margin-bottom: 12px; }
.rnp-entry-layout { align-items: start; }
.rnp-entry-panel { padding: 20px; }
.rnp-progress { flex: 0 0 auto; min-width: 72px; padding: 7px 10px; border-radius: 999px; color: var(--green); background: var(--green-soft); font-weight: 700; text-align: center; }
.rnp-form-section { margin: 0 0 18px; padding: 0; border: 0; }
.rnp-form-section + .rnp-form-section { padding-top: 18px; border-top: 1px solid var(--border); }
.rnp-form-section legend { width: 100%; margin-bottom: 4px; font-size: 18px; font-weight: 600; }
.rnp-form-section legend span { display: inline-grid; min-width: 26px; min-height: 26px; margin-left: 5px; place-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 11px; }
.rnp-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.rnp-entry-field { min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 11px; background: var(--soft); }
.rnp-entry-field.has-error { border-color: var(--red); background: var(--red-soft); }
.rnp-field-label { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 42px; }
.rnp-field-label label { font-weight: 600; }
.rnp-field-label > span { flex: 0 0 auto; color: var(--muted); font-size: 12px; }
.rnp-field-hint { min-height: 36px; margin: -3px 0 7px; color: var(--muted); font-size: 11px; }
.rnp-value-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.rnp-value-row input { min-width: 0; font-size: 16px; font-variant-numeric: tabular-nums; }
.unknown-toggle { min-width: 108px; padding-inline: 10px; color: var(--muted); font-size: 12px; }
.unknown-toggle[aria-pressed="true"] { color: var(--amber); border-color: #d9bd37; background: var(--amber-soft); }
.unknown-toggle.compact { min-height:34px; padding:5px 8px; font-size:11px; }
.field-error { display: block; margin-top: 7px; color: var(--red-ink); font-size: 12px; font-weight: 600; }
.error-summary { margin: 0 0 14px; padding: 14px 16px; border: 2px solid var(--red); border-radius: 12px; background: var(--red-soft); }
.error-summary h2 { margin-bottom: 6px; color: var(--red-ink); }
.error-summary ul { margin: 0; padding-left: 20px; }
.correction-reason { margin-top: 16px; }
.rnp-submit-bar { position: sticky; bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 11px; border: 1px solid var(--border-strong); border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px var(--shadow-strong); backdrop-filter: blur(10px); }
.rnp-submit-bar .live-status { flex: 1 1 auto; min-height: 0; padding: 7px 9px; }
.rnp-history-panel { position: sticky; top: 76px; max-height: calc(100vh - 98px); overflow: auto; }
.read-only-rnp { margin-top: 18px; }
.read-only-rnp .rnp-entry-field { display: grid; gap: 4px; }
.read-only-rnp .rnp-entry-field span { color: var(--muted); font-size: 12px; }
.rnp-plan-context { display: grid; grid-template-columns: minmax(150px, .55fr) minmax(220px, 1fr) auto; align-items: end; gap: 10px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.rnp-work-toolbar { display: flex; align-items: end; gap: 10px; max-width: 760px; margin-bottom: 16px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); box-shadow: 0 8px 24px var(--shadow); }
.rnp-work-toolbar .field { min-width: 170px; }
.rnp-work-toolbar .rnp-person-field { flex: 1 1 320px; }
.rnp-date-help { color: var(--muted); font-size: 11px; }
.rnp-date-switch[aria-busy="true"] input { opacity: .72; pointer-events: none; }
.rnp-date-loading { display: flex; align-items: center; gap: 12px; width: min(100%, 760px); margin-bottom: 16px; padding: 16px; border: 1px solid var(--border-strong); border-radius: 12px; color: var(--ink); background: var(--green-soft); }
.rnp-date-loading[hidden] { display: none; }
.rnp-date-loading strong, .rnp-date-loading span { display: block; }
.rnp-date-loading div > span { margin-top: 2px; color: var(--muted); font-size: 12px; }
.rnp-date-spinner { width: 24px; height: 24px; flex: 0 0 auto; border: 3px solid rgba(36,123,160,.2); border-top-color: var(--green); border-radius: 50%; animation: rnp-date-spin .8s linear infinite; }
@keyframes rnp-date-spin { to { transform: rotate(360deg); } }
.rnp-compact-panel { width: min(100%, 1120px); padding: 20px; }
.rnp-form-head { padding-bottom: 14px; border-bottom: 1px solid var(--border); }
.rnp-form-head h2 { margin-bottom: 2px; }
.rnp-compact-section { margin: 0; padding: 18px 0 0; }
.rnp-compact-section + .rnp-compact-section { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.rnp-compact-section legend, .rnp-compact-section > h3 { width: 100%; margin-bottom: 2px; font-size: 17px; font-weight: 600; }
.rnp-entry-list { margin-top: 10px; border-top: 1px solid var(--border); }
.rnp-compact-row { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(150px, 190px) 118px; align-items: center; gap: 10px; min-height: 64px; padding: 9px 0; border-bottom: 1px solid var(--border); }
.rnp-compact-row.has-error { margin-inline: -8px; padding-inline: 8px; border-radius: 9px; background: var(--red-soft); }
.rnp-compact-label { min-width: 0; }
.rnp-compact-label label { display: block; font-weight: 600; }
.rnp-compact-label small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; line-height: 1.3; }
.rnp-compact-input { position: relative; min-width: 0; }
.rnp-compact-input input { padding-right: 48px; font-size: 16px; font-variant-numeric: tabular-nums; }
.rnp-unit { position: absolute; top: 50%; right: 11px; transform: translateY(-50%); color: var(--muted); font-size: 12px; pointer-events: none; }
.rnp-compact-row .unknown-toggle { width: 118px; min-width: 0; padding-inline: 8px; }
.rnp-compact-row .field-error { grid-column: 2 / -1; margin: -5px 0 0; }
.rnp-view-note { margin: 14px 0 0; padding: 10px 12px; border-radius: 9px; color: var(--muted); background: var(--soft); }
.rnp-read-row { grid-template-columns: minmax(260px, 1fr) minmax(150px, 240px); }
.rnp-read-row strong { text-align: right; font-variant-numeric: tabular-nums; }
.rnp-plan-row { grid-template-columns: minmax(250px, 1fr) minmax(150px, 190px) minmax(155px, 205px); }
.plan-conversion { display: grid; gap: 1px; min-width: 0; }
.plan-conversion output { color: var(--green); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.plan-conversion small { overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.save-confirmation { display: flex; align-items: center; gap: 10px; width: min(100%, 760px); margin-bottom: 14px; padding: 10px 13px; border-left: 4px solid var(--green); border-radius: 9px; background: var(--green-soft); }
.save-confirmation span { color: var(--muted); font-size: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 12px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); text-decoration: none; background: var(--surface); }
.tabs a[aria-current="page"] { color: white; border-color: var(--green); background: var(--green); }
.messages { display: grid; gap: 8px; margin-bottom: 12px; }
.message { padding: 11px 13px; border-left: 5px solid var(--green); border-radius: 8px; background: var(--green-soft); }
.message.error { border-left-color: var(--red); background: var(--red-soft); }
.empty-state, .permission-state { padding: 22px; border: 1px dashed var(--border); border-radius: 12px; background: var(--surface); }
.muted { color: var(--muted); }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.live-status { min-height: 44px; padding: 10px 12px; border-radius: 8px; background: var(--soft); }

dialog { width: min(760px, calc(100% - 24px)); max-height: 88vh; padding: 0; overflow: auto; border: 1px solid var(--border); border-radius: 14px; color: var(--ink); background: var(--surface); }
dialog::backdrop { background: rgba(13, 45, 59, .48); }
.dialog-head, .dialog-actions { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--border); }
.dialog-actions { justify-content: flex-end; border-top: 1px solid var(--border); border-bottom: 0; }
.dialog-body { padding: 16px; }
.mobile-nav { display: none; }
.stack-form { display: grid; gap: 12px; }
.login-page { display: grid; min-height: 100vh; place-items: center; padding: 18px; background: radial-gradient(circle at 82% 18%, rgba(252,214,6,.95) 0 6%, transparent 6.2%), radial-gradient(circle at 12% 82%, rgba(255,22,84,.92) 0 8%, transparent 8.2%), linear-gradient(135deg, var(--sidebar-deep), var(--sidebar)); }
.login-card { width: min(460px, 100%); padding: 30px; border: 1px solid rgba(255,255,255,.65); border-radius: 22px; background: var(--surface); box-shadow: 0 28px 90px rgba(9,54,73,.3); }
.login-brand { margin: 0 0 24px; color: var(--ink); }
.login-brand .brand-mark { width: 56px; height: 56px; border-color: var(--border); border-radius: 17px; }
.login-brand small { color: var(--muted); }
.password-input-wrap { position: relative; display: block; }
.password-input-wrap input { padding-right: 142px; }
.password-toggle { position: absolute; top: 4px; right: 4px; min-height: 36px; padding: 6px 10px; color: var(--green); background: var(--soft); font-size: 12px; }
.demo-logins { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.split-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.full { grid-column: 1 / -1; }
.receipt { padding: 14px; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--green-soft); }
.definition-list { display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr); gap: 7px 12px; }
.definition-list dt { color: var(--muted); }
.definition-list dd { margin: 0; overflow-wrap: anywhere; }
.check-list { display: grid; gap: 8px; padding: 0; list-style: none; }
.check-list li { padding-left: 26px; position: relative; }
.check-list li::before { position: absolute; left: 0; content: "✓"; color: var(--green); font-weight: 700; }
.button-row { display: flex; flex-wrap: wrap; gap: 8px; }
.compact-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.compact-form .field { flex: 1 1 150px; }
.details-card { margin-top: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 9px; }
.details-card summary { display: flex; align-items: center; cursor: pointer; font-weight: 600; }

.eyebrow { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.rnp-control-panel { margin-bottom: 26px; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 1px 2px rgba(36,123,160,.04), 0 16px 44px var(--shadow); }
.rnp-period-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.period-switch { display: inline-flex; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--soft-strong); }
.period-switch a { display: grid; place-items: center; min-width: 84px; min-height: 44px; padding: 7px 12px; border-radius: 9px; color: var(--ink); text-decoration: none; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.period-switch a[aria-current="page"] { color: white; background: var(--green); box-shadow: 0 4px 12px rgba(36,123,160,.24); }
.period-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 9px; color: var(--ink); font-size: 20px; text-decoration: none; background: var(--surface); }
.rnp-current-period { margin-left: 5px; font-size: 16px; }
.rnp-analysis-filter { display: grid; grid-template-columns: minmax(140px, .8fr) repeat(4, minmax(150px, 1fr)) auto; align-items: end; gap: 10px; margin: 12px 0 8px; }
.rnp-analysis-filter .field { min-width: 0; }
.rnp-scope-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; padding-top: 10px; color: var(--muted); font-size: 12px; }
.rnp-scope-line strong { color: var(--ink); }
.rnp-section { margin: 28px 0 16px; }
.rnp-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.rnp-section-head h2 { margin-bottom: 3px; font-size: 24px; letter-spacing: -.025em; }
.rnp-metric-picker { width: min(270px, 100%); }
.rnp-metric-picker label span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 12px; }
.rnp-card-config { width: min(430px, 100%); border: 1px solid var(--border); border-radius: 12px; background: var(--surface); box-shadow: 0 6px 22px var(--shadow); }
.rnp-card-config > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; cursor: pointer; font-weight: 600; }
.rnp-card-config > summary span { display: grid; place-items: center; min-width: 28px; min-height: 28px; border: 1px solid var(--accent-border); border-radius: 999px; color: var(--accent-ink); background: var(--accent); font-size: 12px; }
.rnp-card-config-form { display: grid; gap: 12px; padding: 12px; border-top: 1px solid var(--border); }
.rnp-card-config-form fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 12px; margin: 0; padding: 0; border: 0; }
.rnp-card-config-form legend { grid-column: 1 / -1; margin-bottom: 7px; color: var(--muted); font-size: 12px; }
.rnp-card-config-form label { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 5px 7px; border-radius: 8px; background: var(--soft); cursor: pointer; }
.rnp-card-config-form input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; }
.rnp-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(225px, 100%), 1fr)); gap: 12px; }
.rnp-kpi { position: relative; display: grid; gap: 8px; min-width: 0; min-height: 222px; padding: 19px; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; color: var(--ink); background: var(--surface); box-shadow: 0 1px 2px rgba(36,123,160,.04), 0 12px 32px var(--shadow); text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.rnp-kpi::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--border-strong); content: ""; }
.rnp-kpi:hover, .rnp-kpi.selected { border-color: var(--border-strong); box-shadow: 0 16px 42px var(--shadow-strong); transform: translateY(-2px); }
.rnp-kpi.bad::before { background: var(--red); }
.rnp-kpi.warn::before { background: var(--amber); }
.rnp-kpi.ok::before { background: var(--green); }
.rnp-kpi-label { min-height: 24px; color: var(--muted); font-size: 11px; letter-spacing: .035em; text-transform: uppercase; }
.rnp-kpi strong { overflow-wrap: anywhere; font-size: 27px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.rnp-kpi strong small { color: var(--muted); font-size: 11px; }
.rnp-kpi > span:not(.rnp-kpi-label) { color: var(--muted); font-size: 12px; }
.rnp-kpi .rnp-kpi-forecast { align-self: end; color: var(--ink); font-weight: 600; }
.rnp-kpi-details { display: grid; gap: 5px; margin: 3px 0 0; }
.rnp-kpi-details div { display: flex; justify-content: space-between; gap: 8px; padding-top: 6px; border-top: 1px solid var(--border); }
.rnp-kpi-details dt { color: var(--muted); font-size: 11px; }
.rnp-kpi-details dd { margin: 0; font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; }
.rnp-detail-grid, .rnp-funnel-section { margin-top: 12px; }
.rnp-focus-panel { border-color: var(--border-strong); }
.rnp-plan-fact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rnp-plan-fact-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rnp-plan-fact > div { min-width: 0; padding: 12px; border-radius: 9px; background: var(--soft); }
.rnp-plan-fact span { display: block; color: var(--muted); font-size: 12px; }
.rnp-plan-fact strong { display: block; margin-top: 4px; overflow-wrap: anywhere; font-size: 18px; font-variant-numeric: tabular-nums; }
.progress-track { height: 10px; margin: 16px 0 10px; overflow: hidden; border-radius: 999px; background: var(--soft-strong); }
.progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.rnp-caveat { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--border); }
.risk-list { display: grid; gap: 6px; }
.risk-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 10px; border-radius: 9px; color: var(--ink); background: var(--soft); text-decoration: none; }
.risk-row:hover { background: var(--green-soft); }
.risk-row small { grid-column: 1 / -1; color: var(--muted); }
.text-bad { color: var(--red-ink); }
.text-warn { color: var(--amber); }
.text-ok { color: var(--green); }
.funnel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.funnel-stage { position: relative; min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 10px; color: var(--ink); background: var(--soft); text-decoration: none; }
.funnel-stage:not(:last-child)::after { position: absolute; top: 50%; right: -10px; z-index: 1; color: var(--green); font-size: 20px; content: "›"; transform: translateY(-50%); }
.funnel-stage > span { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.funnel-stage > strong { display: block; margin: 3px 0 10px; font-size: 16px; }
.funnel-stage dl { display: grid; gap: 4px; margin: 0; }
.funnel-stage dl div { display: flex; justify-content: space-between; gap: 8px; }
.funnel-stage dt { color: var(--muted); }
.funnel-stage dd { margin: 0; font-variant-numeric: tabular-nums; }
.conversion-list { display: grid; gap: 9px; }
.conversion-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; padding-bottom: 9px; border-bottom: 1px solid var(--border); }
.conversion-row strong { grid-column: 1 / -1; }
.conversion-row span { color: var(--muted); font-size: 12px; }
.conversion-row span:last-child { font-weight: 600; text-align: right; }
.rnp-funnel-section { margin-top: 34px; }
.rnp-funnel-groups { display: grid; gap: 14px; }
.rnp-funnel-panel { padding: 22px; border-color: var(--border); box-shadow: 0 1px 2px rgba(36,123,160,.04), 0 14px 38px var(--shadow); }
.rnp-funnel-panel h3 { margin-bottom: 4px; font-size: 18px; }
.funnel-analysis-table { width: 100%; table-layout: fixed; font-size: 13px; }
.funnel-analysis-table th, .funnel-analysis-table td { padding: 9px 8px; }
.funnel-analysis-table th:first-child, .funnel-analysis-table td:first-child { position: sticky; left: 0; z-index: 1; width: 185px; background: var(--surface); }
.funnel-analysis-table td:first-child strong { overflow-wrap: anywhere; white-space: normal; }
.funnel-analysis-table td { white-space: nowrap; }
.funnel-analysis-table td:last-child { white-space: normal; }
.funnel-analysis-table td:last-child a {
  display: inline-block;
  min-height: 44px;
  overflow-wrap: anywhere;
  white-space: normal;
}
.funnel-analysis-table thead { background: var(--soft); }
.funnel-analysis-table .funnel-row-result td { background: var(--green-soft); }
.funnel-analysis-table .funnel-row-result td:first-child { background: var(--green-soft); }
.funnel-analysis-table .funnel-row-sub td { color: var(--muted); font-size: 13px; }
.funnel-analysis-table .funnel-row-sub td:first-child { padding-left: 32px; background: var(--surface); }
.funnel-analysis-table .funnel-row-sub td:first-child strong::before { margin-right: 8px; color: var(--green); content: "↳"; }
.funnel-analysis-table .plan-today { color: var(--amber); background: var(--amber-soft); }
.funnel-analysis-table th:nth-child(6), .funnel-analysis-table .conversion-cell { width: 150px; white-space: normal; }
.conversion-values { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.conversion-values span { min-width: 0; padding: 5px 6px; border-radius: 8px; background: var(--soft); text-align: left; }
.conversion-values small { display: block; overflow: hidden; color: var(--muted); font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.conversion-values strong { display: block; margin-top: 2px; color: var(--green); font-size: 13px; font-variant-numeric: tabular-nums; }
.conversion-values span:first-child strong { color: var(--amber); }
.funnel-analysis-table .conversion-note { display: block; margin-top: 5px; max-width: 150px; color: var(--muted); font-size: 9.5px; line-height: 1.25; white-space: normal; }
.rnp-activity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 12px; }
.rnp-activity-card { position: relative; overflow: hidden; }
.rnp-activity-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--green); content: ""; }
.rnp-activity-card.bad::before { background: var(--red); }
.rnp-activity-card > strong { display: block; margin: 6px 0 10px; font-size: 25px; font-variant-numeric: tabular-nums; }
.rnp-activity-card > strong small { color: var(--muted); font-size: 12px; }

@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 194px minmax(0, 1fr); }
  .span-3, .span-4 { grid-column: span 6; }
  .action-loop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rnp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rnp-analysis-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rnp-work-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { display: none; }
  .topbar { padding: 9px 11px; }
  .topbar-logo { display: block; }
  .top-title strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .top-title span { display: none; }
  .role-switch label { display: none; }
  .content { padding: 14px 12px 82px; }
  .page-head { display: block; }
  .page-head > :last-child { margin-top: 9px; }
  .grid { display: block; }
  .grid > * { margin-bottom: 10px; }
  .action-loop, .rnp-grid { grid-template-columns: 1fr; }
  .split-form { grid-template-columns: 1fr; }
  .mobile-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); position: fixed; right: 0; bottom: 0; left: 0; z-index: 5; border-top: 1px solid var(--border); background: var(--surface); }
  .mobile-nav a { display: grid; place-items: center; min-width: 0; min-height: 54px; padding: 4px; color: var(--ink); font-size: 11px; text-align: center; text-decoration: none; }
  .mobile-nav a[aria-current="page"] { color: var(--green); border-top: 3px solid var(--accent); background: var(--amber-soft); }
  table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  table, tbody, tr, td { display: block; width: 100%; }
  tr { padding: 9px 0; border-bottom: 1px solid var(--border); }
  td { display: grid; grid-template-columns: minmax(100px, 42%) minmax(0, 1fr); gap: 8px; padding: 5px 0; border: 0; overflow-wrap: anywhere; }
  td::before { color: var(--muted); font-size: 12px; content: attr(data-label); }
  td.number { text-align: left; white-space: normal; }
  .conversion-cell::before { grid-row: 1 / span 2; }
  .conversion-cell .conversion-note { grid-column: 2; }
  .timeline-event { grid-template-columns: 80px 16px minmax(0, 1fr); }
  .rnp-section-head { align-items: stretch; flex-direction: column; }
  .rnp-metric-picker { width: 100%; }
  .rnp-plan-fact { grid-template-columns: 1fr 1fr; }
  .rnp-analysis-filter { grid-template-columns: 1fr 1fr; }
  .rnp-analysis-filter button { width: 100%; }
  .rnp-current-period { width: 100%; margin-left: 0; }
  .rnp-card-config { width: 100%; }
  .funnel-grid { grid-template-columns: 1fr; }
  .funnel-stage:not(:last-child)::after { top: auto; right: 50%; bottom: -16px; transform: rotate(90deg); }
  .rnp-entry-grid { grid-template-columns: 1fr; }
  .rnp-history-panel { position: static; max-height: none; }
  .rnp-submit-bar { bottom: 66px; align-items: stretch; flex-direction: column; }
  .rnp-submit-bar button { width: 100%; }
  .rnp-plan-context { grid-template-columns: 1fr 1fr; }
  .rnp-plan-context button { grid-column: 1 / -1; }
  .rnp-work-toolbar { max-width: none; }
  .rnp-compact-row { grid-template-columns: minmax(0, 1fr) minmax(120px, 155px); gap: 7px 10px; }
  .rnp-compact-label { grid-column: 1 / -1; }
  .rnp-compact-row .unknown-toggle { width: 100%; }
  .rnp-compact-row .field-error { grid-column: 1 / -1; }
  .rnp-plan-row .plan-conversion { grid-column: 1 / -1; padding-left: 4px; }
  .rnp-read-row { grid-template-columns: minmax(0, 1fr) auto; }
  .rnp-read-row > span { grid-column: auto; }
}

@media (max-width: 380px) {
  .top-title span { display: none; }
  h1 { font-size: 22px; }
  .product-subnav { flex-wrap: nowrap; gap: 2px; overflow-x: auto; }
  .product-subnav a { min-height: 40px; padding: 6px 8px; font-size: 12px; white-space: nowrap; }
  .context-bar .field { width: 100%; }
  .rnp-inputs { grid-template-columns: 1fr; }
  .rnp-plan-fact { grid-template-columns: 1fr; }
  .rnp-card-config-form fieldset { grid-template-columns: 1fr; }
  .rnp-analysis-filter { grid-template-columns: 1fr; }
  .period-switch { flex: 1; }
  .period-switch a { min-width: 0; flex: 1; }
  .rnp-work-context { grid-template-columns: 1fr; }
  .rnp-value-row { grid-template-columns: 1fr; }
  .unknown-toggle { width: 100%; }
  .rnp-plan-context { grid-template-columns: 1fr; }
  .rnp-plan-context button { grid-column: auto; }
  .rnp-work-toolbar { display: grid; grid-template-columns: 1fr; }
  .rnp-work-toolbar .field { min-width: 0; }
  .rnp-work-toolbar button { width: 100%; }
  .rnp-compact-panel { padding: 14px; }
  .rnp-compact-row { grid-template-columns: minmax(0, 1fr) 92px; }
  .rnp-compact-label, .rnp-compact-row .field-error, .rnp-plan-row .plan-conversion { grid-column: 1 / -1; }
  .rnp-compact-row .unknown-toggle { width: 100%; }
  .rnp-read-row strong { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .rnp-date-spinner { animation: none; }
}
.conversion-warning-row .conversion-cell {
  background: color-mix(in srgb, var(--accent) 16%, white);
}

.conversion-warning {
  display: block;
  margin-top: 4px;
  color: #8a5a00;
  font-weight: 700;
}

/* Operational OKK workspace: compact queue + review card. */
.okk-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.okk-stat-strip { display: flex; flex: 1 1 auto; min-width: 0; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.okk-stat-strip a { display: flex; align-items: center; gap: 7px; min-width: max-content; min-height: 48px; padding: 7px 11px; border: 1px solid var(--border); border-radius: 11px; color: var(--ink); background: var(--surface); text-decoration: none; }
.okk-stat-strip a[aria-current="page"] { border-color: var(--green); box-shadow: 0 0 0 2px rgba(36,123,160,.1); }
.okk-stat-strip strong { color: var(--green); font-size: 18px; font-variant-numeric: tabular-nums; }
.okk-stat-strip span { color: var(--muted); font-size: 12px; }
.okk-search { display: flex; align-items: end; gap: 7px; flex: 0 1 390px; }
.okk-search .field { flex: 1 1 auto; min-width: 180px; }
.okk-workspace { display: grid; grid-template-columns: minmax(300px, 38%) minmax(0, 62%); align-items: start; gap: 14px; }
.okk-queue, .okk-card { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 12px 34px var(--shadow); }
.okk-queue { position: sticky; top: 74px; max-height: calc(100vh - 94px); overflow: hidden; }
.okk-queue-head { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 13px 15px; border-bottom: 1px solid var(--border); }
.okk-queue-head h2 { margin: 0; }
.okk-queue-head span { display: grid; min-width: 28px; min-height: 28px; place-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-weight: 700; }
.okk-queue-list { max-height: calc(100vh - 153px); overflow-y: auto; }
.okk-queue-item { display: grid; gap: 7px; padding: 13px 14px; border-left: 4px solid transparent; border-bottom: 1px solid var(--border); color: var(--ink); text-decoration: none; }
.okk-queue-item:hover { background: var(--soft); }
.okk-queue-item.is-active { border-left-color: var(--accent); background: var(--green-soft); }
.okk-queue-top, .okk-queue-state, .okk-queue-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.okk-queue-top strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.okk-queue-top time, .okk-queue-meta, .okk-queue-foot { color: var(--muted); font-size: 11px; }
.okk-queue-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.okk-queue-state { justify-content: flex-start; flex-wrap: wrap; }
.okk-queue-state .status { min-height: 25px; }
.okk-queue-foot span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.okk-card { padding: 19px; }
.okk-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 14px; }
.okk-card-head h2 { margin: 1px 0 4px; font-size: 24px; }
.okk-card-head p { margin: 0; color: var(--muted); }
.okk-card-badges { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.okk-mobile-back { display: none; }
.okk-source-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 11px; border-radius: 10px; background: var(--soft); }
.okk-source-line button { flex: 0 0 auto; }
.okk-form { margin-top: 12px; }
.okk-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.okk-section { padding: 20px 0; border-top: 1px solid var(--border); }
.okk-section:first-child { border-top: 0; }
.okk-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.okk-section-head > div { display: flex; align-items: center; gap: 9px; }
.okk-section-head h3 { margin: 0; font-size: 19px; }
.okk-step { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: white; background: var(--green); font-weight: 700; }
.okk-auto-category { min-height: 32px; padding: 5px 10px; border-radius: 999px; color: var(--accent-ink); background: var(--amber-soft); font-weight: 700; }
.okk-segmented { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-bottom: 12px; padding: 4px; border-radius: 12px; background: var(--soft-strong); }
.okk-segmented label { min-width: 0; cursor: pointer; }
.okk-segmented input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.okk-segmented span { display: grid; min-height: 44px; padding: 7px 9px; place-items: center; border: 1px solid transparent; border-radius: 9px; text-align: center; }
.okk-segmented input:checked + span { border-color: var(--border-strong); background: var(--surface); box-shadow: 0 3px 12px var(--shadow); font-weight: 700; }
.okk-segmented input:focus-visible + span { outline: 3px solid rgba(36,123,160,.42); }
.okk-qualification-grid, .okk-target-fields, .okk-non-target, .okk-second-call { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.okk-target-fields, .okk-non-target { margin-top: 10px; }
.okk-fieldset .field small { color: var(--muted); font-size: 10px; }
.okk-inline-state { display: flex; align-items: center; gap: 8px; margin: -4px 0 8px; color: var(--muted); font-size: 12px; }
.okk-score-total, .okk-overall-score { display: flex; align-items: baseline; gap: 4px; color: var(--green); font-size: 24px; font-variant-numeric: tabular-nums; }
.okk-score-total span, .okk-overall-score span { color: var(--muted); font-size: 12px; }
.okk-rubric { border-top: 1px solid var(--border); }
.okk-score-row { display: grid; grid-template-columns: minmax(0, 1fr) 104px; align-items: center; gap: 12px; min-height: 62px; padding: 8px 0; border-bottom: 1px solid var(--border); cursor: text; }
.okk-score-row > span:first-child { min-width: 0; }
.okk-score-row strong, .okk-score-row small { display: block; }
.okk-score-row small { margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.25; }
.okk-score-control { position: relative; display: flex; align-items: center; gap: 5px; }
.okk-score-control input { width: 64px; padding-right: 8px; text-align: right; font-size: 17px; font-variant-numeric: tabular-nums; }
.okk-score-control em { color: var(--muted); font-size: 11px; font-style: normal; white-space: nowrap; }
.okk-switch { display: flex; align-items: center; gap: 10px; min-height: 50px; margin-bottom: 10px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; background: var(--soft); cursor: pointer; }
.okk-switch input { flex: 0 0 auto; width: 22px; height: 22px; }
.okk-second-call { align-items: end; margin-bottom: 10px; }
.okk-sla-box { display: grid; align-content: center; gap: 3px; min-height: 64px; padding: 8px 10px; border-radius: 10px; background: var(--soft); }
.okk-sla-box small { color: var(--muted); }
.okk-result-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-bottom: 12px; }
.okk-result-grid > div { min-width: 0; padding: 10px; border-radius: 9px; background: var(--soft); }
.okk-result-grid span, .okk-result-grid strong { display: block; }
.okk-result-grid span { color: var(--muted); font-size: 10px; }
.okk-result-grid strong { margin-top: 3px; overflow-wrap: anywhere; font-size: 13px; }
.okk-actions { position: sticky; bottom: 10px; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--border-strong); border-radius: 12px; background: rgba(255,255,255,.97); box-shadow: 0 12px 32px var(--shadow-strong); backdrop-filter: blur(10px); }
.okk-actions .live-status { flex: 1 1 auto; min-height: 0; padding: 6px 8px; }
.okk-form [hidden] { display: none !important; }

@media (max-width: 1050px) {
  .okk-workspace { grid-template-columns: minmax(270px, 35%) minmax(0, 65%); }
  .okk-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .okk-toolbar { align-items: stretch; flex-direction: column; }
  .okk-search { flex-basis: auto; }
  .okk-workspace { display: block; }
  .okk-queue { position: static; max-height: none; }
  .okk-queue-list { max-height: none; }
  .okk-card { display: none; padding: 14px; }
  .okk-workspace.has-selection .okk-queue { display: none; }
  .okk-workspace.has-selection .okk-card { display: block; }
  .okk-mobile-back { display: inline-flex; min-height: 44px; align-items: center; }
  .okk-card-head { flex-direction: column; }
  .okk-card-badges { justify-content: flex-start; }
  .okk-source-line { align-items: stretch; flex-direction: column; }
  .okk-source-line button { width: 100%; }
  .okk-qualification-grid, .okk-target-fields, .okk-non-target, .okk-second-call { grid-template-columns: 1fr; }
  .okk-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .okk-actions { bottom: 66px; align-items: stretch; flex-direction: column; }
  .okk-actions button { width: 100%; }
  .okk-actions .live-status { width: 100%; }
}

@media (max-width: 380px) {
  .okk-stat-strip { margin-inline: -2px; }
  .okk-search { display: grid; grid-template-columns: 1fr; }
  .okk-segmented { grid-template-columns: 1fr; }
  .okk-score-row { grid-template-columns: minmax(0, 1fr) 92px; gap: 7px; }
  .okk-score-row small { display: none; }
  .okk-score-control input { width: 56px; }
  .okk-result-grid { grid-template-columns: 1fr 1fr; }
}

/* OKK business registry: full-width daily control with an on-demand case drawer. */
.okk-tabs { display: flex; gap: 4px; margin-bottom: 14px; padding: 4px; overflow-x: auto; border: 1px solid var(--border); border-radius: 14px; background: var(--soft); }
.okk-tabs a { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: max-content; min-height: 44px; padding: 8px 14px; border-radius: 10px; color: var(--ink); text-decoration: none; }
.okk-tabs a[aria-current="page"] { color: var(--green); background: var(--surface); box-shadow: 0 4px 16px var(--shadow); font-weight: 700; }
.okk-tabs strong { display: grid; min-width: 24px; height: 24px; padding-inline: 6px; place-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 12px; font-variant-numeric: tabular-nums; }
.okk-filter-panel, .okk-focus-settings, .okk-backlog, .okk-registry { margin-bottom: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: 0 10px 28px var(--shadow); }
.okk-filter-panel { padding: 12px; }
.okk-filter-primary { display: grid; grid-template-columns: auto minmax(140px, .75fr) repeat(3, minmax(150px, 1fr)) auto; align-items: end; gap: 9px; }
.okk-filter-primary .period-switch { align-self: end; min-height: 44px; }
.okk-filter-primary > button { min-height: 44px; }
.okk-more-filters { margin-top: 8px; border-top: 1px solid var(--border); }
.okk-more-filters > summary { width: fit-content; padding: 10px 2px 2px; color: var(--green); font-size: 12px; font-weight: 700; cursor: pointer; }
.okk-filter-secondary { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 9px; padding-top: 10px; }
.okk-search-field { grid-column: span 2; }
.okk-budget-range > span:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.okk-budget-range input { min-width: 0; }
.okk-filter-actions { display: flex; align-items: end; gap: 6px; }
.okk-filter-actions > * { min-height: 44px; flex: 1; }
.okk-filter-actions .button { display: grid; place-items: center; }
.okk-focus-settings { overflow: hidden; }
.okk-focus-settings > summary { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 9px 13px; cursor: pointer; }
.okk-focus-settings > summary strong { color: var(--green); }
.okk-focus-settings-body { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px 12px; }
.okk-focus-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.okk-focus-chips span { padding: 5px 9px; border-radius: 999px; background: var(--amber-soft); font-size: 12px; }
.okk-focus-chips small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; }
.okk-focus-management { padding: 0 13px 13px; border-top: 1px solid var(--border); }
.okk-focus-add, .okk-focus-product-editor { margin-top: 9px; border: 1px solid var(--border); border-radius: 10px; background: var(--soft); }
.okk-focus-add > summary, .okk-focus-product-editor > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 8px 11px; color: var(--green); cursor: pointer; }
.okk-focus-product-editor > summary span { color: var(--muted); font-size: 11px; }
.okk-focus-product-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 8px; }
.okk-focus-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px; border-top: 1px solid var(--border); background: var(--surface); }
.okk-focus-form .full { grid-column: 1 / -1; }
.okk-focus-form > button { align-self: end; min-height: 44px; }
.okk-focus-form-actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 7px; }
.okk-focus-form-actions button { min-height: 44px; }
.okk-focus-form-actions .danger { color: var(--accent-ink); border-color: rgba(255,22,84,.3); background: rgba(255,22,84,.08); }
.okk-backlog { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px; border-left: 5px solid var(--accent); }
.okk-backlog h2 { margin: 2px 0 3px; font-size: 18px; }
.okk-backlog p { margin: 0; color: var(--muted); font-size: 12px; }
.okk-backlog-action { display: grid; grid-template-columns: auto auto; align-items: center; gap: 4px 10px; text-align: right; }
.okk-backlog-action > strong { grid-row: 1 / span 2; color: var(--accent); font-size: 34px; font-variant-numeric: tabular-nums; }
.okk-backlog-action small { color: var(--muted); }
.okk-backlog-action .button { grid-column: 2; }
.okk-registry { overflow: hidden; }
.okk-registry-head { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 12px 15px; border-bottom: 1px solid var(--border); }
.okk-registry-head h2 { margin: 2px 0 0; }
.okk-registry-head > strong { display: grid; min-width: 38px; height: 38px; padding-inline: 8px; place-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-variant-numeric: tabular-nums; }
.okk-registry-scroll { overflow-x: auto; }
.okk-registry-table { width: 100%; min-width: 930px; table-layout: fixed; font-size: 12px; }
.okk-registry-table th, .okk-registry-table td { padding: 10px 7px; vertical-align: top; }
.okk-registry-table th:nth-child(1) { width: 72px; }
.okk-registry-table th:nth-child(2) { width: 170px; }
.okk-registry-table th:nth-child(3) { width: 112px; }
.okk-registry-table th:nth-child(4) { width: 112px; }
.okk-registry-table th:nth-child(5) { width: 98px; }
.okk-registry-table th:nth-child(6) { width: 120px; }
.okk-registry-table th:nth-child(7) { width: 128px; }
.okk-registry-table th:nth-child(8) { width: 150px; }
.okk-registry-table tbody tr { cursor: pointer; }
.okk-registry-table tbody tr:hover { background: var(--soft); }
.okk-registry-table td > strong, .okk-registry-table td > small, .okk-registry-table time > small { display: block; }
.okk-registry-table td > small, .okk-registry-table time > small, .okk-row-meta { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.okk-application-link { display: grid; gap: 3px; color: var(--ink); text-decoration: none; }
.okk-application-link strong { color: var(--green); font-size: 13px; }
.okk-application-link small { color: var(--muted); line-height: 1.3; }
.okk-row-meta { display: block; }
.okk-growth-zone { display: block; color: var(--ink); font-size: 11px; line-height: 1.35; }
.okk-quality { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.okk-quality span { min-width: 0; padding: 4px 6px; border-radius: 7px; background: var(--soft); font-size: 10px; }
.okk-quality span:last-child { grid-column: 1 / -1; color: var(--green); }
.okk-quality strong { display: block; margin-top: 1px; font-size: 12px; font-variant-numeric: tabular-nums; }
html.has-okk-drawer { overflow: hidden; }
.okk-drawer-backdrop { position: fixed; inset: 0; z-index: 30; background: rgba(17,37,48,.42); backdrop-filter: blur(2px); }
.okk-detail-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 31; width: min(760px, 92vw); overflow-y: auto; overscroll-behavior: contain; background: var(--surface); box-shadow: -22px 0 60px rgba(17,37,48,.23); }
.okk-detail-head { position: sticky; top: 0; z-index: 4; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 92px; padding: 18px 20px 13px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
.okk-detail-head h2 { margin: 2px 0 3px; font-size: 24px; }
.okk-detail-head p { margin: 0; color: var(--muted); }
.okk-detail-head-actions { display: flex; align-items: center; gap: 7px; }
.okk-drawer-close { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 999px; color: var(--ink); background: var(--soft); font-size: 28px; line-height: 1; text-decoration: none; }
.okk-detail-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-bottom: 1px solid var(--border); background: var(--border); }
.okk-detail-summary > span { min-width: 0; padding: 10px 12px; background: var(--surface); }
.okk-detail-summary small, .okk-detail-summary strong { display: block; overflow-wrap: anywhere; }
.okk-detail-summary small { color: var(--muted); font-size: 10px; }
.okk-detail-summary strong { margin-top: 3px; font-size: 12px; }
.okk-detail-drawer .okk-form, .okk-readonly { margin: 0; padding: 0 20px 22px; }
.okk-detail-drawer .okk-section { padding-block: 18px; }
.okk-detail-drawer audio { width: 100%; margin: 2px 0 12px; }
.okk-audio-message { margin: 0 0 12px; padding: 9px 11px; border-radius: 9px; color: var(--muted); background: var(--soft); font-size: 11px; }
.okk-review-action { margin: 14px 0 0; padding: 11px 13px; border-left: 4px solid var(--accent); border-radius: 10px; background: var(--amber-soft); }
.okk-review-action strong { color: var(--accent-ink); }
.okk-review-action p { margin: 4px 0 0; font-size: 12px; line-height: 1.4; }
.okk-product-lines { display: grid; gap: 6px; margin-top: 11px; }
.okk-product-lines > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 9px 10px; border-radius: 9px; background: var(--soft); }
.okk-product-lines span { color: var(--muted); font-size: 11px; text-align: right; }
.okk-product-lines em { width: fit-content; padding: 2px 6px; border-radius: 999px; color: var(--accent-ink); background: var(--amber-soft); font-size: 10px; font-style: normal; }
.okk-readonly > section { padding: 18px 0; border-bottom: 1px solid var(--border); }
.okk-readonly > section:last-child { border-bottom: 0; }
.okk-readonly h3 { margin: 0 0 12px; }
.okk-rubric-readonly .okk-score-row { cursor: default; }
.okk-detail-drawer .okk-actions { bottom: 0; border-radius: 0; margin-inline: -20px; padding-inline: 20px; }

@media (max-width: 1180px) {
  .okk-filter-primary { grid-template-columns: auto repeat(3, minmax(140px, 1fr)); }
  .okk-filter-primary .period-switch { grid-column: span 2; width: fit-content; }
  .okk-filter-primary > button { width: 100%; }
  .okk-filter-secondary { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
}

@media (max-width: 760px) {
  .okk-tabs { margin-inline: -2px; }
  .okk-tabs a { flex: 1 0 auto; padding-inline: 10px; }
  .okk-filter-panel { padding: 10px; }
  .okk-filter-primary, .okk-filter-secondary { grid-template-columns: 1fr 1fr; }
  .okk-filter-primary .period-switch { grid-column: 1 / -1; width: 100%; }
  .okk-filter-primary .period-switch button { flex: 1; }
  .okk-filter-primary > button, .okk-search-field, .okk-filter-actions { grid-column: 1 / -1; }
  .okk-backlog { align-items: stretch; flex-direction: column; }
  .okk-focus-settings-body { align-items: flex-start; flex-direction: column; }
  .okk-focus-form { grid-template-columns: 1fr 1fr; }
  .okk-backlog-action { grid-template-columns: auto 1fr; text-align: left; }
  .okk-backlog-action .button { width: 100%; }
  .okk-registry-scroll { overflow: visible; }
  .okk-registry-table { min-width: 0; }
  .okk-registry-table tbody { display: grid; gap: 8px; padding: 8px; }
  .okk-registry-table tr { padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }
  .okk-registry-table td { grid-template-columns: minmax(90px, 34%) minmax(0, 1fr); padding: 5px 0; }
  .okk-registry-table td::before { font-size: 10px; }
  .okk-registry-table td[data-label="Сделка и запрос"] { order: -2; }
  .okk-registry-table td[data-label="Дата и время"] { order: -1; }
  .okk-quality { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .okk-quality span:last-child { grid-column: auto; }
  .okk-detail-drawer { left: 0; width: 100%; }
  .okk-detail-head { padding: 12px; }
  .okk-detail-head-actions .button { display: none; }
  .okk-detail-summary { grid-template-columns: 1fr 1fr; }
  .okk-detail-drawer .okk-form, .okk-readonly { padding-inline: 12px; }
  .okk-detail-drawer .okk-actions { bottom: 0; margin-inline: -12px; padding: 10px 12px; }
}

@media (max-width: 380px) {
  .okk-filter-primary, .okk-filter-secondary { grid-template-columns: 1fr; }
  .okk-filter-primary .period-switch, .okk-filter-primary > button, .okk-search-field, .okk-filter-actions { grid-column: auto; }
  .okk-budget-range > span:last-child { grid-template-columns: 1fr 1fr; }
  .okk-focus-form { grid-template-columns: 1fr; }
  .okk-focus-form .full, .okk-focus-form-actions { grid-column: auto; }
  .okk-focus-form-actions { align-items: stretch; flex-direction: column; }
  .okk-focus-form-actions button { width: 100%; }
  .okk-registry-head { min-height: 58px; padding: 10px; }
  .okk-registry-table tbody { padding: 6px; }
  .okk-registry-table tr { padding: 9px; }
  .okk-registry-table td { grid-template-columns: 82px minmax(0, 1fr); gap: 6px; }
  .okk-quality { grid-template-columns: 1fr 1fr; }
  .okk-quality span:last-child { grid-column: 1 / -1; }
  .okk-detail-summary { grid-template-columns: 1fr; }
  .okk-product-lines > div { grid-template-columns: 1fr; }
  .okk-product-lines span { text-align: left; }
}

/* Weekly growth zone: one evidence-backed coaching loop per manager. */
.growth-intro { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--surface), var(--green-soft)); box-shadow: 0 12px 34px var(--shadow); }
.growth-intro h2 { margin-bottom: 5px; font-size: 23px; letter-spacing: -.025em; }
.growth-intro p { max-width: 760px; margin: 0; color: var(--muted); }
.growth-period { display: grid; min-width: 170px; padding: 10px 14px; border-radius: 12px; background: var(--surface); box-shadow: 0 4px 18px var(--shadow); }
.growth-period small { color: var(--muted); }
.growth-period strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.growth-filter-panel, .growth-registry { margin-bottom: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: 0 10px 28px var(--shadow); }
.growth-filter-panel { padding: 12px; }
.growth-filter-form { display: grid; grid-template-columns: 150px repeat(3, minmax(130px, 1fr)) minmax(170px, 1.25fr) minmax(155px, 1fr) auto; align-items: end; gap: 9px; }
.growth-filter-form .field { min-width: 0; }
.growth-filter-actions { display: flex; gap: 6px; }
.growth-filter-help { margin: 9px 2px 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.growth-registry { overflow: hidden; }
.growth-registry-head { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 12px 15px; border-bottom: 1px solid var(--border); }
.growth-registry-head h2 { margin: 2px 0 0; }
.growth-registry-head > strong { display: grid; min-width: 38px; height: 38px; padding-inline: 8px; place-items: center; border-radius: 999px; color: var(--green); background: var(--green-soft); font-variant-numeric: tabular-nums; }
.growth-registry-scroll { overflow-x: auto; }
.growth-registry-table { min-width: 1050px; table-layout: fixed; font-size: 12px; }
.growth-registry-table th, .growth-registry-table td { padding: 11px 9px; }
.growth-registry-table th:nth-child(1) { width: 160px; }
.growth-registry-table th:nth-child(2) { width: 245px; }
.growth-registry-table th:nth-child(3) { width: 130px; }
.growth-registry-table th:nth-child(4) { width: 220px; }
.growth-registry-table th:nth-child(5) { width: 165px; }
.growth-registry-table th:nth-child(6) { width: 165px; }
.growth-manager-link { display: grid; gap: 3px; color: var(--ink); text-decoration: none; }
.growth-manager-link strong { color: var(--green); font-size: 13px; }
.growth-manager-link small, .growth-cell-note { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.growth-zone-name { display: block; font-size: 13px; line-height: 1.35; }
.growth-score { color: var(--green); font-size: 20px; font-variant-numeric: tabular-nums; }
.growth-action-link { display: inline-flex; align-items: center; min-height: 34px; padding: 5px 9px; border-radius: 8px; color: var(--green); background: var(--green-soft); font-size: 11px; font-weight: 700; line-height: 1.25; text-decoration: none; }
.growth-action-link:hover { background: #d8f3e8; }
.growth-state { display: inline-flex; align-items: center; min-height: 26px; width: fit-content; padding: 3px 8px; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 11px; font-weight: 700; }
.growth-state.insufficient { color: var(--amber); background: var(--amber-soft); }
.growth-state.needs-plan, .growth-state.pending { color: var(--red-ink); background: var(--red-soft); }
.growth-state.observing { color: var(--green); background: var(--green-soft); }
.growth-state.improved { color: #176f4c; background: #e0f5eb; }
.growth-state.no_change { color: var(--amber); background: var(--amber-soft); }
.growth-empty { margin: 15px; }
.growth-empty p { margin-bottom: 0; color: var(--muted); }
html.has-growth-drawer { overflow: hidden; }
.growth-drawer-backdrop { position: fixed; inset: 0; z-index: 40; background: rgba(17,37,48,.44); backdrop-filter: blur(2px); }
.growth-detail-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 41; width: min(780px, 94vw); overflow-y: auto; overscroll-behavior: contain; background: var(--surface); box-shadow: -22px 0 60px rgba(17,37,48,.23); }
.growth-detail-head { position: sticky; top: 0; z-index: 4; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 94px; padding: 18px 20px 13px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
.growth-detail-head h2 { margin: 2px 0 3px; font-size: 24px; }
.growth-detail-head p { margin: 0; color: var(--muted); }
.growth-detail-head-actions { display: flex; align-items: center; gap: 7px; }
.growth-detail-head-actions form { margin: 0; }
.growth-drawer-close { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; border-radius: 999px; color: var(--ink); background: var(--soft); font-size: 28px; line-height: 1; text-decoration: none; }
.growth-detail-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-bottom: 1px solid var(--border); background: var(--border); }
.growth-detail-summary > span { min-width: 0; padding: 11px 12px; background: var(--surface); }
.growth-detail-summary small, .growth-detail-summary strong { display: block; overflow-wrap: anywhere; }
.growth-detail-summary small { color: var(--muted); font-size: 10px; }
.growth-detail-summary strong { margin-top: 3px; font-size: 12px; }
.growth-detail-body { padding: 0 20px 28px; }
.growth-detail-section { padding: 20px 0; border-bottom: 1px solid var(--border); }
.growth-detail-section:last-child { border-bottom: 0; }
.growth-detail-section h3 { margin: 1px 0 10px; font-size: 18px; }
.growth-lead-text { margin: 0; font-size: 16px; line-height: 1.55; }
.growth-method-note { margin: 10px 0 0; padding: 9px 11px; border-radius: 9px; color: var(--muted); background: var(--soft); font-size: 12px; line-height: 1.45; }
.growth-suggestion { margin-top: 13px; padding: 13px 14px; border-left: 4px solid var(--accent); border-radius: 10px; background: var(--amber-soft); }
.growth-suggestion p { margin: 4px 0; }
.growth-suggestion small { color: var(--muted); }
.growth-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.growth-section-head > strong { color: var(--green); font-size: 17px; font-variant-numeric: tabular-nums; }
.growth-evidence-list, .growth-action-history { display: grid; gap: 8px; }
.growth-evidence-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 58px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--ink); text-decoration: none; background: var(--soft); }
.growth-evidence-item:hover { border-color: var(--green); background: var(--green-soft); }
.growth-evidence-item span { min-width: 0; }
.growth-evidence-item small, .growth-evidence-item strong, .growth-evidence-item em { display: block; }
.growth-evidence-item small, .growth-evidence-item em { color: var(--muted); font-size: 10px; font-style: normal; }
.growth-evidence-item strong { margin: 2px 0; overflow-wrap: anywhere; }
.growth-evidence-item b { color: var(--green); font-size: 17px; font-variant-numeric: tabular-nums; }
.growth-plan-current { padding: 13px 14px; border-radius: 10px; background: var(--green-soft); }
.growth-plan-current p { margin: 4px 0 0; font-size: 15px; }
.growth-plan-current small { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }
.growth-plan-empty { padding: 13px 14px; border: 1px dashed var(--border); border-radius: 10px; background: var(--soft); }
.growth-plan-empty p { margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.growth-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
.growth-workflow li { display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--soft); }
.growth-workflow li > span, .growth-step-number { display: grid; width: 24px; height: 24px; flex: 0 0 auto; place-items: center; border-radius: 999px; color: var(--muted); background: var(--surface); font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; }
.growth-workflow li.current { border-color: var(--accent); background: var(--amber-soft); }
.growth-workflow li.current > span { color: var(--surface); background: var(--accent); }
.growth-workflow li.complete { border-color: #9edbc2; background: var(--green-soft); }
.growth-workflow li.complete > span { color: var(--surface); background: var(--green); }
.growth-workflow strong, .growth-workflow small { display: block; }
.growth-workflow strong { font-size: 12px; }
.growth-workflow small { margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.growth-rop-panel { margin-top: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 13px; background: var(--soft); }
.growth-rop-panel.is-locked { opacity: .72; }
.growth-rop-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.growth-rop-panel-head > div { display: flex; align-items: center; gap: 8px; }
.growth-rop-panel-head h4 { margin: 0; font-size: 15px; }
.growth-rop-panel .stack-form { display: grid; gap: 10px; }
.growth-rop-panel .field { min-width: 0; }
.growth-choice-help { min-height: 18px; margin: -4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.growth-complete-form { margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--border); }
.growth-readonly-actions { margin-top: 12px; }
.growth-action-form { margin-top: 11px; border: 1px solid var(--border); border-radius: 11px; background: var(--soft); }
.growth-action-form > summary { display: flex; align-items: center; min-height: 46px; padding: 9px 12px; color: var(--green); cursor: pointer; font-weight: 700; }
.growth-action-form form { padding: 0 12px 12px; }
.growth-form-intro { margin: 0 0 10px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.growth-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.growth-form-actions .live-status { min-width: 0; margin-right: auto; }
.growth-action-complete { padding: 12px 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--soft); }
.growth-action-complete > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.growth-action-complete time, .growth-action-complete small { color: var(--muted); font-size: 11px; }
.growth-action-complete p { margin: 5px 0 0; }
.growth-insufficient { margin-top: 18px; padding: 18px; border: 1px solid #eadb86; border-radius: 12px; background: var(--amber-soft); }
.growth-insufficient h3 { margin: 9px 0 5px; font-size: 18px; }
.growth-insufficient p { margin: 0; color: var(--muted); }
.growth-result-card { padding: 15px; border-radius: 11px; background: var(--soft); }
.growth-result-card.improved { background: #e0f5eb; }
.growth-result-card.no_change, .growth-result-card.insufficient { background: var(--amber-soft); }
.growth-result-card > strong { display: block; margin-top: 9px; font-size: 28px; font-variant-numeric: tabular-nums; }
.growth-result-card p { margin: 3px 0 0; color: var(--muted); }

@media (max-width: 1240px) {
  .growth-filter-form { grid-template-columns: repeat(4, minmax(140px, 1fr)); }
  .growth-manager-filter { grid-column: span 2; }
  .growth-filter-actions { justify-content: flex-end; }
}

@media (max-width: 760px) {
  .growth-intro { align-items: stretch; flex-direction: column; padding: 15px; }
  .growth-period { min-width: 0; }
  .growth-filter-form { grid-template-columns: 1fr 1fr; }
  .growth-manager-filter { grid-column: 1 / -1; }
  .growth-filter-actions { grid-column: 1 / -1; }
  .growth-filter-actions > * { flex: 1; }
  .growth-registry-scroll { overflow: visible; }
  .growth-registry-table { min-width: 0; }
  .growth-registry-table tbody { display: grid; gap: 8px; padding: 8px; }
  .growth-registry-table tr { padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }
  .growth-registry-table td { grid-template-columns: minmax(92px, 34%) minmax(0, 1fr); padding: 5px 0; }
  .growth-registry-table td[data-label="Менеджер"] { order: -2; }
  .growth-registry-table td[data-label="Наблюдение системы"] { order: -1; }
  .growth-detail-drawer { left: 0; width: 100%; }
  .growth-detail-head { padding: 12px; }
  .growth-detail-head-actions button { display: none; }
  .growth-detail-summary { grid-template-columns: 1fr 1fr; }
  .growth-detail-body { padding-inline: 12px; }
  .growth-workflow { grid-template-columns: 1fr; }
  .growth-form-actions { align-items: stretch; flex-direction: column; }
  .growth-form-actions > * { width: 100%; }
}

@media (max-width: 380px) {
  .growth-filter-form { grid-template-columns: 1fr; }
  .growth-manager-filter, .growth-filter-actions { grid-column: auto; }
  .growth-filter-actions { flex-direction: column; }
  .growth-registry-table tbody { padding: 6px; }
  .growth-registry-table tr { padding: 9px; }
  .growth-registry-table td { grid-template-columns: 84px minmax(0, 1fr); gap: 6px; }
  .growth-detail-head-actions form { display: none; }
  .growth-detail-summary { grid-template-columns: 1fr; }
  .growth-evidence-item { align-items: flex-start; }
  .growth-action-complete > div { align-items: flex-start; flex-direction: column; gap: 2px; }
}

/* P0-6H: owner-approved operational workspace over canonical facts. */
.operational-page-head { margin-bottom: 18px; }
.rnp-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 16px; color:var(--muted); }
.rnp-breadcrumbs span[aria-current="page"] { color:var(--ink); font-weight:800; }
.owner-empty-state { min-height:240px; display:grid; place-content:center; text-align:center; }
.rnp-kpi { color:inherit; text-decoration:none; transition:.15s ease; }
.rnp-kpi:hover { border-color:var(--green); transform:translateY(-1px); }
.object-action { color:var(--green); font-weight:700; font-size:12px; }
.data-caution { background:#fff6df; border:1px solid #e6c56f; border-radius:12px; padding:12px 14px; margin-bottom:14px; }
.owner-team-breakdown small, .okk-registry-table small { display:block; margin-top:4px; color:var(--muted); }
.owner-team-breakdown td:first-child > a { display:flex; min-height:44px; align-items:center; }
.evidence-panel { scroll-margin-top:20px; }
.evidence-entry { display:grid; grid-template-columns:minmax(240px,1fr) minmax(180px,.5fr); gap:18px; padding:16px 0; border-bottom:1px solid var(--border); }
.evidence-entry > div { display:flex; flex-direction:column; gap:3px; }
.evidence-entry details { grid-column:1/-1; }
.okk-case-detail { margin-top:18px; }
.okk-detail-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.okk-detail-summary article { background:var(--soft); border-radius:12px; padding:14px; }
.okk-detail-summary small,.okk-detail-summary strong { display:block; }
.compact-filter { display:flex; align-items:end; gap:14px; }
.compact-filter .field { width:min(320px,100%); }
.growth-insufficient-list { display:grid; gap:10px; }
.growth-insufficient-list article { display:flex; justify-content:space-between; gap:16px; padding:14px; border:1px solid var(--border); border-radius:12px; }
.issue-list { display:grid; gap:10px; }
.data-issue { display:grid; grid-template-columns:150px minmax(260px,1fr) minmax(220px,.6fr); gap:16px; align-items:center; padding:14px; border:1px solid var(--border); border-radius:12px; }
.data-issue p { margin:3px 0; }
.data-control-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.data-control-cards article { display:flex; flex-direction:column; gap:5px; padding:14px; border:1px solid var(--border); border-radius:12px; }
.technical-disclosure > summary { font-weight:800; cursor:pointer; }
.account-row-actions { display:flex; flex-wrap:wrap; gap:6px 12px; }
.account-action-surface { max-width:820px; margin:20px auto 70px; padding:24px; background:white; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); }
.account-action-head { display:flex; justify-content:space-between; align-items:start; gap:18px; }
.account-action-target { display:flex; flex-direction:column; gap:4px; margin:16px 0; padding:14px; border-radius:12px; background:var(--soft); }
.account-action-target span { color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.account-action-target strong { font-size:20px; overflow-wrap:anywhere; }
.account-action-warning { display:flex; flex-direction:column; gap:5px; margin:16px 0; padding:14px; border-radius:12px; background:#fff6df; border:1px solid #e6c56f; }
.account-action-form { display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
.account-action-form p { margin:0; }
.account-action-form p:has(textarea),.account-action-form button { grid-column:1/-1; }
.account-action-form label { display:block; margin-bottom:5px; font-weight:700; }
.account-action-empty { max-width:820px; margin:20px auto 70px; padding:32px; text-align:center; border:1px dashed var(--border); border-radius:16px; }
.rnp-filter-two-rows { display:grid; grid-template-columns:1fr; }
.rnp-filter-row { display:grid; align-items:end; gap:10px; }
.rnp-filter-primary { grid-template-columns:repeat(5,minmax(150px,1fr)); }
.rnp-filter-secondary { grid-template-columns:minmax(170px,.5fr) minmax(260px,1fr) auto; max-width:760px; }
.rnp-calendar-reason { margin:0 0 12px; padding:10px 13px; border-left:4px solid var(--accent); border-radius:9px; background:var(--amber-soft); }
.rnp-matrix-panel { margin-bottom:16px; padding:18px; }
.rnp-matrix-scroll { max-height:680px; overflow:auto; border:1px solid var(--border); border-radius:10px; }
.rnp-daily-matrix { min-width:1480px; border-collapse:separate; border-spacing:0; font-size:12px; }
.rnp-daily-matrix th,.rnp-daily-matrix td { min-width:118px; padding:9px 8px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); vertical-align:top; font-variant-numeric:tabular-nums; }
.rnp-daily-matrix thead th { position:sticky; top:0; z-index:4; background:var(--soft-strong); }
.rnp-daily-matrix th:nth-child(1),.rnp-daily-matrix td:nth-child(1) { position:sticky; z-index:2; }
.rnp-daily-matrix thead th:nth-child(1) { z-index:6; }
.rnp-daily-matrix th:nth-child(1),.rnp-daily-matrix td:nth-child(1) { left:0; width:250px; min-width:250px; }
.rnp-daily-matrix td.matrix-metric a { display:grid; gap:3px; color:var(--ink); text-decoration:none; }
.rnp-daily-matrix td.matrix-metric a strong { color:var(--green); }
.rnp-daily-matrix td small,.calculation-reason,.daily-no-observation { display:block; color:var(--muted); font-size:10px; line-height:1.35; white-space:normal; }
.rnp-daily-matrix .matrix-day { min-width:92px; width:92px; }
.conversion-triplet { display:grid; gap:3px; }
.conversion-triplet b { font-size:10px; white-space:normal; }
.okk-full-registry-scroll { max-height:650px; overflow:auto; border:1px solid var(--border); border-radius:10px; }
.okk-full-registry { min-width:5100px; border-collapse:separate; border-spacing:0; font-size:11px; }
.okk-full-registry th,.okk-full-registry td { min-width:135px; padding:9px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); vertical-align:top; white-space:normal; }
.okk-full-registry thead th { position:sticky; top:0; z-index:4; background:var(--soft-strong); }
.okk-full-registry .okk-sticky-col { position:sticky; z-index:2; }
.okk-full-registry thead .okk-sticky-col { z-index:6; }
.okk-full-registry .okk-sticky-1 { left:0; min-width:125px; }
.okk-full-registry .okk-sticky-2 { left:125px; min-width:100px; }
.okk-full-registry .okk-sticky-3 { left:225px; min-width:180px; }
.okk-full-registry .okk-sticky-4 { left:405px; min-width:140px; box-shadow:8px 0 14px rgba(17,37,48,.06); }
.okk-full-registry .okk-sticky-4 > .okk-deal-link { position:relative; z-index:3; display:flex; width:100%; min-height:44px; align-items:center; pointer-events:auto; }
.okk-registry-action a { display:inline-flex; min-height:44px; align-items:center; font-weight:700; }
.okk-current-task { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; border-color:var(--accent); }
.okk-current-task h2, .okk-current-task p { margin:4px 0; }
.okk-queue-collapsed > summary { padding:16px 18px; cursor:pointer; font-weight:700; }
.okk-queue-collapsed[open] > summary { border-bottom:1px solid var(--border); }
.okk-case-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0; }
.okk-score-evidence { margin:18px 0; }
.demo-link-note,.okk-transcript-evidence { color:var(--muted); }
.growth-weekly-table { min-width:1280px; }
.growth-weekly-table td small,.growth-weekly-table td span { display:block; margin-top:4px; color:var(--muted); }
.growth-weekly-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.growth-decision-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.growth-decision-form .full,.growth-decision-form button { grid-column:1/-1; }
.account-selected-row td { background:var(--green-soft); }
.account-inline-row td { padding:0 12px 18px; background:var(--soft); }
.account-inline-row .account-action-surface { max-width:none; margin:0; scroll-margin-top:90px; box-shadow:0 14px 34px var(--shadow); }
.account-inline-row .account-action-surface:focus { outline:3px solid var(--accent-border); outline-offset:2px; }
.employee-card { margin-top:22px; scroll-margin-top:88px; }
.employee-card:focus { outline:3px solid var(--accent-border); outline-offset:2px; }
.employee-card-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }
.employee-card-summary article { display:flex; flex-direction:column; gap:5px; min-height:86px; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--soft); }
.employee-card-summary small { color:var(--muted); }
.employee-card-regular,.employee-card-danger { margin-top:18px; padding:18px; border-radius:14px; }
.employee-card-regular { background:#eef8f3; border:1px solid #a9d8c1; }
.employee-card-danger { background:#fff6e8; border:1px solid #e8c98e; }
.employee-card-action { max-width:none; margin:22px 0 0; }
.rnp-rop-comparison { margin:20px 0; }
.rnp-rop-comparison th a { color:inherit; text-decoration:none; }
.rnp-rop-comparison th a[aria-current="page"] { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.okk-external-deal-link,.okk-internal-card-link,.okk-demo-deal-disabled { display:flex; flex-direction:column; gap:3px; min-width:180px; }
.okk-internal-card-link { margin-top:7px; font-weight:700; }
.okk-demo-deal-disabled { color:var(--muted); }
.okk-full-registry tr[tabindex]:focus { outline:3px solid var(--accent-border); outline-offset:-3px; }
@media (max-width:1300px) {
  .employee-card-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.tutorial-entry,.tutorial-banner { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:14px 16px; border-radius:14px; }
.tutorial-entry { border:1px solid #8fc7b1; background:var(--green-soft); }
.tutorial-banner { position:sticky; top:8px; z-index:30; border:2px solid #f1b800; background:#fff2a8; box-shadow:0 10px 28px rgba(75,56,0,.18); }
.tutorial-entry > div,.tutorial-banner > div:first-child { display:grid; gap:3px; }
.tutorial-entry span,.tutorial-banner span { color:#5c4b12; font-size:12px; }
.tutorial-banner strong { color:#5b4300; font-size:18px; }
.tutorial-banner-actions { display:flex; align-items:center; gap:8px; }
.tutorial-banner-actions form { margin:0; }
.tutorial-banner-actions .primary { color:white; background:#6b4f00; border-color:#6b4f00; }
.rnp-fixed-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0; }
.rnp-fixed-scope article { min-width:0; padding:12px 14px; border:1px solid var(--border); border-radius:12px; background:var(--soft); }
.rnp-fixed-scope small,.rnp-fixed-scope strong { display:block; }
.rnp-fixed-scope small { color:var(--muted); font-size:11px; }
.rnp-fixed-scope strong { margin-top:3px; overflow-wrap:anywhere; }
.rnp-period-submit { margin-top:12px; }
.rnp-scope-navigator { display:grid; grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(180px,1.2fr) auto; align-items:end; gap:9px; margin-top:12px; }
.rnp-scope-navigator .field,.rnp-team-navigator .field { min-width:0; }
.rnp-scope-arrow { align-self:center; padding-top:18px; color:var(--muted); font-weight:800; }
.rnp-team-navigator { display:grid; grid-template-columns:minmax(180px,.65fr) minmax(240px,1fr) auto; align-items:end; gap:12px; max-width:850px; margin-top:12px; }
.rnp-unified-table { min-width:1480px; }
.rnp-unified-table th:nth-child(1),.rnp-unified-table td:nth-child(1) { left:0; width:270px; min-width:270px; }
.rnp-unified-table .rnp-plan-day-column { min-width:132px; background:#fff7ca; border-right-color:#e8c94e; border-left:3px solid #ffd400; }
.rnp-unified-table thead .rnp-plan-day-column { background:#ffef97; color:#27343d; }
.rnp-unified-table .rnp-fact-day-column { min-width:132px; background:#edf8fc; }
.rnp-unified-table thead .rnp-fact-day-column { background:#dceff7; }
.rnp-unified-table thead th small { color:var(--muted); font-size:10px; }
.rnp-unified-table .matrix-metric small:first-child { color:var(--muted); font-weight:700; }
.rnp-summary-cards { grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); margin:0 0 18px; }
.rnp-summary-cards .rnp-kpi { min-height:330px; padding:15px 17px; }
.rnp-summary-card > strong { display:block; margin:6px 0 10px; font-size:25px; font-variant-numeric:tabular-nums; }
.rnp-summary-card > strong small { color:var(--muted); font-size:12px; }
.rnp-summary-card .rnp-summary-detail-list { display:grid; grid-template-columns:1fr; gap:0; }
.rnp-summary-card .rnp-summary-detail-row { display:grid; grid-template-columns:minmax(118px,.42fr) minmax(0,1fr); align-items:start; gap:14px; }
.rnp-summary-card .rnp-summary-detail-row dt { line-height:1.4; }
.rnp-summary-card .rnp-summary-detail-row dd { min-width:0; overflow-wrap:anywhere; line-height:1.4; text-align:left; }
.rnp-summary-card .rnp-plan-day-detail { margin:0 -8px; padding:8px; border-left:3px solid #ffd400; background:#fff7ca; }
.rnp-direction-block th { position:sticky !important; left:0 !important; z-index:7 !important; min-width:1005px !important; padding:11px 14px; color:#173d32; background:#dcefe8 !important; font-size:12px; letter-spacing:.055em; text-align:left; }
.rnp-unified-table .matrix-metric-indent-1 a { padding-left:18px; border-left:3px solid var(--border-strong); }
.rnp-activity-section { margin-top:20px; }
.rnp-activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.rnp-activity-card { padding:15px 17px; }
.rnp-activity-card .activity-detail-list { display:grid; grid-template-columns:1fr; gap:0; }
.rnp-activity-card .activity-detail-row { display:grid; grid-template-columns:minmax(118px,.38fr) minmax(0,1fr); align-items:start; gap:14px; }
.rnp-activity-card .activity-detail-row dt { line-height:1.4; }
.rnp-activity-card .activity-detail-row dd { min-width:0; overflow-wrap:anywhere; line-height:1.4; text-align:left; }
.rnp-activity-card .rnp-plan-day-detail { margin:0 -8px; padding:8px; border-left:3px solid #ffd400; background:#fff7ca; }
.okk-filter-row { display:grid; grid-template-columns:160px 180px minmax(220px,1fr) auto; align-items:end; gap:12px; margin-top:12px; }
.okk-filter-row .field { min-width:0; }
.okk-primary-action { align-self:center; }
.growth-week-switch { display:flex; gap:8px; margin:0 0 10px; }
.growth-week-switch a { padding:9px 13px; border:1px solid var(--border); border-radius:999px; color:var(--ink); text-decoration:none; background:var(--surface); }
.growth-week-switch a[aria-current="page"] { color:white; border-color:var(--green); background:var(--green); }
.account-create-surface { max-width:none; margin:0 0 18px; border-color:#8fc7b1; }
.accounts-directory td small { display:block; margin-top:4px; color:var(--muted); }
.month-shortcuts { display:flex; gap:8px; margin:0 0 14px; }
.month-shortcuts a { padding:8px 12px; border:1px solid var(--border); border-radius:9px; color:var(--ink); text-decoration:none; }
.month-shortcuts a[aria-current="page"] { color:white; border-color:var(--green); background:var(--green); }
.okk-queue-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 14px; padding:14px 16px; border:1px solid #e0bd58; border-radius:12px; background:var(--amber-soft); }
.okk-queue-summary strong { font-size:22px; }
.okk-tutorial-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; }
.okk-tutorial-form fieldset { padding:14px; border:1px solid var(--border); border-radius:12px; }
.okk-tutorial-form .full,.okk-tutorial-form .okk-actions { grid-column:1/-1; }
.form-explanation { grid-column:1/-1; margin:0; padding:10px 12px; color:var(--muted); background:var(--soft); border-radius:9px; }
.unified-period-component { display:grid; gap:12px; margin-bottom:12px; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--soft); }
.unified-period-component .rnp-period-row { margin:0; }
.unified-period-fields { display:grid; grid-template-columns:minmax(180px,240px) minmax(180px,240px); gap:12px; }
.okk-filter-form > .okk-filter-primary { grid-template-columns:minmax(190px,.7fr) minmax(320px,1fr) auto; }
.okk-deal-link { flex-direction:column; align-items:flex-start !important; justify-content:center; gap:3px; text-decoration:none; }
.okk-deal-link strong { color:var(--green); }
.okk-deal-link small { color:var(--muted); font-weight:500; }
.okk-work-card { margin-bottom:14px; padding:0; overflow:visible; }
.okk-work-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--border); background:linear-gradient(120deg,var(--surface),var(--green-soft)); border-radius:var(--radius-md) var(--radius-md) 0 0; }
.okk-work-head h2 { margin:2px 0 3px; font-size:23px; }
.okk-work-head p { margin-bottom:0; color:var(--muted); }
.okk-work-head-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.okk-work-form { gap:0; }
.okk-work-form [hidden] { display:none !important; }
.okk-work-section { margin:0; padding:18px 20px; border:0; border-bottom:1px solid var(--border); min-width:0; }
.okk-work-section:last-of-type { border-bottom:0; }
.okk-work-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin:0 0 12px; padding:0; font-size:17px; font-weight:600; }
.okk-work-section-head h3 { margin:0; font-size:17px; }
.okk-work-section-head strong { color:var(--green); font-variant-numeric:tabular-nums; }
.okk-work-section .field small { display:block; color:var(--muted); font-size:11px; line-height:1.35; }
.okk-score-section .rnp-entry-grid { grid-template-columns:repeat(5,minmax(120px,1fr)); }
.okk-score-section .rnp-entry-grid .field { min-width:0; padding:11px; border:1px solid var(--border); border-radius:11px; background:var(--soft); }
.okk-score-section .rnp-entry-grid .field > span { min-height:36px; line-height:1.3; }
.okk-score-section .rnp-entry-grid input { font-size:17px; font-variant-numeric:tabular-nums; }
.okk-separate-call-field { max-width:520px; margin-top:10px; }
.okk-correction-reason { margin-top:12px; }
.okk-work-history { margin:0 20px; padding:4px 0 12px; border-bottom:1px solid var(--border); }
.okk-work-history summary { color:var(--green); cursor:pointer; font-weight:600; }
.okk-work-history p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.okk-work-actions { margin:14px 20px 20px; }
.okk-work-empty,.okk-manual-drafts,.okk-registry-panel,.okk-detail-panel { margin-bottom:14px; }
.okk-filter-form > .okk-filter-primary { grid-template-columns:minmax(160px,.6fr) minmax(300px,1.4fr) minmax(190px,.8fr) minmax(180px,.7fr); }
.okk-filter-form .okk-filter-secondary { grid-template-columns:repeat(4,minmax(165px,1fr)); }
.okk-filter-single-action { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.okk-filter-single-action > * { min-height:44px; }
.okk-registry-loading { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:16px; border:1px solid var(--border-strong); border-radius:12px; color:var(--ink); background:var(--green-soft); }
.okk-registry-loading[hidden] { display:none; }
.okk-registry-loading strong,.okk-registry-loading span { display:block; }
.okk-registry-loading div > span { margin-top:2px; color:var(--muted); font-size:12px; }
.okk-five-column-table { min-width:1040px; table-layout:fixed; }
.okk-five-column-table th:nth-child(1) { width:26%; }
.okk-five-column-table th:nth-child(2) { width:17%; }
.okk-five-column-table th:nth-child(3) { width:15%; }
.okk-five-column-table th:nth-child(4) { width:22%; }
.okk-five-column-table th:nth-child(5) { width:20%; }
.okk-five-column-table td > strong,.okk-five-column-table td > small { display:block; }
.okk-five-column-table td > small { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.35; }
.okk-row-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; margin-top:8px; font-size:11px; }
.okk-row-actions a { min-height:28px; }
.okk-external-deal-link { color:var(--muted); }
.okk-control-state { width:fit-content; margin-top:7px; }
.okk-case-grid,.okk-score-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.okk-case-grid article,.okk-score-detail-grid section { min-width:0; padding:15px; border:1px solid var(--border); border-radius:12px; background:var(--soft); }
.okk-score-detail-grid { margin-top:14px; }
.okk-detail-panel > details { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.growth-candidate-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; }
.growth-candidate-card { display:grid; gap:13px; padding:16px; border:1px solid var(--border); border-radius:13px; background:var(--soft); }
.growth-candidate-card h3,.growth-candidate-card p { margin:4px 0; }
.growth-candidate-source { display:grid; gap:3px; padding:11px; border-radius:10px; background:var(--surface); }
.growth-candidate-choice { grid-column:1/-1; display:grid; gap:9px; padding:14px; border:1px solid var(--border); border-radius:12px; }
.growth-candidate-choice legend { padding:0 7px; font-weight:800; }
.growth-candidate-choice label { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--border); border-radius:10px; cursor:pointer; }
.growth-candidate-choice input { width:auto; margin-top:3px; }
.growth-candidate-choice span,.growth-candidate-choice small { display:block; }
.growth-candidate-choice small { margin-top:3px; color:var(--muted); }
@media (max-width:1100px) {
  .okk-score-section .rnp-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .okk-filter-form > .okk-filter-primary,.okk-filter-form .okk-filter-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .okk-detail-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .data-issue { grid-template-columns:130px 1fr; }
  .data-issue > b { grid-column:2; }
}
@media (max-width:760px) {
  .okk-work-head { align-items:stretch; flex-direction:column; padding:15px; }
  .okk-work-head-actions { justify-content:flex-start; }
  .okk-work-section { padding:16px 15px; }
  .okk-work-history { margin-inline:15px; }
  .okk-work-actions { margin:12px 15px 16px; }
  .okk-filter-form > .okk-filter-primary,.okk-filter-form .okk-filter-secondary { grid-template-columns:1fr; }
  .okk-score-section .rnp-entry-grid { grid-template-columns:1fr; }
  .okk-filter-single-action { align-items:stretch; flex-direction:column; }
  .okk-filter-single-action > * { width:100%; }
  .okk-five-column-table { min-width:0; }
  .okk-case-grid,.okk-score-detail-grid { grid-template-columns:1fr; }
}
@media (max-width:1360px) {
  .rnp-scope-navigator { grid-template-columns:repeat(5,minmax(150px,1fr)) auto; }
  .rnp-scope-arrow { display:none; }
}