:root {
      color-scheme: dark;
      --bg: #212121;
      --panel: #171717;
      --panel-hover: #262626;
      --line: #303030;
      --text: #ececec;
      --muted: #9b9b9b;
      --subtle: #6f6f6f;
      --accent: #10a37f;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    * { box-sizing: border-box; }
    html, body { height: 100%; margin: 0; }
    body { background: var(--bg); color: var(--text); overflow: hidden; }
    button, textarea { font: inherit; }
    button { color: inherit; }
    .app { height: 100dvh; display: flex; min-width: 320px; }
    .rail {
      width: 50px; flex: 0 0 50px; background: #1b1b1b; border-right: 1px solid #292929;
      display: flex; flex-direction: column; align-items: center; padding: 7px 0 10px; gap: 10px;
    }
    .rail-button {
      width: 36px; height: 36px; border: 0; border-radius: 10px; background: transparent;
      color: #a6a6a6; display: grid; place-items: center; padding: 0;
    }
    .rail-button.active { background: #303030; color: #f5f5f5; position: relative; }
    .rail-button.active::after { content: ""; position: absolute; width: 7px; height: 7px; right: 4px; top: 4px; border-radius: 50%; background: #10a37f; }
    .rail-button svg { width: 19px; height: 19px; }
    .rail-spacer { flex: 1; }
    .rail-divider { width: 24px; border-top: 1px solid #353535; margin: 0 0 2px; }
    .avatar { width: 24px; height: 24px; border-radius: 50%; display:grid; place-items:center; background:#53433a; color:#fff; font-size:10px; font-weight:650; border:1px solid #747474; }
    .sidebar {
      width: 278px; flex: 0 0 278px; min-width: 0; height: 100%; background: var(--panel);
      display: flex; flex-direction: column; border-right: 1px solid #343434;
    }
    .side-top { height: 52px; display:flex; align-items:center; justify-content:space-between; padding: 0 15px 0 16px; flex: 0 0 auto; }
    .brand { font-size: 16px; letter-spacing: .1px; display:flex; align-items:center; gap: 7px; }
    .brand-chevron { color: #888; }
    .top-icons { display:flex; gap: 12px; color:#999; }
    .top-icons svg { width:17px; height:17px; }
    .sidebar-scroll { overflow-y: auto; padding: 0 10px 16px 8px; scrollbar-width: thin; scrollbar-color: #444 transparent; }
    .side-action { width:100%; display:flex; align-items:center; gap:10px; min-height:34px; border:0; border-radius:8px; background:none; padding:0 9px; text-align:left; font-size:13.5px; color:#ddd; }
    .side-action svg { width:16px; height:16px; color:#b8b8b8; }
    .side-action + .side-action { margin-top: 1px; }
    .unread { margin-left:auto; width:20px; height:20px; border-radius:8px; background:#10a37f; color:#fff; font-size:12px; display:grid; place-items:center; }
    .section-label { display:flex; align-items:center; gap:7px; width:100%; border:0; background:transparent; text-align:left; font-family:inherit; cursor:pointer; padding: 16px 9px 7px; color:#999; font-size:13.5px; }
    .section-label:hover { color:#ddd; }
    .section-label .chev { font-size:17px; line-height:10px; color:#8a8a8a; }
    .projects-label { padding-top:16px; }
    .project-row { display:flex; align-items:center; gap:9px; height:31px; width:100%; border:0; background:transparent; text-align:left; font-family:inherit; cursor:pointer; border-radius:8px; padding:0 9px; color:#dedede; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .project-row svg { width:15px; height:15px; flex:0 0 auto; color:#c1c1c1; }
    .project-row.current { background:#2b2b2b; }
    .nested-chat { height:31px; width:100%; border:0; background:transparent; text-align:left; font-family:inherit; cursor:pointer; display:flex; align-items:center; gap:7px; padding:0 8px 0 32px; color:#cfcfcf; font-size:13px; white-space:nowrap; overflow:hidden; }
    .nested-chat span:first-child { overflow:hidden; text-overflow:ellipsis; }
    .nested-chat .tiny-dot { flex:0 0 auto; width:10px; height:10px; border:1px solid #999; border-radius:50%; }
    .show-more { border:0; background:none; padding:6px 8px; color:#888; font-size:13px; }
    .recents-label { padding-top:17px; }
    .recent-row { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; height:31px; border:0; border-radius:7px; background:none; color:#d0d0d0; padding:0 9px; font-size:13px; }
    .recent-row.selected, .nested-chat.selected { background:#2c2c2c; color:#fff; }
    .dynamic-chats { display:flex; flex-direction:column; }
    .recent-row:hover, .project-row:hover, .side-action:hover { background:var(--panel-hover); }
    .main { flex:1; min-width:0; height:100%; position:relative; background:#212121; display:flex; flex-direction:column; }
    .main-header { height:50px; flex:0 0 50px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; }
    .model-name { font-size:15px; font-weight:550; display:flex; align-items:center; gap:7px; }
    .model-name svg { color:#999; width:14px; height:14px; }
    .share-button { display:flex; align-items:center; gap:7px; font-size:13px; padding:6px 10px; border:1px solid #444; border-radius:9px; background:#2a2a2a; color:#eee; }
    .share-button svg { width:15px; height:15px; }
    .canvas { flex:1; min-height:0; position:relative; display:flex; align-items:center; justify-content:center; }
    .welcome { transform:translateY(-4px); text-align:center; color:#f1f1f1; font-size:28px; font-weight:430; letter-spacing:.1px; }
    .welcome-mark { width:50px; height:50px; color:#717171; margin:0 auto 23px; }
    .composer-wrap { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); width:min(736px, calc(100% - 48px)); }
    .composer-tools { height:40px; display:flex; align-items:center; gap:4px; padding:0 13px; background:#2a2a2a; border-radius:15px 15px 0 0; color:#ddd; }
    .tool-pill { display:flex; align-items:center; gap:7px; height:29px; border:0; background:transparent; font-family:inherit; cursor:pointer; padding:0 7px; color:#dedede; font-size:12.5px; white-space:nowrap; }
    .tool-pill svg { width:15px; height:15px; }
    .tool-spacer { flex:1; }
    .settings-icon { width:17px; height:17px; border:0; background:transparent; cursor:pointer; padding:0; display:grid; place-items:center; color:#a1a1a1; margin-right:2px; }
    .settings-icon svg { width:17px; height:17px; }
    .composer {
      min-height:98px; background:#303030; border:1px solid #393939; border-radius:19px;
      display:flex; flex-direction:column; padding:10px 11px 8px;
      box-shadow:0 8px 30px rgba(0,0,0,.16);
    }
    .composer textarea { width:100%; flex:1; min-height:39px; border:0; outline:0; resize:none; background:transparent; color:#eee; font-size:15px; padding:3px 1px; }
    .composer textarea::placeholder { color:#898989; opacity:1; }
    .composer-bottom { display:flex; align-items:center; gap:12px; }
    .composer-icon { width:30px; height:30px; border:0; border-radius:50%; background:transparent; color:#eee; display:grid; place-items:center; padding:0; }
    .composer-icon svg { width:19px; height:19px; }
    .access { border:0; background:transparent; cursor:pointer; padding:0; font-family:inherit; font-size:12px; display:flex; align-items:center; gap:6px; color:#e88b68; }
    .access svg { width:15px; height:15px; }
    .bottom-spacer { flex:1; }
    .model-select { display:flex; gap:5px; align-items:center; cursor:pointer; border:0; background:transparent; padding:0; font-family:inherit; color:#ddd; font-size:12px; white-space:nowrap; }
    .model-select .quality { color:#aaa; }
    .model-select svg { width:12px; height:12px; color:#999; }
    .send-message { width:29px; height:29px; display:grid; place-items:center; border:0; border-radius:50%; background:#545454; color:#bcbcbc; opacity:.75; transition:background .15s, opacity .15s; }
    .send-message svg { width:17px; height:17px; }
    .send-message.ready { background:#f2f2f2; color:#222; opacity:1; }
    .send-message.ready:hover { background:#d8d8d8; }
    .composer-icon:hover, .plain-icon:hover { background:#3b3b3b; }
    .brand { cursor:pointer; }
    .plain-icon { width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:#aaa; display:grid; place-items:center; padding:0; }
    .plain-icon svg { width:17px; height:17px; }
    .canvas:has(.conversation:not([hidden])) { align-items:stretch; justify-content:flex-start; }
    .conversation { flex:1; min-height:0; width:min(768px, calc(100% - 40px)); margin:28px auto 170px; overflow:auto; scrollbar-width:thin; padding:0 8px 24px; }
    .conversation[hidden] { display:none; }
    .conversation-title { margin:8px auto 34px; max-width:680px; font-size:20px; line-height:1.35; font-weight:550; }
    .message { max-width:680px; margin:0 auto 24px; font-size:15px; line-height:1.65; }
    .message.user { background:#303030; padding:12px 16px; width:fit-content; max-width:min(80%, 550px); margin:0 0 26px auto; border-radius:18px; }
    .message p { margin:4px 0 0; white-space:pre-wrap; }
    .message-author { color:#aaa; font-size:12px; font-weight:600; }
    .message.user .message-author { display:none; }
    .message.pending { color:#aaa; }
    .toast { position:fixed; z-index:20; left:50%; bottom:28px; transform:translate(-50%, 12px); opacity:0; pointer-events:none; padding:10px 15px; background:#383838; border:1px solid #505050; box-shadow:0 8px 30px #0005; color:#eee; border-radius:10px; font-size:13px; transition:opacity .18s, transform .18s; }
    .toast.visible { opacity:1; transform:translate(-50%, 0); }
    .modal-backdrop { position:fixed; z-index:30; inset:0; background:#0008; display:grid; place-items:center; padding:20px; }
    .dialog { width:min(480px, 100%); max-height:min(75vh, 620px); overflow:auto; background:#252525; border:1px solid #414141; border-radius:16px; box-shadow:0 18px 70px #0008; }
    .dialog > header { display:flex; align-items:center; justify-content:space-between; padding:13px 15px 12px 20px; border-bottom:1px solid #3a3a3a; }
    .dialog h2 { margin:0; font-size:16px; font-weight:600; }
    .dialog-content { padding:12px; }
    .option-list { display:flex; flex-direction:column; gap:3px; }
    .option-list > button, .search-result { width:100%; border:0; border-radius:9px; background:transparent; color:#eee; text-align:left; padding:11px 12px; font-size:14px; }
    .option-list > button:hover, .search-result:hover { background:#383838; }
    .setting-options label { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 10px; color:#ddd; font-size:14px; }
    .setting-options input { accent-color:#10a37f; width:16px; height:16px; }
    .search-input { width:100%; padding:11px 12px; border-radius:10px; border:1px solid #4a4a4a; outline:0; background:#1d1d1d; color:#eee; font-size:14px; }
    .search-input:focus { border-color:#777; }
    .search-results { margin-top:10px; max-height:45vh; overflow:auto; color:#aaa; font-size:13px; }
    @media (max-width: 760px) {
      .rail { width:48px; flex-basis:48px; }
      .sidebar { width:244px; flex-basis:244px; }
      .main-header { padding:0 16px; }
      .welcome { font-size:24px; }
    }
    @media (max-width: 560px) {
      body { overflow:hidden; }
      .rail { display:none; }
      .sidebar { display:none; }
      .main-header { height:48px; flex-basis:48px; padding:0 14px; }
      .composer-wrap { width:calc(100% - 24px); bottom:12px; }
      .composer-tools { padding:0 8px; }
      .tool-pill { font-size:11.5px; padding:0 5px; gap:5px; }
      .composer { min-height:106px; }
      .welcome { font-size:22px; }
      .welcome-mark { margin-bottom:18px; }
    }

/* Nextprop workspace */
:root { --accent:#2bb58d; --bg:#171918; --panel:#101211; --line:#2b302e; }
button { cursor:pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:2px solid #38bd97; outline-offset:2px; }
.rail { background:#111312; border-color:#272c2a; }
.rail-button.active::after { background:var(--accent); }
.sidebar { background:#141716; border-color:#2b302e; }
.brand { border:0; background:transparent; color:#f3f5f4; font-weight:600; font-size:15px; padding:0; }
.side-top { border-bottom:1px solid #232826; margin-bottom:10px; }
.side-action { min-height:38px; border:1px solid #313835; background:#1e2421; margin:5px 2px 13px; width:calc(100% - 4px); }
.side-plus { width:20px; height:20px; border-radius:6px; display:grid; place-items:center; background:#2a3832; color:#a5e4ce; font-size:17px; }
.section-label { font-size:10px; letter-spacing:.12em; font-weight:700; color:#777f7a; padding:13px 10px 7px; }
.nav-row { width:100%; height:36px; display:flex; align-items:center; gap:10px; padding:0 10px; margin:2px 0; border:0; border-radius:8px; text-align:left; background:transparent; color:#c5ccc8; font-size:13px; }
.nav-row:hover,.chat-row:hover { background:#202724; }
.nav-row.active { background:#26312c; color:#eff8f4; }
.nav-icon { width:18px; color:#9aa59f; font-size:16px; text-align:center; }
.nav-count { margin-left:auto; color:#8e9993; font-size:11px; }
.nav-count.has-due { background:#694b2b; color:#ffd5a1; padding:2px 7px; border-radius:10px; }
.section-spaced { margin-top:19px; }
.chat-list { display:flex; flex-direction:column; }
.chat-row { text-align:left; border:0; border-radius:7px; padding:8px 10px; background:transparent; color:#acb4af; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.chat-row.selected { background:#202724; color:#f1f5f2; }
.empty-sidebar { padding:7px 10px; color:#727c76; font-size:11px; line-height:1.5; }
.sidebar-note { display:flex; align-items:center; gap:10px; border-top:1px solid #292f2c; margin:19px 4px 0; padding:14px 6px 6px; }
.sidebar-note strong,.sidebar-note small { display:block; }
.sidebar-note strong { font-size:11px; font-weight:550; color:#c7cec9; }
.sidebar-note small { font-size:10px; color:#7f8983; margin-top:3px; }
.status-dot { display:inline-block; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#50be96; }
.status-dot.amber { background:#e9ac65; }
.main { background:#191c1a; }
.main-header { border-bottom:1px solid #292e2b; padding:0 26px; }
.header-title { display:flex; align-items:center; gap:13px; }
.header-title strong { font-size:15px; font-weight:550; }
.header-kicker { color:#758079; font-size:9px; font-weight:700; letter-spacing:.11em; }
.header-actions { display:flex; align-items:center; gap:15px; }
.connection-state { display:flex; align-items:center; gap:7px; color:#929b95; font-size:11px; }
.connection-state i { display:block; width:7px; height:7px; border-radius:50%; background:#d5a362; }
.share-button,.primary-button,.secondary-button,.icon-button { cursor:pointer; }
.share-button { border-color:#3b4540; background:#28302c; color:#e9f3ee; }
.canvas { display:block; overflow:hidden; }
.page-content { height:100%; overflow:auto; padding:25px 30px 218px; scrollbar-width:thin; scrollbar-color:#424a45 transparent; }
.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; max-width:1330px; margin:0 auto 21px; }
.eyebrow { color:#7f8c84; font-size:9px; letter-spacing:.13em; font-weight:750; }
.page-heading h1 { margin:5px 0 4px; font-size:25px; line-height:1.2; font-weight:570; letter-spacing:-.025em; }
.page-heading p { margin:0; color:#929b95; font-size:12px; }
.heading-buttons { display:flex; align-items:center; gap:8px; }
.primary-button,.secondary-button,.icon-button { border:1px solid #3b4942; border-radius:8px; min-height:34px; padding:0 12px; font-size:11px; font-weight:550; white-space:nowrap; }
.primary-button { background:#2d8d6f; border-color:#399b7b; color:#f5fffb; }
.primary-button:hover { background:#36a17f; }
.secondary-button,.icon-button { background:#252b28; color:#d5ddd8; }
.secondary-button:hover,.icon-button:hover { background:#303935; }
.text-button { border:0; background:transparent; color:#81cbb0; font-size:11px; padding:5px 0; cursor:pointer; text-align:left; }
.text-button:hover { color:#b2f0d8; }
.metric-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:1330px; margin:0 auto 14px; }
.metric-card { min-height:86px; border:1px solid #303733; background:#202522; border-radius:10px; padding:12px 14px; }
.metric-card span,.metric-card strong,.metric-card small { display:block; }
.metric-card span { color:#9da8a1; font-size:10px; }
.metric-card strong { font-size:22px; line-height:1.2; font-weight:560; margin:5px 0 2px; }
.metric-card small { color:#758079; font-size:10px; }
.lead-workspace { display:grid; grid-template-columns:minmax(270px, .78fr) minmax(400px, 1.5fr); gap:12px; max-width:1330px; margin:0 auto; min-height:480px; }
.list-panel,.detail-panel,.proposal-editor,.settings-card { background:#1e2320; border:1px solid #303733; border-radius:11px; min-width:0; }
.list-panel { overflow:hidden; }
.panel-heading { height:54px; padding:10px 13px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #303733; }
.panel-heading strong,.panel-heading small { display:block; }
.panel-heading strong { font-size:12px; font-weight:600; }
.panel-heading small { color:#7e8882; font-size:10px; margin-top:4px; }
.list-search-wrap { padding:9px 10px 5px; }
.list-search { width:100%; height:31px; padding:0 10px; border:1px solid #333b36; border-radius:7px; background:#171b19; color:#e1e8e3; font-size:11px; }
.list-search::placeholder { color:#737e77; }
.lead-list { padding:3px 6px 10px; }
.lead-row { width:100%; display:flex; align-items:flex-start; gap:9px; padding:10px 8px; border:0; border-bottom:1px solid #2c332f; background:transparent; color:#e6ebe7; text-align:left; }
.lead-row:last-child { border-bottom:0; }
.lead-row:hover { background:#252c28; }
.lead-row.selected { background:#29342e; box-shadow:inset 2px 0 #4abb92; }
.initials { display:inline-grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; color:#c8e8da; background:#344b40; font-size:10px; font-weight:650; }
.lead-row-copy { min-width:0; flex:1; }
.lead-row-copy strong,.lead-row-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lead-row-copy strong { font-size:11px; font-weight:570; }
.lead-row-copy small { color:#8b9690; font-size:10px; margin-top:4px; }
.lead-row-meta { display:flex; align-items:center; gap:5px; margin-top:7px; color:#a1aaa4; font-size:9px; }
.lead-row-meta .status-dot { width:6px; height:6px; flex-basis:6px; }
.row-date { white-space:nowrap; color:#79837d; font-size:9px; padding-top:3px; }
.detail-panel { padding:15px 17px 18px; }
.detail-topline { display:flex; justify-content:space-between; align-items:center; }
.status-chip,.type-chip { display:inline-flex; align-items:center; border:1px solid #3c4942; border-radius:999px; padding:4px 8px; color:#b7c6bd; font-size:9px; white-space:nowrap; }
.amber-chip { color:#f0c48f; border-color:#675035; background:#352c20; }
.detail-actions { display:flex; gap:6px; }
.icon-button { min-height:27px; padding:0 9px; font-size:10px; }
.lead-profile { display:flex; align-items:center; gap:11px; padding:16px 0 13px; border-bottom:1px solid #303733; }
.initials.large { width:39px; height:39px; flex-basis:39px; font-size:12px; }
.lead-profile h2 { margin:0 0 4px; font-size:16px; font-weight:570; }
.lead-profile a,.lead-profile span { display:block; color:#95a19a; font-size:10px; text-decoration:none; margin-top:2px; }
.lead-profile a:hover { color:#b5e4d2; }
.quick-actions { display:flex; gap:8px; padding:12px 0; border-bottom:1px solid #303733; }
.detail-section { padding:14px 0 2px; }
.section-title { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px; }
.section-title h3 { margin:0; font-size:11px; font-weight:630; }
.fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 17px; }
.detail-field span,.detail-field strong { display:block; }
.detail-field span { color:#828d86; font-size:9px; margin-bottom:4px; }
.detail-field strong { color:#d7dfda; font-size:10px; font-weight:520; line-height:1.4; }
.evidence { font-style:normal; margin-left:3px; color:#92c5ae; font-size:8px; }
.evidence.missing { color:#e8b67c; }
.next-action-card { display:flex; justify-content:space-between; align-items:center; gap:10px; border:1px solid #3a473f; background:#242c27; border-radius:8px; padding:10px 11px; margin:14px 0 2px; }
.next-action-card strong,.next-action-card small { display:block; }
.next-action-card strong { font-size:10px; font-weight:550; margin:5px 0 3px; }
.next-action-card small { font-size:9px; color:#8e9992; }
.related-record { display:flex; align-items:center; gap:10px; border-bottom:1px solid #303733; padding:10px 0 5px; font-size:10px; color:#9ca79f; }
.related-record small { margin-left:auto; color:#89938d; }
.draft-preview { margin-top:14px; padding:11px; border:1px solid #41574b; background:#202c25; border-radius:8px; }
.draft-label { display:flex; justify-content:space-between; color:#afddc7; font-size:9px; font-weight:650; }
.draft-label span:last-child { color:#87958c; font-weight:400; }
.draft-preview p { white-space:pre-wrap; color:#d3ddd6; font-size:10px; line-height:1.6; max-height:150px; overflow:auto; }
.source-label { color:#8d9991; font-size:9px; }
.source-section blockquote { margin:0; border-left:2px solid #52745f; padding:7px 10px; background:#1a201c; color:#cbd4ce; font-size:10px; line-height:1.55; white-space:pre-wrap; }
.source-section > small { display:block; color:#78837c; font-size:9px; margin-top:7px; }
.notes-section { border-top:1px solid #303733; margin-top:12px; }
.notes-section p { margin:0; color:#aab4ad; font-size:10px; line-height:1.55; white-space:pre-wrap; }
.history-section { border-top:1px solid #303733; margin-top:12px; }
.history-row { display:flex; gap:9px; padding:6px 0; }
.history-dot { width:6px; height:6px; flex:0 0 6px; border-radius:50%; margin-top:4px; background:#66b491; }
.history-row strong,.history-row small { display:block; }
.history-row strong { color:#cbd5ce; font-size:9px; font-weight:550; }
.history-row small { color:#7f8a83; font-size:8px; line-height:1.45; margin-top:3px; }
.proposal-layout { display:grid; grid-template-columns:minmax(245px,.68fr) minmax(420px,1.5fr); gap:12px; max-width:1200px; margin:0 auto; min-height:510px; }
.proposal-list { padding-bottom:6px; }
.proposal-row { width:100%; display:flex; gap:10px; padding:12px; text-align:left; color:#e1e8e3; background:transparent; border:0; border-bottom:1px solid #2c332f; }
.proposal-row:hover,.proposal-row.selected { background:#28312c; }
.proposal-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#303b35; color:#a6d9c1; }
.proposal-row strong,.proposal-row small,.proposal-row-meta { display:block; }
.proposal-row strong { font-size:11px; font-weight:580; }
.proposal-row small { max-width:230px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#89948d; font-size:9px; margin-top:4px; }
.proposal-row-meta { color:#a6b2aa; font-size:9px; margin-top:7px; }
.proposal-editor { padding:17px 19px; }
.editor-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.editor-heading h2 { margin:8px 0 4px; font-size:16px; font-weight:570; }
.editor-heading p { margin:0; color:#8f9b93; font-size:10px; }
.commercial-warning { display:flex; gap:9px; margin:15px 0; padding:10px; border:1px solid #5a4b34; border-radius:8px; background:#2b271f; color:#edc58f; }
.commercial-warning > span { font-size:15px; }
.commercial-warning strong,.commercial-warning small { display:block; }
.commercial-warning strong { font-size:10px; }
.commercial-warning small { color:#b6a385; font-size:9px; margin-top:4px; }
.editor-label { display:block; color:#9da8a1; font-size:10px; margin:12px 0 6px; }
.document-editor,.email-editor { width:100%; display:block; border:1px solid #343c37; border-radius:8px; background:#171b19; color:#dce4de; padding:11px; resize:vertical; font:inherit; font-size:11px; line-height:1.65; }
.document-editor { min-height:180px; }
.email-editor { min-height:112px; }
.fee-summary { display:flex; gap:25px; align-items:center; background:#202723; padding:10px; margin-top:10px; border-radius:7px; }
.fee-summary span,.fee-summary strong { display:block; }
.fee-summary span { color:#849088; font-size:9px; }
.fee-summary strong { margin-top:4px; font-size:10px; font-weight:550; }
.proposal-footer { display:flex; justify-content:space-between; align-items:flex-end; gap:15px; border-top:1px solid #303733; padding-top:13px; margin-top:13px; }
.proposal-footer small { max-width:310px; color:#818c85; font-size:9px; line-height:1.5; }
.proposal-footer > div { display:flex; gap:7px; }
.followup-summary { max-width:1200px; margin:0 auto 15px; display:grid; grid-template-columns:130px 130px 1fr; gap:10px; }
.followup-summary > div { border:1px solid #303733; border-radius:9px; background:#202522; padding:11px 13px; }
.followup-summary > div > strong,.followup-summary > div > small { display:block; }
.followup-summary > div > strong { margin:4px 0 1px; font-size:20px; font-weight:560; }
.followup-summary > div > small { color:#859089; font-size:9px; }
.followup-summary .review-note { display:flex; align-items:center; gap:10px; color:#9ec7b3; }
.review-note > span { font-size:18px; }
.review-note p { color:#a7b1aa; font-size:10px; line-height:1.5; }
.followup-list { max-width:1200px; margin:0 auto; display:flex; flex-direction:column; gap:9px; }
.followup-card { display:grid; grid-template-columns:135px minmax(0,1fr) auto; gap:14px; border:1px solid #303733; border-radius:10px; background:#1e2320; padding:14px; }
.followup-card.is-due { border-color:#574936; }
.followup-date span,.followup-date strong { display:block; }
.followup-date span { color:#d4a86f; font-size:9px; letter-spacing:.08em; font-weight:700; }
.followup-date strong { color:#e0e6e1; font-size:10px; font-weight:550; margin-top:6px; }
.followup-card-title { display:flex; align-items:center; gap:8px; }
.followup-card-title h2 { margin:0; font-size:12px; font-weight:570; }
.type-chip { padding:3px 7px; color:#9fc8b3; }
.followup-person { display:inline-block; color:#83c5a8; text-decoration:none; font-size:10px; margin-top:7px; }
.followup-main > p { margin:7px 0; color:#9da8a1; font-size:10px; line-height:1.5; }
.followup-main details { color:#aab4ad; font-size:10px; }
.followup-main summary { cursor:pointer; color:#b9c4bd; }
.followup-draft { white-space:pre-wrap; padding:9px; margin:7px 0; border-radius:7px; background:#171b19; color:#cfd8d1; line-height:1.55; }
.followup-actions { display:flex; align-items:flex-start; flex-direction:column; gap:5px; }
.contacts-table { max-width:1200px; margin:0 auto; overflow:hidden; border:1px solid #303733; border-radius:10px; background:#1e2320; }
.contacts-head,.contact-row { display:grid; grid-template-columns:1.05fr 1.3fr 1.2fr .9fr .8fr; gap:12px; align-items:center; }
.contacts-head { padding:11px 14px; background:#242a26; color:#87928a; text-transform:uppercase; letter-spacing:.08em; font-size:8px; }
.contact-row { width:100%; min-height:51px; padding:8px 14px; border:0; border-top:1px solid #303733; background:transparent; color:#cbd4ce; text-align:left; font-size:10px; }
.contact-row:hover { background:#28312c; }
.contact-row > span:first-child { display:flex; align-items:center; gap:9px; }
.contact-row .initials { width:26px; height:26px; flex-basis:26px; font-size:9px; }
.contact-row strong { font-weight:560; }
.empty-state { display:grid; align-content:center; justify-items:center; min-height:250px; padding:30px; text-align:center; color:#9ba69f; }
.empty-state h2 { color:#e0e7e2; font-size:16px; font-weight:550; }
.empty-state p { max-width:380px; font-size:11px; line-height:1.6; }
.empty-state.small-empty { min-height:100px; font-size:10px; }
.settings-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:1150px; margin:0 auto; }
.settings-card { padding:15px 17px; }
.settings-card-head { display:flex; gap:10px; align-items:flex-start; border-bottom:1px solid #303733; padding-bottom:12px; margin-bottom:11px; }
.settings-icon-badge { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border-radius:8px; background:#2a3730; color:#a4d7be; }
.settings-card-head h2 { margin:1px 0 4px; font-size:12px; font-weight:600; }
.settings-card-head p { margin:0; color:#869189; font-size:9px; }
.settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.settings-fields label,.dialog-body label { display:flex; flex-direction:column; gap:5px; color:#9ca79f; font-size:9px; }
.settings-fields input,.settings-fields textarea,.dialog-body input,.dialog-body textarea,.dialog-body select { width:100%; border:1px solid #38413b; border-radius:7px; background:#171b19; color:#e2e9e4; padding:8px 9px; font:inherit; font-size:11px; line-height:1.4; }
.settings-fields input { height:32px; }
.settings-fields textarea,.dialog-body textarea { resize:vertical; }
.settings-fields small { color:#747f77; font-size:8px; line-height:1.4; }
.integration-row { display:flex; align-items:center; gap:10px; padding:10px 1px; border-bottom:1px solid #2d342f; }
.integration-icon { display:grid; place-items:center; width:27px; height:27px; flex:0 0 27px; border-radius:7px; font-weight:700; background:#303731; color:#dce5df; font-size:12px; }
.gmail-icon { color:#f0a690; }
.ai-icon { color:#9dd8bd; }
.integration-row > div { flex:1; min-width:0; }
.integration-row strong,.integration-row small { display:block; }
.integration-row strong { color:#d5ddd7; font-size:10px; font-weight:550; }
.integration-row small { color:#818c84; font-size:8px; margin-top:3px; }
.connection-pill { padding:4px 7px; border:1px solid #5c4b34; border-radius:999px; color:#d7b27f; font-size:8px; white-space:nowrap; }
.connection-pill.connected { border-color:#3e7158; color:#96d1af; }
.security-note { background:#202a24; border:1px solid #35483d; border-radius:7px; padding:9px 10px; margin-top:11px; }
.security-note strong { color:#b0d8c1; font-size:9px; }
.security-note p { margin:4px 0 0; color:#8e9c92; font-size:9px; line-height:1.45; }
.chat-view { height:100%; overflow:auto; padding:35px 25px 200px; }
.chat-empty { max-width:630px; margin:8vh auto 0; text-align:center; }
.assistant-mark { width:45px; height:45px; display:grid; place-items:center; margin:auto; border:1px solid #44574b; border-radius:16px; background:#25332b; color:#a7dfc0; font-size:25px; }
.chat-empty h1 { margin:15px 0 7px; font-size:24px; font-weight:550; }
.chat-empty p { max-width:450px; margin:0 auto; color:#919d95; font-size:11px; line-height:1.6; }
.prompt-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:25px; }
.prompt-cards button { display:flex; flex-direction:column; gap:14px; text-align:left; padding:12px; border:1px solid #333d37; border-radius:9px; background:#202522; color:#c8d2cb; font-size:10px; }
.prompt-cards button span { align-self:flex-end; color:#83c5a8; }
.prompt-cards button:hover { background:#29322d; }
.chat-thread { max-width:720px; margin:0 auto; }
.chat-thread h1 { font-size:18px; font-weight:560; margin:5px 0 28px; }
.chat-message { max-width:620px; margin:0 0 22px; }
.chat-message.user { max-width:75%; margin-left:auto; padding:10px 13px; border-radius:15px; background:#2a302c; }
.chat-message > span { color:#8d9991; font-size:9px; }
.chat-message p { white-space:pre-wrap; color:#d4ddd6; font-size:12px; line-height:1.7; }
.composer-wrap { width:min(790px,calc(100% - 52px)); bottom:13px; z-index:5; }
.composer-tools { background:#262c28; border:1px solid #353c37; border-bottom:0; }
.tool-pill { color:#d5ded8; }
.tool-pill:hover,.settings-icon:hover { background:#343c36; border-radius:7px; }
.composer { background:#272d29; border-color:#3b443e; }
.composer textarea { min-height:42px; }
.composer textarea::placeholder { color:#8c9790; }
.composer-bottom { gap:10px; }
.access { color:#9dcfb6; }
.send-message { background:#43524a; color:#dae8de; }
.send-message.ready { background:#e8f4ed; color:#1c2721; }
.composer-disclaimer { position:absolute; top:calc(100% + 4px); width:100%; text-align:center; color:#69746d; font-size:8px; }
.composer-context { position:absolute; bottom:calc(100% + 5px); left:8px; max-width:calc(100% - 16px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#a9caba; background:#25312a; border:1px solid #38483e; border-radius:6px; padding:4px 8px; font-size:9px; }
.attachment-list { display:flex; flex-wrap:wrap; gap:5px; }
.attachment-chip { display:flex; align-items:center; gap:5px; border:1px solid #414b44; border-radius:6px; padding:4px 7px; color:#b7c8bd; font-size:9px; }
.attachment-chip button { border:0; background:transparent; color:#aab7af; padding:0 2px; }
.toast { z-index:60; background:#303a34; border-color:#4a5d51; }
.modal-backdrop { z-index:50; background:rgba(0,0,0,.58); backdrop-filter:blur(3px); }
.dialog { background:#202522; border-color:#3d4741; }
.dialog > header { border-color:#343d37; }
.dialog > header h2 { font-size:14px; }
.dialog-body { padding:16px 18px; max-height:65vh; overflow:auto; }
.dialog footer { display:flex; justify-content:flex-end; gap:8px; padding:12px 18px; border-top:1px solid #343d37; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.form-grid .full-width { grid-column:1/-1; }
.dialog-body form { display:grid; gap:11px; }
.dialog-body form.form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dialog-body input,.dialog-body select { height:33px; }
.dialog-body textarea { min-height:70px; }
.choice-list { display:flex; flex-direction:column; gap:4px; }
.choice-row { display:flex; flex-direction:column; align-items:flex-start; gap:4px; border:0; border-radius:7px; background:transparent; text-align:left; padding:10px; color:#e2e9e4; }
.choice-row:hover { background:#2c342f; }
.choice-row span { font-size:11px; }
.choice-row small { color:#8e9992; font-size:9px; }
@media (max-width:980px) {
  .sidebar { width:218px; flex-basis:218px; }
  .lead-workspace,.proposal-layout { grid-template-columns:minmax(235px,.7fr) minmax(360px,1.3fr); }
  .page-content { padding-left:18px; padding-right:18px; }
  .header-kicker { display:none; }
}
@media (max-width:700px) {
  .rail { width:43px; flex-basis:43px; }
  .sidebar { width:190px; flex-basis:190px; }
  .lead-workspace,.proposal-layout { grid-template-columns:1fr; }
  .lead-workspace { min-height:0; }
  .lead-list { max-height:245px; overflow:auto; }
  .proposal-list { max-height:200px; overflow:auto; }
  .page-heading { align-items:flex-start; flex-direction:column; }
  .metric-row { gap:6px; }
  .metric-card { padding:9px; }
  .metric-card small { display:none; }
  .followup-summary { grid-template-columns:1fr 1fr; }
  .followup-summary .review-note { grid-column:1/-1; }
  .followup-card { grid-template-columns:1fr; gap:7px; }
  .followup-actions { flex-direction:row; }
}
@media (max-width:560px) {
  .rail { display:none; }
  .sidebar { display:none; }
  .main-header { height:48px; flex-basis:48px; padding:0 13px; }
  .header-title strong { font-size:13px; }
  .connection-state { display:none; }
  .page-content { padding:17px 12px 214px; }
  .page-heading h1 { font-size:22px; }
  .page-heading p { max-width:310px; line-height:1.45; }
  .heading-buttons { width:100%; }
  .heading-buttons > button { flex:1; }
  .metric-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .metric-card strong { font-size:18px; }
  .metric-card span { font-size:9px; }
  .detail-panel { padding:12px; }
  .fields-grid { gap:12px 8px; }
  .proposal-footer { align-items:stretch; flex-direction:column; }
  .proposal-footer > div { justify-content:flex-end; }
  .settings-layout { grid-template-columns:1fr; }
  .settings-fields { grid-template-columns:1fr; }
  .contacts-head { display:none; }
  .contact-row { grid-template-columns:1fr 1fr; gap:6px; }
  .contact-row > span:nth-child(3) { display:none; }
  .contact-row > span:nth-child(4) { color:#9ca79f; }
  .followup-summary { grid-template-columns:1fr 1fr; }
  .prompt-cards { grid-template-columns:1fr; }
  .chat-empty { margin-top:4vh; }
  .composer-wrap { width:calc(100% - 18px); bottom:12px; }
  .composer-tools { padding:0 5px; }
  .tool-pill { font-size:10px; padding:0 4px; gap:4px; }
  .tool-pill svg { width:13px; }
  .composer { min-height:106px; }
  .composer-bottom { gap:6px; }
  .model-select { font-size:10px; gap:3px; }
  .model-select .quality { display:none; }
  .access { font-size:10px; }
  .composer-disclaimer { font-size:7px; }
  .dialog-body form.form-grid { grid-template-columns:1fr; }
  .form-grid .full-width { grid-column:auto; }
  .dialog { max-height:88vh; }
}

/* Match the neutral assistant workspace and the supplied low-contrast dashboard reference. */
:root {
  color-scheme:dark;
  --bg:#212121;
  --panel:#171717;
  --panel-hover:#292929;
  --line:#303030;
  --text:#ececec;
  --muted:#9b9b9b;
  --subtle:#6f6f6f;
  --accent:#10a37f;
}
body,.main { background:#212121; color:#ececec; }
.rail { background:#171717; border-color:#292929; }
.rail-button { color:#a6a6a6; }
.rail-button.active { background:#303030; color:#f5f5f5; }
.rail-button.active::after { background:#10a37f; }
.sidebar { background:#171717; border-color:#303030; }
.side-top { border-color:#2a2a2a; }
.brand { color:#f2f2f2; }
.side-action { border-color:transparent; background:transparent; margin:2px 0 9px; width:100%; }
.side-action:hover { background:#262626; }
.side-plus { background:transparent; color:#ddd; }
.section-label { color:#858585; }
.nav-row { color:#c8c8c8; }
.nav-row:hover,.chat-row:hover { background:#252525; }
.nav-row.active { background:#303030; color:#fff; }
.nav-icon { color:#aaa; }
.nav-count.has-due { background:#3a3a3a; color:#ddd; }
.chat-row.selected { background:#292929; color:#f4f4f4; }
.sidebar-note { border-color:#2d2d2d; }
.sidebar-note strong { color:#c9c9c9; }
.sidebar-note small { color:#828282; }
.sidebar-note .status-dot { background:#10a37f; }
.main-header { background:#212121; border-color:#303030; }
.header-title { gap:11px; }
.main-brand { display:flex; gap:6px; align-items:center; font-size:15px; font-weight:550; }
.main-brand i { color:#888; font-size:13px; font-style:normal; }
.header-divider { color:#666; font-size:13px; }
.header-title strong { font-size:14px; font-weight:450; color:#ddd; }
.connection-state { color:#8e8e8e; }
.connection-state i { background:#777; }
.share-button { border-color:#424242; background:#2a2a2a; color:#eee; }
.share-button:hover { background:#363636; }
.canvas { background:#212121; }
.page-content { padding:23px 28px 220px; scrollbar-color:#444 transparent; }
.eyebrow { color:#858585; }
.page-heading p { color:#999; }
.primary-button,.secondary-button,.icon-button { border-radius:7px; }
.primary-button { background:#ededed; border-color:#ededed; color:#191919; }
.primary-button:hover { background:#d6d6d6; }
.secondary-button,.icon-button { background:#2b2b2b; border-color:#444; color:#e1e1e1; }
.secondary-button:hover,.icon-button:hover { background:#383838; }
.text-button { color:#c9c9c9; }
.text-button:hover { color:#fff; }
.metric-card,.list-panel,.detail-panel,.proposal-editor,.settings-card,.followup-card,.contacts-table {
  background:#1b1b1b;
  border-color:#303030;
  border-radius:5px;
}
.metric-card { background:#1b1b1b; }
.metric-card span,.metric-card small { color:#929292; }
.lead-row { color:#e5e5e5; border-color:#2d2d2d; }
.lead-row:hover { background:#262626; }
.lead-row.selected { background:#292929; box-shadow:inset 2px 0 #aaa; }
.initials { color:#e0e0e0; background:#353535; }
.lead-row-copy small,.lead-row-meta,.row-date { color:#969696; }
.status-chip,.type-chip { border-color:#444; color:#c8c8c8; }
.amber-chip { color:#ddd; border-color:#625d50; background:#302e29; }
.evidence,.evidence.missing { color:#a7a7a7; }
.lead-profile { border-color:#303030; }
.lead-profile a,.lead-profile span { color:#a0a0a0; }
.quick-actions { border-color:#303030; }
.next-action-card,.draft-preview { border-color:#383838; background:#222; }
.draft-label { color:#dedede; }
.draft-label span:last-child,.next-action-card small { color:#969696; }
.source-section blockquote { border-color:#777; background:#202020; color:#d1d1d1; }
.notes-section,.history-section { border-color:#303030; }
.history-dot { background:#999; }
.history-row strong { color:#d0d0d0; }
.history-row small { color:#8b8b8b; }
.panel-heading { border-color:#303030; }
.panel-heading small { color:#898989; }
.list-search { background:#202020; border-color:#3a3a3a; color:#eee; }
.proposal-row { color:#e3e3e3; border-color:#303030; }
.proposal-row:hover,.proposal-row.selected { background:#282828; }
.proposal-icon,.settings-icon-badge,.integration-icon { background:#303030; color:#ddd; }
.commercial-warning { border-color:#494949; background:#242424; color:#e0e0e0; }
.commercial-warning small { color:#aaa; }
.document-editor,.email-editor,.settings-fields input,.settings-fields textarea,.dialog-body input,.dialog-body textarea,.dialog-body select {
  background:#202020;
  border-color:#3a3a3a;
  color:#eee;
}
.fee-summary,.followup-summary > div { background:#1b1b1b; border-color:#303030; }
.fee-summary span,.followup-summary > div > small { color:#929292; }
.followup-summary .review-note { color:#ccc; }
.review-note p,.followup-main > p { color:#aaa; }
.followup-card.is-due { border-color:#555; }
.followup-date span { color:#d2d2d2; }
.followup-draft { background:#202020; color:#ddd; }
.followup-person { color:#d0d0d0; }
.contacts-head { background:#242424; color:#929292; }
.contact-row { color:#d0d0d0; border-color:#303030; }
.contact-row:hover { background:#292929; }
.empty-state { color:#aaa; }
.empty-state h2 { color:#e5e5e5; }
.settings-card-head { border-color:#303030; }
.settings-card-head p,.settings-fields label,.dialog-body label { color:#aaa; }
.integration-row { border-color:#303030; }
.gmail-icon,.ai-icon { color:#ddd; }
.integration-row strong { color:#ddd; }
.integration-row small,.settings-fields small { color:#8c8c8c; }
.connection-pill { border-color:#505050; color:#c7c7c7; }
.connection-pill.connected { border-color:#666; color:#ddd; }
.security-note { background:#222; border-color:#404040; }
.security-note strong { color:#ddd; }
.security-note p { color:#999; }
.assistant-mark { background:#292929; border-color:#484848; color:#eee; }
.chat-empty p,.chat-message > span { color:#999; }
.prompt-cards button { border-color:#383838; background:#1c1c1c; color:#ddd; border-radius:5px; }
.prompt-cards button:hover { background:#292929; }
.prompt-cards button span { color:#ddd; }
.chat-message.user { background:#303030; }
.chat-message p { color:#ddd; }
.composer-wrap { width:min(736px,calc(100% - 48px)); bottom:17px; }
.composer-tools { background:#2a2a2a; border-color:#383838; border-bottom:0; }
.tool-pill { color:#dedede; }
.tool-pill:hover,.settings-icon:hover { background:#3b3b3b; }
.composer { background:#303030; border-color:#393939; border-radius:19px; }
.composer textarea { color:#eee; }
.composer textarea::placeholder { color:#898989; }
.access { color:#ddd; }
.send-message { background:#545454; color:#bbb; }
.send-message.ready { background:#eee; color:#222; }
.composer-context { color:#ddd; background:#2d2d2d; border-color:#474747; }
.attachment-chip { border-color:#4a4a4a; color:#ddd; }
.toast { background:#303030; border-color:#505050; }
.dialog { background:#242424; border-color:#414141; }
.dialog > header,.dialog footer { border-color:#393939; }
.choice-row { color:#eee; }
.choice-row:hover { background:#383838; }
.choice-row small { color:#999; }

.dashboard-shell { width:min(1120px,100%); margin:0 auto; }
.dashboard-welcome { min-height:64px; display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin:0 0 17px; }
.dashboard-welcome h1 { margin:2px 0 3px; font-size:25px; line-height:1.15; font-weight:450; letter-spacing:-.025em; }
.dashboard-welcome p { margin:0; color:#909090; font-size:11px; }
.overview-controls { display:flex; align-items:center; gap:5px; }
.period-control,.overview-tab { height:27px; display:inline-flex; align-items:center; padding:0 9px; border:1px solid #343434; background:#1d1d1d; color:#aaa; font-size:9px; }
.period-control { border-radius:4px 0 0 4px; }
.overview-tab { border-radius:3px; cursor:pointer; }
.overview-tab.active { background:#303030; color:#eee; }
.dashboard-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.dashboard-card { min-width:0; min-height:139px; display:flex; flex-direction:column; align-items:stretch; text-align:left; padding:11px 12px 9px; border:1px solid #2e2e2e; border-radius:4px; background:#191919; color:#e8e8e8; cursor:pointer; }
.dashboard-card:hover { background:#1f1f1f; border-color:#444; }
.card-label { display:flex; align-items:center; justify-content:space-between; color:#888; font-size:9px; min-height:13px; }
.card-kebab { letter-spacing:.15em; color:#696969; }
.card-main { margin-top:14px; }
.card-main strong,.card-main span { display:block; }
.card-main strong { font-size:12px; line-height:1.35; font-weight:500; color:#efefef; }
.card-main span { margin-top:5px; color:#929292; font-size:9px; line-height:1.4; }
.card-footer { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; padding-top:9px; color:#777; font-size:8px; }
.card-footer b { font-size:11px; font-weight:400; color:#aaa; }
.card-big-stat { color:#ddd; font-size:12px; margin-top:18px; }
.proposal-bars { display:flex; align-items:flex-end; gap:7px; height:31px; margin-top:4px; }
.proposal-bars i { width:7px; display:block; background:#bdbdbd; }
.connection-list { display:grid; gap:5px; margin-top:8px; }
.connection-list span { display:flex; align-items:center; gap:5px; color:#aaa; font-size:8px; }
.connection-list b { margin-left:auto; color:#ddd; font-size:8px; font-weight:400; }
.connection-dot { width:6px; height:6px; border-radius:50%; background:#aaa; }
.connection-dot.muted { background:#666; }
.pipeline-card { min-height:134px; }
.pipeline-bars { height:57px; display:flex; align-items:flex-end; justify-content:space-around; gap:7px; border-bottom:1px solid #333; margin-top:9px; padding:0 4px; }
.pipeline-bar-item { flex:1; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; min-width:0; }
.pipeline-bar { width:100%; height:37px; display:flex; align-items:flex-end; justify-content:center; }
.pipeline-bar i { display:block; width:min(12px,70%); min-height:4px; background:#c5c5c5; }
.pipeline-bar-item:nth-child(2n) .pipeline-bar i { background:#777; }
.pipeline-bar-item span { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#777; font-size:7px; }
.mini-link { border:0; background:transparent; color:#aaa; font-size:8px; cursor:pointer; }
.mini-link:hover { color:#fff; }
.focus-content { display:flex; flex-direction:column; gap:6px; margin-top:15px; }
.focus-date { color:#b8b8b8; font-size:8px; letter-spacing:.07em; }
.focus-content strong { color:#eee; font-size:11px; font-weight:500; }
.focus-content > span:last-child { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#919191; font-size:8px; line-height:1.45; }
.reconnect-date { margin-top:auto; padding-top:10px; color:#ccc; font-size:10px; }
.dashboard-shortcuts { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; padding:14px 0 11px; }
.dashboard-shortcuts button { height:26px; padding:0 9px; border:1px solid #383838; border-radius:3px; background:#1c1c1c; color:#c8c8c8; font-size:8px; cursor:pointer; }
.dashboard-shortcuts button:hover { background:#2a2a2a; color:#fff; }
.dashboard-prompts { width:min(610px,100%); margin:0 auto 12px; padding:7px 0; background:#191919; border:1px solid #252525; }
.dashboard-prompts button { display:flex; align-items:center; gap:5px; width:100%; min-height:28px; padding:4px 11px; border:0; background:transparent; color:#bdbdbd; text-align:left; font-size:9px; cursor:pointer; }
.dashboard-prompts button:hover { background:#232323; }
.dashboard-prompts button span { color:#777; }
.dashboard-prompts button b { margin-left:auto; color:#777; font-weight:400; }
.dashboard-activity { width:min(610px,100%); margin:13px auto 0; padding:11px; border-top:1px solid #303030; }
.dashboard-activity .card-label { margin-bottom:7px; }
.activity-row { display:flex; gap:8px; padding:7px 0; border-top:1px solid #292929; }
.activity-marker { width:6px; height:6px; flex:0 0 6px; margin-top:4px; border-radius:50%; background:#888; }
.activity-row strong,.activity-row small { display:block; }
.activity-row strong { color:#ccc; font-size:9px; font-weight:500; }
.activity-row small { margin-top:3px; color:#858585; font-size:8px; }
@media (max-width:980px) {
  .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-card { min-height:132px; }
}
@media (max-width:700px) {
  .dashboard-welcome { align-items:flex-start; flex-direction:column; }
  .overview-controls { align-self:flex-end; }
}
@media (max-width:560px) {
  .dashboard-grid { grid-template-columns:1fr 1fr; gap:6px; }
  .dashboard-card { min-height:128px; padding:9px; }
  .dashboard-card .card-main strong { font-size:10px; }
  .dashboard-card .card-main span { font-size:8px; }
  .dashboard-prompts { margin-bottom:8px; }
  .dashboard-prompts button { font-size:8px; }
  .dashboard-welcome h1 { font-size:23px; }
  .main-brand { font-size:13px; }
}
.dashboard-welcome { min-height:54px; margin-bottom:12px; }
.dashboard-grid { gap:8px; }
.dashboard-card,.pipeline-card { min-height:126px; }
.dashboard-shortcuts { padding:9px 0 7px; }
.dashboard-prompts { width:min(610px,100%); padding:5px 0; margin-bottom:8px; }
.dashboard-prompts button { min-height:23px; padding:3px 10px; }
.page-content { padding:20px 30px 220px; }
.dashboard-shell { width:min(1080px,100%); }
.dashboard-welcome { min-height:60px; margin-bottom:14px; }
.dashboard-welcome h1 { font-size:31px; font-weight:450; }
.dashboard-welcome p { font-size:14px; color:#aaa; }
.dashboard-grid { gap:10px; }
.dashboard-card { min-height:132px; padding:15px 16px 12px; border-radius:5px; }
.dashboard-card .card-label { color:#aaa; font-size:13px; min-height:18px; }
.dashboard-number { display:block; margin-top:16px; color:#f1f1f1; font-size:31px; line-height:1.05; font-weight:450; }
.dashboard-setup { display:block; margin-top:17px; color:#eee; font-size:17px; font-weight:450; }
.dashboard-detail { display:block; margin-top:7px; color:#aaa; font-size:13px; line-height:1.35; }
.dashboard-link { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:9px; color:#bcbcbc; font-size:11px; }
.dashboard-link b { color:#ddd; font-size:14px; font-weight:400; }
.dashboard-actions { margin-top:12px; border:1px solid #303030; border-radius:5px; background:#1a1a1a; padding:12px 15px 5px; }
.dashboard-section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:4px; }
.dashboard-section-heading h2,.dashboard-assistant h2 { margin:0; color:#eee; font-size:17px; line-height:1.2; font-weight:500; }
.dashboard-section-heading p { margin:4px 0 0; color:#999; font-size:11px; }
.dashboard-section-heading .text-button { font-size:12px; }
.dashboard-action-row { display:flex; align-items:center; gap:14px; width:100%; min-height:49px; padding:8px 2px; border:0; border-top:1px solid #303030; background:transparent; color:#ddd; text-align:left; cursor:pointer; }
.dashboard-action-row:hover { background:#222; }
.action-date { flex:0 0 98px; color:#aaa; font-size:11px; }
.action-copy { flex:1; min-width:0; }
.action-copy strong,.action-copy small { display:block; }
.action-copy strong { color:#ededed; font-size:13px; font-weight:500; }
.action-copy small { margin-top:3px; color:#999; font-size:11px; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-action-row > b { color:#aaa; font-size:15px; font-weight:400; }
.actions-empty { padding:15px 2px; color:#aaa; font-size:12px; }
.dashboard-assistant { width:min(760px,100%); margin:10px auto 0; }
.dashboard-assistant h2 { margin-bottom:7px; font-size:15px; }
.assistant-prompts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.assistant-prompts button { min-height:37px; padding:8px 11px; border:1px solid #383838; border-radius:4px; background:#1a1a1a; color:#d5d5d5; text-align:left; font-size:12px; cursor:pointer; }
.assistant-prompts button:hover { background:#292929; border-color:#4a4a4a; color:#fff; }
.dashboard-actions .text-button { color:#ccc; }
.dashboard-actions .text-button:hover { color:#fff; }
@media (max-width:980px) {
  .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .page-content { padding:16px 12px 220px; }
  .dashboard-welcome { min-height:auto; margin-bottom:13px; }
  .dashboard-welcome h1 { font-size:26px; }
  .dashboard-welcome p { font-size:13px; }
  .dashboard-card { min-height:119px; padding:12px; }
  .dashboard-card .card-label { font-size:11px; }
  .dashboard-number { font-size:27px; }
  .dashboard-detail { font-size:11px; }
  .dashboard-link { font-size:10px; }
  .dashboard-actions { padding:11px 11px 4px; }
  .dashboard-action-row { gap:8px; }
  .action-date { flex-basis:72px; font-size:10px; }
  .action-copy strong { font-size:11px; }
  .action-copy small { white-space:normal; font-size:10px; }
  .assistant-prompts { grid-template-columns:1fr; }
}