@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dm-sans-700.ttf) format('truetype');
}
/* AI SearchPoint — approved identity, November 2026 */
:root{font-family:'DM Sans',sans-serif;color:#202127;background:#f3f3f0;--primary:#0129f3;--blue-deep:#122aa5;--berry:#d62d3d;--amber:#dba909;--lime:#02ce24;--green:var(--primary);--muted:#69707d;--line:#e9e9ed;--radius:18px}
body{background:#f3f3f0}button,input,select,textarea{font-family:inherit}aside{width:248px;background:#f3f3f0;border-right:0;padding:32px 24px}.wordmark{width:100%;display:block;line-height:0;letter-spacing:normal}.wordmark img{width:100%;max-width:210px;height:52px;object-fit:contain;object-position:left center}.label{margin-top:34px;font-size:10px;color:#737581}.nav-label{color:#737581;letter-spacing:1.1px}nav button{padding:13px 14px;border-radius:11px;color:#626570;font-size:13px;transition:background .15s}nav button:hover{background:rgb(1 41 243 / 8%)}nav button.selected{background:white;color:var(--primary);box-shadow:0 2px 8px #20204405}nav .count{background:#eef0ff;border-radius:6px;padding:3px 6px}.sidebar-bottom{color:#343842}.avatar{color:var(--primary);background:#e4e8ff}.sidebar-bottom small{color:#69707d}.status-dot{background:var(--lime)}main{margin-left:248px;background:white;min-height:100vh;border-radius:24px 0 0 24px}header{background:transparent;height:88px;border-bottom:1px solid #f0f0f2;padding:0 36px}.breadcrumb{color:#747885}.breadcrumb b{color:#343842}.local-pill{color:#747885}.page{padding:32px 36px}.eyebrow{color:#777d8d;letter-spacing:1.6px}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px}p{font-size:13px}.page-title{gap:20px}.filters{flex-wrap:wrap;justify-content:flex-end}.filters select{font-size:12px;border-radius:10px;background:#fafafa;color:#444955;padding:10px 12px}select{border-radius:10px;color:#343842}#banner,#banner.real{background:#f5f6ff;border-color:#e9ecff;color:#35458c;font-size:11px;padding:12px 36px}.button{border-radius:10px;font-size:12px;padding:11px 16px;color:#444955;border-color:#e2e3e9;transition:box-shadow .15s}.button.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 3px 7px #0129f317}.button.primary:hover{background:var(--blue-deep)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #748aff;outline-offset:3px}.metrics{gap:18px;margin:24px 0}.metric,.panel{border-radius:var(--radius);border-color:#eeeef1;box-shadow:0 2px 8px #15162f02}.metric{padding:24px;min-height:154px;background:#fff;font-size:12px}.metric-label span{color:var(--primary)}.metric-value{font-size:38px;font-weight:600;letter-spacing:-1.7px;margin:18px 0 8px;color:#242734}.metric-note{color:#6f7481;font-size:11px}.panel-head{padding:25px 26px 20px}.panel-head h2{font-size:15px;font-weight:600}.panel-head p{font-size:12px}.grid{gap:24px}.chart-label{fill:#777d8a}.chart-line{stroke:var(--primary)}.chart-grid{stroke:#eceef4}.legend{color:#626a7a;font-size:11px}.tag{color:#687080;border-radius:6px;background:#fafbff}th{font-size:10px;color:#737986;background:#fafafb;padding:16px 23px}td{font-size:12px;color:#4f5664;padding:18px 23px;border-bottom-color:#f0f0f3}.brand-cell{color:#353a47}.brand-icon{background:#f2f3f8;color:#656b7f;border-radius:9px;width:30px;height:30px}.brand-icon.own{color:var(--primary);background:#edf0ff}.tiny-bar{background:#edf0f7}.tiny-bar i{background:var(--primary)}.pill{background:#edf6e7;color:#416e1c;border-radius:6px}.pill.paused{background:#fff3df;color:#895a0e}.pill.archived{background:#f0f1f4;color:#666b76}.link{color:var(--primary);font-size:12px}.source-row{padding:18px 26px;font-size:12px;border-color:#f0f0f3}.source-row small{color:#777d8a}.tabs{background:#f5f5f7;border-radius:10px;padding:4px}.tabs button{border-radius:7px;color:#696e7d;font-size:12px}.tabs button.active{background:white;color:var(--primary);box-shadow:0 1px 4px #00000008}.search{border-radius:11px;background:#fafafa}.answer-card{border-radius:16px;padding:24px}.answer-card:hover{border-color:#b4c0ff;background:#fcfcff}.answer-card h3{font-size:15px;font-weight:500}.answer-top,.answer-card p{font-size:12px;color:#717887}.answer-body{color:#404856;font-size:14px}.detail-meta{color:#717887}.notice{background:#f7f8fb;color:#606979;border:1px solid #eceef5;border-radius:12px;font-size:12px;padding:17px 20px}.notice b{color:#454f63}.setting{padding:28px}.setting h3{font-size:17px;letter-spacing:-.3px}.setting li{color:#626a7a}.setting form{max-width:600px}form label{font-size:12px;color:#626a7a}form input,form textarea{border-color:#e1e4ec;border-radius:10px;background:#fdfdff}.status-label{color:#8b5c0e}dialog{border-radius:22px;box-shadow:0 24px 100px #17245022}dialog::backdrop{background:#17203e55}#toast{background:#18245f;border-radius:12px}footer{color:#777d8a;font-size:11px}footer button{color:var(--primary);font-size:11px}header .wordmark{max-width:230px}.cloud-shell{margin:28px auto!important;max-width:960px;border-radius:24px;min-height:calc(100vh - 56px)}
@media(max-width:1100px){aside{width:210px;padding:26px 18px}main{margin-left:210px}.page{padding:26px}.page-title{align-items:flex-start}.filters{max-width:330px}.metrics{gap:12px}.metric{padding:20px}}
@media(max-width:650px){aside{width:auto;padding:20px;position:static}.wordmark img{max-width:200px;height:44px}main{margin:0;border-radius:22px 22px 0 0}.page{padding:24px 16px}header{padding:0 18px;height:72px}.filters{max-width:none;justify-content:flex-start}.metric{padding:16px;min-height:145px}.metric-value{font-size:31px}.metric-note{line-height:1.5}#banner,#banner.real{padding:12px 18px}.setting{padding:20px}.cloud-shell{margin:0!important}.panel-head{padding:20px}.source-row{padding:16px 20px}h1{font-size:29px}nav button{padding:12px}.notice{padding:14px}.toolbar{gap:12px}}

/* White navigation with softly lifted selection and panel separation. */
aside{background:#fff;border-right:0;box-shadow:3px 0 16px -5px #17203e16;z-index:2}
nav button.selected{border:0;background:#fff;box-shadow:0 0 12px 1px #17203e13}
main{border-radius:0}
.tabs button.active{border:0;box-shadow:0 0 10px 1px #17203e12}
@media(max-width:650px){aside{box-shadow:0 3px 16px -5px #17203e16}main{border-radius:0}}

.line-icon{display:inline-block;vertical-align:middle;flex-shrink:0}nav .icon{display:flex;align-items:center;width:20px}.metric-label{align-items:center;gap:12px}.metric-label .line-icon{width:20px;height:20px}

/* Capsule controls and the approved dark-blue typography palette. */
:root{color:#112aa6;--blue-deep:#112aa6;--text-strong:#172770;--text-body:#354783;--muted:#65729b}
body,h1,h2,h3,.metric-value{color:var(--text-strong)}
p,.breadcrumb,.local-pill,.metric-note,.panel-head p,.legend,.detail-meta,.answer-top,.answer-card p,footer,.sidebar-bottom small{color:var(--muted)}
.breadcrumb b,td,.brand-cell,.prompt-text,.answer-body,.setting li,.sidebar-bottom,.metric-label{color:var(--text-body)}
.label,.nav-label,.eyebrow,th,.source-row small,form label,.tag{color:var(--muted)}
nav button,.subtle,.tabs button{color:var(--text-body)}
select,.filters select,.button,.search,form input:not([type=checkbox]):not([type=radio]),.tabs,.tabs button,nav button,.pill,.tag,.count,.brand-icon{border-radius:999px}
select,.filters select,.search,form input,form textarea,.button{color:var(--text-body)}
select,.filters select{padding-left:16px;padding-right:16px}
.button.primary{color:#fff}.button.primary:hover{background:var(--blue-deep)}
nav button.selected,.tabs button.active,.link,footer button{color:var(--blue-deep)}
.notice{color:var(--text-body)}.notice b{color:var(--text-strong)}
.chart-label{fill:var(--muted)}
form textarea{border-radius:14px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}

/* Primary-blue typography exploration. */
:root{--text-strong:#011b9e;--text-body:#163bd1;--muted:#5267af;color:var(--text-body)}
nav button.selected,.tabs button.active,.link,footer button{color:var(--primary)}
h1,h2,h3,.metric-value{color:var(--primary)}

/* Neutral typography with primary-blue selected tabs. */
:root{--text-strong:#202127;--text-body:#454955;--muted:#707580;color:var(--text-body)}
h1,h2,h3,.metric-value{color:var(--text-strong)}
.link,footer button{color:var(--text-body)}
nav button.selected,.tabs button.active{color:var(--primary)}

/* Updated approved palette, in attachment order: blue, green, red, gold. */
:root{--primary:#0129f3;--brand-green:#02ce24;--brand-red:#d62d3d;--brand-gold:#dba909;--berry:var(--brand-red);--amber:var(--brand-gold);--lime:var(--brand-green)}
.metrics .metric{background:var(--primary);border-color:transparent;color:#fff}
.metrics .metric:nth-child(2){background:var(--brand-green)}
.metrics .metric:nth-child(3){background:var(--brand-red)}
.metrics .metric:nth-child(4){background:var(--brand-gold)}
.metrics .metric .metric-label,.metrics .metric .metric-label span,.metrics .metric .metric-value,.metrics .metric .metric-value small,.metrics .metric .metric-note{color:#fff}
.metrics .metric:nth-child(2) .metric-label,.metrics .metric:nth-child(2) .metric-label span,.metrics .metric:nth-child(2) .metric-value,.metrics .metric:nth-child(2) .metric-value small,.metrics .metric:nth-child(2) .metric-note,
.metrics .metric:nth-child(4) .metric-label,.metrics .metric:nth-child(4) .metric-label span,.metrics .metric:nth-child(4) .metric-value,.metrics .metric:nth-child(4) .metric-value small,.metrics .metric:nth-child(4) .metric-note{color:#fff}

/* Crisp primary-blue outlines replace decorative shadow borders. */
aside{box-shadow:none;border-right:1px solid var(--primary)}
nav button.selected,.tabs button.active{box-shadow:none;border:1px solid var(--primary)}
.metric,.panel,.button,.button.primary,.answer-card{box-shadow:none}
.metric,.panel,.answer-card{border:1px solid var(--primary)}
.metrics .metric{border-color:var(--primary)}
.button{border-color:var(--primary)}
dialog{box-shadow:none;border:1px solid var(--primary)}
#toast{box-shadow:none;border:1px solid var(--primary)}
@media(max-width:650px){aside{box-shadow:none;border-right:0;border-bottom:1px solid var(--primary)}}

/* Restore the soft sidebar divider; retain other blue outlines. */
aside{border-right:0;box-shadow:3px 0 16px -5px #17203e16}
@media(max-width:650px){aside{border-bottom:0;box-shadow:0 3px 16px -5px #17203e16}}

/* Apply the same hover tint to selected navigation and tab controls. */
nav button:hover,.tabs button:hover{background:rgb(1 41 243 / 8%)}

/* Flat metric cards without outline borders. */
.metrics .metric{border-color:transparent}

/* Page surfaces use a soft all-around shadow instead of blue outlines. */
main .panel,main .answer-card,main .button,main .tabs button.active,
dialog,#toast{border-color:transparent;box-shadow:0 0 12px 1px rgb(23 32 62 / 8%)}
main .answer-card:hover{border-color:transparent;box-shadow:0 0 14px 1px rgb(23 32 62 / 12%)}
.metrics .metric{border-color:transparent;box-shadow:none}

/* Rounded outer right corners on the navigation sidebar. */
aside{border-top-right-radius:24px;border-bottom-right-radius:24px}

/* Continue the page surface behind the floating, rounded sidebar. */
body:has(> aside){background:#fff}