/* One navigation tree, two explicit layouts. No wrapped intermediate header. */
.top { gap: 12px; flex-wrap: nowrap; }
.top .brand { flex: none; white-space: nowrap; }
.crm-nav-shell { display: flex; flex: 1; align-items: center; gap: 10px; min-width: 0; }
.crm-nav-shell .nav { gap: 0; min-width: 0; }
.crm-nav-shell .nav-dd > summary, .crm-nav-shell .nav > a { padding: 10px 8px; font-size: 14px; }
.crm-nav-shell .mode-sw a { padding: 6px 8px; font-size: 13px; }
.compact-mode, .nav-toggle, .drawer-heading, .drawer-label { display: none; }
.nav-backdrop { position: fixed; inset: 0; background: rgb(10 20 35 / .55); z-index: 59; }
.nav-toggle, .drawer-close { min-width: 44px; min-height: 44px; border: 1px solid #526077; border-radius: 8px; color: white; background: transparent; cursor: pointer; font: inherit; font-size: 22px; }
.top .btn-new { flex: none; min-height: 44px; }
.crm-nav-shell .me { width: 40px; height: 40px; }
.nav-is-open { overflow: hidden; }
.nav-is-open #onb { visibility: hidden; }
@media (max-width: 1359px) {
  .top { gap: 8px; padding-left: 12px; padding-right: 12px; }
  .compact-mode { display: inline; color: #AFC1D6; font-size: 13px; white-space: nowrap; }
  .nav-toggle { display: inline-grid; place-items: center; flex: none; }
  .top > .btn-new { margin-left: auto; padding: 8px 10px; }
  .top > .nav-toggle:last-of-type { margin-left: auto; }
  .top > .btn-new + .nav-toggle { margin-left: 0; }
  .top .brand-co { display: none; }
  .crm-nav-shell { display: none; position: fixed; inset: 0 0 0 auto; width: min(380px, 92vw); height: 100dvh; overflow-y: auto; overscroll-behavior: contain; z-index: 60; background: var(--ink); padding: 18px; align-items: stretch; gap: 16px; flex-direction: column; }
  .crm-nav-shell.is-open { display: flex; }
  .drawer-heading { display: flex; align-items: center; justify-content: space-between; }
  .crm-nav-shell .mode-sw { align-self: flex-start; max-width: 100%; flex-wrap: wrap; }
  .crm-nav-shell .mode-sw a { min-height: 44px; }
  .crm-nav-shell .mode-sw a b { display: inline; }
  .crm-nav-shell .nav { display: flex; flex-direction: column; align-items: stretch; flex: none; }
  .crm-nav-shell .nav a, .crm-nav-shell .nav summary, .crm-nav-shell .nav-admin summary, .crm-nav-shell .nav-admin a { min-height: 44px; display: flex; align-items: center; white-space: normal; overflow-wrap: anywhere; font-size: 15px; padding: 10px 12px; }
  .crm-nav-shell .nav-dd-menu, .crm-nav-shell .nav-admin-menu { position: static; min-width: 0; margin: 4px 0 8px; box-shadow: none; }
  .crm-nav-shell .nav-admin { margin: 0; order: 0; }
  .crm-nav-shell .nav-admin > summary { font-size: 15px; }
  .crm-nav-shell .plan-chip { padding: 12px; font-size: 13px; gap: 4px; }
  .crm-nav-shell .plan-chip span { display: block; }
  .crm-nav-shell .drawer-label { display: block; }
  .crm-nav-shell .me { display: flex; gap: 12px; width: auto; min-height: 44px; height: auto; border-radius: 8px; padding: 10px 12px; font-size: 15px; }
  .drawer-logout { color: #DDE3EC; padding: 12px; min-height: 44px; }
}
@media (max-width: 430px) {
  .top { gap: 6px; padding-left: 10px; padding-right: 10px; }
  .top .brand { font-size: 15px; letter-spacing: 0; }
  .top .brand span { margin-left: 3px; }
  .compact-mode { font-size: 12px; }
  .top .btn-new { font-size: 13px; padding: 8px; }
}
/* AI administrator uses the existing SALER palette and type scale. */
.tabs.ai-tabs { flex-wrap: wrap; overflow: visible; gap: 4px 10px; }
.tabs.ai-tabs a { white-space: normal; min-height: 44px; display: flex; align-items: center; padding: 10px 12px; }
.tabs.ai-tabs a.on { background: var(--accent-soft); border-radius: 6px 6px 0 0; }
.ai-page-heading { margin: 24px 0 20px; }
.ai-page-heading h2 { margin: 0 0 6px; font-size: 22px; }
.ai-page-heading p { color: var(--muted); margin: 0; max-width: 740px; }
.ai-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.ai-channel { padding: 22px; min-width: 0; }
.ai-channel-title { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.ai-channel-title h2 { margin: 0; font-size: 19px; }
.ai-channel-icon { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--accent-soft); color: var(--accent); font-size: 22px; font-weight: 700; }
.ai-icon-instagram { background: #F5EAF3; color: #985477; }
.ai-icon-facebook { background: #E9EFFA; color: #4066A5; }
.ai-state { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; margin: 0 0 12px; }
.ai-state > span { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.ai-state-ok { color: #247C43; }.ai-state-warn { color: #94620A; }.ai-state-paused, .ai-state-neutral { color: var(--muted); }
.ai-account { font-size: 18px; margin: 0 0 5px; overflow-wrap: anywhere; }
.ai-account-sub { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.ai-meta { display: flex; gap: 8px; flex-wrap: wrap; margin: 15px 0; }
.ai-meta > span { padding: 4px 8px; border-radius: 5px; font-size: 12px; background: var(--bg); color: var(--muted); }
.ai-card-cta { margin: 4px 0 0; }
.ai-channel .btn, .ai-wizard .btn, .ai-settings .btn, .ai-knowledge .btn { min-height: 44px; white-space: normal; text-align: center; max-width: 100%; }
.ai-diagnostics { border-top: 1px solid var(--line-2); padding-top: 14px; margin-top: 22px; font-size: 13px; color: var(--muted); }
.ai-diagnostics summary, .ai-knowledge summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.ai-health { margin: 18px 0; font-size: 13px; }
.ai-health > div { display: flex; justify-content: space-between; align-items: start; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line-2); }
.ai-health dt { color: var(--muted); flex: 1; }.ai-health dd { margin: 0; text-align: right; flex: 1; overflow-wrap: anywhere; }
.ai-wizard { max-width: 880px; margin: 24px auto; padding: 28px; }
.ai-wizard h2 { font-size: 26px; margin: 8px 0 12px; }
.ai-eyebrow { color: var(--muted); font-size: 11px; letter-spacing: .1em; margin-top: 28px; }
.ai-back { display: block; margin-top: 20px; font-size: 13px; }
.ai-provider-options { display: grid; gap: 12px; margin: 24px 0 8px; }
.ai-provider-option { padding: 20px; border: 1px solid var(--line); border-radius: var(--r); display: grid; gap: 9px; color: var(--ink); text-decoration: none; }
.ai-provider-option:hover { border-color: var(--accent); background: #F8FCFD; }
.ai-provider-option > span:not(.ai-provider-top) { color: var(--muted); font-size: 14px; }
.ai-provider-option small { color: var(--accent); font-weight: 600; }
.ai-provider-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ai-recommended { color: var(--accent-ink); background: var(--accent-soft); border-radius: 4px; padding: 4px 7px; font-size: 11px; }
.ai-steps { display: grid; gap: 14px; padding-left: 24px; margin: 24px 0; }
.ai-steps li { padding-left: 6px; }.ai-steps li::marker { color: var(--accent); font-weight: 700; }
.ai-notice { padding: 18px; border-radius: var(--r); background: var(--warn-soft); margin: 20px 0; }
.ai-notice h3 { margin-top: 0; }
.ai-danger { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 32px; }
.ai-danger summary { min-height: 44px; cursor: pointer; color: var(--danger); }
.ai-pair { background: var(--bg); padding: 20px; border-radius: var(--r); text-align: center; }
.ai-pair img { display: block; width: min(280px, 100%); margin: 12px auto 20px; }
.ai-pair [hidden] { display: none !important; }
.ai-settings, .ai-knowledge { max-width: 880px; padding: 24px; }
.ai-settings fieldset { border: 0; margin: 24px 0; padding: 0; }
.ai-settings legend { font-weight: 600; margin-bottom: 10px; }.ai-settings .chk { min-height: 44px; }
.ai-knowledge pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 14px; }
@media (max-width: 1100px) { .ai-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .ai-channel-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ai-channel, .ai-wizard, .ai-settings, .ai-knowledge { padding: 18px; }
  .ai-wizard { margin: 16px 0; }.ai-wizard h2 { font-size: 22px; }
  .tabs.ai-tabs { gap: 4px; }.tabs.ai-tabs a { font-size: 13px; padding: 10px; }
  .ai-page-heading { margin: 20px 0 16px; }
}
@media print { .crm-nav-shell, .nav-backdrop { display: none !important; } }

.ai-cabinet-frame { display:block; width:100%; height:calc(100vh - 180px); min-height:520px; border:0; border-radius:14px; background:#f6f7fb; }

/* Автообучение: массовое удаление ответов */
.ail-bar{position:sticky;top:calc(66px + env(safe-area-inset-top,0px));z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;margin:10px 0 4px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.ail-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600}
.ail-all input,.ail-chk{width:20px;height:20px;flex:0 0 auto;cursor:pointer;accent-color:#dc2626}
.ail-count{color:var(--muted,#6b7280);font-size:14px}
.ail-bar .btn{min-height:44px}
.ail-bar #ailDel{margin-left:auto}
.ail-bar #ailDel{background:var(--danger,#dc2626);border-color:var(--danger,#dc2626);color:#fff}
.ail-bar #ailDel:disabled{background:transparent;border-color:var(--line,#e5e7eb);color:var(--muted,#9ca3af);cursor:not-allowed}
.ail-bar #ailDel.is-armed,.ail-one.is-armed{background:#991b1b;border-color:#991b1b;color:#fff}
.ail-list{list-style:none;margin:0;padding:0}
.ail-pair{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;border-top:1px solid var(--line,#e5e7eb);border-radius:8px}
.ail-pair .ail-chk{margin-top:3px}
.ail-pair.is-picked{background:rgba(220,38,38,.06)}
.ail-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;cursor:pointer;overflow-wrap:anywhere}
.ail-meta{font-size:12px}
.ail-one{flex:0 0 auto;min-width:44px;min-height:44px;color:var(--muted,#6b7280)}
@media (max-width:600px){.ail-bar{gap:6px 10px}.ail-all{flex:1}.ail-bar .btn{order:2;flex:1 1 40%}.ail-bar #ailDel{margin-left:0}}
.ail-add{margin-top:14px;border-top:1px solid var(--line,#e5e7eb);padding-top:12px}
.ail-add summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.ail-add-f{display:grid;gap:10px;max-width:640px;margin-top:6px}
.ail-add-f .btn{justify-self:start;min-height:44px}

/* Графики и подхват */
.cg-alert{background:#FEF3C7;border:1px solid #FCD34D;color:#7C4A03;border-radius:10px;padding:10px 14px;max-width:1000px}
.cg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;max-width:1000px}
.cg-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer}
.cg-tab.on{border-color:var(--accent,#2563eb);box-shadow:0 0 0 2px var(--accent-soft,#dbeafe)}
.cg-pill{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#F1F5F9;color:#475569}
.cg-pill.is-ok{background:#DCFCE7;color:#166534}.cg-pill.is-wait{background:#FEF3C7;color:#92400E}
.cg-card{max-width:1000px;padding:20px 22px;display:grid;gap:18px}
.cg-now{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#F8FAFC;border:1px solid var(--line,#e5e7eb)}
.cg-now small{display:block;color:var(--muted,#64748b);margin-top:2px}
.cg-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:#94A3B8}
.cg-now.is-ai .cg-dot{background:#7C3AED}.cg-now.is-man .cg-dot{background:#2563EB}.cg-now.is-wait .cg-dot{background:#F59E0B}
.cg-sec{border:0;margin:0;padding:0;min-width:0;transition:opacity .2s}
.cg-sec legend{font-weight:700;font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:8px;padding:0}
.cg-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft,#dbeafe);color:var(--accent,#2563eb);font-size:13px}
.cg-dim{opacity:.45}
.cg-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cg-opt{position:relative;cursor:pointer}
.cg-opt input{position:absolute;opacity:0;pointer-events:none}
.cg-opt span{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:10px 14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;height:100%;box-sizing:border-box}
.cg-opt small{color:var(--muted,#64748b);font-size:13px}
.cg-opt input:checked+span{border-color:var(--accent,#2563eb);background:var(--accent-soft,#eff6ff);box-shadow:inset 0 0 0 1px var(--accent,#2563eb)}
.cg-opt input:focus-visible+span{outline:2px solid var(--accent,#2563eb);outline-offset:2px}
.cg-switch{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;flex-wrap:wrap}
.cg-switch>input{position:absolute;opacity:0;width:1px;height:1px}
.cg-track{width:44px;height:26px;border-radius:999px;background:#CBD5E1;position:relative;flex:0 0 auto;transition:background .2s}
.cg-track::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.cg-switch>input:checked+.cg-track{background:var(--accent,#2563eb)}
.cg-switch>input:checked+.cg-track::after{transform:translateX(18px)}
.cg-switch>input:focus-visible+.cg-track{outline:2px solid var(--accent,#2563eb);outline-offset:2px}
.cg-min{width:72px;min-height:40px;text-align:center;margin:0 4px}
.cg-hint{margin:8px 0 0;font-size:13px}
.cg-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.cg-presets .btn{min-height:40px}
.cg-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted,#64748b);margin-bottom:8px}
.cg-legend i{display:inline-block;width:14px;height:8px;border-radius:3px;margin-right:6px;vertical-align:middle}
.cg-legend .is-ai,.cg-lane[data-lane=ai] i{background:#8B5CF6}.cg-legend .is-man,.cg-lane[data-lane=manager] i{background:#3B82F6}.cg-legend .is-wait{background:#E2E8F0}
.cg-week{display:grid;gap:6px}
.cg-head,.cg-day{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:10px;align-items:center}
.cg-head{font-size:13px;color:var(--muted,#64748b)}
.cg-scale{display:flex;justify-content:space-between}.cg-scale b{font-weight:400;font-size:11px}
.cg-in{min-height:44px;min-width:0;width:100%;box-sizing:border-box}
.cg-in.bad{border-color:var(--danger,#dc2626)!important;background:#FEF2F2}
.cg-bar{position:relative;height:28px;border-radius:8px;background:#E2E8F0;overflow:hidden;display:grid;grid-template-rows:1fr 1fr;gap:2px;padding:3px 0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.8) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.8) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.8) 75%,transparent calc(75% + 1px))}
.cg-lane{position:relative}.cg-lane i{position:absolute;top:0;bottom:0;border-radius:3px}
.cg-more summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.cg-more select{min-height:44px}
.cg-exc{display:grid;grid-template-columns:170px 1fr 1fr;gap:10px}
.cg-save{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 0 calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--surface,#fff) 30%);margin-bottom:-8px}
.cg-save .btn{min-height:44px}
@media (max-width:700px){
 .cg-card{padding:14px}
 .cg-seg{grid-template-columns:1fr}
 .cg-head{display:none}
 .cg-day{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)}
 .cg-bar{grid-column:2/4;height:22px}
 .cg-exc{grid-template-columns:1fr}
 .cg-save{justify-content:stretch}.cg-save .btn{flex:1}
}
.cg-cell{min-width:0;display:block}.cg-ml{display:none}
@media (max-width:700px){.cg-ml{display:block;font-size:12px;color:var(--muted,#64748b);margin-bottom:2px}}
.cg-switch{flex-wrap:nowrap}
.cg-more summary{list-style:none}.cg-more summary::-webkit-details-marker{display:none}
.cg-more summary::before{content:"▸";margin-right:8px;transition:transform .2s}.cg-more[open] summary::before{transform:rotate(90deg)}
@media (max-width:700px){.cg-tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:-4px;padding:2px 4px 6px;scrollbar-width:none}.cg-tab{flex:0 0 auto}.cg-presets>.muted{flex-basis:100%}}