.agent-demo { color:#243c45; background:#fff; padding:20px; border-top:3px solid #008d85; }
.agent-demo * { box-sizing:border-box; letter-spacing:0; }
.ad-heading,.ad-status,.ad-result-title { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.ad-heading h2 { margin:5px 0 0; font-size:21px; }
.ad-eyebrow { font-size:11px; color:#62717a; font-weight:700; }
.ad-switch { display:flex; align-items:center; gap:8px; margin:0; min-height:44px; cursor:pointer; }
.ad-switch input { width:20px; height:20px; margin:0; accent-color:#007d73; }
.ad-switch span { font-size:14px; font-weight:700; }
.ad-switch .is-active { color:#087445; }
.ad-status { font-size:12px; padding:12px 0; margin-bottom:14px; border-bottom:1px solid #d8e0e3; color:#69747a; }
.ad-filters { display:grid; grid-template-columns:1.7fr 1.4fr 1fr 1fr auto; gap:12px; align-items:end; }
.ad-filters label { display:grid; gap:6px; font-size:12px; min-width:0; margin:0; }
.ad-filters :is(input,select,button) { width:100%; min-width:0; height:42px; margin:0; font-size:13px; }
.ad-filters button { white-space:nowrap; }
.ad-feedback { font-size:13px; padding-block:12px; min-height:42px; overflow-wrap:anywhere; }
.ad-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#f1f6f4; border-block:1px solid #dbe6df; }
.ad-counts div { padding:12px 16px; border-right:1px solid #dbe6df; }
.ad-counts div:last-child { border:0; }
.ad-counts strong { display:block; color:#246e59; font-size:23px; }
.ad-counts span { font-size:12px; }
.ad-tabs { display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding-top:18px; margin-bottom:12px; border-bottom:1px solid #d8e0e3; }
.ad-tabs button { width:auto; margin:0; min-height:44px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#3c535d; font-size:13px; }
.ad-tabs button.selected { color:#00786e; border-bottom-color:#008d85; font-weight:700; }
.ad-tabs [data-copy] { margin-left:auto; }
.ad-table-scroll { overflow-x:auto; }
.agent-demo table { border-collapse:collapse; width:100%; min-width:660px; font-size:13px; }
.agent-demo th { text-align:left; background:#f3f5f6; }
.agent-demo :is(th,td) { padding:12px 10px; border-bottom:1px solid #dde5e7; vertical-align:top; }
.agent-demo tr:focus { outline:2px solid #008d85; outline-offset:-2px; background:#edf8f4; }
.ad-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.ad-summary-grid section { padding:16px 0; border-bottom:1px solid #dbe3e7; }
.agent-demo h3 { font-size:15px; margin:0 0 10px; }
.agent-demo :is(p,li) { font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.agent-demo ul { padding-left:20px; margin:0; }
.agent-demo li { padding-bottom:7px; }
.ad-warning { background:#fff8e7; color:#7f601e; padding:7px 12px; border-left:3px solid #c7a245; }
.ad-result-title span { color:#657780; font-size:12px; }
.ad-sources { display:inline-flex; gap:4px; }
.ad-sources button { display:inline; min-height:28px; width:auto; padding:2px 5px; margin:0; color:#00786e; background:#eff7f3; border:0; font-size:11px; }
.ad-limits { padding-top:16px; color:#69747a; }
.ad-limits p { margin:0; }
@media(max-width:1000px) { .ad-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .ad-filters button { grid-column:1/-1; } }
@media(max-width:560px) { .agent-demo { padding:14px 10px; } .ad-heading h2 { font-size:18px; } .ad-heading { gap:8px; } .ad-counts { grid-template-columns:repeat(2,minmax(0,1fr)); } .ad-counts div { border-bottom:1px solid #dbe6df; padding:10px; } .ad-summary-grid { grid-template-columns:1fr; } .ad-tabs { gap:2px; } .ad-tabs button { font-size:12px; padding:8px; } .ad-tabs [data-copy] { margin-left:0; } }