[hidden]{display:none!important}
:root{
  --cca-paper:#f4f5f9;--cca-paper-2:#ebe8de;--cca-surface:#ffffff;
  --cca-ink:#151c26;--cca-muted:#66707d;--cca-line:#e3e6ef;
  --cca-navy:#0d2942;--cca-navy-2:#153d5c;
  --cca-primary:#5b50d6;--cca-primary-soft:#eceaff;
  --cca-secondary:#18a97d;--cca-secondary-soft:#e5f6f0;
  --cca-alert:#d94841;--cca-warning:#c88412;
  --cca-radius:6px;--cca-motion:180ms;--cca-ease:cubic-bezier(.22,.8,.24,1);
  color-scheme:light;
}

html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
body{max-width:100%;overflow-x:clip;background:var(--cca-paper);color:var(--cca-ink);font-family:Manrope,"Segoe UI",Arial,sans-serif;font-feature-settings:"tnum" 1,"ss01" 1}
button,input,select,textarea{font-family:inherit}
body::before{content:"";position:fixed;z-index:-1;inset:54px 0 auto;height:230px;pointer-events:none;background:linear-gradient(120deg,rgba(91,80,214,.055),transparent 48%,rgba(24,169,125,.045))}
.shell{width:100%;max-width:1540px;margin-inline:auto;padding:30px 34px 54px;transition:max-width .18s ease,padding .18s ease}
.layout-full-width .shell{width:100%;max-width:none;margin-inline:0}
.shell>*,.shell .panel,.shell .card,.shell form,.shell fieldset{min-width:0;max-width:100%}
h1{font-family:Unbounded,Manrope,sans-serif;font-size:25px;line-height:1.25;letter-spacing:-.035em}
h2,h3{letter-spacing:-.02em}.subtitle{font-size:13px}.muted,.subtitle,.note{color:var(--cca-muted)}

/* CCA Clean Contour shell */
.app-nav{position:sticky;top:0;z-index:80;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(13,41,66,.97);box-shadow:0 7px 25px rgba(13,41,66,.12);backdrop-filter:blur(15px)}
.app-nav-inner{position:relative;width:100%;max-width:1540px;min-width:0;min-height:58px;margin-inline:auto;display:flex;padding:7px 24px;align-items:center;gap:9px}
.cca-brand{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:9px;min-width:0;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left;text-decoration:none}
.cca-brand-mark{position:relative;display:grid;width:43px;height:34px;grid-template-columns:repeat(3,1fr);place-items:center;font:700 13px/1 Unbounded,sans-serif;color:#fff;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='12' cy='12' r='7.5' fill='%23fff' stroke='%230d2942' stroke-width='2'/%3E%3Cpath d='M17.5 17.5L26 26' fill='none' stroke='%230d2942' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 12 12,zoom-in}
.cca-brand-mark::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.72);border-radius:4px;background:linear-gradient(135deg,rgba(91,80,214,.86),rgba(24,169,125,.48));transition:transform var(--cca-motion) var(--cca-ease),box-shadow var(--cca-motion) var(--cca-ease)}
.cca-brand-mark i{position:relative;z-index:1;font-style:normal}.cca-brand-mark b{position:absolute;z-index:2;top:50%;font:700 22px/1 Unbounded,sans-serif;color:#77dfbf;transform:translateY(-53%)}
.cca-brand-mark b:first-of-type{left:-6px}.cca-brand-mark b:last-of-type{right:-6px}
.cca-brand-copy{display:grid;gap:1px}.cca-brand-copy strong{font-size:12px;letter-spacing:.02em}.cca-brand-copy small{font-size:8px;letter-spacing:.2em;color:#9ddfc9}
.cca-brand-mark:hover::before{transform:rotate(-3deg) scale(1.05);box-shadow:0 0 0 4px rgba(91,80,214,.22),0 8px 22px rgba(0,0,0,.18)}
.app-nav-primary{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:safe center;gap:2px;overflow:visible}
.app-nav-primary::-webkit-scrollbar{display:none}
.nav-group{min-width:0}.nav-section-title{max-width:100%;overflow:hidden;padding-inline:8px;font:700 11px/1.25 Manrope,sans-serif;letter-spacing:0;color:#d9e5ed;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;transition:background var(--cca-motion) var(--cca-ease),color var(--cca-motion) var(--cca-ease),transform var(--cca-motion) var(--cca-ease)}
.nav-section-title:hover,.nav-group:focus-within>.nav-section-title,.nav-group.has-active>.nav-section-title{background:rgba(91,80,214,.34);color:#fff}
.nav-section-title:hover{transform:translateY(-1px)}
.nav-group-links{display:flex!important;padding:8px;gap:2px;border:1px solid #34536a;border-radius:7px;background:#102e48;box-shadow:0 20px 42px rgba(4,17,28,.3);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.985);transform-origin:top left;transition:opacity var(--cca-motion) var(--cca-ease),transform var(--cca-motion) var(--cca-ease),visibility 0s linear var(--cca-motion)}
.nav-group:hover>.nav-group-links,.nav-group:focus-within>.nav-group-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
.nav-link{border-radius:4px;color:#d7e3ec;font-size:12px;transition:transform 180ms ease,background var(--cca-motion) var(--cca-ease)}
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(91,80,214,.46),rgba(24,169,125,.19));color:#fff;transform:translateX(2px)}
.app-nav-actions{display:flex;flex:0 0 auto;min-width:0;align-items:center;justify-content:flex-end;gap:5px}.nav-spacer{display:none}
.cca-global-search{position:relative;z-index:4;display:grid;flex:0 1 210px;width:210px;max-width:clamp(210px,28vw,430px);min-width:150px;height:40px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.075);color:#a9c0d2;transition:flex-basis var(--cca-motion) var(--cca-ease),border-color var(--cca-motion) var(--cca-ease),background var(--cca-motion) var(--cca-ease),box-shadow var(--cca-motion) var(--cca-ease)}
.cca-global-search:focus-within,.cca-global-search.has-query{flex-basis:clamp(260px,28vw,430px);width:auto;border-color:rgba(139,128,255,.82);background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(91,80,214,.2)}
.cca-global-search>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.cca-global-search input{min-width:0;width:100%;height:36px;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font-size:12px}
.cca-global-search input::placeholder{color:#a9c0d2}.cca-global-search kbd{min-width:22px;padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:rgba(0,0,0,.12);color:#bad0df;font:700 11px/1.4 Manrope,sans-serif;text-align:center}
.cca-global-search.is-searching::after{content:"";position:absolute;right:40px;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cca-spin .7s linear infinite}
.cca-global-search-results{position:absolute;z-index:100;top:calc(100% + 8px);left:0;width:100%;max-height:min(480px,70vh);overflow:auto;padding:6px;border:1px solid #34536a;border-radius:8px;background:#102e48;box-shadow:0 24px 55px rgba(4,17,28,.38);animation:cca-search-in var(--cca-motion) var(--cca-ease)}
.cca-global-search-result{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:9px;border-radius:5px;color:#fff;text-decoration:none;transition:background var(--cca-motion) var(--cca-ease),transform var(--cca-motion) var(--cca-ease)}
.cca-global-search-result:hover,.cca-global-search-result:focus{outline:0;background:linear-gradient(90deg,rgba(91,80,214,.5),rgba(24,169,125,.18));transform:translateX(2px)}
.cca-global-search-result-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:rgba(255,255,255,.07);color:#9fe1cd}.cca-global-search-result-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cca-icon-motion{transform-box:fill-box;transform-origin:center}
.cca-global-search-result:hover .cca-icon-motion,.cca-global-search-result:focus .cca-icon-motion{animation:cca-icon-pulse .42s var(--cca-ease) both}
.cca-global-search-result:hover .cca-icon-motion--scan,.cca-global-search-result:focus .cca-icon-motion--scan{animation-name:cca-icon-scan}
.cca-global-search-result:hover .cca-icon-motion--chart,.cca-global-search-result:focus .cca-icon-motion--chart{animation-name:cca-icon-rise}
.cca-global-search-result:hover .cca-icon-motion--swap,.cca-global-search-result:focus .cca-icon-motion--swap{animation-name:cca-icon-swap}
.cca-global-search-result b,.cca-global-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cca-global-search-result b{font-size:12px}.cca-global-search-result small{margin-top:2px;color:#a9c0d2;font-size:9px}.cca-global-search-arrow{color:#8fa9bc}.cca-global-search-empty{padding:18px;text-align:center;color:#a9c0d2;font-size:11px}
.cca-wallet-pill{display:flex;min-width:124px;min-height:40px;align-items:center;gap:8px;padding:5px 9px;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(255,255,255,.065);color:#fff;text-decoration:none;transition:background var(--cca-motion) var(--cca-ease),transform var(--cca-motion) var(--cca-ease),border-color var(--cca-motion) var(--cca-ease)}
.cca-wallet-pill:hover{border-color:rgba(119,223,191,.5);background:rgba(24,169,125,.14);transform:translateY(-1px)}.cca-wallet-pill>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#77dfbf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cca-wallet-pill>span{display:grid;min-width:0}.cca-wallet-pill small{color:#9fb7c8;font-size:8px;line-height:1.2}.cca-wallet-pill b{overflow:hidden;color:#fff;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.cca-wallet-pill.is-loading b{color:#b3c5d3}.cca-wallet-pill.is-error svg{stroke:#fda29b}.cca-wallet-pill.is-error b{color:#fda29b}
.cca-nav-icon-button{display:grid;width:38px!important;height:38px!important;min-width:38px;place-items:center;padding:0!important;border:0;border-radius:6px;background:transparent;color:#dce9f2;cursor:pointer}.cca-nav-icon-button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.notification-bell,.cca-note-sticker{transition:transform var(--cca-motion) var(--cca-ease),background var(--cca-motion) var(--cca-ease),color var(--cca-motion) var(--cca-ease)}
.notification-bell:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.cca-note-sticker{position:relative;color:#ffd66b;transform:rotate(-2deg)}.cca-note-sticker:hover{background:rgba(255,214,107,.12);transform:rotate(1deg) scale(1.04)}
@keyframes cca-spin{to{transform:rotate(360deg)}}@keyframes cca-search-in{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}}@keyframes cca-icon-pulse{0%{transform:scale(.92);opacity:.72}55%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@keyframes cca-icon-scan{0%{transform:translateY(-1px);opacity:.7}55%{transform:translateY(1.5px)}100%{transform:none;opacity:1}}@keyframes cca-icon-rise{0%{transform:translateY(2px);opacity:.7}100%{transform:none;opacity:1}}@keyframes cca-icon-swap{0%{transform:translateX(-1.5px);opacity:.72}55%{transform:translateX(1.5px)}100%{transform:none;opacity:1}}

/* Core components */
.card,.panel,.registry-modal,.settings-drawer,.cs-account-options,.notification-menu{border:1px solid var(--cca-line);border-radius:var(--cca-radius);background:var(--cca-surface);box-shadow:0 7px 20px rgba(21,28,38,.035)}
.card{padding:15px}.panel{overflow:hidden}.panel-head{padding:15px 17px;border-color:var(--cca-line)}
.panel-head h2{font-size:15px}.cards{gap:10px}.card .label{font-size:10px;text-transform:uppercase;letter-spacing:.045em}.card .value{font-size:23px}
.readonly,.pill,.cs-badge{border-radius:4px}.readonly{background:var(--cca-primary-soft);color:#463abf}.pill.ok,.pill.fresh,.pill.history_complete,.pill.history_metrics{color:#08775a;background:var(--cca-secondary-soft)}
.pill.warning,.pill.watch,.pill.delayed,.pill.overdraft,.pill.history_partial{color:#825600;background:#fff1cf}.pill.critical,.pill.stopped,.pill.transfer,.pill.stale,.pill.no_data,.pill.history_missing{color:#a52f2a;background:#ffebe8}
.btn{min-height:38px;border-color:#dfe2ea;border-radius:5px;background:var(--cca-surface);color:#303946;transition:transform 160ms ease,box-shadow var(--cca-motion) var(--cca-ease),background var(--cca-motion) var(--cca-ease)}
.btn:hover{background:#f2f0e9;box-shadow:0 4px 12px rgba(21,28,38,.08);transform:translateY(-1px)}
.btn.primary{border-color:var(--cca-primary);background:var(--cca-primary);color:#fff}.btn.primary:hover{background:#4b40c4}
.field input,.field select,.field textarea,input,select,textarea{border-color:#dfe2ea;border-radius:5px;background:#ffffff;transition:border-color 180ms ease,box-shadow 180ms ease}
.field,.field>label{min-width:0}.field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),.field select,.field textarea{display:block;width:100%;max-width:100%}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cca-primary);box-shadow:0 0 0 3px rgba(91,80,214,.12)}
.source-tab,.cs-filter-chip,.date-shortcut{border-radius:4px}.source-tab.active,.cs-filter-chip.active,.date-shortcut.active{border-color:#c8c3ff;background:var(--cca-primary-soft);color:#493dc6}
.recommendation,.bi-insight{border-radius:5px;border-color:#c8c3ff;background:linear-gradient(90deg,var(--cca-primary-soft),#f8f6ee)}
.bi-insight-icon{border-radius:4px;background:var(--cca-primary)}

/* Tables, charts and dense work surfaces */
.table-wrap,.registry-wrap,.cs-table-scroll,.cs-daily-scroll{scrollbar-color:#9d98d4 #e8e5dd;scrollbar-width:thin}
.table-wrap,.registry-wrap,.cs-table-scroll,.cs-daily-scroll,.coverage-table-wrap,.ap-preview{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
table{font-variant-numeric:tabular-nums}th,td{border-color:#e3e6ef}th{top:58px;z-index:6;padding:11px 13px;background:#f6f7fb;color:#58616d;font-size:9px;letter-spacing:.055em}td{font-size:12px}tbody tr{transition:background 150ms ease}tbody tr:hover td{background:#f7f8fb}
.shell th,.shell td{overflow-wrap:break-word}.shell :is(.money,.num,[data-nowrap]){white-space:nowrap}
.cards>.card,.registry-summary-card,.call-kpi,.cpa-kpi,.cs-kpi{min-width:0;overflow:clip}
.cards>.card :is(.value,b,strong),.registry-summary-card .value,.call-kpi b,.cpa-kpi b,.cs-kpi b{max-width:100%;overflow-wrap:anywhere}
.registry-wrap th[data-col="name"]{background:#f6f7fb}.registry-wrap td[data-col="name"]{background:var(--cca-surface)}
.bi-summary{gap:8px}.bi-summary article,.bi-chart-card,.experiment-card,.cs-kpi,.cs-segment{border-color:var(--cca-line);border-radius:5px;background:var(--cca-surface)}
.bi-summary article{min-height:76px}.bi-chart-card-head{background:#faf8f2}.bi-chart-card-head i{border-radius:2px}
.bar-track{border-radius:3px;background:#e4e2da}.bar{border-radius:3px;background:var(--cca-primary)}.bar.contacts{background:var(--cca-secondary)}
.cs-tabs{border-radius:6px;background:var(--cca-surface)}.cs-tab{border-radius:4px}.cs-tab.active{background:var(--cca-primary)}
.cs-period,.cs-event-settings{border-radius:5px;background:#f3f1ea}.cs-period-b{background:#fff9e9}.cs-account-options{border-radius:5px}.cs-account-option{border-radius:3px}.cs-account-option:hover,.cs-account-option.active{background:var(--cca-primary-soft);color:#483cc3}
.cs-chart-panel{border-radius:5px}.cs-chart-panel canvas,.chart-box canvas{filter:saturate(.92)}

/* Dialogs and overlays */
.drawer-backdrop,.app-modal-backdrop,.task-modal-backdrop{background:rgba(13,29,43,.38);backdrop-filter:blur(3px)}
.registry-modal,.settings-drawer,.cs-metrics-card{border-radius:7px;box-shadow:0 24px 70px rgba(13,29,43,.24)}
.modal-head,.drawer-head,.cs-modal-footer{background:#f3f1ea;border-color:var(--cca-line)}
.notification-menu{border-radius:7px}.notification-item.unread{border-left:3px solid var(--cca-primary);background:#f1efff}
.cca-modal-open{overflow:hidden}
.cca-modal-layer{position:fixed!important;inset:0!important;z-index:200!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,3vw,28px)!important;background:rgba(13,29,43,.44)!important;backdrop-filter:blur(4px)!important;overscroll-behavior:contain}
.cca-modal-layer.hidden{display:none!important}
.cca-modal-window{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:min(720px,100%)!important;max-width:100%!important;max-height:min(88dvh,920px)!important;overflow:auto!important;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.72)!important;border-radius:12px!important;background:var(--cca-surface,#fff)!important;box-shadow:0 28px 90px rgba(13,29,43,.3)!important}
.cca-modal-window.hidden{display:none!important}
.cca-dialog{width:min(720px,100%);display:flex;flex-direction:column;overflow:hidden!important}
.cca-dialog--compact{width:min(640px,100%)}
.cca-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:18px 20px;border-bottom:1px solid var(--cca-line,#e3e6ef);background:#f8f7f2}
.cca-dialog__header h2{margin:0;font-size:20px;line-height:1.25;color:var(--cca-ink,#17202a)}
.cca-dialog__close{display:grid!important;place-items:center;flex:none;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:8px!important;font-size:22px!important;line-height:1!important}
.cca-dialog__body{min-height:0;overflow:auto;padding:20px}
.cca-dialog__footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;margin:18px -20px -20px;padding:14px 20px;border-top:1px solid var(--cca-line,#e3e6ef);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.cca-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cca-form-grid>.wide{grid-column:1/-1}
.cca-form-grid .field{min-width:0;margin:0}
.cca-form-grid .field label{display:block;margin:0 0 6px;font-size:11px;font-weight:750;letter-spacing:.025em;color:var(--cca-muted,#667085)}
.cca-form-grid input,.cca-form-grid select,.cca-form-grid textarea{display:block;width:100%;max-width:100%;box-sizing:border-box}
.cca-form-grid textarea{min-height:112px;resize:vertical}
.cca-form-error{display:none;margin-top:12px;padding:10px 12px;border:1px solid #f5c5bd;border-radius:8px;background:#fff0ee;color:#b42318;font-size:12px;line-height:1.4}
.cca-form-error.show{display:block}
.cca-empty-state{display:grid;place-items:center;min-height:92px;padding:22px;text-align:center;color:#728097;border:1px dashed #cfd7e3;border-radius:10px;background:#fafbfc}
.cca-modal-window>.modal-head,.cca-modal-window>.task-modal-head,.cca-modal-window>.app-modal-head{position:sticky;top:0;z-index:3;background:rgba(243,241,234,.97);backdrop-filter:blur(12px)}
.cca-modal-window>.modal-body,.cca-modal-window>.task-modal-body,.cca-modal-window>.app-modal-body{overflow:visible}
.cca-confirm-window{width:min(480px,100%)!important;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:24px!important;overflow:visible!important}
.cca-confirm-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eef4ff;color:#1769e0;font-size:24px;font-weight:850;box-shadow:inset 0 0 0 1px #cfe0ff}
.cca-confirm-copy h2{margin:1px 0 8px;font-size:21px;line-height:1.2;color:var(--cca-ink,#17202a)}
.cca-confirm-copy p{margin:0;color:var(--cca-muted,#667085);font-size:13px;line-height:1.55}
.cca-confirm-copy p.cca-confirm-message-small{font-size:11px;line-height:1.45}
.cca-confirm-link{display:inline-block;margin-top:7px;color:#175cd3;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:2px}
.cca-confirm-link[hidden]{display:none!important}
.cca-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
.cca-confirm-actions .btn{min-width:112px;min-height:40px}
.cca-confirm-actions [hidden]{display:none!important}
#cca-confirm-layer[data-tone="danger"] .cca-confirm-mark{background:#fff0ee;color:#d92d20;box-shadow:inset 0 0 0 1px #ffd0cb}
#cca-confirm-layer[data-tone="danger"] [data-confirm-accept]{background:#d92d20;border-color:#d92d20;color:#fff}
.cca-native-dialog{width:min(720px,calc(100vw - 28px));max-height:min(88dvh,920px);overflow:auto;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:var(--cca-surface,#fff);box-shadow:0 28px 90px rgba(13,29,43,.3)}
.cca-native-dialog::backdrop{background:rgba(13,29,43,.44);backdrop-filter:blur(4px)}
@media(max-width:620px){.cca-modal-layer{align-items:flex-end!important;padding:8px!important}.cca-modal-window{width:100%!important;max-height:92dvh!important;border-radius:12px 12px 7px 7px!important}.cca-confirm-window{grid-template-columns:40px minmax(0,1fr);padding:20px!important}.cca-confirm-mark{width:40px;height:40px;border-radius:12px}.cca-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.task-form-grid,.cca-form-grid{grid-template-columns:1fr!important}.task-form-grid .wide,.cca-form-grid>.wide{grid-column:auto!important}.cca-dialog__header{padding:15px 16px}.cca-dialog__body{padding:16px}.cca-dialog__footer{margin:16px -16px -16px;padding:12px 16px;display:grid;grid-template-columns:1fr 1fr}.cca-dialog__footer .btn{width:100%}}

.cca-note-popover{position:fixed;z-index:140;right:26px;bottom:26px;border:1px solid #384956;border-radius:6px;background:#132c42;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.25)}
.cca-floating-layer-panel{position:fixed!important;z-index:2147483000!important;right:auto!important;bottom:auto!important;inset:auto;margin:0!important;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.cca-floating-layer-panel[hidden]{display:none!important}
.cca-note-popover{width:min(360px,calc(100vw - 32px));padding:16px}.cca-note-popover h3{margin:0 0 6px}.cca-note-popover p{margin:0 0 12px;color:#c9d6df;font-size:11px;line-height:1.5}.cca-note-label{display:block;margin-top:10px;color:#dce6ed;font-size:10px;font-weight:750}.cca-note-popover select,.cca-note-popover textarea{display:block;width:100%;margin-top:5px;border-color:#486177;background:#fff;color:#17202a}.cca-note-popover select{min-height:40px}.cca-note-popover textarea{min-height:100px}.cca-note-error{display:none;margin-top:9px;padding:8px;border-radius:5px;background:#5d2528;color:#ffe7e7;font-size:11px}.cca-note-error.show{display:block}.cca-note-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.cca-note-actions button{min-height:34px}

/* Studio: quieter chrome, wider canvas, stronger visual hierarchy. */

/* Layout editor follows the same visual language. */
body.layout-edit-mode .layout-compact-container,body.layout-edit-mode .layout-vertical-container{border:1px dashed rgba(91,80,214,.45);border-radius:6px;background:rgba(91,80,214,.025)}
body.layout-edit-mode .user-resizable{outline-color:rgba(91,80,214,.55)}
.layout-page-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:11px 13px;border:1px solid #d7e0eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.layout-page-controls__copy{display:flex;min-width:0;flex-direction:column;gap:2px}.layout-page-controls__copy b{font-size:13px;color:#344054}.layout-page-controls__copy span{font-size:11px;color:#667085}
.layout-page-controls__default,.layout-page-controls__editing{display:flex;align-items:center;gap:7px;flex:0 0 auto}.layout-page-controls__editing{display:none}.layout-page-controls__editing>span{margin-right:3px;color:#175cd3;font-size:11px;font-weight:750}
body.layout-edit-mode .layout-page-controls{border-color:#84adff;background:#f5f8ff;box-shadow:0 0 0 2px rgba(23,105,224,.08)}
body.layout-edit-mode .layout-page-controls__default{display:none}body.layout-edit-mode .layout-page-controls__editing{display:flex}
@media(max-width:620px){.layout-page-controls{display:none!important}}

@media(min-width:1181px){.app-nav-primary{flex-basis:auto}.app-nav-primary>.nav-group{flex-shrink:1}.app-nav-primary>.nav-group:last-child>.nav-group-links{left:auto;right:0;transform-origin:top right}}
@media(max-width:1600px){.app-nav-inner{padding-inline:14px;gap:6px}.cca-brand-copy{display:none}.cca-global-search{flex-basis:178px;width:178px}.cca-global-search:focus-within,.cca-global-search.has-query{flex-basis:clamp(230px,24vw,340px);width:auto}.nav-section-title{padding-inline:6px;font-size:10px}}
@media(max-width:1180px){.app-nav-inner{padding-block:7px}.app-nav-primary{justify-content:flex-start;overflow:visible}.app-nav-primary::-webkit-scrollbar{display:none}.shell{padding-inline:22px}.cca-wallet-pill{min-width:108px}.cca-global-search{flex-basis:150px;width:150px}.cca-global-search:focus-within,.cca-global-search.has-query{flex-basis:min(300px,30vw);width:auto}}
@media(max-width:780px){body::before{display:none}.shell{padding:20px 14px 40px}.app-nav-inner{height:58px;padding:7px 10px;gap:5px}.cca-brand-mark{width:38px}.app-nav-primary{gap:1px}.nav-group{flex:0 0 auto}.nav-section-title{width:auto;min-height:34px;justify-content:center;white-space:nowrap;text-align:center}.cca-global-search{width:40px;grid-template-columns:20px 0 0;gap:0;padding:0 9px;overflow:visible}.cca-global-search input,.cca-global-search kbd{opacity:0;pointer-events:none}.cca-global-search:focus-within,.cca-global-search.has-query{position:absolute;z-index:12;left:56px;right:10px;width:auto;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;padding:0 11px}.cca-global-search:focus-within input,.cca-global-search.has-query input{opacity:1;pointer-events:auto}.cca-global-search:focus-within~.app-nav-primary,.cca-global-search.has-query~.app-nav-primary{visibility:hidden}.cca-wallet-pill{min-width:82px;padding:0 8px}.cca-wallet-pill>span{display:grid}.cca-wallet-pill small{display:none}.notification-bell,.cca-note-sticker{width:34px!important;min-width:34px}.cca-note-sticker{display:grid}h1{font-size:21px}.topbar{gap:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.app-nav-inner{padding-inline:8px}.app-nav-primary{max-width:86px}.cca-global-search kbd{display:none}.cca-global-search.is-searching::after{right:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cca-global-search-result-icon *{animation:none!important;transition:none!important}}

/* Public sales workspaces use the same brand without the application chrome. */
.cca-standalone{font-family:Manrope,"Segoe UI",Arial,sans-serif;background:var(--cca-paper);color:var(--cca-ink)}
.cca-standalone::before{inset:0;height:100vh;background:radial-gradient(circle at 85% 12%,rgba(91,80,214,.1),transparent 36%),radial-gradient(circle at 10% 90%,rgba(24,169,125,.08),transparent 30%)}
.cca-external-brand{display:inline-flex!important;align-items:center;gap:9px;color:var(--cca-ink);text-decoration:none}
.cca-external-brand>span:last-child{display:grid;gap:1px}.cca-external-brand b{font-size:11px}.cca-external-brand small{font-size:7px;letter-spacing:.16em;color:var(--cca-secondary)}
.cca-external-mark{display:grid;place-items:center;width:38px;height:31px;border:1px solid #6b63df;border-radius:4px;background:linear-gradient(135deg,var(--cca-primary),var(--cca-secondary));color:#fff;font:700 10px Unbounded,sans-serif}
.cca-sales-login .card{border-radius:7px;background:var(--cca-surface);box-shadow:0 22px 60px rgba(13,41,66,.13)}
.cca-sales-login .card h1{font-family:Unbounded,Manrope,sans-serif;font-size:22px}.cca-sales-login button{border-radius:5px;background:var(--cca-primary)}
.cca-sales-manager .header{border-color:var(--cca-line);background:var(--cca-surface)}.cca-sales-manager .layout{background:#eeece5}.cca-sales-manager .inbox,.cca-sales-manager .conversation-head,.cca-sales-manager .composer{background:var(--cca-surface);border-color:var(--cca-line)}
.cca-sales-manager .chat-card{background:var(--cca-surface);border-color:#e4e0d7}.cca-sales-manager .chat-card:hover,.cca-sales-manager .chat-card.active{background:var(--cca-primary-soft);box-shadow:inset 3px 0 var(--cca-primary)}
.cca-sales-manager .message{border:1px solid var(--cca-line);border-radius:7px;box-shadow:none}.cca-sales-manager .message.out{border-color:#c9c4ff;background:var(--cca-primary-soft)}
.cca-sales-manager .suggestion{border-radius:5px;background:var(--cca-surface)}.cca-sales-manager .suggestion:hover{border-color:var(--cca-primary);background:var(--cca-primary-soft)}
.cca-sales-manager .primary{border-color:var(--cca-primary);background:var(--cca-primary)}
.cca-sales-review .head,.cca-sales-review .card{border-color:var(--cca-line);border-radius:7px;background:var(--cca-surface)}.cca-sales-review .head h1{font-family:Unbounded,Manrope,sans-serif;font-size:22px}.cca-sales-review .context{border:1px solid var(--cca-line);border-radius:5px;background:#f1efe8}.cca-sales-review .answer{border-radius:5px}.cca-sales-review .answer:has(input:checked){border-color:var(--cca-primary);background:var(--cca-primary-soft)}.cca-sales-review .btn{background:var(--cca-primary)}

.storage-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.storage-provider-card{display:flex;min-width:0;min-height:230px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;border:1px solid #dce4ee;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);box-shadow:0 5px 18px rgba(16,24,40,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.storage-provider-card:hover{transform:translateY(-1px);border-color:#b8c8dc;box-shadow:0 10px 26px rgba(16,24,40,.07)}.storage-provider-card.is-connected{border-color:#a6e6c7;background:linear-gradient(145deg,#fff 0%,#f3fcf7 100%)}.storage-provider-main{display:flex;align-items:flex-start;gap:15px;min-width:0}.storage-provider-logo{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(16,24,40,.07);overflow:hidden}.storage-provider-logo svg{display:block;width:40px;height:40px}.storage-provider-logo--mailru_cloud{border:0;background:#168de2}.storage-provider-logo--mailru_cloud svg{width:52px;height:52px}.storage-provider-copy{min-width:0}.storage-provider-copy h3{margin:1px 0 5px;font-size:19px;line-height:1.2;font-weight:850;color:#101828}.storage-provider-status{display:flex;align-items:center;gap:7px;color:#667085;font-size:12px;font-weight:750}.storage-provider-status.connected{color:#087443}.storage-provider-status.pending{color:#9a6700}.storage-status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#98a2b3}.storage-provider-status.connected .storage-status-dot{background:#12b76a}.storage-provider-status.pending .storage-status-dot{background:#f79009}.storage-provider-copy p{margin:14px 0 7px;color:#667085;font-size:12px;line-height:1.45}.storage-help-link{display:block;color:#175cd3;font-size:12px;font-weight:750;line-height:1.35}.storage-provider-error{margin:8px 0;padding:7px 9px;border-radius:8px;background:#fff1f0;color:#b42318;font-size:11px;line-height:1.35}.storage-row-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #e4e7ec;flex-wrap:wrap}.storage-row-actions .field{margin:0}.storage-priority-field{min-width:94px}.storage-priority-field span{font-size:11px}.storage-priority-field select{min-height:36px}.storage-row-actions>.btn{margin-left:auto}.storage-connected-actions{display:flex;gap:8px;margin-left:auto}.storage-setup-note{display:grid;gap:5px;padding:13px;border:1px solid #c7d7fe;border-radius:10px;background:#f4f7ff}.storage-setup-note span,.storage-permission-list span{color:#475467;font-size:12px;line-height:1.45}.storage-permission-list{display:grid;gap:8px;padding:2px 4px}.storage-step-guide{display:grid;gap:9px;padding:14px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.storage-step-guide>b{font-size:13px}.storage-step-guide ol{margin:0;padding-left:22px;color:#344054;font-size:12px;line-height:1.5}.storage-step-guide li+li{margin-top:5px}.storage-step-guide a{color:#175cd3;font-weight:750}.storage-guide-warning{display:block;padding:9px 10px;border-radius:8px;background:#fff7d6;color:#7a4f00;font-size:11px;line-height:1.4}@media(max-width:1050px){.storage-provider-grid{grid-template-columns:1fr}.storage-provider-card{min-height:0}}@media(max-width:720px){.storage-provider-card{padding:16px}.storage-provider-logo{width:46px;height:46px;flex-basis:46px}.storage-provider-copy h3{font-size:17px}.storage-row-actions{width:100%}.storage-row-actions .field{flex:0 0 90px}.storage-row-actions>.btn,.storage-connected-actions{flex:1}.storage-connected-actions .btn{flex:1}.storage-row-actions>.btn{text-align:center}}

.info-banner{padding:11px 13px;border:1px solid #b2ccff;border-radius:10px;background:#eff8ff;color:#1849a9;font-size:12px;line-height:1.45}.info-banner.warning{border-color:#fedf89;background:#fff7d6;color:#7a4f00}.info-banner.success{border-color:#a6f4c5;background:#ecfdf3;color:#067647}

/* Compact cloud-storage settings. Scoped to the account storage pane. */
.storage-settings-body{gap:12px;padding:16px}.storage-section-intro{display:flex;align-items:center;gap:8px;color:#475467;font-size:11px}.storage-section-intro b{color:#344054}.storage-placement-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head save" "fields fields" "message message";align-items:end;gap:10px 16px;margin:0;padding:14px;border-radius:12px;box-shadow:none}.storage-placement-head{grid-area:head}.storage-placement-head h3{margin:0 0 3px;font-size:15px}.storage-placement-head .note{font-size:11px}.storage-placement-grid{grid-area:fields;display:grid;grid-template-columns:repeat(2,minmax(220px,360px));gap:12px}.storage-placement-grid .field{margin:0}.storage-placement-grid .field select{min-height:38px}.storage-placement-grid .field small{margin-top:4px;line-height:1.3}.storage-placement-save{grid-area:save;min-width:96px}.storage-placement-card .ap-message{grid-area:message;margin:0}.storage-provider-grid{gap:10px}.storage-provider-card{min-height:178px;gap:12px;padding:14px;border-radius:12px;box-shadow:none}.storage-provider-card:hover{box-shadow:0 6px 18px rgba(16,24,40,.06)}.storage-provider-main{gap:11px}.storage-provider-logo{width:42px;height:42px;flex-basis:42px;border-radius:10px;box-shadow:none}.storage-provider-logo svg{width:32px;height:32px}.storage-provider-logo--mailru_cloud svg{width:42px;height:42px}.storage-provider-copy h3{margin:0 0 3px;font-size:16px}.storage-provider-copy p{margin:8px 0 4px;font-size:11px}.storage-provider-status,.storage-help-link{font-size:11px}.storage-row-actions{gap:8px;padding-top:10px}.storage-priority-field{min-width:82px}.storage-priority-field select{min-height:34px;padding-block:5px}.storage-connected-actions{gap:6px}.storage-connected-actions .btn,.storage-row-actions>.btn{min-height:34px;padding:7px 10px}.storage-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.storage-security-note{max-width:520px;color:#667085;font-size:11px}.storage-security-note summary{cursor:pointer;text-align:right;font-weight:700;color:#475467}.storage-security-note small{display:block;margin-top:7px;line-height:1.45;text-align:right}.storage-footer-actions>#save-storage-priority{flex:0 0 auto}
@media(max-width:1050px){.storage-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-provider-card:last-child{grid-column:1/-1}.storage-placement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.storage-settings-body{padding:12px}.storage-section-intro{align-items:flex-start;flex-direction:column;gap:2px}.storage-placement-card{grid-template-columns:1fr;grid-template-areas:"head" "fields" "save" "message"}.storage-placement-grid{grid-template-columns:1fr}.storage-placement-save{width:100%}.storage-provider-grid{grid-template-columns:1fr}.storage-provider-card:last-child{grid-column:auto}.storage-provider-card{min-height:0;padding:13px}.storage-row-actions{align-items:end}.storage-footer-actions{align-items:stretch;flex-direction:column}.storage-footer-actions>#save-storage-priority{width:100%}.storage-security-note{max-width:none}.storage-security-note summary,.storage-security-note small{text-align:left}}

.cca-background-task-tray{position:fixed;left:20px;bottom:20px;z-index:2147482500;width:min(360px,calc(100vw - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#132c42;color:#fff;box-shadow:0 18px 48px rgba(13,29,43,.28)}
.cca-background-task-tray[hidden]{display:none!important}.cca-background-task-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14)}.cca-background-task-head b{font-size:13px}.cca-background-task-head span{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#6558d8;font-size:11px;font-weight:800}.cca-background-task-list{padding:7px}.cca-background-task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.06);font-size:11px}.cca-background-task-row+.cca-background-task-row{margin-top:5px}.cca-background-task-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cca-background-task-row b{flex:0 0 auto;color:#c8f2da;font-size:10px}.cca-background-task-row.is-error b{color:#ffcbc6}@media(max-width:620px){.cca-background-task-tray{left:12px;bottom:12px;width:calc(100vw - 24px)}}

/* ===== Дизайн v2: один акцент, читаемые таблицы, без обрыва фона, плавающие кнопки не закрывают работу ===== */
:root{--cca-accent:#5b50d6;--cca-accent-hover:#4b40c6;--cca-accent-soft:#eeedfc}
/* Декоративная подложка сверху плавно исчезает, а не режет карточки ровной линией. */
body::before{-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}
/* Всё «активное» — вкладки, сегменты, быстрый период — одним акцентным цветом (раньше синий и тёмно-синий). */
.quick-period.active,.cpa-quick-period.active,.account-tab.active,.billing-tabs button.active,.dg-tab.active,.ab-status-tab.active,.chart-tab.active,.report-tab.active,.source-tab.active,.search-tab.active,.cd-tab.active,.mp-tab.active,.reviews-tab.active,.sw-tab.active{background:var(--cca-accent)!important;border-color:var(--cca-accent)!important;color:#fff!important}
.segmented input:checked+span{background:var(--cca-accent)!important;border-color:var(--cca-accent)!important;color:#fff!important}
.step-number{background:var(--cca-accent)!important}
.registry-sort-icon,a.back,.back-link,.link-button,.date-shortcut,.ab-status-tab{color:var(--cca-accent)}
.ab-status-tab.active .ab-status-count,.account-tab.active span{color:inherit}
/* Заголовки таблиц читаемые: 11 px вместо 9 px. */
th{font-size:11px}
/* Плавающие кнопки: «Обратная связь» — круглая под кнопкой ИИ; у страницы запас снизу, чтобы они не закрывали кнопки и текст. */
.feedback-launch{width:44px!important;height:44px!important;min-width:44px;padding:0!important;justify-content:center;border-color:#d9d5fb!important;color:var(--cca-accent)!important}
.feedback-launch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.feedback-launch i{background:var(--cca-accent)!important}
.cabinet-ai-launch{bottom:76px}
main.shell{padding-bottom:120px}
/* Карточки-ссылки (рабочие места в Автоответах и др.): были голыми подчёркнутыми ссылками. */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:14px 16px}
.entity-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #e3e6ef;border-radius:12px;background:#fff;color:#121829;text-decoration:none}
.entity-card:hover,.entity-card:focus-visible{border-color:#cfcaf7;box-shadow:0 8px 22px -14px rgba(91,80,214,.45);outline:none}
.entity-card h3{margin:0;font-size:15px;font-weight:800}
.entity-card p{margin:0;color:#616980;font-size:13px}

/* ===== Дизайн v2 · облик из макетов аудита: холодный светлый фон, белые карточки, мягкие скругления ===== */
:root{
  --cca-paper:#f4f5f9;--cca-surface:#ffffff;--cca-line:#e3e6ef;--cca-ink:#121829;--cca-muted:#616980;--cca-navy:#0f2c47;--cca-radius:12px;
  --bg:#f4f5f9;--card:#ffffff;--line:#e3e6ef;--text:#121829;--muted:#616980;--primary:#5b50d6;--blue:#5b50d6;
}
body{background:var(--cca-paper);color:var(--cca-ink)}
/* Шапка: тёмно-синяя, разделы — «таблетками» */
.app-nav{background:#0f2c47;border-bottom:0;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.nav-section-title{font:700 13px Manrope,"Segoe UI",Arial,sans-serif;color:#c7d6e4;border-radius:9px;padding:8px 12px}
.nav-section-title:hover,.nav-group:focus-within>.nav-section-title,.nav-group.has-active>.nav-section-title{background:#1c4366;color:#fff}
.nav-group-links{background:#0f2c47;border-color:#24496c;border-radius:14px;padding:8px}
.nav-group-links .nav-link{font-size:13px;font-weight:650;border-radius:9px;padding:9px 12px}
.nav-group-links .nav-link:hover,.nav-group-links .nav-link.active{background:#1c4366;color:#fff}
/* Заголовок страницы */
h1{font-family:Unbounded,Manrope,sans-serif;font-weight:600;font-size:26px;letter-spacing:-.01em;line-height:1.2}
.topbar .subtitle,.subtitle{color:var(--cca-muted);font-size:13.5px}
/* Карточки и панели */
.panel,.card,.cards>.card,.metric-card,.kpi-card,.stat-card{background:#fff;border:1px solid var(--cca-line);border-radius:14px;box-shadow:none}
.panel-head{border-bottom-color:#eef0f5}
.panel-head h2,.panel h2{font-size:15px;font-weight:800;letter-spacing:0}
/* Кнопки */
.btn{border-radius:10px;border:1px solid var(--cca-line);background:#fff;color:var(--cca-ink);font-weight:700;font-size:13px;min-height:38px;box-shadow:none}
.btn:hover{border-color:#c9cde0;transform:none}
.btn.primary,.btn-primary,button.primary{background:var(--cca-accent);border-color:var(--cca-accent);color:#fff}
.btn.primary:hover,.btn-primary:hover,button.primary:hover{background:var(--cca-accent-hover);border-color:var(--cca-accent-hover)}
/* Поля */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:10px;border-color:#dfe2ea;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cca-accent);box-shadow:0 0 0 3px var(--cca-accent-soft)}
input[type=checkbox],input[type=radio]{accent-color:var(--cca-accent)}
.field label,label.field-label{font-size:12px;font-weight:800;color:var(--cca-muted);text-transform:none;letter-spacing:0}
/* Таблицы */
th{background:#f7f8fb;color:#7a8196;font-size:11px;font-weight:800;letter-spacing:.04em}
td{border-color:#eef0f5}
tbody tr:hover td{background:#f8f9fc}
/* Быстрый период и сегменты — как переключатели в макетах */
.quick-period,.cpa-quick-period{border-radius:999px;border-color:var(--cca-line);background:#fff;font-weight:700}
.segmented span{border-radius:9px;border-color:var(--cca-line)}
/* Плашки-подсказки */
.note,.muted{color:var(--cca-muted)}
/* Графики CCACharts (cca-charts.js) */
.cca-chart{position:relative}
.cca-chart-svg{display:block;width:100%;height:auto}
.cca-grid{stroke:#eef0f5;stroke-width:1}
.cca-axis{fill:#8d93a6;font:600 11px Manrope,"Segoe UI",Arial,sans-serif}
.cca-axis-line{fill:#12805c}
.cca-bar{transition:opacity .15s}
.cca-hl{fill:#5b50d6;fill-opacity:.06}
.cca-legend{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:flex-end;font-size:12px;color:#616980;margin-bottom:4px}
.cca-legend span,.cca-chart-tip span,.cca-donut-list li{display:flex;align-items:center;gap:6px}
.cca-legend i,.cca-chart-tip i,.cca-donut-list i{width:10px;height:10px;border-radius:3px;flex:none}
.cca-chart-tip{position:absolute;top:30px;z-index:5;min-width:170px;padding:9px 11px;border-radius:10px;background:#121829;color:#fff;font-size:12px;box-shadow:0 12px 30px rgba(16,24,48,.3);pointer-events:none;display:flex;flex-direction:column;gap:4px}
.cca-chart-tip strong{font-size:12px;margin-bottom:2px}
.cca-chart-tip b{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}
.cca-chart-tip .sum{border-top:1px solid rgba(255,255,255,.18);padding-top:4px;margin-top:2px}
.cca-chart-empty{color:#8d93a6;font-size:13px;text-align:center;padding:40px 0}
.cca-spark{display:block;width:100%;height:100%}
.cca-donut{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cca-donut-svg{width:150px;height:150px;flex:none}
.cca-donut-total{font:800 18px Manrope,"Segoe UI",Arial,sans-serif;fill:#121829}
.cca-donut-cap{font:600 9px Manrope,"Segoe UI",Arial,sans-serif;fill:#8d93a6}
.cca-donut-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-width:170px;font-size:13px}
.cca-donut-list span{flex:1;color:#344054}
.cca-donut-list b{font-variant-numeric:tabular-nums}
.cca-donut-list em{font-style:normal;color:#8d93a6;font-size:12px;width:38px;text-align:right}
.autosave-status{font-size:12px;font-weight:700;color:#12805c;margin-left:8px}
.autosave-status.is-error{color:#d1361f}
/* Центр сообщений на телефоне: пустая панель «Выберите диалог» не занимает пол-экрана под списком. */
@media(max-width:780px){#conversation-pane:has(> #conversation-active.hidden){display:none}}
/* Целевые действия: статусы — компактные вкладки с числами вместо крупных кнопок. */
.status-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:4px;margin-bottom:14px;background:#eceef4;border-radius:12px;width:fit-content;max-width:100%}
.status-tabs .btn{min-height:32px;min-width:0;width:auto;padding:6px 12px;border:0;background:transparent;color:#616980;font-size:13px;font-weight:700;gap:6px}
.status-tabs .btn:hover{background:rgba(255,255,255,.6);color:#121829}
.status-tabs .btn.primary{background:#fff;color:#121829;box-shadow:0 1px 2px rgba(16,24,48,.14)}
.status-tabs .status-count{font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:#dfe2ea;color:#4a5168}
.status-tabs .btn.primary .status-count{background:#eeedfc;color:#5b50d6}

/* ===== Дизайн v2 · шапка как в макете: логотип CCA, разделы-таблетки, баланс справа ===== */
.app-nav{background:#0f2c47!important;border:0!important}
.app-nav-inner{min-height:60px;gap:6px;max-width:1540px}
.cca-brand{display:flex;align-items:center;gap:9px;margin-right:10px;text-decoration:none;flex:none}
.cca-logo{font:700 17px Unbounded,Manrope,sans-serif;letter-spacing:.06em;background:linear-gradient(135deg,#6fe3c1,#7b6dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cca-global-search{width:190px!important;min-height:36px;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#c7d6e4}
.cca-global-search input{color:#fff}
.cca-global-search input::placeholder{color:#9fb4c8}
.cca-global-search kbd{background:rgba(255,255,255,.1);border-color:transparent;color:#9fb4c8}
.nav-section-title{min-height:36px;padding:8px 13px!important;font-size:14px!important;font-weight:700!important;color:#c7d6e4!important}
.nav-section-arrow{display:none}
.nav-group.has-active>.nav-section-title,.nav-section-title:hover,.nav-group:focus-within>.nav-section-title{background:#1c4366!important;color:#fff!important}
.cca-wallet-pill{min-height:44px;border:0!important;border-radius:11px!important;background:#1c4366!important;padding:5px 13px!important;color:#fff}
.cca-wallet-pill svg{display:none}
.cca-wallet-pill small{color:#9fb4c8!important;font-size:11px!important;font-weight:600}
.cca-wallet-pill b{font-size:15px!important;color:#fff!important}
.cca-nav-icon-button,.cca-shortcuts-button{border:0!important;background:transparent!important;color:#c7d6e4!important;border-radius:10px!important}
.cca-nav-icon-button:hover,.cca-shortcuts-button:hover{background:#1c4366!important;color:#fff!important}
.cca-note-sticker{transform:none!important}
/* ===== Дизайн v2 · элементы управления как в макете ===== */
@media(min-width:781px){.app-nav-primary{justify-content:flex-start!important;margin-left:4px}}
/* Быстрый период — один переключатель-«таблетка» */
.call-quick,.cpa-quick-periods,.cd-quick-periods{display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:2px!important;padding:3px;border-radius:11px;background:#eceef4;width:fit-content;max-width:100%;justify-self:end}
.call-quick>span:not([data-call-filter-status]),.cpa-quick-periods>span,.cd-quick-periods>span{display:none}
.quick-period,.cpa-quick-period,.cd-quick-period{border:0!important;background:transparent!important;color:#616980!important;border-radius:9px!important;padding:6px 11px!important;font-size:12.5px!important;font-weight:700!important;min-height:0!important;box-shadow:none!important}
.quick-period:hover,.cpa-quick-period:hover,.cd-quick-period:hover{color:#121829!important}
.quick-period.active,.cpa-quick-period.active,.cd-quick-period.active{background:#fff!important;color:#121829!important;box-shadow:0 1px 2px rgba(16,24,48,.14)!important}
/* Сегменты «Все / Первичные / Повторные» */
.segmented{display:inline-flex!important;flex-wrap:wrap;gap:2px!important;padding:3px;border-radius:11px;background:#eceef4}
.segmented span{border:0!important;background:transparent!important;color:#616980!important;padding:7px 12px!important;border-radius:9px!important;font-size:13px!important}
.segmented input:checked+span{background:#fff!important;color:#121829!important;box-shadow:0 1px 2px rgba(16,24,48,.14)!important}
/* Вкладки «Список / Графики» */
.call-tabs,.cpa-view-tabs{display:inline-flex!important;gap:2px!important;padding:3px;border-radius:11px;background:#eceef4;width:fit-content}
.call-tabs .btn,.cpa-view-tabs .btn{border:0!important;background:transparent!important;color:#616980!important;min-height:34px!important;min-width:0!important;padding:6px 16px!important;border-radius:9px!important;box-shadow:none!important}
.call-tabs .btn.primary,.cpa-view-tabs .btn.primary{background:#fff!important;color:#121829!important;box-shadow:0 1px 2px rgba(16,24,48,.14)!important}
/* Карточки показателей — как на Дашборде */
.call-kpi,.cpa-kpi{padding:14px 16px!important;border-radius:14px!important}
.call-kpi span,.cpa-kpi span{font-size:12px!important;font-weight:700;color:#616980!important}
.call-kpi b,.cpa-kpi b{font-size:26px!important;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}
/* Справка: карточки статей без подчёркнутых заголовков */
.help-index-card h2 a,.help-articles h2 a,.help-card h2 a{text-decoration:none;color:#121829}
.help-index-card h2 a:hover,.help-articles h2 a:hover,.help-card h2 a:hover{color:#5b50d6}
/* Аккаунты: строки таблицы не растягиваются из-за узкой колонки тарифа; названия без подчёркивания */
.cabinet-row td[data-col="tariff_renews_at"]{min-width:230px;max-width:260px}
.cabinet-row td[data-col="tariff_renews_at"] small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cabinet-row td[data-col="name"] a{text-decoration:none;color:#121829;font-weight:800}
.cabinet-row td[data-col="name"] a:hover{color:#5b50d6}
/* Центр сообщений: кнопки боковой панели не растягиваются в квадраты */
.conversation-sidebar-body{align-items:end}
.conversation-sidebar-body>.btn{align-self:end;height:auto;min-height:38px;width:100%}

/* дизайн v2: ссылки-действия в заголовках карточек выглядят одинаково */
.panel-head .link-button{font-size:13px;font-weight:700;text-decoration:none;color:var(--cca-accent)}
.panel-head .link-button:hover{text-decoration:underline}
/* дизайн v2, телефон: вкладки статусов и переключатели — одной строкой с прокруткой */
@media(max-width:640px){
.status-tabs,.call-subfilters .segmented{flex-wrap:nowrap!important;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.status-tabs::-webkit-scrollbar,.call-subfilters .segmented::-webkit-scrollbar{display:none}
.status-tabs .btn,.call-subfilters .segmented label{flex:none;white-space:nowrap}
}

/* дизайн v2: ИИ-помощник и обратная связь — значки в верхней панели, а не плавающие кнопки поверх страницы */
.feedback-launch,.cabinet-ai-launch{display:none!important}
.cabinet-ai-panel:not(.cabinet-ai-fullscreen){top:70px;bottom:auto;right:18px;height:min(620px,calc(100vh - 90px))}
@media(max-width:620px){.cca-nav-ai,.cca-nav-feedback{display:none!important}.cabinet-ai-panel:not(.cabinet-ai-fullscreen){top:64px;right:7px;height:calc(100dvh - 76px)}}

/* дизайн v2: реестр аккаунтов — колонки не сжимаются в столбик */
.cabinet-row td[data-col="autoload"]{min-width:215px}
.cabinet-row td[data-col="recommendation"]{min-width:160px}
.cabinet-row td[data-col="updated_at"]{min-width:130px;white-space:nowrap}
.cabinet-row .clock{display:inline-flex;vertical-align:middle;color:#8a91a6;margin:3px 4px 0 0}

/* дизайн v2: значки вместо эмодзи и спокойные служебные подписи */
.ui-icon{display:inline-block;vertical-align:-2px;flex:none}
.cpa-icon{color:#5b50d6;background:#eeedfc!important}
.conversation-empty-icon{color:#b9bdd3;font-size:0!important;margin-bottom:6px}
.message-remind{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;padding:0;border:0;border-radius:6px;background:transparent;color:#8a91a6;opacity:.35!important;cursor:pointer;vertical-align:middle;transition:opacity .15s,background .15s}
.chat-message:hover .message-remind,.message-remind:focus-visible,.message-remind:hover{opacity:1!important;background:#eeedfc;color:#5b50d6}
.call-listing-unknown{color:#8a91a6;font-weight:600}
.call-transcript-empty{border:0!important;background:none!important;box-shadow:none!important;color:#8a91a6!important;font-weight:600!important;padding:0 6px!important;min-height:0!important;cursor:default}

/* дизайн v2: мелочи после дизайнерского прохода */
.process-note{align-content:start;align-self:start}
.ab-page-size label{white-space:nowrap;font-size:12px!important}
.ab-page-size select,.ab-page-size .cca-select{width:auto!important;min-width:76px;max-width:96px}
#dg-generate{max-height:48px;align-self:start;width:100%}
.cca-integration-notice{margin:12px 0 14px!important}
.avito-job-head{justify-content:flex-start!important}
.avito-job-name{order:-1;flex:1;min-width:0;font-size:13px!important;text-align:left}
.avito-job-url{display:block;font-family:inherit!important;font-size:12px!important;color:#616980;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal!important}
.avito-link-accent{color:#067647!important}
/* пустые состояния — тем же размером, что и остальной текст */
.empty p,.empty-state p,.cpa-empty p,.conversation-empty p,.mailing-empty p{font-size:14px;line-height:1.5;color:#616980}
.empty-state{grid-column:1/-1}
.empty-state h2{font-size:15px;margin:0 0 6px}
.empty-state p{max-width:520px;margin-left:auto;margin-right:auto}
.registry-scroll-proxy{background:rgba(244,245,249,.92)!important;border:0!important;border-top:1px solid #e3e6ef!important;border-radius:0!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:#b9bdd3 transparent}
.registry-scroll-proxy::-webkit-scrollbar{height:10px}
.registry-scroll-proxy::-webkit-scrollbar-thumb{background:#b9bdd3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.avito-table th,.avito-table th:last-child{background:#f6f7fa!important}
.cpa-review p{font-size:14px!important;line-height:1.5}
@media(max-width:700px){.cd-quick-periods{justify-self:stretch!important;justify-content:flex-start!important}.cd-context-note::before{content:none!important}}
/* телефон: окно диалога растёт по содержимому, поле ответа и кнопка «Отправить» не обрезаются */
@media(max-width:900px){
.message-layout .conversation-pane{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
.message-layout .conversation-pane .messages-scroll{max-height:60dvh;overflow-y:auto}
}
/* оригинальный логотип CCA с подписью «Control Center / AVITO» — подпись видна, пока хватает места */
@media(min-width:1201px){.cca-brand-copy{display:grid!important}}
.account-chart-linked{white-space:nowrap;margin-right:6px;font-size:13px!important;font-weight:600;color:#344054}
