:root {
  --ink: #172018;
  --ink-2: #263128;
  --muted: #69726b;
  --line: #e3e8e1;
  --surface: #ffffff;
  --canvas: #f6f8f5;
  --green: #5d8d30;
  --green-dark: #508024;
  --green-soft: #edf4e7;
  --red: #e56b55;
  --red-dark: #c9533f;
  --red-soft: #fff3f0;
  --amber: #d89b2b;
  --amber-soft: #fff7e6;
  --blue: #4778b7;
  --radius: 10px;
  --shadow: 0 8px 28px rgba(27, 43, 29, .055);
  font-family: Gilroy, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--canvas);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); }
body { min-width: 320px; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }

.boot { min-height: 100vh; display: grid; place-content: center; gap: 28px; background: var(--surface); }
.boot-logo { width: min(340px, 68vw); }
.spinner { width: 26px; height: 26px; margin: auto; border: 3px solid var(--line); border-top-color: var(--green); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, 46%) 1fr; background: var(--surface); }
.auth-panel { padding: clamp(32px, 7vw, 96px); display: flex; flex-direction: column; justify-content: center; }
.auth-panel .brand { width: min(360px, 100%); margin-bottom: 54px; }
.auth-panel h1 { font-size: clamp(32px, 4vw, 52px); line-height: 1.02; margin: 0 0 14px; letter-spacing: -.03em; }
.auth-panel p { color: var(--muted); font-size: 17px; line-height: 1.55; margin: 0 0 30px; }
.auth-visual { background: var(--ink); color: white; padding: clamp(36px, 6vw, 90px); display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.auth-visual::before { content: ""; position: absolute; inset: 8% 9% auto auto; width: 54%; aspect-ratio: 1; border: 90px solid var(--green); opacity: .9; transform: rotate(14deg); }
.auth-visual h2 { position: relative; max-width: 690px; font-size: clamp(38px, 5vw, 76px); line-height: .98; letter-spacing: -.04em; margin: 0 0 24px; }
.auth-visual p { position: relative; max-width: 610px; color: #c8c8c8; font-size: 18px; line-height: 1.55; }
.form { display: grid; gap: 16px; max-width: 440px; }
.field { display: grid; gap: 7px; }
.field label { font-size: 13px; font-weight: 700; color: #555; }
.input, .select { width: 100%; padding: 15px 16px; border: 1px solid #d8d8d8; border-radius: 7px; background: white; color: var(--ink); outline: none; transition: .15s; }
.input:focus, .select:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(93,141,48,.12); }
.btn { border: 0; border-radius: 7px; padding: 14px 20px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: .15s; }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.btn-primary { background: var(--green); color: white; box-shadow: 0 6px 20px rgba(93,141,48,.22); }
.btn-primary:hover { background: var(--green-dark); }
.btn-ghost { background: #f2f2f2; color: var(--ink); }
.btn-ghost:hover { background: #e8e8e8; }
.btn-danger { background: var(--red-soft); color: var(--red-dark); }
.form-error { color: var(--red-dark); min-height: 20px; font-size: 14px; }
.password-rule { font-size: 12px; color: var(--muted); margin-top: -7px; }
.password-checklist { list-style: none; padding: 12px 14px; margin: -4px 0 2px; border: 1px solid #e3e6df; border-radius: 8px; background: #fafbf9; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.password-checklist li { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; line-height: 1.3; transition: color .15s; }
.password-checklist li span { width: 17px; height: 17px; border-radius: 50%; background: #eceeea; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 11px; font-weight: 800; }
.password-checklist li.passed { color: var(--green-dark); }
.password-checklist li.passed span { color: white; background: var(--green); }
.password-checklist li.failed { color: var(--red-dark); }
.password-checklist li.failed span { color: white; background: var(--red); }

.shell { min-height: 100vh; display: grid; grid-template-columns: auto minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; background: #f0f3ed; color: var(--ink); border-right: 1px solid var(--line); padding: 24px 16px; display: flex; flex-direction: column; z-index: 20; }
.sidebar { width: 268px; transition: width .22s ease, transform .22s ease; overflow: hidden; }
.sidebar-brand { display: flex; align-items: center; gap: 8px; margin: 0 4px 28px; min-height: 50px; }
.sidebar-logo { display: block; width: 178px; max-height: 52px; object-fit: contain; transition: .2s; }
.collapse-btn { margin-left: auto; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; background: rgba(255,255,255,.7); color: var(--muted); }
.ui-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.nav { display: grid; gap: 4px; }
.nav button { width: 100%; background: transparent; color: #59625b; border: 0; padding: 11px 12px; border-radius: 8px; text-align: left; display: flex; align-items: center; gap: 12px; font-weight: 650; }
.nav button:hover { background: #e6ece1; color: var(--ink); }
.nav button.active { background: #e1ebd9; color: var(--green-dark); box-shadow: inset 3px 0 0 var(--green); }
.nav-icon { width: 22px; text-align: center; font-size: 15px; opacity: .9; }
.nav-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nav-section { color: #8a928b; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; padding: 22px 12px 7px; }
.sidebar-foot { margin-top: auto; border-top: 1px solid #d9dfd6; padding: 16px 8px 0; }
.user-mini { display: flex; align-items: center; gap: 10px; min-width: 0; }
.avatar { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; background: var(--green); color: white; font-weight: 800; }
.user-mini strong, .user-mini small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.user-mini strong { font-size: 13px; }
.user-mini small { color: #7b847d; font-size: 11px; margin-top: 2px; }
.user-copy { min-width: 0; }
.sidebar.collapsed { width: 82px; padding-left: 13px; padding-right: 13px; }
.sidebar.collapsed .sidebar-brand { justify-content: center; }
.sidebar.collapsed .sidebar-logo { display: none; }
.sidebar.collapsed .collapse-btn { margin: 0; transform: rotate(180deg); }
.sidebar.collapsed .nav button { justify-content: center; padding: 12px; }
.sidebar.collapsed .nav-label, .sidebar.collapsed .nav-section, .sidebar.collapsed .user-copy, .sidebar.collapsed .sidebar-foot .btn { display: none; }
.sidebar.collapsed .sidebar-foot { padding-left: 8px; padding-right: 8px; }
.sidebar.collapsed .user-mini { justify-content: center; }

.main { min-width: 0; }
.topbar { height: 76px; position: sticky; top: 0; z-index: 15; background: rgba(245,246,243,.92); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(0,0,0,.06); display: flex; align-items: center; padding: 0 clamp(20px, 3vw, 42px); gap: 16px; }
.topbar h1 { margin: 0; font-size: 23px; letter-spacing: -.02em; }
.topbar-sub { color: var(--muted); font-size: 12px; margin-top: 3px; }
.topbar-spacer { flex: 1; }
.live { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: #666; background: white; border: 1px solid var(--line); padding: 8px 11px; border-radius: 20px; }
.live::before { content: ""; width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px var(--green-soft); }
.menu-toggle { display: none; border: 0; background: var(--ink); color: white; width: 38px; height: 38px; border-radius: 7px; }
.content { padding: 28px clamp(18px, 3vw, 42px) 60px; max-width: 1680px; margin: 0 auto; }

.hero { background: linear-gradient(115deg, #f0f5ec, #fbfcfa); color: var(--ink); border: 1px solid #dfe8d9; border-radius: 14px; padding: clamp(25px, 4vw, 46px); margin-bottom: 20px; position: relative; overflow: hidden; box-shadow: var(--shadow); }
.hero::after { content: ""; position: absolute; width: 300px; height: 300px; right: -120px; top: -180px; border: 44px solid #d9e8cd; transform: rotate(20deg); opacity: .8; }
.hero-kicker { color: var(--green-dark); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero h2 { position: relative; z-index: 1; max-width: 850px; margin: 10px 0 12px; font-size: clamp(26px, 3vw, 44px); line-height: 1.08; letter-spacing: -.035em; }
.hero p { position: relative; z-index: 1; max-width: 800px; color: var(--muted); margin: 0; line-height: 1.55; }

.alert-strip { display: flex; align-items: flex-start; gap: 13px; padding: 16px 18px; background: var(--red-soft); border: 1px solid #ffd1c8; border-left: 5px solid var(--red); border-radius: 8px; margin-bottom: 20px; }
.alert-strip strong { display: block; margin-bottom: 4px; }
.alert-strip p { color: #7c3d32; margin: 0; font-size: 14px; line-height: 1.45; }
.alert-icon { width: 27px; height: 27px; border-radius: 50%; background: var(--red); color: white; display: grid; place-items: center; flex: 0 0 auto; font-weight: 800; }

.kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.kpi { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 18px; box-shadow: var(--shadow); min-height: 127px; position: relative; overflow: hidden; }
.kpi::after { content: ""; position: absolute; top: 17px; right: 17px; height: 8px; width: 8px; border-radius: 50%; background: var(--green); opacity: .72; }
.kpi.red::after { background: var(--red); }
.kpi.amber::after { background: var(--amber); }
.kpi-label { font-size: 12px; color: var(--muted); font-weight: 700; line-height: 1.3; min-height: 31px; }
.kpi-value { font-size: clamp(27px, 3vw, 40px); font-weight: 800; letter-spacing: -.04em; margin: 8px 0 2px; }
.kpi-note { color: var(--muted); font-size: 11px; }

.grid-2 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(340px, .7fr); gap: 20px; margin-bottom: 20px; }
.analytics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: 30px 2px 14px; }
.section-heading span { color: var(--green-dark); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .11em; }
.section-heading h3 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.025em; }
.section-heading small { color: var(--muted); max-width: 320px; text-align: right; line-height: 1.45; }
.management-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-bottom: 20px; }
.management-wide { grid-column: 1 / -1; }
.throughput-chart { height: 190px; display: flex; align-items: stretch; gap: 8px; border-bottom: 1px solid var(--line); padding: 8px 4px 0; }
.throughput-week { flex: 1; min-width: 0; display: grid; grid-template-rows: 1fr 20px; gap: 6px; }
.throughput-bars { display: flex; align-items: end; justify-content: center; gap: 3px; min-height: 0; }
.throughput-bars i { width: min(16px,38%); border-radius: 4px 4px 0 0; min-height: 3px; }
.throughput-bars .created,.chart-legend .created { background: #d7ded3; }
.throughput-bars .closed,.chart-legend .closed { background: var(--green); }
.throughput-week > span { overflow: hidden; text-align: center; color: var(--muted); font-size: 9px; }
.chart-legend { display: flex; gap: 18px; margin-top: 12px; color: var(--muted); font-size: 10px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; }
.chart-legend i { width: 10px; height: 10px; border-radius: 3px; }
.aging-bars .bar-row { grid-template-columns: 80px 1fr 48px; }
.bottleneck-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.bottleneck-list button { border: 1px solid var(--line); background: #fbfcfa; border-radius: 9px; padding: 13px 14px; display: flex; justify-content: space-between; align-items: center; gap: 14px; text-align: left; }
.bottleneck-list button:hover { border-color: #bfd2ae; background: #f5f9f2; }
.bottleneck-list strong { display: block; font-size: 12px; }
.bottleneck-list small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.bottleneck-list b { text-align: right; font-size: 17px; white-space: nowrap; }
.bottleneck-list b small { font-weight: 500; }
.chart-shell svg { width: 100%; height: 190px; overflow: visible; }
.chart-grid { stroke: #e7ebe4; stroke-width: 1; fill: none; }
.chart-line { fill: none; stroke: var(--green); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.chart-dot { fill: white; stroke: var(--green); stroke-width: 2; }
.chart-axis { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.chart-total { font-size: 21px; color: var(--green-dark); }
.grid-equal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); min-width: 0; }
.card-head { padding: 20px 22px 13px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.card-head h3 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
.card-head p { margin: 5px 0 0; font-size: 12px; color: var(--muted); }
.card-body { padding: 8px 22px 22px; }
.link-btn { border: 0; background: transparent; color: var(--green-dark); font-weight: 750; font-size: 12px; padding: 4px; }

.bars { display: grid; gap: 14px; }
.bar-row { display: grid; grid-template-columns: minmax(110px, 160px) 1fr 50px; gap: 10px; align-items: center; font-size: 12px; }
.bar-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444; }
.bar-track { height: 10px; background: #f0f0f0; border-radius: 9px; overflow: hidden; }
.bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green), #78b540); min-width: 3px; }
.bar-fill.danger { background: linear-gradient(90deg, var(--red), #f59582); }
.bar-value { text-align: right; font-weight: 800; }

.recommendations { display: grid; gap: 12px; }
.recommendation { border: 1px solid var(--line); border-radius: 8px; padding: 14px; display: grid; grid-template-columns: auto 1fr; gap: 12px; }
.rec-rank { width: 30px; height: 30px; border-radius: 7px; display: grid; place-items: center; background: var(--green-soft); color: var(--green-dark); font-weight: 800; }
.recommendation.critical .rec-rank { background: var(--red-soft); color: var(--red-dark); }
.recommendation strong { display: block; font-size: 13px; margin-bottom: 4px; }
.recommendation p { color: var(--muted); font-size: 12px; line-height: 1.45; margin: 0; }

.toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.toolbar .input, .toolbar .select { width: auto; min-width: 190px; padding: 11px 13px; }
.toolbar .search { flex: 1; min-width: 230px; }
.count-pill { background: var(--green-soft); color: var(--green-dark); border: 1px solid #d9e7ce; padding: 9px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; }

.table-wrap { overflow: auto; border-top: 1px solid #ededed; }
.data-table { width: 100%; border-collapse: collapse; min-width: 880px; }
.data-table th { position: sticky; top: 0; background: #fafafa; color: #777; text-align: left; padding: 11px 14px; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid var(--line); z-index: 1; }
.data-table td { padding: 13px 14px; border-bottom: 1px solid #efefef; font-size: 12px; vertical-align: middle; }
.data-table tr:hover td { background: #fbfcfa; }
.data-table strong { font-size: 13px; }
.subtext { color: var(--muted); margin-top: 3px; font-size: 11px; }
.object-meta { color: #7a847c; margin-top: 5px; font-size: 10px; line-height: 1.35; max-width: 560px; }
.row-click { cursor: pointer; }
.row-click:hover td { background: #f4f8f1 !important; }
.control-table { min-width: 1120px; }
.next-action-cell { display: block; max-width: 260px; color: var(--ink-2); line-height: 1.4; }
.badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 20px; padding: 5px 9px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.badge-critical { background: var(--red-soft); color: var(--red-dark); }
.badge-warning { background: var(--amber-soft); color: #a56d0b; }
.badge-normal, .badge-done { background: var(--green-soft); color: var(--green-dark); }
.badge-watch { background: #eef3f9; color: var(--blue); }
.num-danger { color: var(--red-dark); font-weight: 800; }
.num-good { color: var(--green-dark); font-weight: 800; }
.empty { padding: 50px 20px; text-align: center; color: var(--muted); }

.page-title { margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.page-title h2 { margin: 0 0 6px; font-size: 32px; letter-spacing: -.035em; }
.page-title p { margin: 0; color: var(--muted); font-size: 14px; }
.section-label { margin: 30px 0 12px; font-size: 12px; color: var(--green-dark); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.agent-box { background: #263329; color: white; padding: 26px; border-radius: 12px; box-shadow: var(--shadow); }
.agent-box h3 { margin: 0 0 7px; font-size: 22px; }
.agent-box > p { margin: 0 0 20px; color: #aaa; line-height: 1.5; }
.agent-input { display: flex; gap: 9px; }
.agent-input .input { background: #1f1f1f; border-color: #383838; color: white; }
.agent-answer { margin-top: 18px; padding: 16px; background: #1c1c1c; border-left: 4px solid var(--green); border-radius: 6px; color: #d7d7d7; line-height: 1.55; font-size: 13px; }

.modal { position: fixed; inset: 0; z-index: 80; background: rgba(0,0,0,.54); display: grid; place-items: center; padding: 18px; }
.modal-box { width: min(520px, 100%); background: white; border-radius: 12px; box-shadow: 0 24px 90px rgba(0,0,0,.3); padding: 26px; }
.modal-box h3 { margin: 0 0 7px; font-size: 24px; }
.modal-box > p { color: var(--muted); margin: 0 0 22px; line-height: 1.5; }
.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.invite-result { background: var(--green-soft); border: 1px solid #d5e6c6; padding: 14px; border-radius: 7px; margin-top: 16px; word-break: break-all; font-size: 12px; }
.filter-grid { display: grid; grid-template-columns: minmax(260px, 2fr) repeat(5, minmax(160px, 1fr)); }
.filter-grid .input, .filter-grid .select { width: 100%; min-width: 0; }
.region-checks { display: grid; gap: 8px; padding: 12px; background: var(--canvas); border: 1px solid var(--line); border-radius: 8px; }
.region-checks label { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: var(--ink-2); }
.project-modal { display: flex; align-items: center; justify-content: center; padding: 18px; }
.project-box { width: min(1320px, 100%); height: min(940px, calc(100vh - 36px)); padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.project-head { padding: 22px 28px 18px; display: flex; justify-content: space-between; gap: 20px; background: linear-gradient(115deg, #edf4e8, #fff); border-bottom: 1px solid var(--line); }
.project-head h3 { margin: 7px 0 6px; font-size: 28px; }
.project-head p { margin: 0; color: var(--muted); }
.project-facts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.project-facts span { padding: 4px 8px; background: rgba(255,255,255,.72); border: 1px solid #dce5d7; border-radius: 12px; color: #667066; font-size: 10px; }
.icon-close { border: 0; background: white; width: 36px; height: 36px; border-radius: 50%; font-size: 25px; color: var(--muted); box-shadow: var(--shadow); }
.project-progress { padding: 18px 30px 15px; border-bottom: 1px solid var(--line); }
.progress-matrix { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.progress-tile { background: white; padding: 14px 18px 13px; min-width: 0; }
.progress-tile > div:first-child { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.progress-tile span { color: var(--muted); font-size: 10px; font-weight: 700; }
.progress-tile strong { color: var(--ink); font-size: 15px; white-space: nowrap; }
.progress-tile small { display: block; color: var(--muted); font-size: 9px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-progress { height: 5px; margin-top: 9px; background: #e9eee6; border-radius: 6px; overflow: hidden; }
.mini-progress i { display: block; height: 100%; background: var(--green); border-radius: inherit; }
.progress-tile.red .mini-progress i { background: var(--red); }
.progress-tile.amber .mini-progress i { background: var(--amber); }
.progress-tile.unavailable .mini-progress i { width: 100% !important; background: repeating-linear-gradient(90deg, #e0b14d 0 7px, #f5dfaa 7px 14px); }
.progress-copy { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--muted); }
.progress-copy strong { font-size: 25px; color: var(--green-dark); }
.progress-track { height: 10px; border-radius: 10px; overflow: hidden; background: #e9eee6; margin: 8px 0 10px; }
.progress-track > div { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5d8d30, #86b75e); }
.progress-stats { display: flex; flex-wrap: wrap; gap: 18px; font-size: 11px; color: var(--muted); }
.progress-stats b { color: var(--ink); font-size: 13px; }
.project-summary { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 15px 30px; border-bottom: 1px solid var(--line); }
.project-summary span, .project-summary small { display: block; color: var(--muted); font-size: 10px; }
.project-summary strong { display: block; margin: 4px 0; font-size: 14px; }
.next-action { border-left: 3px solid var(--amber); padding-left: 14px; }
.next-action.severity-critical { border-left-color: var(--red); }
.next-action.severity-normal { border-left-color: var(--green); }
.btn-agent { background: #263329; color: white; padding: 11px 14px; }
.project-tabs { display: flex; gap: 2px; padding: 0 24px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.project-tabs button { border: 0; background: transparent; color: var(--muted); padding: 14px 12px 12px; border-bottom: 3px solid transparent; white-space: nowrap; font-weight: 700; font-size: 12px; }
.project-tabs button.active { color: var(--green-dark); border-bottom-color: var(--green); }
.project-tabs b { background: var(--green-soft); padding: 2px 6px; border-radius: 10px; margin-left: 3px; }
.project-content { flex: 1; min-height: 0; overflow: auto; }
.project-content > section { display: none; padding: 22px 30px 32px; }
.project-content > section.active { display: block; }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 24px; }
.project-decision { position: sticky; top: 0; align-self: start; min-width:0; background: #f4f8f1; border: 1px solid #dce8d5; border-radius: 12px; padding: 20px; overflow:hidden; }
.project-decision.severity-critical { background: #fff5f2; border-color: #ffd6cd; }
.project-decision.severity-warning { background: #fffaf0; border-color: #f1dfb5; }
.project-decision h4 { font-size: 20px; margin: 8px 0; overflow-wrap:anywhere; }
.project-decision p { color: var(--muted); font-size: 13px; line-height: 1.5; overflow-wrap:anywhere; }
.project-decision .btn{width:100%;white-space:normal}
.last-signal { margin: 15px 0; padding: 12px; border-radius: 8px; background: rgba(255,255,255,.72); border: 1px solid rgba(0,0,0,.06); }
.last-signal span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.last-signal p { margin: 6px 0 0; font-size: 11px; }
.source-empty { padding: 28px; border: 1px dashed #d5c189; background: #fffaf0; border-radius: 12px; max-width: 800px; }
.source-empty strong { display: block; font-size: 18px; }
.source-empty p { color: var(--muted); line-height: 1.55; margin: 8px 0 12px; }
.source-empty span { font-size: 10px; color: #8c7540; }
.contract-route { display: grid; gap: 9px; }
.contract-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 13px 15px; border: 1px solid var(--line); border-radius: 9px; background: #fafafa; }
.contract-item.done { background: var(--green-soft); border-color: #d7e6ca; }
.contract-item.active { background: #fff8e9; border-color: #efddb0; }
.contract-number { width: 30px; height: 30px; border-radius: 50%; background: white; display: grid; place-items: center; color: var(--muted); font-weight: 800; }
.contract-item.done .contract-number { background: var(--green); color: white; }
.contract-item small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }
.payment-list { display: grid; gap: 9px; }
.payment-list article { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; }
.payment-list article > div:last-child { text-align: right; }
.payment-list small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.queue-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.queue-kpis button { text-align: left; border: 1px solid var(--line); border-radius: 10px; background: white; padding: 14px 16px; box-shadow: var(--shadow); }
.queue-kpis button:hover { border-color: #bfd3ae; background: #f8fbf6; }
.queue-kpis strong { display: block; font-size: 24px; }
.queue-kpis span { color: var(--muted); font-size: 10px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.detail-grid > section { background: white; padding: 22px 26px; min-width: 0; max-height: 520px; overflow: auto; }
.detail-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.detail-title h4 { margin: 0; font-size: 17px; }
.detail-title span { background: var(--green-soft); color: var(--green-dark); padding: 4px 8px; border-radius: 14px; font-size: 11px; font-weight: 800; }
.timeline { display: grid; gap: 0; }
.timeline-item { display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0ec; }
.timeline-mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--amber-soft); color: #a56d0b; font-weight: 800; }
.timeline-item.done .timeline-mark { background: var(--green-soft); color: var(--green-dark); }
.timeline-meta { margin-top: 5px; color: var(--muted); font-size: 10px; }
.comments { display: grid; gap: 10px; }
.comments article { border: 1px solid var(--line); background: #fbfcfa; border-radius: 8px; padding: 12px; }
.comments article time { float: right; color: var(--muted); font-size: 10px; }
.comments article p { margin: 8px 0 0; font-size: 12px; line-height: 1.45; white-space: pre-wrap; }
.comments article small { display: block; margin-top: 7px; color: var(--muted); }
.empty.compact { padding: 18px 10px; }
.access-box { width: min(900px, 100%); max-height: calc(100vh - 36px); overflow: auto; }
.access-box .form { max-width: none; }
.access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.module-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px; background: var(--canvas); border: 1px solid var(--line); border-radius: 8px; }
.module-checks label { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.table-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.agent-fab { position: fixed; right: 24px; bottom: 24px; z-index: 45; border: 0; border-radius: 28px; background: #263329; color: white; padding: 13px 18px; display: flex; align-items: center; gap: 9px; font-weight: 800; box-shadow: 0 12px 40px rgba(26,42,29,.25); }
.agent-drawer { position: fixed; right: 18px; top: 18px; bottom: 18px; z-index: 90; width: min(430px, calc(100vw - 36px)); background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 90px rgba(20,30,22,.26); display: flex; flex-direction: column; overflow: hidden; }
.agent-drawer-head { background: #263329; color: white; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; }
.agent-drawer-head > div { display: flex; gap: 10px; align-items: center; }
.agent-drawer-head small { display: block; color: #bdc8bf; margin-top: 2px; }
.agent-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.12); color: #a9d281; }
.agent-context { padding: 10px 16px; background: var(--green-soft); color: var(--green-dark); font-size: 11px; border-bottom: 1px solid var(--line); }
.agent-messages { flex: 1; min-height: 0; overflow: auto; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.agent-message { max-width: 88%; border-radius: 13px; padding: 11px 13px; font-size: 13px; line-height: 1.45; white-space: pre-wrap; }
.agent-message.assistant { background: #f1f4ef; align-self: flex-start; }
.agent-message.user { background: var(--green); color: white; align-self: flex-end; }
.agent-message.typing { color: var(--muted); }
.agent-compose { border-top: 1px solid var(--line); padding: 12px; display: grid; gap: 8px; }
.agent-compose textarea { resize: none; padding: 11px; }
.agent-links { display: grid; gap: 5px; margin-top: 10px; }
.agent-links button { border: 0; background: transparent; text-align: left; color: var(--green-dark); font-weight: 700; padding: 3px 0; }
.agent-status-line { display: flex; align-items: center; gap: 8px; color: #a9d281; margin-bottom: 12px; }

.toast { position: fixed; right: 22px; bottom: 22px; z-index: 100; max-width: 420px; background: var(--ink); color: white; border-radius: 8px; padding: 13px 16px; box-shadow: 0 12px 50px rgba(0,0,0,.25); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s; font-size: 13px; }
.toast.show { opacity: 1; transform: translateY(0); }

@media (max-width: 1280px) {
  .kpis { grid-template-columns: repeat(3, 1fr); }
  .filter-grid { grid-template-columns: repeat(3, 1fr); }
  .queue-kpis { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 980px) {
  .auth-page { grid-template-columns: 1fr; }
  .auth-visual { display: none; }
  .shell { grid-template-columns: 1fr; }
  .sidebar, .sidebar.collapsed { position: fixed; left: -290px; width: 268px; transition: .2s; box-shadow: 20px 0 60px rgba(0,0,0,.25); }
  .sidebar.open { left: 0; }
  .sidebar.collapsed .sidebar-logo { display: block; }
  .sidebar.collapsed .nav-label, .sidebar.collapsed .nav-section, .sidebar.collapsed .user-copy, .sidebar.collapsed .sidebar-foot .btn { display: initial; }
  .sidebar.collapsed .nav button { justify-content: flex-start; }
  .menu-toggle { display: grid; place-items: center; }
  .grid-2, .grid-equal { grid-template-columns: 1fr; }
  .analytics-grid, .management-grid, .overview-grid, .access-grid { grid-template-columns: 1fr; }
  .management-wide { grid-column: auto; }
  .bottleneck-list { grid-template-columns: 1fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .progress-matrix { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .password-checklist { grid-template-columns: 1fr; }
  .topbar { height: 66px; padding: 0 14px; }
  .topbar h1 { font-size: 18px; }
  .live { display: none; }
  .content { padding: 18px 12px 40px; }
  .hero { padding: 24px 20px; }
  .hero::after { width: 230px; height: 230px; right: -120px; top: -130px; }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .kpi { padding: 14px; min-height: 112px; }
  .kpi-label { min-height: 28px; }
  .page-title { align-items: flex-start; flex-direction: column; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .section-heading small { text-align: left; }
  .page-title h2 { font-size: 27px; }
  .card-head, .card-body { padding-left: 16px; padding-right: 16px; }
  .bar-row { grid-template-columns: 110px 1fr 38px; }
  .auth-panel { padding: 30px 22px; }
  .auth-panel .brand { margin-bottom: 40px; }
  .filter-grid { grid-template-columns: 1fr; }
  .project-modal { padding: 8px; }
  .project-box { height: calc(100vh - 16px); }
  .project-head, .project-progress, .project-summary, .project-content > section { padding-left: 16px; padding-right: 16px; }
  .project-summary { grid-template-columns: 1fr; gap: 10px; }
  .queue-kpis { grid-template-columns: repeat(2, 1fr); }
  .agent-fab span { display: none; }
  .agent-fab { width: 48px; height: 48px; padding: 0; justify-content: center; }
  .module-checks { grid-template-columns: 1fr; }
}

/* REAL Radar 3 — светлая бренд-система: фирменный зелёный используется только как акцент. */
:root {
  --ink:#111111; --ink-2:#30343a; --muted:#70767d; --line:#e7e9ec;
  --canvas:#f4f5f6; --surface:#fff; --green:#5D8D30; --green-dark:#477523;
  --green-soft:#eef5e8; --red:#F06449; --red-dark:#d84a31; --red-soft:#fff1ee;
  --amber:#E4A72C; --amber-soft:#fff7e6; --blue:#3977B8;
  --shadow:0 10px 34px rgba(17,17,17,.055); --radius:14px;
}
body{background:var(--canvas);color:var(--ink)}
.sidebar{background:#fff;border-right:1px solid #e5e7e9;padding:20px 14px;width:252px}
.sidebar-brand{margin-bottom:19px}.sidebar-logo{width:164px}.nav{gap:3px}.nav button{color:#596069;border-radius:10px;padding:10px 11px;font-weight:680}.nav button:hover{background:#f3f5f2;color:#111}.nav button.active{background:var(--green-soft);color:var(--green-dark);box-shadow:inset 3px 0 0 var(--green)}
.nav-icon{display:grid;place-items:center}.nav-icon .ui-icon{width:19px;height:19px}.sidebar-foot{border-color:#eceeef}.collapse-btn{background:#fff}
.topbar{height:72px;background:rgba(255,255,255,.9);border-color:#e7e9eb}.content{max-width:1740px;padding-top:26px}.live{background:#f8faf7}
.hero{background:#fff;border-color:var(--line)}.hero:after{border-color:#e5f0dd;opacity:.65}.card,.kpi{border-radius:14px;box-shadow:var(--shadow)}
.kpi{min-height:116px}.compact-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-kpis .kpi{min-height:104px}.compact-kpis .kpi-value{font-size:32px}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.dashboard-grid-wide{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr)}.dashboard-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid .span-2{min-width:0}
.filters-body{padding-top:2px}.card-head{padding:19px 21px 14px}.card-head h3{font-size:19px}.card-head p{font-size:12px;line-height:1.45}
.contract-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 8px 7px 12px;border:1px solid #cddfbe;background:#f2f8ed;border-radius:10px;margin:8px 0 3px;color:#315b14;vertical-align:middle}.contract-pill b{font-size:19px;letter-spacing:.02em;white-space:nowrap}.contract-pill button{border:0;background:#fff;color:#3e6c20;border-radius:7px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.07)}.contract-pill button:hover,.contract-pill button.copied{background:var(--green);color:#fff}.contract-pill .ui-icon{width:14px;height:14px}.contract-pill.compact{margin:0 9px 7px 0;padding:4px 5px 4px 8px}.contract-pill.compact b{font-size:14px}.contract-pill.compact button{padding:4px 6px}.contract-pill.compact button span{display:none}.contract-missing{display:inline-block;color:#9a9fa5;font-size:10px;margin:0 9px 6px 0}.data-table td:first-child>strong{display:block;margin-top:2px}.project-head .contract-pill{margin-top:9px}.project-head{background:linear-gradient(120deg,#f4f8f1,#fff 70%)}
.donut-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;min-height:220px}.donut{width:176px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:29px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #f0f0f0}.donut>div{position:relative;text-align:center}.donut strong{display:block;font-size:28px}.donut span{color:var(--muted);font-size:10px}.donut-legend{display:grid;gap:4px}.donut-legend button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;background:transparent;padding:5px;text-align:left}.donut-legend i{width:9px;height:9px;border-radius:3px}.donut-legend span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend b{font-size:12px}.donut-legend small{display:inline;margin-left:5px;color:var(--muted);font-weight:500}
.metric-bars{display:grid;gap:12px}.metric-label{display:flex;justify-content:space-between;gap:12px;align-items:end}.metric-label span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-label b{text-align:right;font-size:12px}.metric-label small{display:block;font-size:8px;color:var(--muted);font-weight:500}.metric-track{height:7px;background:#eef0f1;border-radius:8px;margin-top:5px;overflow:hidden}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#7cac4f);border-radius:inherit}
.funnel{display:grid;gap:8px;align-items:center}.funnel-step{width:var(--w);min-width:190px;margin:auto;padding:11px 14px;background:#eef5e8;border-left:4px solid var(--green);display:grid;grid-template-columns:1fr auto;gap:2px 10px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.funnel-step.lost{background:var(--red-soft);border-color:var(--red)}.funnel-step span{font-size:11px}.funnel-step strong{font-size:17px}.funnel-step small{grid-column:1/-1;color:var(--muted);font-size:9px}
.lead-chart{height:230px;display:flex;align-items:stretch;gap:8px;border-bottom:1px solid var(--line);padding-top:8px}.lead-chart>div{flex:1;display:grid;grid-template-rows:1fr 20px;min-width:0}.lead-chart>div>div{display:flex;align-items:end;justify-content:center;gap:3px}.lead-chart i{width:min(18px,40%);min-height:3px;border-radius:4px 4px 0 0}.lead-in{background:#d2d8ce}.lead-win{background:var(--green)}.lead-chart span{text-align:center;font-size:9px;color:var(--muted);padding-top:5px}
.people-matrix{display:grid;gap:10px}.people-matrix>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1.5fr) 90px;gap:10px;align-items:center}.people-matrix span,.people-matrix small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-matrix small{text-align:right;color:var(--muted)}.people-matrix i{height:9px;background:linear-gradient(90deg,var(--red) 0 var(--load),transparent var(--load)),linear-gradient(90deg,var(--green) 0 var(--done),#eef0f1 var(--done));border-radius:8px}
.finance-bars .bar-row{grid-template-columns:90px 1fr 150px}.finance-bars .bar-value b,.finance-bars .bar-value small{display:block}.finance-bars .bar-value small{font-size:9px;color:var(--muted)}.insight-list{display:grid;gap:10px}.insight-list>div{display:flex;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px}.insight-list b{color:var(--green);font-size:11px}.insight-list span{font-size:12px}
.agent-box{background:#fff;color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--green);border-radius:14px}.agent-box>p{color:var(--muted)}.agent-status-line{color:var(--green-dark)}.agent-answer{background:#f6f8f5;border-color:var(--green);color:var(--ink)}.agent-quick-actions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.agent-quick-actions button{border:1px solid #cfdcc5;background:#f6faf3;color:#3d6821;border-radius:18px;padding:7px 10px;font-size:11px;font-weight:700}
.agent-fab{background:#111;border:2px solid #fff;right:20px;bottom:20px}.agent-fab i{width:8px;height:8px;border-radius:50%;background:var(--green)}.agent-fab i.busy{background:var(--amber);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}
.agent-drawer{right:14px;top:14px;bottom:14px;width:min(520px,calc(100vw - 28px));border-radius:18px;transform:translateX(calc(100% + 30px));opacity:0;transition:transform .22s,opacity .22s,height .22s;pointer-events:none}.agent-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}.agent-drawer.minimized{top:auto;height:72px;bottom:82px;width:360px}.agent-drawer.minimized .agent-context,.agent-drawer.minimized .agent-body{display:none}.agent-drawer-head{background:#111;padding:14px 16px}.agent-window-actions{display:flex!important;gap:5px!important}.agent-window-actions button{border:0;background:rgba(255,255,255,.1);color:#fff;width:31px;height:31px;border-radius:8px}.agent-body{display:grid;grid-template-columns:0 minmax(0,1fr);flex:1;min-height:0;transition:.2s}.agent-drawer.history-open .agent-body{grid-template-columns:205px minmax(0,1fr)}.agent-history{overflow:hidden;border-right:1px solid var(--line);background:#f7f8f7;padding:12px 0}.agent-history>.btn{margin:0 10px 10px;width:calc(100% - 20px);padding:9px}.agent-conversations{display:grid;gap:3px}.agent-conversations>button{border:0;background:transparent;text-align:left;padding:9px 11px;overflow:hidden}.agent-conversations>button:hover,.agent-conversations>button.active{background:#eaf2e4}.agent-conversations strong,.agent-conversations small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-conversations strong{font-size:11px}.agent-conversations small{font-size:8px;color:var(--muted);margin-top:3px}.agent-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.agent-messages{background:#fff}.agent-message{white-space:normal;line-height:1.5}.agent-message p{margin:0 0 8px}.agent-message p:last-child{margin-bottom:0}.agent-message h3,.agent-message h4,.agent-message h5{margin:8px 0 5px;font-size:14px}.agent-message ul{padding-left:19px;margin:5px 0}.agent-message li{margin:4px 0}.agent-message code{font-size:11px;background:rgba(0,0,0,.06);padding:1px 3px;border-radius:3px}.agent-message time{display:block;margin-top:8px;color:#92979c;font-size:8px}.agent-message.assistant{background:#f3f5f3}.agent-message.user{background:#111}.agent-message.typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;animation:pulse 1s infinite}.agent-welcome{text-align:center;padding:40px 22px;color:var(--muted)}.agent-welcome strong{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
@media(max-width:1180px){.compact-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid-3{grid-template-columns:1fr 1fr}.dashboard-grid-3 .card:last-child{grid-column:1/-1}}
@media(max-width:820px){.dashboard-grid,.dashboard-grid-wide,.dashboard-grid-3{grid-template-columns:1fr}.dashboard-grid-3 .card:last-child{grid-column:auto}.compact-kpis{grid-template-columns:repeat(2,1fr)}.donut-layout{grid-template-columns:150px 1fr}.donut{width:146px}.agent-drawer.history-open .agent-body{grid-template-columns:165px 1fr}}
@media(max-width:560px){.contract-pill button span{display:none}.donut-layout{grid-template-columns:1fr}.donut{margin:auto}.agent-drawer{inset:6px;width:auto}.agent-drawer.minimized{left:auto;right:8px;bottom:70px;width:calc(100vw - 16px)}.agent-drawer.history-open .agent-body{grid-template-columns:1fr}.agent-drawer.history-open .agent-history{position:absolute;inset:112px 0 0;z-index:3}.people-matrix>div{grid-template-columns:1fr 1fr}.people-matrix small{display:none}}

/* Radar 3.1 — интерактивная аналитика, региональный контекст и карточка сотрудника. */
.global-region{margin:2px 2px 15px;padding:11px;border:1px solid #dfe5da;background:#f8faf7;border-radius:11px}.global-region label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#59635b;margin-bottom:7px}.global-region label .ui-icon{width:15px;height:15px}.global-region select{width:100%;border:0;background:#fff;box-shadow:inset 0 0 0 1px #dde2dc;border-radius:8px;padding:8px 24px 8px 8px;font-family:inherit;font-size:10px;font-weight:700;color:#263128}.global-region small{display:block;color:#8b918c;font-size:8px;margin-top:6px;line-height:1.35}
.kpi.interactive{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:visible}.kpi.interactive:hover,.kpi.interactive:focus-visible{border-color:#b9cbaa;transform:translateY(-1px);box-shadow:0 14px 38px rgba(17,17,17,.09);outline:0}.metric-help{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #c9ced2;border-radius:50%;font-size:9px;margin-left:6px;color:#7b8186}.metric-tooltip{display:none;position:absolute;z-index:40;left:10px;right:10px;top:calc(100% - 6px);background:#171a17;color:#fff;border-radius:10px;padding:12px;box-shadow:0 14px 38px rgba(0,0,0,.25);font-size:10px;line-height:1.45}.metric-tooltip strong,.metric-tooltip small,.metric-tooltip em{display:block}.metric-tooltip strong{color:#a8d284;margin-bottom:4px}.metric-tooltip small{color:#aeb5b0;margin-top:6px}.metric-tooltip em{color:#c8e4b4;margin-top:6px;font-style:normal;font-weight:700}.kpi.interactive:hover .metric-tooltip,.kpi.interactive:focus-visible .metric-tooltip{display:block}.info-chip,.period-chip{border:1px solid #d9e2d2;background:#f4f8f1;color:#487327;border-radius:16px;padding:5px 9px;font-size:9px;font-weight:800;white-space:nowrap}.period-chip{background:#f7f8f8;color:#6d7478;border-color:#e4e7e9}
.contract-pill em{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#698050}.contract-pill.application{background:#f3f7fb;border-color:#cbdced;color:#285a83}.contract-pill.application em{color:#6285a4}.contract-pill.application button{color:#285a83}
.data-table tr.employee-click,.data-table tr[data-department]{cursor:pointer}.data-table tr.employee-click:hover,.data-table tr[data-department]:hover{background:#f4f8f1}.mini-trend{height:34px;display:flex;align-items:end;gap:2px;width:120px}.mini-trend i{flex:1;background:#76a64d;border-radius:2px 2px 0 0;min-height:3px}.department-performance{margin-bottom:20px}.department-performance .num-danger{font-weight:800}
.employee-modal{padding:18px}.employee-box{width:min(1380px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:0}.employee-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 27px;background:linear-gradient(120deg,#f3f8ee,#fff 70%);border-bottom:1px solid var(--line)}.employee-head h3{font-size:30px;margin:5px 0}.employee-head p{margin:0;color:var(--muted)}.employee-head .icon-close{border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:24px}.activity-strip{margin:18px 24px 0;padding:12px 15px;border-left:4px solid var(--blue);background:#f3f7fb;border-radius:8px}.activity-strip strong,.activity-strip span{display:block}.activity-strip span{font-size:10px;color:var(--muted);margin-top:4px}.employee-box>section{margin:18px 24px}.employee-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.employee-charts article{border:1px solid var(--line);border-radius:12px;padding:15px;min-width:0}.employee-charts h4{margin:0 0 2px}.employee-charts p{margin:0 0 10px;color:var(--muted);font-size:10px}.employee-charts svg{width:100%;height:150px}
.source-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-region-grid article{border:1px solid var(--line);border-radius:11px;padding:13px}.source-region-grid h4{margin:0 0 9px;font-size:13px}.source-region-row{display:grid;grid-template-columns:minmax(0,1fr) 45px 42px;gap:6px;align-items:center;padding:7px 0;border-top:1px solid #eef0f1;font-size:10px}.source-region-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-region-row b{text-align:right}.source-region-row em{font-style:normal;color:var(--green-dark);font-weight:800;text-align:right}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-bottom:10px}
@media(max-width:980px){.employee-charts,.source-region-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}}

/* Radar 4 — управленческие решения, чистая оргструктура и сравнительная аналитика заявок. */
.page-guide{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px;padding:18px 20px;border:1px solid #dbe6d2;border-left:4px solid var(--green);border-radius:13px;background:linear-gradient(110deg,#f7faf5,#fff);box-shadow:var(--shadow)}.page-guide span{display:block;color:var(--green-dark);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.page-guide h3{margin:5px 0 3px;font-size:18px}.page-guide p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:900px}.btn-agent{background:#111;color:#fff;white-space:nowrap}.btn-agent:hover{background:var(--green-dark)}
.decision-section{margin-bottom:20px}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.decision-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.decision-card:hover{border-color:#bdcfad;background:#f8fbf5}.decision-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green-soft);color:var(--green-dark);font-weight:900}.decision-type{color:var(--red-dark);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.decision-card h4{margin:4px 0;font-size:13px}.decision-card p,.decision-card small{display:block;margin:0;color:var(--muted);font-size:9px;line-height:1.4}.decision-card .btn{padding:8px 10px;font-size:9px}
.applications-title{align-items:flex-end}.period-control{display:grid;grid-template-columns:auto 150px;gap:4px 9px;align-items:center}.period-control label{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.period-control span{grid-column:1/-1;text-align:right;font-size:8px;color:var(--muted)}.period-control .select{height:38px;padding:7px 30px 7px 10px;font-weight:800}
.lead-trends{display:grid;gap:5px}.lead-trends button{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid #eef0f1;background:transparent;padding:9px 4px;text-align:left}.lead-trends button:hover{background:#f6f9f4;border-radius:7px}.lead-trends strong,.lead-trends small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-trends strong{font-size:11px}.lead-trends small{color:var(--muted);font-size:8px;margin-top:3px}.trend-change{text-align:right;font-size:14px}.trend-change.down{color:var(--red-dark)}.trend-change.up{color:var(--green-dark)}.trend-change.flat{color:var(--muted)}
@media(max-width:1050px){.decision-grid{grid-template-columns:1fr}.decision-card{grid-template-columns:32px minmax(0,1fr)}.decision-card .btn{grid-column:2;justify-self:start}.page-guide{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.period-control{width:100%;grid-template-columns:1fr}.period-control span{grid-column:auto;text-align:left}.period-control .select{width:100%}.decision-card{grid-template-columns:1fr}.decision-rank,.decision-card .btn{grid-column:auto}}

/* Radar 4.1 — адаптивные карточки, интерактивная производительность и финансовый контур. */
.context-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 18px;border:1px solid #cfdcc5;border-left:4px solid var(--green);border-radius:12px;background:#f7faf5}.context-banner span{color:var(--green-dark);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.context-banner h3{margin:4px 0 2px;font-size:17px}.context-banner p{margin:0;color:var(--muted);font-size:10px}
.employee-actions{display:flex;align-items:flex-start;gap:15px}.employee-controls{display:flex;gap:8px}.employee-controls label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.employee-controls .select{min-width:125px;height:36px;padding:6px 28px 6px 9px;font-size:10px}.employee-charts{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-charts .activity-wide{grid-column:1/-1}.activity-pairs{display:flex;align-items:end;gap:5px;min-height:130px;overflow-x:auto;padding:8px 2px 0}.activity-pairs>div{display:grid;grid-template-rows:18px 82px 18px;min-width:34px;flex:1;text-align:center}.activity-pairs span,.activity-pairs b{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-pairs i{align-self:end;height:82px;border-radius:4px 4px 0 0;background:linear-gradient(to top,var(--green) 0 var(--comments),transparent var(--comments)),linear-gradient(to top,#bdd1ad 0 var(--tasks),#eef2ec var(--tasks))}.employee-detail-tabs{display:flex;gap:3px;margin:18px 24px 0!important;border-bottom:1px solid var(--line)}.employee-detail-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 13px;font-weight:800;color:var(--muted)}.employee-detail-tabs button.active{color:var(--green-dark);border-bottom-color:var(--green)}.employee-detail-tabs b{padding:2px 6px;border-radius:10px;background:var(--green-soft)}.employee-panel{display:none}.employee-panel.active{display:block}.employee-comments{display:grid;gap:10px;padding:16px}.employee-comments article{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.employee-comments article:hover{border-color:#bdcfad}.employee-comments article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-comments time{color:var(--muted);font-size:9px}.employee-comments strong{display:block;margin-top:7px}.employee-comments p{white-space:pre-wrap;line-height:1.48;font-size:11px}.employee-comments small{color:var(--muted);font-size:9px}.loading-soft{opacity:.72}
.money-bars>button{display:block;width:100%;border:0;background:transparent;padding:7px 3px;text-align:left;border-radius:8px}.money-bars>button:hover{background:#f5f8f3}.cash-chart{height:250px;display:flex;align-items:stretch;gap:7px;border-bottom:1px solid var(--line);padding:8px 0 0;overflow-x:auto}.cash-month{display:grid;grid-template-rows:1fr 20px;min-width:42px;flex:1}.cash-month>div{display:flex;align-items:end;justify-content:center;gap:2px}.cash-month i{width:min(15px,31%);min-height:2px;border-radius:3px 3px 0 0}.cash-income-plan{background:#c8d8bb}.cash-income-fact{background:var(--green)}.cash-expense{background:var(--red)}.cash-month span{text-align:center;font-size:8px;color:var(--muted);padding-top:5px}
.month-axis{display:grid;grid-template-columns:repeat(12,1fr);padding:2px 18px 0}.month-axis span{text-align:center;color:var(--muted);font-size:8px}.split-analytics{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(220px,1fr);gap:20px;align-items:center}.split-analytics .donut-layout{grid-template-columns:140px 1fr;gap:12px}.split-analytics .donut{width:140px}.status-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-matrix article{border:1px solid var(--line);border-radius:11px;padding:13px}.status-matrix h4{margin:0 0 8px;font-size:13px}.status-matrix article>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #eef0f1;font-size:10px}.status-matrix span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-matrix b{color:var(--green-dark)}
.project-box,.employee-box{animation:modal-in .18s ease-out}.project-content>section.active,.employee-panel.active{animation:panel-in .18s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes panel-in{from{opacity:0;transform:translateY(4px)}}
.live-button{font:inherit;cursor:pointer}.live-button:hover{border-color:#b9cbaa;background:#f2f7ef}

@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}.project-decision{position:static}.employee-head{position:relative}.employee-actions{flex-direction:column-reverse;align-items:flex-end}.employee-controls{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:820px){.project-box,.employee-box{width:100%;height:calc(100dvh - 12px);max-height:none;border-radius:10px}.project-modal,.employee-modal{padding:6px}.project-head{padding:17px}.project-head h3{font-size:23px}.progress-matrix{grid-template-columns:1fr 1fr}.project-summary{grid-template-columns:1fr}.project-summary .btn{width:100%}.project-tabs{padding:0 10px}.project-content>section{padding:17px}.employee-head{padding:18px}.employee-actions{width:100%;margin-top:10px}.employee-controls{width:100%}.employee-controls label{flex:1}.employee-controls .select{width:100%;min-width:0}.employee-charts{grid-template-columns:1fr}.employee-charts .activity-wide{grid-column:auto}.employee-box>section{margin-left:12px;margin-right:12px}.employee-detail-tabs{margin-left:12px!important;margin-right:12px!important}.context-banner{align-items:flex-start;flex-direction:column}.split-analytics{grid-template-columns:1fr}.status-matrix{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.progress-matrix{grid-template-columns:1fr}.progress-tile{padding:11px 14px}.project-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.project-head h3{font-size:21px}.project-head p{font-size:11px}.project-facts{display:none}.project-tabs button{padding:12px 9px;font-size:10px}.project-content>section{padding:14px}.overview-grid{gap:14px}.project-decision{padding:15px}.project-decision h4{font-size:18px}.employee-head{display:block}.employee-head h3{font-size:24px}.employee-actions{align-items:stretch}.employee-actions>.icon-close{position:absolute;right:12px;top:12px}.employee-controls{display:grid;grid-template-columns:1fr 1fr}.activity-strip{margin:12px}.employee-comments{padding:10px}.cash-chart{height:210px}.status-matrix{grid-template-columns:1fr}.data-table th,.data-table td{padding-left:10px;padding-right:10px}}

/* Radar 4.3 — единая аналитика отзывов и клиентской обратной связи. */
.review-actions{display:flex;align-items:flex-end;gap:12px}.review-guide{border-color:#d9e6d1}.review-queue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.review-queue button{display:grid;gap:3px;text-align:left;border:1px solid var(--line);border-left:4px solid var(--green);background:#fff;border-radius:12px;padding:15px;box-shadow:var(--shadow);font:inherit;cursor:pointer}.review-queue button:first-child{border-left-color:var(--red)}.review-queue button:hover{transform:translateY(-1px);border-color:#b9cbaa}.review-queue strong{font-size:26px}.review-queue span{font-size:11px;font-weight:850}.review-queue small{font-size:8px;color:var(--muted)}
.review-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.review-funnel>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.review-funnel>div>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center}.review-funnel>div>div>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--green-soft);color:var(--green-dark);font-weight:900}.review-funnel strong{font-size:10px}.review-funnel b{font-size:20px}.review-funnel i,.review-breakdown i{display:block;height:7px;background:#edf0ec;border-radius:8px;overflow:hidden;margin:11px 0 5px}.review-funnel em,.review-breakdown em{display:block;height:100%;background:linear-gradient(90deg,var(--green),#8ab960);border-radius:inherit}.review-funnel small{color:var(--muted);font-size:8px}
.review-trend{display:flex;align-items:end;gap:7px;height:235px;padding:15px 3px 0;overflow-x:auto;border-bottom:1px solid var(--line)}.review-trend>div{display:grid;grid-template-rows:18px 175px 26px;min-width:45px;flex:1;align-items:end;text-align:center}.review-trend b{font-size:9px;color:var(--green-dark)}.review-trend i{display:block;min-height:2px;background:linear-gradient(180deg,#78aa50,var(--green));border-radius:5px 5px 0 0}.review-trend span{font-size:7px;color:var(--muted);padding-top:6px;white-space:nowrap}
.review-breakdown{display:grid;gap:11px}.review-breakdown>div>div{display:flex;justify-content:space-between;gap:12px}.review-breakdown strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-breakdown b{font-size:11px}.review-breakdown i{margin:5px 0 3px}.review-breakdown small{display:block;color:var(--muted);font-size:8px}.review-filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(130px,.35fr));gap:8px}.reviews-table .review-comment{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-score{display:inline-flex;padding:5px 8px;border-radius:14px;background:#f1f3f2;color:var(--muted);font-size:10px;font-weight:850}.review-score.good{background:#edf6e7;color:var(--green-dark)}.review-score.bad{background:#fff0ed;color:var(--red-dark)}.reviews-table tr.review-negative{background:#fffaf8}.reviews-table tr.review-negative:hover{background:#fff3ef}
.review-modal{padding:16px}.review-detail{width:min(1050px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:0}.review-detail>header{display:flex;justify-content:space-between;gap:20px;padding:24px 27px;background:linear-gradient(120deg,#f2f8ed,#fff 72%);border-bottom:1px solid var(--line)}.review-detail h3{font-size:28px;margin:10px 0 4px}.review-detail header p{margin:0;color:var(--muted)}.review-detail .eyebrow{display:block;margin-bottom:9px;color:var(--green-dark);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.review-detail .icon-close{border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:24px;flex:0 0 auto}.review-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.review-detail-grid>section{padding:24px 27px;min-width:0}.review-detail-grid>section+section{border-left:1px solid var(--line)}.review-detail-grid h4{margin:0 0 14px;font-size:18px}.review-result{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:11px;background:#eff7ea;border:1px solid #d3e5c6}.review-result.negative{background:#fff1ee;border-color:#ffd1c6}.review-result strong{font-size:21px}.review-result span{font-size:9px;font-weight:800}.review-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.review-detail dl>div{padding:10px;border:1px solid var(--line);border-radius:9px}.review-detail dt{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.review-detail dd{margin:4px 0 0;font-size:10px;font-weight:750}.review-text{padding:14px;border-left:4px solid var(--green);background:#f7f9f6;border-radius:8px}.review-text span{font-size:8px;color:var(--muted);font-weight:800}.review-text p{white-space:pre-wrap;font-size:11px;line-height:1.5;margin:7px 0 0}.review-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.review-tags span{padding:5px 8px;border-radius:13px;background:#eef3ea;color:var(--green-dark);font-size:8px;font-weight:750}.review-events{display:grid;gap:0}.review-events>div{display:grid;grid-template-columns:15px minmax(0,1fr);gap:10px;position:relative;padding-bottom:18px}.review-events>div:before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:1px solid #cbd8c2}.review-events>div:last-child:before{display:none}.review-events i{width:11px;height:11px;border-radius:50%;background:var(--green);margin-top:2px;z-index:1}.review-events strong,.review-events span,.review-events small{display:block}.review-events strong{font-size:11px}.review-events span,.review-events small{font-size:8px;color:var(--muted);margin-top:3px}.review-create{width:min(760px,100%)}.review-link-result textarea{width:100%;resize:vertical;line-height:1.45}.review-link-result .invite-result{margin-top:10px;word-break:break-all}
@media(max-width:1100px){.review-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.review-filters .search{grid-column:1/-1}.review-funnel{grid-template-columns:1fr 1fr}.review-queue{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.review-actions{width:100%;align-items:stretch;flex-direction:column}.review-detail-grid{grid-template-columns:1fr}.review-detail-grid>section+section{border-left:0;border-top:1px solid var(--line)}.review-detail dl{grid-template-columns:1fr}.review-funnel,.review-queue{grid-template-columns:1fr}.review-filters{grid-template-columns:1fr}.review-filters .search{grid-column:auto}.review-detail>header{padding:18px}.review-detail h3{font-size:22px}.review-detail-grid>section{padding:18px}}

/* Radar 4.4 — единый с Mini App сценарий создания обратной связи из CRM. */

/* Radar 4.5 — независимые права по отделам. */
.access-grid-three{grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(260px,1fr);align-items:start}
.department-checks{max-height:330px;overflow:auto;padding-right:6px}
.field-hint{margin:2px 0 10px;color:var(--muted);font-size:13px;line-height:1.35}
@media (max-width:1100px){.access-grid-three{grid-template-columns:1fr}}
.review-create-modal{padding:14px}.review-create-flow{position:relative;width:min(820px,100%);max-height:calc(100dvh - 28px);overflow:auto;padding:30px 34px}.review-create-close{position:absolute;right:20px;top:18px;border:0;background:#f4f5f4;border-radius:50%;width:40px;height:40px;font-size:25px;color:#657067}.review-create-flow>.eyebrow{display:block;color:var(--green-dark);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.review-create-flow>h3{margin:8px 0 18px;font-size:34px}.review-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:14px;background:#eef1eb;margin-bottom:22px}.review-mode-switch button{border:0;border-radius:11px;background:transparent;padding:13px 15px;color:#818981;font:inherit;font-weight:850}.review-mode-switch button.active{background:#fff;color:#151816;box-shadow:0 3px 12px #19240f12}.review-search-step>p{margin:0 0 17px;color:var(--muted);font-size:13px;line-height:1.55}.review-crm-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.review-crm-search .input{height:50px;font-size:14px}.review-crm-search .btn{min-width:120px}.review-manual-toggle,.review-back{display:block;border:0;background:transparent;color:var(--green-dark);font:inherit;font-weight:850;cursor:pointer}.review-manual-toggle{margin:16px auto 4px}.review-back{margin:0 0 13px;padding:0}.review-create-error,.review-confirm-form .form-error{min-height:18px;color:var(--red-dark);font-size:10px;margin-top:8px}.review-crm-results{display:grid;gap:8px;margin-top:15px}.review-crm-result{display:grid;gap:3px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;font:inherit;cursor:pointer}.review-crm-result:hover{border-color:#aeca98;background:#f8fbf5}.review-crm-result strong{color:var(--green-dark);font-size:12px}.review-crm-result span{font-size:12px;font-weight:800}.review-crm-result small{color:var(--muted);font-size:9px}.review-manual-form{display:grid;gap:10px;margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fafbfa}.review-selected-title{display:flex;align-items:baseline;gap:7px;padding:13px 15px;border:1px solid #cfe0c1;border-radius:11px;background:#f2f8ed;color:var(--green-dark)}.review-selected-title span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.review-selected-title strong{font-size:23px}.review-subject-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.review-subject-data>div{padding:12px;border:1px solid var(--line);border-radius:10px}.review-subject-data small,.review-subject-data strong{display:block}.review-subject-data small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.review-subject-data strong{margin-top:5px;font-size:11px}.review-confirm-form{display:grid;gap:11px}.review-auto-note{padding:11px 13px;border-left:4px solid var(--green);border-radius:8px;background:#f5f9f2;color:#586258;font-size:10px}.review-create-submit{width:100%;height:47px}.review-create-result{display:grid;gap:14px}.review-success{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #cfe1c1;border-radius:12px;background:#f2f8ed}.review-success>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.review-success h4,.review-success p{margin:0}.review-success h4{font-size:17px}.review-success p{margin-top:4px;color:var(--muted);font-size:10px}.review-message-result{display:grid;gap:8px}.review-message-result label{font-size:10px;font-weight:850}.review-message-result textarea{width:100%;resize:vertical;line-height:1.45;font-size:10px}.review-result-actions{display:flex;gap:8px;flex-wrap:wrap}.review-result-actions .btn{flex:1}.review-create-result .modal-actions{margin-top:0}
@media(max-width:620px){.review-create-flow{padding:24px 18px}.review-create-flow>h3{font-size:28px;padding-right:38px}.review-mode-switch,.review-subject-data{grid-template-columns:1fr}.review-crm-search{grid-template-columns:1fr}.review-crm-search .btn{width:100%}.review-result-actions{display:grid}.review-result-actions .btn{width:100%}}