:root{
  --bg:#eef3f8;--surface:#ffffff;--surface-soft:#f7f9fc;--surface-blue:#f1f6fb;
  --nav:#111c2c;--nav2:#1a2940;--nav-text:#dbe4ef;--nav-muted:#8091a8;
  --text:#172033;--muted:#6e7c91;--line:#d6dfeb;--line-strong:#c4cfdd;
  --gold:#d89b2b;--gold-soft:#fff3d8;--gold-dark:#8a5a08;
  --blue:#2878d5;--blue-soft:#eaf4ff;--green:#1e9b63;--green-soft:#e9f8f0;
  --red:#d64c4c;--red-soft:#fff0f0;--violet:#7b5dcc;--violet-soft:#f2efff;
  --amber:#d7841f;--amber-soft:#fff4e5;--neutral:#68758a;--neutral-soft:#eef1f5;
  --shadow:0 12px 30px rgba(22,39,64,.08);--shadow-sm:0 4px 14px rgba(22,39,64,.06);
  --radius:14px;--sidebar-compact:76px;--sidebar-full:236px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.danger{color:var(--red)}.good{color:var(--green)}.warn{color:var(--amber)}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* auth */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#fff8e7 0,transparent 30%),linear-gradient(135deg,#edf3f8,#f7f9fc 55%,#e8f0f7)}
.auth-card{width:min(450px,100%);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 24px 60px rgba(23,40,64,.14)}
.auth-card h1{font-size:24px;margin:24px 0 8px}.auth-brand{display:flex;align-items:center;gap:12px}.everi-mark,.brand-mini{display:grid;place-items:center;background:#121b29;color:#fff;border-radius:12px;font-weight:700}.everi-mark{width:46px;height:46px;font-size:23px;box-shadow:inset 0 -3px 0 var(--gold)}.everi-word{font-size:19px;font-weight:700;letter-spacing:.06em}.auth-brand small{display:block;color:var(--muted);margin-top:2px}

/* forms */
.field{display:grid;gap:7px;margin:12px 0}.field label{color:#5e6d82;font-size:12px;font-weight:700}.field input,.field select,.field textarea,.input{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:10px 12px;outline:none;transition:.15s;border-color:.15s,box-shadow .15s}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#8db5e3;box-shadow:0 0 0 3px rgba(40,120,213,.1)}.field input:disabled{background:#f2f5f8;color:#7d8898}.btn{border:1px solid var(--line-strong);background:#fff;color:#26354b;padding:9px 13px;border-radius:10px;font-weight:700;box-shadow:0 1px 2px rgba(20,34,52,.03);transition:.15s transform,.15s box-shadow,.15s background}.btn:hover{background:#f7f9fc;box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#201505}.btn.primary:hover{background:#e2aa43}.btn.subtle{background:#f8fafc}.btn.bad{background:var(--red-soft);border-color:#efb8b8;color:#a32e2e}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%}.btn[disabled]{opacity:.42;cursor:not-allowed;box-shadow:none}.checkline label,.switchline{display:flex!important;align-items:center;gap:8px}.divider{height:1px;background:var(--line);margin:18px 0}

/* shell/sidebar */
.shell{min-height:100vh;padding-left:var(--sidebar-compact);transition:padding-left .2s ease}.shell.sidebar-pinned{padding-left:var(--sidebar-full)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-compact);z-index:30;background:linear-gradient(180deg,#111c2c 0%,#0e1826 100%);color:var(--nav-text);padding:16px 10px;overflow:hidden;transition:width .2s ease;box-shadow:1px 0 0 rgba(255,255,255,.04)}
.sidebar:hover,.sidebar-pinned .sidebar{width:var(--sidebar-full);box-shadow:8px 0 28px rgba(12,24,40,.18)}
.sidebar-brand{height:54px;display:flex;align-items:center;gap:12px;padding:0 8px;margin-bottom:18px;white-space:nowrap}.brand-mini{width:40px;height:40px;border-radius:11px;font-size:20px;box-shadow:inset 0 -3px 0 var(--gold);flex:0 0 auto}.brand-full{opacity:0;transform:translateX(-6px);transition:.15s;line-height:1.1}.brand-full b{font-size:18px;letter-spacing:.07em}.brand-full small{display:block;margin-top:5px;font-size:10px;letter-spacing:.1em;color:#92a2b8}.sidebar:hover .brand-full,.sidebar-pinned .brand-full{opacity:1;transform:none}
.nav{display:grid;gap:6px}.nav button,.side-action{position:relative;width:100%;height:44px;border:0;background:transparent;color:var(--nav-muted);border-radius:11px;display:flex;align-items:center;gap:13px;padding:0 12px;text-align:left;font-weight:700;white-space:nowrap;transition:.15s}.nav button:hover,.side-action:hover{background:rgba(255,255,255,.06);color:#fff}.nav button.active{background:#1c2d45;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.nav-label,.account-copy{opacity:0;pointer-events:none;transition:opacity .12s}.sidebar:hover .nav-label,.sidebar-pinned .nav-label,.sidebar:hover .account-copy,.sidebar-pinned .account-copy{opacity:1;pointer-events:auto}.nav-badge{position:absolute;right:8px;top:7px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#f0b344;color:#251700;font-size:10px;display:grid;place-items:center;border:2px solid var(--nav)}.nav-badge.attention{background:#ff6565;color:white}.sidebar:not(:hover) .nav-badge,.shell:not(.sidebar-pinned) .sidebar:not(:hover) .nav-badge{right:4px;top:3px;min-width:16px;height:16px;font-size:9px;padding:0 3px}
.sidebar-foot{position:absolute;left:10px;right:10px;bottom:12px;display:grid;gap:7px}.account-mini{height:54px;display:flex;align-items:center;gap:11px;padding:0 9px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef4fa;color:#254263;font-weight:700;flex:0 0 auto}.avatar.large{width:46px;height:46px;font-size:17px}.account-copy b{display:block;color:#fff}.account-copy small{display:block;color:#8ea0b6;font-size:11px;margin-top:2px}

/* top/content */
.main{min-width:0}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px 12px;position:sticky;top:0;z-index:10;background:rgba(238,243,248,.94);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:27px;line-height:1.15;letter-spacing:-.025em}.page-subtitle{color:var(--muted);margin-top:5px;font-size:13px}.top-actions{display:flex;gap:8px;align-items:center}.content{padding:16px 28px 34px;max-width:1680px;margin:0 auto}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .input{width:auto;min-width:175px}.spacer{flex:1}.searchbox{position:relative;min-width:300px;flex:1;max-width:430px}.searchbox .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8292a6;width:18px}.searchbox .input{width:100%;padding-left:38px}

/* summary/tasks */
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{min-height:94px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#cdd6e2}.summary-card.danger:after{background:var(--red)}.summary-card.accent:after{background:var(--gold)}.summary-card.blue:after{background:var(--blue)}.summary-card.violet:after{background:var(--violet)}.summary-card b{font-size:28px;line-height:1}.summary-card small{display:block;color:var(--muted);font-weight:700;margin-top:6px}.summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0f4f8;color:#57708f}.summary-card.danger .summary-icon{background:var(--red-soft);color:var(--red)}.summary-card.accent .summary-icon{background:var(--gold-soft);color:var(--gold-dark)}.summary-card.blue .summary-icon{background:var(--blue-soft);color:var(--blue)}.summary-card.violet .summary-icon{background:var(--violet-soft);color:var(--violet)}
.section{margin:22px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title.compact{align-items:center}.section-title h2{margin:0;font-size:17px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.count-pill{min-width:28px;height:26px;border-radius:99px;display:grid;place-items:center;padding:0 9px;font-weight:700;background:var(--neutral-soft);color:var(--neutral)}.count-pill.danger{background:var(--red-soft);color:var(--red)}.count-pill.accent{background:var(--gold-soft);color:var(--gold-dark)}.count-pill.blue{background:var(--blue-soft);color:var(--blue)}
.task-stack{display:grid;gap:8px}.task-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 14px 14px 20px;display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:13px;box-shadow:var(--shadow-sm);cursor:pointer}.task-card:hover{border-color:#aebdce;transform:translateY(-1px)}.task-dot{width:5px;height:42px;border-radius:9px;background:#aab5c4}.task-card.danger .task-dot{background:var(--red)}.task-card.accent .task-dot{background:var(--gold)}.task-card.blue .task-dot{background:var(--blue)}.task-kicker{color:var(--muted);font-size:11px;font-weight:700}.task-card h3{margin:3px 0 4px;font-size:15px}.task-meta{color:var(--muted);font-size:12px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.dashboard-panel{margin:0}.mini-list{display:grid}.mini-client{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.5fr) 90px 20px;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer}.mini-client:last-child{border-bottom:0}.mini-client:hover b{color:var(--blue)}.mini-client b,.mini-client small{display:block}.mini-client small{color:var(--muted);font-size:11px;margin-top:2px}.mini-task{font-size:13px}.control-list{display:grid}.control-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.control-list>div:last-child{border:0}.control-list span{color:var(--muted)}.control-list b{font-size:19px}

/* clients table */
.table-shell{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:var(--shadow-sm)}.clients-table{width:100%;border-collapse:collapse;min-width:1050px}.clients-table th{padding:10px 12px;background:#f5f8fb;color:#68778c;text-transform:uppercase;letter-spacing:.045em;font-size:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.clients-table td{padding:10px 12px;border-bottom:1px solid #e5ebf2;vertical-align:middle}.clients-table tr:last-child td{border-bottom:0}.client-tr{transition:.14s;background:#fff}.client-tr:hover{background:#f8fbfe}.client-cell{min-width:310px;max-width:470px}.linkish{border:0;background:transparent;padding:0;color:#174f91;font-weight:700;text-align:left}.linkish:hover{text-decoration:underline}.client-note{margin-top:4px;color:#718096;font-size:11.5px;line-height:1.35}.city{font-size:12px}.sub{color:var(--muted);font-size:11px;margin-top:2px}.phone-cell{font-size:12px;white-space:nowrap}.owner-cell{font-weight:600}.status-select{min-width:160px;border-radius:10px;padding:8px 30px 8px 10px;font-weight:700;outline:none}.status-select.tone-green{background:var(--green-soft);border:1px solid #b9e2cd;color:#137647}.status-select.tone-blue{background:var(--blue-soft);border:1px solid #c3daf3;color:#195fae}.status-select.tone-violet{background:var(--violet-soft);border:1px solid #d7cff8;color:#664ab4}.status-select.tone-amber{background:var(--amber-soft);border:1px solid #f0d4ae;color:#a95d09}.status-select.tone-neutral{background:var(--neutral-soft);border:1px solid #d7dde5;color:#5f6b7b}.status-extra{margin-top:5px}.today-cell,.open-cell{white-space:nowrap}.today-btn{font-size:11px;padding:7px 9px;background:#fff}.today-btn.done{background:#eef2f6;color:#667487}.client-tr.done-today{background:#fafbfc}.client-tr.done-today .client-cell,.client-tr.done-today .city,.client-tr.done-today .phone-cell,.client-tr.done-today .status-select{opacity:.42;text-decoration:line-through}.client-tr.done-today:hover{background:#f7f9fb}.check-cell{width:36px}.check{width:16px;height:16px}.next-inline{max-width:240px;font-size:12px}.due{font-size:11px;font-weight:700;color:#7a8798}.due.over{color:var(--red)}.due.today{color:var(--amber)}

/* generic panels/detail */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm)}.panel h3{font-size:15px;margin:0 0 14px}.panel + .panel{margin-top:14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px}.next-action{background:linear-gradient(135deg,#fff8e7,#fff 65%);border:1px solid #ecd59f;padding:18px 20px;border-radius:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;color:#9b6b18;margin-bottom:4px}.next-action .action{font-size:19px;font-weight:700}.next-action .meta{margin-top:5px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kv{padding:10px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv label{display:block;color:var(--muted);font-size:10px;font-weight:700;margin-bottom:3px}.kv div{font-weight:700;white-space:pre-wrap}.timeline{display:grid;gap:10px}.event{border-left:3px solid #d5dee9;padding:3px 0 3px 12px}.event-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.event-title{font-weight:700}.event-time{color:var(--muted);font-size:10.5px}.event-comment{white-space:pre-wrap;color:#43536a;margin-top:4px}.playbook pre{white-space:pre-wrap;margin:0;background:#f7f9fc;border:1px solid var(--line);padding:12px;border-radius:10px;color:#344258;font:13px/1.5 inherit;max-height:360px;overflow:auto}.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.tabs button{padding:6px 9px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:600}.tabs button.active{color:#1e5793;background:var(--blue-soft);border-color:#c5d9ee}.integration{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.integration:last-child{border-bottom:0}.integration b{display:block}.integration small{display:block;color:var(--muted);margin-top:2px}
.badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:var(--neutral-soft);color:var(--neutral);font-size:10px;font-weight:700}.badge.red{background:var(--red-soft);color:var(--red)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber,.badge.yellow{background:var(--amber-soft);color:var(--amber)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.violet{background:var(--violet-soft);color:var(--violet)}

/* users/tests */
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.user-card,.experiment-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm)}.user-card header,.experiment-card header{display:flex;gap:11px;align-items:center}.user-copy{min-width:0;flex:1}.user-copy h3,.experiment-card h3{margin:0;font-size:15px}.user-metric{display:flex;justify-content:space-between;padding:14px 0 2px;margin-top:12px;border-top:1px solid var(--line);color:var(--muted)}.user-metric b{color:var(--text);font-size:20px}.experiment-card{margin-bottom:10px}.experiment-card header{justify-content:space-between}.experiment-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.experiment-body .full{grid-column:1/-1}

/* modal/messages */
dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);width:min(640px,calc(100vw - 30px));box-shadow:0 30px 70px rgba(24,39,61,.25);padding:0}dialog::backdrop{background:rgba(24,35,52,.46);backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-body{padding:17px 18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fafbfd}.x{background:transparent;border:0;color:var(--muted);font-size:22px}.empty{background:rgba(255,255,255,.65);border:1px dashed var(--line-strong);border-radius:12px;padding:18px;color:var(--muted)}.empty.calm{background:#fafbfd}.toast{position:fixed;right:20px;bottom:20px;background:#172335;color:#fff;border:1px solid #253750;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);z-index:99}.toast.bad{background:#6f2828;border-color:#934141;color:#fff}

@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.admin-summary{grid-template-columns:repeat(3,1fr)}.people-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.toolbar .searchbox{max-width:none;min-width:260px}}
@media(max-width:760px){.shell,.shell.sidebar-pinned{padding-left:0}.sidebar{display:none}.topbar{padding:16px 16px 10px;position:static}.content{padding:12px 16px 28px}.topbar h1{font-size:23px}.summary-grid,.admin-summary{grid-template-columns:1fr 1fr}.people-grid{grid-template-columns:1fr}.grid2,.grid3{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .input,.searchbox{width:100%;max-width:none;min-width:0}.mini-client{grid-template-columns:1fr}.mini-client>.ico{display:none}}
@media(max-width:480px){.summary-grid,.admin-summary{grid-template-columns:1fr}.topbar{display:block}.top-actions{margin-top:10px}}


/* client card / DPP stages — block 2 */
.client-hero{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm);margin-bottom:12px}.client-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#172438,#253a58);color:#fff;font-weight:700;font-size:20px;box-shadow:inset 0 -3px 0 var(--gold)}.client-hero-copy{min-width:0;flex:1}.client-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-title-row h2{margin:0;font-size:20px}.client-contact-line{margin-top:4px;color:var(--muted);font-size:12px}.client-hero-meta{display:flex;gap:10px}.client-hero-meta>div{min-width:145px;border-left:1px solid var(--line);padding-left:14px}.client-hero-meta span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.client-hero-meta b{display:block;margin-top:3px;font-size:12px}.compact-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px}.compact-action .action{font-size:16px}.compact-action .actions{margin:0}.compact-buttons{justify-content:flex-end}
.stage-nav-wrap{display:flex;align-items:center;gap:10px;margin:14px 0 16px}.stage-nav{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:6px;flex:1;background:#e6edf5;border:1px solid #ccd7e4;border-radius:15px;padding:6px;overflow:auto}.stage-step{min-height:54px;border:0;border-radius:10px;background:transparent;color:#6d7a8e;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:left;font-size:11px;font-weight:700;white-space:nowrap;transition:.14s}.stage-step:hover{background:rgba(255,255,255,.7);color:#2d3c52}.stage-step .stage-num{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#d2dce8;color:#617085;font-size:10px;flex:0 0 auto}.stage-step.passed .stage-num{background:#dff4e8;color:#15754a}.stage-step.current{background:#fff4d8;color:#6f4c0b;box-shadow:0 2px 8px rgba(47,61,80,.08)}.stage-step.current .stage-num{background:var(--gold);color:#251800}.stage-step.viewing{outline:2px solid #83aee0;outline-offset:-2px}.stage-step.current.viewing{outline-color:#d19a31}.stage-closed{flex:0 0 auto}.stage-workspace{margin-bottom:16px}.stage-view-note{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef6ff;border:1px solid #cbdff5;border-radius:12px;padding:11px 13px;margin-bottom:10px}.stage-view-note b,.stage-view-note small{display:block}.stage-view-note small{color:var(--muted);margin-top:2px}.stage-work-grid,.sales-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr);gap:14px}.stage-main{margin:0}.stage-side{display:grid;gap:12px;align-content:start}.stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:7px;border-bottom:1px solid var(--line)}.stage-heading h2{margin:3px 0 4px;font-size:21px}.stage-heading p{margin:0;color:var(--muted);max-width:760px}.stage-kicker{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.stage-kicker.amber{background:var(--amber-soft);color:var(--amber)}.stage-kicker.blue{background:var(--blue-soft);color:var(--blue)}.stage-kicker.green{background:var(--green-soft);color:var(--green)}.stage-kicker.violet{background:var(--violet-soft);color:var(--violet)}.stage-actions-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.large-textarea{min-height:190px!important}.tool-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;box-shadow:var(--shadow-sm)}.tool-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:16px;font-weight:700;background:#edf4fb;color:#245d98}.tracker-tool .tool-icon{background:#e9f4ff;color:#1d6bb8}.invoice-tool .tool-icon{background:#fff2d4;color:#97630e}.review-tool .tool-icon{background:#f1edff;color:#7154bd}.live-tool .tool-icon{background:#e8f8ef;color:#188151}.tool-copy{min-width:0}.tool-copy b,.tool-copy span,.tool-copy small{display:block}.tool-copy span{margin-top:2px;font-size:12px;color:#3f5066;overflow-wrap:anywhere}.tool-copy small{margin-top:3px;color:var(--muted);font-size:10.5px}.stage-help{background:#f8fafc;border:1px dashed #c7d2df;border-radius:13px;padding:13px 14px;color:#495a70}.stage-help.compact{margin-top:10px}.stage-help b{display:block;color:#34455b}.stage-help p{margin:4px 0 0;font-size:12px;line-height:1.5}.handoff-state{display:flex;gap:10px;align-items:center;background:#fff8e9;border:1px solid #edd9aa;border-radius:12px;padding:11px 13px;margin:12px 0}.handoff-state b,.handoff-state small{display:block}.handoff-state small{color:var(--muted);margin-top:2px}.status-light{width:10px;height:10px;border-radius:50%;background:#9ba8b7;box-shadow:0 0 0 4px rgba(155,168,183,.12)}.status-light.waiting{background:#e4a334;box-shadow:0 0 0 4px rgba(228,163,52,.14)}.published-demo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf9f2;border:1px solid #c3e6d1;border-radius:12px;padding:11px 13px;margin-top:12px}.published-demo b,.published-demo span{display:block}.published-demo span{font-size:11px;color:#466459;margin-top:2px;overflow-wrap:anywhere}.sales-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr)}.side-panel{margin:0!important}.side-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.side-panel-title h3{margin:0}.playbook-box .tabs{margin-bottom:8px}.playbook-box pre{white-space:pre-wrap;margin:0;background:#f7f9fc;border:1px solid var(--line);padding:12px;border-radius:10px;color:#344258;font:13px/1.5 inherit;max-height:310px;overflow:auto}.tracker-summary{background:linear-gradient(145deg,#f8fbff,#fff)}.tracker-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.tracker-metrics>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}.tracker-metrics span{display:block;color:var(--muted);font-size:9.5px;font-weight:700;text-transform:uppercase}.tracker-metrics b{display:block;margin-top:3px;font-size:17px}.client-bottom-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:14px;align-items:start}.client-info-panel,.history-panel{margin:0!important}.history-panel .timeline{max-height:620px;overflow:auto;padding-right:3px}
@media(max-width:1250px){.stage-nav{grid-template-columns:repeat(7,minmax(130px,1fr))}.stage-work-grid,.sales-layout,.client-bottom-grid{grid-template-columns:1fr}.client-hero-meta{display:none}}
@media(max-width:760px){.client-hero{align-items:flex-start}.client-avatar{width:40px;height:40px;border-radius:11px}.compact-action{display:block}.compact-buttons{justify-content:flex-start;margin-top:10px!important}.stage-nav-wrap{display:block}.stage-nav{grid-template-columns:repeat(7,150px)}.stage-closed{margin-top:8px}.stage-view-note{display:block}.stage-view-note .btn{margin-top:9px}.tool-card{grid-template-columns:36px 1fr}.tool-card>:last-child{grid-column:2}.grid3{grid-template-columns:1fr}.tracker-metrics{grid-template-columns:1fr 1fr}}

/* admin task handoff + files — block 3 */
.field-note{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:1px}.btn.blue{background:var(--blue-soft);border-color:#b8d6f5;color:#1e63a7}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn.danger-outline{background:#fff;border-color:#efb9b9;color:#b23d3d}.btn.danger-outline:hover{background:var(--red-soft)}
.task-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.task-title-line h3{margin-right:auto}.task-description{color:#48586d;font-size:12px;margin:2px 0 5px;line-height:1.45}.admin-task-card{grid-template-columns:6px minmax(0,1fr) auto}.handoff-copy{min-width:0;flex:1}
dialog.wide{width:min(860px,calc(100vw - 30px))}.task-detail{display:grid;gap:16px}.task-detail>section{border-top:1px solid var(--line);padding-top:14px}.task-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-detail-head h3{margin:8px 0 2px;font-size:20px}.task-detail-head p{margin:0;color:var(--muted);font-size:12px}.task-description-full{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.task-description-full span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.task-description-full p{margin:5px 0 0;white-space:pre-wrap;line-height:1.55}.task-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-facts>div{background:#fff8e9;border:1px solid #ead9af;border-radius:11px;padding:10px 12px}.task-facts span{display:block;color:#8a6d38;font-size:10px;font-weight:700}.task-facts b{display:block;margin-top:3px;overflow-wrap:anywhere}.task-files{display:grid;gap:7px}.task-file{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:9px;align-items:center;border:1px solid var(--line);background:#fbfcfe;border-radius:11px;padding:8px}.file-mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#eaf2fb;color:#315f91;font-size:9px;font-weight:700}.task-file-copy{min-width:0}.task-file-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-file-copy small{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}.task-files-empty{padding:12px}.task-extra-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:10px}.task-extra-upload .field{margin:0}.task-admin-controls{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:15px}.task-admin-controls h4{margin:0 0 4px}.return-line{margin:11px 0;color:#42536a;font-weight:700}.task-result-box{background:#f4fbf7;border:1px solid #cbe6d5;border-radius:13px;padding:13px!important}.task-result-box h4,.task-result-box h5{margin:0}.task-result-box h5{margin-top:12px}.result-link{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:8px 0;font-size:12px}.result-link span{color:var(--muted)}.result-link a{color:var(--blue);font-weight:700;overflow-wrap:anywhere}.result-comment{white-space:pre-wrap;background:#fff;border:1px solid #d8eadf;border-radius:10px;padding:10px 12px;margin:10px 0}.status-light.working{background:var(--blue);box-shadow:0 0 0 4px rgba(40,120,213,.13)}
@media(max-width:760px){dialog.wide{width:calc(100vw - 18px)}.task-file{grid-template-columns:34px minmax(0,1fr)}.task-file .btn{grid-column:2}.task-extra-upload{grid-template-columns:1fr}.task-facts{grid-template-columns:1fr}.admin-task-card{grid-template-columns:5px 1fr}.admin-task-card>.btn{grid-column:2;justify-self:start}.handoff-state{align-items:flex-start;flex-wrap:wrap}.handoff-copy{min-width:220px}}
.handoff-state.handoff-done{background:#edf9f2;border-color:#c3e6d1}.status-light.done{background:var(--green);box-shadow:0 0 0 4px rgba(30,155,99,.12)}.history-task-link{margin-top:7px;padding-left:0}.admin-task-extra{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}

/* v0.6 — internal narrow tests */
.base-playbook-panel{margin-bottom:24px}.base-playbook-panel .grid2{align-items:start}.base-playbook-panel textarea{min-height:150px;resize:vertical}
.tests-heading{display:flex;align-items:end;justify-content:space-between;margin:8px 0 14px}.tests-heading h2{margin:0 0 4px}.tests-heading p{margin:0;color:var(--muted)}
.tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:18px}.test-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.test-card.inactive{opacity:.78}.test-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}.test-card h3{margin:3px 0 4px;font-size:20px}.test-field-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}.test-main-form{padding:14px 0 4px}.test-card-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.test-variants{display:grid;gap:11px;margin-top:14px}.test-variant-form{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:13px}.test-variant-head{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:10px}.variant-code{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#172438;color:white;font-weight:700}.variant-value{min-height:96px;resize:vertical}.playbook-price{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;margin-bottom:10px;border-radius:12px;background:var(--amber-soft);border:1px solid #f0d4ae}.playbook-price span{font-size:12px;color:var(--muted);font-weight:700}.playbook-price b{font-size:16px;color:var(--text)}
.admin-test-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.test-assign-note{padding:12px 14px;border:1px solid #d7cff8;background:var(--violet-soft);border-radius:12px;margin-bottom:12px;color:var(--text)}.assignment-search{margin-bottom:10px}.test-assignment-list{display:grid;gap:7px;max-height:55vh;overflow:auto;padding-right:4px}.test-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.test-assignment-row small{display:block;color:var(--muted);margin-top:3px}.test-assignment-row.hidden{display:none}
@media(max-width:900px){.tests-grid{grid-template-columns:1fr}.test-variant-head{grid-template-columns:auto 1fr}.test-variant-head .count-pill,.test-variant-head .switchline{grid-column:auto}.test-assignment-row{grid-template-columns:1fr}}

/* v0.7 — stricter visual system + rebuilt client card */
:root{
  --bg:#e7ecf2;
  --surface:#ffffff;
  --surface-soft:#f4f7fa;
  --surface-blue:#edf3f8;
  --nav:#142334;
  --nav2:#1d3147;
  --nav-text:#eef4fa;
  --nav-muted:#91a2b4;
  --text:#15202e;
  --muted:#637184;
  --line:#c7d1dc;
  --line-strong:#afbdca;
  --gold:#285f8f;
  --gold-soft:#e8f0f7;
  --gold-dark:#173f63;
  --blue:#2d6596;
  --blue-soft:#e7f0f7;
  --green:#23805b;
  --green-soft:#e9f4ef;
  --red:#b94747;
  --red-soft:#f9ecec;
  --violet:#66558f;
  --violet-soft:#efedf6;
  --amber:#aa6d22;
  --amber-soft:#f7efe4;
  --neutral:#637184;
  --neutral-soft:#edf1f4;
  --shadow:0 10px 24px rgba(22,38,55,.08);
  --shadow-sm:0 2px 8px rgba(22,38,55,.06);
}
body{background:var(--bg)}
.auth{background:linear-gradient(145deg,#e5ebf1,#f3f6f9 58%,#dfe6ed)}
.auth-card{border-color:#bac6d2;box-shadow:0 26px 70px rgba(20,38,57,.17)}
.everi-mark,.brand-mini{background:#142334;box-shadow:inset 0 -3px 0 #3b78aa}
.btn{border-color:var(--line-strong);border-radius:8px;box-shadow:none}
.btn:hover{background:#eef2f6;box-shadow:none}
.btn.primary{background:#285f8f;border-color:#285f8f;color:#fff}
.btn.primary:hover{background:#214f77}
.btn.subtle{background:#f3f6f9}
.field input,.field select,.field textarea,.input{border-color:#bac6d2;border-radius:8px;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#4f7fa7;box-shadow:0 0 0 3px rgba(45,101,150,.1)}
.sidebar{background:linear-gradient(180deg,#142334 0%,#0f1c2a 100%)}
.topbar{background:rgba(231,236,242,.96);border-bottom:1px solid rgba(175,189,202,.7)}
.panel,.table-shell,.client-hero,.test-card{border-color:#bcc7d2;box-shadow:0 2px 8px rgba(22,38,55,.055)}
.clients-table th{background:#eef2f6;color:#536276;border-bottom-color:#bcc7d2}
.clients-table td{border-bottom-color:#d9e0e7}
.client-tr:hover{background:#f3f7fa}
.linkish{color:#204e78}
.status-select{border-width:1px}
.status-select.tone-blue{background:#e7f0f7;border-color:#a9c4da;color:#235b88}
.status-select.tone-amber{background:#f7efe4;border-color:#d8bf9d;color:#8b591e}
.status-select.tone-violet{background:#efedf6;border-color:#c8c0d9;color:#5b4e7d}
.status-select.tone-green{background:#e9f4ef;border-color:#b2d3c3;color:#1e704f}
.status-select.tone-neutral{background:#edf1f4;border-color:#c8d0d8;color:#566474}

.client-back-row{margin:0 0 10px}.back-link{border:0;background:transparent;color:#345f85;font-weight:700;padding:0;font-size:13px}.back-link:hover{text-decoration:underline}
.client-hero{align-items:flex-start;border-radius:12px;padding:18px 20px;margin-bottom:10px}
.client-avatar{background:linear-gradient(145deg,#1b3854,#244f73);box-shadow:none;border-radius:10px}
.client-title-row h2{font-size:23px;letter-spacing:-.02em}
.client-contact-line{font-size:13px;color:#556477}
.client-quick-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.client-quick-link,.client-quick-info{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid #bec9d4;border-radius:7px;background:#f7f9fb;color:#2a557a;font-size:11.5px;font-weight:700}
.client-quick-link:hover{background:#eaf1f7;border-color:#9eb6c9}
.client-info-toggle{font:inherit;cursor:pointer}
.client-hero-meta>div{border-left-color:#c5ced7}.client-hero-meta span{color:#657489}.client-hero-meta b{font-size:13px}
.client-info-drawer{background:#f7f9fb;border:1px solid #bec9d4;border-radius:10px;padding:16px 18px;margin-bottom:10px}
.drawer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}.drawer-head b,.drawer-head span{display:block}.drawer-head span{color:var(--muted);font-size:11px;margin-top:2px}

.client-action-strip{display:flex;align-items:center;gap:10px;min-height:44px;background:#f5f7f9;border:1px solid #c4ced8;border-radius:9px;padding:8px 10px;margin-bottom:12px}
.client-action-strip.quiet{background:#f7f9fb}.action-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#718094}.action-date{font-size:11px;font-weight:700;color:#59697c;padding-left:2px}.action-date.over{color:var(--red)}.action-date.today{color:var(--amber)}.action-assignee{color:#6a788a;font-size:11px}

.stage-navigation{background:#1b2f43;border:1px solid #1b2f43;border-radius:12px;padding:12px 13px;margin:12px 0 15px;box-shadow:0 4px 12px rgba(17,35,52,.12)}
.stage-nav-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;color:#fff}.stage-nav-head>span{font-weight:700;font-size:12px;letter-spacing:.045em;text-transform:uppercase}.stage-nav-head small{color:#9fb0c1;font-size:10.5px}
.stage-nav{display:flex;align-items:center;gap:5px;overflow:auto;background:transparent;border:0;padding:0}
.stage-step{min-height:42px;flex:0 0 auto;border:1px solid #314960;border-radius:8px;background:#20364b;color:#b5c2ce;padding:7px 10px;font-size:11px;box-shadow:none}
.stage-step:hover{background:#29445d;color:#fff}
.stage-step .stage-num{width:21px;height:21px;background:#324b63;color:#d6e0e8}
.stage-step.passed{background:#183c3a;border-color:#285653;color:#c5e4db}.stage-step.passed .stage-num{background:#2e6b62;color:#fff}
.stage-step.current{background:#285f8f;border-color:#4279a5;color:#fff}.stage-step.current .stage-num{background:#fff;color:#285f8f}
.stage-step.viewing{outline:2px solid #91b5d3;outline-offset:2px}.stage-step.current.viewing{outline-color:#b7d0e4}
.stage-arrow{color:#6f8497;font-weight:700;flex:0 0 auto;font-size:16px;padding:0 1px}
.stage-closed{display:inline-flex;margin-top:10px}
.stage-view-note{background:#edf3f8;border-color:#b8ccdc;border-radius:9px}

.stage-workspace{margin-bottom:16px}.stage-full{width:100%}.stage-main{border-radius:11px;padding:20px}.stage-heading{padding-bottom:15px;margin-bottom:13px}.stage-heading h2{font-size:22px}.stage-heading p{color:#5f6e81}
.stage-kicker.blue,.stage-kicker.amber,.stage-kicker.green,.stage-kicker.violet{background:#e8f0f7;color:#285f8f}
.integrated-note{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:11px 13px;background:#f2f5f8;border:1px solid #c7d1dc;border-left:3px solid #527ea4;border-radius:8px}.integrated-note b{color:#2a455f}.integrated-note span{font-size:11.5px;color:#657489}
.integrated-tool{margin-top:15px}.integrated-tool .tool-card{box-shadow:none;background:#f8fafb;border-color:#c5cfd9}
.sales-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.55fr);gap:14px}.sales-playbook{display:block}.sales-playbook .panel{margin:0}
.tracker-inline{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:7px;margin:0 0 14px;padding:10px;background:#edf3f8;border:1px solid #c2d1dd;border-radius:9px}.tracker-inline>div{background:#fff;border:1px solid #d0d8e0;border-radius:7px;padding:8px 9px}.tracker-inline span,.tracker-inline small{display:block;color:#6b798a;font-size:9.5px;font-weight:700}.tracker-inline b{display:block;margin-top:2px;font-size:15px;color:#22384d}.tracker-inline>p{grid-column:1/-1;margin:0;color:#728092;font-size:10.5px}
.playbook-box pre{background:#f4f7f9;border-color:#c9d2db;color:#263b50}.tabs button.active{color:#204f78;background:#e5eef5;border-color:#a9bfd1}
.history-full{margin-top:0!important}.history-full .timeline{max-height:520px;overflow:auto;padding-right:3px}.event{border-left-color:#9fb4c7}

@media(max-width:1250px){.sales-layout{grid-template-columns:1fr}.client-hero-meta{display:none}.tracker-inline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.client-hero{padding:14px}.client-action-strip{align-items:flex-start;flex-wrap:wrap}.client-action-strip .spacer{display:none}.stage-nav-head{display:block}.stage-nav-head small{display:block;margin-top:4px}.stage-navigation{padding:10px}.stage-step{min-height:40px}.tracker-inline{grid-template-columns:1fr 1fr}.tracker-inline>p{grid-column:1/-1}}


/* v0.7.2 — фирменная айдентика ЭВЕРИ + усиленный контраст */
:root{
  --brand-ink:#202733;
  --brand-blue:#155EEF;
  --brand-blue-light:#4D8DFF;
  --bg:#edf1f5;
  --surface:#ffffff;
  --surface-soft:#f6f8fb;
  --surface-blue:#edf3ff;
  --nav:#202733;
  --nav2:#293344;
  --nav-text:#f7f9fc;
  --nav-muted:#aab4c3;
  --text:#202733;
  --muted:#667085;
  --line:#cbd4df;
  --line-strong:#b6c2cf;
  --gold:#155EEF;
  --gold-soft:#eaf1ff;
  --gold-dark:#0d49be;
  --blue:#155EEF;
  --blue-soft:#eaf1ff;
  --green:#18794e;
  --green-soft:#e7f5ed;
  --red:#b42318;
  --red-soft:#fff0ee;
  --violet:#6941c6;
  --violet-soft:#f2efff;
  --amber:#a15c07;
  --amber-soft:#fff5e6;
  --neutral:#667085;
  --neutral-soft:#eef1f4;
  --shadow:0 8px 24px rgba(32,39,51,.08);
  --shadow-sm:0 2px 8px rgba(32,39,51,.07);
}
body{background:var(--bg);color:var(--text)}
.auth{background:linear-gradient(145deg,#e9eef5 0%,#f8fafc 55%,#e7edf7 100%)}
.auth-card{border:1px solid #c5cfdb;box-shadow:0 24px 64px rgba(32,39,51,.16)}
.auth-brand{display:grid;gap:8px;align-items:start}.auth-logo{width:176px;height:auto;display:block}.auth-brand small{margin:0;color:#6b7586;font-weight:700}
.sidebar{background:linear-gradient(180deg,#202733 0%,#171d27 100%);box-shadow:1px 0 0 rgba(0,0,0,.12)}
.sidebar-brand{padding:0 8px;position:relative}.sidebar-logo-mark{width:40px;height:44px;object-fit:contain;flex:0 0 auto;display:block}.sidebar-logo-full{width:146px;height:auto;display:block}.brand-full{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-full small{margin:0;color:#9eabba;letter-spacing:.08em}.sidebar:hover .sidebar-logo-mark,.sidebar-pinned .sidebar-logo-mark{display:none}.sidebar:not(:hover) .brand-full{display:none}.sidebar-pinned .brand-full{display:flex}
.nav button.active{background:#2b3442;color:#fff;box-shadow:inset 3px 0 0 var(--brand-blue-light)}.nav button:hover,.side-action:hover{background:#29313e;color:#fff}.nav-badge{background:var(--brand-blue);color:#fff;border-color:#202733}.nav-badge.attention{background:#d92d20}
.topbar{background:rgba(237,241,245,.96);border-bottom:1px solid #c8d1dc}.topbar h1{color:#202733}
.content{padding-top:18px}.panel,.table-shell,.client-hero,.test-card,.summary-card,.user-card{background:#fff;border-color:#c5cfda;box-shadow:0 4px 14px rgba(32,39,51,.055)}
.btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.btn.primary:hover{background:#0d4fd1;border-color:#0d4fd1}.btn.blue{background:#eaf1ff;border-color:#a9c2ff;color:#174ea6}.btn.blue:hover{background:#dce8ff}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#6f98ff;box-shadow:0 0 0 3px rgba(21,94,239,.11)}
.clients-table th{background:#f0f3f7;color:#475467;border-bottom-color:#bdc8d4}.clients-table td{border-bottom-color:#dde3ea}.client-tr:hover{background:#f7f9fc}.linkish{color:#174ea6}.linkish:hover{color:#0d49be;text-decoration:underline}
.status-select.tone-blue{background:#eaf1ff;border-color:#a9c2ff;color:#174ea6}.status-select.tone-green{background:#e7f5ed;border-color:#a8d5bd;color:#146c46}.status-select.tone-amber{background:#fff5e6;border-color:#e6c595;color:#8b4f06}.status-select.tone-violet{background:#f2efff;border-color:#c9bff0;color:#5939a5}.status-select.tone-neutral{background:#f0f2f5;border-color:#cdd4dd;color:#596273}
.client-avatar{background:#202733;color:#fff}.client-quick-link,.client-quick-info{border-color:#c2ccd7;background:#f8fafc;color:#174ea6}.client-quick-link:hover{background:#eaf1ff;border-color:#a9c2ff}.client-action-strip{background:#f7f9fc;border-color:#c6d0db}.stage-navigation{background:#202733;border-color:#202733;box-shadow:0 6px 18px rgba(32,39,51,.14)}.stage-step{background:#2a3341;border-color:#3b4656;color:#c5ceda}.stage-step:hover{background:#344052}.stage-step.current{background:#155EEF;border-color:#4D8DFF}.stage-step.current .stage-num{color:#155EEF}.stage-step.viewing{outline-color:#78a4ff}.stage-step.passed{background:#22394a;border-color:#31576f;color:#cfe1ee}.stage-step.passed .stage-num{background:#35637c}
.stage-kicker.blue,.stage-kicker.amber,.stage-kicker.green,.stage-kicker.violet{background:#eaf1ff;color:#174ea6}.integrated-note{border-left-color:#155EEF}.tabs button.active{color:#174ea6;background:#eaf1ff;border-color:#a9c2ff}.tracker-inline{background:#f0f4fa;border-color:#c8d2df}
.test-field-label{color:#155EEF}.variant-code{background:#202733}.playbook-price{background:#f8fafc;border-color:#cbd4df}.test-assign-note{background:#f0f4ff;border-color:#bdcdfa}
.summary-card.accent{border-top-color:#155EEF}.count-pill.accent{background:#eaf1ff;color:#174ea6}.task-card.accent{border-left-color:#155EEF}

/* v0.7.4 — структурная контрастность, чистые SVG-границы и иконки */
:root{--bg:#e5eaf0;--surface:#fff;--surface-soft:#f1f4f8;--line:#aebdcb;--line-strong:#90a4b8;--muted:#566579;--shadow-sm:0 2px 7px rgba(21,37,58,.09);--shadow:0 6px 19px rgba(21,37,58,.11)}
body{background:var(--bg);text-rendering:optimizeLegibility}
.panel,.table-shell,.client-hero,.test-card,.summary-card,.user-card,.stage-main,.client-info-drawer{border:1px solid #aebdcb;background:#fff;box-shadow:0 3px 11px rgba(26,41,61,.085)}
.section{border-color:#b8c6d3}
.field input,.field select,.field textarea,.input,.status-select,.btn,.client-action-strip,.client-quick-link,.client-quick-info,.tracker-inline,.integrated-note,.tool-card{border-color:#aebdcb}
.clients-table th{background:#e8edf3;border-bottom:1px solid #aab9c8;color:#394b61}
.clients-table td{border-bottom:1px solid #c9d3dd}
.client-tr:hover{background:#edf3fa}
.sidebar,.stage-navigation{border-right:1px solid #354359}
.sidebar-logo-mark,.sidebar-logo-full,.auth-logo{image-rendering:auto;display:block;object-fit:contain;transform:translateZ(0);backface-visibility:hidden}
.sidebar-logo-mark{width:46px;height:46px;max-width:none}
.sidebar-brand{padding-left:5px}
.nav .ico,.side-action .ico{width:21px;height:21px;stroke-width:2}
.btn.primary{box-shadow:0 2px 6px rgba(21,94,239,.14)}
.btn,.status-select,.stage-step,.nav button{isolation:isolate}
.btn:focus-visible,.status-select:focus-visible,.nav button:focus-visible{outline:2px solid #155eef;outline-offset:2px}
.today-btn.done{border-color:#a3b4c3;background:#e8edf3;color:#3c4f61}

/* v0.7.5 — рабочая очередь исполнителя */
.today-cell{min-width:154px}.snooze-until{display:block;margin-top:5px;color:#617286;font-size:10px;font-weight:700}.terminal-client-label{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border:1px solid #c8d1db;border-radius:8px;background:#eef1f4;color:#596676;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.client-tr.terminal-client{background:#f7f8fa}.client-tr.terminal-client .terminal-client-label{border-color:#d7b8b8;background:#f8eeee;color:#8b3131}.pause-note{color:#66778b;font-size:10px;font-weight:700;white-space:nowrap}.card-terminal-label{margin-left:auto}.client-action-strip #clientTodayToggle{white-space:nowrap}

/* v0.7.6: видимый номер сборки помогает исключить запуск старого локального сервера. */
.topbar-right{display:flex;align-items:center;gap:10px}.build-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid #c3ceda;border-radius:999px;background:#f7f9fc;color:#607086;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap}

/* v0.7.7 — карточка клиента и process-nav */
.client-hero{gap:0;padding:18px 20px;border-radius:12px}
.client-hero-copy{padding-right:22px}
.client-title-row h2{font-size:24px;letter-spacing:-.025em}
.client-contact-line{margin-top:5px;font-size:12.5px;color:#536276}
.client-hero-meta{margin-left:auto;align-self:stretch;align-items:center}
.client-hero-meta>div{min-width:150px;padding-left:18px;border-left:1px solid #c6d0db}
.client-quick-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.client-quick-link{height:34px;border-radius:7px;background:#fff;border:1px solid #b7c3cf;color:#24364c;box-shadow:none;transition:background .12s,border-color .12s,box-shadow .12s}
.client-quick-link:hover{background:#f5f8fc;border-color:#8fa5ba;box-shadow:0 1px 3px rgba(23,38,56,.07)}
.client-quick-link.logo-link{width:96px;padding:5px 9px;justify-content:center}
.client-quick-link.logo-link img{display:block;width:100%;height:22px;object-fit:contain;image-rendering:auto}
.client-info-toggle{padding:0 13px;font-size:11px;font-weight:700;white-space:nowrap}
.client-links-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:4px 0 12px;padding-top:12px;border-top:1px solid #d2dae3}
.client-links-editor .field{margin:0}

.stage-navigation{background:#fff;border:1px solid #aebdcb;border-right:1px solid #aebdcb;border-radius:12px;padding:0;margin:12px 0 15px;box-shadow:0 3px 11px rgba(26,41,61,.075);overflow:hidden}
.stage-nav{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:0;background:#fff;border:0;padding:0;overflow-x:auto}
.stage-step{position:relative;min-height:58px;border:0;border-right:1px solid #d7dee7;border-radius:0;background:#fff;color:#657386;padding:10px 12px;text-align:left;font-size:11px;font-weight:600;white-space:normal;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;box-shadow:none;outline:0;transition:background .12s,color .12s}
.stage-step:last-child{border-right:0}
.stage-step:hover{background:#f7f9fc;color:#25364b}
.stage-step.passed{background:#fbfcfd;color:#45566a}
.stage-step.current{background:#f1f5ff;color:#18304e;box-shadow:none}
.stage-step.current::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#155eef}
.stage-step.viewing{outline:0;box-shadow:inset 0 -2px 0 #8aa2c6;background:#f6f8fb;color:#202f43}
.stage-step.current.viewing{box-shadow:none;background:#f1f5ff}
.stage-step .stage-title{display:block;line-height:1.22}
.stage-current{font-size:8.5px;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:#155eef;font-weight:700}
.stage-num,.stage-arrow,.stage-nav-head{display:none!important}
.stage-nav-action{display:flex;align-items:center;justify-content:flex-end;min-height:47px;padding:7px 10px;border-top:1px solid #d7dee7;background:#fafbfd}
.stage-nav-action .btn{min-height:32px}
.stage-closed{margin:0}
.stage-view-note{display:none!important}
.stage-confirm{padding:4px 0 2px;font-size:14px;color:#26384d}

@media(max-width:1250px){
  .client-hero-meta{display:flex}
  .stage-nav{min-width:930px}
}
@media(max-width:760px){
  .client-hero{padding:14px}
  .client-hero-copy{padding-right:0}
  .client-hero-meta{display:none}
  .client-quick-link.logo-link{width:86px}
  .client-links-editor{grid-template-columns:1fr}
  .stage-navigation{overflow-x:auto}
  .stage-nav{grid-template-columns:repeat(7,145px);min-width:1015px}
  .stage-step{min-height:54px}
  .stage-nav-action{position:sticky;left:0;justify-content:flex-start;min-width:min(100vw,1015px)}
}


/* v0.7.8 — channel logos */
.client-quick-link.logo-link{width:104px;height:34px;padding:4px 8px;overflow:hidden}
.client-quick-link.logo-link img{display:block;max-width:100%;width:auto;height:24px;object-fit:contain;image-rendering:auto}

/* v0.7.9 — единый визуальный фундамент Sale OS
   Цель: меньше декоративного UI, больше рабочего интерфейса, чёткий рендеринг на Windows. */
:root{
  --bg:#eef1f4;
  --surface:#ffffff;
  --surface-soft:#f7f8fa;
  --surface-subtle:#fafbfc;
  --nav:#202733;
  --nav-hover:#2a3341;
  --nav-active:#303a49;
  --nav-text:#f6f8fb;
  --nav-muted:#aab4c3;
  --text:#1d2939;
  --text-2:#344054;
  --muted:#667085;
  --line:#cfd6df;
  --line-strong:#aeb8c4;
  --brand-blue:#155eef;
  --brand-blue-hover:#0f4fd1;
  --brand-blue-soft:#f2f6ff;
  --green:#137a50;
  --green-soft:#eef8f2;
  --red:#b42318;
  --red-soft:#fff3f1;
  --amber:#9a5b13;
  --amber-soft:#fff8ed;
  --violet:#5d4a8b;
  --violet-soft:#f6f3fb;
  --neutral:#667085;
  --neutral-soft:#f2f4f7;
  --radius-sm:6px;
  --radius:8px;
  --radius-lg:10px;
  --control-h:40px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow:0 2px 6px rgba(16,24,40,.06);
}

html{font-size:16px}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:14px;
  line-height:1.42;
  font-weight:400;
  text-rendering:auto;
  -webkit-font-smoothing:auto;
  font-synthesis:none;
  font-kerning:normal;
}
button,input,select,textarea{font:inherit;font-weight:400;letter-spacing:normal}
button,.btn,.nav button,.side-action,.linkish,.back-link{font-weight:600}
strong,b,h1,h2,h3,h4,h5,h6{font-weight:700}
.ico{stroke-width:1.75}

/* shell */
.shell{transition:padding-left .16s ease}
.sidebar{
  background:var(--nav);
  box-shadow:1px 0 0 rgba(16,24,40,.16);
  border-right:0;
  transition:width .16s ease;
}
.sidebar:hover,.sidebar-pinned .sidebar{box-shadow:6px 0 18px rgba(16,24,40,.10)}
.sidebar-brand{margin-bottom:14px}
.sidebar-logo-mark,.sidebar-logo-full,.auth-logo{transform:none;backface-visibility:visible}
.brand-full{transform:none;transition:opacity .12s ease}
.nav{gap:4px}
.nav button,.side-action{
  height:42px;
  border-radius:var(--radius-sm);
  padding:0 12px;
  font-weight:600;
  transition:background-color .12s ease,color .12s ease;
}
.nav button:hover,.side-action:hover{background:var(--nav-hover);color:#fff}
.nav button.active{background:var(--nav-active);box-shadow:inset 3px 0 0 var(--brand-blue);color:#fff}
.nav-badge{border-radius:5px;border:0;background:var(--brand-blue);font-weight:700}
.nav-badge.attention{background:#d92d20}
.account-mini{height:52px}
.avatar{font-weight:700}

/* top and page rhythm */
.topbar{
  min-height:78px;
  padding:16px 28px 12px;
  background:var(--bg);
  border-bottom:1px solid var(--line);
  backdrop-filter:none;
}
.topbar h1{font-size:24px;line-height:1.2;letter-spacing:-.018em;font-weight:700}
.page-subtitle{font-size:12px;line-height:1.35;margin-top:4px;color:var(--muted)}
.content{padding:18px 28px 36px;max-width:1680px}
.build-chip{
  height:26px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#fff;
  color:#667085;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
}
.toolbar{gap:8px;margin-bottom:14px}

/* controls */
.field{display:grid;grid-template-rows:auto auto;align-content:start;gap:6px;margin:0 0 16px}
.field label{
  min-height:18px;
  display:flex;
  align-items:flex-end;
  color:var(--text-2);
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}
.field input,.field select,.field textarea,.input,.status-select{
  width:100%;
  min-height:var(--control-h);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--text);
  padding:8px 11px;
  outline:none;
  box-shadow:none;
  transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;
}
.field select,.status-select{padding-right:30px}
.field textarea{min-height:108px;line-height:1.5;resize:vertical}
.large-textarea{min-height:148px!important}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.status-select:focus{
  border-color:#6f98ff;
  box-shadow:0 0 0 2px rgba(21,94,239,.10);
}
.field input:disabled,.field select:disabled,.input:disabled{background:#f2f4f7;color:#98a2b3}
.field-note{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35;font-weight:400}
.grid2,.grid3{gap:14px;align-items:start}
.grid2>.field,.grid3>.field{margin:0}
.grid2>.field>label,.grid3>.field>label{min-height:18px}
.checkline label,.switchline{font-weight:500!important}
input[type="checkbox"]{accent-color:var(--brand-blue)}

.btn{
  min-height:38px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--text-2);
  padding:0 12px;
  font-size:13px;
  font-weight:600;
  box-shadow:none;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease;
}
.btn:hover{background:#f7f8fa;border-color:#98a2b3;box-shadow:none}
.btn:active{transform:none;background:#f2f4f7}
.btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:none}
.btn.primary:hover{background:var(--brand-blue-hover);border-color:var(--brand-blue-hover)}
.btn.subtle{background:#f7f8fa}
.btn.blue{background:#fff;border-color:#9db8f7;color:#174ea6}
.btn.blue:hover{background:var(--brand-blue-soft);border-color:#7ea2f6}
.btn.bad,.btn.danger-outline{background:#fff;border-color:#e0a7a2;color:var(--red)}
.btn.bad:hover,.btn.danger-outline:hover{background:var(--red-soft)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.ghost:hover{background:#f2f4f7;border-color:transparent;color:var(--text-2)}
.btn.small{min-height:32px;padding:0 10px;font-size:12px}
.btn[disabled]{opacity:.45}
.btn:focus-visible,.status-select:focus-visible,.nav button:focus-visible{outline:2px solid #7ea2f6;outline-offset:2px}
.divider{background:var(--line);margin:16px 0}

/* surfaces */
.panel,.table-shell,.client-hero,.client-info-drawer,.summary-card,.user-card,.experiment-card,.test-card,.stage-main,.task-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.panel{padding:18px}
.panel+.panel{margin-top:12px}
.section{margin:20px 0}
.section-title{margin-bottom:10px;align-items:center}
.section-title h2{font-size:16px;line-height:1.3}
.section-title p{font-size:12px;line-height:1.4;margin-top:3px}
.empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-subtle);color:var(--muted)}

/* badges/status: colour only where it carries meaning */
.badge{
  min-height:22px;
  padding:2px 7px;
  border:1px solid #d0d5dd;
  border-radius:5px;
  background:#f7f8fa;
  color:#475467;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
}
.badge.red{background:var(--red-soft);border-color:#f1c5c1;color:var(--red)}
.badge.green{background:var(--green-soft);border-color:#c7e5d5;color:var(--green)}
.badge.amber,.badge.yellow{background:var(--amber-soft);border-color:#ead0ad;color:var(--amber)}
.badge.blue{background:var(--brand-blue-soft);border-color:#c6d5fb;color:#174ea6}
.badge.violet{background:var(--violet-soft);border-color:#d8d0e7;color:var(--violet)}
.count-pill{height:24px;min-width:26px;border-radius:5px;padding:0 7px;font-size:12px;font-weight:700;background:#f2f4f7;color:#475467}
.count-pill.danger{background:var(--red-soft);color:var(--red)}
.count-pill.accent,.count-pill.blue{background:var(--brand-blue-soft);color:#174ea6}

/* clients */
.table-shell{border-radius:var(--radius-lg);overflow:auto}
.clients-table th{
  padding:10px 12px;
  background:#f7f8fa;
  color:#475467;
  text-transform:none;
  letter-spacing:0;
  font-size:11.5px;
  line-height:1.3;
  font-weight:600;
  border-bottom:1px solid var(--line-strong);
}
.clients-table td{padding:11px 12px;border-bottom:1px solid #e4e7ec}
.client-tr{transition:background-color .1s ease}
.client-tr:hover{background:#f8fafc}
.linkish{color:#254e7a;font-weight:600;font-size:14px}
.linkish:hover{color:#174ea6;text-decoration:underline}
.client-note{font-size:12px;line-height:1.4;color:#667085}
.city,.phone-cell{font-size:12.5px}
.owner-cell{font-weight:600}
.sub{font-size:11.5px;color:#667085}
.status-select{
  min-width:160px;
  min-height:38px;
  background:#fff!important;
  color:var(--text-2)!important;
  border:1px solid var(--line-strong)!important;
  border-left-width:3px!important;
  font-weight:600;
}
.status-select.tone-blue{border-left-color:var(--brand-blue)!important}
.status-select.tone-green{border-left-color:var(--green)!important}
.status-select.tone-amber{border-left-color:var(--amber)!important}
.status-select.tone-violet{border-left-color:var(--violet)!important}
.status-select.tone-neutral{border-left-color:#98a2b3!important}
.status-extra{margin-top:6px}
.today-btn{font-size:12px}
.today-btn.done{background:#f7f8fa;border-color:#b8c1cc;color:#475467}
.snooze-until,.pause-note{font-size:11px;font-weight:500;color:#667085}
.terminal-client-label{
  min-height:28px;
  padding:0 8px;
  border-radius:5px;
  border:1px solid #e1b5b1;
  background:var(--red-soft);
  color:#8f2d25;
  font-size:11px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}
.client-tr.done-today{background:#fafbfc}
.client-tr.done-today .client-cell,.client-tr.done-today .city,.client-tr.done-today .phone-cell,.client-tr.done-today .status-select{opacity:.5}
.due{font-size:11.5px;font-weight:600}

/* task dashboard */
.summary-grid{gap:12px;margin-bottom:18px}
.summary-card{min-height:88px;padding:15px 16px;gap:13px;overflow:visible}
.summary-card:after{display:none}
.summary-card b{font-size:25px;line-height:1;font-weight:700}
.summary-card small{font-size:12px;margin-top:6px;font-weight:500;color:#667085}
.summary-icon{
  width:38px;height:38px;border-radius:7px;
  background:#f2f4f7!important;color:#475467!important;
}
.summary-card.danger .summary-icon{background:var(--red-soft)!important;color:var(--red)!important}
.summary-card.blue .summary-icon,.summary-card.accent .summary-icon{background:var(--brand-blue-soft)!important;color:var(--brand-blue)!important}
.summary-card.violet .summary-icon{background:#f5f3f8!important;color:#66558f!important}
.task-stack{gap:8px}
.task-card{
  padding:13px 14px;
  grid-template-columns:4px minmax(0,1fr) auto;
  gap:12px;
  transform:none!important;
  transition:border-color .12s ease,background-color .12s ease;
}
.task-card:hover{border-color:#aeb8c4;background:#fafbfc;transform:none}
.task-dot{width:3px;height:38px;border-radius:2px}
.task-kicker{font-size:11.5px;font-weight:600;color:#667085}
.task-card h3{font-size:14px;font-weight:600}
.task-meta,.task-description{font-size:12px;line-height:1.4}
.dashboard-grid{gap:14px}
.mini-client{border-bottom-color:#e4e7ec}
.control-list>div{border-bottom-color:#e4e7ec}
.control-list b{font-size:17px}

/* client card */
.client-back-row{margin-bottom:10px}
.back-link{font-size:13px;color:#365f86}
.client-hero{padding:18px 20px;margin-bottom:10px;gap:0}
.client-title-row h2{font-size:23px;line-height:1.2;letter-spacing:-.018em;font-weight:700}
.client-contact-line{font-size:12.5px;color:#667085}
.client-hero-meta>div{border-left:1px solid #e0e5eb}
.client-hero-meta span{font-size:11px;color:#667085;font-weight:500}
.client-hero-meta b{font-size:13px;font-weight:600}
.client-quick-links{gap:6px;margin-top:12px}
.client-quick-link,.client-quick-info{
  min-height:36px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
  color:#344054;
  font-size:12px;
  font-weight:600;
  box-shadow:none;
}
.client-quick-link:hover{background:#f8fafc;border-color:#aeb8c4;box-shadow:none}
.client-quick-link.logo-link{width:104px;height:36px;padding:5px 10px}
.client-quick-link.logo-link img{max-width:100%;width:auto;height:23px;object-fit:contain;image-rendering:auto}
.client-info-toggle{padding:0 12px;font-size:12px;font-weight:600}
.client-info-drawer{padding:18px 20px;margin-bottom:10px;background:#fff}
.drawer-head{align-items:center;margin-bottom:14px}
.drawer-head b{font-size:14px;font-weight:700}
.client-links-editor{gap:14px;margin:0 0 16px;padding-top:16px;border-top:1px solid #e4e7ec}
.client-action-strip{
  min-height:46px;
  padding:8px 10px;
  gap:10px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#f9fafb;
}
.action-label{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#667085}
.action-date{font-size:12px;font-weight:600;color:#475467}
.action-assignee{font-size:12px;color:#667085}

/* process navigation */
.stage-navigation{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.stage-nav{background:#fff}
.stage-step{
  min-height:58px;
  border-right:1px solid #e1e6ec;
  background:#fff;
  color:#667085;
  padding:10px 12px;
  font-size:12px;
  font-weight:500;
  gap:4px;
  transform:none!important;
  transition:background-color .1s ease,color .1s ease;
}
.stage-step:hover{background:#f8fafc;color:#344054}
.stage-step.passed{background:#fff;color:#475467}
.stage-step.current{background:#f8faff;color:#1d2939}
.stage-step.current::after{height:2px;background:var(--brand-blue)}
.stage-step.viewing{background:#f7f8fa;color:#1d2939;box-shadow:inset 0 -2px 0 #98a2b3}
.stage-step.current.viewing{background:#f8faff}
.stage-current{font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--brand-blue)}
.stage-nav-action{min-height:46px;padding:7px 10px;background:#fafbfc;border-top:1px solid #e1e6ec}
.stage-confirm{font-size:14px}

/* stage workspace: neutral by default; semantic colour only in real states */
.stage-main{padding:20px}
.stage-heading{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e4e7ec}
.stage-heading h2{font-size:20px;line-height:1.25;font-weight:700}
.stage-heading p{font-size:12.5px;color:#667085}
.stage-kicker.blue,.stage-kicker.amber,.stage-kicker.green,.stage-kicker.violet{
  background:transparent;
  color:#667085;
  border:0;
  padding:0;
  border-radius:0;
  font-size:11px;
  font-weight:600;
}
.stage-actions-row{gap:8px}
.integrated-note{
  background:#f7f8fa;
  border:1px solid var(--line);
  border-left:3px solid #7b8da1;
  border-radius:var(--radius-sm);
  padding:11px 12px;
}
.integrated-note b{color:#344054;font-weight:600}
.integrated-note span{font-size:12px;color:#667085}
.tool-card,.integrated-tool .tool-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:none;
}
.tool-icon{border-radius:var(--radius-sm);background:#f2f4f7;color:#475467;font-weight:700}
.tracker-inline{background:#f7f8fa;border:1px solid var(--line);border-radius:var(--radius);gap:8px}
.tracker-inline>div{border:1px solid #e0e5eb;border-radius:var(--radius-sm);box-shadow:none}
.tracker-inline span,.tracker-inline small{font-size:11px;font-weight:500}
.tracker-inline b{font-size:14px;font-weight:700}
.playbook-price{background:#f7f8fa;border:1px solid var(--line);border-radius:var(--radius-sm)}
.playbook-price span{font-weight:500}
.tabs{gap:4px}
.tabs button{min-height:32px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:#fff}
.tabs button.active{background:var(--brand-blue-soft);border-color:#b8cafa;color:#174ea6}
.playbook-box pre,.playbook pre{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px;line-height:1.5}

/* users, tests, admin work */
.people-grid{gap:12px}
.user-card,.experiment-card,.test-card{padding:17px}
.user-copy h3,.experiment-card h3{font-size:15px;font-weight:600}
.user-metric{border-top-color:#e4e7ec;color:#667085}
.user-metric b{font-size:18px;font-weight:700}
.tests-grid{gap:14px}
.test-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.test-card h3{font-size:18px;font-weight:700}
.test-field-label{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#667085}
.test-variant-form{background:#fafbfc;border:1px solid var(--line);border-radius:var(--radius);padding:13px}
.variant-code{border-radius:var(--radius-sm);background:#344054;font-weight:700}
.test-assign-note{background:#f7f8fa;border:1px solid var(--line);border-radius:var(--radius);color:#475467}
.test-assignment-row{border-radius:var(--radius);border-color:var(--line)}

/* admin task detail/files */
dialog{
  border:1px solid #b8c1cc;
  border-radius:var(--radius-lg);
  box-shadow:0 18px 48px rgba(16,24,40,.18);
}
dialog::backdrop{background:rgba(16,24,40,.42);backdrop-filter:none}
.modal-head{padding:16px 18px;border-bottom-color:#e4e7ec}
.modal-head h3{font-size:16px;font-weight:700}
.modal-body{padding:18px}
.modal-foot{padding:12px 18px;background:#fafbfc;border-top-color:#e4e7ec}
.x{font-size:22px;color:#667085}
.task-detail>section{border-top-color:#e4e7ec}
.task-description-full,.task-facts>div,.task-file,.task-result-box,.result-comment{
  border-radius:var(--radius);
  box-shadow:none;
}
.task-description-full{background:#f8fafc;border-color:var(--line)}
.task-facts>div{background:#fafbfc;border-color:var(--line)}
.task-facts span{color:#667085;font-weight:500}
.task-file{background:#fff;border-color:var(--line)}
.file-mark{border-radius:var(--radius-sm);background:#f2f4f7;color:#475467;font-weight:600}
.task-result-box{background:#f7fbf8;border-color:#cfe6d8}
.result-comment{border-color:#d7e8de}

/* auth */
.auth{background:var(--bg)}
.auth-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px rgba(16,24,40,.10);background:#fff}
.auth-card h1{font-size:22px;font-weight:700}
.auth-brand small{font-weight:500}

/* remove rasterising micro-movements and decorative gradients throughout */
.task-card:hover,.btn:active,.sidebar-logo-mark,.sidebar-logo-full,.auth-logo{transform:none}
.tracker-summary,.next-action{background:#fff}

@media(max-width:1250px){
  .sales-layout{grid-template-columns:1fr}
  .tracker-inline{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:760px){
  .topbar{padding:14px 16px 10px}
  .content{padding:14px 16px 28px}
  .summary-grid{grid-template-columns:1fr 1fr}
  .client-hero{padding:16px}
  .client-quick-link.logo-link{width:92px}
  .stage-step{min-height:54px}
  .tracker-inline{grid-template-columns:1fr 1fr}
}

/* v0.7.9 — minimum legibility for secondary text */
.brand-full small,.kv label,.event-time,.tool-copy small,.tracker-metrics span,.published-demo span,
.task-description-full span,.task-facts span,.file-mark,.task-file-copy small,.snooze-until,.pause-note{
  font-size:11px;
  line-height:1.35;
  letter-spacing:0;
}
.tracker-metrics span,.task-description-full span,.eyebrow{text-transform:none}
.tracker-metrics>div{border-radius:var(--radius-sm);border-color:var(--line);background:#fff}
.next-action{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:0;color:#667085}

/* v0.8.0 — повышенная контрастность, единая вертикальная сетка и мягкие переходы */
:root{
  --bg:#e5eaf0;
  --surface:#ffffff;
  --surface-soft:#f4f6f8;
  --surface-subtle:#f7f9fb;
  --text:#101828;
  --text-2:#25364a;
  --muted:#526173;
  --line:#b8c3cf;
  --line-strong:#96a4b3;
  --shadow-sm:0 2px 7px rgba(16,24,40,.08);
  --shadow:0 5px 16px rgba(16,24,40,.10);
}
body{background:var(--bg);color:var(--text)}
.topbar{background:#f7f9fb;border-bottom-color:#aeb9c5}
.page-subtitle,.sub,.muted,.client-contact-line,.field-note,.action-assignee,.snooze-until,.pause-note,.tool-copy small,.stage-heading p{color:var(--muted)}
.topbar h1,.client-title-row h2,.stage-heading h2,.panel h2,.panel h3,.section-title h2{color:#101828}

/* Рабочие поверхности должны явно отделяться от фоновой плоскости. */
.panel,.table-shell,.client-hero,.client-info-drawer,.summary-card,.user-card,.experiment-card,.test-card,.stage-main,.task-card,.stage-navigation,.next-action{
  border-color:#aab6c2;
  box-shadow:var(--shadow-sm);
}
.section{border-color:#b4bfca}
.empty{border-color:#aeb9c5;background:#f7f9fb;color:#526173}
.clients-table th{background:#edf1f5;color:#344054;border-bottom-color:#98a6b5}
.clients-table td{border-bottom-color:#c8d1db}
.client-tr:hover{background:#f3f6f9}

/* Контролы и подписи — темнее и отчётливее. */
.field label{color:#344054;font-weight:650}
.field input,.field select,.field textarea,.input,.status-select,.btn,.client-quick-link,.client-quick-info{
  border-color:var(--line-strong);
}
.field input::placeholder,.field textarea::placeholder{color:#7b8796;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.status-select:focus{
  border-color:#5b82e8;
  box-shadow:0 0 0 2px rgba(21,94,239,.14);
}
.btn{color:#25364a;background:#fff}
.btn:hover{background:#f2f5f8;border-color:#7f8f9f}
.btn.subtle{background:#f3f5f7}
.linkish,.back-link{color:#194f86}

/* Одинаковая вертикальная сетка полей внутри строк формы. */
.grid2,.grid3{align-items:stretch}
.grid2>.field,.grid3>.field{align-content:start;grid-template-rows:minmax(30px,auto) auto auto}
.grid2>.field>label,.grid3>.field>label{min-height:30px;align-items:flex-end}
.grid2>.field>input,.grid2>.field>select,.grid3>.field>input,.grid3>.field>select{height:var(--control-h)}
.client-links-editor{align-items:stretch}
.client-links-editor>.field{grid-template-rows:minmax(30px,auto) auto auto}
.client-links-editor>.field>label{min-height:30px;align-items:flex-end}
.summary-grid,.people-grid,.tests-grid{align-items:stretch}
.summary-grid>*,.people-grid>*,.tests-grid>*{height:100%}
.toolbar{align-items:center}

/* Карточка клиента и этапы — сильнее структурная граница без лишней раскраски. */
.client-action-strip{border-color:#aab6c2;background:#f5f7f9}
.stage-navigation{border-color:#a7b3bf}
.stage-step{border-right-color:#c9d1da;color:#526173}
.stage-step:hover{background:#f1f4f7;color:#1d2939}
.stage-step.current{background:#eef3ff;color:#101828}
.stage-step.viewing{background:#f1f4f7;color:#101828;box-shadow:inset 0 -2px 0 #6f7f91}
.stage-nav-action{background:#f4f6f8;border-top-color:#c5ced7}
.stage-heading{border-bottom-color:#cbd3dc}
.tool-card,.integrated-tool .tool-card,.tracker-inline,.playbook-box pre,.playbook pre,.playbook-price{border-color:#b6c1cc}

/* Мягкое открытие страниц, этапов, вкладок и раскрывающихся блоков. Только opacity — без scale/translate, чтобы не ухудшать резкость. */
@keyframes uiFadeIn{from{opacity:.56}to{opacity:1}}
@keyframes uiFadeInSoft{from{opacity:.38}to{opacity:1}}
.ui-view-enter{animation:uiFadeIn .16s ease-out both}
.ui-block-enter{animation:uiFadeIn .14s ease-out both}
.ui-tab-enter{animation:uiFadeInSoft .12s ease-out both}
dialog[open]{animation:uiFadeIn .14s ease-out both}
dialog[open]::backdrop{animation:uiFadeInSoft .14s ease-out both}

@media(prefers-reduced-motion:reduce){
  .ui-view-enter,.ui-block-enter,.ui-tab-enter,dialog[open],dialog[open]::backdrop{animation:none!important}
  .shell,.sidebar,.brand-full,.nav button,.side-action,.btn,.field input,.field select,.field textarea,.input,.status-select,.client-tr,.stage-step{transition:none!important}
}

/* v0.8.2 — этап «Создание Демо» и рабочие материалы ДПП */
.demo-create-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,.58fr)}
.demo-create-heading{align-items:center;gap:20px}
.demo-create-heading>div:first-child{flex:0 0 auto}
.demo-resource-list{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-left:auto;align-items:flex-start}
.demo-resource{width:92px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 4px 2px;color:#1d2939;text-decoration:none;text-align:center;border-radius:8px;transition:background .12s ease,box-shadow .12s ease}
.demo-resource:hover{background:#eef3f8;box-shadow:0 0 0 1px #aebbc8}
.demo-resource.disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.demo-resource-image{width:64px;height:64px;display:block;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(16,24,40,.12))}
.demo-resource-label{display:block;width:100%;font-size:11.5px;line-height:1.25;font-weight:700;color:#1d2939}
.demo-resource.disabled .demo-resource-label{color:#667085}
.demo-comment{min-height:76px!important;height:76px;resize:vertical}
.demo-archive-block{margin-top:16px;padding-top:16px;border-top:1px solid #c7d0d9}
.demo-archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}
.demo-archive-head b,.demo-archive-head span{display:block}
.demo-archive-head b{font-size:13px;color:#1d2939}
.demo-archive-head span{margin-top:2px;font-size:11px;color:#526173}
.file-limit{font-size:10.5px!important;color:#667085!important;white-space:nowrap}
.demo-dropzone{min-height:82px;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1.5px dashed #8ea0b2;border-radius:9px;background:#f7f9fb;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.demo-dropzone:hover,.demo-dropzone.drag{background:#eef3f8;border-color:#4f6d8a}
.demo-dropzone input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.demo-zip-icon{width:50px;height:48px;display:grid;place-items:center;border:1px solid #97a6b5;border-radius:7px;background:#fff;color:#344054;font-size:11px;font-weight:800;letter-spacing:.04em;flex:0 0 auto}
.demo-drop-copy{min-width:0}
.demo-drop-copy b,.demo-drop-copy small{display:block}
.demo-drop-copy b{font-size:13px;color:#1d2939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-drop-copy small{margin-top:4px;font-size:11px;color:#667085}
.demo-submit-row{justify-content:flex-start}
.stage-guide-card{border:1.5px dashed #8fa1b3;border-radius:10px;background:#f7f9fb;padding:17px 17px 15px;color:#344054}
.stage-guide-head{padding-bottom:12px;margin-bottom:11px;border-bottom:1px solid #cbd4dd}
.stage-guide-head span,.stage-guide-head b{display:block}
.stage-guide-head span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#526173}
.stage-guide-head b{margin-top:5px;font-size:13px;line-height:1.4;color:#1d2939}
.stage-guide-card ol{margin:0;padding-left:19px;display:grid;gap:9px}
.stage-guide-card li{padding-left:3px;font-size:12px;line-height:1.48;color:#344054}
.tracker-auto-note{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #cbd4dd}
.tracker-auto-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#23384d;color:#fff;font-weight:800;font-size:13px}
.tracker-auto-note b,.tracker-auto-note small{display:block}
.tracker-auto-note b{font-size:12px;color:#1d2939}
.tracker-auto-note small{margin-top:2px;font-size:10.5px;line-height:1.4;color:#526173}

/* Администратор: актуальные материалы ДПП в разделе тестов. */
.dpp-materials-admin{margin-bottom:16px}
.material-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.material-admin-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #aeb9c5;border-radius:9px;background:#f8fafc}
.material-admin-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #9eacba;border-radius:7px;background:#fff;color:#344054;font-size:10px;font-weight:800}
.material-admin-copy{min-width:0}
.material-admin-copy b,.material-admin-copy span,.material-admin-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.material-admin-copy b{font-size:13px;color:#1d2939}.material-admin-copy span{margin-top:2px;font-size:11px;color:#475467}.material-admin-copy small{margin-top:3px;font-size:10.5px;color:#667085}
.material-admin-actions{grid-column:1/-1;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:9px;border-top:1px solid #d2d9e0}
.material-upload-label{position:relative;overflow:hidden;cursor:pointer}.material-upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.material-upload-label.disabled{pointer-events:none;opacity:.55}

@media(max-width:1320px){.demo-create-grid{grid-template-columns:1fr}.demo-resource-list{justify-content:flex-start;margin-left:0}.stage-guide-card{max-width:none}}
@media(max-width:1050px){.material-admin-grid{grid-template-columns:1fr}.demo-create-heading{align-items:flex-start;flex-direction:column}.demo-resource-list{width:100%}}
@media(max-width:650px){.demo-resource-list{display:flex;justify-content:flex-start}.demo-resource{width:88px}.demo-resource-image{width:60px;height:60px}.demo-dropzone{align-items:flex-start}.material-admin-card{grid-template-columns:42px minmax(0,1fr)}}

/* v0.8.3 — проверка демо и скрытая публикация для исполнителя */
.review-wait-label{border-color:#d7a55a;background:#fff8eb;color:#8a4f08}
.review-pending-strip{gap:10px;background:#fffaf1;border-color:#d7b26d}
.review-pending-strip>b{color:#7a4708}
.client-quick-link.demo-link{padding:0 13px;background:#eef4ff;border-color:#9bb8ee;color:#174ea6;font-weight:750;text-decoration:none}
.client-quick-link.demo-link:hover{background:#e1ecff;border-color:#7ea1e5}
.demo-sent-state,.demo-result-state{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid #aebbc8;border-radius:9px;background:#f8fafc}
.demo-sent-state>img,.demo-result-state>img{width:50px;height:50px;object-fit:contain;display:block}
.demo-sent-copy,.demo-result-state>div{min-width:0}
.demo-sent-copy b,.demo-sent-copy small,.demo-result-state b,.demo-result-state small,.demo-result-state a{display:block}
.demo-sent-copy b,.demo-result-state b{font-size:13px;color:#1d2939}
.demo-sent-copy small,.demo-result-state small{margin-top:3px;font-size:11px;line-height:1.4;color:#526173}
.demo-result-state{border-color:#8fb5a0;background:#f5faf7}
.demo-result-state b{color:#155b36}
.demo-result-state a:not(.btn){margin-top:5px;color:#174ea6;font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.demo-result-state a:not(.btn):hover{text-decoration:underline}
.demo-archive-editor{margin-top:10px;padding-top:10px;border-top:1px solid #cbd4dd}
.demo-archive-editor .demo-submit-row{margin-top:9px}
.demo-published-state{border-top-color:#a9c4b3}
@media(max-width:760px){.demo-sent-state,.demo-result-state{grid-template-columns:46px minmax(0,1fr)}.demo-sent-state>.btn,.demo-result-state>.btn{grid-column:1/-1;justify-self:start}.demo-sent-state>img,.demo-result-state>img{width:44px;height:44px}}


/* v0.8.4 — compact client state row */
.client-action-strip{min-height:58px;padding:10px 12px;gap:16px;justify-content:space-between;background:#fff;border-color:#aab6c2}
.client-action-strip.quiet{background:#f8fafc}
.action-copy{min-width:0;display:grid;gap:4px;align-content:center}
.action-main-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.action-title{font-size:13px;line-height:1.3;color:#172033;font-weight:650}
.action-empty{font-size:13px;color:#667085}
.action-hint{font-size:11px;line-height:1.35;color:#667085}
.action-label{font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:#667085}
.action-date{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid #c9d2dc;border-radius:6px;background:#f8fafc;font-size:11px;font-weight:700;color:#475467}
.action-strip-control{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.review-pending-strip{background:#fffaf0;border-color:#d9c49a}
.today-done-intro{margin-bottom:14px;padding:10px 12px;border:1px solid #cbd5df;border-radius:8px;background:#f7f9fb;color:#475467;font-size:12px;line-height:1.45}
.next-action-grid>.field:only-child{grid-column:1/-1}

/* v0.8.5 — этап «Продажа»: Tracker + журнал действий */
.stage-nav{display:flex;align-items:stretch;min-width:0}
.stage-step{flex:1 1 0;min-width:112px}
.stage-step.stage-sale{flex:1.45 1 0;min-width:158px}

.sales-workspace{grid-template-columns:minmax(0,1.72fr) minmax(310px,.58fr);gap:14px}
.sales-heading{align-items:center;margin-bottom:13px}
.sales-title-line{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.sales-title-line .stage-kicker{margin-right:1px}
.sales-title-line h2{margin:0;font-size:22px}
.sales-state-inline{display:flex;align-items:center;gap:7px;margin-left:3px;padding-left:11px;border-left:1px solid #c7d0d9}
.sales-state-inline>span{font-size:10.5px;font-weight:700;color:#667085}
.sales-state-inline select{height:31px;min-width:140px;padding:0 29px 0 9px;border:1px solid #9eacba;border-radius:7px;background:#fff;color:#1d2939;font-size:11.5px;font-weight:600;font-family:inherit;line-height:1}
.sales-state-inline select:focus{outline:0;border-color:#5b82e8;box-shadow:0 0 0 2px rgba(21,94,239,.12)}

.sales-tracker{margin:2px 0 17px;border:1px solid #aebbc8;border-radius:10px;background:#f8fafc;overflow:hidden}
.sales-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #cbd4dd;background:#f3f6f9}
.sales-tracker-head>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.sales-tracker-head b{font-size:13px;color:#1d2939}
.tracker-wordmark{font-size:10px;line-height:1;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#155eef}
.tracker-loading,.tracker-empty{padding:17px 14px;color:#667085;font-size:12px}
.tracker-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #cbd4dd;background:#fff}
.tracker-overview>div{padding:11px 12px;border-right:1px solid #d7dee6;min-width:0}
.tracker-overview>div:last-child{border-right:0}
.tracker-overview span,.tracker-visit span{display:block;font-size:9.5px;font-weight:650;color:#667085;margin-bottom:3px}
.tracker-overview b{display:block;font-size:13px;color:#1d2939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracker-visit-list{background:#fff}
.tracker-visit{display:grid;grid-template-columns:minmax(170px,1.35fr) repeat(3,minmax(105px,.7fr));gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #e0e5eb}
.tracker-visit:last-child{border-bottom:0}
.tracker-visit>div{min-width:0}
.tracker-visit b{display:block;font-size:11.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracker-visit-time>b{color:#1d2939}
.tracker-visit-time>span{margin-top:2px;margin-bottom:0;font-size:9.5px;font-weight:500}
.tracker-show-all{width:100%;min-height:34px;border:0;border-top:1px solid #d7dee6;background:#f8fafc;color:#315a8a;font-size:11px;font-weight:700;cursor:pointer}
.tracker-show-all:hover{background:#eef3f8}

.sales-journal{min-height:285px;border-top:1px solid #cbd4dd;padding-top:15px}
.sales-journal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sales-journal-head>div b,.sales-journal-head>div span{display:block}
.sales-journal-head>div b{font-size:13px;color:#1d2939}
.sales-journal-head>div span{margin-top:2px;font-size:10.5px;color:#667085}
.sales-empty{min-height:260px;display:grid;place-items:center;border:1.5px dashed #9aa9b8;border-radius:10px;background:#fafbfd}
.sales-add-empty{display:grid;justify-items:center;gap:8px;border:0;background:transparent;color:#475467;cursor:pointer;padding:22px}
.sales-add-empty span{width:48px;height:48px;border:1px solid #91a2b3;border-radius:50%;display:grid;place-items:center;background:#fff;color:#315a8a;font-size:28px;font-weight:300;line-height:1}
.sales-add-empty b{font-size:12px;font-weight:700}
.sales-add-empty:hover span{border-color:#6484a4;background:#f2f6fa}
.sales-action-list{display:grid;gap:8px}
.sales-action-card{border:1px solid #b7c2cd;border-radius:9px;background:#fff;overflow:hidden}
.sales-action-card.open{border-color:#8fa4b9;box-shadow:0 2px 7px rgba(16,24,40,.055)}
.sales-action-summary{width:100%;border:0;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.68fr);gap:14px;align-items:center;text-align:left;padding:11px 12px;cursor:pointer}
.sales-action-summary:hover{background:#f7f9fb}
.sales-action-main{min-width:0;display:grid;grid-template-columns:auto minmax(110px,.55fr) minmax(160px,1fr);gap:10px;align-items:center}
.sales-action-time{font-size:10px;color:#667085;white-space:nowrap}
.sales-action-main>b{font-size:12px;color:#1d2939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-action-main>span:last-child{font-size:11.5px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-action-next{min-width:0;padding-left:12px;border-left:1px solid #d7dee6;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}
.sales-action-next>span{font-size:9.5px;color:#667085}
.sales-action-next>b{font-size:11px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-action-next>small{font-size:10px;font-weight:700;color:#475467;white-space:nowrap}
.sales-action-chevron{justify-self:end;color:#667085;font-size:18px}
.sales-action-details{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;padding:12px 13px 13px;border-top:1px solid #d7dee6;background:#f8fafc}
.sales-action-details>div{min-width:0}
.sales-action-details>div.wide{grid-column:1/-1}
.sales-action-details span{display:block;margin-bottom:4px;font-size:9.5px;font-weight:700;color:#667085}
.sales-action-details b,.sales-action-details p{font-size:12px;line-height:1.45;color:#344054;margin:0;white-space:pre-wrap}

.sales-support{background:#f7f9fb}
.sales-support .stage-guide-head{margin-bottom:10px}
.sales-support .playbook-box{display:grid;gap:9px}
.sales-support .playbook-price{margin:0;background:#fff;border-color:#b7c2cd}
.sales-support .tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:0}
.sales-support .tabs button{min-width:0;padding:6px 7px;font-size:10.5px}
.sales-support .playbook-box pre{max-height:460px;min-height:180px;background:#fff;border-color:#b7c2cd}

.optional-label{font-weight:500;color:#7a8795;font-size:10px;margin-left:4px}
.sale-next-block{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;padding-top:12px;margin-top:4px;border-top:1px solid #d7dee6}
.sale-next-date input{min-width:0}

@media(max-width:1250px){
  .sales-workspace{grid-template-columns:1fr}
  .tracker-overview{grid-template-columns:1fr 1fr}
  .tracker-overview>div:nth-child(2){border-right:0}
  .tracker-overview>div:nth-child(-n+2){border-bottom:1px solid #d7dee6}
}
@media(max-width:900px){
  .sales-action-summary{grid-template-columns:1fr}
  .sales-action-main{grid-template-columns:1fr}
  .sales-action-next{border-left:0;border-top:1px solid #e0e5eb;padding:8px 0 0}
  .tracker-visit{grid-template-columns:1fr 1fr}
  .tracker-visit-time{grid-column:1/-1}
}
@media(max-width:650px){
  .sales-title-line{align-items:flex-start;flex-direction:column;gap:7px}
  .sales-state-inline{border-left:0;padding-left:0;margin-left:0}
  .tracker-overview{grid-template-columns:1fr}
  .tracker-overview>div{border-right:0;border-bottom:1px solid #d7dee6!important}
  .tracker-overview>div:last-child{border-bottom:0!important}
  .tracker-visit{grid-template-columns:1fr}
  .sale-next-block{grid-template-columns:1fr}
}

/* v0.8.6 — мини-гайд продажи + фиксация согласия на оплату */
.sales-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sales-mini-guide{padding:0;overflow:hidden;background:#f7f9fb}
.sales-mini-guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;user-select:none}
.sales-mini-guide summary::-webkit-details-marker{display:none}
.sales-mini-guide summary span,.sales-mini-guide summary b{display:block}
.sales-mini-guide summary span{font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:#667085}
.sales-mini-guide summary b{font-size:12px;color:#344054;text-align:right}
.sales-mini-guide summary::after{content:'+';width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid #aebbc8;border-radius:6px;background:#fff;color:#315a8a;font-size:17px;font-weight:500;line-height:1}
.sales-mini-guide[open] summary{border-bottom:1px dashed #aebbc8}
.sales-mini-guide[open] summary::after{content:'−'}
.sales-mini-guide-body{padding:13px 14px 14px}
.sales-mini-guide-body ol{margin:0;padding-left:19px;display:grid;gap:8px}
.sales-mini-guide-body li{padding-left:2px;font-size:11.5px;line-height:1.45;color:#344054}
.sales-guide-goal{margin-top:13px;padding-top:11px;border-top:1px solid #cbd4dd}
.sales-guide-goal span,.sales-guide-goal b{display:block}
.sales-guide-goal span{font-size:9.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:#667085;margin-bottom:4px}
.sales-guide-goal b{font-size:12px;line-height:1.45;color:#1d2939}
.sales-agreement-state{display:flex;align-items:center;gap:10px;margin:-3px 0 15px;padding:10px 12px;border:1px solid #9fc5ad;border-radius:9px;background:#f5faf7}
.sales-agreement-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#e2f2e8;color:#176b3d;font-size:15px;font-weight:800}
.sales-agreement-state b,.sales-agreement-state small{display:block}
.sales-agreement-state b{font-size:12.5px;color:#174f32}
.sales-agreement-state small{margin-top:2px;font-size:10.5px;color:#5b6f62}
@media(max-width:650px){.sales-heading-actions{justify-content:flex-start}.sales-mini-guide summary{align-items:flex-start;flex-wrap:wrap}.sales-mini-guide summary b{text-align:left}}

/* v0.8.7 — этап «Оплата» */
.payment-workspace{grid-template-columns:minmax(0,1.7fr) minmax(310px,.58fr);gap:14px}
.payment-heading{align-items:center;margin-bottom:14px}
.payment-title-line{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.payment-title-line h2{margin:0;font-size:22px}
.payment-state-inline{display:flex;align-items:center;gap:7px;margin-left:3px;padding-left:11px;border-left:1px solid #c7d0d9}
.payment-state-inline>span{font-size:10.5px;font-weight:700;color:#526173}
.payment-state-inline select{height:31px;min-width:150px;padding:0 29px 0 9px;border:1px solid #96a4b3;border-radius:7px;background:#fff;color:#1d2939;font:600 11.5px/1 inherit}
.payment-state-inline select:focus{outline:0;border-color:#5b82e8;box-shadow:0 0 0 2px rgba(21,94,239,.12)}
.payment-tools{border:1px solid #aebbc8;border-radius:10px;background:#f8fafc;overflow:hidden;margin-bottom:16px}
.payment-tools-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #cbd4dd;background:#f3f6f9}
.payment-tools-head>div:first-child b,.payment-tools-head>div:first-child span{display:block}
.payment-tools-head>div:first-child b{font-size:13px;color:#1d2939}
.payment-tools-head>div:first-child span{margin-top:2px;font-size:11px;color:#526173}
.payment-sale-terms{text-align:right;min-width:150px}
.payment-sale-terms span,.payment-sale-terms b{display:block}
.payment-sale-terms span{font-size:10px;color:#667085}
.payment-sale-terms b{margin-top:2px;font-size:12px;color:#1d2939}
#paymentSettingsForm{padding:14px}
.payment-shared-grid{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(200px,.65fr);gap:12px;align-items:start;margin-bottom:12px}
.payment-amount{width:100%}
.payment-payer-type{margin:0}
.payment-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-tool-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border:1px solid #b7c2cd;border-radius:9px;background:#fff}
.payment-tool-title{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #d5dce4}
.payment-tool-title>div:last-child b,.payment-tool-title>div:last-child span{display:block}
.payment-tool-title>div:last-child b{font-size:13px;color:#1d2939}
.payment-tool-title>div:last-child span{margin-top:2px;font-size:10.5px;color:#667085}
.payment-tool-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto;border-radius:10px}
.payment-tool-card{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.payment-tool-card.recommended{border-color:#6f8fca;background:#fbfdff;box-shadow:0 0 0 2px rgba(35,91,170,.07)}
.payment-recommended-badge{display:none;margin-left:auto;padding:4px 7px;border:1px solid #9fb6da;border-radius:6px;background:#edf4ff;color:#234f91;font-size:9.5px;font-weight:800;white-space:nowrap}
.payment-tool-card.recommended .payment-recommended-badge{display:inline-flex}
.payment-tool-card .field{margin:0}
.payment-tool-spacer{flex:1}
.payment-future-btn{margin-top:auto;opacity:.5;cursor:not-allowed}
.payment-integration-note{display:block;text-align:center;color:#667085;font-size:10.5px;line-height:1.35}
.payment-tools-save{display:flex;justify-content:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid #d0d8e0}
.payment-journal{margin-top:0}
.payment-empty{min-height:210px}
.payment-guide .sales-guide-goal{margin-top:14px}
.payment-received-state{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;padding:10px 12px;border:1px solid #a9d6bb;border-radius:9px;background:#f1faf5}
.payment-received-state>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#1d7a4d;color:#fff;font-weight:800}
.payment-received-state b,.payment-received-state small{display:block}
.payment-received-state b{font-size:12.5px;color:#184e35}
.payment-received-state small{margin-top:2px;font-size:10.5px;color:#4c6d5b}
.payment-received-state.pending{border-color:#d7b36a;background:#fff9ec}
.payment-received-state.pending>span{background:#b7791f}
.payment-received-state.pending b{color:#704b12}
.payment-received-state.pending small{color:#725a31}
.payment-verify-controls{display:grid;gap:12px}
.payment-verify-note{display:grid;gap:3px;padding:12px;border:1px solid #c8d2dd;border-radius:8px;background:#f7f9fb}
.payment-verify-note b{font-size:12.5px;color:#1d2939}
.payment-verify-note span{font-size:11px;line-height:1.45;color:#526173}
.payment-verify-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:760px){.payment-shared-grid{grid-template-columns:1fr}}
@media(max-width:1250px){.payment-workspace{grid-template-columns:1fr}}
@media(max-width:900px){.payment-tool-grid{grid-template-columns:1fr}.payment-tools-head{align-items:flex-start}.payment-sale-terms{text-align:left}}

/* v0.8.9 — этап «Доработка» */
.refinement-workspace{align-items:start}
.refinement-panel{min-width:0}
.refinement-heading{margin-bottom:10px}
.refinement-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.refinement-title-line h2{margin:0}
.refinement-mode-inline{display:flex;align-items:center;gap:8px;margin-left:4px;font-size:12px;font-weight:700;color:var(--muted)}
.refinement-mode-inline select{height:34px;min-width:190px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--text);padding:0 30px 0 10px;font:inherit;font-weight:700}
.refinement-mode-note{margin:0 0 16px;padding:10px 12px;border-left:3px solid #6f63cf;background:#f8f7ff;color:var(--text-2);font-size:13px;line-height:1.45}
.refinement-notes{min-height:96px;resize:vertical}
.refinement-deep-tools{margin:18px 0;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:14px}
.refinement-deep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.refinement-deep-head>div{display:flex;flex-direction:column;gap:3px}
.refinement-deep-head b{font-size:14px}
.refinement-deep-head span:not(.badge){font-size:12px;color:var(--muted)}
.refinement-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.refinement-tool-card{display:flex;align-items:center;gap:13px;min-height:116px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}
.refinement-tool-card>img{width:78px;height:78px;object-fit:contain;flex:0 0 78px;border-radius:14px}
.refinement-tool-card>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.refinement-tool-card b{font-size:14px;color:var(--text)}
.refinement-tool-card span{font-size:12px;line-height:1.4;color:var(--muted)}
.questionnaire-icon{width:58px;height:58px;flex:0 0 58px;display:grid!important;place-items:center;border-radius:12px;background:#eef1f7;color:#26364f!important;font-size:24px!important;font-weight:800}
.integration-chip{display:inline-flex;margin-top:3px;padding:4px 7px;border:1px solid #cfd5df;border-radius:6px;background:#fff;color:#596579!important;font-size:11px!important;font-weight:700}
.refinement-publish-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.refinement-publish-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}
.refinement-publish-head>div{display:flex;flex-direction:column;gap:3px}
.refinement-publish-head b{font-size:14px}
.refinement-publish-head span{font-size:12px;color:var(--muted)}
.refinement-upload-row{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(260px,.95fr) auto;gap:12px;align-items:end}
.refinement-publish-comment textarea{min-height:68px;resize:vertical}
.refinement-publish-comment{margin:0}
.refinement-archive-editor{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-strong)}
.refinement-history-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:13px}
.refinement-version-list{display:flex;flex-direction:column;gap:7px}
.refinement-version{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fbfcfd}
.refinement-version.waiting{border-color:#d8c6a0;background:#fffdf8}
.refinement-version.done{border-color:#bfd7ca;background:#fbfefc}
.refinement-version.cancelled{opacity:.7}
.refinement-version-index{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#e9edf3;color:#334155;font-size:11px;font-weight:800}
.refinement-version-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.refinement-version-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.refinement-version-copy span,.refinement-version-copy a{font-size:11px;color:var(--muted)}
.refinement-version-copy a{color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.refinement-finish-row{margin-top:18px}
.refinement-guide{border-style:dashed}
.refinement-guide ol{margin:12px 0 14px 19px;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--text-2);font-size:12px;line-height:1.45}
.refinement-script{margin-top:13px;padding-top:12px;border-top:1px dashed var(--line-strong)}
.refinement-script-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.refinement-script-head b{font-size:12px}
.refinement-script p{margin:0;white-space:pre-line;font-size:12px;line-height:1.5;color:var(--text-2)}
.refinement-script p a{color:var(--blue);font-weight:700}
.refinement-archive-history.empty{padding:12px;border:1px dashed var(--line);border-radius:7px}

@media (max-width:1100px){
  .refinement-tools-grid{grid-template-columns:1fr}
  .refinement-upload-row{grid-template-columns:1fr}
  .refinement-upload-row>.btn{justify-self:start}
}


/* v0.9.0 — refinement polish, questionnaire and published URL */
.refinement-heading{align-items:center;gap:18px;margin-bottom:10px}
.refinement-title-block{display:grid;gap:4px;align-content:center}
.refinement-title-block h2{margin:0!important}
.refinement-mode-control{margin-left:auto;display:grid;grid-template-columns:auto minmax(190px,240px);align-items:center;gap:10px;padding:7px 8px 7px 11px;border:1px solid #b9c4cf;border-radius:8px;background:#f8fafc}
.refinement-mode-control>span{font-size:10.5px;font-weight:750;color:#526173;white-space:nowrap}
.refinement-mode-control select{height:34px;min-width:0;border:1px solid #98a8b8;border-radius:6px;background:#fff;color:#172033;padding:0 30px 0 10px;font:600 11.5px/1 inherit}
.refinement-mode-note{margin:0 0 12px;padding:9px 11px;border-left:3px solid #6f63cf;border-radius:0 6px 6px 0;background:#f7f7fb;color:#425066;font-size:12px;line-height:1.4}
.refinement-domain-form{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px;padding:10px 11px;border:1px solid #c4ced8;border-radius:8px;background:#fbfcfd}
.refinement-domain-copy{display:grid;gap:2px;min-width:220px}
.refinement-domain-copy>span{font-size:12px;font-weight:750;color:#27364a}
.refinement-domain-copy>small{font-size:10.5px;color:#667085;line-height:1.35}
.refinement-domain-control{display:flex;align-items:center;gap:8px;min-width:min(100%,420px)}
.refinement-domain-control input{height:36px;min-width:240px;flex:1;border:1px solid #9eacba;border-radius:7px;background:#fff;padding:0 10px;font:inherit;color:#1d2939}
.refinement-deep-tools{margin:15px 0;border-color:#b9c4cf;background:#fbfcfd}
.refinement-deep-head{margin-bottom:10px;align-items:center}
.refinement-tools-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;align-items:stretch}
.refinement-tool-card{min-height:104px;padding:11px;background:#fff;border-color:#c5ced8}
.refinement-tool-card>img{width:68px;height:68px;flex-basis:68px;border-radius:12px}
.refinement-questionnaire-card{display:flex;align-items:center;gap:10px;min-height:104px;padding:11px;border:1px solid #c5ced8;border-radius:8px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#1d2939;transition:border-color .15s ease,background .15s ease}
.refinement-questionnaire-card:hover:not(:disabled){border-color:#d2a51d;background:#fffdf5}
.refinement-questionnaire-card img{width:54px;height:54px;object-fit:contain;border-radius:11px;flex:0 0 54px}
.refinement-questionnaire-card span{display:grid;gap:3px;min-width:0}
.refinement-questionnaire-card b{font-size:12.5px}
.refinement-questionnaire-card small{font-size:10.5px;line-height:1.35;color:#667085}
.refinement-questionnaire-card.disabled{opacity:.58;cursor:not-allowed}
.refinement-current-url{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px;padding:10px 11px;border:1px solid #b6d4c1;border-radius:8px;background:#f4faf6}
.refinement-current-url>div{display:grid;gap:3px;min-width:0}
.refinement-current-url span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:#51705d}
.refinement-current-url a:not(.btn){font-size:12px;font-weight:700;color:#1769aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.refinement-admin-panel{margin-bottom:14px}
.admin-questionnaire-text{min-height:150px;resize:vertical}
@media(max-width:900px){
  .refinement-heading{align-items:flex-start;flex-direction:column}
  .refinement-mode-control{margin-left:0;width:100%;grid-template-columns:1fr}
  .refinement-tools-grid{grid-template-columns:1fr}
  .refinement-questionnaire-card{min-height:82px}
  .refinement-domain-form{align-items:stretch;flex-direction:column}
  .refinement-domain-control{min-width:0;width:100%}
  .refinement-domain-control input{min-width:0}
}

/* v0.9.1 — завершение основной воронки и действующий клиент */
.status-static{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:8px;font-size:11.5px;font-weight:750;white-space:nowrap}
.status-static.tone-green{background:#edf8f2;border:1px solid #a9d6bb;color:#176b3d}
.active-client-label{border-color:#a9d6bb!important;background:#edf8f2!important;color:#176b3d!important}
.client-tr.active-customer-idle{background:#fbfcfb}
.client-tr.active-customer-idle .client-note{color:#7a8795}
.client-tr.active-customer-idle:hover{background:#f7faf8}
.active-customer-strip{border-color:#a9d6bb;background:#f6fbf8}
.active-site-nav{margin-left:auto}
.site-accepted-state{display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px 13px;border:1px solid #9fceb1;border-radius:9px;background:#f2faf5}
.site-accepted-mark{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#1d7a4d;color:#fff;font-size:16px;font-weight:800}
.site-accepted-state>div{display:grid;gap:2px;min-width:0}
.site-accepted-state b{font-size:13px;color:#174f32}
.site-accepted-state small{font-size:10.5px;color:#587061}
.site-accepted-state a{margin-top:2px;font-size:11.5px;font-weight:700;color:#1769aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.refinement-readonly{margin-top:15px}
.active-customer-workspace{align-items:start}
.active-site-panel{min-width:0}
.active-site-heading{align-items:center;margin-bottom:12px}
.active-site-heading h2{margin:3px 0 0}
.active-site-summary{display:grid;grid-template-columns:.8fr 1.5fr .8fr;border:1px solid #b8c4cf;border-radius:9px;background:#f8fafb;margin-bottom:14px;overflow:hidden}
.active-site-summary>div{display:grid;gap:4px;padding:11px 12px;border-right:1px solid #d0d8e0;min-width:0}
.active-site-summary>div:last-child{border-right:0}
.active-site-summary span{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#667085}
.active-site-summary b,.active-site-summary a{font-size:12px;color:#1d2939;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.active-site-summary a{color:#1769aa;font-weight:700}
.site-updated-notice{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:9px 11px;border:1px solid #a9d6bb;border-radius:8px;background:#f2faf5}
.site-updated-notice>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#1d7a4d;color:#fff;font-weight:800}
.site-updated-notice b,.site-updated-notice small{display:block}
.site-updated-notice b{font-size:12px;color:#174f32}
.site-updated-notice small{margin-top:2px;font-size:10px;color:#5a7061}
.active-site-update-block{margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:850px){.active-site-summary{grid-template-columns:1fr}.active-site-summary>div{border-right:0;border-bottom:1px solid #d0d8e0}.active-site-summary>div:last-child{border-bottom:0}}

/* v0.9.3 — EVERY Review integration */
.review-tool-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.review-tool-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:12px;color:var(--text-2)}
.review-tool-status b{font-size:12px;color:var(--text)}
.review-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.review-tool-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.review-tool-empty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px}
.review-tool-empty>span:first-child{font-size:12px;color:var(--muted);max-width:440px}

/* v0.9.4 — генератор счетов */
.invoice-customer-grid{display:grid;grid-template-columns:.72fr 1fr .85fr;gap:9px}
.invoice-amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.invoice-history{margin-top:4px;padding-top:10px;border-top:1px solid #d5dce4;display:grid;gap:7px}
.invoice-history-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#526173}
.invoice-history-title b{font-size:12px;color:#1d2939}
.invoice-history-title span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#eef2f6;color:#344054;font-weight:800}
.invoice-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #d5dce4;border-radius:7px;background:#f9fbfc}
.invoice-history-row>div{display:grid;gap:2px;min-width:0}
.invoice-history-row b{font-size:11.5px;color:#1d2939}
.invoice-history-row span{font-size:10px;color:#667085}
.invoice-history-empty{margin-top:2px;padding:9px 10px;border:1px dashed #c7d0d9;border-radius:7px;color:#667085;font-size:10.5px;line-height:1.4}
@media(max-width:1050px){.invoice-customer-grid,.invoice-amount-grid{grid-template-columns:1fr}}


/* v0.9.5 — неизменяемые версии Review */
.review-version-history{margin-top:14px;padding-top:12px;border-top:1px solid #d5dce4}
.review-version-history .refinement-history-title{margin-bottom:8px}