/* Claude update 01 — новый облик CRM («солнечная панель»: глубокий синий, стекло, мягкие тени, движение по действию).
   Только оформление: ни один скрипт, класс или кнопка не изменены и не скрыты.
   Подключается последним, поверх старых стилей. Личные цвета и шрифт сотрудника (Профиль → личный вид) работают:
   все оттенки считаются от переменных --pf-*. Печать счетов и документов не затронута (только @media screen).
   Вернуть прежний вид: убрать из shell.html строки с claude-theme.css и claude-theme.js. */
@media screen{
:root{
 --ct-accent:var(--pf-button,#2457f5);--ct-accent-text:var(--pf-button-text,#fff);
 --ct-text:var(--pf-text,#0f1b33);--ct-surface:var(--pf-surface,#fff);--ct-bg:var(--pf-background,#f3f6fc);
 --ct-line:color-mix(in srgb,var(--ct-text) 10%,var(--ct-surface));
 --ct-line-strong:color-mix(in srgb,var(--ct-text) 19%,var(--ct-surface));
 --ct-muted:color-mix(in srgb,var(--ct-text) 60%,var(--ct-surface));
 --ct-faint:color-mix(in srgb,var(--ct-text) 3.5%,var(--ct-surface));
 --ct-soft:color-mix(in srgb,var(--ct-accent) 9%,var(--ct-surface));
 --ct-soft-strong:color-mix(in srgb,var(--ct-accent) 18%,var(--ct-surface));
 --ct-accent-ink:color-mix(in srgb,var(--ct-accent) 82%,var(--ct-text));
 --ct-grad:linear-gradient(135deg,color-mix(in srgb,var(--ct-accent) 78%,#7fd4ff) 0%,var(--ct-accent) 52%,color-mix(in srgb,var(--ct-accent) 80%,#16104a) 100%);
 --ct-glow:color-mix(in srgb,var(--ct-accent) 36%,transparent);
 --ct-danger:#d63a3a;
 --ct-r-card:18px;--ct-r-ctl:11px;
 --ct-shadow-card:0 1px 0 rgb(255 255 255/.7) inset,0 1px 2px color-mix(in srgb,var(--ct-text) 6%,transparent),0 14px 34px -18px color-mix(in srgb,var(--ct-text) 26%,transparent);
 --ct-shadow-lift:0 2px 4px color-mix(in srgb,var(--ct-text) 8%,transparent),0 22px 44px -18px color-mix(in srgb,var(--ct-text) 36%,transparent);
 --ct-shadow-pop:0 30px 80px -20px color-mix(in srgb,var(--ct-text) 50%,transparent),0 4px 14px color-mix(in srgb,var(--ct-text) 12%,transparent);
 --ct-ease:cubic-bezier(.2,.8,.2,1);
 --r9-line:var(--ct-line);--r9-muted:var(--ct-muted);--r9-soft:var(--ct-soft);--line:var(--ct-line);
}
html[data-pf-theme]{--line:var(--ct-line);--muted:var(--ct-muted)}
@keyframes ct-pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ct-fade{from{opacity:0}to{opacity:1}}
@keyframes ct-toast{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ct-sheen{from{transform:translateX(-130%) skewX(-20deg)}to{transform:translateX(330%) skewX(-20deg)}}
@keyframes ct-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Фон: мягкое свечение вместо плоского серого */
html[data-pf-theme] .workspace{background:
 radial-gradient(900px 520px at 100% -8%,color-mix(in srgb,var(--ct-accent) 13%,transparent),transparent 68%),
 radial-gradient(760px 420px at 8% -12%,rgb(255 196 92/.13),transparent 70%),
 var(--ct-bg);background-attachment:fixed}
::selection{background:var(--ct-soft-strong)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ct-text) 24%,transparent) transparent}

/* ---------- Боковое меню: «солнечная панель» ---------- */
html[data-pf-theme] .sidebar{padding:16px 12px 12px;background-color:var(--pf-menu);background-image:
 radial-gradient(260px 200px at 0% 0%,rgb(255 208 120/.2),transparent 70%),
 radial-gradient(320px 260px at 100% 100%,color-mix(in srgb,var(--ct-accent) 46%,transparent),transparent 72%),
 linear-gradient(rgb(255 255 255/.05) 1px,transparent 1px),
 linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 1px);
 background-size:auto,auto,100% 36px,36px 100%}
.sidebar .brand{margin:2px 4px 16px}
.sidebar .brand img{max-width:150px;padding:9px 11px;border-radius:14px;box-shadow:0 10px 24px rgb(0 0 0/.28)}
.sidebar .nav-label{font-size:11px;letter-spacing:.02em;text-transform:none;opacity:.5;margin:4px 12px 8px}
.sidebar .nav{gap:3px;padding:0 2px 12px 0}
.sidebar .nav button{min-height:40px;padding:8px 12px;border-radius:12px;font-size:13.5px;font-weight:500;gap:11px;opacity:.8;border:0;box-shadow:none;transition:background-color .16s,opacity .16s,transform .16s var(--ct-ease)}
.sidebar .nav button:hover{opacity:1;background:rgb(255 255 255/.1)!important;transform:translateX(3px);border:0;box-shadow:none}
html[data-pf-theme] .sidebar .nav button.active,html[data-pf-theme] .sidebar .nav button.active:hover{opacity:1;font-weight:650;transform:none;background:var(--ct-grad)!important;color:var(--ct-accent-text);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 10px 22px -6px var(--ct-glow),0 0 0 1px rgb(255 255 255/.08)}
.sidebar .nav-icon{width:19px;flex:0 0 19px}
.sidebar .nav-icon svg{width:18px;height:18px}
.sidebar .ap-nav-group{border:0;border-radius:0;padding:0;margin:8px 0 0}
.sidebar .ap-nav-group>summary{font-size:12px;font-weight:650;letter-spacing:.02em;opacity:.66;padding:8px 12px 6px;border-radius:10px;cursor:pointer;transition:opacity .16s}
.sidebar .ap-nav-group>summary:hover,.sidebar .ap-nav-group[open]>summary{opacity:.95}
.sidebar .ap-nav-group>summary::after{font-size:16px;opacity:.7;transition:transform .2s var(--ct-ease)}
.sidebar .ap-nav-group>button{padding-left:12px!important;margin:1px 0;width:100%}
.sidebar .ap-nav-group[open]{padding-bottom:8px;border-bottom:1px solid rgb(255 255 255/.08)}
.sidebar .crm-admin-link{margin-top:10px;padding-top:8px!important}
.wx-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;background:linear-gradient(180deg,#ff6a5c,#d63a3a);box-shadow:0 4px 10px rgb(214 58 58/.45),inset 0 1px 0 rgb(255 255 255/.35)}
.sidebar .nav .wx-badge{margin-left:auto}
.sidebar-bottom{margin-top:8px;padding:12px;border:1px solid rgb(255 255 255/.1);border-radius:16px;background:rgb(255 255 255/.06);backdrop-filter:blur(6px);font-size:12.5px;line-height:1.45}
.sidebar-bottom strong{font-size:13px;font-weight:650}
.sidebar-bottom small{opacity:.62;margin:2px 0 10px}
.sidebar-bottom button{min-height:30px;padding:4px 12px;font-size:12px;border-radius:9px;border-color:rgb(255 255 255/.22);box-shadow:none}
.sidebar-bottom button:hover{background:rgb(255 255 255/.14);transform:none}

/* ---------- Верхняя панель: стекло ---------- */
.topbar{height:64px;padding:11px 18px;gap:16px}
#global-search input{height:40px;min-height:40px;padding:8px 16px 8px 42px;border-radius:999px;border-color:var(--ct-line);font-size:13.5px;background:color-mix(in srgb,var(--ct-text) 4%,var(--ct-surface)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a869c' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 16px 50%/16px no-repeat}
#global-search input:focus{background-color:var(--ct-surface)}
.topbar .search{max-width:540px}
.topbar-meta{gap:6px;font-size:12.5px}
.topbar-meta .date{margin:0 8px 0 6px;padding:5px 11px;border-radius:999px;background:var(--ct-faint);color:var(--ct-muted);white-space:nowrap}
#wx-bell,#wx-announcements{min-height:36px;padding:6px 12px;font-size:12.5px;font-weight:600;border-color:transparent;background:transparent;box-shadow:none;border-radius:999px}
#wx-bell:hover,#wx-announcements:hover{background:var(--ct-soft);transform:none;box-shadow:none}
.avatar,html[data-pf-theme] .pf-avatar{background-image:var(--ct-grad);box-shadow:0 0 0 2px var(--ct-surface),0 0 0 4px var(--ct-soft-strong),0 8px 18px -6px var(--ct-glow);transition:transform .18s var(--ct-ease)}
.pf-avatar:hover{transform:scale(1.06)}
.pf-menu{border:1px solid var(--ct-line);border-radius:var(--ct-r-card);box-shadow:var(--ct-shadow-pop);padding:14px;animation:ct-pop .2s var(--ct-ease)}

/* ---------- Страница ---------- */
.main{padding:26px 30px 60px;max-width:1720px}
.page-head{margin-bottom:22px;gap:18px;align-items:flex-end}
html[data-pf-theme] .eyebrow,.eyebrow{display:inline-block;font-size:11.5px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--ct-accent-ink);background:var(--ct-soft);padding:3px 10px;border-radius:999px;margin:0 0 8px}
h1{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
h2{font-size:17.5px;font-weight:700;letter-spacing:-.015em;margin-bottom:14px}
h3{font-size:14.5px;font-weight:700}
.muted{font-size:13px}
:where(#main) a:where(:not(.button)){color:var(--ct-accent-ink);text-underline-offset:3px}
#main>#av14-archive:first-child{float:right;margin:26px 0 10px 8px}

/* ---------- Кнопки ---------- */
button,.button{min-height:38px;padding:8px 15px;border-radius:var(--ct-r-ctl);border:1px solid var(--ct-line-strong);font-size:13px;font-weight:650;line-height:1.3;box-shadow:0 1px 2px color-mix(in srgb,var(--ct-text) 7%,transparent);transition:transform .16s var(--ct-ease),box-shadow .16s,border-color .16s,background-color .16s,filter .16s}
:is(.workspace,dialog,.factory-shell>main,.login) :where(button,.button):not(.link,.pf-avatar,.ms-buyer-name,:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--ct-text) 32%,transparent);border-color:color-mix(in srgb,var(--ct-accent) 45%,var(--ct-surface))}
:is(.workspace,dialog,.factory-shell>main,.login) :where(button,.button):not(.link,.pf-avatar,.ms-buyer-name):active{transform:translateY(0) scale(.975);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--ct-text) 16%,transparent)}
.sidebar .nav button:active{transform:scale(.985)}
button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px}
html[data-pf-theme] .primary,.primary{position:relative;overflow:hidden;border-color:transparent;background-image:var(--ct-grad);background-origin:border-box;color:var(--ct-accent-text);box-shadow:inset 0 1px 0 rgb(255 255 255/.3),0 10px 22px -8px var(--ct-glow),0 2px 4px color-mix(in srgb,var(--ct-accent) 24%,transparent)}
.primary::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,rgb(255 255 255/.34),transparent);transform:translateX(-130%) skewX(-20deg);pointer-events:none}
.primary:hover::after{animation:ct-sheen .7s ease-out}
html[data-pf-theme] .primary:hover,.primary:hover{filter:brightness(1.07) saturate(1.08);border-color:transparent;box-shadow:inset 0 1px 0 rgb(255 255 255/.34),0 16px 30px -10px var(--ct-glow),0 3px 6px color-mix(in srgb,var(--ct-accent) 28%,transparent)}
.danger-button{color:var(--ct-danger);border-color:color-mix(in srgb,var(--ct-danger) 30%,var(--ct-surface))}
:is(.workspace,dialog) .danger-button:hover{background:color-mix(in srgb,var(--ct-danger) 9%,var(--ct-surface));border-color:color-mix(in srgb,var(--ct-danger) 60%,var(--ct-surface));box-shadow:0 8px 18px -8px rgb(214 58 58/.45)}
button:disabled{opacity:.5}
.actions{gap:9px}

/* ---------- Поля ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea{border:1px solid var(--ct-line-strong);border-radius:var(--ct-r-ctl);min-height:38px;padding:8px 12px;font-size:13.5px;transition:border-color .16s,box-shadow .16s,background-color .16s}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--ct-accent) 40%,var(--ct-surface))}
input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,select:focus,textarea:focus{outline:0;border-color:var(--ct-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ct-accent) 17%,transparent)}
input[type=checkbox],input[type=radio]{accent-color:var(--ct-accent);width:16px;height:16px}
::placeholder{color:color-mix(in srgb,var(--ct-text) 40%,var(--ct-surface))}

/* ---------- Карточки и показатели ---------- */
.panel,.table-wrap,.stat,.search-result,.queue-info{border:1px solid var(--ct-line);border-radius:var(--ct-r-card);box-shadow:var(--ct-shadow-card)}
.panel{padding:22px 24px}
.panel .panel{box-shadow:none;padding:14px 16px;border-radius:14px}
.panel-head{margin-bottom:14px}
.stat{padding:20px 22px;transition:transform .2s var(--ct-ease),box-shadow .2s}
.stat:hover,.rw-metric:hover{transform:translateY(-3px);box-shadow:var(--ct-shadow-lift)}
.stat small{font-size:12.5px}
.stat strong,.fn-metrics strong,.r11-report-value{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.stat strong{font-size:30px;font-weight:800;margin-top:8px}
.stat-foot{font-size:12px;margin-top:8px}
.fn-metrics{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px}
.fn-metrics>div{position:relative;border:1px solid var(--ct-line);border-radius:14px;padding:14px 16px 14px 18px;background:linear-gradient(180deg,var(--ct-surface),var(--ct-faint));min-height:0;overflow:hidden;transition:transform .2s var(--ct-ease),box-shadow .2s,border-color .2s}
.fn-metrics>div::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--ct-grad);opacity:.55;transition:opacity .2s}
.fn-metrics>div:hover{transform:translateY(-2px);box-shadow:var(--ct-shadow-lift);border-color:color-mix(in srgb,var(--ct-accent) 30%,var(--ct-surface))}
.fn-metrics>div:hover::before{opacity:1}
.r11-budget>div{min-height:82px}
.fn-metrics span{font-size:12px;color:var(--ct-muted);line-height:1.35}
.fn-metrics strong{font-size:20px;font-weight:800;margin-top:6px;line-height:1.25;overflow-wrap:anywhere}
.rw-widget{padding:20px 22px}
.rw-widget h2{margin-bottom:12px}
.rw-metric{transition:transform .2s var(--ct-ease),box-shadow .2s}
.r9-metric-icon{border-radius:14px;background:var(--ct-grad);color:var(--ct-accent-text);box-shadow:0 10px 20px -8px var(--ct-glow),inset 0 1px 0 rgb(255 255 255/.3)}
.r11-report-grid{gap:14px}
.r11-report-grid .panel{padding:20px 22px;transition:transform .2s var(--ct-ease),box-shadow .2s}
.r11-report-grid .panel:hover{transform:translateY(-3px);box-shadow:var(--ct-shadow-lift)}
.r11-report-grid h2{font-size:14px;font-weight:650;color:var(--ct-muted);margin-bottom:6px}
.r11-report-value{font-size:26px;font-weight:800}
html[data-pf-theme] .empty,.empty{padding:40px 22px;border:1.5px dashed var(--ct-line-strong);border-radius:var(--ct-r-card);font-size:13px;line-height:1.6;background:linear-gradient(180deg,var(--ct-soft),var(--ct-surface) 70%)}
.panel .empty,.table-wrap .empty,[data-rw-body] .empty{border:0;padding:28px 12px;background:transparent}
.empty strong{font-size:15.5px;margin-bottom:4px}
.page-error{border-radius:var(--ct-r-card);padding:24px}
.setup-info{border-radius:12px}
progress{accent-color:var(--ct-accent);height:8px;border-radius:999px}
.bar-track{border-radius:999px;overflow:hidden}

/* ---------- Таблицы ---------- */
table{font-size:13px;font-variant-numeric:tabular-nums}
th{font-size:12px;font-weight:650;padding:12px 16px;color:var(--ct-muted);border-bottom:1px solid var(--ct-line);letter-spacing:0}
td{padding:13px 16px;border-color:var(--ct-line);line-height:1.45;vertical-align:middle}
tbody tr{transition:background-color .14s}
html[data-pf-theme] tbody tr:hover,tbody tr:hover{background:var(--ct-soft)!important}
tbody tr:hover>td:first-child{box-shadow:inset 3px 0 0 var(--ct-accent)}
td button,td .button{min-height:30px;padding:4px 11px;font-size:12.5px;border-radius:9px}
td button:not(.link){white-space:nowrap}
html[data-pf-theme] td>button:not(.link,.primary,.danger-button,.cv-icon-trash){background:var(--ct-soft);color:var(--ct-accent-ink);border-color:transparent;box-shadow:none;font-weight:700}
html[data-pf-theme] td>button:not(.link,.primary,.danger-button,.cv-icon-trash):hover{background:var(--ct-soft-strong);border-color:transparent}
td button.link,html[data-pf-theme] td button.link{padding:0;border:0;box-shadow:none;background:transparent;color:var(--ct-accent-ink);font-weight:650;font-size:13px;text-align:left}
td button.link:hover,html[data-pf-theme] td button.link:hover{text-decoration:underline;text-underline-offset:3px;background:transparent}
#main>table,#detail-content>table,.panel>table{border:1px solid var(--ct-line);border-radius:var(--ct-r-card);border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--ct-surface);box-shadow:var(--ct-shadow-card)}
.panel>table{box-shadow:none;border-radius:14px}
#main>table tr:first-child>td,.panel>table tbody tr:first-child>td{border-top:0}
.table-wrap{margin-bottom:16px;overflow-x:auto}
.table-wrap table tbody tr:first-child td{border-top:0}
.panel .table-wrap{box-shadow:none;border-radius:14px}
.filters{gap:9px;margin-bottom:16px;padding:10px;border:1px solid var(--ct-line);border-radius:16px;box-shadow:var(--ct-shadow-card)}
.filters input,.filters select{min-height:36px;font-size:13px;padding:7px 12px}
.filters button{min-height:36px}
.filter-count{font-size:12.5px;padding:0 6px}
.ct-toolbar{gap:9px}
.main[data-r9-route=contacts]>.ct-toolbar{border-radius:14px;padding:10px 12px}

/* ---------- Вкладки ---------- */
.tabs,.r9-mail-tabs{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:0 0 18px;padding:5px;border:1px solid var(--ct-line);border-radius:15px;background:color-mix(in srgb,var(--ct-surface) 72%,transparent);box-shadow:var(--ct-shadow-card);backdrop-filter:blur(8px)}
.tabs button,.r9-mail-tabs .button{min-height:34px;padding:6px 15px;border:0!important;border-radius:11px;box-shadow:none;background:transparent!important;color:var(--ct-muted)!important;font-weight:650;transform:none!important}
.tabs button:hover,.r9-mail-tabs .button:hover{color:var(--ct-text)!important;background:var(--ct-soft)!important;box-shadow:none}
.tabs button.active,.r9-mail-tabs .sm-current,.tabs button.active:hover,.r9-mail-tabs .sm-current:hover{background:var(--ct-grad)!important;color:var(--ct-accent-text)!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 8px 18px -8px var(--ct-glow)}
.page-head+.actions,.actions.no-print{margin-bottom:16px}

/* ---------- Метки и лампочки (цвета и смысл прежние) ---------- */
.pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:650;line-height:1.5}
.r11-lamp{width:10px;height:10px;margin-right:8px}
.r11-lamp.green{box-shadow:0 0 0 3px rgb(37 139 69/.2),0 0 10px rgb(37 139 69/.55)}
.r11-lamp.amber{box-shadow:0 0 0 3px rgb(230 160 36/.26),0 0 10px rgb(230 160 36/.6)}
.r11-lamp.red{box-shadow:0 0 0 3px rgb(212 72 72/.22),0 0 10px rgb(212 72 72/.6)}
.flag{border-radius:10px}

/* ---------- Карточка записи ---------- */
.detail-grid{gap:18px}
.fields-view{gap:18px 24px}
.field-view dt{font-size:12px;margin-bottom:3px}
.field-view dd{font-size:14px;line-height:1.5;font-weight:500}
:where(#detail-content)>section{margin-bottom:14px}
:where(#detail-content) h2{margin:20px 0 10px}
:where(#detail-content) h3{margin:20px 0 8px}
:where(#detail-content)>.actions,:where(#detail-content) section>.actions{margin:12px 0 4px}
.timeline-event{border-left:2px solid var(--ct-soft-strong);padding:0 0 18px 16px}
.lf-origin{border-radius:14px;border-left-width:3px;padding:18px 20px}
.lf-message{font-size:15px;line-height:1.6}
.wx-event{border-color:var(--ct-line);padding:14px 16px;transition:background-color .14s}
.wx-event:hover{background:var(--ct-faint)}
html[data-pf-theme] .wx-unread,.wx-unread{border-left:3px solid var(--ct-accent);background:var(--ct-soft)}

/* ---------- Почта ---------- */
.r9-mail-shell,.r11-comm-shell{border:1px solid var(--ct-line);border-radius:var(--ct-r-card);box-shadow:var(--ct-shadow-card)}
.r9-mail-rail{background:var(--ct-faint)}
.r9-mail-rail h2{font-size:11.5px;text-transform:none;letter-spacing:0}
.r9-mailbox{border-radius:12px;padding:10px 9px;transition:background-color .14s,transform .16s var(--ct-ease)}
.r9-mailbox:hover{transform:translateX(2px)}
.r9-mailbox.is-active{background:var(--ct-surface);box-shadow:0 0 0 1px var(--ct-line),0 8px 18px -10px color-mix(in srgb,var(--ct-text) 40%,transparent)}
.r9-mailbox small{font-size:11px}
.r9-mail-list #sm-content>details.mx-conversation>summary{padding:14px 44px 14px 14px;min-height:0;transition:background-color .14s}
.r9-mail-row-top strong{font-size:13.5px}
.r9-mail-row-top time{font-size:11px}
.r9-mail-subject{font-size:12.5px}
.r9-mail-placeholder>svg{background:var(--ct-grad);color:var(--ct-accent-text);box-shadow:0 14px 28px -10px var(--ct-glow)}
.r11-conversation-row{padding:14px 16px;transition:background-color .14s}
.r11-comm-list .active{background:var(--ct-soft);box-shadow:inset 3px 0 var(--ct-accent)}
/* Письма: красный = входящее, зелёный = исходящее — как раньше, но цветной полосой и мягкой подсветкой вместо толстой рамки. */
article.timeline-event.mr-mail.mr-outgoing,article.timeline-event.mr-mail.mr-incoming{border:1px solid color-mix(in srgb,var(--mr-color) 30%,var(--ct-surface));border-left:5px solid var(--mr-color);border-radius:16px;padding:18px 20px;margin:12px 0;box-shadow:0 14px 30px -20px var(--mr-color);background:linear-gradient(180deg,color-mix(in srgb,var(--mr-color) 6%,var(--ct-surface)),var(--ct-surface) 90px)}
.mx-conversation:not([open]):has(>.mr-mail){border:1px solid color-mix(in srgb,var(--mr-color) 30%,var(--ct-surface));border-left:5px solid var(--mr-color);border-radius:12px;padding:8px 12px}
.mx-conversation[open]:has(>.mr-mail)>summary{border-left:5px solid var(--mr-color);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--mr-color) 7%,var(--ct-surface))}
.mr-mail.timeline-event pre,.r8-mail-text{font-size:14.5px;line-height:1.65}
.mx-toolbar{border-color:var(--ct-line-strong);border-radius:12px 12px 0 0;padding:8px}
.mx-toolbar button{min-height:30px;padding:4px 9px;box-shadow:none}
.mx-body{border-color:var(--ct-line-strong);border-radius:0 0 12px 12px}
.mx-file{border-color:var(--ct-line);border-radius:12px}
.sm-from{border-radius:12px}

/* ---------- Окна и уведомления ---------- */
dialog{border:1px solid var(--ct-line);border-radius:22px;box-shadow:var(--ct-shadow-pop)}
dialog[open]{animation:ct-pop .26s var(--ct-ease)}
dialog::backdrop{background:color-mix(in srgb,var(--ct-text) 46%,transparent);backdrop-filter:blur(7px);animation:ct-fade .22s ease-out}
dialog header{padding:18px 24px;border-bottom:1px solid var(--ct-line)}
dialog header h2{font-size:18px}
dialog header button{border-radius:999px;min-height:34px}
dialog footer{padding:14px 24px;border-top:1px solid var(--ct-line)}
.form-body{padding:22px 24px;gap:16px 18px}
.form-body label{font-size:12.5px;font-weight:650;gap:6px;color:var(--ct-muted)}
.form-body input,.form-body select,.form-body textarea{font-size:14px;color:var(--ct-text);font-weight:400}
.form-body select{height:40px}
.error{border-radius:11px;padding:10px 12px;font-size:13px;color:var(--ct-danger);background:color-mix(in srgb,var(--ct-danger) 9%,var(--ct-surface))}
#toast{bottom:24px;right:24px;padding:13px 18px;border-radius:14px;font-size:13.5px;font-weight:600;color:#fff;background:color-mix(in srgb,#0b1730 88%,transparent);backdrop-filter:blur(12px);border:1px solid rgb(255 255 255/.14);box-shadow:var(--ct-shadow-pop);z-index:60;animation:ct-toast .28s var(--ct-ease)}

/* ---------- Воронка ---------- */
.lane{border-radius:var(--ct-r-card);padding:12px;border:1px solid var(--ct-line)}
.deal-card{border-radius:14px;border-color:var(--ct-line);padding:14px;box-shadow:0 1px 2px color-mix(in srgb,var(--ct-text) 8%,transparent);transition:transform .18s var(--ct-ease),box-shadow .18s,border-color .18s}
.deal-card:hover{transform:translateY(-3px);box-shadow:var(--ct-shadow-lift);border-color:color-mix(in srgb,var(--ct-accent) 40%,var(--ct-surface))}
.deal-card .card-value{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;margin:12px 0}

/* ---------- Вход ---------- */
.login{background:radial-gradient(700px 480px at 85% 0%,rgb(36 87 245/.14),transparent 70%),radial-gradient(520px 380px at 100% 100%,rgb(255 196 92/.16),transparent 70%),#f3f6fc}
.login-story{position:relative;overflow:hidden;margin:16px;border-radius:28px;padding:54px 60px;box-shadow:0 30px 70px -30px rgb(11 26 58/.7)}
.login-story::before{content:"";position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(520px 380px at 0% 0%,rgb(255 208 120/.3),transparent 70%),
 linear-gradient(rgb(255 255 255/.07) 1px,transparent 1px) 0 0/100% 56px,
 linear-gradient(90deg,rgb(255 255 255/.07) 1px,transparent 1px) 0 0/56px 100%,
 linear-gradient(180deg,rgb(11 26 58/.3),rgb(11 26 58/.82))}
.login-story>*{position:relative}
.login-story .line{height:4px;width:72px;border-radius:4px;background:linear-gradient(90deg,#ffd078,#7fd4ff)}
.login-story h1{font-size:50px;font-weight:800;letter-spacing:-.035em;line-height:1.05}
.login-story .brand{border-radius:16px}
.login-form{max-width:440px;padding:38px 36px;border-radius:26px;background:#fff;border:1px solid rgb(15 27 51/.08);box-shadow:0 40px 90px -40px rgb(15 27 51/.45),0 2px 6px rgb(15 27 51/.05);animation:ct-rise .5s var(--ct-ease) both}
.login-form h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}
.login-form label{margin:16px 0;font-size:13px;font-weight:650}
#login input{min-height:46px;padding:10px 14px;margin-top:6px;border-radius:13px;font-size:15px}
#login button.primary{min-height:48px;font-size:15px;border-radius:13px;margin-top:8px}
.r11-spaces{gap:5px;padding:5px;border:1px solid var(--ct-line);border-radius:16px;background:var(--ct-faint);margin-bottom:22px}
.r11-spaces span{min-height:50px;border:0;border-radius:12px;background:transparent;font-size:13px;transition:background-color .16s,color .16s,box-shadow .16s}
.r11-spaces input:checked+span{background:var(--ct-grad);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 10px 20px -8px var(--ct-glow)}

/* ---------- Годовая сводка ---------- */
.ms-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;width:fit-content;max-width:100%}
.ms-controls label{display:grid;gap:5px;font-size:12.5px;font-weight:650;color:var(--ct-muted)}
.ms-controls select{min-width:160px;font-weight:500;color:var(--ct-text)}
.ms-hint{margin:6px 2px}
.ms-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.ms-result-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.ms-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px;margin-bottom:24px}
.ms-kpi{position:relative;border:1px solid var(--ct-line);border-radius:16px;background:var(--ct-surface);padding:15px 17px;min-width:0;box-shadow:var(--ct-shadow-card);transition:transform .2s var(--ct-ease),box-shadow .2s}
.ms-kpi:hover{transform:translateY(-3px);box-shadow:var(--ct-shadow-lift)}
.ms-kpi span{display:block;font-size:12px;color:var(--ct-muted);line-height:1.35}
.ms-kpi strong{display:block;margin-top:6px;font-size:22px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ms-kpi small{display:block;margin-top:3px;font-size:11.5px;color:var(--ct-muted)}
.ms-kpi-main{background:var(--ct-grad);border-color:transparent;color:var(--ct-accent-text);box-shadow:inset 0 1px 0 rgb(255 255 255/.3),0 18px 36px -14px var(--ct-glow)}
.ms-kpi-main span,.ms-kpi-main small{color:inherit;opacity:.86}
.ms-section-title{margin:24px 0 12px;font-size:15.5px}
.ms-buyer{padding:0;margin-bottom:14px;overflow:hidden}
.ms-buyer-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:16px 20px}
.ms-buyer-who{display:grid;gap:2px;min-width:0}
button.ms-buyer-name.ms-buyer-name{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ct-text);text-align:left;justify-content:flex-start;overflow-wrap:anywhere;transform:none}
button.ms-buyer-name.ms-buyer-name:hover{color:var(--ct-accent-ink);background:transparent;text-decoration:underline;text-underline-offset:3px}
.ms-buyer-person{font-size:13px}
.ms-buyer-contact{font-size:13px;color:var(--ct-muted);overflow-wrap:anywhere}
.ms-buyer-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;font-size:13px;color:var(--ct-muted)}
.ms-buyer-sum b{color:var(--ct-text);font-variant-numeric:tabular-nums}
.ms-buyer-sum .ms-big{font-size:19px;letter-spacing:-.02em}
.ms-buyer .table-wrap{border:0;border-top:1px solid var(--ct-line);border-radius:0;box-shadow:none;margin:0}
.ms-num{text-align:right;white-space:nowrap}
.ms-credit td{color:var(--ct-danger)}
.ms-year tr.ms-current td{background:var(--ct-soft);font-weight:700}
.ms-year tr.ms-empty-month td{color:color-mix(in srgb,var(--ct-text) 45%,var(--ct-surface))}
.ms-year tfoot td{font-weight:800;border-top:2px solid var(--ct-line-strong);background:var(--ct-faint)}
.ms-note{margin-top:10px;max-width:760px}
}
@media screen and (min-width:701px){
 /* Плавающее меню и стеклянная шапка — только на широких экранах; мобильное меню работает как раньше. */
 .sidebar{margin:12px 0 12px 12px;height:calc(100vh - 24px);top:12px;border-radius:24px;box-shadow:0 26px 60px -24px color-mix(in srgb,var(--pf-menu,#0b1a3a) 80%,transparent),0 0 0 1px rgb(255 255 255/.06) inset}
 html[data-pf-theme] .workspace .topbar{position:sticky;top:12px;z-index:25;margin:12px 18px 0;border:1px solid color-mix(in srgb,var(--ct-surface) 60%,var(--ct-line));border-radius:20px;background:color-mix(in srgb,var(--ct-surface) 74%,transparent);backdrop-filter:blur(16px) saturate(1.6);box-shadow:var(--ct-shadow-card)}
}
@media screen and (max-width:1350px){.main{padding:22px 20px 44px}}
@media screen and (max-width:900px){.login-story{margin:0;border-radius:0}}
@media screen and (max-width:700px){
 .main{padding:18px 14px 32px}h1{font-size:23px}.page-head{align-items:flex-start}
 .topbar{height:auto;min-height:60px;padding:10px 14px}
 .tabs,.r9-mail-tabs{flex-wrap:nowrap;overflow-x:auto;width:auto}
 .panel{padding:16px}
 .ms-controls{width:auto}.ms-controls label{flex:1 1 120px}.ms-controls select{min-width:0;width:100%}
 .ms-buyer-head{padding:12px 14px}
 .login-form{padding:28px 20px;border-radius:20px;margin:14px;width:auto}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}