:root{
  --canonical-violet:#5b38f5;--canonical-violet-2:#7657ff;--canonical-violet-soft:#f0edff;
  --canonical-ink:#15152b;--canonical-text:#34415f;--canonical-muted:#6e7188;
  --canonical-line:#e5e5ef;--canonical-canvas:#f7f8fc;--canonical-green:#20a853;
  --canonical-shadow:0 10px 30px rgba(46,38,89,.08);--sidebar:272px;--topbar:68px;
}

/* ========================================================================== */
/* Canonical secondary screens: one full-width canvas, never a centered demo. */
/* ========================================================================== */

.screen-host .kn-wrap,
.screen-host .lv-wrap,
.screen-host .cr-wrap,
.screen-host .pr-wrap,
.screen-host .tm-wrap,
.screen-host .pj-wrap,
.screen-host .rp2 {
  width: 100%;
  max-width: none;
  margin: 0;
}

.screen-host .kn,
.screen-host .lv,
.screen-host .crv,
.screen-host .prv,
.screen-host .tmv,
.screen-host .pjv,
.screen-host .rp2,
.screen-host .vav,
.screen-host .mlv {
  min-width: 0;
  min-height: 100%;
  font-size: 14px;
}

.screen-host .kn-wrap,
.screen-host .lv-wrap,
.screen-host .cr-wrap,
.screen-host .pr-wrap,
.screen-host .tm-wrap,
.screen-host .pj-wrap,
.screen-host .rp2,
.screen-host .vav > section,
.screen-host .mlv > section {
  padding: 24px 26px 30px;
}

.screen-host .page-head h1,
.screen-host .kn-title,
.screen-host .cr-title,
.screen-host .pr-title,
.screen-host .tm-title,
.screen-host .pj-title {
  font-size: 28px !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

.screen-host .page-head .sub,
.screen-host .kn-sub,
.screen-host .cr-sub,
.screen-host .pr-sub,
.screen-host .tm-sub-h,
.screen-host .pjv .page-head .sub {
  font-size: 14px !important;
  line-height: 1.5;
}

/* Settings: same visible hierarchy as the approved settings references. */
.settings-page {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 22px 26px 0;
  overflow: hidden;
}

.settings-page-head {
  flex: 0 0 auto;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 14px;
  border-bottom: 1px solid #e4e8f2;
}

.settings-page .st-title {
  font-size: 28px !important;
  font-weight: 750 !important;
}

.settings-page .st-sub {
  max-width: none !important;
  margin-top: 6px !important;
  font-size: 14px !important;
}

.settings-tabs {
  width: 100%;
  margin-top: 18px;
}

.settings-page .settings-tabs .seg {
  width: 100%;
  display: flex !important;
  gap: 8px !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.settings-page .settings-tabs .seg button {
  min-height: 42px !important;
  padding: 0 17px !important;
  border: 1px solid #dfe4ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-size: 13px !important;
}

.settings-page .settings-tabs .seg button.on {
  border-color: #5b38f5 !important;
  background: linear-gradient(135deg, #4c2cdd, #6f49ff) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgb(91 56 245 / .2) !important;
}

.settings-workspace {
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px 0 28px;
}

.settings-panel-scroll {
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.settings-page .card {
  border-radius: 14px !important;
}

.settings-page .card .card-head {
  min-height: 52px;
  padding: 14px 16px !important;
}

.settings-page .card .card-head .t {
  font-size: 15px !important;
}

.settings-page table.data {
  font-size: 14px !important;
}

.settings-page table.data th,
.settings-page table.data td {
  padding: 11px 14px !important;
}

.settings-page .int-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  padding: 16px !important;
}

.settings-page .int-tile {
  min-height: 142px;
  padding: 16px !important;
}

/* Guided onboarding remains a BuhGPT flow, but follows the same shell rhythm. */
.onboarding-page {
  width: 100%;
  min-height: 100dvh !important;
  background: #f7f8fc !important;
}

.onboarding-page .o2-head {
  height: 76px;
  padding-inline: 32px !important;
  background: #fff !important;
}

.onboarding-page .onboarding-progress {
  width: min(560px, 100%);
}

.onboarding-page .o2-layout {
  width: min(1520px, 100%);
  grid-template-columns: minmax(600px, 1fr) 390px !important;
  justify-content: stretch !important;
  gap: 34px !important;
  padding: 42px 42px 52px !important;
  margin: 0 auto;
}

.onboarding-step {
  padding: 30px 34px !important;
  border: 1px solid #e2e6ef;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 50px rgb(22 29 57 / .06);
}

.onboarding-step h1 {
  font-size: clamp(34px, 3.2vw, 52px) !important;
}

.onboarding-step .o2-opt {
  min-height: 126px;
}

.onboarding-actions {
  position: sticky;
  bottom: 0;
  z-index: 3;
  padding: 16px 0 2px;
  background: linear-gradient(180deg, rgb(255 255 255 / 0), #fff 22%);
}

.onboarding-page .o2-prov-inner {
  width: min(1180px, 100%) !important;
}

@media (max-width: 1100px) {
  .onboarding-page .o2-layout {
    grid-template-columns: 1fr !important;
  }
}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--canonical-canvas);color:var(--canonical-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit}*{box-sizing:border-box}

/* Canonical BuhGPT shell: this is the approved prototype shell, not an Aurora restyle. */
#app.app-shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);overflow:hidden;background:var(--canonical-canvas)}
#app.app-shell[data-sidebar-mode="compact"]{grid-template-columns:82px minmax(0,1fr)}
#nav.app-sidebar{position:relative;width:auto;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:0;border-right:1px solid var(--canonical-line);border-radius:0;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%);color:var(--canonical-ink);z-index:30}
#nav .app-brand{height:72px;flex:0 0 72px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--canonical-line);color:var(--canonical-ink);font-size:16px;font-weight:750;white-space:nowrap}
#nav .app-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--canonical-violet-2),#4322da);color:#fff;box-shadow:0 10px 24px rgba(91,56,245,.23)}
#nav .app-logo svg{width:22px;height:22px}
#nav .app-nav{min-height:0;flex:1;overflow:auto;padding:14px 10px 18px;scrollbar-width:thin;scrollbar-color:#d8d5ea transparent}
#nav .nav-group{margin:0 0 8px}
#nav .nav-group-toggle{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0 12px;color:#87899c;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}
#nav .nav-group-toggle i{font-style:normal;transition:.18s}#nav .nav-group-toggle[aria-expanded="false"] i{transform:rotate(-90deg)}
#nav .nav-group-panel{display:grid;gap:3px}#nav .nav-group-panel[hidden]{display:none}
#nav .nav-item{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:11px;border:0;border-radius:11px;background:transparent;padding:0 12px;color:#4d5068;text-align:left;font-size:14px;font-weight:600;text-decoration:none}
#nav .nav-item:hover{background:#f3f0ff;color:var(--canonical-violet)}
#nav .nav-item.active{background:linear-gradient(90deg,#eeeaff,#f7f5ff);color:#4b27dc}
#nav .nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--canonical-violet)}
#nav .nav-item>svg{width:19px;height:19px;flex:0 0 19px}
#nav .nav-item em{margin-left:auto;min-width:22px;padding:2px 6px;border-radius:10px;background:#ebe7ff;color:#5530e6;font-style:normal;font-size:11px;text-align:center}
#nav .app-profile{height:72px;flex:0 0 72px;display:flex;align-items:center;gap:10px;padding:0 14px;border:0;border-top:1px solid var(--canonical-line);background:#fff;text-align:left}
#nav .profile-photo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#d7b99e;color:#fff;font-size:12px}
#nav .app-profile b,#nav .app-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav .app-profile b{color:var(--canonical-ink);font-size:13px}#nav .app-profile small{margin-top:3px;color:var(--canonical-muted);font-size:11px}
#nav .profile-context{position:relative;border-top:1px solid var(--canonical-line);background:#fff}
#nav .profile-context .app-profile{border-top:0;cursor:pointer}
#nav .profile-context-chevron{width:16px;height:16px;flex:0 0 16px;color:#7b8297}
#nav .profile-context-menu{position:absolute;left:10px;right:10px;bottom:76px;z-index:80;padding:8px;border:1px solid var(--canonical-line);border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(35,27,72,.18)}
#nav .profile-context-menu[hidden]{display:none}
#nav .profile-context-menu>strong{display:block;padding:5px 8px 7px;color:#7b8297;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
#nav .profile-context-option{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:0;border-radius:9px;background:#fff;color:var(--canonical-ink);text-align:left;cursor:pointer}
#nav .profile-context-option:hover{background:#f3f0ff}.profile-context-option.current{background:#f7f5ff;color:var(--canonical-violet);cursor:default}
#nav .profile-context-option b,#nav .profile-context-option small{display:block}#nav .profile-context-option b{font-size:13px}#nav .profile-context-option small{margin-top:2px;color:#7b8297;font-size:11px}#nav .profile-context-option svg{width:16px;height:16px}
#nav .sidebar-collapse{height:50px;flex:0 0 50px;border:0;border-top:1px solid var(--canonical-line);background:#fff;color:#777a91;text-align:left;padding:0 18px;font-size:13px}
#main.app-work{height:100dvh;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--canonical-canvas)}
#topbar.app-topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;gap:10px;padding:0 24px;border:0;border-bottom:1px solid var(--canonical-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}
#topbar .topbar-spacer{flex:1}
#topbar .mobile-menu,#topbar .icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--canonical-line);border-radius:11px;background:#fff;color:#59627b}
#topbar .mobile-menu{display:none}#topbar .icon-btn svg{width:18px;height:18px}
#topbar .global-search{width:min(680px,54vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--canonical-line);border-radius:12px;background:#fafaff;color:#8792ab}
#topbar .global-search svg{width:16px;height:16px}#topbar .global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--canonical-text);font-size:14px}#topbar .global-search kbd{border:0;border-radius:5px;background:#f0f1f6;padding:3px 6px;color:#7a86a2;font-size:10px}
#topbar .primary-btn{min-height:42px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--canonical-violet-2),var(--canonical-violet));color:#fff;font-size:14px;font-weight:750;box-shadow:0 8px 20px rgba(91,56,245,.19)}
#screen.screen-host{min-width:0;min-height:0;flex:1;overflow:hidden;background:var(--canonical-canvas)}

#app.app-shell[data-sidebar-mode="compact"] #nav .app-brand b,
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-group-toggle span,
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-group-toggle i,
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-item span,
#app.app-shell[data-sidebar-mode="compact"] #nav .app-profile>span:last-child,
#app.app-shell[data-sidebar-mode="compact"] #nav .sidebar-collapse span{display:none}
#app.app-shell[data-sidebar-mode="compact"] #nav .app-brand,#app.app-shell[data-sidebar-mode="compact"] #nav .app-profile{justify-content:center;padding:0}
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-group-toggle{height:8px}
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-item{justify-content:center;padding:0}
#app.app-shell[data-sidebar-mode="compact"] #nav .nav-item em{position:absolute;right:0;top:0;min-width:15px;padding:1px 3px}
#app.app-shell[data-sidebar-mode="compact"] #nav .profile-context-menu{left:72px;right:auto;bottom:0;width:260px}
#app.app-shell[data-sidebar-mode="compact"] #nav .sidebar-collapse{text-align:center;padding:0}

/* Approved Inbox geometry. Live data stays in inbox-v2; presentation follows the prototype. */
#screen .inbox-page{height:100%;min-height:0;display:grid;grid-template-rows:auto 72px minmax(0,1fr);gap:12px;padding:14px 16px 0;overflow:hidden;color:var(--canonical-text)}
#screen .inbox-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}#screen .inbox-page-head h1{margin:0;color:var(--canonical-ink);font-size:26px;line-height:1.15;letter-spacing:-.025em}#screen .inbox-page-head p{max-width:900px;margin:5px 0 0;color:#5f6e8d;font-size:13px;line-height:1.4}#screen .inbox-date button{height:36px;padding:0 12px;border:1px solid var(--canonical-line);border-radius:9px;background:#fff;color:#53617e;font-size:12px;display:inline-flex;align-items:center;gap:7px}
#screen .inbox-kpis{height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;border:1px solid var(--canonical-line);border-radius:13px;background:#fff;overflow:hidden}
#screen .inbox-kpi{min-width:0;display:flex;align-items:center;gap:10px;padding:0 13px;border-right:1px solid var(--canonical-line)}#screen .inbox-kpi:last-child{border-right:0}#screen .inbox-kpi>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--canonical-violet-soft);color:var(--canonical-violet)}#screen .inbox-kpi>i svg{width:16px;height:16px}#screen .inbox-kpi .v{display:block;color:var(--canonical-ink);font-size:23px;font-weight:700;line-height:1}#screen .inbox-kpi .l{display:block;margin-top:5px;color:#53617e;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#screen .inbox-kpi.ok .v{color:var(--canonical-green)}
#screen .inbox-workspace{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr) 304px;margin:0;border:1px solid var(--canonical-line);border-bottom:0;border-radius:13px 13px 0 0;background:#fff;overflow:hidden;box-shadow:var(--canonical-shadow)}
#screen .thread-column,#screen .chat-column,#screen .contact-panel{min-width:0;min-height:0}
#screen .thread-column{display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid var(--canonical-line)}
#screen .thread-tools{padding:10px 11px}#screen .thread-tools label{height:36px;border-color:var(--canonical-line);border-radius:9px;background:#fff}#screen .thread-tools input{font-size:13px}#screen .thread-tools>button{width:36px;height:36px;border-color:var(--canonical-line);border-radius:9px;background:#fff}
#screen .iv-advanced{top:54px;border-color:var(--canonical-line);background:#fff}#screen .iv-chips{gap:7px;padding:9px 11px;border-bottom:1px solid var(--canonical-line)}#screen .iv-chip{height:28px;border-color:var(--canonical-line);background:#fff;color:#4e5d7b;font-size:11.5px}#screen .iv-chip.on{background:var(--canonical-violet);border-color:var(--canonical-violet);color:#fff}
#screen .thread-scroll{min-height:0;overflow:auto;scrollbar-width:thin}#screen .thread-group>header{height:34px;background:#fbfbff}#screen .thread-row{min-height:75px;padding:10px 11px;border-color:var(--canonical-line);grid-template-columns:36px minmax(0,1fr) auto}#screen .thread-row:hover,#screen .thread-row.sel{background:#f7f5ff}#screen .thread-row.sel:before{background:var(--canonical-violet)}#screen .thread-avatar{width:36px;height:36px;background:#d7cbff;color:var(--canonical-violet);font-size:12px}#screen .thread-row .nm b{font-size:13px}#screen .thread-row .prev{font-size:11.5px;line-height:1.35}
#screen .chat-column{display:flex;flex-direction:column;background:#fff}#screen .iv-ch-head{min-height:56px;padding:9px 13px;border-color:var(--canonical-line)}#screen .iv-ch-head .who{color:var(--canonical-ink);font-size:17px}#screen .iv-ch-head .ctx{font-size:11.5px}#screen .iv-iconbtn{width:34px;height:34px;border-color:var(--canonical-line);border-radius:9px;background:#fff}
#screen .ai-summary{margin:10px 12px 0;padding:11px 13px;border:1px solid #ded8ff;border-radius:10px;background:#fdfcff}#screen .ai-summary h3{font-size:12.5px}#screen .ai-summary header span{font-size:10.5px}#screen .ai-summary li{font-size:12.5px;line-height:1.45}
#screen .message-scroll{min-height:0;flex:1;overflow:auto;padding:11px 14px;gap:9px;scrollbar-width:thin}#screen .iv-msg{max-width:74%;padding:9px 12px;border-radius:13px;font-size:12.5px;line-height:1.5}#screen .iv-convline,#screen .iv-convnext,#screen .iv-convsig{font-size:12px}
#screen .composer-tabs{height:36px;padding:0 13px;gap:22px}#screen .composer-tabs button{height:36px;font-size:12px}#screen .iv-composer{padding:10px 13px;border-color:var(--canonical-line);background:#fff}#screen .iv-input{min-height:40px;border-color:var(--canonical-line);font-size:12.5px}#screen .iv-send{height:40px;font-size:12.5px;background:linear-gradient(135deg,var(--canonical-violet-2),var(--canonical-violet))}
#screen .contact-panel{overflow:auto;padding:14px;border-left:1px solid var(--canonical-line);scrollbar-width:thin}#screen .iv-ct-head h2{color:var(--canonical-ink);font-size:17px}#screen .iv-ct-av{width:44px;height:44px}#screen .iv-ct-facts dt,#screen .iv-ct-facts dd,#screen .iv-ct-quick button,#screen .iv-ct-quick a{font-size:12px}
#screen .inbox-workspace.contact-drawer{grid-template-columns:280px minmax(0,1fr)}
#screen .inbox-workspace.contact-drawer .contact-panel{position:absolute;right:0;top:0;bottom:0;width:312px;transform:translateX(100%);background:#fff;box-shadow:var(--canonical-shadow);z-index:8;transition:transform .2s}
#screen .inbox-workspace.contact-drawer.contact-open .contact-panel{display:block;transform:none}
#screen .inbox-workspace.contact-drawer .iv-contact-toggle{display:grid}

/* Canonical P0 pages. These hooks let live screen adapters render inside the exact
   full-width approved geometry instead of creating small centered mini-apps. */
#screen .today-page,#screen .dial-page,#screen .leads-page,#screen .clients-page,#screen .funnel-page{
  width:100%;max-width:none;min-height:100%;margin:0;padding:22px;
  color:var(--canonical-text);background:var(--canonical-canvas);font-size:14px;
}
#screen .today-page-head,#screen .dial-page-head,#screen .leads-page-head,#screen .clients-page-head,#screen .funnel-page-head{
  min-height:54px;margin:0 0 16px;align-items:flex-start;
}
#screen .today-page-head h1,#screen .dial-page-head h1,#screen .leads-page-head h1,#screen .clients-page-head h1,#screen .funnel-page-head h1{
  margin:0;color:var(--canonical-ink);font-size:28px;line-height:1.14;letter-spacing:-.025em;font-weight:750;
}
#screen .today-page-head .sub,#screen .dial-page-head .sub,#screen .leads-page-head .ld-sub,#screen .clients-page-head .cl-sub,#screen .funnel-page-head .sub{
  max-width:960px;margin-top:7px;color:#5f6e8d;font-size:14px;line-height:1.45;
}
#screen .today-workspace{width:100%;max-width:none;margin:0}
#screen .today-kpis,#screen .dial-kpis,#screen .leads-kpis,#screen .clients-kpis,#screen .funnel-kpis{margin:0 0 16px}

/* Today: large first-screen work list, analytics below remain available but folded. */
#screen .today-page{overflow:auto;scrollbar-width:thin}
#screen .today-page .td-stats{gap:14px}
#screen .today-page .td-metric{min-height:116px!important;padding:18px!important;background:#fff!important;border-color:var(--canonical-line)!important}
#screen .today-page .td-metric .v{font-size:30px!important}
#screen .today-page .td-worklist{border-color:var(--canonical-line);border-radius:14px;background:#fff;box-shadow:var(--canonical-shadow);overflow:hidden}
#screen .today-page .td-workbar{min-height:60px;padding:10px 14px;gap:8px;background:#fff}
#screen .today-page .td-view{min-height:38px;padding:0 15px;border-radius:10px;font-size:13px}
#screen .today-page .td-search{height:38px;min-width:280px;border-radius:10px;font-size:13px}
#screen .today-table-scroll{height:min(52vh,590px);min-height:330px;overflow:auto;scrollbar-width:thin}
#screen .today-page .td-worktable{min-width:1080px;font-size:14px}
#screen .today-page .td-worktable th{height:46px;font-size:12px;background:#fafaff}
#screen .today-page .td-worktable td{padding:15px 16px}
#screen .today-page .td-client b,#screen .today-page .td-next{font-size:14px}
#screen .today-page .td-insights{margin-top:14px;background:#fff;border:1px solid var(--canonical-line);border-radius:13px}

/* Daily dial plan: header/KPIs stay visible, assigned/agenda fold, queue scrolls independently. */
#screen .dial-page{display:flex;flex-direction:column;overflow:visible}
#screen .dial-page .dl-head-act{align-items:center}
#screen .dial-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#screen .dial-page .dl-kpi{min-height:112px;padding:18px;border-color:var(--canonical-line);background:#fff;border-radius:14px;box-shadow:none}
#screen .dial-page .dl-kpi strong{font-size:30px}
#screen .dial-workspace{flex:0 1 220px;display:grid;gap:10px;max-height:min(25vh,220px);margin:0 0 12px;overflow:auto;scrollbar-width:thin}
#screen .dial-page .dl-panel{border-color:var(--canonical-line);border-radius:13px;background:#fff;box-shadow:var(--canonical-shadow);overflow:hidden}
#screen .dial-page>.dl-panel:last-of-type{min-height:0;display:flex;flex:1;flex-direction:column}
#screen .dial-page .dl-phead{min-height:54px;padding:0 16px;font-size:15px}
#screen .dial-page .dl-phint{padding:10px 16px;font-size:12px;line-height:1.45;background:#fafaff}
#screen .dial-page .dl-tools{padding:12px 16px}
#screen .dial-page .dl-tools input,#screen .dial-page .dl-tools select{height:40px;font-size:13px}
#screen .dial-queue-scroll{min-height:180px;flex:1;overflow:auto;scrollbar-width:thin}
#screen .dial-page .dl-row{min-height:76px;padding:12px 16px}
#screen .dial-page .dl-title b{font-size:14px}#screen .dial-page .dl-ct{font-size:12px}

/* Leads and clients: desktop data tables occupy the viewport and own their scroll. */
#screen .leads-page,#screen .clients-page{display:flex;flex-direction:column;overflow:hidden}
#screen .leads-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#screen .leads-page .ld-kpi{min-height:112px;padding:18px;border-color:var(--canonical-line);background:#fff;border-radius:14px;box-shadow:none}
#screen .leads-page .ld-kpi-v{font-size:30px}
#screen .leads-workspace,#screen .clients-workspace{min-height:0;display:flex;flex:1;flex-direction:column;border-color:var(--canonical-line);border-radius:13px;background:#fff;box-shadow:var(--canonical-shadow);overflow:hidden}
#screen .leads-page .ld-panel-head,#screen .clients-page .cl-panel-head{min-height:54px;padding:10px 15px;background:#fff}
#screen .leads-page .ld-toolbar{min-height:58px;padding:10px 15px;background:#fff}
#screen .leads-page .ld-search{height:40px;width:min(360px,30vw)}
#screen .leads-table-scroll,#screen .clients-table-scroll{min-height:0;max-height:none!important;flex:1;overflow:auto;scrollbar-width:thin}
#screen .leads-page .ld-table th,#screen .clients-page .cl-table th{height:46px;padding:0 15px;background:#fafaff;color:#68738d;font-size:11.5px}
#screen .leads-page .ld-table td{padding:14px 15px;font-size:13.5px;line-height:1.45}
#screen .leads-page .ld-name{font-size:14px}
#screen .clients-page-head .cl-head-actions{max-width:62%;justify-content:flex-end}
#screen .clients-page-head .cl-search{width:300px;height:40px}
#screen .clients-kpis{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--canonical-line);border-radius:14px;box-shadow:none}
#screen .clients-page .cl-kpi{min-height:104px;padding:16px 18px}
#screen .clients-page .cl-kpi-v{font-size:28px}
#screen .clients-page .cl-kpi-l{font-size:12.5px}
#screen .clients-page .cl-table{min-width:1260px;font-size:13px}
#screen .clients-page .cl-table td{height:58px;padding:11px 15px}
#screen .clients-page .cl-cli-name{font-size:13.5px}

/* Funnel: the kanban is the workspace; the page never shrinks into a centered strip. */
#screen .funnel-page{display:flex;flex-direction:column;overflow:hidden}
#screen .funnel-kpis{grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;overflow-x:auto;scrollbar-width:thin}
#screen .funnel-page .fn-kpi{min-height:108px;padding:16px;border-color:var(--canonical-line);background:#fff;border-radius:14px;box-shadow:none}
#screen .funnel-page .fn-v{font-size:28px}
#screen .funnel-workspace{min-height:0;flex:1;overflow:hidden}
#screen .funnel-board-scroll{height:100%;min-height:0;overflow:hidden}
#screen .funnel-page .kanban{height:100%;grid-auto-columns:minmax(278px,1fr);overflow:auto;padding:2px 2px 10px;scrollbar-width:thin}
#screen .funnel-page .kanban .col{height:max-content;max-height:100%;min-height:240px;overflow:auto;padding:11px;background:#f8f8fd;border-color:var(--canonical-line);scrollbar-width:thin}
#screen .funnel-page .kanban .kcard{padding:13px;background:#fff;border-color:var(--canonical-line)}
#screen .funnel-page .fn-name{font-size:13.5px}

/* Client dossier: the enriched data model is presented as one full-width canvas.
   No centered 980px replica: tabs stay visible and the selected pane owns the scroll. */
#screen .client-page{
  width:100%;max-width:none!important;height:100%;min-height:0;margin:0!important;padding:20px 22px!important;
  display:flex;flex-direction:column;overflow-y:auto;background:var(--canonical-canvas);font-size:14px;
}
#screen .client-page>.card{width:100%;max-width:none!important;min-height:0;flex:0 0 auto;margin:0!important;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--canonical-line);border-radius:15px;background:#fff;box-shadow:var(--canonical-shadow)}
#screen .client-page-head{flex:0 0 auto!important;gap:12px!important;padding:14px 18px!important;background:#fff}
#screen .client-page-head .cc-name{color:var(--canonical-ink);font-size:20px!important;line-height:1.25;font-weight:750!important}
#screen .client-page-head .cc-sub{margin-top:4px!important;color:#66738e!important;font-size:12.5px!important}
#screen .client-page-head .cc-primary-contact{font-size:12.5px!important;color:#4e5b77!important}
#screen .client-page .cc-funnel{flex:0 0 auto;padding:11px 18px!important;background:#fafaff}
#screen .client-tabs{position:relative!important;top:auto!important;z-index:4;flex:0 0 auto;min-height:48px;padding:0 18px!important;background:#fff!important;overflow-x:auto;scrollbar-width:thin}
#screen .client-tabs button{min-height:48px;padding:0 14px!important;font-size:13.5px!important;white-space:nowrap}
#screen .client-data-scroll{min-height:0;flex:0 0 auto;overflow:visible;scrollbar-width:thin;background:#f8f9fd}
#screen .client-data-scroll .cc-ov{min-height:0;padding-bottom:4px}
#screen .client-page .cc-ov .client-conclusion{margin:16px 18px!important;padding:23px 25px!important}
#screen .client-page .cc-ov .client-conclusion h2{font-size:25px!important}
#screen .client-page .cc-ov .client-conclusion p{font-size:14px!important}
#screen .client-page .cc-ov .client-overview-grid{grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important;gap:16px!important;padding:0 18px 18px!important}
#screen .client-page .cc-client-dossier{padding:22px!important}
#screen .client-page .dossier-workbench{grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important}
#screen .client-page .data-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#screen .client-page .data-object-card{padding:20px!important}
#screen .client-page .contact-version-main b{font-size:14px!important}
#screen .client-workspace{min-height:0;flex:1;overflow:hidden;grid-template-columns:minmax(0,1fr)!important}
#screen .client-workspace.dossier-open{grid-template-columns:320px minmax(0,1fr)!important}
#screen .client-workspace>.cc-left,#screen .client-workspace>div{min-height:0;overflow:auto;scrollbar-width:thin}
#screen .client-page .cc-feed-wrap{font-size:13.5px}

/* Fullscreen caller desk. Queue, script and dossier are separate working surfaces;
   the script uses the available width and never collapses into a small centered card. */
#screen .call-page{font-size:14px!important;background:#f5f6fb!important}
#screen .call-page-head{min-height:64px;padding:11px 16px!important;gap:20px!important}
#screen .call-page-head .cw-htitle b{font-size:15px!important;color:var(--canonical-ink)}
#screen .call-page-head .cw-htitle span{font-size:12px!important}
#screen .call-page-head .cw-hbtn,#screen .call-page-head .cw-mode select{height:38px!important;font-size:13px!important;border-radius:10px!important}
#screen .call-workspace{grid-template-columns:minmax(300px,340px) minmax(620px,1fr) minmax(350px,400px)!important;gap:12px!important;padding:12px!important}
#screen .call-page.q-collapsed .call-workspace{grid-template-columns:0 minmax(620px,1fr) minmax(350px,400px)!important}
#screen .call-page.c-collapsed .call-workspace{grid-template-columns:minmax(300px,340px) minmax(620px,1fr) 0!important}
#screen .call-page.q-collapsed.c-collapsed .call-workspace{grid-template-columns:0 minmax(620px,1fr) 0!important}
#screen .call-page .cw-col{border-color:var(--canonical-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(46,38,89,.045)}
#screen .call-page .cw-colhead{min-height:52px;padding:12px 14px!important}
#screen .call-page .cw-colhead h2{font-size:15px!important;color:var(--canonical-ink)}
#screen .call-queue-scroll,#screen .call-dossier-scroll{min-height:0;overflow:auto!important;scrollbar-width:thin}
#screen .call-page .cw-qrow{min-height:76px;padding:13px!important;grid-template-columns:28px minmax(0,1fr) auto!important}
#screen .call-page .cw-qmain b{font-size:13.5px!important;color:var(--canonical-ink)}
#screen .call-page .cw-qmain .ph{font-size:12px!important}
#screen .call-page .cw-cli{min-height:68px;padding:13px 16px!important}
#screen .call-page .cw-cli-main h1{font-size:20px!important;color:var(--canonical-ink)}
#screen .call-page .cw-cli-main p{font-size:12.5px!important}
#screen .call-page .cw-steps{padding:10px 16px!important;gap:7px!important}
#screen .call-page .cw-step{font-size:12.5px!important}
#screen .call-script-scroll{min-height:0;overflow:hidden!important}
#screen .call-script-scroll .cw-coach{padding:18px 20px 24px!important;overflow:auto!important}
#screen .call-page .cw-agent,#screen .call-page .cw-card,#screen .call-page .cw-note,#screen .call-page .cw-notes{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}
#screen .call-page .cw-agent{padding:16px 18px!important}
#screen .call-page .cw-agent-head b{font-size:15px!important}
#screen .call-page .cw-agent-msg{font-size:13.5px!important}
#screen .call-page .cw-card{padding:20px 22px!important}
#screen .call-page .cw-card>header b{font-size:17px!important;color:var(--canonical-ink)}
#screen .call-page .cw-goal{font-size:16px!important}
#screen .call-page .cw-quote{font-size:15.5px!important;line-height:1.55!important;padding:18px 98px 18px 18px!important}
#screen .call-page .cw-branch{min-height:46px;font-size:13.5px!important}
#screen .call-page .cw-note textarea{min-height:76px;font-size:14px!important}
#screen .call-page .cw-nextstep{margin:14px!important;padding:14px 15px!important}
#screen .call-page .cw-nextstep b{font-size:14px!important;line-height:1.45}
#screen .call-page .cw-acc>summary{min-height:46px;padding:12px 15px!important;font-size:13.5px!important}
#screen .call-page .cw-acc-body{padding:0 15px 14px!important}
#screen .call-page .cw-line{font-size:13px!important}
#screen .call-page .cw-foot{min-height:68px;padding:10px 16px!important}
#screen .call-page .cw-primary{min-width:160px;height:44px!important;font-size:14px!important}

@media (min-width:761px) and (max-width:1180px){
  :root{--sidebar:82px}#app.app-shell,#app.app-shell[data-sidebar-mode="compact"]{grid-template-columns:82px minmax(0,1fr)}
  #nav.app-sidebar{width:82px}#nav .app-brand b,#nav .nav-group-toggle span,#nav .nav-group-toggle i,#nav .nav-item span,#nav .app-profile>span:last-child,#nav .sidebar-collapse span{display:none}#nav .app-brand,#nav .app-profile{justify-content:center;padding:0}#nav .nav-group-toggle{height:8px}#nav .nav-item{justify-content:center;padding:0}#nav .nav-item em{position:absolute;right:0;top:0;min-width:15px;padding:1px 3px}#nav .sidebar-collapse{text-align:center;padding:0}
  #topbar.app-topbar{padding:0 16px}#topbar .global-search{width:min(520px,50vw)}
  #screen .inbox-page{padding:18px 16px 0}
  #screen .today-page,#screen .dial-page,#screen .leads-page,#screen .clients-page,#screen .funnel-page{padding:18px 16px}
  #screen .today-page .td-stats,#screen .leads-kpis,#screen .clients-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #screen .client-page{padding:16px!important}#screen .client-page .dossier-workbench,#screen .client-page .cc-ov .client-overview-grid{grid-template-columns:1fr!important}#screen .client-page .data-object-grid{grid-template-columns:1fr!important}
  #screen .call-workspace{position:relative;grid-template-columns:280px minmax(0,1fr)!important}
  #screen .call-page .cw-dossier-toggle{display:inline-flex!important;align-items:center}
  #screen .call-page .cw-client{display:flex!important;position:absolute;right:12px;top:12px;bottom:12px;width:min(390px,calc(100% - 32px));z-index:8;transform:translateX(calc(100% + 24px));transition:transform .2s ease;box-shadow:0 18px 50px rgba(30,25,68,.18)!important}
  #screen .call-page.dossier-open .cw-client{transform:none}
}
@media(max-width:760px){
  #app.app-shell,#app.app-shell[data-sidebar-mode="compact"]{display:block}#nav.app-sidebar{position:fixed;left:0;top:0;width:min(292px,88vw);transform:translateX(-102%);transition:.2s;z-index:200}body.nav-open #nav.app-sidebar,#nav.app-sidebar.mobile-open{transform:none}#nav .app-brand b,#nav .nav-group-toggle span,#nav .nav-group-toggle i,#nav .nav-item span,#nav .app-profile>span:last-child{display:block}#nav .app-brand,#nav .app-profile{justify-content:flex-start;padding:0 16px}#nav .nav-group-toggle{height:34px}#nav .nav-item{justify-content:flex-start;padding:0 12px}#nav .nav-item em{position:static;margin-left:auto}
  #topbar.app-topbar{padding:0 10px}#topbar .mobile-menu{display:grid}#topbar .global-search{display:none}#topbar .primary-btn{padding:0 12px;font-size:12px}
  #screen .inbox-page{grid-template-rows:auto auto minmax(0,1fr);padding:12px 10px 0}#screen .inbox-page-head p{display:none}#screen .inbox-kpis{height:auto;grid-template-columns:1fr 1fr}#screen .inbox-kpi{height:70px}#screen .inbox-kpi:nth-child(n+3){display:none}#screen .inbox-workspace{grid-template-columns:1fr}#screen .thread-column{display:none}#screen .contact-panel{display:none}
  #screen .today-page,#screen .dial-page,#screen .leads-page,#screen .clients-page,#screen .funnel-page{padding:14px 10px;overflow:auto}
  #screen .today-page .td-stats,#screen .dial-kpis,#screen .leads-kpis,#screen .clients-kpis{grid-template-columns:1fr}
  #screen .leads-page,#screen .clients-page,#screen .funnel-page{display:block}
  #screen .leads-workspace,#screen .clients-workspace,#screen .funnel-workspace{min-height:560px}
  #screen .clients-page-head .cl-head-actions{max-width:none}
  #screen .client-page{padding:10px!important;overflow:auto}#screen .client-page>.card{min-height:720px}#screen .client-page .cc-ov .client-overview-grid,#screen .client-page .dossier-workbench,#screen .client-page .data-object-grid{grid-template-columns:1fr!important}
  #screen .call-workspace{grid-template-columns:1fr!important;padding:8px!important}#screen .call-page .cw-queue,#screen .call-page .cw-client{display:none}
}

/* Canonical data and service workspaces. These screens previously kept the old
   centred Aurora page inside the new shell; every root now owns the viewport. */
#screen .its-page,#screen .analyst-page,#screen .fulfillment-page,#screen .anketa-page,
#screen .pilot-page,#screen .probe-page,#screen .mail-page,#screen .voice-page{
  width:100%;max-width:none!important;height:100%;min-height:0;margin:0!important;
  padding:22px 24px!important;background:var(--canonical-canvas);color:var(--canonical-text);
}
#screen .its-page-head,#screen .analyst-page-head,#screen .fulfillment-page-head,
#screen .anketa-page-head,#screen .pilot-page-head,#screen .probe-page-head,
#screen .mail-page-head,#screen .voice-page-head{
  flex:0 0 auto;min-height:54px;margin:0 0 16px!important;align-items:flex-start;
}
#screen .its-page-head h1,#screen .analyst-page-head h1,#screen .fulfillment-page-head h1,
#screen .anketa-page-head h1,#screen .pilot-page-head h1,#screen .probe-page-head h1,
#screen .mail-page-head h1,#screen .voice-page-head h1{
  margin:0;color:var(--canonical-ink);font-size:28px!important;line-height:1.14;letter-spacing:-.025em;font-weight:750!important;
}
#screen .its-page-head .sub,#screen .analyst-page-head .sub,#screen .fulfillment-page-head .sub,
#screen .anketa-page-head .sub,#screen .pilot-page-head p,#screen .probe-page-head .sub,
#screen .mail-page-head .sub,#screen .voice-page-head .sub{
  max-width:1020px;margin-top:7px!important;color:#5f6e8d!important;font-size:14px!important;line-height:1.45!important;
}

/* ITS report: fixed controls + independently scrolling, readable table. */
/* 29.09: плитки и таблица лежат в #ir-clients-view (вкладки «Клиенты ИТС»/«Отвал») — прежняя сетка из 4 рядов
   с overflow:hidden обрезала таблицу на первом экране, прокрутки не было ни у страницы, ни у таблицы.
   Теперь: вкладка занимает остаток высоты колонкой, таблица прокручивается внутри (шапка таблицы липкая),
   а если экран низкий — прокручивается вся страница (таблица не меньше 420px). */
#screen .its-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:auto;scrollbar-width:thin}
#screen .its-page>#ir-clients-view,#screen .its-page>#ir-churn-view{min-height:0;display:flex;flex-direction:column;gap:12px}
#screen .its-page>#ir-churn-view[hidden],#screen .its-page>#ir-clients-view[hidden]{display:none}
#screen .its-page #ir-clients-view>*{flex:0 0 auto;margin-bottom:0!important}
#screen .its-page #ir-clients-view>.its-workspace{flex:1 1 0;min-height:420px}
#screen .its-page-head{margin-bottom:0!important}
#screen .its-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0!important}
#screen .its-page .ir-tile{min-height:104px!important;padding:16px 18px!important;border:1px solid var(--canonical-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;text-align:left}
#screen .its-page .ir-tile-label{display:block;color:#68738d;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
#screen .its-page .ir-tile-value{display:block;margin-top:9px;color:var(--canonical-ink);font-size:29px;font-weight:750;line-height:1}
#screen .its-page .ir-tile-sub{display:block;margin-top:8px;color:#66738e;font-size:12px}
#screen .its-workspace{min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--canonical-line)!important;border-radius:14px!important;background:#fff;box-shadow:var(--canonical-shadow)}
#screen .its-workspace .card-head{flex:0 0 auto;min-height:52px;padding:0 16px;border-bottom:1px solid var(--canonical-line)}
#screen .its-toolbar{flex:0 0 auto;display:flex;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--canonical-line);background:#fafaff}
#screen .its-search{height:40px;min-width:320px;max-width:680px;flex:1;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--canonical-line);border-radius:10px;background:#fff}
#screen .its-search i,#screen .its-search svg{width:16px;height:16px;color:#7c86a0}
#screen .its-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--canonical-text);font-size:13.5px}
#screen .its-table-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin}
#screen .its-page .ir-table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;font-size:13.5px}
#screen .its-page .ir-table th{position:sticky;top:0;z-index:2;height:46px;padding:0 14px!important;background:#fafaff!important;border-bottom:1px solid var(--canonical-line);color:#66738e;font-size:11.5px}
#screen .its-page .ir-table td{padding:13px 14px!important;border-bottom:1px solid #ececf4;font-size:13.5px;line-height:1.4}
#screen .its-page .ir-table tr:hover td{background:#f8f6ff}
#screen .its-provenance{min-width:0;overflow:hidden;color:#6e7890;font-size:11.5px}

/* AI analytics, fulfilment and search: full-width page with the result area as the scroller. */
#screen .analyst-page,#screen .fulfillment-page,#screen .probe-page,#screen .voice-page,#screen .mail-page{
  display:flex;flex-direction:column;overflow:hidden;
}
#screen .analyst-workspace,#screen .fulfillment-workspace,#screen .probe-workspace{
  min-height:0;flex:1;overflow:auto;scrollbar-width:thin;
}
#screen .analyst-page .card,#screen .fulfillment-page .card,#screen .probe-page .card{
  border-color:var(--canonical-line);border-radius:14px;background:#fff;box-shadow:none;
}
#screen .analyst-page #an-q,#screen .probe-toolbar input{height:44px!important;font-size:14px!important;border-radius:10px!important}
#screen .analyst-page #an-go,#screen .probe-toolbar .btn{min-height:44px;font-size:13.5px}
#screen .analyst-page .an-ex{min-height:30px;font-size:12px!important}
#screen .analyst-page .an-tablewrap{max-height:none!important;overflow:auto}
#screen .fulfillment-page .fx-baskets{flex:0 0 auto;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}
#screen .fulfillment-page .fx-basket{min-height:94px;padding:15px 16px;border-color:var(--canonical-line);background:#fff}
#screen .fulfillment-page .fx-b-v{font-size:27px}
#screen .fulfillment-workspace{padding:0!important;background:transparent!important;border:0!important}
#screen .fulfillment-page .fx-lane{border-color:var(--canonical-line);background:#fff}
#screen .fulfillment-page .fx-row{min-height:70px;padding:12px 16px}
#screen .probe-toolbar{flex:0 0 auto;gap:12px!important;padding:16px 18px!important}
#screen .probe-workspace{margin-top:14px!important;padding-bottom:12px}
#screen .probe-workspace .card{padding:16px 18px}

/* Partner setup and pilot remain long forms, but they use the whole canvas and their own scroll. */
#screen .anketa-page,#screen .pilot-page{display:flex;flex-direction:column;overflow:hidden}
#screen .anketa-workspace,#screen .pilot-workspace{width:100%;max-width:none!important;min-height:0;flex:1;overflow:auto;scrollbar-width:thin;padding-right:5px}
#screen .anketa-page .ak-wrap{max-width:none!important;margin:0!important}
#screen .anketa-page .ak-card{width:100%;max-width:none!important;padding:20px!important;border-color:var(--canonical-line);border-radius:14px;background:#fff}
#screen .anketa-page .ak-grid{gap:14px!important}
#screen .anketa-page input,#screen .anketa-page select,#screen .anketa-page textarea{min-height:42px;font-size:13.5px!important}
#screen .pilot-page .pp-head{display:flex;align-items:flex-start;gap:18px}
#screen .pilot-page .pp-head h1{font-size:28px!important}
#screen .pilot-workspace{padding-bottom:16px}
#screen .pilot-page .pp-card,#screen .pilot-page .pw{border-color:var(--canonical-line)!important;border-radius:14px!important;background:#fff!important}

/* Mail and ElevenLabs/voice workbench: no viewport math from the old shell. */
#screen .mail-workspace{width:100%;max-width:none!important;min-height:0;flex:1;margin:0!important}
#screen .mail-page .ml-app{height:auto!important;min-height:0!important;grid-template-columns:210px 380px minmax(0,1fr);border-color:var(--canonical-line);border-radius:14px;background:#fff;box-shadow:var(--canonical-shadow)}
#screen .mail-page .ml-list-body,#screen .mail-page .ml-conv{scrollbar-width:thin}
#screen .mail-page .ml-item{min-height:78px;padding:12px 14px}
#screen .mail-page .ml-item-who,#screen .mail-page .ml-item-subj{font-size:13.5px}
#screen .mail-page .ml-read-subj{font-size:18px}
#screen .mail-setup-workspace{flex:0 0 auto!important;width:min(760px,100%)!important;max-width:none!important;padding:4px}
#screen .voice-workspace{width:100%;max-width:none!important;min-height:0!important;flex:1;height:auto!important;margin:0!important;border-color:var(--canonical-line);border-radius:14px;background:#fff;box-shadow:var(--canonical-shadow)}
#screen .voice-page #va-grid{grid-template-columns:240px minmax(520px,1fr) 360px!important}
#screen .voice-page #va-list,#screen .voice-page #va-center,#screen .voice-page #va-chat{min-height:0;font-size:13.5px}

@media (max-width:1280px){
  #screen .its-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  #screen .fulfillment-page .fx-baskets{grid-template-columns:repeat(3,minmax(150px,1fr))}
  #screen .mail-page .ml-app{grid-template-columns:180px 320px minmax(0,1fr)}
  #screen .voice-page #va-grid{grid-template-columns:220px minmax(500px,1fr)!important}
  #screen .voice-page #va-chat{display:none!important}
}
@media (max-width:760px){
  #screen .its-page,#screen .analyst-page,#screen .fulfillment-page,#screen .anketa-page,#screen .pilot-page,#screen .probe-page,#screen .mail-page,#screen .voice-page{padding:14px 10px!important;overflow:auto}
  #screen .its-page{display:block}#screen .its-kpis{grid-template-columns:1fr 1fr;margin-bottom:12px!important}#screen .its-workspace{min-height:620px}#screen .its-search{min-width:0}
  #screen .fulfillment-page .fx-baskets{grid-template-columns:1fr 1fr}
  #screen .mail-page .ml-app{min-height:680px!important;grid-template-columns:1fr}#screen .mail-page .ml-nav{display:none}#screen .mail-page .ml-read{display:none}
  #screen .voice-page #va-grid{min-height:700px!important;grid-template-columns:1fr!important}#screen .voice-page #va-list{display:none!important}
}

/* Ultra-wide desktop density.
   On a very wide canvas the former fixed 272/68 shell and 12px conversation
   type read like a 67% browser zoom. Keep the exact approved proportions at
   normal laptop widths, and enlarge the complete work surface as one system
   when there is enough room instead of centring a tiny mini-app. */
@media (min-width:2100px) {
  :root{--sidebar:408px;--topbar:102px}
  #nav .app-brand{height:108px;flex-basis:108px;gap:16px;padding:0 30px;font-size:24px}
  #nav .app-logo{width:57px;height:57px;flex-basis:57px;border-radius:18px}
  #nav .app-logo svg{width:33px;height:33px}
  #nav .app-nav{padding:21px 15px 27px}
  #nav .nav-group{margin-bottom:12px}
  #nav .nav-group-toggle{height:51px;padding:0 18px;font-size:16.5px}
  #nav .nav-group-panel{gap:4px}
  #nav .nav-item{height:63px;gap:16px;padding:0 18px;border-radius:16px;font-size:21px}
  #nav .nav-item.active:before{left:-15px;top:12px;bottom:12px;width:6px}
  #nav .nav-item>svg{width:28px;height:28px;flex-basis:28px}
  #nav .nav-item em{min-width:33px;padding:3px 9px;border-radius:15px;font-size:16.5px}
  #nav .app-profile{height:108px;flex-basis:108px;gap:15px;padding:0 21px}
  #nav .profile-photo{width:54px;height:54px;flex-basis:54px;font-size:18px}
  #nav .app-profile b{font-size:19.5px}#nav .app-profile small{margin-top:4px;font-size:16.5px}
  #nav .sidebar-collapse{height:75px;flex-basis:75px;padding:0 27px;font-size:19.5px}
  #topbar.app-topbar{height:102px;flex-basis:102px;gap:15px;padding:0 36px}
  #topbar .mobile-menu,#topbar .icon-btn{width:63px;height:63px;border-radius:16px}
  #topbar .icon-btn svg{width:27px;height:27px}
  #topbar .global-search{width:min(1020px,54vw);height:63px;gap:13px;padding:0 18px;border-radius:18px}
  #topbar .global-search svg{width:24px;height:24px}
  #topbar .global-search input{font-size:21px}
  #topbar .global-search kbd{padding:4px 9px;border-radius:7px;font-size:15px}
  #topbar .primary-btn{min-height:63px;padding:0 27px;border-radius:16px;font-size:21px}

  #screen .inbox-page{grid-template-rows:auto 108px minmax(0,1fr);gap:18px;padding:21px 24px 0}
  #screen .inbox-page-head{gap:30px}
  #screen .inbox-page-head h1{font-size:39px!important}
  #screen .inbox-page-head p{max-width:1350px;margin-top:7px;font-size:19.5px}
  #screen .inbox-date button{height:54px;padding:0 18px;border-radius:13px;font-size:18px}
  #screen .inbox-kpis{height:108px;border-radius:19px}
  #screen .inbox-kpi{gap:15px;padding:0 19px}
  #screen .inbox-kpi>i{width:51px;height:51px;border-radius:15px}
  #screen .inbox-kpi>i svg{width:24px;height:24px}
  #screen .inbox-kpi .v{font-size:34.5px!important}
  #screen .inbox-kpi .l{margin-top:7px;font-size:17px!important}
  #screen .inbox-workspace{grid-template-columns:429px minmax(0,1fr) 456px!important;height:auto!important;min-height:0!important;border-radius:19px 19px 0 0}
  #screen .thread-tools{padding:15px 16px}
  #screen .thread-tools label{height:54px;border-radius:13px}
  #screen .thread-tools input{font-size:19.5px}
  #screen .thread-tools>button{width:54px;height:54px;border-radius:13px}
  #screen .iv-advanced{top:81px}
  #screen .iv-chips{gap:10px;padding:13px 16px}
  #screen .iv-chip{height:42px;font-size:17px}
  #screen .thread-group>header{height:51px}
  #screen .thread-row{min-height:112px;padding:15px 16px;grid-template-columns:54px minmax(0,1fr) auto}
  #screen .thread-avatar{width:54px;height:54px;font-size:18px}
  #screen .thread-row .nm b{font-size:19.5px!important}
  #screen .thread-row .prev{font-size:17px!important}
  #screen .iv-ch-head{min-height:84px;padding:13px 19px}
  #screen .iv-ch-head .who{font-size:25.5px}
  #screen .iv-ch-head .ctx{font-size:17px}
  #screen .iv-iconbtn{width:51px;height:51px;border-radius:13px}
  #screen .ai-summary{margin:15px 18px 0;padding:16px 19px;border-radius:15px}
  #screen .ai-summary h3{font-size:18.5px}
  #screen .ai-summary header span{font-size:15.5px}
  #screen .ai-summary li{font-size:18.5px!important}
  #screen .message-scroll{padding:16px 21px;gap:13px}
  #screen .iv-msg{padding:13px 18px;border-radius:19px;font-size:18.5px!important}
  #screen .iv-convline,#screen .iv-convnext,#screen .iv-convsig{font-size:18px}
  #screen .composer-tabs{height:54px;padding:0 19px;gap:33px}
  #screen .composer-tabs button{height:54px;font-size:18px}
  #screen .iv-composer{padding:15px 19px}
  #screen .iv-input{min-height:60px;font-size:18.5px!important}
  #screen .iv-send{height:60px;font-size:18.5px}
  #screen .contact-panel{padding:21px}
  #screen .iv-ct-head h2{font-size:25.5px}
  #screen .iv-ct-av{width:66px;height:66px}
  #screen .iv-ct-facts dt,#screen .iv-ct-facts dd,#screen .iv-ct-quick button,#screen .iv-ct-quick a{font-size:18px!important}
}

/* Client card v3 — approved dense dossier, fed by the live client endpoints.
   The scope deliberately overrides the older canonical card without changing
   global primitives or any data/action hooks. */
#screen .client-card-v3-page{
  width:100%;max-width:none!important;min-height:100%;padding:20px 22px 32px!important;
  background:rgb(var(--m-bg))!important;color:rgb(var(--m-text));font-size:14px!important;
}
#screen .client-card-v3-page>.client-card-v3-shell{
  width:100%;max-width:none!important;margin:0!important;border:1px solid rgb(var(--m-border))!important;
  border-radius:16px!important;background:rgb(var(--m-surface))!important;box-shadow:var(--shadow-soft)!important;
}
#screen .client-card-v3-page .client-card-v3-head{
  padding:17px 20px!important;border-bottom:1px solid rgb(var(--m-border));background:rgb(var(--m-surface))!important;
}
#screen .client-card-v3-page .client-card-v3-head .cc-name{font-size:22px!important;color:rgb(var(--m-text))!important}
#screen .client-card-v3-page .client-card-v3-head .cc-sub,
#screen .client-card-v3-page .client-card-v3-head .cc-primary-contact{font-size:13px!important;color:rgb(var(--m-text2))!important}
#screen .client-card-v3-page .cc-funnel{padding:11px 20px!important;border-bottom:1px solid rgb(var(--m-border));background:rgb(var(--m-inset))!important}
#screen .client-card-v3-page .client-tabs{padding:0 20px!important;border-bottom:1px solid rgb(var(--m-border));background:rgb(var(--m-surface))!important}
#screen .client-card-v3-page .client-tabs button{min-height:52px!important;font-size:14px!important;color:rgb(var(--m-text2))}
#screen .client-card-v3-page .client-tabs button.on{color:rgb(var(--m-accent));font-weight:750}
#screen .client-card-v3-pane{background:rgb(var(--m-bg))!important}
#screen .client-card-v3{
  display:block;padding:18px 20px 24px!important;background:rgb(var(--m-bg));color:rgb(var(--m-text));
}
#screen .client-card-v3-decision{
  display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0!important;padding:22px 24px!important;
  border:1px solid rgb(var(--m-border))!important;border-radius:15px!important;background:rgb(var(--m-surface))!important;
  box-shadow:none!important;
}
#screen .client-card-v3-decision .eyebrow,
#screen .client-card-v3-next .eyebrow{color:rgb(var(--m-accent));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#screen .client-card-v3-decision h2{margin:4px 0 5px!important;color:rgb(var(--m-text));font-size:26px!important;line-height:1.2}
#screen .client-card-v3-decision p{margin:0;color:rgb(var(--m-text2));font-size:14px!important;line-height:1.5}
#screen .client-card-v3-decision .dossier-call{min-height:44px;padding:0 18px;border:0;border-radius:11px;background:var(--grad-accent);color:#fff;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}
#screen .client-card-v3-kpis{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:14px 0 0!important;
  border:1px solid rgb(var(--m-border));border-radius:14px;background:rgb(var(--m-surface));overflow:hidden;
}
#screen .client-card-v3-kpis article{min-height:94px;padding:16px 18px!important;border:0!important;border-right:1px solid rgb(var(--m-border));border-radius:0!important;background:transparent!important}
#screen .client-card-v3-kpis article:last-child{border-right:0}
#screen .client-card-v3-kpis article span{color:rgb(var(--m-text3));font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;font-weight:750}
#screen .client-card-v3-kpis article b{display:block;margin-top:7px;color:rgb(var(--m-text));font-size:19px!important;line-height:1.25}
#screen .client-card-v3-kpis article small{display:block;margin-top:5px;color:rgb(var(--m-text3));font-size:11.5px}
#screen .client-card-v3-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:14px;margin:14px 0}
#screen .client-card-v3-column{display:grid;align-content:start;gap:14px;min-width:0}
#screen .client-card-v3 .data-object-card{
  margin:0!important;padding:17px 18px!important;border:1px solid rgb(var(--m-border))!important;border-radius:14px!important;
  background:rgb(var(--m-surface))!important;box-shadow:none!important;color:rgb(var(--m-text));
}
#screen .client-card-v3 .data-object-card>header{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:0!important;border:0!important;background:transparent!important}
#screen .client-card-v3 .data-object-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgb(var(--m-accent-soft));color:rgb(var(--m-accent))}
#screen .client-card-v3 .data-object-icon svg{width:18px;height:18px}
#screen .client-card-v3 .data-object-card h3{margin:0;color:rgb(var(--m-text));font-size:15px!important}
#screen .client-card-v3 .data-object-card header p{margin:3px 0 0;color:rgb(var(--m-text3));font-size:11.5px!important}
#screen .client-card-v3 .data-kv{margin:0}
#screen .client-card-v3 .data-kv>div{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,.62fr);gap:14px;padding:8px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .data-kv>div:last-child{border-bottom:0}
#screen .client-card-v3 .data-kv dt{color:rgb(var(--m-text3));font-size:12px}
#screen .client-card-v3 .data-kv dd{margin:0;color:rgb(var(--m-text));font-size:12.5px;font-weight:620;text-align:left;overflow-wrap:anywhere}
#screen .client-card-v3-contact-socials{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
#screen .client-card-v3-contact-socials a,#screen .client-card-v3-contact-socials span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border:1px solid rgb(var(--m-border));border-radius:9px;background:rgb(var(--m-inset));color:rgb(var(--m-accent));font-size:11.5px;font-weight:800;text-decoration:none}
#screen .client-card-v3-ai{display:inline-flex;margin-left:5px;color:rgb(var(--m-success));font-size:20px;line-height:10px;vertical-align:2px;cursor:help}
#screen .client-card-v3-source-line{display:flex;align-items:center;gap:2px;margin:10px 0 0;color:rgb(var(--m-text3));font-size:11px}
#screen .client-card-v3-enriched-row,#screen .client-card-v3 .contact-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;margin:0 0 8px;border:1px dashed rgb(var(--m-success)/.45);border-radius:10px;background:rgb(var(--m-success-soft)/.55)}
#screen .client-card-v3-enriched-row span,#screen .client-card-v3 .contact-pending small{color:rgb(var(--m-text3));font-size:11.5px}
#screen .client-card-v3-enriched-row b,#screen .client-card-v3 .contact-pending b{color:rgb(var(--m-text));font-size:12.5px}
#screen .client-card-v3 .contact-pending>div{display:flex;flex-direction:column;gap:2px}
#screen .client-card-v3 .contact-ledger{display:grid;gap:7px}
#screen .client-card-v3 .contact-version{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 10px;border:1px solid rgb(var(--m-border));border-radius:10px;background:rgb(var(--m-inset))}
#screen .client-card-v3 .contact-version-main,#screen .client-card-v3 .contact-version-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
#screen .client-card-v3 .contact-version-main b{font-size:13.5px!important;color:rgb(var(--m-text))}
#screen .client-card-v3 .contact-version small{font-size:10.5px;color:rgb(var(--m-text3))}
#screen .client-card-v3 .contact-version-meta{text-align:right;align-items:flex-end}
#screen .client-card-v3 .object-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin-top:10px;padding:0 11px;border:1px solid rgb(var(--m-border-strong));border-radius:9px;background:rgb(var(--m-surface));color:rgb(var(--m-accent));font-size:11.5px;font-weight:700;text-decoration:none;cursor:pointer}
#screen .client-card-v3 .object-action svg{width:14px;height:14px}
#screen .client-card-v3-tax{min-height:252px}
#screen .client-card-v3-tax .mm-tax-bars,#screen .client-card-v3-tax .kgd-bars{min-height:120px}
#screen .client-card-v3-next{display:flex;flex-direction:column;gap:7px;padding:18px 19px;border:1px solid rgb(var(--m-accent)/.3);border-radius:14px;background:linear-gradient(135deg,rgb(var(--m-accent-soft)/.9),rgb(var(--m-surface)));color:rgb(var(--m-text))}
#screen .client-card-v3-next b{font-size:17px;line-height:1.4}
#screen .client-card-v3-next small{color:rgb(var(--m-text2));font-size:12px}
#screen .client-card-v3-disclosure{margin-top:10px;border:1px solid rgb(var(--m-border));border-radius:13px;background:rgb(var(--m-surface));overflow:hidden}
#screen .client-card-v3-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 17px;list-style:none;color:rgb(var(--m-text));font-size:13.5px;font-weight:750;cursor:pointer}
#screen .client-card-v3-disclosure>summary::-webkit-details-marker{display:none}
#screen .client-card-v3-disclosure>summary:after{content:'⌄';color:rgb(var(--m-text3));font-size:18px;transition:transform .16s ease}
#screen .client-card-v3-disclosure[open]>summary:after{transform:rotate(180deg)}
#screen .client-card-v3-disclosure>summary small{margin-left:auto;color:rgb(var(--m-text3));font-size:11.5px;font-weight:550}
#screen .client-card-v3-disclosure-body{padding:16px 17px;border-top:1px solid rgb(var(--m-border));background:rgb(var(--m-bg))}
#screen .client-card-v3-disclosure-body>.data-object-card{max-width:none!important}
#screen .client-card-v3 .fact-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
#screen .client-card-v3 .fact-columns>div{padding:13px 14px;border:1px solid rgb(var(--m-border));border-radius:11px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .fact-columns h3{margin:0 0 8px;color:rgb(var(--m-text));font-size:12.5px}
#screen .client-card-v3 .fact-columns article{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgb(var(--m-border));font-size:12px}
#screen .client-card-v3 .dossier-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#screen .client-card-v3 .dossier-signal{margin:0!important;padding:12px!important;border:1px solid rgb(var(--m-border));border-radius:11px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .dossier-empty{padding:13px;border:1px dashed rgb(var(--m-border));border-radius:10px;color:rgb(var(--m-text3));font-size:11.5px;text-align:center}
#screen .client-card-v3 .cc-lpr-chip{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgb(var(--m-accent)/.12);color:rgb(var(--m-accent));font-size:10px;font-weight:700}
#screen .client-card-v3-enrichment{margin:14px 0 0;padding:11px 13px;border:1px solid rgb(var(--m-success)/.22);border-radius:10px;background:rgb(var(--m-success-soft)/.5);color:rgb(var(--m-text2));font-size:11.5px}
#screen .client-card-v3-enrichment span{display:inline-flex;margin-right:7px;padding:3px 7px;border-radius:6px;background:rgb(var(--m-success));color:#fff;font-weight:800}
#screen .client-card-v3-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
#screen .client-card-v3-product-list article{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid rgb(var(--m-border));border-radius:9px;background:rgb(var(--m-inset))}
#screen .client-card-v3-product-list b{font-size:12.5px;color:rgb(var(--m-text))}
#screen .client-card-v3-product-list span{font-size:10.5px;color:rgb(var(--m-text3))}
#screen .client-card-v3-workspace{padding:18px 20px 24px!important;background:rgb(var(--m-bg));grid-template-columns:minmax(0,1fr)!important}
#screen .client-card-v3-workspace.dossier-open{grid-template-columns:320px minmax(0,1fr)!important}
#screen .client-card-v3-deal,#screen .client-card-v3-history{width:100%;max-width:none!important;min-height:640px;padding:0!important;color:rgb(var(--m-text))}
#screen .client-card-v3-deal .cc-blk,#screen .client-card-v3-history .cc-blk,#screen .client-card-v3-history .cc-feed-wrap,#screen .client-card-v3-history .cc-composer{border:1px solid rgb(var(--m-border))!important;border-radius:13px!important;background:rgb(var(--m-surface))!important;box-shadow:none!important}

/* Compact client dossier — the approved single-card composition. */
#screen .client-card-v3-page{padding:22px 26px 34px!important}
#screen .client-card-v3-page>.client-card-v3-shell{display:flex;flex-direction:column;max-width:1180px!important;margin:0 auto!important;overflow:hidden;border:1px solid rgb(var(--m-border))!important;border-radius:18px!important;background:rgb(var(--m-surface))!important;box-shadow:0 18px 50px rgb(15 23 42/.12)!important}
#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-head{order:1}
#screen .client-card-v3-page>.client-card-v3-shell>.client-tabs{order:3}
#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-pane:not([data-pane="overview"]),#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-workspace{order:4}
#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-pane[data-pane="overview"]:not([hidden]),#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-pane[data-pane="overview"]:not([hidden])>.cc-ov,#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-pane[data-pane="overview"]:not([hidden]) .client-card-compact{display:contents}
#screen .client-card-v3-page>.client-card-v3-shell>.client-card-v3-pane[data-pane="overview"][hidden]{display:none!important}
#screen .client-card-v3-page>.client-card-v3-shell .client-card-compact-metrics{order:2}
#screen .client-card-v3-page>.client-card-v3-shell .client-card-compact-overview{order:4}
#screen .client-card-v3-page>.client-card-v3-shell .client-card-compact-more{order:5}
#screen .client-card-v3-page>.client-card-v3-shell .client-card-v3-enrichment{order:6}
#screen .client-card-v3-page .client-card-v3-head{padding:13px 20px 10px!important}
#screen .client-card-v3-head-main{display:flex;align-items:center;gap:11px;min-width:0}
#screen .client-card-v3-head-main>div:nth-child(3){flex:1;min-width:0}
#screen .client-card-v3-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
#screen .client-card-v3-head-actions>.btn{min-height:36px;padding:0 13px;border-radius:9px}
#screen .client-card-v3-page .client-card-v3-head .cc-name{font-size:20px!important;line-height:1.25}
#screen .client-card-v3-page .client-card-v3-head .cc-sub{margin-top:4px!important;font-size:12.5px!important}
#screen .client-card-v3-page .client-card-v3-head>div+div{margin-top:9px}
#screen .client-card-v3-page .cc-funnel{display:none!important}
#screen .client-card-v3-page .cc-funnel>*{flex:0 0 auto}
#screen .client-card-v3-page .client-tabs{gap:2px;padding:0 18px!important;border-top:1px solid rgb(var(--m-border));overflow-x:auto}
#screen .client-card-v3-page .client-tabs button{min-height:44px!important;padding:0 14px!important;font-size:12.5px!important;white-space:nowrap}
#screen .client-card-v3-pane{background:rgb(var(--m-surface))!important}
#screen .client-card-v3{display:block;padding:0!important;background:rgb(var(--m-surface))!important}
#screen .client-card-compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgb(var(--m-border));border-bottom:1px solid rgb(var(--m-border));background:rgb(var(--m-inset))}
#screen .client-card-compact-metrics article{min-width:0;min-height:56px;padding:10px 15px;border-right:1px solid rgb(var(--m-border));background:transparent}
#screen .client-card-compact-metrics article:last-child{border-right:0}
#screen .client-card-compact-metrics span{display:block;color:rgb(var(--m-text3));font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
#screen .client-card-compact-metrics b{display:block;margin-top:4px;color:rgb(var(--m-text));font-size:15px;line-height:1.2;overflow-wrap:anywhere}
#screen .client-card-compact-metrics .important b{color:rgb(var(--m-warning))}
#screen .client-card-compact-metrics small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:rgb(var(--m-text3));font-size:10px;line-height:1.3}
#screen .client-card-compact-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#screen .client-card-compact-profile,#screen .client-card-compact-tax{min-width:0;padding:18px 20px 20px}
#screen .client-card-compact-tax{border-left:1px solid rgb(var(--m-border))}
#screen .client-card-compact-section+.client-card-compact-section{margin-top:17px}
#screen .client-card-compact-section h3,#screen .client-card-compact-prep>h3{display:flex;align-items:center;margin:0 0 9px;color:rgb(var(--m-text3));font-size:10px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
#screen .client-card-compact-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;align-items:start;min-height:38px;padding:8px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-compact-row>span{color:rgb(var(--m-text3));font-size:11.5px}
#screen .client-card-compact-row>b,#screen .client-card-compact-row>div{margin:0;color:rgb(var(--m-text));font-size:12.5px;font-weight:580;line-height:1.45;overflow-wrap:anywhere}
#screen .client-card-compact-row a{color:rgb(var(--m-accent));text-decoration:none}
#screen .client-card-v3-contact-socials{display:flex;gap:6px;margin:0!important}
#screen .client-card-v3-contact-socials a,#screen .client-card-v3-contact-socials span{min-width:30px;height:28px;padding:0 8px;border:0;border-radius:8px;background:rgb(var(--m-accent));color:#fff}
#screen .client-card-v3-contact-socials a[href*="instagram"]{background:#e62b68}
#screen .client-card-v3-contact-socials a[href*="wa.me"],#screen .client-card-v3-contact-socials a[href*="whatsapp"]{background:#22c968}
#screen .client-card-v3-contact-socials a[href*="youtube"],#screen .client-card-v3-contact-socials a[href*="youtu.be"]{background:#ff3b3b}
#screen .client-card-v3-ai{margin-left:4px;font-size:18px}
#screen .client-card-v3-enriched-badge{display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border:1px solid rgb(var(--m-success)/.25);border-radius:999px;background:rgb(var(--m-success-soft));color:rgb(var(--m-success));font-size:9.5px;font-weight:800;line-height:1.45;white-space:nowrap;vertical-align:middle}
#screen .client-card-v3 .contact-pending{margin:9px 0 0;padding:8px 10px}
#screen .client-card-compact-branches{display:grid;gap:0;margin-top:5px}
#screen .client-card-compact-branches p,#screen .client-card-v3 .branch-list p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;border-bottom:1px solid rgb(var(--m-border));font-size:10.5px}
#screen .client-card-compact-branches span{color:rgb(var(--m-text3))}
#screen .client-card-v3 .object-action{min-height:30px;margin-top:8px;padding:0 9px;font-size:10.5px}
#screen .client-card-compact-history{margin-top:8px;border-top:1px solid rgb(var(--m-border))}
#screen .client-card-compact-history>summary{padding:9px 0;color:rgb(var(--m-text2));font-size:10.5px;font-weight:700;cursor:pointer}
#screen .client-card-compact-tax .kgd-chart,#screen .client-card-compact-tax .mm-tax-bars,#screen .client-card-compact-tax .kgd-bars{min-height:104px!important}
#screen .client-card-compact-year-note{display:block;margin-top:4px;color:rgb(var(--m-text3));font-size:9.5px}
#screen .client-card-compact-facts{margin-top:10px}
#screen .client-card-v3-next{gap:4px;margin-top:13px;padding:12px 0 0;border:0;border-top:1px solid rgb(var(--m-border));border-radius:0;background:transparent}
#screen .client-card-v3-next b{font-size:13px;line-height:1.35}
#screen .client-card-v3-next small{font-size:10.5px}
#screen .client-card-v3-next button{display:none}
#screen .client-card-compact-more{border-top:1px solid rgb(var(--m-border));background:rgb(var(--m-inset))}
#screen .client-card-compact-more>summary{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 18px;list-style:none;color:rgb(var(--m-text));font-size:11.5px;font-weight:750;cursor:pointer}
#screen .client-card-compact-more>summary::-webkit-details-marker{display:none}
#screen .client-card-compact-more>summary:after{content:'⌄';margin-left:auto;color:rgb(var(--m-text3));font-size:16px;transition:transform .16s ease}
#screen .client-card-compact-more[open]>summary:after{transform:rotate(180deg)}
#screen .client-card-compact-more>summary small{color:rgb(var(--m-text3));font-size:10px;font-weight:500}
#screen .client-card-compact-more-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px 18px 18px;border-top:1px solid rgb(var(--m-border));background:rgb(var(--m-surface))}
#screen .client-card-compact-more-body>section{min-width:0}
#screen .client-card-compact-more-body h3{margin:0 0 9px;color:rgb(var(--m-text));font-size:12px}
#screen .client-card-v3 .data-kv>div{grid-template-columns:120px minmax(0,1fr);gap:10px;padding:6px 0}
#screen .client-card-v3 .data-kv dt{font-size:10.5px}
#screen .client-card-v3 .data-kv dd{font-size:11px}
#screen .client-card-compact-prep{grid-column:1/-1}
#screen .client-card-v3 .fact-columns{gap:9px;margin-bottom:9px}
#screen .client-card-v3 .fact-columns>div{padding:10px}
#screen .client-card-v3 .dossier-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#screen .client-card-v3-enrichment{margin:0;padding:9px 18px;border:0;border-top:1px solid rgb(var(--m-border));border-radius:0;background:rgb(var(--m-inset));font-size:9.5px}
#screen .client-card-v3-enrichment span{margin-right:5px;padding:2px 5px;font-size:9px}

@media (max-width:1180px){
  #screen .client-card-v3-page>.client-card-v3-shell{max-width:none!important}
  #screen .client-card-v3-grid{grid-template-columns:1fr}
  #screen .client-card-v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screen .client-card-v3-kpis article:nth-child(2){border-right:0}
  #screen .client-card-v3-kpis article:nth-child(-n+2){border-bottom:1px solid rgb(var(--m-border))}
  #screen .client-card-v3 .dossier-signals{grid-template-columns:1fr}
}
@media (max-width:760px){
  #screen .client-card-v3-page{padding:10px!important}
  #screen .client-card-v3{padding:0!important}
  #screen .client-card-v3-decision{align-items:flex-start;flex-direction:column;padding:17px!important}
  #screen .client-card-v3-decision .dossier-call{width:100%}
  #screen .client-card-v3-kpis{grid-template-columns:1fr!important}
  #screen .client-card-v3-kpis article{border-right:0!important;border-bottom:1px solid rgb(var(--m-border))}
  #screen .client-card-v3-kpis article:last-child{border-bottom:0}
  #screen .client-card-v3 .fact-columns,#screen .client-card-v3-product-list{grid-template-columns:1fr}
  #screen .client-card-v3-workspace{padding:12px!important}
  #screen .client-card-v3-head-main{align-items:flex-start;flex-wrap:wrap}
  #screen .client-card-v3-head-actions{width:100%;margin-left:0}
  #screen .client-card-v3-head-actions>.btn{flex:1}
  #screen .client-card-v3-page .client-card-v3-head .cc-name{font-size:16px!important}
  #screen .client-card-compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #screen .client-card-compact-metrics article{border-bottom:1px solid rgb(var(--m-border))}
  #screen .client-card-compact-overview{grid-template-columns:1fr}
  #screen .client-card-compact-tax{border-top:1px solid rgb(var(--m-border));border-left:0}
  #screen .client-card-compact-more-body{grid-template-columns:1fr}
}

/* Client dossier: final full-width, readable, data-first layout. */
#screen .client-card-v3-page{padding:18px 20px 30px!important;font-size:15px!important}
#screen .client-card-v3-page>.client-card-v3-shell{width:100%!important;max-width:none!important;margin:0!important}
#screen .client-card-v3-workspace.dossier-open{grid-template-columns:minmax(0,1fr)!important}
#screen .client-card-v3-workspace #cc-dossier{display:none!important}
#screen .client-card-v3-page .client-card-v3-head .cc-name{font-size:24px!important}
#screen .client-card-v3-page .client-card-v3-head .cc-sub{font-size:14px!important}
#screen .client-card-v3-page .client-tabs button{font-size:14px!important}
#screen .client-card-compact-metrics article{min-height:64px;padding:12px 17px}
#screen .client-card-compact-metrics span{font-size:11.5px}
#screen .client-card-compact-metrics b{font-size:16px}
#screen .client-card-compact-metrics small{font-size:11.5px}
#screen .client-card-compact-profile,#screen .client-card-compact-tax{padding:22px 24px 24px}
#screen .client-card-compact-section h3,#screen .client-card-compact-prep>h3{font-size:12px}
#screen .client-card-compact-row{grid-template-columns:135px minmax(0,1fr);min-height:42px;padding:9px 0}
#screen .client-card-compact-row>span{font-size:12.5px}
#screen .client-card-compact-row>b,#screen .client-card-compact-row>div{font-size:14px}
#screen .client-card-compact-more>summary{min-height:50px;padding:0 24px;font-size:13px}
#screen .client-card-compact-more>summary small{font-size:11.5px}
#screen .client-card-compact-more-body{gap:20px;padding:20px 24px 24px}
#screen .client-card-compact-more-body h3{font-size:14px}
#screen .client-card-v3 .data-kv>div{grid-template-columns:135px minmax(0,1fr);padding:8px 0}
#screen .client-card-v3 .data-kv dt{font-size:12px}
#screen .client-card-v3 .data-kv dd{font-size:13px}
#screen .client-card-v3-next b{font-size:15px}
#screen .client-card-v3-next small{font-size:12px}
#screen .client-card-v3-enrichment{padding:11px 24px;font-size:11px}
#screen .client-card-v3 .branch-list,
#screen .client-card-v3 .release-ledger,
#screen .client-card-v3 .contact-ledger,
#screen .client-card-v3 .enrichment-ledger{max-height:310px;overflow:auto;scrollbar-gutter:stable}
#screen .client-card-v3 .enrichment-ledger{display:grid;gap:0}
#screen .client-card-v3 .enrichment-ledger article{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .enrichment-ledger article>div{display:grid;gap:2px;min-width:0}
#screen .client-card-v3 .enrichment-ledger span,#screen .client-card-v3 .enrichment-ledger small{font-size:11px;color:rgb(var(--m-text3))}
#screen .client-card-v3 .enrichment-ledger b{font-size:13px;color:rgb(var(--m-text));overflow-wrap:anywhere}
#screen .client-card-v3-deal,#screen .client-card-v3-history{display:grid;align-content:start;gap:14px;padding:18px 20px 24px!important}
#screen .client-card-v3-deal[hidden],#screen .client-card-v3-history[hidden]{display:none!important}
#screen .client-card-v3-deal .cc-blk,#screen .client-card-v3-history .cc-blk,#screen .client-card-v3-history .cc-feed-wrap,#screen .client-card-v3-history .cc-composer{padding:16px 18px!important}

@media (min-width:1600px){
  #screen .client-card-v3-page{padding-right:28px!important;padding-left:28px!important}
}

/* ── Клиентское досье: реестровый вид (одна колонка, таблицы, читаемые коды). Общий с «Глубоким поиском». ── */
#screen .client-card-v3-page>.client-card-v3-shell .reg-flow{order:4}
#screen .client-card-registry .reg-flow{display:grid;gap:0;background:rgb(var(--m-surface))}
#screen .client-card-v3 .reg-section{padding:18px 24px 20px;border-top:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .reg-section:first-child{border-top:0}
#screen .client-card-v3 .reg-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 12px}
#screen .client-card-v3 .reg-section>header h3{margin:0;color:rgb(var(--m-text));font-size:15px;font-weight:750;letter-spacing:-.01em}
#screen .client-card-v3 .reg-section>header small{color:rgb(var(--m-text3));font-size:12px}
#screen .client-card-v3 .reg-section h4{margin:16px 0 8px;color:rgb(var(--m-text3));font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
#screen .client-card-v3 .reg-body{min-width:0}
/* ключ-значение: две колонки на широком, одна на узком */
#screen .client-card-v3 .reg-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0}
#screen .client-card-v3 .reg-kv>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .reg-kv dt{color:rgb(var(--m-text3));font-size:12.5px;line-height:1.45}
#screen .client-card-v3 .reg-kv dd{margin:0;color:rgb(var(--m-text));font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
#screen .client-card-v3 .reg-kv dd a{color:rgb(var(--m-accent));text-decoration:none}
/* таблицы */
#screen .client-card-v3 .reg-tablewrap{overflow-x:auto;border:1px solid rgb(var(--m-border));border-radius:10px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .reg-table{width:100%;border-collapse:collapse;font-size:13.5px}
#screen .client-card-v3 .reg-table th{padding:9px 12px;text-align:left;color:rgb(var(--m-text3));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgb(var(--m-inset)/.6);border-bottom:1px solid rgb(var(--m-border));white-space:nowrap}
#screen .client-card-v3 .reg-table td{padding:10px 12px;border-bottom:1px solid rgb(var(--m-border));color:rgb(var(--m-text));vertical-align:top;line-height:1.4}
#screen .client-card-v3 .reg-table tr:last-child td{border-bottom:0}
#screen .client-card-v3 .reg-table td small{display:block;color:rgb(var(--m-text3));font-size:11px}
#screen .client-card-v3 .reg-table td a{color:rgb(var(--m-accent));text-decoration:none;font-weight:600}
#screen .client-card-v3 .reg-table .num{font-variant-numeric:tabular-nums}
/* пилюли статусов */
#screen .client-card-v3 .reg-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid rgb(var(--m-border));background:rgb(var(--m-inset));color:rgb(var(--m-text2));font-size:11px;font-weight:700;white-space:nowrap}
#screen .client-card-v3 .reg-pill.ok{border-color:rgb(var(--m-success)/.3);background:rgb(var(--m-success-soft));color:rgb(var(--m-success))}
#screen .client-card-v3 .reg-pill.warn,#screen .client-card-v3 .reg-pill.important{border-color:rgb(var(--m-warning)/.35);background:rgb(var(--m-warning)/.12);color:rgb(var(--m-warning))}
#screen .client-card-v3 .reg-pill.bad,#screen .client-card-v3 .reg-pill.critical{border-color:rgb(var(--m-danger)/.35);background:rgb(var(--m-danger)/.1);color:rgb(var(--m-danger))}
#screen .client-card-v3 .reg-pill.new{border-color:rgb(var(--m-success)/.3);background:rgb(var(--m-success-soft));color:rgb(var(--m-success))}
/* что делать */
#screen .client-card-v3 .reg-next{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}
#screen .client-card-v3 .reg-next-main{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid rgb(var(--m-accent)/.3);border-radius:14px;background:linear-gradient(135deg,rgb(var(--m-accent-soft)/.9),rgb(var(--m-surface)))}
#screen .client-card-v3 .reg-next-main .eyebrow{color:rgb(var(--m-accent));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#screen .client-card-v3 .reg-next-main b{color:rgb(var(--m-text));font-size:16px;line-height:1.4}
#screen .client-card-v3 .reg-next-main small{color:rgb(var(--m-text2));font-size:12.5px}
#screen .client-card-v3 .reg-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:40px;margin-top:6px;padding:0 16px;border:0;border-radius:10px;background:var(--grad-accent);color:#fff;font-size:13.5px;font-weight:750;cursor:pointer}
#screen .client-card-v3 .reg-cta svg{width:16px;height:16px}
#screen .client-card-v3 .reg-signals{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#screen .client-card-v3 .reg-signals li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid rgb(var(--m-border));border-radius:10px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .reg-signals li.critical{border-color:rgb(var(--m-danger)/.35)}
#screen .client-card-v3 .reg-signals li.important{border-color:rgb(var(--m-warning)/.35)}
#screen .client-card-v3 .reg-signals li b{display:block;color:rgb(var(--m-text));font-size:13.5px}
#screen .client-card-v3 .reg-signals li span{display:block;margin-top:2px;color:rgb(var(--m-text2));font-size:12.5px;line-height:1.45}
#screen .client-card-v3 .reg-signals li small{display:block;margin-top:3px;color:rgb(var(--m-text3));font-size:11px}
#screen .client-card-v3 .reg-more{margin-top:8px}
#screen .client-card-v3 .reg-more>summary{cursor:pointer;color:rgb(var(--m-accent));font-size:12.5px;font-weight:700;list-style:none}
#screen .client-card-v3 .reg-more>summary::-webkit-details-marker{display:none}
#screen .client-card-v3 .reg-more[open]>summary{margin-bottom:8px}
/* налоги */
#screen .client-card-v3 .reg-tax{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;align-items:start}
#screen .client-card-v3 .reg-tax .kgd-chart,#screen .client-card-v3 .reg-tax .mm-tax-bars,#screen .client-card-v3 .reg-tax .kgd-bars{min-height:150px!important}
#screen .client-card-v3 .reg-tax-facts .reg-kv{grid-template-columns:1fr}
/* действия */
#screen .client-card-v3 .reg-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
#screen .client-card-v3 .reg-actions .object-action.sm,#screen .client-card-v3 .reg-table .object-action.sm{margin:0;min-height:32px;padding:0 11px;font-size:12px}
#screen .client-card-v3 .reg-actions .client-card-v3-contact-socials{margin:0!important}
/* факты (две колонки) — крупнее и читаемее */
#screen .client-card-v3 .reg-section .fact-columns{margin:0}
#screen .client-card-v3 .reg-section .fact-columns>div{padding:12px 14px}
#screen .client-card-v3 .reg-section .fact-columns h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--m-text3))}
#screen .client-card-v3 .reg-section .fact-columns article{font-size:13px;line-height:1.45}
#screen .client-card-v3 .reg-section .fact-columns article b{color:rgb(var(--m-text3));font-weight:500}
#screen .client-card-v3 .reg-section .fact-columns article span{color:rgb(var(--m-text));font-weight:600;text-align:right}
/* тот же вид для «Глубокого поиска» и остальных объектов v3 */
#screen .client-card-v3 .data-object-card{padding:16px 18px;border:1px solid rgb(var(--m-border));border-radius:12px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .data-object-card>header h3{font-size:14.5px!important}
#screen .client-card-v3 .kv,#screen .client-card-v3 .data-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
#screen .client-card-v3 .kv .row,#screen .client-card-v3 .data-kv>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .kv .k,#screen .client-card-v3 .data-kv dt{color:rgb(var(--m-text3));font-size:12px}
#screen .client-card-v3 .kv .v,#screen .client-card-v3 .data-kv dd{color:rgb(var(--m-text));font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
#screen .client-card-v3 .contact-pending{margin:0 0 10px}
@media (max-width:1100px){
  #screen .client-card-v3 .reg-kv,#screen .client-card-v3 .kv,#screen .client-card-v3 .data-kv{grid-template-columns:1fr}
  #screen .client-card-v3 .reg-next,#screen .client-card-v3 .reg-tax{grid-template-columns:1fr}
}
@media (max-width:760px){
  #screen .client-card-v3 .reg-section{padding:14px 14px 16px}
  #screen .client-card-v3 .reg-kv>div{grid-template-columns:1fr;gap:2px}
}

/* ── «Паспорт компании» в структуре бизнес-реестра (карточка + Глубокий поиск) ── */
#screen .client-card-v3-page>.client-card-v3-shell .pp-layout{order:4}
#screen .client-card-v3 .pp-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;background:rgb(var(--m-surface))}
#screen .client-card-v3 .pp-anchors{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:16px 10px;border-right:1px solid rgb(var(--m-border));background:rgb(var(--m-inset)/.5)}
#screen .client-card-v3 .pp-anchors ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#screen .client-card-v3 .pp-anchors button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:rgb(var(--m-text2));font:inherit;font-size:13px;cursor:pointer}
#screen .client-card-v3 .pp-anchors button:hover{background:rgb(var(--m-surface));color:rgb(var(--m-text))}
#screen .client-card-v3 .pp-anchors button.on{background:rgb(var(--m-accent-soft));color:rgb(var(--m-accent));font-weight:750}
#screen .client-card-v3 .pp-main{min-width:0}
#screen .client-card-v3 .pp-head{padding:16px 24px 6px}
#screen .client-card-v3 .pp-head.compact{padding:10px 24px 0}
#screen .client-card-v3 .pp-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:rgb(var(--m-text3));font-size:12px}
#screen .client-card-v3 .pp-crumbs i{font-style:normal;color:rgb(var(--m-text3))}
#screen .client-card-v3 .pp-crumbs b{color:rgb(var(--m-text));font-weight:600}
#screen .client-card-v3 .pp-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:8px}
#screen .client-card-v3 .pp-title h2{margin:0;font-size:22px;font-weight:750;letter-spacing:-.01em;color:rgb(var(--m-text))}
#screen .client-card-v3 .pp-bin{font-variant-numeric:tabular-nums;color:rgb(var(--m-text2));font-size:14px}
#screen .client-card-v3 .pp-kz{margin-top:2px;color:rgb(var(--m-text3));font-size:13px}
#screen .client-card-v3 .pp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#screen .client-card-v3 .pp-section{padding:18px 24px 20px;border-top:1px solid rgb(var(--m-border));scroll-margin-top:12px}
#screen .client-card-v3 .pp-section:first-of-type{border-top:0}
#screen .client-card-v3 .pp-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 12px}
#screen .client-card-v3 .pp-h h3{margin:0;color:rgb(var(--m-text));font-size:16px;font-weight:750}
#screen .client-card-v3 .pp-h small{color:rgb(var(--m-text3));font-size:11.5px}
#screen .client-card-v3 .pp-sub{margin:14px 0 6px;color:rgb(var(--m-text3));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#screen .client-card-v3 .pp-sub span{font-weight:500;letter-spacing:0;text-transform:none}
#screen .client-card-v3 .pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
#screen .client-card-v3 .pp-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid rgb(var(--m-border))}
#screen .client-card-v3 .pp-k{color:rgb(var(--m-text));font-size:12.5px;font-weight:700;line-height:1.45}
#screen .client-card-v3 .pp-v{color:rgb(var(--m-text));font-size:13.5px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
#screen .client-card-v3 .pp-v.missing{color:rgb(var(--m-text3));font-style:italic;font-weight:400}
#screen .client-card-v3 .pp-v a{color:rgb(var(--m-accent));text-decoration:none;font-weight:600}
#screen .client-card-v3 .pp-v .bad{color:rgb(var(--m-danger))}
#screen .client-card-v3 .pp-v .ok{color:rgb(var(--m-success))}
#screen .client-card-v3 .pp-chk{display:block;margin-top:2px;color:rgb(var(--m-text3));font-size:11px;font-weight:400;font-style:normal}
#screen .client-card-v3 .pp-empty{padding:12px;border:1px dashed rgb(var(--m-border));border-radius:8px;color:rgb(var(--m-text3));font-size:12.5px}
#screen .client-card-v3 .pp-tablewrap{overflow-x:auto;border:1px solid rgb(var(--m-border));border-radius:8px;background:rgb(var(--m-surface))}
#screen .client-card-v3 .pp-table{width:100%;border-collapse:collapse;font-size:13px}
#screen .client-card-v3 .pp-table th{padding:8px 12px;text-align:left;color:rgb(var(--m-text3));font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:rgb(var(--m-inset)/.6);border-bottom:1px solid rgb(var(--m-border));white-space:nowrap}
#screen .client-card-v3 .pp-table td{padding:9px 12px;border-bottom:1px solid rgb(var(--m-border));vertical-align:top;line-height:1.4;color:rgb(var(--m-text))}
#screen .client-card-v3 .pp-table tbody tr:nth-child(even) td{background:rgb(var(--m-inset)/.35)}
#screen .client-card-v3 .pp-table tr:last-child td{border-bottom:0}
#screen .client-card-v3 .pp-table .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
#screen .client-card-v3 .pp-table td small{display:block;color:rgb(var(--m-text3));font-size:11px}
#screen .client-card-v3 .pp-table td a{color:rgb(var(--m-accent));text-decoration:none;font-weight:600}
#screen .client-card-v3 .pp-table .up{color:rgb(var(--m-success))}
#screen .client-card-v3 .pp-table .down{color:rgb(var(--m-danger))}
#screen .client-card-v3 .pp-showall{display:block;width:100%;padding:9px;border:0;border-top:1px solid rgb(var(--m-border));background:rgb(var(--m-inset)/.4);color:rgb(var(--m-accent));font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
#screen .client-card-v3 .pp-tax{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start}
#screen .client-card-v3 .pp-tax-chart .kgd-chart,#screen .client-card-v3 .pp-tax-chart .mm-tax-bars,#screen .client-card-v3 .pp-tax-chart .kgd-bars{min-height:150px!important}
#screen .client-card-v3 .pp-soc{display:flex;flex-wrap:wrap;gap:6px}
#screen .client-card-v3 .pp-soc a{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid rgb(var(--m-border));border-radius:999px;background:rgb(var(--m-inset));color:rgb(var(--m-accent));font-size:11.5px;font-weight:700;text-decoration:none}
#screen .client-card-v3 .pp-hours{border-collapse:collapse;font-size:12.5px;margin:4px 0 8px}
#screen .client-card-v3 .pp-hours th{padding:4px 12px 4px 0;text-align:left;color:rgb(var(--m-text3));font-weight:600}
#screen .client-card-v3 .pp-hours td{padding:4px 0;color:rgb(var(--m-text))}
#screen .client-card-v3 .pp-details{margin-top:12px}
#screen .client-card-v3 .pp-details>summary{cursor:pointer;color:rgb(var(--m-text));font-size:12.5px;font-weight:700;list-style:none;padding:6px 0}
#screen .client-card-v3 .pp-details>summary::-webkit-details-marker{display:none}
#screen .client-card-v3 .pp-details>summary:before{content:'▸ ';color:rgb(var(--m-text3))}
#screen .client-card-v3 .pp-details[open]>summary:before{content:'▾ '}
#screen .client-card-v3 .pp-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
#screen .client-card-v3 .pp-filter button{height:30px;padding:0 12px;border:1px solid rgb(var(--m-border));border-radius:999px;background:rgb(var(--m-surface));color:rgb(var(--m-text2));font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
#screen .client-card-v3 .pp-filter button.on{border-color:rgb(var(--m-accent));background:rgb(var(--m-accent-soft));color:rgb(var(--m-accent))}
#screen .client-card-v3 .pp-filter .pp-recheck{margin-left:auto;border-color:rgb(var(--m-border-strong));color:rgb(var(--m-accent))}
#screen .client-card-v3 .pp-check-group+.pp-check-group{margin-top:14px}
#screen .client-card-v3 .pp-check-group h4{margin:0 0 6px;color:rgb(var(--m-text));font-size:13px;font-weight:750}
#screen .client-card-v3 .pp-check ul{list-style:none;margin:0;padding:0}
#screen .client-card-v3 .pp-check li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px dashed rgb(var(--m-border));font-size:13px}
#screen .client-card-v3 .pp-check li:last-child{border-bottom:0}
#screen .client-card-v3 .pp-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:rgb(var(--m-text3))}
#screen .client-card-v3 .pp-dot.clean{background:rgb(var(--m-success))}
#screen .client-card-v3 .pp-dot.violation{background:rgb(var(--m-danger))}
#screen .client-card-v3 .pp-check-label{color:rgb(var(--m-text))}
#screen .client-card-v3 .pp-check-val{text-align:right;color:rgb(var(--m-text2));font-weight:600;white-space:nowrap}
#screen .client-card-v3 li.clean .pp-check-val{color:rgb(var(--m-success))}
#screen .client-card-v3 li.violation .pp-check-val{color:rgb(var(--m-danger))}
#screen .client-card-v3 .pp-check-val small{display:block;color:rgb(var(--m-text3));font-size:11px;font-weight:400}
#screen .client-card-v3 .pp-check[data-show="violation"] li:not(.violation){display:none}
#screen .client-card-v3 .pp-check[data-show="attention"] li:not(.violation):not(.unknown){display:none}
#screen .client-card-v3 .pp-about{margin:10px 0 0;color:rgb(var(--m-text2));font-size:13.5px;line-height:1.55}
#screen .client-card-v3.probe-passport{border:1px solid rgb(var(--m-border));border-radius:14px;overflow:hidden;margin-top:14px;background:rgb(var(--m-surface))}
@media (max-width:1100px){
  #screen .client-card-v3 .pp-layout{grid-template-columns:1fr}
  #screen .client-card-v3 .pp-anchors{position:static;max-height:none;border-right:0;border-bottom:1px solid rgb(var(--m-border));padding:10px 12px}
  #screen .client-card-v3 .pp-anchors ul{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px}
  #screen .client-card-v3 .pp-anchors button{white-space:nowrap;width:auto}
  #screen .client-card-v3 .pp-grid,#screen .client-card-v3 .pp-tax{grid-template-columns:1fr}
}
@media (max-width:760px){
  #screen .client-card-v3 .pp-section{padding:14px 14px 16px}
  #screen .client-card-v3 .pp-row{grid-template-columns:1fr;gap:2px}
}