@layer base, layout, components, responsive;

@layer base {
  :root { color-scheme: light; --paper:#f6f5f0; --surface:#fffefa; --ink:#24313b; --muted:#626962; --line:#dcded5; --navy:#202d39; --navy-soft:#33434f; --amber:#dfbb74; --amber-soft:#f3e8d0; --green:#416955; --green-soft:#e8eee7; --red:#a24337; --red-soft:#f8ece7; --radius:10px; --font: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --shadow:0 14px 42px rgb(31 43 52 / 12%); }
  * { box-sizing:border-box; }
  body { margin:0; font:15px/1.5 var(--font); color:var(--ink); background:var(--paper); }
  button, input, select, textarea { font:inherit; }
  button, input, select, textarea, a { -webkit-tap-highlight-color:transparent; }
  button, select, summary { cursor:pointer; }
  button { color:inherit; }
  button:disabled { cursor:wait; opacity:.55; }
  a { color:inherit; text-underline-offset:4px; }
  h1,h2,h3,p { margin:0; }
  h1,h2,h3 { line-height:1.2; text-wrap:balance; }
  h1 { font-size:32px; letter-spacing:-1.1px; font-weight:600; }
  h2 { font-size:20px; letter-spacing:-.5px; font-weight:600; }
  h3 { font-size:16px; font-weight:600; }
  p { max-width:70ch; }
  svg { flex-shrink:0; }
  img { display:block; }
  :focus-visible { outline:3px solid #b8842c; outline-offset:4px; }
  ::selection { background:var(--amber-soft); color:var(--ink); }
  [hidden] { display:none!important; }
  .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
  .skip-link { position:fixed;left:16px;top:-60px;z-index:100;padding:10px 18px;background:var(--surface);border-radius:6px; }
  .skip-link:focus { top:16px; }
}

@layer layout {
  .shell { display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh; }
  .sidebar { position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--navy);color:#eff0e9;padding:31px 20px 22px; }
  .brand { display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.4px;text-decoration:none;padding:0 6px; }
  .brand small { display:block;font-weight:400;font-size:11px;color:#c1c9c9;letter-spacing:.4px;margin-top:2px; }
  .client-switch { margin:39px 6px 26px; }
  .client-switch label { color:#c0c9c8;font-size:12px;display:block;margin-bottom:9px; }
  .client-select-row { display:flex;align-items:center;gap:6px; }
  .client-select-row select { min-width:0;width:100%;color:#f6f5ee;background:var(--navy-soft);border:1px solid #58636b;border-radius:6px;padding:10px 8px;font-size:13px; }
  .client-select-row .icon-button { color:#f5f4ec;border-color:#58636b;width:37px;height:41px;flex-shrink:0; }
  .nav { display:flex;flex-direction:column;gap:5px; }
  .nav-link { display:flex;align-items:center;gap:13px;min-height:45px;padding:11px 13px;color:#cdd4d3;text-decoration:none;border-radius:7px;font-size:14px;transition:background 150ms,color 150ms; }
  .nav-link:hover { background:#2b3a46;color:#fff; }
  .nav-link[aria-current="page"] { color:var(--navy);background:var(--amber);font-weight:600; }
  .nav-badge { margin-left:auto;font-size:11px;line-height:19px;min-width:19px;padding:0 5px;text-align:center;background:#46545c;color:#fff;border-radius:5px; }
  .nav-link[aria-current="page"] .nav-badge { background:var(--navy);color:var(--amber-soft); }
  .sidebar-bottom { margin-top:auto;padding-top:34px; }
  .assistant-status { margin:22px 6px 18px;padding:16px 0;border-top:1px solid #48545b;border-bottom:1px solid #48545b; }
  .assistant-status p { display:flex;align-items:center;gap:8px;font-size:12px;color:#e0e4df; }
  .assistant-status small { display:block;color:#aebbbd;margin:5px 0 0 16px;font-size:11px;line-height:1.5; }
  .owner { display:flex;align-items:center;gap:10px;margin:0 6px; }
  .avatar { display:grid;place-items:center;background:#46545b;color:#efeee4;font-weight:600;font-size:12px;width:32px;height:32px;border-radius:50%;flex-shrink:0; }
  .owner-name { min-width:0;font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .owner small { display:block;color:#afbcbd;font-size:11px; }
  .owner .icon-button { border:0;color:#cbd4d3; }
  .content-shell { min-width:0; }
  .topbar { min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 40px;border-bottom:1px solid var(--line); }
  .breadcrumb { display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted); }
  .breadcrumb strong { color:var(--ink);font-weight:500; }
  .topbar-right { display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted); }
  .timezone-label { padding-left:15px;border-left:1px solid var(--line); }
  .mobile-brand { display:none; }
  .main { padding:28px 40px 50px;max-width:1560px;margin:auto; }
  .demo-banner { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 14px;background:#edece3;border:1px solid #dddcd0;border-radius:7px;font-size:12px;color:#5e6257;margin-bottom:30px; }
  .demo-banner strong { color:#464b43;font-weight:600; }
  .demo-banner .text-button { font-size:12px;white-space:nowrap; }
  .page-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px; }
  .page-heading p { color:var(--muted);margin-top:9px;font-size:14px; }
  .page-heading .button { margin-top:3px;flex-shrink:0; }
  .overview-grid { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,1fr);gap:26px;align-items:start; }
  .section-head { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px; }
  .section-head p { margin-top:5px;font-size:12px;color:var(--muted); }
  .section-head .text-button { font-size:12px; }
  .lower-grid { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,1fr);gap:26px;margin-top:34px;align-items:start; }
  .section-divider { border-top:1px solid var(--line);padding-top:24px; }
  .two-column { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:28px;align-items:start; }
  .stack { display:flex;flex-direction:column;gap:24px; }
  .page-footer { display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:38px;padding-top:19px; }
}

@layer components {
  .icon { width:18px;height:18px;display:inline-block;vertical-align:middle; }
  .button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--navy);background:var(--navy);color:#fffdf4;border-radius:7px;padding:10px 16px;font-weight:550;font-size:13px;text-decoration:none;transition:background 150ms,border-color 150ms; }
  .button:hover { background:#3c4a52;border-color:#3c4a52; }
  .button.secondary { background:transparent;color:var(--ink);border-color:#c9cec4; }
  .button.secondary:hover { background:#eeeee6; }
  .button.small { padding:7px 11px;min-height:34px;font-size:12px; }
  .button.danger { background:var(--red);border-color:var(--red);color:#fff; }
  .text-button { border:0;padding:5px 0;background:transparent;color:var(--ink);font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px; }
  .text-button:hover { text-decoration:underline;text-underline-offset:4px; }
  .icon-button { background:transparent;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:6px;flex-shrink:0; }
  .icon-button:hover { background:rgb(150 150 130 / 12%); }
  .actions { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
  .dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0; }
  .dot.amber { background:var(--amber); }
  .dot.neutral { background:#aeb7b2; }
  .status { display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:5px;padding:4px 7px;background:var(--green-soft);color:#355b45;white-space:nowrap;line-height:1.35; }
  .status.pending { background:var(--amber-soft);color:#70541d; }
  .status.neutral { background:#efeee8;color:#666b60; }
  .status.error { background:var(--red-soft);color:var(--red); }
  .panel { border:1px solid var(--line);border-radius:var(--radius);background:var(--surface); }
  .panel-padding { padding:23px; }
  .calendar-key { display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:11px;color:var(--muted); }
  .calendar-key span { display:flex;align-items:center;gap:6px; }
  .week-strip { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:15px 17px 17px;border-bottom:1px solid var(--line); }
  .day-button { display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;padding:8px 0;border-radius:7px;color:var(--muted);min-width:0; }
  .day-button small { font-size:10px;font-weight:400; }
  .day-button b { font-size:18px;font-weight:550; }
  .day-button:hover { background:#f0f0e9; }
  .day-button[aria-pressed="true"] { background:var(--navy);color:#fffdf4; }
  .day-mark { width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.65; }
  .day-mark.blank { opacity:0; }
  .agenda-caption { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px 4px;font-size:11px;color:var(--muted); }
  .agenda-list { padding:4px 20px 10px; }
  .agenda-event { display:grid;grid-template-columns:65px minmax(0,1fr);gap:11px;padding:18px 0;border-bottom:1px solid #e8e9e0; }
  .agenda-event:last-child { border-bottom:0; }
  .event-time { font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink); }
  .event-time small { display:block;font-size:10px;color:var(--muted);margin-top:4px; }
  .event-name { font-weight:550;font-size:13px;overflow-wrap:anywhere;line-height:1.45; }
  .event-meta { display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;color:var(--muted); }
  .agenda-bottom { display:flex;align-items:center;gap:8px;background:#f1f3eb;padding:12px 20px;border-radius:0 0 9px 9px;color:#53644f;font-size:11px; }
  .agenda-bottom .icon { width:15px;height:15px; }
  .assistant-panel { overflow:hidden; }
  .assistant-panel-head { padding:21px 21px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line); }
  .assistant-mark { width:35px;height:35px; }
  .assistant-panel-head h2 { font-size:15px;letter-spacing:-.2px; }
  .assistant-panel-head p { font-size:11px;color:var(--muted);margin-top:3px; }
  .assistant-panel-head .dot { margin-left:auto; }
  .chat-messages { padding:21px;display:flex;flex-direction:column;gap:17px;min-height:195px;max-height:460px;overflow:auto;scrollbar-gutter:stable; }
  .chat-intro { font-size:14px;line-height:1.75; }
  .chat-intro h3 { font-size:20px;letter-spacing:-.4px;line-height:1.35;margin-bottom:12px; }
  .chat-intro p { font-size:13px;color:var(--muted); }
  .chat-message { font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere; }
  .chat-message.user { padding:10px 13px;background:#edece4;border-radius:8px;align-self:flex-end;max-width:93%; }
  .message-label { display:block;font-size:10px;font-weight:600;color:var(--muted);margin-bottom:5px; }
  .chat-sources { display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line);white-space:normal; }
  .chat-sources > span { width:100%;font-size:10px;color:var(--muted); }
  .chat-sources a { display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);text-decoration:none;background:#efefe8;border-radius:4px;padding:3px 6px; }
  .chat-sources a:hover { text-decoration:underline; }
  .chat-sources .icon { width:12px;height:12px; }
  .chat-prompts { display:flex;flex-wrap:wrap;gap:7px;padding:0 21px 18px; }
  .prompt-button { padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:transparent; }
  .prompt-button:hover { background:#f0f0e8; }
  .chat-form { border-top:1px solid var(--line);padding:14px 17px;display:flex;align-items:flex-end;gap:10px;background:#fafaf5; }
  .chat-form textarea { resize:vertical;border:0;outline-offset:3px;background:transparent;width:100%;min-height:43px;max-height:130px;padding:10px 3px;font-size:13px; }
  .chat-form .button { min-width:36px;min-height:36px;padding:8px;margin:3px 0; }
  .assistant-note { margin-top:10px;font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:6px; }
  .assistant-note .icon { width:13px;height:13px;margin-top:2px; }
  .task-list { list-style:none;padding:0;margin:0; }
  .task-row { display:flex;align-items:flex-start;gap:11px;padding:16px 0;border-bottom:1px solid var(--line); }
  .task-row:first-child { padding-top:4px; }
  .task-row:last-child { border-bottom:0; }
  .task-check { width:19px;height:19px;border:1px solid #a7afa2;border-radius:50%;background:transparent;margin-top:2px;display:grid;place-items:center;padding:0;flex-shrink:0; }
  .task-check:hover { background:var(--green-soft);border-color:var(--green); }
  .task-check.done { background:var(--green);color:#fff;border-color:var(--green); }
  .task-check .icon { width:12px;height:12px; }
  .task-body { min-width:0;flex:1; }
  .task-title { font-size:13px;font-weight:550;overflow-wrap:anywhere; }
  .task-title.done { text-decoration:line-through;color:var(--muted); }
  .task-meta { display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:6px; }
  .task-row > .status { margin-top:1px; }
  .empty { padding:29px 16px;text-align:center;color:var(--muted);font-size:13px; }
  .empty .icon { width:26px;height:26px;color:#7b8876;margin-bottom:10px; }
  .empty h3 { color:var(--ink);font-size:14px;margin-bottom:7px; }
  .empty p { max-width:40ch;margin:auto;font-size:12px; }
  .empty .button { margin-top:15px; }
  .notice { border:1px solid #d3d9cb;border-radius:8px;padding:16px;background:#eaf0e5;display:flex;align-items:flex-start;gap:11px; }
  .notice .icon { width:17px;height:17px;margin-top:1px;color:var(--green); }
  .notice h3 { font-size:13px;line-height:1.5;margin-bottom:5px; }
  .notice p { font-size:12px;color:#59654f; }
  .notice.warning { background:var(--amber-soft);border-color:#e5d4b2; }
  .notice.warning p,.notice.warning .icon { color:#765c29; }
  .activity-item { display:flex;align-items:flex-start;gap:11px;padding:13px 0; }
  .activity-item + .activity-item { border-top:1px solid var(--line); }
  .activity-item .dot { margin-top:7px; }
  .activity-item p { font-size:12px; }
  .activity-item small { display:block;font-size:11px;color:var(--muted);margin-top:4px; }
  .activity-item time { margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap;margin-top:2px; }
  .inline-composer { padding:24px;background:var(--surface);border:1px solid #a9b4a4;border-radius:10px;margin-bottom:29px; }
  .inline-composer .section-head { margin-bottom:21px; }
  .inline-composer h2 { font-size:18px; }
  .form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
  .field { min-width:0; }
  .field.full { grid-column:1/-1; }
  .field label,.field-label { display:block;font-size:12px;font-weight:550;margin-bottom:7px; }
  .field input,.field textarea,.field select,.search-input { width:100%;border:1px solid #c6ccbe;border-radius:6px;padding:10px 11px;color:var(--ink);background:#fffefa;min-height:42px; }
  .field textarea { resize:vertical;min-height:104px; }
  .field input::placeholder,.field textarea::placeholder,.chat-form textarea::placeholder { color:#747970;opacity:1; }
  .field small,.field-help { display:block;color:var(--muted);font-size:11px;margin-top:6px; }
  .form-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:21px; }
  .check-label { display:flex;align-items:flex-start;gap:9px;font-size:12px; }
  .check-label input { accent-color:var(--navy);width:16px;height:16px;margin:1px 0 0;flex-shrink:0; }
  .check-label small { display:block;color:var(--muted);margin-top:3px;font-size:11px; }
  .form-error { margin-top:13px;padding:10px 12px;background:var(--red-soft);color:var(--red);border-radius:5px;font-size:12px; }
  .suggestions { border-top:1px solid var(--line);padding-top:20px;margin-top:23px; }
  .suggestions p { font-size:12px;color:var(--muted);margin:7px 0 12px; }
  .suggestion-options { display:flex;flex-wrap:wrap;gap:8px; }
  .suggestion-options .button { text-align:left;align-items:flex-start;flex-direction:column;gap:1px; }
  .suggestion-options small { font-size:10px;font-weight:400; }
  .filter-bar { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px; }
  .segmented { display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#eeefe7; }
  .segmented button { font-size:12px;border:0;background:transparent;padding:7px 13px;color:var(--muted);border-radius:5px;min-height:32px; }
  .segmented button[aria-pressed="true"] { background:var(--surface);color:var(--ink);box-shadow:0 2px 3px rgb(31 43 52 / 6%); }
  .count-label { color:var(--muted);font-size:12px; }
  .calendar-controls { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px; }
  .calendar-controls h2 { font-size:18px; }
  .calendar-source { display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line); }
  .calendar-source:last-child { border-bottom:0; }
  .calendar-source input { width:16px;height:16px;accent-color:var(--navy); }
  .calendar-source label { flex:1;font-size:12px;cursor:pointer; }
  .calendar-source small { display:block;font-size:10px;color:var(--muted);margin-top:4px; }
  .calendar-source .dot { width:8px;height:8px; }
  .settings-summary { display:flex;flex-direction:column;gap:12px;margin-top:18px;font-size:12px; }
  .settings-summary div { display:flex;justify-content:space-between;gap:15px; }
  .settings-summary dt { color:var(--muted); }
  .settings-summary dd { margin:0;text-align:right; }
  .memory-list { border-top:1px solid var(--line); }
  .memory-item { padding:21px 0;border-bottom:1px solid var(--line); }
  .memory-head { display:flex;align-items:flex-start;gap:16px; }
  .memory-head .memory-title { flex:1;min-width:0; }
  .memory-head h3 { font-size:15px;overflow-wrap:anywhere;line-height:1.5; }
  .memory-category { font-size:11px;color:var(--muted);margin-top:3px;text-transform:capitalize; }
  .memory-content { font-size:13px;line-height:1.8;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere; }
  .memory-source { font-size:11px;color:var(--muted);margin-top:13px;overflow-wrap:anywhere; }
  .memory-source .icon { width:12px;height:12px;margin-right:4px; }
  .brain-note { padding:24px;background:#eceee4;border-radius:8px; }
  .brain-note h2 { font-size:18px; }
  .brain-note p { margin-top:13px;font-size:12px;color:#606854;line-height:1.85; }
  .brain-note ol { padding-left:17px;margin:17px 0 0;font-size:12px; }
  .brain-note li { margin:10px 0;padding-left:3px; }
  .approval-item { padding:22px 0;border-bottom:1px solid var(--line); }
  .approval-item:first-child { padding-top:0; }
  .approval-top { display:flex;justify-content:space-between;align-items:flex-start;gap:20px; }
  .approval-top h3 { line-height:1.5;font-size:15px; }
  .approval-top p { margin-top:7px;color:var(--muted);font-size:12px; }
  .approval-item details { margin:15px 0;font-size:12px; }
  .approval-item summary { color:var(--muted);padding:5px 0; }
  .approval-item pre { background:#eeefe8;border-radius:6px;padding:14px;overflow:auto;max-height:260px;font:11px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere; }
  .approval-result { font-size:12px;margin:14px 0;color:var(--muted);overflow-wrap:anywhere; }
  .connection-list { border-top:1px solid var(--line); }
  .connection-row { display:flex;align-items:flex-start;gap:16px;padding:24px 0;border-bottom:1px solid var(--line); }
  .connection-icon { display:grid;place-items:center;width:39px;height:39px;border:1px solid #d2d8cb;background:var(--surface);border-radius:9px;flex-shrink:0; }
  .connection-icon .icon { width:20px;height:20px; }
  .connection-body { flex:1;min-width:0; }
  .connection-body h3 { font-size:14px;line-height:1.5; }
  .connection-body p { font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7; }
  .connection-row > .status { margin-top:6px; }
  .policy-list { list-style:none;padding:0;margin:16px 0 0; }
  .policy-list li { display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:13px 0;color:var(--muted); }
  .policy-list .icon { width:14px;height:14px;color:var(--green);margin-top:3px; }
  .settings-form { max-width:800px; }
  .settings-form fieldset { margin:0 0 27px;padding:0 0 27px;border:0;border-bottom:1px solid var(--line); }
  .settings-form legend { font-size:18px;font-weight:600;letter-spacing:-.4px;margin-bottom:20px; }
  .day-checkboxes { display:flex;flex-wrap:wrap;gap:10px; }
  .day-checkboxes label { display:flex;align-items:center;gap:7px;margin:0;border:1px solid var(--line);padding:8px 11px;border-radius:5px;font-size:12px; }
  .day-checkboxes input { width:14px;height:14px;min-height:0;padding:0;accent-color:var(--navy); }
  .notifications { position:fixed;right:24px;bottom:24px;z-index:60;max-width:min(410px,calc(100vw - 32px)); }
  .toast { background:var(--navy);color:#fffdf4;border-radius:8px;padding:15px 19px;font-size:13px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:10px;animation:toast-in 180ms ease-out; }
  .toast.error { background:#813f34; }
  .toast .icon { width:17px;height:17px;margin-top:1px; }
  .boot-screen { min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:30px;text-align:center; }
  .boot-screen h1 { font-size:24px; }
  .boot-screen p { color:var(--muted);font-size:14px; }
  .loading-line { width:180px;height:3px;background:#e0e1d7;border-radius:2px;overflow:hidden;margin-top:10px; }
  .loading-line::after { content:"";display:block;background:var(--amber);height:100%;width:40%;animation:loading 1200ms ease-in-out infinite alternate; }
  .login-wrap { min-height:100vh;display:grid;place-items:center;padding:25px;background:var(--navy); }
  .login-panel { width:100%;max-width:390px;background:var(--paper);padding:34px;border-radius:12px; }
  .login-panel > img { margin-bottom:27px; }
  .login-panel h1 { font-size:26px; }
  .login-panel > p { font-size:13px;color:var(--muted);margin:12px 0 27px; }
  .login-panel .button { width:100%;margin-top:19px; }
  dialog { width:min(450px,calc(100vw - 32px));padding:27px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow); }
  dialog::backdrop { background:rgb(20 29 35 / 45%); }
  dialog h2 { margin-bottom:10px; }
  dialog p { color:var(--muted);font-size:13px;margin-bottom:23px; }
  dialog .actions { justify-content:flex-end;margin-top:24px; }
  @keyframes toast-in { from { transform:translateY(8px);opacity:0; } to { transform:translateY(0);opacity:1; } }
  @keyframes loading { from { transform:translateX(0); } to { transform:translateX(150%); } }
}

@layer responsive {
  @media(min-width:1500px) { .main { padding-top:35px; }.overview-grid,.lower-grid { grid-template-columns:minmax(0,1.25fr) minmax(370px,1fr);gap:36px; }.sidebar { padding-top:34px; } }
  @media(max-width:1170px) { .shell { grid-template-columns:209px minmax(0,1fr); }.sidebar { padding:27px 15px 20px; }.brand { font-size:16px; }.brand img { width:33px;height:33px; }.main { padding:25px 27px 40px; }.topbar { padding:20px 27px; }.overview-grid,.lower-grid { gap:20px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr); }.two-column { grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:22px; }.assistant-panel-head,.chat-messages { padding:18px; }.chat-prompts { padding-left:18px;padding-right:18px; } }
  @media(max-width:1000px) { .shell { grid-template-columns:190px minmax(0,1fr); }.sidebar { padding:25px 11px 20px; }.brand { gap:8px;font-size:15px; }.brand small { font-size:10px; }.main { padding:22px; }.topbar { padding:18px 22px; }.topbar-right > span:first-child { display:none; }.timezone-label { border-left:0;padding-left:0; }.overview-grid,.lower-grid { grid-template-columns:minmax(0,1fr); }.two-column { grid-template-columns:minmax(0,1fr); }.chat-messages { min-height:170px;max-height:340px; }.chat-intro { max-width:65ch; }.page-heading h1 { font-size:28px; }.calendar-aside { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px; }.calendar-aside > * { margin:0; } }
  @media(max-width:700px) { .shell { display:block;padding-bottom:73px; }.sidebar { position:fixed;bottom:0;top:auto;left:0;width:100%;height:auto;padding:0;z-index:35;border-top:1px solid #51606a; }.sidebar > .brand,.sidebar .client-switch,.sidebar-bottom { display:none; }.nav { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:5px 4px max(7px,env(safe-area-inset-bottom)); }.nav-link { position:relative;flex-direction:column;gap:5px;padding:8px 2px 5px;font-size:9px;min-height:57px;border-radius:5px; }.nav-link[aria-current="page"] { background:transparent;color:var(--amber); }.nav-link .icon { width:19px;height:19px; }.nav-badge { position:absolute;top:2px;right:calc(50% - 23px);min-width:15px;font-size:9px;line-height:15px;padding:0 3px;margin:0; }.nav-link[aria-current="page"] .nav-badge { background:var(--amber);color:var(--navy); }.topbar { min-height:65px;padding:16px 20px;gap:12px; }.breadcrumb { display:none; }.mobile-brand { display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;letter-spacing:-.3px; }.mobile-brand select { max-width:132px;min-width:0;border:0;background:transparent;color:var(--ink);font-size:12px;padding:4px;font-weight:400; }.mobile-brand .icon-button { width:29px;height:29px;border:0; }.mobile-brand .icon-button .icon { width:16px;height:16px; }.topbar-right { gap:9px; }.topbar-right .timezone-label { display:none; }.topbar-right .icon-button { width:32px;height:32px; }.main { padding:20px 20px 30px; }.demo-banner { font-size:11px;align-items:flex-start;gap:10px;margin-bottom:25px;padding:10px 12px; }.demo-banner .text-button { display:none; }.page-heading { margin-bottom:24px;gap:15px; }.page-heading h1 { font-size:26px;letter-spacing:-.8px; }.page-heading p { font-size:12px;line-height:1.6; }.page-heading > .button { font-size:12px;min-height:38px;padding:8px 11px; }.page-heading > .button .icon { width:15px;height:15px; }.overview-grid,.lower-grid { gap:27px; }.lower-grid { margin-top:28px; }.section-head { margin-bottom:16px; }h2 { font-size:18px; }.page-footer { font-size:10px;margin-top:30px; }.page-footer span:last-child { text-align:right; }.inline-composer { padding:19px 17px; }.form-grid { gap:16px; }.field input,.field select,.field textarea { font-size:16px; }.field label { font-size:12px; }.form-footer { align-items:stretch; }.form-footer > .button { width:100%; }.calendar-aside { display:block; }.calendar-aside > * + * { margin-top:23px; }.calendar-controls { gap:10px; }.calendar-controls h2 { font-size:16px; }.calendar-controls .button { font-size:11px;padding:7px 9px; }.calendar-controls .icon-button { width:30px;height:32px; }.connection-row { gap:11px; }.connection-row > .status { font-size:10px; }.connection-icon { width:33px;height:33px; }.connection-body h3 { font-size:13px; }.connection-body p { font-size:11px; }.brain-note { padding:22px; }.filter-bar { align-items:flex-start;gap:10px; }.segmented button { padding:6px 10px;font-size:11px; }.count-label { font-size:11px;padding-top:10px; }.notifications { bottom:87px;right:16px; }.task-row > .status { font-size:10px; }.chat-form textarea { font-size:16px; }.chat-form .button { min-height:40px;min-width:40px; }.chat-messages { max-height:390px; }.settings-form .form-grid { grid-template-columns:1fr; }.day-checkboxes { gap:7px; }.day-checkboxes label { padding:8px 9px; }.approval-top { gap:10px; }.approval-top h3 { font-size:14px; } }
  @media(max-width:370px) { .main { padding-left:14px;padding-right:14px; }.topbar { padding-left:14px;padding-right:14px; }.mobile-brand > span { display:none; }.page-heading h1 { font-size:23px; }.page-heading > .button { padding:8px; }.form-grid { grid-template-columns:1fr; }.form-grid .field.full { grid-column:auto; }.agenda-list { padding-left:15px;padding-right:15px; }.connection-row { flex-wrap:wrap; }.connection-row > .status { margin-left:44px; } }
  @media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
}

@layer messenger {
  .messenger-shell { grid-template-columns:286px minmax(0,1fr); background:#fcfcf9; }
  .team-sidebar { background:#f3f4ef;color:var(--ink);padding:23px 15px 17px;border-right:1px solid #e1e4db;overflow-y:auto;scrollbar-width:thin; }
  .team-sidebar .brand-row { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px; }
  .team-sidebar .brand { padding:0;font-size:17px;letter-spacing:-.4px;gap:10px; }
  .team-sidebar .client-switch { margin:25px 5px 17px; }
  .team-sidebar .client-switch label { color:var(--muted);font-size:11px;margin-bottom:6px; }
  .team-sidebar .client-select-row select { color:var(--ink);background:#fffefa;border-color:#d7dcd1;padding:8px 9px;font-size:12px;min-height:36px; }
  .team-sidebar .client-select-row .icon-button { color:var(--muted);border-color:#d7dcd1;height:36px;width:33px; }
  .bot-search { display:flex;align-items:center;gap:8px;margin:0 5px 23px;background:#e9ece4;border:1px solid #dde2d7;border-radius:6px;padding:8px 9px; }
  .bot-search .icon { width:15px;height:15px;color:#75806f; }
  .bot-search input { width:100%;min-width:0;font-size:12px;background:transparent;border:0;color:var(--ink);padding:0;outline-offset:5px; }
  .bot-search input::placeholder { color:#687262; }
  .sidebar-section-title { display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:9px; }
  .sidebar-section-title h2 { font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.15px;color:#697362; }
  .sidebar-section-title > span { font-size:10px;line-height:1;color:#66705e; }
  .bot-list { display:flex;flex-direction:column;gap:3px; }
  .bot-list-item { display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;border-radius:8px;padding:11px 9px;text-align:left;width:100%;transition:background 150ms,border-color 150ms; }
  .bot-list-item:hover { background:#e8ece2; }
  .bot-list-item[aria-current="page"] { background:#e3e9df;border-color:#d8e1d2; }
  .bot-avatar { width:39px;height:39px;border-radius:13px;color:var(--bot-color,#3a8f81);background:color-mix(in srgb,var(--bot-color,#3a8f81) 14%,white);display:grid;place-items:center;flex-shrink:0; }
  .bot-avatar svg { width:100%;height:100%; }
  .bot-avatar.small { width:29px;height:29px;border-radius:10px; }
  .bot-avatar.large { width:59px;height:59px;border-radius:19px; }
  .bot-list-copy { display:block;min-width:0;flex:1; }
  .bot-list-name { display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;font-weight:600;line-height:1.5; }
  .bot-list-name time { font-weight:400;font-size:9px;color:#66705e;white-space:nowrap; }
  .bot-list-snippet { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66705e;font-size:11px;margin-top:3px;line-height:1.5; }
  .bot-list-empty { padding:15px 10px;font-size:12px;color:var(--muted); }
  .workspace-links { margin-top:27px;padding-top:18px;border-top:1px solid #dde2d6; }
  .team-sidebar .secondary-nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px; }
  .team-sidebar .secondary-nav .nav-link { color:#5f695a;font-size:11px;gap:8px;padding:8px 9px;min-height:35px;border-radius:5px; }
  .team-sidebar .secondary-nav .nav-link .icon { width:14px;height:14px; }
  .team-sidebar .secondary-nav .nav-link:hover { color:var(--ink);background:#e8ece2; }
  .team-sidebar .secondary-nav .nav-link[aria-current="page"] { color:var(--ink);background:#e3e9df;font-weight:600; }
  .team-sidebar .nav-badge { color:#5b602e;background:#e6dfbd;font-size:9px;line-height:16px;min-width:16px;padding:0 3px; }
  .team-sidebar .sidebar-bottom { padding-top:26px;margin-top:auto; }
  .team-sidebar .owner { margin:0 6px;padding-top:17px;border-top:1px solid #dde2d6; }
  .team-sidebar .owner .avatar { background:#e0e5d9;color:#59644c; }
  .team-sidebar .owner-name { color:var(--ink); }
  .team-sidebar .owner small { color:#66705e; }
  .team-sidebar .owner .icon-button { color:#697362; }
  .is-conversation { height:100dvh;min-height:540px;overflow:hidden; }
  .conversation-shell { display:flex;flex-direction:column;min-width:0;height:100%;min-height:0; }
  .conversation-header { display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:1px solid #e6e8df;background:#fffefa;padding:19px 30px;min-height:84px; }
  .conversation-heading { flex:1;min-width:0; }
  .conversation-heading h1 { font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:4px; }
  .conversation-heading p { font-size:11px;color:#66705e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .conversation-header-actions { display:flex;align-items:center;gap:8px; }
  .conversation-header-actions .icon-button { border:0;color:#68715f;width:32px;height:32px; }
  .provider-state { display:flex;align-items:center;gap:6px;color:#66705e;font-size:10px;margin-right:9px; }
  .provider-state .dot { width:6px;height:6px; }
  .messenger-main { display:flex;flex-direction:column;flex:1;min-height:0;outline:none; }
  .messenger-main .demo-banner { margin:14px 26px 0;padding:8px 12px;background:#f3f0e5;border-color:#e7e2d3;font-size:11px;border-radius:6px; }
  .messenger-main .demo-banner .text-button { font-size:10px; }
  .thread-scroll { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2d8ca transparent;padding:24px 40px 20px; }
  .thread-content { max-width:780px;margin:0 auto; }
  .thread-introduction { display:flex;align-items:center;flex-direction:column;text-align:center;padding:18px 0 30px; }
  .thread-introduction h2 { font-size:22px;letter-spacing:-.5px;margin:16px 0 8px; }
  .thread-introduction p { font-size:12px;color:#68725e;max-width:52ch; }
  .thread-introduction > span:last-child { font-size:10px;color:#66705e;margin-top:9px; }
  .conversation-empty { max-width:510px;margin:14px auto 25px;text-align:center;padding:26px 0;border-top:1px solid #e4e8dc; }
  .conversation-empty h3 { font-size:16px;font-weight:550;margin-bottom:10px; }
  .conversation-empty p { font-size:13px;color:#66705e;line-height:1.8; }
  .thread-message { display:flex;align-items:flex-start;gap:11px;margin:22px 0; }
  .thread-message.assistant > .bot-avatar { margin-top:21px; }
  .thread-message-body { min-width:0;max-width:calc(100% - 40px); }
  .thread-message-meta { display:flex;align-items:center;gap:11px;font-size:10px;font-weight:550;color:#697360;margin:0 0 7px 2px; }
  .thread-message-meta time { font-weight:400;color:#66705e;font-size:9px; }
  .message-bubble { white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:#364031; }
  .thread-message.user { justify-content:flex-end;margin-top:25px;margin-bottom:25px; }
  .thread-message.user .thread-message-body { max-width:83%; }
  .thread-message.user .message-bubble { padding:12px 17px;background:#2c382b;border-radius:14px 14px 3px 14px;color:#fffefa;line-height:1.7; }
  .thread-message.user .thread-message-meta { justify-content:flex-end;margin-right:4px; }
  .thread-message .chat-sources { padding-top:8px;margin-top:13px; }
  .thread-message .chat-sources a { background:#edf0e7; }
  .run-card { margin:22px 0 22px 40px;padding:15px 17px;border:1px solid #dce3d4;border-radius:9px;background:#f2f5ed;max-width:690px; }
  .run-card-top { display:flex;align-items:center;gap:9px; }
  .run-card-top > div { flex:1;min-width:0; }
  .run-card-top strong { display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600; }
  .run-card-top strong .icon { width:12px;height:12px;color:#7a8670; }
  .run-card-top > div > span { display:block;color:#66705e;font-size:9px;margin-top:3px; }
  .run-card-top .status { font-size:10px; }
  .run-card details { margin-top:11px; }
  .run-card summary { font-size:12px;color:#505e46;line-height:1.7;overflow-wrap:anywhere; }
  .run-card details p { margin-top:10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#65725a;line-height:1.7; }
  .run-card > .text-button { font-size:11px;margin-top:9px;color:#51613f; }
  .conversation-compose { flex-shrink:0;max-width:860px;width:100%;margin:0 auto;padding:11px 40px 20px;background:#fcfcf9; }
  .conversation-compose .chat-prompts { padding:0 0 13px;gap:7px; }
  .conversation-compose .prompt-button { display:inline-flex;align-items:center;gap:7px;font-size:10px;border-color:#dfe4d5;background:#fcfcf9;border-radius:6px;padding:7px 9px;color:#68745c; }
  .conversation-compose .prompt-button .icon { width:11px;height:11px; }
  .conversation-compose .prompt-button:hover { background:#edf1e5; }
  .messenger-chat-form { display:block;background:#fffefa;border:1px solid #ccd5c1;border-radius:12px;padding:11px 14px 9px;box-shadow:0 3px 9px rgb(48 65 30 / 3%); }
  .messenger-chat-form:focus-within { border-color:#97a986; }
  .messenger-chat-form textarea { min-height:49px;max-height:160px;resize:vertical;padding:2px 1px;font-size:13px;line-height:1.6;background:transparent; }
  .composer-toolbar { display:flex;align-items:center;justify-content:space-between;gap:15px; }
  .composer-toolbar > span { display:flex;align-items:center;gap:5px;font-size:10px;color:#66705e; }
  .composer-toolbar > span .icon { width:12px;height:12px; }
  .composer-toolbar .button { border-radius:50%;background:#2c382b;border-color:#2c382b;width:32px;min-width:32px;height:32px;min-height:32px;padding:8px;margin:0; }
  .composer-toolbar .button .icon { width:15px;height:15px; }
  .composer-note { display:flex;justify-content:space-between;gap:12px;color:#66705e;font-size:9px;margin-top:9px;line-height:1.5; }
  .composer-note > span { white-space:nowrap; }
  .pending-feedback { max-width:780px;margin:16px auto;color:#677858;font-size:12px; }
  .working-message { display:flex;align-items:center;gap:9px;color:#697a5d; }
  .working-dots { display:flex;gap:3px; }
  .working-dots i { width:4px;height:4px;border-radius:50%;background:#839271; }
  .bot-config-dialog { width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 44px); }
  .dialog-heading { display:flex;align-items:center;gap:12px;margin-bottom:25px; }
  .dialog-heading > div { flex:1; }
  .dialog-heading h2 { font-size:19px;margin-bottom:3px; }
  .dialog-heading p { margin:0;font-size:11px; }
  .bot-config-dialog .field + .field { margin-top:20px; }
  .bot-tools { border:0;border-top:1px solid var(--line);padding:21px 0 0;margin:24px 0 16px; }
  .bot-tools legend { padding:0 8px 0 0;font-size:13px;font-weight:600; }
  .bot-tools > .field-help { margin:0 0 14px; }
  .tool-option { display:flex;align-items:flex-start;gap:9px;padding:10px 0; }
  .tool-option input { accent-color:#425939;margin:4px 0 0;width:15px;height:15px;flex-shrink:0; }
  .tool-option strong { font-weight:550;font-size:12px;overflow-wrap:anywhere; }
  .tool-option small { display:block;font-size:11px;color:#66705e;margin-top:3px;line-height:1.6; }
  .tool-catalog-empty { margin:0!important;padding:14px;background:#f0f3e9;border-radius:6px;font-size:12px!important;line-height:1.7; }
  .routine-list { border-top:1px solid var(--line); }
  .routine-item { padding:25px 0;border-bottom:1px solid var(--line); }
  .routine-head { display:flex;align-items:center;gap:11px; }
  .routine-head > div { flex:1;min-width:0; }
  .routine-head h2 { font-size:16px;line-height:1.5;overflow-wrap:anywhere; }
  .routine-head p { font-size:11px;color:var(--muted);margin-top:2px; }
  .routine-prompt { font-size:13px;color:#5f6a55;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin-top:17px; }
  .routine-timing { display:flex;gap:28px;flex-wrap:wrap;margin:17px 0; }
  .routine-timing dt { font-size:10px;color:#66705e;margin-bottom:3px; }
  .routine-timing dd { font-size:12px;color:#55644a;margin:0; }
  .routine-last-status { font-size:11px;color:var(--muted);margin-bottom:15px; }
  .routine-item .actions { gap:8px;margin-top:17px; }
  .routine-item .text-button { font-size:11px;margin-left:auto; }
  .mobile-menu,.mobile-close,.sidebar-scrim { display:none; }
  @media(min-width:1600px) { .messenger-shell { grid-template-columns:310px minmax(0,1fr); }.team-sidebar { padding:27px 21px 21px; }.conversation-header { padding-left:38px;padding-right:38px; }.thread-content { max-width:850px; }.conversation-compose { max-width:930px; } }
  @media(max-width:1150px) { .messenger-shell { grid-template-columns:260px minmax(0,1fr); }.team-sidebar { padding:20px 12px 16px; }.bot-list-item { gap:9px;padding:10px 8px; }.bot-avatar { width:35px;height:35px;border-radius:12px; }.bot-list-name { font-size:11px; }.bot-list-name time { font-size:8px; }.conversation-header { padding:17px 23px;gap:10px; }.provider-state { display:none; }.thread-scroll { padding:21px 28px; }.conversation-compose { padding:10px 28px 18px; }.composer-note > span { display:none; }.conversation-heading p { max-width:45ch; } }
  @media(max-width:850px) and (min-width:701px) { .messenger-shell { grid-template-columns:225px minmax(0,1fr); }.team-sidebar { padding-left:10px;padding-right:10px; }.team-sidebar .brand { font-size:15px; }.team-sidebar .secondary-nav .nav-link { font-size:10px;padding-left:7px;gap:6px; }.bot-list-name time { display:none; }.bot-list-snippet { font-size:10px; }.conversation-header { padding:16px 20px; }.conversation-heading p { max-width:24ch; }.conversation-heading p > span { display:none; }.thread-scroll { padding:18px 21px; }.conversation-compose { padding:10px 21px 17px; }.run-card { margin-left:0;padding:12px; }.thread-message-body { max-width:calc(100% - 33px); }.thread-message { gap:8px; } }
  @media(max-width:700px) {
    .messenger-shell { display:block;padding-bottom:0; }
    .is-conversation { height:100dvh;min-height:400px; }
    .team-sidebar { display:none;position:fixed;inset:0 auto 0 0;z-index:80;width:min(320px,calc(100vw - 42px));height:100dvh;border-top:0;border-right:1px solid #d3ddc6;padding:23px 17px 20px; }
    .sidebar-open .team-sidebar { display:flex; }
    .sidebar-open .sidebar-scrim { display:block;position:fixed;inset:0;background:rgb(26 35 22 / 30%);border:0;z-index:70;padding:0; }
    .sidebar-open { overflow:hidden;height:100dvh; }
    .team-sidebar .brand-row,.team-sidebar .client-switch,.team-sidebar .sidebar-bottom { display:flex; }
    .team-sidebar .client-switch { display:block;margin:24px 5px 17px; }
    .team-sidebar .sidebar-bottom { display:block; }
    .team-sidebar .brand { font-size:17px; }
    .team-sidebar .brand img { width:32px;height:32px; }
    .team-sidebar .secondary-nav { grid-template-columns:repeat(2,minmax(0,1fr));padding:0; }
    .team-sidebar .secondary-nav .nav-link { flex-direction:row;min-height:36px;gap:8px;font-size:11px;padding:8px 9px; }
    .team-sidebar .nav-badge { position:static;right:auto;top:auto; }
    .team-sidebar .bot-avatar { width:39px;height:39px; }
    .team-sidebar .bot-list-name { font-size:12px; }
    .team-sidebar .bot-list-name time { font-size:9px; }
    .team-sidebar .bot-list-snippet { font-size:11px; }
    .team-sidebar .client-select-row select { font-size:16px; }
    .bot-search input { font-size:16px; }
    .team-sidebar .owner { margin-top:0; }
    .mobile-menu,.mobile-close { display:inline-grid;border:0;color:#68745e; }
    .mobile-close { width:28px;height:28px; }
    .conversation-header { min-height:74px;padding:14px 15px;gap:9px; }
    .conversation-header > .bot-avatar { width:33px;height:33px;border-radius:11px; }
    .conversation-header > .mobile-menu { width:26px;height:32px; }
    .conversation-heading h1 { font-size:15px; }
    .conversation-heading p { font-size:10px;max-width:34vw; }
    .conversation-heading p > span { display:none; }
    .conversation-header-actions { gap:2px; }
    .conversation-header-actions .icon-button { width:28px;height:30px; }
    .conversation-header-actions .icon-button .icon { width:16px;height:16px; }
    .messenger-main .demo-banner { margin:10px 15px 0;padding:7px 10px;font-size:10px; }
    .thread-scroll { padding:16px 18px; }
    .thread-introduction { padding:11px 0 20px; }
    .thread-introduction h2 { font-size:20px;margin-top:13px; }
    .thread-introduction p { font-size:11px;max-width:38ch; }
    .thread-introduction .bot-avatar { width:49px;height:49px;border-radius:16px; }
    .conversation-empty { padding:19px 0;margin:10px auto 19px; }
    .conversation-empty p { font-size:12px; }
    .conversation-empty h3 { font-size:15px; }
    .thread-message { gap:8px;margin:18px 0; }
    .thread-message .bot-avatar { width:25px;height:25px;border-radius:8px; }
    .thread-message-body { max-width:calc(100% - 33px); }
    .message-bubble { font-size:12px;line-height:1.8; }
    .thread-message.user .thread-message-body { max-width:91%; }
    .thread-message.user .message-bubble { padding:11px 14px; }
    .run-card { margin:18px 0;padding:12px; }
    .run-card-top strong { font-size:10px;gap:5px; }
    .run-card-top .status { font-size:9px; }
    .run-card summary { font-size:11px; }
    .conversation-compose { padding:9px 15px max(12px,env(safe-area-inset-bottom)); }
    .conversation-compose .chat-prompts { flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:0 0 10px;scrollbar-width:none; }
    .conversation-compose .prompt-button { white-space:nowrap;flex-shrink:0;font-size:10px;padding:7px 9px; }
    .messenger-chat-form { padding:10px 12px 9px;border-radius:10px; }
    .messenger-chat-form textarea { font-size:16px;min-height:43px;max-height:100px; }
    .composer-toolbar .button { width:34px;min-width:34px;height:34px;min-height:34px; }
    .composer-note { font-size:9px;line-height:1.5;margin-top:7px; }
    .messenger-shell .main { padding-bottom:25px; }
    .messenger-shell .mobile-brand { gap:9px; }
    .messenger-shell .mobile-brand > span { display:block;font-size:12px;max-width:49vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
    .messenger-shell .mobile-brand .icon-button { width:28px; }
    .notifications { bottom:19px; }
    .bot-config-dialog { padding:23px 20px; }
    .dialog-heading { gap:9px; }
    .dialog-heading h2 { font-size:17px; }
    .routine-head h2 { font-size:14px; }
    .routine-head > .status { font-size:10px; }
    .routine-prompt { font-size:12px; }
    .routine-item .text-button { margin-left:0; }
  }
}