:root{
  --bg:#f5f7fb; --card:#fff; --text:#111827; --muted:#667085; --line:#e6eaf0;
  --blue:#1457d9; --blue-soft:#eaf1ff; --green:#0f9f6e; --green-soft:#e8f8f1;
  --red:#dc2626; --red-soft:#fff1f0; --yellow:#a16207; --yellow-soft:#fff7df;
  --shadow:0 18px 48px rgba(15,23,42,.08); --radius:24px;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#f3f5f9 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;color:var(--text)}
button,select,input{font:inherit}
button{border:0;background:var(--blue);color:white;border-radius:16px;padding:13px 18px;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(20,87,217,.18);transition:.15s}
button:hover{transform:translateY(-1px);filter:brightness(1.02)}
button.ghost{background:#eef2f7;color:#223047;box-shadow:none}
button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.84);backdrop-filter: blur(16px);position:sticky;top:0;z-index:20}
.brand{display:flex;gap:18px;align-items:center}.logo{width:58px;height:58px;border-radius:18px;background:var(--blue);display:grid;place-items:center;color:white;font-weight:950;font-size:22px;box-shadow:0 16px 32px rgba(20,87,217,.2)}
.topbar h1{margin:4px 0 6px;font-size:34px;line-height:1.05}.topbar p{margin:0;color:var(--muted);font-size:16px}.top-actions{display:flex;gap:12px;align-items:center}
.eyebrow{color:var(--blue);font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.layout{display:grid;grid-template-columns:285px 1fr;min-height:calc(100vh - 112px)}
.sidebar{padding:24px;border-right:1px solid var(--line);background:rgba(255,255,255,.62)}
.nav{display:block;width:100%;text-align:left;margin-bottom:10px;background:transparent;color:#344054;box-shadow:none;padding:14px 16px;border-radius:16px}.nav.active{background:var(--blue);color:white}
.content{padding:30px;max-width:1500px;width:100%}.view{display:none}.view.active{display:block}
.hero{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:stretch;margin-bottom:24px}.hero,.card,.table-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{padding:34px}.hero h2{font-size:38px;line-height:1.08;margin:12px 0}.hero p{font-size:18px;color:var(--muted);line-height:1.55;max-width:850px}
.badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:950}
.hero-card{display:grid;gap:12px}.metric{padding:20px;border-radius:20px;background:var(--blue-soft)}.metric span{display:block;font-size:42px;font-weight:950;color:var(--blue)}.metric label{color:#31415c;font-weight:750}.metric.green{background:var(--green-soft)}.metric.green span{color:var(--green)}.metric.danger{background:var(--red-soft)}.metric.danger span{color:var(--red)}
.grid{display:grid;gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.card{padding:24px}.card h3{margin:0 0 12px;font-size:22px}.card p{color:var(--muted);line-height:1.55}.mini h3{font-size:34px;color:var(--blue)}.mini p{margin:0}.icon{font-size:28px;margin-bottom:12px}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.section-head h2{font-size:32px;margin:6px 0 8px}.section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.45;max-width:900px}
select,input{background:white;border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:220px}input{min-width:360px}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.phone-wrap{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:start}.phone{width:390px;min-height:730px;background:#111827;border-radius:42px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.phone-top{text-align:center;color:white;font-weight:950;padding:12px}
.mobile-card{background:#f9fafb;border-radius:30px;padding:22px;min-height:645px}.mobile-card h3{font-size:24px;margin:0 0 4px}.mobile-card .sub{color:var(--muted);font-weight:650;margin-bottom:18px}
.status-big{border-radius:22px;padding:18px;margin:16px 0;font-weight:950}.status-ready{background:var(--green-soft);color:var(--green)}.status-attention{background:var(--yellow-soft);color:var(--yellow)}.status-not_ready{background:var(--red-soft);color:var(--red)}.status-wait,.status-assigned{background:var(--blue-soft);color:var(--blue)}
.mobile-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:12px 0;color:#344054;gap:20px}.mobile-row b{color:#111827;text-align:right}.mobile-actions{display:grid;gap:10px;margin-top:18px}.mobile-actions button{width:100%}
.clean-list{line-height:1.9;color:#344054;font-weight:650}.note{margin-top:18px;background:var(--blue-soft);color:#173b7a;padding:16px;border-radius:18px;font-weight:800;line-height:1.45}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.chip{background:#eef2f7;color:#344054;box-shadow:none;padding:10px 14px}.chip.active{background:var(--blue);color:white}
.table-card{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#fbfcfe}td{font-size:15px}
.person b{display:block;font-size:17px}.person span{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:950;font-size:13px;white-space:nowrap}.pill.ready{background:var(--green-soft);color:var(--green)}.pill.attention{background:var(--yellow-soft);color:var(--yellow)}.pill.not_ready{background:var(--red-soft);color:var(--red)}.pill.assigned{background:var(--blue-soft);color:var(--blue)}
.priority{font-weight:950}.priority.high{color:var(--red)}.priority.mid{color:var(--yellow)}.priority.low{color:var(--green)}.priority.wait{color:var(--blue)}.reason{color:#4b5563;line-height:1.45}.open-btn{padding:10px 14px;border-radius:12px;background:#eef2f7;color:#223047;box-shadow:none;white-space:nowrap}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;color:#344054;font-weight:850}
.slot-list{display:grid;gap:18px}.slot-card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.slot-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.slot-title b{font-size:22px}.slot-title span{display:block;color:var(--muted);margin-top:6px}.slot-stats{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.stat-pill{background:#eef2f7;border-radius:999px;padding:8px 12px;font-weight:850;color:#344054}.slot-people{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot-person{background:#fbfcff;border:1px solid var(--line);border-radius:16px;padding:12px}.slot-person b{display:block}.slot-person span{color:var(--muted);font-size:13px}
.call-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.call-card{background:white;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.call-card h3{margin:0 0 6px}.call-card p{color:var(--muted);margin:0 0 14px;line-height:1.45}.call-actions{display:flex;gap:8px;flex-wrap:wrap}.call-actions button{padding:9px 11px;border-radius:12px;font-size:13px}
.rules{line-height:1.8;color:#344054}.terms{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfcff;color:#344054}.terms label{font-weight:850;color:#111827}.warning{margin-top:14px;border-radius:16px;background:var(--yellow-soft);color:var(--yellow);padding:14px;font-weight:850}
.integration{display:flex;align-items:center;gap:16px;margin:20px 0 24px}.box{flex:1;background:white;border:1px solid var(--line);border-radius:24px;padding:24px;text-align:center;font-weight:950;font-size:22px;box-shadow:var(--shadow)}.box small{display:block;color:var(--muted);font-size:14px;margin-top:8px;font-weight:700}.box.primary{background:var(--blue);color:white}.box.primary small{color:#dbe7ff}.arrow{font-size:32px;color:#667085;font-weight:950}
.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{padding:9px 12px;border-radius:999px;background:#eef2f7;font-weight:850;color:#344054}.audit{display:grid;gap:10px}.audit-item{background:white;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start}.audit-time{font-weight:950;color:var(--blue);min-width:74px}.audit-text{color:#344054}.small-muted{font-size:13px;color:var(--muted)}.red{color:var(--red);font-weight:950}.green{color:var(--green);font-weight:950}
.toast{position:fixed;right:24px;bottom:24px;max-width:460px;background:#111827;color:white;border-radius:18px;padding:14px 18px;box-shadow:0 20px 60px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1200px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.nav{white-space:nowrap}.hero,.grid.four,.grid.three,.grid.two,.phone-wrap,.call-grid,.slot-people{grid-template-columns:1fr}.phone{width:100%}input{min-width:100%}}

.priority-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950}
.priority-badge.high{background:var(--red-soft);color:var(--red)}
.priority-badge.mid{background:var(--yellow-soft);color:var(--yellow)}
.priority-badge.low{background:var(--green-soft);color:var(--green)}
.priority-badge.wait{background:var(--blue-soft);color:var(--blue)}
.gear-badge{display:inline-flex;border-radius:999px;background:#eef2f7;color:#344054;padding:6px 10px;font-size:12px;font-weight:900}
.slot-block-title{font-weight:950;margin:16px 0 10px;color:#344054}
.slot-person{position:relative}
.slot-person .meta-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.replacement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.replacement-person{background:#fff;border:1px dashed #cfd7e6;border-radius:16px;padding:12px}
.replacement-person b{display:block}
.replacement-person span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.replacement-person .replace-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.replacement-person button{padding:8px 10px;border-radius:10px;font-size:12px}
.slot-note{background:var(--blue-soft);color:#173b7a;border-radius:14px;padding:12px 14px;font-weight:800;margin:12px 0}
@media(max-width:1200px){.replacement-grid{grid-template-columns:1fr}}

.slot-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.status-chip{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}
.status-chip.empty{background:#eef2f7;color:#344054}
.status-chip.draft{background:var(--yellow-soft);color:var(--yellow)}
.status-chip.sent{background:var(--blue-soft);color:var(--blue)}
.status-chip.partial{background:var(--yellow-soft);color:var(--yellow)}
.status-chip.ready{background:var(--green-soft);color:var(--green)}
.status-chip.problem{background:var(--red-soft);color:var(--red)}
.person-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950}
.person-status.slot_draft{background:var(--yellow-soft);color:var(--yellow)}
.person-status.awaiting_confirmation{background:var(--blue-soft);color:var(--blue)}
.person-status.confirmed{background:var(--green-soft);color:var(--green)}
.person-status.declined,.person-status.no_show,.person-status.late_cancel{background:var(--red-soft);color:var(--red)}
.person-status.no_answer{background:var(--yellow-soft);color:var(--yellow)}
.slot-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.slot-actions button{white-space:nowrap}
.slot-person .topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.slot-person .topline b{min-width:0}
.confirm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.confirm-summary div{background:#f6f8fb;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.confirm-summary b{display:block;font-size:20px;color:#111827}
.confirm-summary span{font-size:12px;color:var(--muted);font-weight:850}
@media(max-width:1200px){.confirm-summary{grid-template-columns:repeat(2,1fr)}.slot-actions{justify-content:flex-start}}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.demo-main{background:linear-gradient(135deg,#1457d9,#0f9f6e)}
.demo-guide{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;margin:18px 0}
.demo-guide h3{font-size:26px;margin:6px 0 8px}.demo-guide p{margin:0;color:var(--muted);line-height:1.55}
.demo-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-steps button{width:100%;text-align:center}
.section-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.slot-person.problem-card{background:var(--red-soft);border-color:#ffd0cc}.slot-person.declined-card{background:#fff7f7;border-style:dashed}
.card.accent{border-color:#c9dafc;background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:1200px){.demo-guide{grid-template-columns:1fr}.demo-steps{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}.section-actions{justify-content:flex-start}}

.director-hero h2{max-width:980px}
.statement-card{margin:18px 0;background:linear-gradient(180deg,#fff,#f8fbff);border-color:#c9dafc}
.statement-card h3{font-size:28px;line-height:1.2;margin:8px 0 10px;max-width:1050px}
.statement-card p{font-size:17px;line-height:1.6;color:#344054;max-width:1180px;margin:0}
.value-grid{margin-top:18px;margin-bottom:18px}.value-card p{min-height:132px}
.check-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:#344054;line-height:1.45;font-weight:650}.check-list li{position:relative;padding-left:30px}.check-list li:before{content:"!";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;background:var(--yellow-soft);color:var(--yellow);display:grid;place-items:center;font-size:12px;font-weight:950}.check-list.good li:before{content:"✓";background:var(--green-soft);color:var(--green)}
.pain-card,.result-card{margin-bottom:18px}.pain-card h3,.result-card h3{font-size:24px;line-height:1.22}.director-guide{border-color:#c9dafc;background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:1200px){.statement-card h3{font-size:24px}.value-card p{min-height:auto}}


/* Главный экран заявки ГИБДД */
.main-workbench-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);border:1px solid #c9dafc;border-radius:28px;padding:28px 30px;margin-bottom:18px;box-shadow:var(--shadow)}
.main-workbench-hero h2{font-size:34px;line-height:1.12;margin:12px 0 10px;max-width:1050px}.main-workbench-hero p{font-size:17px;color:#344054;line-height:1.55;max-width:1080px;margin:0}.compact-actions{margin-top:0;justify-content:flex-end}.small-btn{padding:8px 11px;border-radius:11px;font-size:12px;box-shadow:none}.danger-btn{color:var(--red)!important;background:var(--red-soft)!important}
.workbench-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.kpi-card{background:white;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 12px 26px rgba(15,23,42,.05)}.kpi-card b{display:block;font-size:30px;color:var(--blue);line-height:1}.kpi-card span{display:block;margin-top:7px;color:var(--muted);font-size:13px;font-weight:850}.danger-kpi b{color:var(--red)}
.workbench-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.request-panel{position:sticky;top:132px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h3{margin:5px 0 0}.request-list{display:grid;gap:10px;max-height:980px;overflow:auto;padding-right:3px}.request-card{display:block;width:100%;text-align:left;background:#fff;color:var(--text);box-shadow:none;border:1px solid var(--line);border-radius:18px;padding:15px;transition:.15s}.request-card:hover{transform:translateY(-1px);border-color:#b9cdf9}.request-card.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 14px 30px rgba(20,87,217,.12)}.request-date{font-size:17px;font-weight:950}.request-title{font-weight:850;margin-top:5px;color:#344054}.request-meta{color:var(--muted);font-size:13px;margin:5px 0 10px}.request-line{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.request-line span{background:#f2f5f9;color:#344054;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:850}.request-card.active .request-line span{background:#fff;color:#173b7a}
.slot-workspace{display:grid;gap:18px}.active-request-card,.group-editor-card,.replacement-card-main{padding:22px}.active-request-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.active-request-head h3{font-size:28px;line-height:1.15;margin:6px 0}.active-request-head p{margin:0;color:var(--muted)}.request-numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.request-numbers div{background:#f6f8fb;border:1px solid var(--line);border-radius:16px;padding:12px}.request-numbers b{display:block;font-size:26px;color:#111827}.request-numbers span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-top:3px}.director-explain{background:var(--blue-soft);color:#173b7a;border-radius:16px;padding:14px 16px;line-height:1.45;font-weight:750;margin:8px 0 16px}.director-explain b{font-weight:950}.work-actions{display:flex;gap:10px;flex-wrap:wrap}
.work-people-list,.candidate-list{display:grid;gap:10px}.work-person{border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:14px}.work-person-problem{background:var(--red-soft);border-color:#ffd0cc}.work-person-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.work-person-main b{display:block;font-size:16px}.work-person-main span:not(.person-status){display:block;color:var(--muted);font-size:13px;margin-top:3px}.work-person-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;color:#667085;font-size:13px;font-weight:750}.priority-number{display:inline-flex;border-radius:999px;background:#111827;color:white;padding:6px 10px;font-size:12px;font-weight:950}.work-person-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.empty-state{border:1px dashed #cfd7e6;background:#fbfcff;border-radius:16px;padding:16px;color:var(--muted);font-weight:750;line-height:1.45}
.candidate-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.candidate-row b{display:block}.candidate-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.candidate-row small{display:block;color:#344054;font-size:13px;margin-top:6px;font-weight:750}.candidate-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.compact-value p{min-height:auto}
@media(max-width:1200px){.main-workbench-hero,.active-request-head,.candidate-row{flex-direction:column}.workbench-kpi{grid-template-columns:repeat(2,1fr)}.workbench-layout{grid-template-columns:1fr}.request-panel{position:static}.request-numbers{grid-template-columns:repeat(2,1fr)}.compact-actions{justify-content:flex-start}.main-workbench-hero h2{font-size:28px}}
@media(max-width:700px){.workbench-kpi,.request-numbers{grid-template-columns:1fr}.work-actions button{width:100%}.candidate-actions{justify-content:flex-start}.main-workbench-hero{padding:22px}.content{padding:18px}}

/* Отчёт директора */
.director-report-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#ffffff 0%,#f5fff9 100%);border:1px solid #bfe8d7;border-radius:28px;padding:28px 30px;margin-bottom:18px;box-shadow:var(--shadow)}
.director-report-hero h2{font-size:34px;line-height:1.12;margin:12px 0 10px;max-width:980px}.director-report-hero p{font-size:17px;color:#344054;line-height:1.55;max-width:1080px;margin:0}
.director-report-kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.report-kpi-card{background:white;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 12px 26px rgba(15,23,42,.05)}.report-kpi-card b{display:block;font-size:29px;color:var(--blue);line-height:1}.report-kpi-card span{display:block;margin-top:7px;color:var(--muted);font-size:13px;font-weight:850;line-height:1.25}.report-kpi-card.main b{color:#111827}.report-kpi-card.good b{color:var(--green)}.report-kpi-card.warn b{color:var(--yellow)}.report-kpi-card.danger b{color:var(--red)}
.report-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 430px;gap:18px;margin-bottom:18px}.report-card-large,.report-card-side{min-height:100%}.report-grid{margin-bottom:18px}
.funnel-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.funnel-summary div{background:#f6f8fb;border:1px solid var(--line);border-radius:16px;padding:13px}.funnel-summary b{display:block;font-size:28px;color:#111827}.funnel-summary span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-top:4px}
.bar-row{display:grid;grid-template-columns:110px 1fr 48px;gap:12px;align-items:center;margin:11px 0}.bar-row span{font-weight:850;color:#344054}.bar-row b{text-align:right}.bar{height:13px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:999px}.bar.warn i{background:var(--yellow)}.bar.danger i{background:var(--red)}.bar.mini{height:8px;margin-top:10px}.director-insight{background:var(--green-soft);color:#175f45;border-radius:16px;padding:14px 16px;line-height:1.45;font-weight:750;margin-top:16px}.director-insight b{font-weight:950}
.director-risks{display:grid;gap:10px}.risk-row{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:flex-start;border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:13px}.risk-row b{width:42px;height:42px;border-radius:14px;background:#eef2f7;color:#344054;display:grid;place-items:center;font-size:19px;font-weight:950}.risk-row strong{display:block;color:#111827}.risk-row span{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:3px}.risk-row.hot b{background:var(--yellow-soft);color:var(--yellow)}.risk-row.hot{border-color:#f5d88a;background:#fffdf6}
.slot-report-list{display:grid;gap:12px}.slot-report-row{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fbfcff}.slot-report-row b{display:block}.slot-report-row span{color:var(--muted);font-size:13px;margin-top:4px}.slot-report-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.slot-report-meta span{background:#eef2f7;border-radius:999px;padding:5px 8px;font-weight:850;color:#344054}
.loss-reasons{display:grid;gap:12px}.loss-row{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff}.loss-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.loss-row b{display:block}.loss-row span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.loss-row strong{display:inline-flex;margin-top:10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);padding:5px 9px;font-size:13px}
.inner-table{box-shadow:none;border-radius:18px;overflow:auto}.inner-table table{min-width:820px}
@media(max-width:1300px){.director-report-kpi{grid-template-columns:repeat(3,1fr)}.report-layout{grid-template-columns:1fr}.director-report-hero{flex-direction:column}.director-report-hero h2{font-size:28px}.funnel-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.director-report-kpi,.funnel-summary{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.bar-row b{text-align:left}.director-report-hero{padding:22px}}

/* Интерактивная детализация отчёта директора */
.drill-card{cursor:pointer;position:relative;transition:.15s}
.drill-card:hover{transform:translateY(-1px);border-color:#9db9f5!important;box-shadow:0 14px 34px rgba(20,87,217,.12)}
.drill-card.active{outline:3px solid rgba(20,87,217,.16);border-color:var(--blue)!important;background:#f7fbff!important}
.report-kpi-card em{display:block;margin-top:8px;color:var(--blue);font-style:normal;font-size:12px;font-weight:950}
.risk-row small,.drill-hint{display:block;color:var(--blue)!important;font-size:12px!important;font-weight:950!important;margin-top:6px!important}
.report-drilldown{margin:0 0 18px}
.drilldown-card{border-color:#c9dafc;background:linear-gradient(180deg,#fff,#f8fbff)}
.drilldown-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.drilldown-head h3{font-size:26px;margin:5px 0 8px}
.drilldown-head p{margin:0;color:#344054;line-height:1.45;max-width:980px}
.drilldown-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:240px}
.drill-action{margin:12px 0 14px;background:var(--blue-soft);color:#173b7a}
.drill-list{display:grid;gap:10px}
.drill-person-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:17px;background:#fff;padding:14px}
.drill-person-row b{display:block;font-size:16px}.drill-person-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.drill-person-row small{display:block;color:#344054;font-size:13px;margin-top:6px;line-height:1.35;font-weight:750}
.drill-person-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:260px}
.drill-more{border:1px dashed #cfd7e6;border-radius:16px;padding:12px;color:var(--muted);font-weight:850;background:#fbfcff}
.result-click{cursor:pointer}.result-click:hover td{background:#f7fbff}
@media(max-width:900px){.drilldown-head,.drill-person-row{flex-direction:column}.drilldown-actions,.drill-person-actions{justify-content:flex-start;min-width:auto}}

/* Director demo v4: capacity visibility + after-exam feedback */
.group-remaining{display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:950}.group-remaining.hot{background:var(--red-soft);color:#b42318}.group-remaining.ok{background:var(--green-soft);color:#087443}.group-fill-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#fbfcff}.group-fill-summary.needs-fill{background:#fff7f5;border-color:#ffd0cc}.group-fill-summary.full{background:#f0fdf4;border-color:#bbf7d0}.group-fill-summary div{background:white;border:1px solid var(--line);border-radius:14px;padding:10px}.group-fill-summary b{display:block;font-size:22px;color:#111827}.group-fill-summary span{display:block;color:var(--muted);font-size:12px;font-weight:850}.group-fill-summary p{grid-column:1/-1;margin:0;color:#344054;font-weight:800;line-height:1.35}.feedback-report-slot{margin:22px 0}.feedback-report-card{padding:22px}.feedback-report-grid,.after-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.feedback-mini-kpi,.after-summary-card{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:14px}.feedback-mini-kpi b,.after-summary-card b{display:block;font-size:30px;color:#111827}.feedback-mini-kpi span,.after-summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-top:4px}.feedback-mini-kpi.good,.after-summary-card.good{background:var(--green-soft)}.feedback-mini-kpi.warn,.after-summary-card.warn{background:#fff7ed}.feedback-mini-kpi.danger,.after-summary-card.danger{background:var(--red-soft)}.feedback-report-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-top:12px}.feedback-report-columns h4{margin:0 0 10px;font-size:15px}.feedback-topic{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:10px 12px;margin-bottom:8px}.feedback-topic span{font-weight:850;color:#344054}.feedback-topic b{border-radius:999px;background:#eaf1ff;color:var(--blue);padding:4px 10px}.feedback-comment{display:grid;gap:4px;border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:12px;margin-bottom:8px}.feedback-comment b{font-size:15px}.feedback-comment span{color:#475467;font-weight:700;line-height:1.35}.after-exam-hero{display:flex;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#ffffff,#eef5ff);border:1px solid var(--line);border-radius:28px;padding:30px;margin-bottom:22px;box-shadow:var(--shadow)}.after-exam-hero h2{font-size:36px;line-height:1.1;margin:8px 0}.after-exam-hero p{max-width:960px;color:#475467;font-size:18px;line-height:1.45;font-weight:650}.after-exam-layout{display:grid;grid-template-columns:1.45fr .9fr;gap:18px;margin-bottom:18px}.after-exam-list,.after-feedback-details,.student-feedback-cards,.after-director-insights{display:grid;gap:10px}.after-person-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:14px}.after-person-row b{display:block;font-size:16px}.after-person-row span:not(.person-status),.after-person-row small{display:block;color:var(--muted);font-weight:750;margin-top:3px}.after-result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feedback-focus h3{font-size:26px;margin:10px 0 4px}.feedback-focus p{color:var(--muted);font-weight:750;margin:0 0 12px}.feedback-box{border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:12px;margin-bottom:10px}.feedback-box b{display:block;margin-bottom:5px}.feedback-box span{color:#344054;line-height:1.4;font-weight:700}.student-feedback-card{border:1px solid var(--line);background:#fbfcff;border-radius:22px;padding:16px}.student-feedback-card b{display:block;font-size:18px;margin:8px 0 4px}.student-feedback-card span{color:var(--muted);font-weight:800}.student-feedback-card p{color:#344054;font-weight:700;line-height:1.35}.phone-mini-top{font-size:12px;font-weight:950;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.stars{font-size:18px;letter-spacing:1px;margin-top:10px;color:#111827}.after-actions-list{display:grid;gap:10px;margin-top:10px}.after-actions-list div{border:1px solid var(--line);border-radius:16px;background:#fbfcff;padding:12px}.after-actions-list b,.after-actions-list span{display:block}.after-actions-list span{color:#475467;margin-top:4px;font-weight:750;line-height:1.35}
@media(max-width:1200px){.feedback-report-grid,.after-summary-grid{grid-template-columns:repeat(2,1fr)}.feedback-report-columns,.after-exam-layout{grid-template-columns:1fr}.after-exam-hero{flex-direction:column}.group-fill-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.feedback-report-grid,.after-summary-grid,.group-fill-summary{grid-template-columns:1fr}.after-person-row{flex-direction:column}.after-result-actions{justify-content:flex-start}.after-exam-hero h2{font-size:28px}}


/* Director demo v5: guided tour + visible business value */
.director-benefit-strip{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:stretch;background:linear-gradient(180deg,#ffffff,#f7fbff);color:#0f172a;border-radius:28px;padding:24px 26px;margin:0 0 18px;box-shadow:var(--shadow);border:1px solid #d9e5f7}
.director-benefit-strip .eyebrow{color:var(--blue)}.director-benefit-strip h3{font-size:28px;line-height:1.15;margin:8px 0 8px;color:#0f172a}.director-benefit-strip p{margin:0;color:#475467;line-height:1.5;font-weight:700}.benefit-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benefit-points div{background:#ffffff;border:1px solid #d9e5f7;border-radius:18px;padding:13px}.benefit-points b{display:block;color:#0f172a;font-size:15px}.benefit-points span{display:block;color:#475467;font-size:13px;line-height:1.35;margin-top:5px;font-weight:700}
.tour-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.22);z-index:90;backdrop-filter:blur(1px)}.tour-backdrop.show{display:block}.tour-highlight{position:relative;z-index:95!important;outline:4px solid rgba(20,87,217,.36)!important;box-shadow:0 0 0 9999px rgba(15,23,42,.18),0 18px 60px rgba(20,87,217,.22)!important;border-radius:22px!important}.tour-popover{display:none;position:fixed;width:min(440px,calc(100vw - 36px));background:#fff;border:1px solid #c9dafc;border-radius:24px;padding:20px;box-shadow:0 28px 90px rgba(15,23,42,.28);z-index:120}.tour-popover.show{display:block}.tour-step-count{display:inline-flex;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;margin-bottom:10px}.tour-popover h3{font-size:24px;line-height:1.15;margin:0 0 8px}.tour-popover p{font-size:15px;line-height:1.45;color:#344054;margin:0}.tour-benefit{margin:14px 0;background:var(--green-soft);color:#175f45;border-radius:16px;padding:13px;line-height:1.4}.tour-benefit b{display:block;margin-bottom:4px}.tour-benefit span{font-weight:750}.tour-controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.tour-controls button{box-shadow:none}
@media(max-width:1100px){.director-benefit-strip{grid-template-columns:1fr}.benefit-points{grid-template-columns:1fr}.tour-popover{left:18px!important;right:18px!important;top:auto!important;bottom:18px!important;width:auto}.tour-highlight{box-shadow:0 0 0 9999px rgba(15,23,42,.14)!important}}

/* Director demo final: short route + final management result */
.quick-watch-card{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:stretch;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #d9e5f7;border-radius:28px;padding:22px 24px;margin:0 0 18px;box-shadow:var(--shadow)}
.quick-watch-card h3{font-size:26px;line-height:1.15;margin:8px 0;color:#0f172a}.quick-watch-card p{margin:0;color:#475467;line-height:1.45;font-weight:700}.quick-watch-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-watch-steps button{display:flex;align-items:center;gap:10px;text-align:left;justify-content:flex-start;background:#fff;color:#0f172a;border:1px solid #d9e5f7;box-shadow:none;border-radius:18px;padding:14px}.quick-watch-steps button:hover{border-color:#9db9f5;transform:translateY(-1px)}.quick-watch-steps b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:14px}.quick-watch-steps span{font-weight:900;line-height:1.25}
.director-result-card{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:stretch;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid #d9e5f7;border-radius:28px;padding:24px;margin:0 0 22px;box-shadow:var(--shadow)}.director-result-card h3{font-size:28px;line-height:1.15;margin:8px 0;color:#0f172a}.director-result-card p{margin:0;color:#475467;line-height:1.5;font-weight:700}.director-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.director-result-grid div{background:#fff;border:1px solid #d9e5f7;border-radius:18px;padding:14px}.director-result-grid b{display:block;color:#0f172a;font-size:15px}.director-result-grid span{display:block;color:#475467;font-size:13px;line-height:1.35;margin-top:5px;font-weight:700}
@media(max-width:1100px){.quick-watch-card,.director-result-card{grid-template-columns:1fr}.quick-watch-steps,.director-result-grid{grid-template-columns:1fr}}