.automation-page {
    --auto-bg: #08101d;
    --auto-panel: #0c1626;
    --auto-panel-raised: #101c2e;
    --auto-line: rgba(155, 171, 205, .15);
    --auto-line-strong: rgba(155, 171, 205, .23);
    --auto-muted: #8391a8;
    --auto-copy: #dce3ed;
    --auto-violet: #9b8cff;
    --auto-blue: #55bfe8;
    --auto-amber: #e9a952;
    --auto-red: #ed667b;
    --auto-green: #52c99b;
    display: grid;
    gap: 16px;
    width: min(1960px, 100%);
    margin: 0 auto;
    padding: 20px;
    color: var(--auto-copy);
    font-family: "Segoe UI", sans-serif;
}

.automation-page button,
.automation-page input,
.automation-page select { font: inherit; }

.automation-page button:focus-visible,
.automation-page input:focus-visible,
.automation-page select:focus-visible {
    outline: 2px solid var(--auto-violet);
    outline-offset: 2px;
}

/* Summary */
.automation-hero {
    overflow: hidden;
    border: 1px solid rgba(155, 140, 255, .25);
    border-radius: 14px;
    background: linear-gradient(135deg, #101c30, #0a1322 65%);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .18);
}

.automation-hero-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px 20px;
}

.automation-hero-copy { min-width: 0; }

.automation-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #aaa0f4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
}

.automation-kicker i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--auto-violet);
    box-shadow: 0 0 12px rgba(155, 140, 255, .8);
}

.automation-hero h1 {
    margin: 5px 0 6px;
    color: #f4f6fb;
    font-size: clamp(29px, 2vw, 38px);
    font-weight: 720;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.automation-hero-copy p {
    max-width: 760px;
    margin: 0;
    color: #a0adc0;
    font-size: 14px;
    line-height: 1.5;
}

.automation-hero-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.automation-range {
    display: flex;
    gap: 2px;
    padding: 4px;
    border: 1px solid var(--auto-line);
    border-radius: 9px;
    background: rgba(3, 8, 17, .36);
}

.automation-range button {
    min-height: 36px;
    padding: 0 13px;
    border: 0;
    border-radius: 6px;
    color: #8795aa;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.automation-range button:hover:not(:disabled) { color: #d9d5ff; }
.automation-range button.active { color: #eeeaff; background: rgba(155, 140, 255, .18); }

.automation-scan-btn {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    border: 1px solid rgba(177, 166, 255, .35);
    border-radius: 9px;
    color: #fff;
    background: #6958d7;
    box-shadow: 0 8px 20px rgba(69, 52, 170, .24);
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

.automation-scan-btn:hover:not(:disabled) { background: #7564e1; }
.automation-scan-btn:disabled { opacity: .6; cursor: wait; }
.automation-scan-btn .mud-icon-root { font-size: 19px; }

.automation-caution {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 28px 20px;
    padding: 10px 12px;
    border: 1px solid rgba(233, 169, 82, .18);
    border-radius: 8px;
    color: #a4afbf;
    background: rgba(233, 169, 82, .045);
    font-size: 13px;
    line-height: 1.45;
}

.automation-caution .mud-icon-root { flex: 0 0 auto; color: var(--auto-amber); font-size: 19px; }
.automation-caution strong { color: #d8dee8; }

.automation-headline-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    border-top: 1px solid var(--auto-line);
    background: var(--auto-line);
}

.automation-headline-metrics article {
    --metric: var(--auto-violet);
    position: relative;
    display: grid;
    min-height: 104px;
    align-content: center;
    padding: 16px 22px 16px 25px;
    background: rgba(7, 14, 26, .83);
}

.automation-headline-metrics article::before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--metric);
    content: "";
}

.automation-headline-metrics article.tone-amber { --metric: var(--auto-amber); }
.automation-headline-metrics article.tone-red { --metric: var(--auto-red); }
.automation-headline-metrics article.tone-blue { --metric: var(--auto-blue); }
.automation-headline-metrics article > span { color: #95a2b5; font-size: 12px; font-weight: 750; }
.automation-headline-metrics article > strong { color: #f1f4f8; font: 800 25px/1.15 ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-headline-metrics article > small { margin-top: 2px; color: #728198; font-size: 11px; }

.automation-hero > footer {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    padding: 10px 24px;
    border-top: 1px solid rgba(155, 171, 205, .09);
    color: #77869d;
    background: rgba(2, 7, 15, .32);
    font-size: 11px;
}

.automation-hero > footer span { display: flex; align-items: center; gap: 5px; }
.automation-hero > footer .mud-icon-root { color: #8e83df; font-size: 15px; }
.automation-hero > footer strong { color: #aeb9c8; font-weight: 650; }

/* System states */
.automation-error {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(237, 102, 123, .32);
    border-radius: 10px;
    color: #f49bad;
    background: rgba(237, 102, 123, .07);
}

.automation-error > span { display: grid; flex: 1; gap: 2px; font-size: 13px; }
.automation-error strong { color: #ffd7df; font-size: 14px; }
.automation-error-actions { display: flex; align-items: center; gap: 8px; }
.automation-error-actions a,
.automation-error button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid rgba(237, 102, 123, .35);
    border-radius: 7px;
    color: #ffd3db;
    background: rgba(237, 102, 123, .1);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}
.automation-error-actions a { border-color: rgba(155, 140, 255, .4); color: #ded9ff; background: rgba(155, 140, 255, .11); }
.automation-error-actions .mud-icon-root { font-size: 16px; }

.automation-loading {
    display: grid;
    min-height: 310px;
    place-items: center;
    align-content: center;
    gap: 9px;
    border: 1px solid var(--auto-line);
    border-radius: 14px;
    background: var(--auto-panel);
}

.automation-loading > div {
    width: 60px;
    height: 60px;
    border: 2px solid rgba(85, 191, 232, .16);
    border-top-color: var(--auto-blue);
    border-radius: 50%;
    animation: auto-spin 1.2s linear infinite;
}

.automation-loading > div span,
.automation-loading > div i { display: none; }
.automation-loading > strong { color: #dbe2ec; font-size: 15px; }
.automation-loading > p { margin: 0; color: var(--auto-muted); font-size: 12px; }
.automation-loading > .mud-progress-linear { width: min(420px, 70%); margin-top: 8px; }

/* Detection lenses */
.automation-signal-matrix,
.automation-queue,
.automation-inspector {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--auto-line);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(14, 25, 43, .98), rgba(8, 16, 29, .98));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .12);
}

.automation-signal-matrix > header,
.automation-queue > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(155, 171, 205, .1);
}

.automation-signal-matrix > header span,
.automation-queue > header span,
.automation-findings > header span,
.automation-timing-board > header span,
.automation-server-board > header span,
.automation-activity-board > header span,
.automation-timeline-panel > header span {
    color: #9c91e8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.automation-signal-matrix h2,
.automation-queue h2,
.automation-findings h3,
.automation-timing-board h3,
.automation-server-board h3,
.automation-activity-board h3,
.automation-timeline-panel h3 {
    margin: 2px 0 0;
    color: #e7ebf2;
    font-size: 17px;
    font-weight: 680;
    line-height: 1.25;
}

.automation-signal-matrix > header p {
    max-width: 560px;
    margin: 0;
    color: #8290a5;
    font-size: 12px;
    line-height: 1.45;
    text-align: right;
}

.automation-signal-grid { display: grid; grid-template-columns: repeat(6, 1fr); }

.automation-signal-grid article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 7px 10px;
    min-height: 130px;
    align-content: start;
    padding: 16px;
    border-right: 1px solid rgba(155, 171, 205, .09);
}

.automation-signal-grid article:last-child { border-right: 0; }
.automation-signal-grid article:hover { background: rgba(155, 140, 255, .035); }

.signal-icon {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(155, 140, 255, .22);
    border-radius: 8px;
    color: #b0a6f6;
    background: rgba(155, 140, 255, .09);
}

.signal-icon .mud-icon-root { font-size: 19px; }
.signal-icon i { display: none; }
.automation-signal-grid article > div:nth-child(2) > span { display: block; color: #d1d8e2; font-size: 13px; font-weight: 700; }
.automation-signal-grid article p { margin: 3px 0 0; color: #74839a; font-size: 11px; line-height: 1.4; }
.automation-signal-grid article > strong { color: #f1f4f8; font: 800 23px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-signal-grid article > small { grid-column: 2 / 4; color: #69788e; font-size: 10px; }

/* Queue */
.automation-workspace {
    display: grid;
    grid-template-columns: minmax(680px, .86fr) minmax(760px, 1.14fr);
    gap: 16px;
    align-items: start;
}

.automation-queue { position: sticky; top: 12px; }
.automation-queue > header > strong { display: grid; color: #eff2f7; font: 800 21px/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: right; }
.automation-queue > header > strong small { margin-top: 4px; color: #738299; font: 500 10px "Segoe UI", sans-serif; }

.automation-queue-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 9px;
    padding: 12px 14px 9px;
}

.automation-search,
.automation-queue-controls > label:last-child {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--auto-line);
    border-radius: 8px;
    background: rgba(3, 8, 17, .32);
}

.automation-search:focus-within,
.automation-queue-controls > label:last-child:focus-within { border-color: rgba(155, 140, 255, .5); }
.automation-search .mud-icon-root { color: #718097; font-size: 19px; }
.automation-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: #d4dbe5; background: transparent; font-size: 13px; }
.automation-search input::placeholder { color: #64748a; }
.automation-search button { display: grid; width: 26px; height: 26px; place-items: center; border: 0; border-radius: 5px; color: #8794a8; background: rgba(255, 255, 255, .04); }
.automation-search button .mud-icon-root { font-size: 15px; }
.automation-queue-controls > label:last-child { display: grid; grid-template-columns: auto 1fr auto; }
.automation-queue-controls label > span { color: #718198; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.automation-queue-controls select { min-width: 0; border: 0; outline: 0; color: #c1cad7; background: transparent; font-size: 12px; font-weight: 650; appearance: none; }
.automation-queue-controls label > .mud-icon-root { color: #718097; font-size: 17px; }

.automation-lenses {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 0 14px 12px;
    scrollbar-color: rgba(155, 140, 255, .25) transparent;
    scrollbar-width: thin;
}

.automation-lenses button {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid rgba(155, 171, 205, .12);
    border-radius: 7px;
    color: #8694a9;
    background: rgba(255, 255, 255, .02);
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.automation-lenses button strong { color: #b2bdcc; font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-lenses button.active { border-color: rgba(155, 140, 255, .42); color: #ded9ff; background: rgba(155, 140, 255, .12); }

.automation-account-list {
    display: grid;
    max-height: 790px;
    overflow-y: auto;
    border-top: 1px solid rgba(155, 171, 205, .08);
    scrollbar-color: rgba(155, 140, 255, .25) transparent;
    scrollbar-width: thin;
}

.automation-account-row {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(150px, 1.3fr) repeat(3, minmax(78px, .68fr)) minmax(90px, .72fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 94px;
    padding: 12px 12px 12px 15px;
    border: 0;
    border-bottom: 1px solid rgba(155, 171, 205, .08);
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.automation-account-row::before {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #65748a;
    content: "";
}

.automation-account-row.risk-elevated::before { background: var(--auto-violet); }
.automation-account-row.risk-high::before { background: var(--auto-amber); }
.automation-account-row.risk-critical::before { background: var(--auto-red); }
.automation-account-row:hover { background: rgba(155, 140, 255, .045); }
.automation-account-row.selected { background: linear-gradient(90deg, rgba(155, 140, 255, .13), rgba(155, 140, 255, .025)); box-shadow: inset 0 0 0 1px rgba(155, 140, 255, .17); }

.account-score {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    align-content: center;
    border: 1px solid var(--auto-line-strong);
    border-radius: 10px;
    background: rgba(3, 8, 17, .4);
}

.account-score strong { color: #e1e6ee; font: 800 17px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.risk-high .account-score strong { color: #f4bd72; }
.risk-critical .account-score strong { color: #f18092; }
.account-score small { margin-top: 3px; color: #718096; font-size: 8px; font-weight: 800; letter-spacing: .09em; }

.account-identity { display: flex; min-width: 0; align-items: center; gap: 9px; }
.account-identity > img,
.account-identity > i { width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid var(--auto-line); border-radius: 8px; object-fit: cover; }
.account-identity > i { display: grid; place-items: center; color: #c3bbfb; background: rgba(155, 140, 255, .1); font-size: 13px; font-style: normal; font-weight: 800; }
.account-identity > span { display: grid; min-width: 0; }
.account-identity strong { overflow: hidden; color: #d5dce6; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.account-identity small { overflow: hidden; color: #74839a; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }

.account-reading { display: grid; min-width: 0; gap: 2px; }
.account-reading small { color: #718198; font-size: 9px; font-weight: 800; letter-spacing: .07em; }
.account-reading strong { color: #c8d1dd; font: 700 13px ui-monospace, SFMono-Regular, Consolas, monospace; }
.account-reading em { overflow: hidden; color: #74839a; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.account-signal-stack { display: flex; flex-wrap: wrap; gap: 4px; }
.account-signal-stack i { padding: 3px 5px; border: 1px solid rgba(155, 140, 255, .18); border-radius: 4px; color: #aaa0ee; background: rgba(155, 140, 255, .07); font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .03em; }
.account-signal-stack i.quiet { border-color: var(--auto-line); color: #74839a; background: transparent; }
.automation-account-row > .mud-icon-root { color: #68778d; font-size: 18px; }

.automation-empty,
.automation-inspector-empty { display: grid; min-height: 280px; place-items: center; align-content: center; gap: 6px; padding: 32px; text-align: center; }
.automation-empty .mud-icon-root,
.automation-inspector-empty .mud-icon-root { color: #887cdb; font-size: 38px; }
.automation-empty strong,
.automation-inspector-empty strong { color: #d0d7e1; font-size: 14px; }
.automation-empty span,
.automation-inspector-empty span { color: #7d8ba0; font-size: 12px; }
.automation-empty button { margin-top: 8px; padding: 8px 11px; border: 1px solid rgba(155, 140, 255, .3); border-radius: 7px; color: #d6d0ff; background: rgba(155, 140, 255, .09); font-size: 12px; font-weight: 700; }

/* Inspector */
.automation-inspector-header {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 20px;
    border-bottom: 1px solid rgba(155, 171, 205, .1);
    background: radial-gradient(circle at 85% 0, rgba(155, 140, 255, .09), transparent 40%);
}

.automation-inspector-header::before { position: absolute; inset: 0 0 auto; height: 3px; background: #68778c; content: ""; }
.automation-inspector-header.risk-elevated::before { background: var(--auto-violet); }
.automation-inspector-header.risk-high::before { background: var(--auto-amber); }
.automation-inspector-header.risk-critical::before { background: var(--auto-red); }
.inspector-avatar { position: relative; width: 58px; height: 58px; }
.inspector-avatar img,
.inspector-avatar > span { display: grid; width: 100%; height: 100%; place-items: center; border: 1px solid var(--auto-line-strong); border-radius: 11px; color: #d6d0ff; background: rgba(155, 140, 255, .11); object-fit: cover; font-size: 16px; font-weight: 800; }
.inspector-avatar i { position: absolute; right: -3px; bottom: -3px; width: 12px; height: 12px; border: 3px solid #0d1829; border-radius: 50%; background: var(--auto-violet); }
.risk-high .inspector-avatar i { background: var(--auto-amber); }
.risk-critical .inspector-avatar i { background: var(--auto-red); }
.inspector-title { min-width: 0; }
.inspector-title > span { color: #9a8fe4; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.inspector-title h2 { overflow: hidden; margin: 2px 0 3px; color: #f0f3f7; font-size: 22px; font-weight: 700; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.inspector-title p { margin: 0; color: #8391a6; font-size: 12px; }
.inspector-score { display: grid; justify-items: end; padding-left: 17px; border-left: 1px solid var(--auto-line); }
.inspector-score strong { color: #f0f3f7; font: 850 35px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.risk-high .inspector-score strong { color: #f0b969; }
.risk-critical .inspector-score strong { color: #ee788b; }
.inspector-score span { color: #7b899e; font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.inspector-score small { margin-top: 3px; color: #6d7b90; font-size: 10px; }
.inspector-player-link { display: inline-flex; grid-column: 2 / 4; width: max-content; align-items: center; gap: 5px; color: #aaa0ee; font-size: 11px; font-weight: 700; text-decoration: none; }
.inspector-player-link:hover { color: #ddd7ff; }
.inspector-player-link .mud-icon-root { font-size: 16px; }

.automation-telemetry-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--auto-line);
}

.automation-telemetry-strip article { display: grid; min-height: 82px; align-content: center; padding: 13px 16px; background: rgba(5, 11, 21, .55); }
.automation-telemetry-strip span { color: #75849a; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.automation-telemetry-strip strong { color: #d7dee8; font: 750 15px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-telemetry-strip small { margin-top: 2px; color: #6f7e93; font-size: 10px; }

.automation-inspector-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); gap: 12px; padding: 12px; }
.automation-findings,
.automation-timing-board,
.automation-server-board,
.automation-activity-board,
.automation-timeline-panel { overflow: hidden; border: 1px solid rgba(155, 171, 205, .12); border-radius: 10px; background: rgba(4, 10, 19, .3); }
.automation-findings > header,
.automation-timing-board > header,
.automation-server-board > header,
.automation-activity-board > header,
.automation-timeline-panel > header { padding: 13px 14px; border-bottom: 1px solid rgba(155, 171, 205, .09); }
.automation-findings h3,
.automation-timing-board h3,
.automation-server-board h3,
.automation-activity-board h3,
.automation-timeline-panel h3 { font-size: 15px; }

.automation-findings > article { display: grid; grid-template-columns: 50px 1fr; gap: 11px; padding: 13px; border-bottom: 1px solid rgba(155, 171, 205, .08); }
.automation-findings > article:last-child { border-bottom: 0; }
.automation-findings > article > div { display: grid; height: 46px; place-items: center; align-content: center; border: 1px solid rgba(155, 140, 255, .22); border-radius: 8px; color: #aa9fee; background: rgba(155, 140, 255, .075); }
.automation-findings > article > div .mud-icon-root { font-size: 18px; }
.automation-findings > article > div span { font: 800 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-findings > article.finding-high > div,
.automation-findings > article.finding-critical > div { border-color: rgba(237, 102, 123, .25); color: #f27b8e; background: rgba(237, 102, 123, .075); }
.automation-findings > article > section > span { color: #978be2; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.automation-findings h4 { margin: 2px 0 3px; color: #d2d9e3; font-size: 13px; }
.automation-findings p { margin: 0; color: #78869b; font-size: 11px; line-height: 1.45; }
.automation-no-findings { display: flex; align-items: center; gap: 10px; padding: 18px; color: #7c8a9f; }
.automation-no-findings .mud-icon-root { color: var(--auto-green); }
.automation-no-findings span { display: grid; font-size: 11px; }
.automation-no-findings strong { color: #c8d0db; font-size: 12px; }

.automation-timing-board > article { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 10px; padding: 13px; border-bottom: 1px solid rgba(155, 171, 205, .08); }
.automation-timing-board > article > .mud-icon-root { color: #9b90e4; font-size: 21px; }
.automation-timing-board > article > span { display: grid; }
.automation-timing-board > article > span strong { color: #cbd3de; font-size: 12px; }
.automation-timing-board > article > span small { color: #748299; font-size: 10px; }
.automation-timing-board > article > div { display: grid; justify-items: end; }
.automation-timing-board > article b { color: #d1d8e1; font: 700 12px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-timing-board > article > div small { color: #68768b; font-size: 9px; }
.automation-timing-board > footer { padding: 11px 13px; color: #718097; font-size: 10px; line-height: 1.45; }

.automation-server-board { grid-column: 1 / -1; }
.automation-server-board > article { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(70px, .55fr)); align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid rgba(155, 171, 205, .075); }
.automation-server-board > article:last-child { border-bottom: 0; }
.automation-server-board > article > span { display: grid; }
.automation-server-board > article > span:first-child strong { overflow: hidden; color: #cbd3de; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.automation-server-board b { color: #c9d1dc; font: 700 12px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-server-board small { color: #6f7e94; font-size: 9px; }
.automation-board-empty { margin: 0; padding: 18px; color: #748299; font-size: 12px; }

.automation-activity-board { grid-column: 1 / -1; }
.automation-activity-board > header p { margin: 4px 0 0; color: #748299; font-size: 10px; }
.automation-activity-board > article { display: grid; grid-template-columns: minmax(150px, 1.2fr) repeat(3, minmax(100px, .7fr)); align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid rgba(155, 171, 205, .075); }
.automation-activity-board > article:last-child { border-bottom: 0; }
.automation-activity-board > article > span { display: grid; }
.automation-activity-board strong,
.automation-activity-board b { color: #cbd3de; font-size: 12px; }
.automation-activity-board b { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-activity-board small { color: #6f7e94; font-size: 9px; }

/* Evidence timeline */
.automation-timeline-panel { margin: 0 12px 12px; }
.automation-timeline-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.automation-timeline-modes { display: flex; padding: 3px; border: 1px solid var(--auto-line); border-radius: 7px; background: rgba(3, 8, 17, .35); }
.automation-timeline-modes button { padding: 6px 10px; border: 0; border-radius: 5px; color: #8190a5; background: transparent; font-size: 11px; font-weight: 700; }
.automation-timeline-modes button.active { color: #e1dcff; background: rgba(155, 140, 255, .15); }
.automation-timeline-note { margin: 0; padding: 10px 14px 0; color: #718097; font-size: 10px; }
.automation-claim-timeline { display: grid; padding: 5px 14px 12px; }
.automation-claim-timeline article { display: grid; grid-template-columns: 130px 18px 1fr; gap: 8px; min-height: 78px; }
.automation-claim-timeline article > time { padding-top: 17px; color: #718097; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; text-align: right; }
.timeline-rail { position: relative; display: grid; justify-items: center; }
.timeline-rail::before { position: absolute; inset: 0 auto; width: 1px; background: rgba(155, 171, 205, .16); content: ""; }
.timeline-rail i { z-index: 1; width: 9px; height: 9px; margin-top: 18px; border: 2px solid #0a1423; border-radius: 50%; background: #69788e; box-shadow: 0 0 0 2px rgba(105, 120, 142, .14); }
.high-value .timeline-rail i { background: var(--auto-violet); box-shadow: 0 0 0 3px rgba(155, 140, 255, .12); }
.high-value.won .timeline-rail i { background: var(--auto-amber); box-shadow: 0 0 10px rgba(233, 169, 82, .35); }
.automation-claim-timeline article > div { display: grid; align-content: center; padding: 10px 0; border-bottom: 1px solid rgba(155, 171, 205, .08); }
.automation-claim-timeline article:last-child > div { border-bottom: 0; }
.automation-claim-timeline header { display: flex; align-items: center; gap: 6px; }
.automation-claim-timeline header strong { color: #d1d8e2; font-size: 12px; }
.automation-claim-timeline header span { padding: 2px 5px; border: 1px solid var(--auto-line); border-radius: 4px; color: #95a2b5; font-size: 9px; font-weight: 800; }
.automation-claim-timeline header span.rarity-2 { border-color: rgba(155, 140, 255, .28); color: #b5aaff; }
.automation-claim-timeline header span.rarity-3,
.automation-claim-timeline header span.rarity-4,
.automation-claim-timeline header span.rarity-5 { border-color: rgba(233, 169, 82, .3); color: #f3bb70; }
.automation-claim-timeline header em { padding: 2px 5px; border-radius: 4px; color: #74d8b1; background: rgba(82, 201, 155, .09); font-size: 9px; font-style: normal; font-weight: 800; }
.automation-claim-timeline p { display: flex; flex-wrap: wrap; gap: 6px; margin: 3px 0; color: #8896aa; font-size: 11px; }
.automation-claim-timeline p small { color: #6d7c91; font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-claim-timeline footer { display: flex; align-items: center; gap: 6px; }
.automation-claim-timeline footer b { color: #c7d0dc; font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-claim-timeline footer span { padding: 2px 5px; border-radius: 3px; color: #a99feb; background: rgba(155, 140, 255, .08); font-size: 8px; font-weight: 800; }
.automation-timeline-empty { padding: 20px; color: #748299; font-size: 12px; text-align: center; }

@keyframes auto-spin { to { transform: rotate(360deg); } }

@media (max-width: 1660px) {
    .automation-workspace { grid-template-columns: 1fr; }
    .automation-queue { position: relative; top: 0; }
    .automation-account-list { max-height: 620px; }
    .automation-signal-grid { grid-template-columns: repeat(3, 1fr); }
    .automation-signal-grid article:nth-child(3n) { border-right: 0; }
    .automation-signal-grid article:nth-child(-n + 3) { border-bottom: 1px solid rgba(155, 171, 205, .09); }
}

@media (max-width: 1050px) {
    .automation-hero-header { align-items: flex-start; flex-direction: column; }
    .automation-headline-metrics { grid-template-columns: repeat(2, 1fr); }
    .automation-account-row { grid-template-columns: 54px minmax(170px, 1fr) repeat(2, minmax(90px, .65fr)) 18px; }
    .automation-account-row > .account-reading:nth-of-type(5),
    .automation-account-row > .account-signal-stack { display: none; }
    .automation-inspector-grid { grid-template-columns: 1fr; }
    .automation-server-board,
    .automation-activity-board { grid-column: auto; }
}

@media (max-width: 760px) {
    .automation-page { padding: 10px; }
    .automation-hero-header { padding: 20px; }
    .automation-hero-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .automation-range { justify-content: center; }
    .automation-range button { flex: 1; }
    .automation-caution { align-items: flex-start; margin: 0 20px 18px; }
    .automation-signal-matrix > header { align-items: flex-start; flex-direction: column; }
    .automation-signal-matrix > header p { text-align: left; }
    .automation-signal-grid { grid-template-columns: repeat(2, 1fr); }
    .automation-signal-grid article,
    .automation-signal-grid article:nth-child(3n) { border-right: 1px solid rgba(155, 171, 205, .09); border-bottom: 1px solid rgba(155, 171, 205, .09); }
    .automation-signal-grid article:nth-child(2n) { border-right: 0; }
    .automation-queue-controls { grid-template-columns: 1fr; }
    .automation-account-row { grid-template-columns: 50px minmax(140px, 1fr) minmax(80px, .55fr) 18px; }
    .automation-account-row > .account-reading:nth-of-type(4),
    .automation-account-row > .account-reading:nth-of-type(5),
    .automation-account-row > .account-signal-stack { display: none; }
    .automation-telemetry-strip { grid-template-columns: repeat(2, 1fr); }
    .automation-timing-board > article { grid-template-columns: auto 1fr auto; }
    .automation-timing-board > article > div:last-child { display: none; }
    .automation-server-board > article { grid-template-columns: minmax(140px, 1fr) repeat(2, minmax(60px, .5fr)); }
    .automation-server-board > article > span:nth-child(4),
    .automation-server-board > article > span:nth-child(5) { display: none; }
    .automation-activity-board > article { grid-template-columns: minmax(140px, 1fr) repeat(2, minmax(80px, .6fr)); }
    .automation-activity-board > article > span:last-child { display: none; }
}

@media (max-width: 520px) {
    .automation-headline-metrics { grid-template-columns: 1fr; }
    .automation-hero > footer { display: grid; gap: 6px; }
    .automation-signal-grid { grid-template-columns: 1fr; }
    .automation-signal-grid article,
    .automation-signal-grid article:nth-child(3n) { border-right: 0; }
    .account-identity > img,
    .account-identity > i { display: none; }
    .automation-inspector-header { grid-template-columns: auto 1fr; }
    .inspector-score { grid-column: 1 / 3; justify-items: start; padding: 12px 0 0; border-top: 1px solid var(--auto-line); border-left: 0; }
    .inspector-player-link { grid-column: 1 / 3; }
    .automation-timeline-panel > header { align-items: flex-start; flex-direction: column; }
    .automation-claim-timeline article { grid-template-columns: 84px 13px 1fr; }
    .automation-claim-timeline article > time { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .automation-loading > div { animation: none; }
}