@font-face{font-family:Wordmark;src:url(/office/wordmark.ttf);font-style:italic;font-weight:300 700}:root{--paper:#f5f3ed;--ink:#20382c;--muted:#647365;--line:#cdd4c7;--lime:#d6ed87;--panel:#e9eddf;--accent:#20382c;--brand:#20382c;--brand-dark:#16281e;--brand-soft:#e9eddf;--ink-soft:#35523f}.brand{display:inline-block;max-width:none;font-size:24px;letter-spacing:-1px;text-decoration:none;white-space:nowrap;color:inherit}.brand i{font-family:Wordmark;font-weight:500;font-size:1.3em;color:#91ab90;margin:0 3px}.login-story p{display:none}@media(max-width:700px){.login{position:relative}.login-lang{position:absolute;top:16px;right:16px;margin:0;z-index:3}.login-story{min-height:0;padding:22px 26px 26px}.login-story .brand{display:inline-block;visibility:visible}.login-story h1{display:block}}.ptabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.ptabs::-webkit-scrollbar{display:none}.topbar,.tools{min-width:0}@media(max-width:700px){html,body{overflow-x:hidden}.layout{display:block}.sidebar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "nav nav";align-items:center;gap:2px 10px;height:auto;padding:8px 12px 0;background:var(--paper);border:0;border-bottom:1px solid var(--line)}.sidebar .brand{grid-area:brand;font-size:19px;min-height:0;width:auto;max-width:none;margin:0}.sidebar .bottom{display:contents}.sidebar .bottom>a,.sidebar .bottom .me,.sidebar .bottom>span{display:none!important}.sidebar .bottom .brow{grid-area:tools;display:flex;gap:8px;align-items:center;margin:0}.sidebar .brow .langsw{margin:0}.sidebar .bottom button#logout{min-height:0;padding:5px 9px;font-size:12px}.sidebar nav{grid-area:nav;display:flex;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:0 -12px;padding:0 12px}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{flex:none;min-height:34px;padding:0 10px;font-size:12px;display:flex;align-items:center;border-bottom:2px solid transparent}.sidebar nav a.active{border-bottom-color:var(--ink)}.content{padding:12px}.topbar{margin:0 0 10px;gap:8px}.topbar h1{font-size:22px;margin:0}.topbar p{display:none}dialog.deal-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:12px}}/* ===== Head of Sales cabinet: the palette of the site (ink, mist, saffron) ===== */
:root{--paper:#F2F3F5;--ink:#12151B;--muted:#5B6270;--line:#D9DDE3;--lime:#F2A900;--panel:#E9EBEF;--accent:#12151B;--brand:#12151B;--brand-dark:#000;--brand-soft:#E9EBEF;--ink-soft:#2A2F38}
body{background:var(--paper);color:var(--ink)}
.brand i{color:#946500}
.brand img{width:auto;height:34px;max-width:100%}
.sidebar{background:#fff;border-right:1px solid var(--line)}
.sidebar nav a{color:var(--muted)}
.sidebar nav a:hover{color:var(--ink);background:var(--paper)}
.sidebar nav a.active{background:var(--ink);color:#fff;border-color:transparent}
.sidebar nav a.active .ni{color:#F2A900}
.sidebar button{color:var(--ink);border-color:var(--line)}
.langsw button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
button.primary,.ctab.on,.step.on{background:var(--ink);border-color:var(--ink);color:#fff}
button:hover{border-color:#8A92A0}
.column{background:#E9EBEF;border-top-color:var(--stage-color,#9AA1AD)}
.column.over{background:#DDE0E6}
.card{background:#fff;border-left-color:var(--stage-color,#9AA1AD)}
.card:hover{border-color:var(--ink)}
.board{scrollbar-color:#A3AAB5 #E9EBEF}
.board::-webkit-scrollbar-track{background:#E9EBEF}
.board::-webkit-scrollbar-thumb{background:#A3AAB5}
.step{background:#E9EBEF;color:var(--muted)}
.step.done{background:#D9DDE3;color:var(--ink)}
.step:hover:not(.on){background:#DDE0E6}
.step.win{background:#1F8A5B;color:#fff}.step.lose{background:#C8402B;color:#fff}
.step.win:hover:not(.on){background:#187049}.step.lose:hover:not(.on){background:#A93522}
.step.win.on,.step.lose.on{box-shadow:inset 0 -3px 0 #ffffff80}
.login-story{background:#EDEEF1;color:var(--ink);border-right:1px solid var(--line)}
.stat,.panel{background:#fff;border-color:var(--line)}
@media(max-width:700px){
 .sidebar nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0!important;grid-template-columns:none!important}
 .sidebar nav a{flex:none!important;width:auto!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;border-radius:0!important}
 .sidebar nav a.active{border-radius:6px!important}
 .sidebar .langsw button{min-height:0!important;padding:3px 8px!important;font-size:11px!important}
}
@media(max-width:700px){.login-lang{top:33px!important;right:26px!important}}
/* ===== Head of Sales cabinet: one compact style for every section (2026-10-12) =====
   Rules: the screen belongs to the work; light type (400, headings 500); a one-line page header; 34px controls; small gaps. */
.content,.content *,dialog.deal-dialog *,dialog.new-lead-dialog *,.sheet *{font-weight:400!important}
.content :is(h1,h2,h3,h4,th,legend,.an-kpi b,.stat b,.hpr-badge,.hpr-chip.on,.stage-chip,.fbadge,.count,.chips button.on,button.primary,.an-tabs a.on),
dialog.deal-dialog :is(h1,h2,h3,h4,.stage-badge),.sheet :is(h3,.sheet-l){font-weight:500!important}
.content b,.content strong,.content dt{font-weight:500!important}

@media(min-width:701px){
 .content{padding:12px 18px}
 .topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--line)}
 .topbar>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;min-width:0}
 .topbar h1{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.3px}
 .topbar p{margin:0;font-size:13px;color:var(--muted)}
 .topbar .tools{gap:8px}
 .panel{padding:12px 14px}
 .panel h2{margin:0 0 8px;font-size:15px}
 .stats{gap:8px;margin:0 0 10px}
 .stat{padding:10px 12px}
 .stat b{margin-top:4px;font-size:22px}
 .dashboard-grid,.settings-grid{gap:10px}
 .help{margin-top:10px}
 :where(.content) label{gap:4px;font-size:12px}
 :where(.content) :where(input:not([type=checkbox]):not([type=radio]),select){min-height:34px;padding:5px 10px}
 :where(.content) button{min-height:34px;padding:5px 12px}
 .metrics-table th,.metrics-table td{padding:6px 8px}
 .content p{margin-top:0}
}

/* Переписка */
@media(min-width:701px){
 .content .inbox{max-width:none}
 .content .inbox .inbox-heading{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--line)}
 .content .inbox .inbox-heading>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}
 .content .inbox h1,.content .bot-admin h1{font-size:20px;line-height:1.3;margin:0}
 .content .inbox-heading p,.content .bot-head p{margin:0;font-size:13px;color:var(--muted)}
 .content .inbox .inbox-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 8px}
 .content .inbox .inbox-tools label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;white-space:nowrap}
 .content .inbox .inbox-tools select{min-width:180px}
 .content .inbox #ib-notice{margin:0 0 6px;font-size:13px;color:var(--muted)}
 .content .inbox .inbox-layout{min-height:calc(100svh - 150px);gap:0}
 .content .inbox .inbox-layout>aside{padding:10px 12px}
 .content .inbox .inbox-layout>aside label{margin:0 0 8px}
 .content .inbox .inbox-conversation{display:flex;flex-direction:column;padding:10px 14px}
 .content .inbox .inbox-thread-head h2{font-size:16px;margin:0}
 .content .inbox #ib-messages{flex:1 1 auto;min-height:120px}
 .content .inbox #ib-reply{margin-top:auto}
 .content .inbox #ib-reply textarea{min-height:56px}
}
/* Бот, Рассылки, Платежи, WhatsApp, Метрики: same frame */
@media(min-width:701px){
 .bot-admin{max-width:none}
 .bot-head{margin:0 0 8px}
 .bot-card{margin-top:10px;padding:12px 14px;border-color:var(--line)}
 .bot-admin label{margin-top:8px}
 .bot-admin input:not([type=checkbox]),.bot-admin select,.bot-admin textarea{padding:6px 10px;border-color:var(--line)}
 .bot-admin button{min-height:34px}
 .hosmetrics .topbar,.hosmail .topbar,.hospay .topbar,.hoswa .topbar{margin-bottom:8px}
}
/* Продукты: a card with a short annotation, status stays visible */
.hpr-top h1{font-size:20px;line-height:1.3}
.hpr-top p{font-size:13px}
.hpr-lst .hpr-tile{min-height:116px;align-content:start;gap:5px;padding:10px 12px 10px 16px}
.hpr-tile-l3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--hpr-graphite,#5B6270);text-align:left}
.hpr-lst .hpr-tile-l1{align-items:flex-start}
.hpr-lst .hpr-tile-l1 .hpr-name{font-size:14px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hpr-lst .hpr-chip{min-height:30px;padding:0 12px;font-size:13px}
/* Аналитика: lighter numbers */
.an-kpi b{font-size:21px}
.an-card h3{letter-spacing:.04em}