/* Skillum account overview. The original four-area sketch stays the layout
   constraint; agents carry the visual identity, resources remain calm lists. */
:root {
  --ov-space-1: 4px;
  --ov-space-2: 8px;
  --ov-space-3: 12px;
  --ov-space-4: 16px;
  --ov-space-6: 24px;
  --ov-space-8: 32px;
  --ov-type-caption: 12px;
  --ov-type-body: 14px;
  --ov-type-label: 16px;
  --ov-type-section: 20px;
  --ov-type-title: 28px;
  --ov-canvas: #f3f5f8;
  --ov-surface: #fff;
  --ov-hover: #f3f7fd;
  --ov-text: #1e2248;
  --ov-secondary: #636f7f;
  --ov-line: #e3e7ed;
  --ov-action: #005eeb;
  --ov-positive: #16815c;
  --ov-warning: #8a601b;
  --ov-danger: #b23f45;
  --ov-radius: 8px;
}
.overview-priority {display:block;width:100%;min-height:44px;margin:12px 0 4px;padding:10px 12px;border:1px solid #ead7b4;border-radius:6px;background:#fff9ed;color:#6e4c16;text-align:left;font:inherit;font-size:14px;cursor:pointer}
.overview-priority[hidden] {display:none}
.overview-connections-note {margin:12px 0 0;color:var(--ov-secondary);font-size:12px;line-height:16px}
.overview-connection-list .resource-symbol svg {width:22px;height:22px}
.overview-data-empty .resource-symbol svg {width:24px;height:24px}
.overview-events {list-style:none;margin:0;padding:0}
.overview-event .event-description {display:grid;gap:4px;min-width:0}
.overview-event .event-description strong {font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.overview-event .event-description small {font-size:12px;color:var(--ov-secondary);line-height:1.5}
.event-detail {min-width:104px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--ov-line);border-radius:6px;background:var(--ov-surface);color:var(--ov-action);font:inherit;font-size:14px;line-height:20px;white-space:normal;cursor:pointer}
.event-detail:focus-visible,.overview-priority:focus-visible {outline:2px solid var(--ov-action);outline-offset:3px}
.crm-setup {margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--ov-line);border-radius:8px}
.crm-setup>summary {min-height:44px;cursor:pointer;font-size:16px;font-weight:600;line-height:44px}
.crm-setup .card {padding:16px 0 0;border:0;box-shadow:none}
.agent-connections-link {display:inline-flex;align-items:center;min-height:44px;margin:8px 0 16px;color:var(--ov-action)}
.agent-connection-list {list-style:none;padding:0;margin:16px 0}
.agent-connection-list li {border-bottom:1px solid var(--ov-line)}
.agent-connection-list a {display:flex;align-items:center;gap:16px;min-height:80px;padding:14px 8px;color:var(--ov-text);text-decoration:none}
.agent-connection-list a:hover {background:var(--ov-hover)}
.agent-connection-list a>span:nth-child(2) {display:grid;gap:4px;min-width:0;flex:1}
.agent-connection-list small {font-size:13px;color:var(--ov-secondary);overflow-wrap:anywhere}
.agent-history li {gap:16px}
.agent-history .event-detail {flex:none;margin-left:auto}
.work-side { width:208px; padding:var(--ov-space-6) var(--ov-space-4); gap:var(--ov-space-6); }
.work-main { margin-left:208px; padding:var(--ov-space-6); max-width:1696px; background:var(--ov-canvas); }
.work-brand img { width:148px; max-width:100%; margin:0; }
.work-context { padding:0; }
.work-nav { gap:var(--ov-space-1); }
.work-nav a { display:flex; align-items:center; justify-content:flex-start; gap:var(--ov-space-3); min-height:44px; padding:var(--ov-space-3); }
.work-nav svg { width:20px; height:20px; flex:none; }
.work-nav a.is-current { color:#fff; background:#353e68; }
.work-nav a[aria-current=page]::before { display:none; }
.work-side-foot { align-items:center; gap:12px; padding:12px 12px 0; font-size:var(--ov-type-caption); line-height:20px; }
.work-side-foot #user-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.work-side-foot #logout { flex:none; min-width:44px; justify-content:center; border-radius:4px; }
.work-side-foot #logout:hover { color:#fff; text-decoration:underline; }
.work-side-foot #logout:focus-visible { outline-color:#8fb6ff; }
.work-side-foot a,.work-side-foot button { min-height:44px; display:inline-flex; align-items:center; }
.work-subnav:not([hidden]) { display:flex; align-items:center; gap:var(--ov-space-2) var(--ov-space-6); flex-wrap:wrap; margin:0 0 var(--ov-space-6); }
.work-subnav a { padding:var(--ov-space-2) 0; }
.work-subnav a[aria-current=page] { font-weight:600; color:var(--ov-text); }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.overview-title { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-6); margin:0 0 var(--ov-space-6); }
.account-breadcrumb { margin:0 0 var(--ov-space-2); color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.account-breadcrumb a { text-decoration:underline; }
.account-breadcrumb span { margin:0 var(--ov-space-2); }
.overview-title h1 { margin:0; color:var(--ov-text); font-size:var(--ov-type-title); line-height:32px; font-weight:600; letter-spacing:-.6px; overflow-wrap:anywhere; }
.overview-title>.button { min-height:44px; font-size:var(--ov-type-body); }
[data-account-overview] { display:grid; gap:var(--ov-space-6); }
.overview-drawn { grid-template-columns:minmax(0,1.45fr) minmax(336px,1fr); align-items:start; }
.overview-panel,.overview-journal { min-width:0; background:var(--ov-surface); border-radius:var(--ov-radius); }
.overview-panel { padding:var(--ov-space-6); }
.overview-head { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-4); min-height:32px; }
.overview-head h2 { margin:0; color:var(--ov-text); font-size:var(--ov-type-section); line-height:28px; font-weight:600; letter-spacing:-.35px; }
.overview-head>a { display:inline-flex; align-items:center; min-height:44px; margin-block:-6px; color:var(--ov-action); font-size:var(--ov-type-body); line-height:20px; white-space:nowrap; }
.overview-total { margin-left:var(--ov-space-2); color:var(--ov-secondary); font-size:var(--ov-type-label); font-weight:400; }
.overview-catalog-meta { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-4); margin:var(--ov-space-2) 0; color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.overview-catalog-meta [data-fleet-status] { color:var(--ov-secondary); }
.agent-search-label { display:flex; align-items:center; gap:var(--ov-space-2); }
.agent-search-label input { width:224px; max-width:100%; min-height:44px; padding:var(--ov-space-2) var(--ov-space-3); border:1px solid var(--ov-line); border-radius:var(--ov-radius); background:var(--ov-surface); color:var(--ov-text); font-size:var(--ov-type-body); }
.overview-agents { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--ov-space-6); }
.overview-agent { display:grid; grid-template-columns:72px minmax(0,1fr) 16px; grid-template-rows:auto auto; align-items:center; gap:var(--ov-space-1) var(--ov-space-3); width:100%; min-width:0; padding:var(--ov-space-3) 0; background:transparent; border:0; border-bottom:1px solid var(--ov-line); border-radius:0; color:var(--ov-text); text-align:left; transition:background-color 120ms ease-out; }
.overview-agent:nth-last-child(-n+2) { border-bottom-color:transparent; }
.overview-agent:hover { background:var(--ov-hover); }
.overview-agent:focus-visible { border-radius:var(--ov-radius); outline:2px solid var(--ov-action); outline-offset:var(--ov-space-1); }
.overview-sphere { display:block; grid-column:1; grid-row:1 / span 2; width:72px; height:72px; background:transparent; }
.overview-sphere picture,.overview-sphere img { display:block; width:100%; height:100%; }
.overview-sphere img { object-fit:contain; }
.overview-agent-info { display:grid; grid-column:2; grid-row:1; gap:0; min-width:0; }
.overview-agent-info strong { font-size:var(--ov-type-label); line-height:20px; font-weight:600; letter-spacing:-.2px; overflow-wrap:anywhere; }
.overview-agent-info small { display:block; margin-top:0; color:var(--ov-secondary); font-size:var(--ov-type-body); line-height:20px; overflow-wrap:anywhere; }
.agent-ready,.agent-unknown { font-size:var(--ov-type-caption); line-height:16px; margin-top:0; }
.agent-ready { color:var(--ov-positive); }
.agent-unknown { color:var(--ov-warning); }
.agent-open { grid-column:3; grid-row:1 / span 2; color:var(--ov-secondary); font-size:20px; line-height:24px; }
.agent-last-event { display:flex; grid-column:2 / -1; grid-row:2; align-items:center; gap:var(--ov-space-2); min-width:0; color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.agent-last-event>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.agent-last-event time { margin-left:auto; flex:none; color:var(--ov-secondary); font-size:var(--ov-type-caption); white-space:nowrap; }
.overview-empty { grid-column:1/-1; margin:0; padding:var(--ov-space-4) 0; color:var(--ov-secondary); font-size:var(--ov-type-body); line-height:20px; }
.overview-empty a { display:inline-flex; align-items:center; min-height:44px; }
.overview-fleet .overview-agents { grid-template-columns:repeat(3,minmax(0,1fr)); }
.overview-fleet .overview-agent:nth-last-child(-n+3) { border-bottom-color:transparent; }

.overview-connections { display:flex; flex-direction:column; }
.overview-connection-list { margin-top:var(--ov-space-2); }
.overview-resource { display:flex; align-items:center; gap:var(--ov-space-3); min-width:0; min-height:64px; padding:var(--ov-space-2) 0; border-bottom:1px solid var(--ov-line); color:var(--ov-text); text-decoration:none; }
.overview-connections .overview-resource { min-height:52px; padding-block:var(--ov-space-1); }
.overview-resource:hover { background:var(--ov-hover); text-decoration:none; }
.resource-symbol { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:var(--ov-radius); background:var(--ov-canvas); color:var(--ov-action); font-size:24px; line-height:28px; }
.resource-symbol svg { width:24px; height:24px; }
.overview-resource>span:nth-child(2) { min-width:0; flex:1; }
.overview-resource b { display:block; color:var(--ov-text); font-size:var(--ov-type-body); line-height:20px; font-weight:600; overflow-wrap:anywhere; }
.overview-resource small { display:block; margin-top:var(--ov-space-1); color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; overflow-wrap:anywhere; }
.overview-resource>svg,.overview-resource>span:last-child:not(:nth-child(2)) { flex:none; width:16px; height:16px; color:var(--ov-secondary); }
.overview-connect-action { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-3); min-height:44px; margin-top:var(--ov-space-2); color:var(--ov-action); font-size:var(--ov-type-body); line-height:20px; }
.overview-connect-action>span { font-size:24px; line-height:24px; }
.overview-connect-action>svg { display:block; flex:0 0 20px; width:20px; height:20px; }
.overview-tools { display:grid; grid-template-columns:1fr; gap:0 var(--ov-space-4); margin-top:var(--ov-space-4); padding-top:var(--ov-space-4); }
.overview-tools>p { grid-column:1/-1; margin:0 0 var(--ov-space-2); color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.overview-tools>a { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-2); min-height:64px; color:var(--ov-text); border-top:1px solid var(--ov-line); }
.overview-tools>a>span { min-width:0; }
.overview-tools b { display:block; font-size:var(--ov-type-body); line-height:20px; font-weight:500; overflow-wrap:anywhere; }
.overview-tools small { display:block; margin-top:var(--ov-space-1); color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.overview-tools svg { width:16px; height:16px; flex:none; color:var(--ov-secondary); }
.overview-data,.overview-account { padding-block:var(--ov-space-4); }
.overview-data { display:flex; flex-direction:column; }
.overview-data [data-sources] { margin:var(--ov-space-2) 0; }
.overview-data .overview-resource { min-height:52px; border-bottom:0; }
.overview-data-empty { display:flex; align-items:center; gap:var(--ov-space-4); min-height:64px; }
.overview-data-empty p { margin:0; max-width:320px; color:var(--ov-secondary); font-size:var(--ov-type-body); line-height:20px; }
.overview-data-access { display:flex; align-items:center; justify-content:space-between; gap:var(--ov-space-3); min-height:44px; margin-top:auto; border-top:1px solid var(--ov-line); color:var(--ov-action); font-size:var(--ov-type-body); line-height:20px; }
.overview-data-access svg { width:16px; height:16px; flex:none; }
.account-summary-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--ov-space-4); padding:var(--ov-space-2) 0; }
.overview-balance { display:grid; gap:var(--ov-space-2); min-width:0; }
.overview-balance small { color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.overview-balance strong { color:var(--ov-text); font-size:var(--ov-type-title); line-height:32px; font-weight:600; letter-spacing:-.6px; overflow-wrap:anywhere; }
.overview-numbers { display:flex; justify-content:flex-end; gap:var(--ov-space-4); }
.overview-numbers>a { display:grid; gap:var(--ov-space-2); min-height:44px; color:var(--ov-text); }
.overview-numbers strong { font-size:var(--ov-type-section); line-height:24px; font-weight:500; }
.overview-numbers small { color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.overview-account-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ov-space-4); border-top:1px solid var(--ov-line); }
.overview-account-tools a { display:grid; grid-template-columns:minmax(0,1fr) 16px; gap:var(--ov-space-1) var(--ov-space-2); min-height:56px; align-content:center; padding:var(--ov-space-2) 0; color:var(--ov-text); }
.overview-account-tools b { font-size:var(--ov-type-body); line-height:20px; font-weight:500; }
.overview-account-tools span { grid-column:1; color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; overflow-wrap:anywhere; }
.overview-account-tools svg { grid-column:2; grid-row:1 / span 2; align-self:center; width:16px; height:16px; color:var(--ov-secondary); }

.overview-journal { grid-column:1/-1; overflow:hidden; }
.overview-journal>.overview-head { min-height:64px; padding:0 var(--ov-space-6); border-bottom:1px solid var(--ov-line); }
.overview-tabs { display:flex; align-items:stretch; align-self:stretch; gap:var(--ov-space-6); }
.overview-tabs button { display:flex; align-items:center; gap:var(--ov-space-2); min-height:44px; padding:var(--ov-space-3) 0; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--ov-secondary); font-size:var(--ov-type-label); line-height:24px; font-weight:500; }
.overview-tabs [aria-pressed=true] { border-bottom-color:var(--ov-action); color:var(--ov-action); }
.overview-tabs [data-count] { color:var(--ov-warning); font-size:var(--ov-type-caption); line-height:16px; font-weight:500; }
.overview-feed-controls { display:flex; align-items:center; gap:var(--ov-space-2); }
.overview-feed-controls select { min-height:44px; min-width:144px; max-width:224px; padding:var(--ov-space-2) var(--ov-space-3); border:1px solid var(--ov-line); border-radius:var(--ov-radius); background:var(--ov-surface); color:var(--ov-text); font-size:var(--ov-type-body); line-height:20px; }
.overview-feed-controls button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--ov-line); border-radius:var(--ov-radius); background:var(--ov-surface); color:var(--ov-secondary); }
.overview-feed-controls button:hover { background:var(--ov-hover); color:var(--ov-action); }
.overview-feed-controls button:disabled { color:var(--ov-secondary); background:var(--ov-canvas); }
.overview-feed-controls svg { width:20px; height:20px; }
.overview-journal-meta { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:var(--ov-space-2) var(--ov-space-6); padding:var(--ov-space-3) var(--ov-space-6); color:var(--ov-secondary); }
.overview-journal-caption { margin:0; font-size:var(--ov-type-caption); line-height:16px; }
.overview-journal [data-updated] { font-size:var(--ov-type-caption); line-height:16px; }
.overview-journal [data-feed] { min-width:0; padding:0 var(--ov-space-6) var(--ov-space-2); }
.overview-journal .overview-events { margin:0; padding:0; list-style:none; }
.overview-event { display:grid; grid-template-columns:144px 120px minmax(0,1fr) 156px; align-items:center; gap:var(--ov-space-4); min-width:0; min-height:64px; padding-block:var(--ov-space-3); border-top:1px solid var(--ov-line); color:var(--ov-text); font-size:var(--ov-type-body); line-height:20px; }
.overview-event>* { min-width:0; }
.overview-event .event-detail { justify-self:end; }
.overview-event time { color:var(--ov-secondary); font-size:var(--ov-type-caption); line-height:16px; }
.event-agent { display:flex; align-items:center; min-height:44px; color:var(--ov-text); font-weight:500; overflow-wrap:anywhere; }
.event-description { color:var(--ov-secondary); overflow-wrap:anywhere; }
.overview-event[data-outcome=failed] .event-description { color:var(--ov-danger); }
.event-open { display:grid; place-items:center; min-width:44px; min-height:44px; color:var(--ov-secondary); font-size:20px; }
.event-open:hover { color:var(--ov-action); background:var(--ov-hover); border-radius:var(--ov-radius); }
.overview-journal .attention-section { padding:var(--ov-space-4) 0; }
.overview-journal .attention-section-heading { gap:var(--ov-space-3); margin-bottom:var(--ov-space-2); }
.overview-journal .attention-row { padding:var(--ov-space-3) 0; gap:var(--ov-space-4); }
.overview-journal .attention-coverage { padding-block:var(--ov-space-3); }
.overview-journal .attention-empty,.overview-journal .attention-coverage p { margin:var(--ov-space-2) 0; }
[data-account-overview][data-state=loading] .overview-agents { min-height:288px; }
.agent-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.agent-card-heading h1{margin:0}.agent-card-heading p{color:var(--muted)}.agent-card-tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--line);margin:20px 0}.agent-card-tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--muted)}.agent-card-tabs [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.agent-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.agent-metrics>div{display:grid;gap:10px}.agent-metrics span{font-size:12px;color:var(--muted)}.agent-metrics strong{font-size:24px;font-weight:500}.agent-history{list-style:none;padding:0}.agent-history li{display:flex;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.agent-history time{color:var(--muted)}.agent-card-body form{max-width:780px}.agent-card-body label{display:block;margin:14px 0}.agent-card-body input:not([type=checkbox]),.agent-card-body textarea,.agent-card-body select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin-top:6px}.agent-card-body .check{display:flex;gap:8px;align-items:center}.agent-card-body [data-native] section{margin:20px 0}.agent-card-body .sa-docs a{display:block;margin:12px 0}.memory-note{border-top:1px solid var(--line);padding:20px 0}.memory-note small{display:block;color:var(--muted);margin-top:5px}.memory-note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.memory-editor{border-top:2px solid var(--accent);padding-top:16px}.agent-card-body [role=status]{font-size:13px}
.agent-card-body{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:22px}.agent-card-tabs button{font-size:13px}.agent-card-heading h1{font-size:28px}.agent-card-heading p{font-size:13px}

/* Width changes preserve reading order: agents, connections, data, account, journal. */
@media (max-width:1200px) {
  .overview-drawn { grid-template-columns:minmax(0,1.35fr) minmax(304px,1fr); }
  .overview-panel { padding:var(--ov-space-4); }
  .overview-agents { column-gap:var(--ov-space-4); }
  .overview-agent { grid-template-columns:64px minmax(0,1fr) 16px; column-gap:var(--ov-space-2); }
  .overview-sphere { width:64px; height:64px; }
  .overview-catalog-meta>span:last-child:not([data-fleet-status]) { display:none; }
  .agent-last-event { flex-wrap:wrap; gap:0 var(--ov-space-2); }
  .agent-last-event time { margin-left:0; }
  .overview-tools { grid-template-columns:1fr; }
  .overview-tools>a { min-height:64px; }
  .overview-event { grid-template-columns:128px 104px minmax(0,1fr) 156px; gap:var(--ov-space-3); }
}
@media (max-width:1000px) {
  .work-side { width:184px; padding-inline:var(--ov-space-3); }
  .work-main { margin-left:184px; padding:var(--ov-space-4); }
  .overview-drawn { grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr); gap:var(--ov-space-4); }
  .overview-agents { grid-template-columns:1fr; }
  .overview-agent { grid-template-columns:64px minmax(0,1fr) 16px; }
  .overview-agent:nth-last-child(-n+2) { border-bottom-color:var(--ov-line); }
  .overview-agent:last-child { border-bottom-color:transparent; }
  .overview-fleet .overview-agents { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-fleet .overview-agent:nth-last-child(-n+3) { border-bottom-color:var(--ov-line); }
  .overview-fleet .overview-agent:nth-last-child(-n+2) { border-bottom-color:transparent; }
  .overview-tools { margin-top:var(--ov-space-4); }
  .account-summary-top { align-items:flex-start; flex-direction:column; }
  .overview-numbers { justify-content:flex-start; gap:var(--ov-space-6); }
  .overview-account-tools { grid-template-columns:1fr; gap:0; }
  .overview-account-tools a { min-height:52px; }
  .overview-event { grid-template-columns:112px 96px minmax(0,1fr) 156px; }
}
@media (max-width:860px) {
  .work-side { position:static; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; width:auto; gap:var(--ov-space-3); padding:var(--ov-space-4); }
  .work-side .work-nav { grid-column:1/-1; display:flex; flex-wrap:nowrap; gap:var(--ov-space-1); overflow-x:auto; scrollbar-width:thin; }
  .work-side .work-nav a { flex:none; min-height:44px; padding:var(--ov-space-3); white-space:nowrap; font-size:var(--ov-type-body); }
  .work-side-foot { grid-column:1/-1; margin:0; padding-top:var(--ov-space-2); }
  .work-context { min-width:0; }
  .work-side .work-field select { min-height:44px; }
  .work-main { margin-left:0; padding:var(--ov-space-6) var(--ov-space-4); }
  .overview-title { gap:var(--ov-space-4); }
  .overview-drawn { grid-template-columns:minmax(0,1.2fr) minmax(256px,1fr); }
  .overview-title>.button { max-width:144px; padding:var(--ov-space-2) var(--ov-space-3); white-space:normal; text-align:center; }
  .overview-journal>.overview-head { padding-inline:var(--ov-space-4); }
  .overview-journal-meta { padding-inline:var(--ov-space-4); }
  .overview-journal [data-feed] { padding-inline:var(--ov-space-4); }
}
@media (max-width:650px) {
  .overview-title { align-items:center; margin-bottom:var(--ov-space-4); }
  .overview-title>.button { max-width:112px; font-size:var(--ov-type-caption); line-height:16px; }
  .overview-drawn { grid-template-columns:1fr; }
  [data-account-overview] { gap:var(--ov-space-4); }
  .overview-head { gap:var(--ov-space-2); }
  .overview-head h2 { font-size:var(--ov-type-section); }
  .overview-head>a { font-size:var(--ov-type-body); white-space:normal; text-align:right; }
  .overview-catalog-meta { flex-wrap:wrap; gap:var(--ov-space-2); }
  .agent-search-label { width:100%; font-size:var(--ov-type-caption); }
  .agent-search-label input { width:100%; flex:1; min-width:0; }
  .overview-agents,.overview-fleet .overview-agents { grid-template-columns:1fr; }
  .overview-agent { grid-template-columns:56px minmax(0,1fr) 16px; column-gap:var(--ov-space-3); }
  .overview-sphere { width:56px; height:56px; }
  .overview-agent-info strong { font-size:var(--ov-type-label); }
  .overview-agent-info small { font-size:var(--ov-type-body); }
  .overview-agent:nth-last-child(-n+2),.overview-fleet .overview-agent:nth-last-child(-n+3) { border-bottom-color:var(--ov-line); }
  .overview-agent:last-child,.overview-fleet .overview-agent:last-child { border-bottom-color:transparent; }
  .agent-last-event { flex-wrap:nowrap; }
  .agent-last-event time { margin-left:auto; }
  .overview-tools { grid-template-columns:1fr; margin-top:var(--ov-space-4); }
  .overview-tools>a { min-height:64px; }
  .account-summary-top { flex-direction:row; align-items:center; }
  .overview-numbers { gap:var(--ov-space-4); }
  .overview-account-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ov-space-4); }
  .overview-account-tools a { min-height:64px; }
  .overview-journal>.overview-head { flex-wrap:wrap; gap:var(--ov-space-2); padding-top:var(--ov-space-2); padding-bottom:var(--ov-space-3); }
  .overview-tabs { min-height:44px; }
  .overview-feed-controls { width:100%; }
  .overview-feed-controls select { flex:1; min-width:0; max-width:none; }
  .overview-journal-meta { padding-block:var(--ov-space-3); }
  .overview-event { grid-template-columns:minmax(0,1fr) minmax(0,144px); gap:var(--ov-space-2) var(--ov-space-3); padding-block:var(--ov-space-3); }
  .event-agent { grid-column:1; grid-row:1; min-height:44px; }
  .overview-event time { grid-column:2; grid-row:1; justify-self:end; text-align:right; }
  .overview-event .event-description { grid-column:1 / -1; grid-row:2; }
  .overview-event .event-detail { grid-column:1 / -1; grid-row:3; justify-self:end; }
  .event-open { grid-column:2; grid-row:3; justify-self:end; }
  .agent-metrics { grid-template-columns:1fr; }
  .agent-history li { flex-direction:column; gap:var(--ov-space-2); }
  .agent-card-heading { align-items:flex-start; }
  .agent-card-heading h1 { font-size:var(--ov-type-title); }
  .agent-card-body { padding:var(--ov-space-4); }
  .agent-card-tabs { gap:var(--ov-space-6); }
}
@media (prefers-reduced-motion:reduce) {
  .overview-agent { transition:none; }
}

.event-open svg{display:block;width:20px;height:20px}.agent-last-event[data-outcome=failed]>span{color:var(--ov-danger)}