@charset "UTF-8";

.search-source-switch { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; padding:0 22px 12px; color:#73816e; font-size:12px; }
.search-source-switch > label { display:flex; align-items:center; gap:8px; }
.search-source-switch select { max-width:240px; font-size:12px; }
.collect-comments { cursor:pointer; }
.acknowledge-unknown { display:flex; width:calc(100% - 40px); margin:0 20px 15px; white-space:normal; color:#936b32; }
@media (max-height:800px) and (min-width:901px) { .sidebar-tip { display:none; } }
@media (max-width:700px) { .search-source-switch { padding:0 16px 12px; gap:10px; } .search-source-switch select { max-width:210px; font-size:11px; } }

/* The connected-account workspace shares the quiet palette of the lead desk. */
.nav-new { margin-left: auto; border: 1px solid #cbdcc4; border-radius: 4px; padding: 0 5px; color: #5e8053; background: #f4f8ee; font: 600 8px/1.9 "Segoe UI", sans-serif; letter-spacing: .6px; }
.auto-workspace { --auto-muted: #758378; --auto-soft: #f6f8f2; color: var(--ink); font-size: 13px; }
.auto-workspace .button { min-height: 40px; font-size: 12px; }
.auto-workspace .button.small { min-height: 33px; padding: 7px 11px; font-size: 12px; }
.auto-workspace .text-button { font-size: 12px; }
.auto-workspace input, .auto-workspace select, .auto-workspace textarea { font-size: 13px; }
.account-rail { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 21px; border: 1px solid #dfe7d8; border-radius: 11px; background: #fffefa; }
.account-identity { display: flex; align-items: center; gap: 13px; min-width: 0; }
.account-xhs { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border: 1px solid #f0ddd6; border-radius: 12px; color: #b8675e; background: #fff0eb; font-size: 10px; font-weight: 600; letter-spacing: -.4px; }
.account-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #324d3d; font-size: 15px; font-weight: 600; line-height: 1.6; }
.account-identity p { margin-top: 3px; color: #778574; font-size: 12px; line-height: 1.7; }
.connection-pill { display: inline-flex; align-items: center; gap: 5px; min-height: 21px; padding: 1px 7px; border: 1px solid #e4e7dd; border-radius: 5px; background: #f6f7f2; color: #8b9484; font-size: 10px; font-weight: 500; white-space: nowrap; }
.connection-pill::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #a6ada0; }
.connection-pill.connected { color: #477b51; background: #edf5e9; border-color: #d7e6cf; }
.connection-pill.connected::before { background: #6a9b60; }
.connection-pill.pending { color: #9a7d3c; background: #fbf6e8; border-color: #eee1ba; }
.connection-pill.pending::before { background: #b7a05f; }
.connection-pill.demo { color: #6c7d9a; background: #f0f3f8; border-color: #dee5ef; }
.connection-pill.demo::before { background: #8b9db7; }
.account-controls { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.mode-switch-label { display: flex; align-items: center; gap: 8px; color: #88917f; font-size: 12px; }
.mode-switch-label select { min-height: 35px; padding: 6px 26px 6px 10px; background: #fff; color: #53654c; font-size: 12px; }
.auto-mode-note { display: flex; align-items: flex-start; gap: 8px; margin: 11px 0 18px; padding: 0 3px; color: #8b9482; font-size: 12px; line-height: 1.75; }
.auto-mode-note > .icon { width: 15px; height: 15px; margin-top: 3px; color: #9ca78f; }
.auto-mode-note.mode-demo { color: #75879a; }
.auto-mode-note.mode-demo > .icon { color: #8f9fb5; }
.auto-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 21px; }
.auto-metrics > div { min-width: 0; padding: 14px 18px 13px; border: 1px solid #e2e8da; border-radius: 9px; background: #fff; }
.auto-metrics > div:last-child { background: #edf3e7; border-color: #dce6d2; }
.auto-metrics > div > span { display: block; color: #85917a; font-size: 12px; }
.auto-metrics strong { display: flex; align-items: baseline; gap: 6px; margin-top: 4px; color: #38533c; font: 500 28px/1.4 "Segoe UI", var(--font); font-variant-numeric: tabular-nums; letter-spacing: -.7px; }
.auto-metrics strong small { color: #9aa58b; font: 11px/1.6 var(--font); letter-spacing: 0; }
.automation-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 20px; }
.automation-main { display: flex; flex-direction: column; gap: 19px; min-width: 0; }
.auto-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 21px 22px 18px; }
.section-kicker { color: #9aa98c; font: 600 9px/1.6 "Segoe UI", sans-serif; letter-spacing: 1.3px; margin-bottom: 5px; }
.auto-panel-heading h2 { color: #3d5742; font-size: 16px; line-height: 1.6; font-weight: 600; }
.auto-panel-heading p { color: #8e9983; font-size: 12px; line-height: 1.7; margin-top: 4px; }
.provider-badge { display: inline-flex; align-items: center; flex: 0 0 auto; border: 1px solid #e6e9df; border-radius: 5px; padding: 3px 7px; background: #f7f8f4; color: #9aa18f; font-size: 10px; white-space: nowrap; }
.provider-badge.ready { color: #618652; background: #f1f6e9; border-color: #dce7ce; }
.discovery-search { display: flex; align-items: center; gap: 10px; margin: 0 22px; padding: 6px 6px 6px 13px; min-height: 53px; border: 1px solid #cbdac0; border-radius: 8px; background: #fff; box-shadow: 0 2px 7px #2c512109; }
.discovery-search:focus-within { border-color: #8eae7b; box-shadow: 0 0 0 3px #eff5e8; }
.discovery-search > .icon { color: #8da07d; width: 19px; height: 19px; }
.discovery-search input { width: 100%; min-width: 0; height: 36px; border: 0; padding: 3px 0; outline: none; background: transparent; color: #334b34; font-size: 14px; }
.discovery-search input:focus-visible { box-shadow: none; }
.discovery-search input::placeholder { color: #a4ae97; }
.discovery-search .button { min-height: 39px; padding: 9px 13px; flex-shrink: 0; }
.discovery-search .button .icon { width: 15px; height: 15px; }
.discovery-options { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 15px; padding: 16px 22px; }
.discovery-options > label { display: flex; align-items: center; gap: 7px; color: #909b83; font-size: 11px; }
.discovery-options select { min-height: 30px; padding-top: 4px; padding-bottom: 4px; color: #758668; border-color: #e6ebde; font-size: 11px; }
.discovery-options > span { color: #a1ab96; font-size: 10px; margin-left: 1px; }
.discovery-keywords { display: flex; flex-wrap: wrap; gap: 6px; }
.discovery-keywords button { border: 1px solid #e1e9d7; border-radius: 4px; background: #f7faf2; padding: 3px 7px; color: #839b6c; font-size: 10px; line-height: 1.5; }
.discovery-keywords button:hover { background: #edf5e4; border-color: #bed2ab; color: #557946; }
.discovery-progress { display: flex; align-items: center; gap: 7px; min-height: 37px; padding: 9px 22px; border-top: 1px solid #eaf0e2; background: #fafcf7; color: #9ba78f; font-size: 11px; }
.discovery-progress .status-dot { width: 5px; height: 5px; }
.results-heading { padding-bottom: 15px; border-bottom: 1px solid #edf1e7; }
.results-heading h2 { display: flex; align-items: center; gap: 8px; }
.results-heading h2 > span { display: inline-grid; place-items: center; min-width: 23px; height: 21px; border-radius: 5px; background: #eff3e8; color: #879c73; font: 11px/1.5 "Segoe UI", sans-serif; }
.result-actions { display: flex; align-items: center; gap: 13px; }
.result-actions > label { display: inline-flex; align-items: center; gap: 6px; color: #8d9b7e; font-size: 11px; white-space: nowrap; }
.result-actions input { width: 14px; height: 14px; }
.discovery-results { padding: 9px 12px; max-height: 720px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #d6e1cd transparent; }
.auto-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 37px 22px 42px; min-height: 253px; text-align: center; }
.auto-empty-symbol { display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid #e3ead9; border-radius: 14px; background: #f4f8ed; color: #9ab183; margin-bottom: 15px; }
.auto-empty-symbol .icon { width: 22px; height: 22px; }
.auto-empty h3 { color: #778c64; font-size: 14px; font-weight: 500; line-height: 1.8; }
.auto-empty p { margin-top: 7px; color: #9fab92; font-size: 12px; line-height: 1.9; }
.discovery-results-footer { padding: 11px 22px; border-top: 1px solid #e9eee1; color: #a0aa93; font-size: 10px; line-height: 1.8; }
.discovery-card { padding: 15px 13px 16px; border: 1px solid transparent; border-radius: 8px; transition: background .15s, border-color .15s; }
.discovery-card + .discovery-card { border-top-color: #edf1e6; }
.discovery-card:hover { background: #fafcf7; }
.discovery-card.checked { border-color: #d6e3c9; background: #f5f8ef; }
.discovery-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.discovery-author { display: flex; align-items: center; gap: 9px; min-width: 0; }
.discovery-avatar { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 33px; border: 1px solid #e2e8d9; border-radius: 50%; color: #81936b; background: #eef3e6; font-size: 11px; font-weight: 500; object-fit: cover; }
.discovery-meta { min-width: 0; color: #a1aa95; font-size: 10px; line-height: 1.6; }
.discovery-meta strong { display: block; overflow-wrap: anywhere; color: #6a8058; font-size: 12px; font-weight: 600; margin-bottom: 2px; }
.discovery-meta span + span::before { content: " · "; color: #c0c7b5; }
.discovery-card-top > label { display: flex; align-items: center; gap: 6px; padding-top: 4px; color: #96a087; font-size: 11px; cursor: pointer; white-space: nowrap; }
.discovery-card-top > input[type="checkbox"] { margin-top: 7px; }
.discovery-title { display: block; margin: 11px 0 5px; color: #405b39; font-size: 14px; font-weight: 600; line-height: 1.8; overflow-wrap: anywhere; }
a.discovery-title:hover { color: #3a773e; }
.discovery-excerpt { color: #7e8c71; font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; }
.discovery-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.discovery-tags > span { padding: 2px 6px; background: #edf3e4; color: #829b6b; border-radius: 4px; font-size: 10px; line-height: 1.6; }
.discovery-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.discovery-target { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; color: #a2ab96; font-size: 10px; overflow-wrap: anywhere; }
.discovery-target .icon { width: 12px; height: 12px; }
.discovery-card-actions { display: flex; align-items: center; flex-shrink: 0; gap: 13px; }
.discovery-card-actions .text-button { font-size: 11px; }
.discovery-card-actions .text-button .icon { width: 13px; height: 13px; }
.execution-panel { position: sticky; top: 18px; }
.execution-panel .auto-panel-heading { align-items: flex-end; padding: 21px 19px 17px; border-bottom: 1px solid #eaf0e2; }
.execution-panel .auto-panel-heading h2 { font-size: 16px; }
.queue-state-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid #e7ebdf; border-radius: 5px; color: #9ba78c; font-size: 10px; background: #f8faf5; white-space: nowrap; margin-bottom: 2px; }
.queue-state-pill::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #a2af93; }
.queue-state-pill.running { color: #5a8b50; border-color: #d7e5cc; background: #eff6e9; }
.queue-state-pill.running::before { background: #7aa565; }
.queue-state-pill.warning { color: #a28750; border-color: #ece0bf; background: #fcf7e9; }
.queue-state-pill.warning::before { background: #c1a767; }
.execution-settings { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 11px; padding: 18px 19px 17px; }
.execution-settings > label { display: flex; flex-direction: column; gap: 7px; color: #87967a; font-size: 11px; }
.number-input { display: flex; align-items: center; gap: 6px; border: 1px solid #e2e8da; border-radius: 6px; background: #fcfdf9; min-height: 39px; padding: 0 10px; }
.number-input:focus-within { border-color: #9bb88a; box-shadow: 0 0 0 2px #edf4e7; }
.number-input input { min-width: 0; width: 100%; height: 36px; padding: 2px 0; background: transparent; border: 0; outline: 0; color: #587349; font: 500 15px "Segoe UI", var(--font); font-variant-numeric: tabular-nums; }
.number-input input:focus-visible { box-shadow: none; }
.number-input > span { color: #a6b097; font-size: 10px; white-space: nowrap; }
.execution-settings > .text-button { justify-self: end; grid-column: 1 / -1; font-size: 11px; }
.execution-settings > .text-button .icon { width: 13px; height: 13px; }
.execution-notice { display: flex; align-items: flex-start; gap: 7px; margin: 0 19px; padding: 10px 11px; border: 1px solid #e5ecda; border-radius: 6px; background: #f6f9f0; color: #94a282; font-size: 11px; line-height: 1.85; }
.execution-notice .icon { width: 14px; height: 14px; color: #a0b18d; margin-top: 3px; }
.execution-buttons { display: grid; grid-template-columns: minmax(0, 1fr) 76px; gap: 8px; padding: 17px 19px 0; }
.execution-buttons .button { padding-left: 10px; padding-right: 10px; }
.queue-reason { margin: 9px 19px 15px; color: #a0aa92; font-size: 10px; line-height: 1.8; }
.execution-queue { border-top: 1px solid #eaf0e2; max-height: 650px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #d6e1cd transparent; }
.queue-empty { display: flex; align-items: center; flex-direction: column; min-height: 181px; padding: 26px 15px 29px; text-align: center; }
.queue-empty > .icon { width: 25px; height: 25px; color: #c0cdb0; margin: 2px 0 12px; }
.queue-empty strong { font-size: 12px; font-weight: 500; color: #98a98a; }
.queue-empty p { margin-top: 4px; font-size: 11px; color: #adb79e; line-height: 1.8; }
.queue-bottom-note { padding: 12px 19px; border-top: 1px solid #edf1e7; background: #fbfcf8; color: #a9b19f; font-size: 10px; line-height: 1.9; }
.queue-item { padding: 14px 18px; border-bottom: 1px solid #ecf0e5; }
.queue-item:last-child { border-bottom: 0; }
.queue-item-top { display: flex; align-items: flex-start; gap: 8px; }
.queue-action-icon { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border: 1px solid #e7ecde; border-radius: 6px; background: #f3f7ec; color: #95a781; font-size: 10px; }
.queue-action-icon .icon { width: 13px; height: 13px; }
.queue-item-title { color: #718765; font-size: 12px; line-height: 1.8; font-weight: 500; overflow-wrap: anywhere; min-width: 0; }
.queue-item-status { flex-shrink: 0; margin-left: auto; color: #a3ae94; background: #f5f8f0; border-radius: 4px; padding: 1px 5px; font-size: 9px; line-height: 1.8; white-space: nowrap; }
.queue-item.succeeded .queue-item-status { color: #739464; background: #eff6e8; }
.queue-item.failed .queue-item-status, .queue-item.unknown .queue-item-status { color: #b08f62; background: #fbf5e7; }
.queue-item.running .queue-item-status { color: #658750; background: #eaf3e1; }
.queue-item-content { margin: 8px 0 0 33px; color: #98a28d; font-size: 11px; line-height: 1.85; overflow-wrap: anywhere; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.queue-item-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: 8px 0 0 33px; color: #aab39e; font-size: 9px; line-height: 1.8; }
.queue-cancel { padding: 1px 0; color: #a6b096; background: transparent; font-size: 10px; }
.queue-cancel:hover { color: #9f7460; }
.activity-panel .auto-panel-heading { padding-bottom: 13px; }
.activity-panel .auto-panel-heading .text-button { font-size: 11px; }
.auto-activity { padding: 0 22px 10px; }
.activity-empty { padding: 4px 0 14px; color: #a1ab95; font-size: 12px; }
.activity-row { display: grid; grid-template-columns: 73px 7px minmax(0, 1fr); align-items: baseline; gap: 11px; border-top: 1px solid #eef1e7; padding: 11px 0; color: #8c9a7e; font-size: 11px; line-height: 1.85; overflow-wrap: anywhere; }
.activity-row:first-child { border-top: 0; }
.activity-time { color: #acb59e; font: 10px/1.9 "Segoe UI", var(--font); font-variant-numeric: tabular-nums; }
.activity-dot { width: 5px; height: 5px; border-radius: 50%; background: #a1b68d; align-self: start; margin-top: 7px; }
.activity-dot.warning { background: #c1a36d; }

/* Connection and review dialogs remain readable for long, real-world content. */
.account-dialog, .action-dialog { color: #536b45; }
.account-dialog .modal-heading h2, .action-dialog .modal-heading h2 { font-size: 22px; color: #3a5832; }
.account-dialog .modal-heading p, .action-dialog .modal-heading p { font-size: 12px; color: #98a88a; line-height: 1.8; }
.account-dialog .button, .action-dialog .button { font-size: 12px; }
.account-dialog .text-button, .action-dialog .text-button { font-size: 12px; }
.account-connection-alert { padding: 12px 14px; border: 1px solid #ebdfbf; border-radius: 7px; background: #fcf8ed; color: #a28b58; font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }
.account-connection-alert.connected { border-color: #dce8d1; background: #f1f7e9; color: #7c9667; }
.account-connection-alert.demo { border-color: #e0e6ee; background: #f3f6fa; color: #899bb1; }
.account-authorization-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; font-size: 12px; color: #527c3f; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.account-steps { margin-top: 8px; }
.account-steps > div { display: flex; align-items: flex-start; gap: 13px; padding: 19px 0; border-bottom: 1px solid #eaf0e0; }
.account-steps > div:last-child { border-bottom: 0; }
.account-steps > div > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #e1ead5; border-radius: 8px; background: #f3f8eb; color: #95ac7b; font: 11px "Segoe UI", sans-serif; }
.account-steps > div > div { min-width: 0; flex: 1; }
.account-steps h3 { color: #799262; font-size: 13px; font-weight: 500; line-height: 1.9; }
.account-steps p { margin: 4px 0 10px; color: #a4b094; font-size: 12px; line-height: 1.85; }
.capability-list { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 10px 0 11px; }
.capability-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #e8eddf; border-radius: 5px; padding: 3px 7px; color: #adb79d; background: #f9fbf5; font-size: 11px; }
.capability-chip::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #b9c1ad; }
.capability-chip.available { color: #83a36b; background: #f0f7e8; border-color: #dae8cb; }
.capability-chip.available::before { background: #8aaa70; }
.account-dialog-note { margin-top: 4px; padding: 12px 13px; border: 1px solid #e8eddf; border-radius: 6px; background: #f7faf2; color: #a1b18e; font-size: 11px; line-height: 1.9; }
.account-dialog .modal-footer { justify-content: space-between; }
.action-dialog { width: min(680px, calc(100vw - 40px)); overflow-y: auto; }
.action-type-options { display: flex; align-items: center; gap: 9px; padding-bottom: 16px; margin-bottom: 1px; }
.action-type-options label { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid #e2e9d8; border-radius: 6px; background: #f9fbf5; color: #91a47c; font-size: 12px; cursor: pointer; }
.action-type-options label:has(input:checked) { border-color: #c6d9b4; background: #eef5e6; color: #688c4d; }
.action-type-options input { width: 14px; height: 14px; }
.action-previews { display: flex; flex-direction: column; gap: 12px; }
.action-target-card { padding: 15px 16px 16px; border: 1px solid #e2e9d7; border-radius: 8px; background: #fcfdf8; }
.action-target-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 5px 12px; margin-bottom: 10px; color: #829b6a; font-size: 12px; line-height: 1.85; }
.action-target-heading strong { color: #6e8c55; font-size: 13px; }
.action-target-heading a { color: #9caf8a; font-size: 11px; }
.action-content-field { display: block; color: #90a579; font-size: 12px; margin-top: 12px; }
.action-content-field textarea { display: block; min-height: 100px; width: 100%; margin-top: 6px; border: 1px solid #dee8d1; border-radius: 6px; padding: 10px 11px; background: #fff; color: #718c56; font-size: 13px; line-height: 1.9; resize: vertical; }
.action-content-field small, .action-content-field .field-hint { display: block; color: #a7b798; font-size: 10px; margin-top: 5px; }
.action-follow-description { margin-top: 10px; padding: 10px 12px; border: 1px solid #e7eddc; border-radius: 6px; background: #f5f9ef; color: #98ad80; font-size: 12px; line-height: 1.9; }
.action-approval { display: flex; align-items: flex-start; gap: 9px; margin-top: 19px; color: #9aaf83; font-size: 12px; line-height: 1.9; cursor: pointer; }
.action-approval input { margin-top: 4px; }
.action-dialog .inline-error, .account-dialog .inline-error { font-size: 12px; }

@media (min-width: 1650px) {
  .automation-layout { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; }
  .auto-panel-heading { padding-left: 25px; padding-right: 25px; }
  .discovery-search { margin-left: 25px; margin-right: 25px; }
  .discovery-options { padding-left: 25px; padding-right: 25px; }
  .discovery-card { padding-left: 17px; padding-right: 17px; }
}

@media (max-width: 1250px) {
  .automation-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 17px; }
  .account-rail { padding: 16px 18px; gap: 15px; }
  .account-controls { gap: 11px; }
  .mode-switch-label { gap: 6px; }
  .account-controls .button { padding-left: 11px; padding-right: 11px; }
  .auto-metrics { gap: 11px; }
  .auto-metrics > div { padding-left: 15px; padding-right: 15px; }
  .auto-panel-heading { padding-left: 18px; padding-right: 18px; }
  .auto-panel-heading h2 { font-size: 15px; }
  .auto-panel-heading p { font-size: 11px; }
  .discovery-search { margin-left: 18px; margin-right: 18px; }
  .discovery-search .button { padding-left: 11px; padding-right: 11px; }
  .discovery-options { padding-left: 18px; padding-right: 18px; gap: 10px 12px; }
  .discovery-options > span { display: none; }
  .discovery-keywords { flex-basis: 100%; }
  .discovery-progress, .discovery-results-footer { padding-left: 18px; padding-right: 18px; }
  .result-actions { gap: 10px; }
  .auto-activity { padding-left: 18px; padding-right: 18px; }
}

@media (max-width: 1100px) and (min-width: 901px) {
  .account-controls { gap: 8px; }
  .account-rail { flex-wrap: wrap; gap: 13px; }
  .account-controls { margin-left: 56px; }
  .auto-metrics > div { padding: 12px 13px 11px; }
  .auto-metrics > div > span { font-size: 11px; }
  .auto-metrics strong { font-size: 26px; }
  .automation-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 15px; }
  .auto-panel-heading { gap: 9px; }
  .discovery-panel .auto-panel-heading { flex-wrap: wrap; }
  .discovery-panel .provider-badge { margin-top: -3px; }
  .discovery-search { gap: 7px; flex-wrap: wrap; padding: 8px 9px; }
  .discovery-search input { flex: 1; width: auto; font-size: 13px; }
  .discovery-search .button { width: 100%; min-height: 34px; }
  .results-heading { flex-wrap: wrap; gap: 10px; }
  .result-actions { width: 100%; justify-content: space-between; }
  .discovery-bottom { align-items: flex-start; flex-direction: column; gap: 7px; }
  .discovery-card-actions { align-self: flex-end; }
  .execution-panel .auto-panel-heading, .execution-settings { padding-left: 16px; padding-right: 16px; }
  .execution-notice, .queue-reason { margin-left: 16px; margin-right: 16px; }
  .execution-buttons { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 900px) {
  .nav-new { font-size: 7px; margin-left: 0; padding: 0 4px; }
  .automation-layout { grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .automation-main { gap: 19px; }
  .execution-panel { position: static; }
  .auto-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
  .account-rail { padding: 17px 18px; }
  .account-controls { gap: 11px; }
  .mode-switch-label { flex-direction: column; align-items: flex-start; gap: 3px; font-size: 10px; }
  .mode-switch-label select { min-height: 31px; }
  .account-title { font-size: 14px; }
  .account-identity p { max-width: 350px; }
  .auto-panel-heading { padding: 20px 21px 17px; }
  .auto-panel-heading h2 { font-size: 16px; }
  .auto-panel-heading p { font-size: 12px; }
  .discovery-search { margin-left: 21px; margin-right: 21px; }
  .discovery-options { padding-left: 21px; padding-right: 21px; }
  .discovery-options > span { display: block; }
  .discovery-keywords { flex-basis: auto; }
  .execution-panel .auto-panel-heading { padding-left: 21px; padding-right: 21px; }
  .execution-settings { padding: 18px 21px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: 17px; }
  .execution-settings > .text-button { grid-column: auto; min-height: 39px; }
  .execution-notice { margin-left: 21px; margin-right: 21px; }
  .execution-buttons { padding-left: 21px; padding-right: 21px; grid-template-columns: minmax(0, 1fr) minmax(0, .4fr); }
  .queue-reason { margin-left: 21px; margin-right: 21px; }
  .queue-item { padding-left: 21px; padding-right: 21px; }
  .queue-empty { min-height: 157px; }
  .queue-bottom-note { padding-left: 21px; padding-right: 21px; }
  .queue-bottom-note br { display: none; }
}

@media (max-width: 700px) {
  .auto-workspace .button { font-size: 12px; }
  .account-rail { align-items: stretch; flex-direction: column; gap: 16px; padding: 17px 16px; }
  .account-identity { gap: 11px; }
  .account-xhs { flex-basis: 39px; width: 39px; height: 39px; border-radius: 10px; }
  .account-title { gap: 7px; font-size: 14px; }
  .account-identity p { font-size: 11px; margin-top: 4px; }
  .account-controls { justify-content: space-between; gap: 12px; width: 100%; padding-top: 12px; border-top: 1px solid #e8eddf; }
  .mode-switch-label { flex-direction: row; align-items: center; gap: 8px; font-size: 11px; }
  .mode-switch-label select { font-size: 11px; padding-left: 8px; }
  .account-controls .button { min-height: 35px; padding: 7px 11px; font-size: 11px; }
  .auto-mode-note { margin-top: 11px; margin-bottom: 16px; font-size: 11px; line-height: 1.9; }
  .auto-metrics { gap: 10px; margin-bottom: 17px; }
  .auto-metrics > div { padding: 12px 14px; }
  .auto-metrics > div > span { font-size: 11px; }
  .auto-metrics strong { font-size: 26px; margin-top: 3px; }
  .auto-metrics strong small { font-size: 10px; }
  .auto-panel-heading { padding: 18px 16px 15px; gap: 9px; }
  .section-kicker { font-size: 8px; letter-spacing: 1.1px; }
  .auto-panel-heading h2 { font-size: 15px; }
  .auto-panel-heading p { font-size: 11px; }
  .discovery-panel .auto-panel-heading { flex-wrap: wrap; }
  .provider-badge { font-size: 9px; }
  .discovery-search { margin-left: 16px; margin-right: 16px; gap: 8px; padding: 5px 5px 5px 10px; }
  .discovery-search > .icon { width: 16px; height: 16px; }
  .discovery-search input { font-size: 12px; height: 36px; }
  .discovery-search .button { padding: 8px 10px; font-size: 11px; min-height: 37px; gap: 5px; }
  .discovery-search .button .icon { width: 13px; height: 13px; }
  .discovery-options { padding: 14px 16px; gap: 10px 14px; }
  .discovery-options > span { display: none; }
  .discovery-keywords { flex-basis: 100%; gap: 6px; }
  .discovery-options select { min-height: 29px; }
  .discovery-progress { padding: 9px 16px; font-size: 10px; }
  .results-heading { padding-bottom: 14px; }
  .result-actions { gap: 10px; }
  .result-actions > label { font-size: 10px; gap: 5px; }
  .auto-workspace .result-actions .button.small { min-height: 31px; padding: 6px 8px; font-size: 10px; gap: 4px; }
  .result-actions .button .icon { width: 13px; height: 13px; }
  .discovery-results { padding: 7px 8px; max-height: 660px; }
  .auto-empty { min-height: 246px; padding: 33px 12px 37px; }
  .auto-empty h3 { font-size: 13px; }
  .auto-empty p { font-size: 11px; }
  .discovery-card { padding: 13px 10px 15px; }
  .discovery-avatar { width: 30px; height: 30px; flex-basis: 30px; }
  .discovery-author { gap: 8px; }
  .discovery-meta strong { font-size: 12px; }
  .discovery-title { font-size: 13px; margin-top: 10px; }
  .discovery-excerpt { font-size: 12px; line-height: 1.9; }
  .discovery-card-top > label { font-size: 10px; }
  .discovery-bottom { flex-wrap: wrap; gap: 8px; }
  .discovery-card-actions { margin-left: auto; gap: 12px; }
  .discovery-card-actions .text-button { font-size: 10px; }
  .discovery-results-footer { padding-left: 16px; padding-right: 16px; font-size: 9px; }
  .execution-panel .auto-panel-heading { padding: 18px 16px 15px; }
  .execution-settings { padding: 17px 16px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 13px 12px; }
  .execution-settings > .text-button { min-height: auto; grid-column: 1 / -1; font-size: 11px; }
  .execution-notice { margin-left: 16px; margin-right: 16px; font-size: 11px; }
  .execution-buttons { padding-left: 16px; padding-right: 16px; grid-template-columns: minmax(0, 1fr) 90px; }
  .queue-reason { margin-left: 16px; margin-right: 16px; }
  .queue-item { padding-left: 16px; padding-right: 16px; }
  .queue-bottom-note { padding-left: 16px; padding-right: 16px; font-size: 10px; }
  .activity-panel .auto-panel-heading .text-button { font-size: 10px; }
  .auto-activity { padding: 0 16px 9px; }
  .activity-empty { font-size: 11px; line-height: 1.9; }
  .activity-row { grid-template-columns: 62px 5px minmax(0, 1fr); gap: 8px; font-size: 11px; }
  .activity-time { font-size: 9px; }
  .account-dialog .modal-heading h2, .action-dialog .modal-heading h2 { font-size: 20px; }
  .account-dialog .modal-heading p, .action-dialog .modal-heading p { font-size: 11px; }
  .account-steps > div { gap: 10px; padding: 17px 0; }
  .account-steps > div > span { width: 25px; height: 25px; flex-basis: 25px; }
  .account-steps h3 { font-size: 12px; }
  .account-steps p { font-size: 11px; }
  .account-dialog .button, .action-dialog .button { font-size: 11px; }
  .account-dialog .text-button, .action-dialog .text-button { font-size: 11px; }
  .account-connection-alert, .account-dialog-note { font-size: 11px; }
  .action-dialog { width: calc(100vw - 28px); }
  .action-type-options { gap: 8px; }
  .action-type-options label { padding: 6px 10px; font-size: 12px; }
  .action-target-card { padding: 13px 12px; }
  .action-content-field textarea { font-size: 12px; min-height: 105px; }
  .action-approval { font-size: 11px; }
  .action-dialog .modal-footer { gap: 8px; }
}

@media (max-width: 390px) {
  .nav-new { display: none; }
  .account-controls { flex-wrap: wrap; }
  .account-controls .button { margin-left: auto; }
  .discovery-search { flex-wrap: wrap; gap: 5px; padding: 7px 9px; }
  .discovery-search input { flex: 1; width: auto; }
  .discovery-search .button { width: 100%; min-height: 34px; }
  .results-heading { flex-wrap: wrap; }
  .result-actions { justify-content: space-between; width: 100%; }
}