/*
 * Two presentation-only dashboard concepts.
 * The existing stylesheet remains the functional baseline; these scoped
 * themes replace its visual language without touching data or interactions.
 */

:root {
  color-scheme: light;
}

html[data-design] body {
  color: var(--text);
  background: var(--bg);
}

html[data-design] :where(button, input, select, a) { -webkit-tap-highlight-color: transparent; }
html[data-design] :where(button, input, select, a):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.brand-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  font: 600 15px/1 Inter, system-ui, sans-serif;
  letter-spacing: -.06em;
  text-transform: lowercase;
}
.identity > div { min-width: 0; }
.identity-kicker {
  display: block;
  margin-bottom: 5px;
  font: 500 8px/1 DM Mono, ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.identity h1 { font-size: clamp(20px, 2vw, 30px); }

/* Email addresses are primary navigation in this internal tool. Keep them
   denser than prompt copy, but large enough to scan without zooming. */
html[data-design] .person-cell {
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}
html[data-design] .person-link {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
}
html[data-design] .user-email {
  font: 600 14px/1.4 Inter, system-ui, sans-serif;
  letter-spacing: -.01em;
}
html[data-design] .inline-user-detail-header strong {
  font: 600 14px/1.4 Inter, system-ui, sans-serif;
}
html[data-design] .sync-state #auth-user { font-size: 10px; }
html[data-design] #user-l7-filter {
  min-width: 52px;
  font-weight: 700;
  letter-spacing: .04em;
}
html[data-design="agi-light"] #user-l7-filter[aria-pressed="true"] {
  color: #fff;
  border-color: #000;
  background: #000;
}
html[data-design="agi-dark"] #user-l7-filter[aria-pressed="true"] {
  color: #171715;
  border-color: #f4f3ef;
  background: #f4f3ef;
}

.design-switcher {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-right: 18px;
  padding: 3px;
}
.design-switcher > span {
  margin: 0 7px 0 5px;
  font: 500 8px DM Mono, ui-monospace, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.design-option {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  color: inherit;
  font-size: 9px;
  text-decoration: none;
  white-space: nowrap;
}

/* -----------------------------------------------------------------------
   A · AGI Utility Light
   Warm editorial canvas, precise ink rules, restrained AGI acid accent.
   ----------------------------------------------------------------------- */

html[data-design="agi-light"] {
  --bg: #f2f0e9;
  --surface: #fffefa;
  --surface-2: #eae7de;
  --line: #c9c5ba;
  --line-soft: #dedbd2;
  --text: #151512;
  --muted: #6f6a60;
  --subtle: #8b857a;
  --lime: #191a16;
  --blue: #394fb8;
  --red: #b83c32;
  --amber: #9b6811;
  --focus: #394fb8;
}

html[data-design="agi-light"] body {
  background-color: var(--bg);
  background-image: linear-gradient(rgba(18, 18, 14, .025) 1px, transparent 1px);
  background-size: 100% 32px;
}
html[data-design="agi-light"] .masthead {
  min-height: 84px;
  border-bottom: 1px solid #23231f;
  background: rgba(242, 240, 233, .97);
  box-shadow: 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter: none;
}
html[data-design="agi-light"] .brand-mark {
  color: #151512;
  background: #c9ff45;
  border: 1px solid #151512;
}
html[data-design="agi-light"] .identity-kicker { color: var(--muted); }
html[data-design="agi-light"] .view-tabs { gap: 6px; align-self: center; margin-right: 18px; }
html[data-design="agi-light"] .view-tab {
  min-height: 34px;
  padding: 0 10px;
  color: var(--muted);
  border: 1px solid transparent;
  font-family: Inter, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
}
html[data-design="agi-light"] .view-tab::after { display: none; }
html[data-design="agi-light"] .view-tab:hover { color: var(--text); background: #e6e3da; }
html[data-design="agi-light"] .view-tab.active {
  color: #fff;
  border-color: #151512;
  background: #151512;
}
html[data-design="agi-light"] .design-switcher { border-left: 1px solid var(--line); }
html[data-design="agi-light"] .design-switcher > span { color: var(--subtle); }
html[data-design="agi-light"] .design-option { color: var(--muted); border: 1px solid transparent; }
html[data-design="agi-light"] .design-option:hover { color: var(--text); background: #e8e5dc; }
html[data-design="agi-light"] .design-option-light { color: var(--text); border-color: #9e998e; background: #fffefa; }
html[data-design="agi-light"] .sync-state small { color: var(--muted); }
html[data-design="agi-light"] .sync-state #auth-user { color: var(--subtle); }
html[data-design="agi-light"] .sync-state button { color: var(--muted); }
html[data-design="agi-light"] .sync-state button:hover { color: var(--text); }

html[data-design="agi-light"] main { max-width: 1800px; }
html[data-design="agi-light"] .overview {
  min-height: 116px;
  gap: clamp(24px, 4vw, 58px);
  border-bottom-color: #23231f;
}
html[data-design="agi-light"] .overview > div { min-width: 130px; }
html[data-design="agi-light"] .overview strong { color: #151512; font-size: clamp(32px, 4vw, 46px); font-weight: 600; }
html[data-design="agi-light"] .overview span { color: var(--muted); }
html[data-design="agi-light"] .overview p { color: var(--muted); }

html[data-design="agi-light"] .filter-studio { border-bottom-color: #23231f; }
html[data-design="agi-light"] :where(.filter-search span, .facet-heading span, .filter-control-card label > span, .history-controls label > span, .user-toolbar label > span) { color: var(--muted); }
html[data-design="agi-light"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .filter-control-card button, .user-toolbar input, .user-toolbar select, .user-toolbar button, .history-controls input, .history-controls select, .history-controls button) {
  color: var(--text);
  border-color: #bbb6aa;
  border-radius: 2px;
  background: #fffefa;
  box-shadow: inset 0 1px 0 #fff;
}
html[data-design="agi-light"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .user-toolbar input, .user-toolbar select):focus {
  border-color: #394fb8;
  box-shadow: 0 0 0 2px rgba(57,79,184,.12);
}
html[data-design="agi-light"] .filter-search input::placeholder { color: #9c968b; }
html[data-design="agi-light"] .filter-actions button,
html[data-design="agi-light"] .load-footer button,
html[data-design="agi-light"] .back-to-users,
html[data-design="agi-light"] .inline-user-detail-header button,
html[data-design="agi-light"] .user-detail-footer button,
html[data-design="agi-light"] .target-drilldown header button {
  color: #373630;
  border-color: #aaa59a;
  border-radius: 2px;
  background: #fdfcf7;
}
html[data-design="agi-light"] :where(.filter-actions button, .load-footer button, .back-to-users, .inline-user-detail-header button, .user-detail-footer button, .target-drilldown header button):hover {
  color: #fff;
  border-color: #151512;
  background: #151512;
}
html[data-design="agi-light"] :where(#filter-toggle, #user-filter-toggle, #target-filter-toggle).has-filters {
  color: #151512;
  border-color: #151512;
  background: #c9ff45;
}

html[data-design="agi-light"] :where(.time-facet, .facet-card) { border-color: #c6c1b5; background: rgba(255,254,250,.82); }
html[data-design="agi-light"] .facet-heading strong { color: #302f2b; }
html[data-design="agi-light"] .facet-heading small { color: var(--subtle); }
html[data-design="agi-light"] .time-bar { background: #c2beb4; }
html[data-design="agi-light"] .time-bar:hover,
html[data-design="agi-light"] .time-bar.preview { background: #6979c9; }
html[data-design="agi-light"] .time-bar.selected { background: #151512; box-shadow: none; }
html[data-design="agi-light"] .facet-option {
  color: #4d4a43;
  border-radius: 1px;
  background: linear-gradient(90deg, #e3e0d7 var(--share), #f7f5ef var(--share));
}
html[data-design="agi-light"] .facet-option em { color: #807a70; }
html[data-design="agi-light"] .facet-option:hover { color: #151512; border-color: #989287; }
html[data-design="agi-light"] .facet-option.selected {
  color: #111;
  border-color: #151512;
  background: linear-gradient(90deg, #c9ff45 var(--share), #eef1dc var(--share));
}
html[data-design="agi-light"] .facet-option.selected em { color: #151512; }

html[data-design="agi-light"] .table-shell {
  border-color: #23231f;
  background: #fffefa;
  box-shadow: 4px 4px 0 #d3cfc4;
}
html[data-design="agi-light"] .table-meta { border-bottom-color: #23231f; background: #eeece4; }
html[data-design="agi-light"] .table-meta p { color: var(--muted); }
html[data-design="agi-light"] .table-meta strong { color: var(--text); }
html[data-design="agi-light"] th {
  color: #625e56;
  border-bottom-color: #a7a297;
  background: #e7e4dc;
}
html[data-design="agi-light"] td { color: #3f3d37; border-bottom-color: #e1ded6; }
html[data-design="agi-light"] tbody tr:hover { background: #f4f7e6; }
html[data-design="agi-light"] .table-sort:hover,
html[data-design="agi-light"] .table-sort.active { color: #151512; }
html[data-design="agi-light"] .table-sort span { color: #394fb8; }
html[data-design="agi-light"] .time-cell strong,
html[data-design="agi-light"] .prompt-cell p,
html[data-design="agi-light"] .user-email,
html[data-design="agi-light"] .metric-value,
html[data-design="agi-light"] .target-app-name { color: var(--text); }
html[data-design="agi-light"] .time-cell span,
html[data-design="agi-light"] .user-subline,
html[data-design="agi-light"] .muted { color: var(--subtle); }
html[data-design="agi-light"] .person-link,
html[data-design="agi-light"] .user-email,
html[data-design="agi-light"] .original-toggle { color: #394fb8; }
html[data-design="agi-light"] .prompt-trace-link:hover { color: #151512; text-decoration-color: #394fb8; }
html[data-design="agi-light"] .original-text { color: #4e4a43 !important; border-left-color: #394fb8; background: #eeecf6; }
html[data-design="agi-light"] .pattern-label { color: #3c4056; }
html[data-design="agi-light"] .country-code,
html[data-design="agi-light"] .app-chip,
html[data-design="agi-light"] .app-more,
html[data-design="agi-light"] .profile-chips span {
  color: #514e47;
  border-color: #c1bdb3;
  border-radius: 2px;
  background: #f1efe8;
}
html[data-design="agi-light"] .app-more { color: #394fb8; }
html[data-design="agi-light"] .mode { color: #494740; }
html[data-design="agi-light"] .mode-live-voice { color: #7040a8; }
html[data-design="agi-light"] .mode-transcribe { color: #394fb8; }
html[data-design="agi-light"] .outcome-success { color: #207347; }
html[data-design="agi-light"] .outcome-success i { background: #207347; }
html[data-design="agi-light"] .outcome-failure { color: #b83c32; }
html[data-design="agi-light"] .outcome-blocked { color: #9b6811; }
html[data-design="agi-light"] .loading,
html[data-design="agi-light"] .empty { color: var(--muted); }
html[data-design="agi-light"] .new-prompt-notice { color: #151512; border-color: #151512; border-radius: 2px; background: #c9ff45; box-shadow: 4px 4px 0 #151512; }

html[data-design="agi-light"] .user-summary-row.expanded { background: #eef1dc; }
html[data-design="agi-light"] .expand-user { color: #555149; border-color: #aaa59a; background: #fffefa; }
html[data-design="agi-light"] .expanded .expand-user { color: #151512; border-color: #151512; background: #c9ff45; }
html[data-design="agi-light"] .user-detail-row > td { background: #f0eee7; }
html[data-design="agi-light"] .user-detail { border-bottom-color: #23231f; }
html[data-design="agi-light"] .inline-user-detail-header span,
html[data-design="agi-light"] .profile-title span,
html[data-design="agi-light"] .user-page-header > div:first-child > span,
html[data-design="agi-light"] .target-drilldown header span,
html[data-design="agi-light"] .admin-access-panel > div > span { color: #394fb8; }
html[data-design="agi-light"] :where(.user-page-loading, .user-page-header, .profile-panel, .first-five-panel, .target-drilldown, .admin-access-panel) {
  color: var(--text);
  border-color: #aaa59a;
  background: #fffefa;
}
html[data-design="agi-light"] .user-page-header { border-color: #23231f; background: linear-gradient(110deg, #fffefa 0 72%, #c9ff45 72%); }
html[data-design="agi-light"] .user-page-header h2,
html[data-design="agi-light"] .user-page-primary strong { color: var(--text); }
html[data-design="agi-light"] .user-detail-head > div,
html[data-design="agi-light"] .profile-hero > div,
html[data-design="agi-light"] .profile-facts > div,
html[data-design="agi-light"] .history-controls { border-color: var(--line); background: #f6f4ed; }
html[data-design="agi-light"] .profile-hero strong,
html[data-design="agi-light"] .first-five-panel li p { color: #302f2b; }
html[data-design="agi-light"] .user-hover-preview { color: var(--text); border-color: #151512; border-radius: 2px; background: #fffefa; box-shadow: 5px 5px 0 rgba(21,21,18,.28); }
html[data-design="agi-light"] .user-hover-preview dd { color: #3f3d37; }
html[data-design="agi-light"] .target-trend-card { background: #fffefa; }
html[data-design="agi-light"] .target-trend i { background: #aeb5d9; }
html[data-design="agi-light"] .target-trend i:hover { background: #151512; }
html[data-design="agi-light"] .target-drill-metrics,
html[data-design="agi-light"] .target-drill-metrics div,
html[data-design="agi-light"] .nested-table-scroll { border-color: var(--line); }
html[data-design="agi-light"] .co-used-apps > span { color: var(--muted); border-color: var(--line); background: #f1efe8; }
html[data-design="agi-light"] .co-used-apps strong { color: var(--text); }
html[data-design="agi-light"] .user-prompts-table th { background: #e7e4dc; }
html[data-design="agi-light"] #admin-access-email { color: var(--text); border-color: #aaa59a; border-radius: 2px; background: #fffefa; }
html[data-design="agi-light"] #admin-access-email:focus { border-color: #394fb8; box-shadow: 0 0 0 2px rgba(57,79,184,.12); }
html[data-design="agi-light"] #admin-access-form button,
html[data-design="agi-light"] #admin-access-refresh { color: #fff; border-color: #151512; border-radius: 2px; background: #151512; }
html[data-design="agi-light"] .admin-revoke { color: #a52f29; border-color: #d2aaa5; border-radius: 2px; background: #fff3f1; }

html[data-design="agi-light"] .auth-gate { background: #f2f0e9; background-image: linear-gradient(90deg, transparent 49.9%, rgba(21,21,18,.08) 50%, transparent 50.1%); }
html[data-design="agi-light"] .auth-card { color: var(--text); border-color: #151512; border-radius: 0; background: #fffefa; box-shadow: 8px 8px 0 #c9ff45, 9px 9px 0 #151512; }
html[data-design="agi-light"] .auth-card > span { color: #394fb8; }
html[data-design="agi-light"] .auth-card p { color: var(--muted); }
html[data-design="agi-light"] .auth-card > button { color: #fff; border-color: #151512; border-radius: 2px; background: #151512; }

/* -----------------------------------------------------------------------
   B · Lucy Wild
   A playful field-board: paper cards, cobalt, tangerine, cyan and ink.
   ----------------------------------------------------------------------- */

html[data-design="lucy-wild"] {
  --bg: #e9e7fb;
  --surface: #fffaf0;
  --surface-2: #efeafd;
  --line: #afa8c5;
  --line-soft: #ded8e9;
  --text: #201f2b;
  --muted: #665f75;
  --subtle: #8c849c;
  --lime: #5b43e8;
  --blue: #3d63dd;
  --red: #d34136;
  --amber: #a96513;
  --focus: #5b43e8;
}

html[data-design="lucy-wild"] body {
  background-color: var(--bg);
  background-image:
    linear-gradient(90deg, rgba(91,67,232,.055) 1px, transparent 1px),
    linear-gradient(rgba(91,67,232,.055) 1px, transparent 1px),
    radial-gradient(circle at 93% 5%, #bdf5ff 0 12%, transparent 28%),
    radial-gradient(circle at 4% 95%, #ffd0bd 0 9%, transparent 25%);
  background-size: 24px 24px, 24px 24px, auto, auto;
}
html[data-design="lucy-wild"] .masthead {
  top: 12px;
  width: calc(100% - 28px);
  min-height: 82px;
  margin: 12px auto 0;
  padding: 14px 22px;
  border: 2px solid #201f2b;
  border-radius: 18px;
  background: #fffaf0;
  box-shadow: 5px 5px 0 #201f2b;
  backdrop-filter: none;
}
html[data-design="lucy-wild"] .brand-mark {
  color: #fff;
  border: 2px solid #201f2b;
  border-radius: 50% 50% 44% 56%;
  background: #5b43e8;
  box-shadow: 2px 2px 0 #201f2b;
  transform: rotate(-5deg);
}
html[data-design="lucy-wild"] .identity-kicker { color: #5b43e8; }
html[data-design="lucy-wild"] .identity h1 { font-weight: 600; }
html[data-design="lucy-wild"] .view-tabs { gap: 3px; align-self: center; margin-right: 14px; padding: 3px; border-radius: 12px; background: #eee9de; }
html[data-design="lucy-wild"] .view-tab {
  min-height: 34px;
  padding: 0 10px;
  color: #665f75;
  border: 0;
  border-radius: 9px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
}
html[data-design="lucy-wild"] .view-tab::after { display: none; }
html[data-design="lucy-wild"] .view-tab:hover { color: #201f2b; background: #fff; }
html[data-design="lucy-wild"] .view-tab.active { color: #fff; background: #5b43e8; box-shadow: 0 2px 0 #2d207e; }
html[data-design="lucy-wild"] .design-switcher { border-radius: 11px; background: #dcd6f4; }
html[data-design="lucy-wild"] .design-switcher > span { color: #786f8b; }
html[data-design="lucy-wild"] .design-option { color: #665f75; border-radius: 8px; }
html[data-design="lucy-wild"] .design-option:hover { color: #201f2b; background: rgba(255,255,255,.6); }
html[data-design="lucy-wild"] .design-option-wild { color: #201f2b; background: #fffaf0; box-shadow: 0 1px 0 #afa8c5; }
html[data-design="lucy-wild"] .sync-state small { color: var(--muted); }
html[data-design="lucy-wild"] .sync-state #auth-user { color: var(--subtle); }
html[data-design="lucy-wild"] .sync-state button { color: #5b43e8; }

html[data-design="lucy-wild"] main { max-width: 1820px; padding-top: 16px; }
html[data-design="lucy-wild"] .overview {
  min-height: 132px;
  gap: 12px;
  border-bottom: 0;
}
html[data-design="lucy-wild"] .overview > div {
  min-width: 172px;
  padding: 17px 19px;
  border: 2px solid #201f2b;
  border-radius: 14px;
  background: #fffaf0;
  box-shadow: 3px 3px 0 #201f2b;
}
html[data-design="lucy-wild"] .overview > div:nth-child(2) { background: #bdf5ff; transform: rotate(.35deg); }
html[data-design="lucy-wild"] .overview > div:nth-child(3) { background: #ffd0bd; transform: rotate(-.25deg); }
html[data-design="lucy-wild"] .overview strong { color: #201f2b; font-size: clamp(30px, 3.5vw, 43px); font-weight: 650; }
html[data-design="lucy-wild"] .overview span { color: #665f75; }
html[data-design="lucy-wild"] .overview p { color: #665f75; padding: 0 12px; }

html[data-design="lucy-wild"] .filter-studio { padding-top: 22px; border-bottom: 0; }
html[data-design="lucy-wild"] :where(.filter-search span, .facet-heading span, .filter-control-card label > span, .history-controls label > span, .user-toolbar label > span) { color: #716985; }
html[data-design="lucy-wild"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .filter-control-card button, .user-toolbar input, .user-toolbar select, .user-toolbar button, .history-controls input, .history-controls select, .history-controls button) {
  color: #201f2b;
  border-color: #afa8c5;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}
html[data-design="lucy-wild"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .user-toolbar input, .user-toolbar select):focus {
  border-color: #5b43e8;
  box-shadow: 0 0 0 3px rgba(91,67,232,.13);
}
html[data-design="lucy-wild"] .filter-search input::placeholder { color: #a099ad; }
html[data-design="lucy-wild"] .filter-actions button,
html[data-design="lucy-wild"] .load-footer button,
html[data-design="lucy-wild"] .back-to-users,
html[data-design="lucy-wild"] .inline-user-detail-header button,
html[data-design="lucy-wild"] .user-detail-footer button,
html[data-design="lucy-wild"] .target-drilldown header button {
  color: #40394f;
  border: 1px solid #9087a4;
  border-radius: 10px;
  background: #fffaf0;
}
html[data-design="lucy-wild"] :where(.filter-actions button, .load-footer button, .back-to-users, .inline-user-detail-header button, .user-detail-footer button, .target-drilldown header button):hover {
  color: #fff;
  border-color: #201f2b;
  background: #5b43e8;
}
html[data-design="lucy-wild"] :where(#filter-toggle, #user-filter-toggle, #target-filter-toggle).has-filters { color: #fff; border-color: #5b43e8; background: #5b43e8; }

html[data-design="lucy-wild"] :where(.time-facet, .facet-card) {
  border: 1px solid #afa8c5;
  border-radius: 14px;
  background: rgba(255,250,240,.94);
  box-shadow: 0 3px 0 rgba(89,73,128,.1);
}
html[data-design="lucy-wild"] .time-facet { border-top: 5px solid #5b43e8; }
html[data-design="lucy-wild"] .facet-card:nth-child(1) { border-top: 5px solid #32b6c7; }
html[data-design="lucy-wild"] .facet-card:nth-child(2) { border-top: 5px solid #ff7043; }
html[data-design="lucy-wild"] .facet-card:nth-child(3) { border-top: 5px solid #5b43e8; }
html[data-design="lucy-wild"] .facet-card:nth-child(4) { border-top: 5px solid #e5ae26; }
html[data-design="lucy-wild"] .facet-card:nth-child(5) { border-top: 5px solid #d94e87; }
html[data-design="lucy-wild"] .facet-heading strong { color: #302d3d; }
html[data-design="lucy-wild"] .time-bar { border-radius: 4px 4px 0 0; background: #c6bfd7; }
html[data-design="lucy-wild"] .time-bar:hover,
html[data-design="lucy-wild"] .time-bar.preview { background: #ff7043; }
html[data-design="lucy-wild"] .time-bar.selected { background: #5b43e8; box-shadow: none; }
html[data-design="lucy-wild"] .facet-option {
  color: #4f485e;
  border-radius: 7px;
  background: linear-gradient(90deg, #ece8f6 var(--share), #faf7f0 var(--share));
}
html[data-design="lucy-wild"] .facet-option em { color: #847b95; }
html[data-design="lucy-wild"] .facet-option:hover { color: #201f2b; border-color: #958ba9; }
html[data-design="lucy-wild"] .facet-option.selected {
  color: #fff;
  border-color: #5b43e8;
  background: linear-gradient(90deg, #5b43e8 var(--share), #7866eb var(--share));
}
html[data-design="lucy-wild"] .facet-option.selected em { color: #fff; }

html[data-design="lucy-wild"] .table-shell {
  overflow: hidden;
  border: 2px solid #201f2b;
  border-radius: 16px;
  background: #fffaf0;
  box-shadow: 5px 5px 0 #201f2b;
}
html[data-design="lucy-wild"] .table-meta { border-bottom-color: #201f2b; background: #d8f5f6; }
html[data-design="lucy-wild"] .table-meta p { color: #665f75; }
html[data-design="lucy-wild"] .table-meta strong { color: #201f2b; }
html[data-design="lucy-wild"] th { color: #625a72; border-bottom-color: #afa8c5; background: #eee9de; }
html[data-design="lucy-wild"] td { color: #464052; border-bottom-color: #e4deeb; }
html[data-design="lucy-wild"] tbody tr:hover { background: #f2efff; }
html[data-design="lucy-wild"] .table-sort:hover,
html[data-design="lucy-wild"] .table-sort.active { color: #201f2b; }
html[data-design="lucy-wild"] .table-sort span { color: #ff7043; }
html[data-design="lucy-wild"] .time-cell strong,
html[data-design="lucy-wild"] .prompt-cell p,
html[data-design="lucy-wild"] .user-email,
html[data-design="lucy-wild"] .metric-value,
html[data-design="lucy-wild"] .target-app-name { color: #201f2b; }
html[data-design="lucy-wild"] .time-cell span,
html[data-design="lucy-wild"] .user-subline,
html[data-design="lucy-wild"] .muted { color: #8c849c; }
html[data-design="lucy-wild"] .person-link,
html[data-design="lucy-wild"] .user-email,
html[data-design="lucy-wild"] .original-toggle { color: #5140cb; }
html[data-design="lucy-wild"] .prompt-trace-link:hover { color: #5b43e8; text-decoration-color: #ff7043; }
html[data-design="lucy-wild"] .original-text { color: #534c62 !important; border-left-color: #ff7043; border-radius: 0 9px 9px 0; background: #fff0e8; }
html[data-design="lucy-wild"] .pattern-label { color: #4d4761; }
html[data-design="lucy-wild"] .country-code,
html[data-design="lucy-wild"] .app-chip,
html[data-design="lucy-wild"] .app-more,
html[data-design="lucy-wild"] .profile-chips span {
  color: #514a60;
  border-color: #c7c0d3;
  border-radius: 8px;
  background: #f1edf7;
}
html[data-design="lucy-wild"] .app-more { color: #5b43e8; }
html[data-design="lucy-wild"] .mode { color: #514a60; }
html[data-design="lucy-wild"] .mode-live-voice { color: #a13a80; }
html[data-design="lucy-wild"] .mode-transcribe { color: #3d63dd; }
html[data-design="lucy-wild"] .outcome-success { color: #167149; }
html[data-design="lucy-wild"] .outcome-success i { background: #21a46b; }
html[data-design="lucy-wild"] .outcome-failure { color: #c53d34; }
html[data-design="lucy-wild"] .outcome-blocked { color: #9a6011; }
html[data-design="lucy-wild"] .new-prompt-notice { color: #fff; border: 2px solid #201f2b; border-radius: 12px; background: #5b43e8; box-shadow: 4px 4px 0 #201f2b; }

html[data-design="lucy-wild"] .user-summary-row.expanded { background: #ece8ff; }
html[data-design="lucy-wild"] .expand-user { color: #5b43e8; border-color: #afa8c5; background: #fff; }
html[data-design="lucy-wild"] .expanded .expand-user { color: #fff; border-color: #201f2b; background: #5b43e8; }
html[data-design="lucy-wild"] .user-detail-row > td { background: #e9e5f3; }
html[data-design="lucy-wild"] .user-detail { border-bottom-color: #201f2b; }
html[data-design="lucy-wild"] .inline-user-detail-header span,
html[data-design="lucy-wild"] .profile-title span,
html[data-design="lucy-wild"] .user-page-header > div:first-child > span,
html[data-design="lucy-wild"] .target-drilldown header span,
html[data-design="lucy-wild"] .admin-access-panel > div > span { color: #5b43e8; }
html[data-design="lucy-wild"] :where(.user-page-loading, .user-page-header, .profile-panel, .first-five-panel, .target-drilldown, .admin-access-panel) {
  color: #201f2b;
  border: 2px solid #201f2b;
  border-radius: 15px;
  background: #fffaf0;
  box-shadow: 4px 4px 0 #201f2b;
}
html[data-design="lucy-wild"] .user-page-header { background: linear-gradient(115deg, #fffaf0 0 68%, #bdf5ff 68%); }
html[data-design="lucy-wild"] .user-page-header h2,
html[data-design="lucy-wild"] .user-page-primary strong { color: #201f2b; }
html[data-design="lucy-wild"] .user-detail-head > div,
html[data-design="lucy-wild"] .profile-hero > div,
html[data-design="lucy-wild"] .profile-facts > div,
html[data-design="lucy-wild"] .history-controls { border-color: #c2bbcf; background: #f7f3ee; }
html[data-design="lucy-wild"] .profile-hero strong,
html[data-design="lucy-wild"] .first-five-panel li p { color: #302d3d; }
html[data-design="lucy-wild"] .user-hover-preview { color: #201f2b; border: 2px solid #201f2b; border-radius: 13px; background: #fffaf0; box-shadow: 4px 4px 0 #201f2b; }
html[data-design="lucy-wild"] .user-hover-preview > strong { color: #5b43e8; }
html[data-design="lucy-wild"] .user-hover-preview dd { color: #464052; }
html[data-design="lucy-wild"] .target-trend-card { background: #fffaf0; }
html[data-design="lucy-wild"] .target-trend i { border-radius: 5px 5px 0 0; background: #9d91db; }
html[data-design="lucy-wild"] .target-trend i:hover { background: #ff7043; }
html[data-design="lucy-wild"] .target-drill-metrics,
html[data-design="lucy-wild"] .target-drill-metrics div,
html[data-design="lucy-wild"] .nested-table-scroll { border-color: #bdb5ca; }
html[data-design="lucy-wild"] .co-used-apps > span { color: #665f75; border-color: #c7c0d3; border-radius: 9px; background: #f1edf7; }
html[data-design="lucy-wild"] .co-used-apps strong { color: #201f2b; }
html[data-design="lucy-wild"] .user-prompts-table th { background: #eee9de; }
html[data-design="lucy-wild"] #admin-access-email { color: #201f2b; border-color: #afa8c5; border-radius: 10px; background: #fff; }
html[data-design="lucy-wild"] #admin-access-email:focus { border-color: #5b43e8; box-shadow: 0 0 0 3px rgba(91,67,232,.13); }
html[data-design="lucy-wild"] #admin-access-form button,
html[data-design="lucy-wild"] #admin-access-refresh { color: #fff; border: 2px solid #201f2b; border-radius: 10px; background: #5b43e8; box-shadow: 2px 2px 0 #201f2b; }
html[data-design="lucy-wild"] .admin-revoke { color: #aa3029; border-color: #d9aca8; border-radius: 9px; background: #fff1ef; }

html[data-design="lucy-wild"] .auth-gate {
  background-color: #e9e7fb;
  background-image: radial-gradient(circle at 20% 20%, #bdf5ff 0 9%, transparent 25%), radial-gradient(circle at 82% 82%, #ffd0bd 0 8%, transparent 25%);
}
html[data-design="lucy-wild"] .auth-card { color: #201f2b; border: 2px solid #201f2b; border-radius: 18px; background: #fffaf0; box-shadow: 7px 7px 0 #201f2b; }
html[data-design="lucy-wild"] .auth-card > span { color: #5b43e8; }
html[data-design="lucy-wild"] .auth-card p { color: #665f75; }
html[data-design="lucy-wild"] .auth-card > button { color: #fff; border: 2px solid #201f2b; border-radius: 10px; background: #5b43e8; }

/* AGI site calibration: the current theagi.company system is deliberately
   monochrome (#f4f3f3, black, white and warm gray) with pill actions. */
html[data-design="agi-light"] {
  --bg: #f4f3f3;
  --surface: #ffffff;
  --surface-2: #f4f3f3;
  --line: #bab7b5;
  --line-soft: #e3e1e0;
  --text: #000000;
  --muted: #55504e;
  --subtle: #888482;
  --lime: #000000;
  --blue: #383432;
  --focus: #000000;
}
html[data-design="agi-light"] body { background-color: #f4f3f3; background-image: none; }
html[data-design="agi-light"] .masthead { border-bottom-color: #bab7b5; background: rgba(244,243,243,.98); box-shadow: none; }
html[data-design="agi-light"] .brand-mark {
  width: 42px;
  color: #000;
  border: 0;
  background: transparent;
  font: 400 38px/1 Georgia, serif;
  letter-spacing: -.12em;
}
html[data-design="agi-light"] .view-tabs { padding: 3px; border-radius: 100px; background: #fff; }
html[data-design="agi-light"] .view-tab { border-radius: 100px; }
html[data-design="agi-light"] .view-tab:hover { background: #ecebea; }
html[data-design="agi-light"] .view-tab.active { border-color: #000; background: #000; }
html[data-design="agi-light"] .design-switcher { border: 1px solid #dedcdb; border-radius: 100px; background: #fff; }
html[data-design="agi-light"] .design-option { border-radius: 100px; }
html[data-design="agi-light"] .design-option-light { border-color: #000; background: #000; color: #fff; }
html[data-design="agi-light"] .overview { border-bottom-color: #bab7b5; }
html[data-design="agi-light"] .overview strong { color: #000; font-weight: 500; }
html[data-design="agi-light"] .filter-studio { border-bottom-color: #bab7b5; }
html[data-design="agi-light"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .filter-control-card button, .user-toolbar input, .user-toolbar select, .user-toolbar button, .history-controls input, .history-controls select, .history-controls button) {
  border-color: #bab7b5;
  border-radius: 100px;
  background: #fff;
}
html[data-design="agi-light"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .user-toolbar input, .user-toolbar select):focus { border-color: #000; box-shadow: 0 0 0 2px rgba(0,0,0,.1); }
html[data-design="agi-light"] .filter-actions button,
html[data-design="agi-light"] .load-footer button,
html[data-design="agi-light"] .back-to-users,
html[data-design="agi-light"] .inline-user-detail-header button,
html[data-design="agi-light"] .user-detail-footer button,
html[data-design="agi-light"] .target-drilldown header button { border-radius: 100px; }
html[data-design="agi-light"] :where(#filter-toggle, #user-filter-toggle, #target-filter-toggle).has-filters { color: #fff; border-color: #000; background: #000; }
html[data-design="agi-light"] :where(.time-facet, .facet-card) { border-color: #d2cfcd; border-radius: 12px; background: rgba(255,255,255,.9); }
html[data-design="agi-light"] .time-bar.selected { background: #000; }
html[data-design="agi-light"] .facet-option { border-radius: 7px; background: linear-gradient(90deg, #e9e8e7 var(--share), #fafafa var(--share)); }
html[data-design="agi-light"] .facet-option.selected { color: #fff; border-color: #000; background: linear-gradient(90deg, #000 var(--share), #3d3a38 var(--share)); }
html[data-design="agi-light"] .facet-option.selected em { color: #fff; }
html[data-design="agi-light"] .table-shell { overflow: hidden; border-color: #bab7b5; border-radius: 14px; box-shadow: none; }
html[data-design="agi-light"] .table-meta { border-bottom-color: #bab7b5; background: #f4f3f3; }
html[data-design="agi-light"] th { background: #f4f3f3; }
html[data-design="agi-light"] tbody tr:hover { background: #f4f3f3; }
html[data-design="agi-light"] .person-link,
html[data-design="agi-light"] .user-email,
html[data-design="agi-light"] .original-toggle { color: #383432; }
html[data-design="agi-light"] .new-prompt-notice { color: #fff; border: 0; border-radius: 100px; background: #000; box-shadow: 0 8px 30px rgba(0,0,0,.18); }
html[data-design="agi-light"] .expanded .expand-user { color: #fff; border-color: #000; background: #000; }
html[data-design="agi-light"] .inline-user-detail-header span,
html[data-design="agi-light"] .profile-title span,
html[data-design="agi-light"] .user-page-header > div:first-child > span,
html[data-design="agi-light"] .target-drilldown header span,
html[data-design="agi-light"] .admin-access-panel > div > span { color: #55504e; }
html[data-design="agi-light"] :where(.user-page-loading, .user-page-header, .profile-panel, .first-five-panel, .target-drilldown, .admin-access-panel) { border-radius: 14px; }
html[data-design="agi-light"] .user-page-header { border-color: #bab7b5; background: #fff; }
html[data-design="agi-light"] .user-hover-preview { border-color: #bab7b5; border-radius: 12px; box-shadow: 0 14px 40px rgba(0,0,0,.14); }
html[data-design="agi-light"] #admin-access-email { border-radius: 100px; }
html[data-design="agi-light"] #admin-access-form button,
html[data-design="agi-light"] #admin-access-refresh { border-radius: 100px; }
html[data-design="agi-light"] .auth-gate { background: #f4f3f3; background-image: none; }
html[data-design="agi-light"] .auth-card { border-color: #d5d2d0; border-radius: 20px; box-shadow: 0 18px 60px rgba(0,0,0,.08); }
html[data-design="agi-light"] .auth-card > span { color: #55504e; }
html[data-design="agi-light"] .auth-card > button { border-radius: 100px; }

/* -----------------------------------------------------------------------
   C · AGI Utility Dark
   The same compact administrative system in warm graphite—not the legacy UI.
   ----------------------------------------------------------------------- */

html[data-design="agi-dark"] {
  color-scheme: dark;
  --bg: #171715;
  --surface: #20201d;
  --surface-2: #292925;
  --line: #42423c;
  --line-soft: #32322e;
  --text: #f4f3ef;
  --muted: #aaa69e;
  --subtle: #807d75;
  --lime: #f4f3ef;
  --blue: #b9c4ff;
  --red: #ff958c;
  --amber: #e8bd72;
  --focus: #f4f3ef;
}

html[data-design="agi-dark"] body {
  background-color: var(--bg);
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 100% 32px;
}
html[data-design="agi-dark"] .masthead {
  min-height: 84px;
  border-bottom-color: #393934;
  background: rgba(23,23,21,.97);
  box-shadow: none;
  backdrop-filter: none;
}
html[data-design="agi-dark"] .brand-mark {
  width: 42px;
  color: #f4f3ef;
  border: 0;
  background: transparent;
  font: 400 38px/1 Georgia, serif;
  letter-spacing: -.12em;
}
html[data-design="agi-dark"] .identity-kicker,
html[data-design="agi-dark"] .sync-state small,
html[data-design="agi-dark"] .sync-state button { color: var(--muted); }
html[data-design="agi-dark"] .sync-state #auth-user { color: var(--subtle); }
html[data-design="agi-dark"] .sync-state button:hover { color: var(--text); }
html[data-design="agi-dark"] .view-tabs {
  gap: 3px;
  align-self: center;
  margin-right: 18px;
  padding: 3px;
  border-radius: 100px;
  background: #242421;
}
html[data-design="agi-dark"] .view-tab {
  min-height: 34px;
  padding: 0 10px;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 100px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
}
html[data-design="agi-dark"] .view-tab::after { display: none; }
html[data-design="agi-dark"] .view-tab:hover { color: var(--text); background: #30302c; }
html[data-design="agi-dark"] .view-tab.active { color: #171715; border-color: #f4f3ef; background: #f4f3ef; }
html[data-design="agi-dark"] .design-switcher {
  border: 1px solid #3b3b36;
  border-radius: 100px;
  background: #242421;
}
html[data-design="agi-dark"] .design-switcher > span { color: var(--subtle); }
html[data-design="agi-dark"] .design-option { color: var(--muted); border: 1px solid transparent; border-radius: 100px; }
html[data-design="agi-dark"] .design-option:hover { color: var(--text); background: #30302c; }
html[data-design="agi-dark"] .design-option-dark { color: #171715; border-color: #f4f3ef; background: #f4f3ef; }

html[data-design="agi-dark"] main { max-width: 1800px; }
html[data-design="agi-dark"] .overview { min-height: 116px; gap: clamp(24px, 4vw, 58px); border-bottom-color: #42423c; }
html[data-design="agi-dark"] .overview > div { min-width: 130px; }
html[data-design="agi-dark"] .overview strong { color: var(--text); font-size: clamp(32px, 4vw, 46px); font-weight: 500; }
html[data-design="agi-dark"] .overview span,
html[data-design="agi-dark"] .overview p { color: var(--muted); }
html[data-design="agi-dark"] .filter-studio { border-bottom-color: #42423c; }
html[data-design="agi-dark"] :where(.filter-search span, .facet-heading span, .filter-control-card label > span, .history-controls label > span, .user-toolbar label > span) { color: var(--muted); }
html[data-design="agi-dark"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .filter-control-card button, .user-toolbar input, .user-toolbar select, .user-toolbar button, .history-controls input, .history-controls select, .history-controls button) {
  color: var(--text);
  border-color: #4b4b45;
  border-radius: 100px;
  background: #242421;
  box-shadow: none;
}
html[data-design="agi-dark"] :where(.filter-search input, .filter-search select, .filter-control-card input, .filter-control-card select, .user-toolbar input, .user-toolbar select):focus {
  border-color: #f4f3ef;
  box-shadow: 0 0 0 2px rgba(244,243,239,.12);
}
html[data-design="agi-dark"] .filter-search input::placeholder { color: #77746d; }
html[data-design="agi-dark"] .filter-actions button,
html[data-design="agi-dark"] .load-footer button,
html[data-design="agi-dark"] .back-to-users,
html[data-design="agi-dark"] .inline-user-detail-header button,
html[data-design="agi-dark"] .user-detail-footer button,
html[data-design="agi-dark"] .target-drilldown header button {
  color: var(--text);
  border-color: #4b4b45;
  border-radius: 100px;
  background: #242421;
}
html[data-design="agi-dark"] :where(.filter-actions button, .load-footer button, .back-to-users, .inline-user-detail-header button, .user-detail-footer button, .target-drilldown header button):hover,
html[data-design="agi-dark"] :where(#filter-toggle, #user-filter-toggle, #target-filter-toggle).has-filters {
  color: #171715;
  border-color: #f4f3ef;
  background: #f4f3ef;
}

html[data-design="agi-dark"] :where(.time-facet, .facet-card) { border-color: #41413c; border-radius: 12px; background: rgba(31,31,28,.92); }
html[data-design="agi-dark"] .facet-heading strong { color: var(--text); }
html[data-design="agi-dark"] .facet-heading small { color: var(--subtle); }
html[data-design="agi-dark"] .time-bar { background: #575751; }
html[data-design="agi-dark"] .time-bar:hover,
html[data-design="agi-dark"] .time-bar.preview { background: #aaa69e; }
html[data-design="agi-dark"] .time-bar.selected { background: #f4f3ef; box-shadow: none; }
html[data-design="agi-dark"] .facet-option {
  color: #cfccc5;
  border-radius: 7px;
  background: linear-gradient(90deg, #343430 var(--share), #242421 var(--share));
}
html[data-design="agi-dark"] .facet-option em { color: #8d8981; }
html[data-design="agi-dark"] .facet-option:hover { color: #fff; border-color: #6b6b63; }
html[data-design="agi-dark"] .facet-option.selected {
  color: #171715;
  border-color: #f4f3ef;
  background: linear-gradient(90deg, #f4f3ef var(--share), #aaa69e var(--share));
}
html[data-design="agi-dark"] .facet-option.selected em { color: #171715; }

html[data-design="agi-dark"] .table-shell { overflow: hidden; border-color: #484842; border-radius: 14px; background: #1f1f1c; box-shadow: none; }
html[data-design="agi-dark"] .table-meta { border-bottom-color: #484842; background: #252522; }
html[data-design="agi-dark"] .table-meta p { color: var(--muted); }
html[data-design="agi-dark"] .table-meta strong { color: var(--text); }
html[data-design="agi-dark"] th { color: #aaa69e; border-bottom-color: #484842; background: #252522; }
html[data-design="agi-dark"] td { color: #cbc8c1; border-bottom-color: #343430; }
html[data-design="agi-dark"] tbody tr:hover { background: #292925; }
html[data-design="agi-dark"] .table-sort:hover,
html[data-design="agi-dark"] .table-sort.active,
html[data-design="agi-dark"] .time-cell strong,
html[data-design="agi-dark"] .prompt-cell p,
html[data-design="agi-dark"] .user-email,
html[data-design="agi-dark"] .metric-value,
html[data-design="agi-dark"] .target-app-name { color: var(--text); }
html[data-design="agi-dark"] .table-sort span,
html[data-design="agi-dark"] .person-link,
html[data-design="agi-dark"] .user-email,
html[data-design="agi-dark"] .original-toggle { color: #cbd2ff; }
html[data-design="agi-dark"] .time-cell span,
html[data-design="agi-dark"] .user-subline,
html[data-design="agi-dark"] .muted { color: var(--subtle); }
html[data-design="agi-dark"] .original-text { color: #d8d5ce !important; border-left-color: #858fca; background: #292a33; }
html[data-design="agi-dark"] .pattern-label,
html[data-design="agi-dark"] .mode { color: #c6c3bc; }
html[data-design="agi-dark"] .country-code,
html[data-design="agi-dark"] .app-chip,
html[data-design="agi-dark"] .app-more,
html[data-design="agi-dark"] .profile-chips span { color: #c6c3bc; border-color: #4d4d47; border-radius: 7px; background: #2a2a26; }
html[data-design="agi-dark"] .mode-live-voice { color: #d7b3ff; }
html[data-design="agi-dark"] .mode-transcribe { color: #b9c4ff; }
html[data-design="agi-dark"] .outcome-success { color: #82d5a7; }
html[data-design="agi-dark"] .outcome-success i { background: #82d5a7; }
html[data-design="agi-dark"] .outcome-failure { color: #ff958c; }
html[data-design="agi-dark"] .outcome-blocked { color: #e8bd72; }
html[data-design="agi-dark"] .loading,
html[data-design="agi-dark"] .empty { color: var(--muted); }
html[data-design="agi-dark"] .new-prompt-notice { color: #171715; border: 0; border-radius: 100px; background: #f4f3ef; box-shadow: 0 8px 30px rgba(0,0,0,.35); }

html[data-design="agi-dark"] .user-summary-row.expanded { background: #292925; }
html[data-design="agi-dark"] .expand-user { color: var(--text); border-color: #4b4b45; background: #242421; }
html[data-design="agi-dark"] .expanded .expand-user { color: #171715; border-color: #f4f3ef; background: #f4f3ef; }
html[data-design="agi-dark"] .user-detail-row > td { background: #1b1b19; }
html[data-design="agi-dark"] .user-detail { border-bottom-color: #484842; }
html[data-design="agi-dark"] .inline-user-detail-header span,
html[data-design="agi-dark"] .profile-title span,
html[data-design="agi-dark"] .user-page-header > div:first-child > span,
html[data-design="agi-dark"] .target-drilldown header span,
html[data-design="agi-dark"] .admin-access-panel > div > span { color: #aaa69e; }
html[data-design="agi-dark"] :where(.user-page-loading, .user-page-header, .profile-panel, .first-five-panel, .target-drilldown, .admin-access-panel) {
  color: var(--text);
  border-color: #484842;
  border-radius: 14px;
  background: #20201d;
}
html[data-design="agi-dark"] .user-page-header { background: #20201d; }
html[data-design="agi-dark"] .user-page-header h2,
html[data-design="agi-dark"] .user-page-primary strong,
html[data-design="agi-dark"] .profile-hero strong,
html[data-design="agi-dark"] .first-five-panel li p { color: var(--text); }
html[data-design="agi-dark"] .user-detail-head > div,
html[data-design="agi-dark"] .profile-hero > div,
html[data-design="agi-dark"] .profile-facts > div,
html[data-design="agi-dark"] .history-controls { border-color: #41413c; background: #252522; }
html[data-design="agi-dark"] .user-hover-preview { color: var(--text); border-color: #55554f; border-radius: 12px; background: #20201d; box-shadow: 0 14px 40px rgba(0,0,0,.4); }
html[data-design="agi-dark"] .user-hover-preview dd { color: #cbc8c1; }
html[data-design="agi-dark"] .target-trend-card { background: #20201d; }
html[data-design="agi-dark"] .target-trend i { background: #676761; }
html[data-design="agi-dark"] .target-trend i:hover { background: #f4f3ef; }
html[data-design="agi-dark"] .target-drill-metrics,
html[data-design="agi-dark"] .target-drill-metrics div,
html[data-design="agi-dark"] .nested-table-scroll { border-color: #41413c; }
html[data-design="agi-dark"] .co-used-apps > span { color: var(--muted); border-color: #41413c; background: #292925; }
html[data-design="agi-dark"] .co-used-apps strong { color: var(--text); }
html[data-design="agi-dark"] .user-prompts-table th { background: #252522; }
html[data-design="agi-dark"] #admin-access-email { color: var(--text); border-color: #4b4b45; border-radius: 100px; background: #252522; }
html[data-design="agi-dark"] #admin-access-form button,
html[data-design="agi-dark"] #admin-access-refresh { color: #171715; border-color: #f4f3ef; border-radius: 100px; background: #f4f3ef; }
html[data-design="agi-dark"] .admin-revoke { color: #ffaba4; border-color: #754a46; border-radius: 100px; background: #332321; }

html[data-design="agi-dark"] .auth-gate { background: #171715; background-image: none; }
html[data-design="agi-dark"] .auth-card { color: var(--text); border-color: #42423c; border-radius: 20px; background: #20201d; box-shadow: 0 18px 60px rgba(0,0,0,.35); }
html[data-design="agi-dark"] .auth-card > span,
html[data-design="agi-dark"] .auth-card p { color: var(--muted); }
html[data-design="agi-dark"] .auth-card > button { color: #171715; border-color: #f4f3ef; border-radius: 100px; background: #f4f3ef; }

/* Widescreen density: use the display instead of leaving a narrow desktop
   canvas in the middle, and raise the working text one deliberate step. */
@media (min-width: 1200px) {
  html[data-design="agi-light"] .masthead,
  html[data-design="agi-dark"] .masthead {
    padding-inline: clamp(20px, 2vw, 32px);
  }
  html[data-design="agi-light"] main,
  html[data-design="agi-dark"] main {
    width: 100%;
    max-width: 2400px;
    padding-inline: clamp(20px, 2vw, 32px);
  }
  html[data-design="agi-light"] td,
  html[data-design="agi-dark"] td { padding: 18px 16px; font-size: 13px; }
  html[data-design="agi-light"] th,
  html[data-design="agi-dark"] th { padding-inline: 16px; font-size: 10px; }
  html[data-design] .prompt-cell p { font-size: 14px; }
  html[data-design] .person-cell,
  html[data-design] .person-link { font-size: 14px; }
  html[data-design] .user-email { font-size: 15px; }
  html[data-design] :where(.filter-search input, .filter-search select, .user-toolbar input, .user-toolbar select) { font-size: 13px; }
}

@media (min-width: 2200px) {
  html[data-design="agi-light"] main,
  html[data-design="agi-dark"] main { max-width: 3600px; }
}

@media (max-width: 1450px) {
  .design-switcher > span { display: none; }
  .design-switcher { margin-right: 10px; }
  html[data-design] .view-tabs { margin-right: 10px; }
}

@media (max-width: 1160px) {
  .design-switcher { order: 4; }
  html[data-design] .masthead { flex-wrap: wrap; gap: 10px; }
  html[data-design] .view-tabs { order: 3; width: 100%; height: 38px; margin: 0; overflow-x: auto; }
  html[data-design] .design-switcher { margin-left: auto; }
  html[data-design="lucy-wild"] .masthead { min-height: 124px; }
}

@media (max-width: 760px) {
  .brand-mark { width: 34px; height: 34px; }
  .identity-kicker { display: none; }
  .design-switcher { order: 2; margin-left: auto; }
  .design-option { min-height: 26px; padding: 0 7px; font-size: 8px; }
  html[data-design] .view-tabs { order: 4; }
  html[data-design] .filter-header { grid-template-columns: 1fr; }
  html[data-design] .filter-search { grid-column: 1 / -1; }
  html[data-design] .filter-actions { width: 100%; justify-content: flex-end; }
  html[data-design] .filter-actions button { flex: 1; }
  html[data-design="agi-light"] .masthead,
  html[data-design="agi-dark"] .masthead { min-height: 118px; }
  html[data-design="lucy-wild"] .masthead { top: 7px; width: calc(100% - 14px); min-height: 130px; margin-top: 7px; padding: 13px; border-radius: 14px; }
  html[data-design="lucy-wild"] main { padding-top: 12px; }
  html[data-design="lucy-wild"] .overview { align-items: stretch; gap: 8px; overflow-x: auto; padding: 10px 3px; }
  html[data-design="lucy-wild"] .overview > div { min-width: 138px; padding: 13px; }
  html[data-design="lucy-wild"] .overview p { display: none; }
  html[data-design="lucy-wild"] .table-shell { border-radius: 12px; box-shadow: 3px 3px 0 #201f2b; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-design] *, html[data-design] *::before, html[data-design] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}