/* Approved Client Studio: presentation only; existing runtime and safety states remain intact. */
@font-face {
  font-family:Manrope; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('./fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family:Manrope; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('./fonts/manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
body.precision.studio {
  --canvas:#f3f5f6; --card:#fff; --raised:#f6f7f8; --ink:#172127; --muted:#5f6c75;
  --line:#e3e7e9; --soft:#edf0f2; --accent:#087d6d; --accent-hover:#066958;
  --accent-soft:#eaf6f2; --action-ink:#fff; --ai:#6552b0; --ai-soft:#f2effb;
  --amber:#9a5b0a; --amber-soft:#fff5e5; --red:#ba4148; --red-soft:#fff0f1;
  --green:#22613f; --green-soft:#eaf6f2;
  --side:var(--card); --side-2:var(--raised); --side-line:var(--line);
  --radius-control:10px; --radius-surface:16px; --radius-overlay:22px;
  --shadow:0 6px 24px #23343a06; --overlay-shadow:0 16px 48px #23343a20;
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:500; font-synthesis:none;
}
body.precision.studio.dark {
  --canvas:#101214; --card:#1b1e21; --raised:#23272b; --ink:#f4f6f7; --muted:#a8b2bb;
  --line:#343b40; --soft:#282d31; --accent:#79dec9; --accent-hover:#9ae9d8;
  --accent-soft:#1d3730; --action-ink:#102b25; --ai:#baa6f2; --ai-soft:#30283f;
  --amber:#f1bd72; --amber-soft:#3c3020; --red:#ff9da6; --red-soft:#40272c;
  --green:#97dfb7; --green-soft:#1d3730;
  --shadow:0 8px 30px #00000018; --overlay-shadow:0 16px 48px #00000050;
}
body.precision.studio h1 { font-size:27px; font-weight:650; letter-spacing:-.9px; }
body.precision.studio :is(b,strong,h2,h3) { font-weight:600; }
body.precision.studio :is(button,input,select,textarea) { font-family:inherit; font-weight:500; }
body.precision.studio :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
body.precision.studio .button { min-height:38px; padding:8px 13px; box-shadow:none; }
body.precision.studio .button.primary { background:var(--accent); border-color:var(--accent); color:var(--action-ink); box-shadow:none; }
body.precision.studio .button.primary:hover { background:var(--accent-hover); }
body.precision.studio :is(.button.soft,.segmented) { background:var(--raised); }
body.precision.studio :is(.card-pad,.settings-card,.editor-main,.preview-card) { padding:22px; }
body.precision.studio .page-head { margin-bottom:26px; }
body.precision.studio .eyebrow { font-size:10px; letter-spacing:1px; }
body.precision.studio .card { background:var(--card); border-color:var(--line); }
body.precision.studio .topbar { background:var(--card); padding-inline:26px; border-bottom-color:var(--line); }
body.precision.studio .breadcrumbs { font-size:12px; }
body.precision.studio .precision-footer { background:var(--canvas); color:var(--muted); border-top:0; font-size:10px; }
body.precision.studio #sidebar { background:var(--card); color:var(--ink); border-color:var(--line); box-shadow:none; }
body.precision.studio #sidebar .brand { color:var(--ink); letter-spacing:-.8px; }
body.precision.studio #sidebar .brand b { color:var(--accent); }
body.precision.studio #sidebar .brand-mark { filter:none; }
body.precision.studio.dark #sidebar .brand-mark { filter:brightness(0) invert(1); }
body.precision.studio #sidebar :is(.sidebar-pin,.nav-label) { color:var(--muted); }
body.precision.studio #sidebar nav { flex:1; min-height:0; margin-top:12px; }
body.precision.studio #sidebar nav a { font-size:12px; color:var(--muted); border:0; box-shadow:none; }
body.precision.studio #sidebar nav a:hover { color:var(--ink); background:var(--raised); transform:none; }
body.precision.studio #sidebar nav a.active { background:var(--accent-soft); color:var(--accent); border:0; box-shadow:none; }
body.precision.studio #sidebar nav a em { background:var(--soft); color:var(--muted); border-radius:7px; }
body.precision.studio #sidebar nav a.active em { background:var(--card); color:var(--accent); }
body.precision.studio .studio-sidebar-bottom { flex:none; margin-top:auto; padding-top:10px; border-top:1px solid var(--line); }
body.precision.studio #sidebar .space-switch { margin:0 0 8px; padding:10px 8px; border:0; border-radius:12px; background:var(--raised); color:var(--ink); }
body.precision.studio #sidebar :is(.space-avatar,.profile .avatar) { color:var(--accent); background:var(--accent-soft); border-radius:11px; }
body.precision.studio #sidebar .system-state { margin-top:0; padding:8px; border:0; }
body.precision.studio #sidebar .system-state b { color:var(--ink); font-size:11px; }
body.precision.studio #sidebar :is(.system-state small,.profile small,.space-switch small) { color:var(--muted); font-size:10px; }
body.precision.studio #sidebar .profile { color:var(--ink); background:transparent; font-size:12px; }
body.precision.studio #sidebar .profile:hover { background:var(--raised); }

/* Workday: compact command, unboxed metrics, queue and measured chart. */
body.precision.studio[data-page=home] .home-grid { gap:20px; }
body.precision.studio[data-page=home] .welcome { background:var(--accent-soft); border:0; padding:18px 20px; }
body.precision.studio[data-page=home] .welcome h2 { font-size:19px; }
body.precision.studio[data-page=home] .welcome .welcome-action { background:var(--accent); color:var(--action-ink); border-color:var(--accent); }
body.precision.studio[data-page=home] .kpis { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding-block:10px; background:transparent; }
body.precision.studio[data-page=home] .kpis .kpi { border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; padding:8px 20px; min-height:130px; }
body.precision.studio[data-page=home] .kpis .kpi:last-child { border-right:0; }
body.precision.studio[data-page=home] .kpi strong { font-size:34px; font-weight:650; letter-spacing:-1px; }
body.precision.studio[data-page=home] .kpi-icon { background:transparent; color:var(--muted); }
body.precision.studio[data-page=home] .kpi.live-kpi strong { color:var(--ai); }
body.precision.studio[data-page=home] .kpi.attention strong { color:var(--amber); }
body.precision.studio[data-page=home] .home-plan-strip { background:transparent; padding:10px 0; border:0; box-shadow:none; }
body.precision.studio[data-page=home] .chart { height:165px; }
body.precision.studio[data-page=home] .activity { grid-column:1/-1; order:8; }
body.precision.studio[data-page=home] .attention-list { grid-column:1/-1; }
body.precision.studio[data-page=home] .home-grid.setup-complete>.onboarding { padding:10px 18px; }
body.precision.studio[data-page=home] .home-grid.setup-complete>.onboarding h2 { font-size:14px; }

/* Inbox retains the real viewport, panes and independent scroll containers. */
body.precision.studio[data-page=chats] .chat-list { background:var(--card); }
body.precision.studio[data-page=chats] .chat-head { background:var(--card); }
body.precision.studio[data-page=chats] .messages { background:var(--canvas); }
body.precision.studio[data-page=chats] .bubble { background:var(--card); border:1px solid var(--line); padding:12px 15px; }
body.precision.studio[data-page=chats] .bubble.out { background:var(--accent-soft); border-color:transparent; }
body.precision.studio[data-page=chats] .composer { background:var(--card); }
body.precision.studio[data-page=chats] .draft { background:var(--ai-soft); border:1px solid color-mix(in srgb,var(--ai) 25%,var(--line)); border-radius:14px; padding:16px; }
body.precision.studio[data-page=chats] .draft-actions .button.primary { background:var(--ai); border-color:var(--ai); color:var(--card); }
body.precision.studio[data-page=chats] .draft-reason { background:transparent; border:0; border-bottom:1px solid color-mix(in srgb,var(--ai) 20%,var(--line)); border-radius:0; }
body.precision.studio[data-page=chats] .conversation-health { background:var(--raised); }
body.precision.studio[data-page=chats] .person.selected { background:var(--accent-soft); border-left-color:var(--accent); }
body.precision.studio[data-page=chats] .contact { border-radius:16px 0 0 16px; }

body.precision.studio[data-page=broadcasts] .broadcast-campaign-card { box-shadow:none; }
body.precision.studio[data-page=broadcasts] .broadcast-view-filters .button { background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0; }
body.precision.studio[data-page=broadcasts] .broadcast-view-filters .button.active { color:var(--accent); border-bottom-color:var(--accent); }
body.precision.studio[data-page=broadcasts] .broadcast-campaign-card>summary { padding:20px; }
body.precision.studio[data-page=broadcasts] .broadcast-empty { background:var(--card); border:1px dashed var(--line); padding:28px; }
body.precision.studio[data-page=crm] .crm-kpis .card { border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
body.precision.studio[data-page=crm] .crm-kpis .card:last-child { border-right:0; }
body.precision.studio[data-page=crm] .crm-kpis strong { font-size:30px; font-weight:650; }
body.precision.studio[data-page=crm] .table-card { border-radius:16px; }
body.precision.studio[data-page=crm] .task-card { background:var(--card); padding:18px; }
body.precision.studio[data-page=crm] .studio-crm-layout { display:block; }
body.precision.studio[data-page=crm] .studio-crm-board { background:transparent; border:0; overflow:visible; box-shadow:none; }
body.precision.studio[data-page=crm] .studio-lead-column .studio-column-empty { padding:16px 0; color:var(--muted); font-size:12px; }
body.precision.studio[data-page=crm] .studio-lead-name { display:flex; gap:10px; align-items:center; min-width:0; }
body.precision.studio[data-page=crm] .studio-lead-request { margin-top:10px; display:block; color:var(--muted); font-size:12px; }
body.precision.studio[data-page=crm] .studio-leadboard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
body.precision.studio[data-page=crm] .studio-lead-column { min-width:0; padding:14px; border-radius:16px; background:var(--soft); }
body.precision.studio[data-page=crm] .studio-lead-column>header { display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; }
body.precision.studio[data-page=crm] .studio-lead-column>h3 { display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; }
body.precision.studio[data-page=crm] .studio-lead-card { display:block; width:100%; margin-top:10px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--card); text-align:left; overflow-wrap:anywhere; }
body.precision.studio[data-page=crm] .studio-lead-card:hover { border-color:var(--accent); }
body.precision.studio[data-page=crm] .studio-lead-card p { margin:8px 0; color:var(--muted); font-size:12px; }
body.precision.studio[data-page=crm] .studio-lead-meta { display:flex; flex-wrap:wrap; gap:8px; font-size:11px; color:var(--muted); }
body.precision.studio[data-page=crm] .studio-crm-tasks { margin-top:24px; }
body.precision.studio[data-page=crm] .studio-crm-tasks .pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
body.precision.studio[data-page=assistants] .assistant-row { padding:24px; gap:20px; }
body.precision.studio[data-page=assistants] .assistant-row .assistant-symbol { border-radius:14px; width:44px; height:44px; }
body.precision.studio[data-page=assistants] .create-row { padding:22px; background:transparent; }
body.precision.studio[data-page=assistants] .create-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; }
body.precision.studio[data-page=assistants] .create-row .button { margin-left:auto; }
body.precision.studio[data-page=connections] .connections-grid { background:var(--card); border:1px solid var(--line); border-radius:16px; gap:0; padding:0 24px; }
body.precision.studio[data-page=connections] .connection { padding:24px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; }
body.precision.studio[data-page=connections] .connection:last-child { border-bottom:0; }
body.precision.studio[data-page=connections] .channel-icon { width:40px; height:40px; border-radius:13px; }
body.precision.studio[data-page=connections] .connection-facts { gap:20px; }
body.precision.studio[data-page=analytics] .kpis { gap:0; margin-bottom:26px; }
body.precision.studio[data-page=analytics] .kpi { background:transparent; border:0; border-right:1px solid var(--line); border-radius:0; box-shadow:none; padding:14px 20px; }
body.precision.studio[data-page=analytics] .kpi:nth-child(3n) { border-right:0; }
body.precision.studio[data-page=analytics] .kpi strong { font-size:34px; font-weight:650; letter-spacing:-.8px; }
body.precision.studio[data-page=analytics] .kpi.active strong { color:var(--ai); }
body.precision.studio[data-page=analytics] .kpi.attention strong { color:var(--amber); }
body.precision.studio[data-page=analytics] .chart { height:240px; }
body.precision.studio[data-page=settings] .settings-layout { grid-template-columns:155px minmax(0,1fr); gap:24px; }
body.precision.studio[data-page=settings] .settings-nav button.active { border:0; background:var(--card); color:var(--accent); box-shadow:var(--shadow); }
body.precision.studio[data-page=settings] .settings-card { padding:24px; }
body.precision.studio[data-page=billing] .workspace-page { max-width:none; }
body.precision.studio[data-page=billing] .plan-current { padding:26px; background:var(--accent-soft); border:0; margin-bottom:24px; }
body.precision.studio[data-page=billing] .plan-current h3 { font-size:26px; }
body.precision.studio[data-page=billing] .plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:24px; }
body.precision.studio[data-page=billing] .plan-card { display:flex; flex-direction:column; align-items:stretch; gap:20px; padding:20px 16px; min-width:0; }
body.precision.studio[data-page=billing] .plan-card.current { background:var(--card); border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
body.precision.studio[data-page=billing] .plan-card>div>strong { font-size:24px; letter-spacing:-.6px; }
body.precision.studio[data-page=billing] .plan-card ul { list-style:none; padding:0; line-height:1.8; }
body.precision.studio[data-page=billing] .plan-card-action { margin-top:auto; justify-content:stretch; }
body.precision.studio[data-page=billing] .plan-card-action .button { width:100%; white-space:normal; }
body.precision.studio[data-page=help] #app { display:flex; flex-direction:column; }
body.precision.studio[data-page=help] .page-head { order:0; }
body.precision.studio[data-page=help] .studio-help-search { order:0; display:flex; align-items:center; gap:10px; padding:5px 14px; max-width:540px; margin-bottom:28px; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--muted); }
body.precision.studio[data-page=help] .studio-help-search input { border:0; background:transparent; }
body.precision.studio[data-page=help] .studio-help-empty { order:0; margin-bottom:16px; }
body.precision.studio[data-page=help] .studio-help-faq { order:2; margin-bottom:28px; }
body.precision.studio[data-page=help] .studio-help-faq details { padding:16px 0; border-bottom:1px solid var(--line); }
body.precision.studio[data-page=help] .studio-help-faq summary { cursor:pointer; font-weight:600; }
body.precision.studio[data-page=help] .studio-help-faq p { max-width:780px; margin:14px 0; color:var(--muted); }
body.precision.studio[data-page=help] .help-grid { order:1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0 0 28px; }
body.precision.studio[data-page=help] .help-card { display:block; padding:18px 0; border:0; border-top:2px solid var(--accent); border-radius:0; background:transparent; box-shadow:none; }
body.precision.studio[data-page=help] .help-card:nth-child(3n+2) { border-color:var(--ai); }
body.precision.studio[data-page=help] .help-card:nth-child(3n) { border-color:var(--amber); }
body.precision.studio[data-page=help] .help-card .assistant-symbol { margin-bottom:14px; }
body.precision.studio[data-page=help] .first-path { order:3; background:var(--card); grid-template-columns:1fr 1.5fr; padding:24px; }
body.precision.studio[data-page=editor] .editor-layout { grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr); gap:20px; }
body.precision.studio[data-page=editor] .editor-nav { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; padding:0; }
body.precision.studio[data-page=editor] .editor-nav button { display:flex; flex:1 1 150px; gap:8px; padding:12px; border:0; border-radius:10px; background:var(--card); white-space:normal; }
body.precision.studio[data-page=editor] .editor-nav button.active { background:var(--accent-soft); color:var(--accent); }
body.precision.studio[data-page=editor] .editor-nav button small { display:none; }
body.precision.studio[data-page=editor] .editor-nav button em { flex:none; width:22px; }
body.precision.studio[data-page=editor] .editor-main { grid-column:1; padding:24px; }
body.precision.studio[data-page=editor] .preview-card { grid-column:2; padding:24px; background:var(--card); }
body.precision.studio[data-page=editor] .editor-save-bar { border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin-top:20px; box-shadow:var(--shadow); }
body.precision.studio .auth-story { background:#1b1e21; }

@media(min-width:761px) {
  body.precision.studio:not(.auth-required),body.precision.studio.sidebar-pinned:not(.auth-required) { grid-template-columns:210px minmax(0,1fr); }
  body.precision.studio #sidebar { width:210px; padding:24px 12px 14px; }
  body.precision.studio:not(.sidebar-pinned):not(.auth-required) { grid-template-columns:72px minmax(0,1fr); }
  body.precision.studio:not(.sidebar-pinned) #sidebar:not(:hover) { width:72px; padding-inline:10px; }
  body.precision.studio:not(.sidebar-pinned) #sidebar:not(:hover) .space-switch { margin:0; padding:0; background:transparent; }
  body.precision.studio[data-page=chats] #app { padding:18px 20px 0; }
  body.precision.studio[data-page=chats] .chat-workspace { border:1px solid var(--line); border-radius:16px; }
}
@media(min-width:761px) and (max-width:1100px) {
  body.precision.studio[data-page=billing] .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.precision.studio[data-page=help] .help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.precision.studio[data-page=help] .first-path { grid-template-columns:1fr; }
  body.precision.studio[data-page=editor] .editor-layout { grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=editor] :is(.editor-main,.preview-card) { grid-column:1; position:static; }
  body.precision.studio[data-page=crm] .studio-leadboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  body.precision.studio h1 { font-size:25px; }
  body.precision.studio .topbar { padding-inline:12px; }
  body.precision.studio #sidebar { padding:20px 12px 14px; }
  body.precision.studio :is(.button,input,select,textarea) { min-height:44px; }
  body.precision.studio :is(input,select,textarea) { font-size:16px; }
  body.precision.studio[data-page=home] .kpis .kpi { padding:12px; }
  body.precision.studio[data-page=home] .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.precision.studio[data-page=home] .kpis .kpi:nth-child(2n) { border-right:0; }
  body.precision.studio[data-page=analytics] .kpi { padding:12px; border-right:0; }
  body.precision.studio[data-page=chats] .draft { padding:10px; }
  body.precision.studio[data-page=chats] .contact { border-radius:0; }
  body.precision.studio[data-page=billing] .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.precision.studio[data-page=billing] .plan-card { padding:16px 12px; }
  body.precision.studio[data-page=billing] .plan-card>div>strong { font-size:20px; overflow-wrap:anywhere; }
  body.precision.studio[data-page=help] :is(.help-grid,.first-path) { grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=help] .help-grid { gap:8px; }
  body.precision.studio[data-page=editor] .editor-layout { grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=editor] :is(.editor-main,.preview-card) { grid-column:1; padding:18px; position:static; }
  body.precision.studio[data-page=editor] .editor-nav button { flex:1 1 130px; }
  body.precision.studio[data-page=editor] .editor-save-bar { padding:12px; }
  body.precision.studio[data-page=settings] .settings-layout { grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=crm] :is(.studio-leadboard,.studio-crm-tasks .pipeline) { grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=assistants] .assistant-actions { display:flex; flex-wrap:wrap; gap:8px; }
  body.precision.studio[data-page=crm] .lead-filter-tools { display:grid; grid-template-columns:minmax(0,1fr); }
  body.precision.studio[data-page=crm] .lead-filter-tools :is(input,select) { width:100%; min-width:0; max-width:100%; }
}
@media(max-width:360px) {
  body.precision.studio[data-page=billing] .plan-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-height:700px) and (min-width:761px) {
  body.precision.studio #sidebar { padding-top:12px; }
  body.precision.studio #sidebar nav { margin-top:4px; }
  body.precision.studio #sidebar .nav-label { margin-top:7px; }
  body.precision.studio #sidebar .space-switch { min-height:48px; padding:8px; margin:0; }
}