/* Волна 6 (10.10.2026): меню, задачи, компании, профиль, лиды. Цвета — через переменные темы. */

/* Меню слева */
@media(min-width:768px){.sidebar-top{display:none}.sidebar{padding-top:14px}}
.side-nav{gap:3px}
.side-nav a{position:relative;min-height:42px}
.side-nav-sep{display:block;height:1px;background:var(--line);margin:8px 12px}
.side-nav .nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:800;line-height:20px;box-shadow:0 0 0 2px var(--surface)}
.sidebar .sidebar-user{gap:8px;padding:10px 12px;margin-top:auto}
.sidebar .sidebar-user-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.sidebar .sidebar-user-name,.sidebar .sidebar-user-role{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar .sidebar-user-name{font-size:13px;line-height:1.3}
.sidebar .sidebar-user-role{font-size:11.5px;line-height:1.3}
@media(min-width:768px) and (max-width:1100px){.sidebar .sidebar-user-text{display:none}.sidebar .sidebar-user{justify-content:center}.side-nav .nav-badge{position:absolute;top:3px;right:6px;min-width:18px;height:18px;line-height:18px;font-size:10px;padding:0 4px}}

/* Окно профиля */
dialog.user-dialog{width:min(360px,calc(100vw - 32px));padding:22px 18px 14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px #0b142a55}
dialog.user-dialog:focus,dialog.user-dialog:focus-visible{outline:none}
dialog.user-dialog .user-dialog-head{display:block;margin:0 40px 14px 6px}
dialog.user-dialog .user-dialog-head h2{margin:0;font-size:18px;line-height:1.3}
.user-dialog-role{margin:3px 0 0;font-size:13px;font-weight:600;color:var(--muted)}
.user-dialog-mail{margin:2px 0 0;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
dialog.user-dialog .user-dialog-actions{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--line)}
dialog.user-dialog .user-dialog-actions form{margin:0}
dialog.user-dialog .user-dialog-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--ink);font:inherit;font-size:14px;font-weight:650;text-decoration:none;text-align:left;cursor:pointer}
dialog.user-dialog .user-dialog-item:hover{background:var(--soft);color:var(--ink)}
dialog.user-dialog .user-dialog-item:focus{outline:none}
dialog.user-dialog .user-dialog-item:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
dialog.user-dialog .user-dialog-item .ui-icon{width:19px;height:19px;color:var(--muted);flex:none}
dialog.user-dialog .user-dialog-item.is-danger,dialog.user-dialog .user-dialog-item.is-danger .ui-icon{color:#f07a86}
html[data-theme="light"] dialog.user-dialog .user-dialog-item.is-danger,html[data-theme="light"] dialog.user-dialog .user-dialog-item.is-danger .ui-icon{color:#c42b3c}
dialog.user-dialog .user-dialog-item.is-danger:hover{background:#e5484d1a}
dialog.user-dialog .user-dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
dialog.user-dialog .user-dialog-close:hover{background:var(--soft);color:var(--ink)}
dialog.user-dialog .user-dialog-close .ui-icon{width:18px;height:18px}
@media(max-width:767px){dialog.user-dialog{margin:auto auto 0;width:100vw;max-width:100vw;border-radius:20px 20px 0 0}}

/* Общие кнопки и формы */
.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.field{position:relative}
html body .field .field-clear{align-self:flex-end;min-height:0;margin-top:0;padding:2px 2px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--primary-strong);font-size:12px;font-weight:650;text-decoration:none!important;cursor:pointer}
html[data-theme="light"] body .field .field-clear{color:#4b4ec0}
html body .field .field-clear:hover{background:transparent;border:0;opacity:.75;text-decoration:none}

/* Новая задача */
.task-form-page,.form-page.task-form-page{max-width:none;width:100%}
.tf-card{padding:20px 22px}
.tf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.tf-head h1{margin:0 0 2px;font-size:24px;line-height:1.2}
.tf-head .subtitle{font-size:13px}
.tf-priority{flex:none}
.tf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:start}
.tf-span-1{grid-column:span 1;min-width:0}.tf-span-2{grid-column:span 2;min-width:0}.tf-span-4{grid-column:1/-1;min-width:0}
.tf-grid .field{gap:5px}
.tf-grid label,.tf-grid .field-label{font-size:12.5px}
.tf-grid .field-label{margin-bottom:5px}
.tf-people{gap:6px}
.tf-people .chip-choice span{min-height:34px;padding:0 12px;font-size:12.5px}
.tf-control .chip-choice input:checked+span{border-color:#1d9fb2;background:#1d9fb21f}
.tf-grid textarea{min-height:76px}
.tf-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:900px){.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-span-2{grid-column:1/-1}}
@media(max-width:767px){.tf-card{padding:16px}.tf-head{flex-direction:column;gap:12px}.tf-priority{align-self:stretch}.tf-grid .tf-link{grid-column:1/-1}.tf-foot{flex-direction:column;align-items:stretch}.tf-foot .help{display:none}.tf-foot .inline-actions .button{flex:1}}

/* Карточка задачи */
.task-detail-heading{margin-bottom:16px}
.task-detail-heading h1{font-size:26px}
.task-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.task-layout>.card+.card{margin-top:0}
.task-layout>.card,.task-history{padding:18px 20px}
.task-layout h2,.task-history h2{margin:0;font-size:17px}
.essence-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,240px);gap:18px;margin-top:12px}
.essence-label,.essence-side dt{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.essence-text{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.essence-main .meta{margin:0}
.essence-side{display:grid;gap:12px;align-content:start;margin:0;padding-left:18px;border-left:1px solid var(--line);font-size:13.5px}
.essence-side dd{margin:0;overflow-wrap:anywhere}
.essence-side dd strong{font-size:15px}
.essence-side dd.is-overdue,.essence-side dd.is-overdue strong{color:#e5484d}
.task-work-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.task-work-head .task-status-actions{margin:0;justify-content:flex-end;gap:6px}
.task-status-actions .button{min-height:36px;padding:7px 13px;font-size:13px}
.task-comment-form{display:grid;gap:8px}
.task-comment-form textarea{min-height:68px}
.task-comment-form>.button{justify-self:end;min-height:36px;padding:7px 14px;font-size:13px}
.task-history{margin-top:16px}
.task-new{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:6px;background:#e5484d;color:#fff;font-size:11px;font-weight:800;vertical-align:1px}
@media(max-width:1000px){.task-layout{grid-template-columns:1fr}}
@media(max-width:600px){.essence-grid{grid-template-columns:1fr}.essence-side{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.task-work-head .task-status-actions{width:100%;justify-content:stretch}.task-work-head .task-status-actions form{flex:1}.task-work-head .task-status-actions .button{width:100%}}

/* Компании */
.client-table table{min-width:1000px}
.client-table th{white-space:nowrap}
.client-table th,.client-table td{padding:12px 14px}
.client-table .meta{margin-top:2px;font-size:12px}
.client-table .meta a{color:inherit;text-decoration:none}
.client-table .meta a:hover{color:var(--primary)}
.client-overdue{color:#e5484d!important;font-weight:650}
.client-table .client-actions{width:96px;white-space:nowrap}
.client-table .client-actions form{display:inline-block}
@media(max-width:767px){.client-table table{min-width:0}.client-table .client-actions{width:auto}}
.client-contact-card{padding:18px 20px;margin-bottom:16px}
.contact-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.contact-card-head h2{margin:0;font-size:17px}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;margin:0}
.contact-grid dt{margin-bottom:3px;font-size:11.5px;color:var(--muted)}
.contact-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.client-contact-card>.meta{margin:0}
@media(max-width:767px){.contact-grid{grid-template-columns:1fr 1fr}}

/* Добавить клиента */
.form-section-heading.with-aside{justify-content:space-between;align-items:flex-start;gap:16px}
.form-section-title{display:flex;align-items:center;gap:12px}
.pl-toggle{position:relative;flex:none;cursor:pointer}
.pl-toggle input{position:absolute;opacity:0;pointer-events:none}
.pl-toggle span{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:650;color:var(--muted);transition:background .16s,border-color .16s,color .16s}
.pl-toggle b{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--line);border-radius:6px;font-size:11px;color:transparent}
.pl-toggle input:checked+span{border-color:var(--primary);background:var(--soft);color:var(--ink)}
.pl-toggle input:checked+span b{border-color:var(--primary);background:var(--primary);color:#fff}
.pl-toggle input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.form-page form .field-grid.three,.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-create-card .inline-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:767px){.form-section-heading.with-aside{flex-direction:column}.form-page form .field-grid.three,.field-grid.three{grid-template-columns:1fr}.client-create-card .inline-actions .button{flex:1}}

/* KPI: шкала квартала */
.kpi-hero{position:relative}
.kpi-hero .kpi-hero-state{position:absolute;top:20px;right:22px;margin:0}
.kpi-hero .kpi-hero-state .status{font-size:12.5px;padding:6px 12px}
.kpi-hero .eyebrow{padding-right:170px;font-size:13px}
.kpi-hero .kpi-time{max-width:none;margin-top:14px}
.kpi-hero .kpi-time-bar{height:12px}
.kpi-hero .kpi-time small{margin-top:10px;font-size:14px;font-weight:650;color:var(--ink)}
.kpi-hero .kpi-ring{margin-top:34px}
@media(max-width:767px){.kpi-hero .kpi-hero-state{position:static;margin:0 0 10px}.kpi-hero .eyebrow{padding-right:0}.kpi-hero .kpi-ring{margin-top:0}}

/* Профиль */
.card.profile-compact{max-width:none;padding:18px 20px}
.profile-compact-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:14px}
.profile-compact-head h2{margin:0;font-size:18px}
.profile-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px 16px;align-items:end}
.profile-email{display:flex;align-items:center;min-height:44px;margin:0;padding:0 12px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.profile-compact-save .button{min-height:44px}
@media(max-width:900px){.profile-compact-grid{grid-template-columns:1fr 1fr}.profile-compact-save{grid-column:1/-1}}
@media(max-width:600px){.profile-compact-grid{grid-template-columns:1fr}.profile-compact-save .button{width:100%}}
.team-email{color:var(--ink);text-decoration:none}
.team-email:hover{color:var(--primary)}

/* Дашборд: заходы в платформу */
.dash-tile .dashboard-alerts>.login-stats{display:block;grid-column:1/-1;min-height:0;padding:12px 14px 6px}
.login-stats h3{margin:0 0 6px;font-size:11.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.login-stats ul{display:grid;margin:0;padding:0;list-style:none}
.login-stats li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.login-stats li:first-child{border-top:0}
.login-name{display:flex;flex-direction:column;min-width:0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.login-name small{font-size:11.5px;font-weight:500;color:var(--muted)}
.login-stats time{font-size:12.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.login-dot{width:8px;height:8px;border-radius:50%;background:#8a96ab}
.login-online .login-dot{background:#1fbf7a;box-shadow:0 0 0 3px #1fbf7a33}
.login-online time{color:#1fa36b;font-weight:700}
.login-today .login-dot{background:#4f7cf0}
.login-today time{color:var(--ink)}
.login-old .login-dot,.login-never .login-dot{background:#e5484d}
.login-never time{color:#e5484d}

/* Активности: «Все продукты» */
.chip-all span{border-style:dashed}

/* Администрирование: компактные счётчики + список заходов */
.dash-tile[data-widget="admin"] .dashboard-alerts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto}
.dash-tile[data-widget="admin"] .dashboard-alerts>a{grid-template-columns:1fr;gap:2px;min-height:0;padding:8px 10px;align-content:start}
.dash-tile[data-widget="admin"] .dashboard-alerts>a>strong{font-size:18px}
.dash-tile[data-widget="admin"] .dashboard-alerts>a>span:nth-child(2){font-size:11.5px;line-height:1.3;color:var(--muted)}
.dash-tile[data-widget="admin"] .dashboard-alerts>a>span:last-child{display:none}
.dash-tile[data-widget="admin"] .dashboard-alerts>.login-stats{border:0;padding:6px 2px 0}

/* Шире боковое меню, чтобы имя и должность помещались в одну строку */
@media(min-width:1101px){.app-layout{grid-template-columns:244px minmax(0,1fr)}}
.team-email{white-space:nowrap}
.settings-page td .status,.table-wrap td .status.good{white-space:nowrap}

/* Форма встречи, блок 2: тип встречи справа сверху, компактная сетка */
.mf-section .form-section-heading.with-aside{align-items:flex-start}
.mf-kind{flex:none}
.mf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:start}
.mf-col{min-width:0}.mf-half{grid-column:span 2;min-width:0}.mf-full{grid-column:1/-1}
.mf-grid textarea{min-height:110px}
@media(max-width:1000px){.mf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mf-grid{grid-template-columns:1fr}.mf-half{grid-column:auto}.mf-kind{align-self:stretch}}

/* Материалы CSM: переключатель Все / Мои в одну линию с поиском */
.mat-search{align-items:flex-end}
.mat-search>.button{min-height:44px}
.scope-switch{display:inline-flex;align-items:center;gap:4px;height:44px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);flex:none}
.scope-switch a{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 14px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:650;text-decoration:none;transition:background .16s,color .16s}
.scope-switch a:hover{color:var(--ink);background:var(--soft)}
.scope-switch a.is-active{background:var(--primary);color:#fff}
.scope-switch b{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;text-align:center}
.scope-switch a.is-active b{background:#ffffff33;color:#fff}
@media(max-width:767px){.mat-search{flex-wrap:wrap}.mat-search>.field{flex:1 1 100%}.scope-switch{flex:1}.scope-switch a{flex:1;justify-content:center}}

.login-note{margin:-2px 0 6px;font-size:11.5px;line-height:1.4;color:var(--muted)}
/* 11.10: Администрирование — только заходы, все сотрудники видны */
.dash-tile[data-widget="admin"] .admin-logins{display:block!important}
.dash-tile[data-widget="admin"] .admin-logins>.login-stats{padding:0 2px}
.dash-tile[data-widget="admin"] .login-stats li{padding:6px 0}
/* 11.10, 00:58: один столбец, имя и должность целиком */
.dash-tile[data-widget="admin"] .login-stats ul{grid-template-columns:1fr}
.dash-tile[data-widget="admin"] .login-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-tile[data-widget="admin"] .login-stats li{grid-template-columns:10px minmax(0,1fr) auto;gap:12px}
/* 11.10: исполнители и контролирующие — по ширине строки */
.tf-people .chip-choice{flex:1 1 auto}
.tf-people .chip-choice span{width:100%;justify-content:center}
/* 11.10: дата и время на iPhone не вылезают за поле */
@media(max-width:767px){
input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;height:46px;min-height:46px;line-height:1.3;text-align:left}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;margin:0}
.tf-grid>*,.field-grid>*,.field{min-width:0}
}

/* Заходы: строка в одну линию — имя · должность — дата, чтобы вся команда помещалась в плитку */
.dash-tile[data-widget="admin"] .login-stats li{padding:6px 0;font-size:13px}
.dash-tile[data-widget="admin"] .login-name{flex-direction:row;align-items:baseline;gap:8px}
.dash-tile[data-widget="admin"] .login-name small{flex:none;font-size:12px}
.dash-tile[data-widget="admin"] .dashboard-panel-head{margin-bottom:6px}

/* Заходы: роль отдельным столбцом левее даты */
.dash-tile[data-widget="admin"] .login-stats li{grid-template-columns:10px minmax(0,1fr) 132px 128px;gap:12px}
.login-role{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-tile[data-widget="admin"] .login-stats time{text-align:right}
/* Кнопка «Обновить» на дашборде — только на телефоне, в свободной ячейке */
.dash-refresh{display:none}
.dash-refresh span{font-size:17px;line-height:1}
@media(max-width:767px){.dashboard-quick-actions .dash-refresh{display:inline-flex}}

/* Заходы на телефоне: одна строка на человека — имя, роль, дата без наложений */
.login-stats .lg-short{display:none}
@media(max-width:767px){
.dash-tile[data-widget="admin"] .login-stats li{grid-template-columns:8px minmax(0,1fr) 74px 84px;gap:8px;font-size:13px}
.login-stats .lg-full{display:none}.login-stats .lg-short{display:inline}
.dash-tile[data-widget="admin"] .login-role{font-size:12px}
.dash-tile[data-widget="admin"] .login-stats time{font-size:12px}
.login-dot{width:8px;height:8px}
}

/* Telegram в профиле */
.tg-card{margin-top:16px;padding:20px 22px}
.tg-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.tg-head h2{margin:0;font-size:18px}.tg-head .meta{margin:2px 0 0}
.tg-status{margin-left:auto}
.tg-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2aabee;color:#fff;flex:none}
.tg-badge .tg-plane{width:22px;height:22px;margin-left:-2px}
.tg-connect{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tg-connect .meta{margin:0;max-width:520px}
html body .button.tg-button{background:#2aabee;border-color:#2aabee;color:#fff;gap:10px}
html body .button.tg-button:hover{background:#229ed9;border-color:#229ed9;color:#fff}
.tg-button .tg-plane{width:18px;height:18px}
.tg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px;align-items:start}
.tg-grid h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.tg-mandatory{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tg-mandatory li{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:13.5px}
.tg-mandatory li span{font-size:12px;color:var(--muted)}
.tg-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:12px}
.tg-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:500}
.tg-option input{margin-top:2px;flex:none}
.tg-option span{display:flex;flex-direction:column;font-size:13.5px}.tg-option small{font-size:12px;color:var(--muted);font-weight:400}
.tg-quiet{margin:14px 0 0}
.tg-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.tg-off{color:#e5484d!important}
.norm-card{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 16px;padding:16px 20px}
.norm-card h3{margin:0 0 4px}.norm-card .meta{margin:0;max-width:640px}
.norm-input{display:flex;align-items:center;gap:10px}.norm-input input{width:90px}
@media(max-width:767px){.tg-grid{grid-template-columns:1fr}.tg-head{flex-wrap:wrap}.tg-status{margin-left:0}}

/* 11.10: телефон — одинаковые кнопки, шапка задачи, эффект нажатия */
@media(max-width:767px){
.section-heading:has(>.actions){flex-direction:column;align-items:stretch}
.section-heading>.actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:0;width:100%}
.section-heading>.actions>.button,.section-heading>.actions>form>.button{width:100%;min-height:44px;padding:10px 8px;font-size:13px}
.section-heading>.actions>form{margin:0;display:flex}
.section-heading>.actions>.button,.section-heading>.actions>form>.button{white-space:normal;text-align:center;line-height:1.2}
.section-heading>.actions:has(>.status){display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}
.section-heading>.actions:has(>.status)>.button{width:auto;padding:9px 16px}
.task-work-head .task-status-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%}
.task-work-head .task-status-actions form{display:flex;margin:0}
.task-work-head .task-status-actions .button{width:100%;min-height:44px;padding:8px 6px;white-space:normal;text-align:center;line-height:1.2}
}
@media(hover:none),(max-width:767px){
.button,.kpi-tile,.lead-tile,.dashboard-task,.team-bar-row,.dashboard-compact-link,.chip,.side-nav a,.icon-button,.tabs a{transition:transform .09s ease,filter .09s ease,background .16s,color .16s,border-color .16s,box-shadow .16s}
.button:active,.kpi-tile:active,.lead-tile:active,.dashboard-task:active,.team-bar-row:active,.dashboard-compact-link:active,.chip:active,.side-nav a:active,.icon-button:active,.tabs a:active{transform:scale(.97);filter:brightness(.92)}
.button.secondary:active{background:var(--bg)}
}
/* 11.10: на телефоне полное название платформы */
@media(max-width:767px){.brand-short{white-space:nowrap;font-size:15px;letter-spacing:-.01em}.brand{min-width:0}}
@media(max-width:360px){.brand-short{font-size:13.5px}}
/* 12.10: переключатель «Один / Списком» в форме лида */
.lead-mode{flex:none;align-self:flex-start;height:40px}.lead-mode a{padding:0 14px}
@media(max-width:767px){.section-heading:has(>.lead-mode){flex-direction:row;align-items:flex-start;flex-wrap:nowrap}.lead-mode{height:38px}.lead-mode a{padding:0 10px;font-size:12.5px}}
/* 12.10: мгновенный отклик на переход — тонкая полоса загрузки сверху */
.nav-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:var(--primary);box-shadow:0 0 8px var(--primary);opacity:0;pointer-events:none}
html.is-navigating .nav-progress{opacity:1;animation:nav-progress 1.6s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes nav-progress{0%{width:0}30%{width:45%}100%{width:88%}}
/* 12.10: без обводки у кнопок меню после нажатия */
.menu-toggle,.menu-close{outline:none!important;box-shadow:none!important}
.menu-toggle:focus,.menu-close:focus,.menu-toggle:focus-visible,.menu-close:focus-visible{outline:none!important;box-shadow:none!important}

/* 12.10: Материалы и значок iPhone */
.push-card .push-status{font-weight:650;margin:6px 0 10px}
.push-card .push-status.is-ok{color:#15803d}
.push-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
/* Материалы CSM: плитки как в «Протоколах», карточка материала, несколько файлов */
.mat-list{display:grid;gap:12px}
.mat-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)}
.mat-item:hover{border-color:#c7cbe9;box-shadow:var(--shadow);color:var(--ink)}
.mat-item .mat-type{flex:none;margin-top:2px}
.mat-item-body{display:grid;gap:4px;min-width:0;flex:1}
.mat-item h3{margin:0;font-size:16px;line-height:1.35}
.mat-item p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mat-item .meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12.5px}
.mat-hint{font-size:12px;text-align:center;margin-top:14px}
@media(hover:hover) and (pointer:fine){.mat-hint{display:none}}
.mat-head{margin-bottom:18px}
.mat-head h1{margin:0 0 6px}
.mat-desc{margin:10px 0 0;line-height:1.6}
.mat-head-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mat-head-actions form{margin:0}
.mat-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.mat-file{padding:16px;display:grid;gap:12px}
.mat-file-preview{display:block;border-radius:10px;overflow:hidden;background:var(--bg);max-height:220px}
.mat-file-preview img{display:block;width:100%;height:100%;max-height:220px;object-fit:cover}
.mat-file-row{display:flex;gap:12px;align-items:center;min-width:0}
.mat-file-name{display:grid;min-width:0}
.mat-file-name strong{overflow-wrap:anywhere;font-size:14.5px;line-height:1.35}
.mat-file-name .meta{font-size:12px}
.mat-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mat-file-actions .button{width:100%;min-height:40px;padding:8px 10px;font-size:13.5px}
.mat-current{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mat-current li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mat-current-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.mat-remove{display:flex;align-items:center;gap:6px;font-size:13px;color:#c62f3a;white-space:nowrap;font-weight:600}
.mat-picked{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--muted)}
.mat-picked .is-bad{color:#c62f3a}
.mat-danger{text-align:center;margin-top:16px}
@media(max-width:767px){.mat-files{grid-template-columns:1fr}.mat-item{padding:14px}}
/* 12.10: единые плитки (как в «Протоколах») */
.tile-list{display:grid;gap:12px}
.tile{display:grid;gap:5px;padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);min-width:0}
.tile:hover{border-color:#c7cbe9;box-shadow:var(--shadow);color:var(--ink)}
.tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tile-top h3{margin:0;font-size:15.5px;line-height:1.35;overflow-wrap:anywhere;color:var(--ink)}
.tile-top .status{flex:none;margin-top:1px}
.tile-meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12.5px;color:var(--muted)}
.tile p{margin:2px 0 0;color:var(--muted);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-danger{color:#c62f3a;font-weight:650}
.proto-owner{color:var(--primary-strong);font-weight:700}
/* приветствие на главной — строго в одну строку */
.dash-greeting{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(19px,6.4vw,40px)!important;letter-spacing:-.03em}
/* PL без подчёркивания */
h1 abbr,h1 abbr[title]{text-decoration:none;border-bottom:0;cursor:default}
/* материалы: кнопки ровно */
.mat-head-actions{display:grid;grid-template-columns:1fr 1fr;max-width:460px}
.mat-head-actions form,.mat-head-actions .button{width:100%}
.mat-head-actions form .button{width:100%}
@media(max-width:767px){
/* вкладки и фильтры — в одну строку */
.tabs:not(.task-tabs){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0}
.tabs:not(.task-tabs)::-webkit-scrollbar{display:none}
.tabs:not(.task-tabs) a{flex:1 0 auto;white-space:nowrap;justify-content:center;padding:9px 8px;font-size:12.5px}
.period-bar{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
.period-bar::-webkit-scrollbar{display:none}
.period-bar .chip{flex:none;white-space:nowrap}
.filter-main>.button{grid-column:1/-1;width:100%}
.simple-search{flex-wrap:wrap}
.simple-search>.button{flex:1 1 100%;width:100%}
/* меню без крестика: закрывается тапом мимо */
.sidebar-top{display:none!important}
/* заголовки выше */
.main-content{padding-top:14px}
.back-link{margin-bottom:8px}
.section-heading{margin-bottom:16px}
}
.menu-close{display:none!important}

.tl-short{display:none}
@media(max-width:767px){.tl-full{display:none}.tl-short{display:inline}}
/* 12.10: никаких обводок фокуса — выделение цветом */
*:focus,*:focus-visible{outline:none!important}
.side-nav a:focus,.side-nav a:focus-visible{box-shadow:none!important}
.side-nav a:focus-visible:not(.active){background:var(--bg)}
.button:focus-visible{filter:brightness(.95)}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)!important}
/* плитка встречи: «О чём договорились» раскрывается на месте */
.tile.has-more{padding:0;gap:0}
.tile.has-more>.tile-link{display:grid;gap:5px;padding:15px 16px 10px;text-decoration:none;color:var(--ink)}
.tile-more{border-top:1px solid var(--line);margin:0 16px}
.tile-more>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 13px;font-size:13px;font-weight:700;color:var(--primary-strong);cursor:pointer;list-style:none}
.tile-more>summary::-webkit-details-marker{display:none}
.tile-more>summary svg{width:18px;height:18px;transition:transform .2s;flex:none}
.tile-more[open]>summary svg{transform:rotate(180deg)}
.tile-more>div{padding:0 0 14px;font-size:14px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.tile-more[open]>div{animation:tile-open .2s ease}
@keyframes tile-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* задачи «Мне»: статус и «Найти» в одну строку */
@media(max-width:767px){.task-filters.is-compact .filter-main{grid-template-columns:1fr 1fr}.task-filters.is-compact .filter-main>.button{grid-column:auto;align-self:end}}
/* задачи: два списка (исполнитель + статус) в одну строку, «Найти» под ними */
@media(max-width:767px){.task-filters:not(.is-compact) .filter-main{grid-template-columns:1fr 1fr}.task-filters:not(.is-compact) .filter-main .search-field{grid-column:1/-1}}

/* wave7: ЦКП, МКК первым полем */
.ckp-switch{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-weight:650;font-size:14px;cursor:pointer;user-select:none}
.ckp-switch input{position:absolute;opacity:0;width:1px;height:1px}
.ckp-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line);transition:background .16s;flex:none}
.ckp-track::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s}
.ckp-switch input:checked+.ckp-track{background:var(--primary)}
.ckp-switch input:checked+.ckp-track::after{transform:translateX(18px)}
.ckp-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:#5b5ce21f;color:var(--primary);font-size:11.5px;font-weight:800;letter-spacing:.02em}
.mkk-lookup{margin-bottom:14px}
.mkk-lookup .company-lookup-item small{display:block}

/* wave7: оперативка */
.act-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.act-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.act-operative strong{color:#1f8f55}
.act-card.act-operative{border-left-color:#22a463}
.act-operative .act-badge{background:#dcf5e8;color:#1f8f55}
.act-chip.operative{background:#dcf5e8;color:#1f8f55}
.act-rec{display:grid;gap:14px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line))}
.act-rec-head{display:flex;gap:16px;align-items:center;justify-content:space-between}
.act-rec-head h2{margin:0 0 4px;font-size:17px}
.act-rec-head .meta{margin:0}
.act-rec-pick label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}
.act-rec-row{display:flex;gap:8px}
.act-rec-row select{flex:1;min-width:0}
.act-rec-done{margin:0;font-weight:650}
@media(max-width:767px){.act-rec-head{flex-direction:column;align-items:stretch}.act-rec-row{flex-direction:column}}

/* ЦКП — кнопка-отметка перед «Первичная / Повторная» */
.mf-kind{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.mf-kind>.errorlist{flex-basis:100%;text-align:right}
.ckp-toggle{position:relative;cursor:pointer;user-select:none;flex:none}
.ckp-toggle input{position:absolute;opacity:0;pointer-events:none}
.ckp-toggle>span{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);font-weight:650;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.ckp-toggle i{display:grid;place-items:center;width:20px;height:20px;border:2px solid color-mix(in srgb,var(--muted) 60%,transparent);border-radius:6px;color:transparent;transition:background .16s,border-color .16s,color .16s}
.ckp-toggle i svg{width:13px;height:13px}
.ckp-toggle:hover>span{color:var(--ink);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}
.ckp-toggle input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary);box-shadow:0 4px 12px #5d5ee82e}
.ckp-toggle input:checked+span i{background:var(--primary);border-color:var(--primary);color:#fff}
.ckp-toggle input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:767px){.mf-kind{flex-direction:column;align-items:stretch}.ckp-toggle>span{width:100%;justify-content:center}}

/* Активность: тип справа вверху, дата · участники · тема в одну строку */
.act-row3{display:grid;grid-template-columns:180px 150px minmax(0,1fr);gap:16px;margin:0 0 16px}
.act-row3 .field{margin:0}
@media(max-width:767px){.act-row3{grid-template-columns:1fr 1fr}.act-row3 .field:last-child{grid-column:1/-1}}

/* wave8: кнопка «Фильтр» на телефоне */
.mf-more{display:contents}
.mf-toggle{display:none!important}
.mf-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:11.5px;font-weight:800}
@media(max-width:767px){
  .has-mfilter{display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:stretch}
  .has-mfilter>*{order:5}
  .has-mfilter>.field:first-of-type,.has-mfilter>.search-field,.has-mfilter>.pf-q,.has-mfilter>.mkk-q{order:1;flex:1 1 100%!important;margin:0}
  .has-mfilter>.mf-toggle{display:inline-flex!important;order:2;flex:1 1 0!important;justify-content:center;min-height:44px}
  .has-mfilter>.mf-submit{order:3;flex:1 1 0!important;min-height:44px;margin:0}
  .has-mfilter>.mf-submit .button{width:100%;min-height:44px}
  .has-mfilter>.mkk-filter-btns{display:flex}
  .has-mfilter>.mf-more{display:none;order:4;flex:1 1 100%}
  .has-mfilter.is-open>.mf-more{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
  .has-mfilter.is-open>.mf-toggle{border-color:var(--primary);color:var(--primary)}
  .has-mfilter .mf-more>*{width:100%;min-width:0;margin:0}
  .has-mfilter .mf-more select{width:100%}
}
/* «Добавить действие» на телефоне компактнее */
/* Лид Cowork: без пустых мест */
.lead-detail-layout{align-items:start}
.lead-side{display:grid;gap:18px;align-content:start}
.lead-detail-layout .key-values{grid-template-columns:150px 1fr}

.mkk-lookup .company-lookup-box{position:relative}
.mkk-lookup #mkk-lookup-input{padding-right:44px}
.mkk-drop{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}
.mkk-drop:hover{background:var(--soft);color:var(--ink)}
.mkk-drop svg{width:18px;height:18px}
.mkk-lookup .company-lookup-results{max-height:320px;overflow:auto}