:root {
  color-scheme: light;
  --canvas: #f4f6f2;
  --surface: #ffffff;
  --surface-soft: #f8faf7;
  --surface-strong: #eef2ed;
  --ink: #17201d;
  --ink-soft: #53615c;
  --ink-faint: #7b8984;
  --line: #dce3de;
  --line-strong: #c9d3cc;
  --sidebar: #10211d;
  --sidebar-soft: #18302a;
  --sidebar-line: #29413a;
  --accent: #23a879;
  --accent-strong: #117657;
  --accent-soft: #dff5ec;
  --blue: #4378e6;
  --blue-soft: #e9efff;
  --amber: #b56a10;
  --amber-soft: #fff1d9;
  --danger: #c44747;
  --danger-soft: #fff0ee;
  --shadow-sm: 0 1px 2px rgb(16 33 29 / 5%), 0 6px 18px rgb(16 33 29 / 4%);
  --shadow-md: 0 16px 40px rgb(16 33 29 / 9%);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --sidebar-width: 268px;
}

/* Knowledge PDF ingestion: visible security boundary and evidence ledger. */
.knowledge-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  overflow: hidden;
  gap: 1.25rem;
}
.knowledge-hero::after {
  position: absolute;
  right: -70px;
  bottom: -95px;
  width: 240px;
  height: 240px;
  border: 44px solid rgb(74 103 172 / 7%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.knowledge-guardrail {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  padding: .85rem .95rem;
  align-items: start;
  gap: .65rem;
  border: 1px solid #ccd6ed;
  border-radius: 13px;
  color: #2e426c;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 10px 30px rgb(47 67 110 / 8%);
  backdrop-filter: blur(8px);
}
.knowledge-guardrail > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: #4967a6;
}
.knowledge-guardrail strong { font-size: .72rem; }
.knowledge-guardrail p { margin: .15rem 0 0; color: #60708d; font-size: .62rem; line-height: 1.45; }
.knowledge-summary { grid-template-columns: repeat(7, minmax(105px, 1fr)); }
.knowledge-summary article:nth-child(3) { border-color: #bbcceb; background: linear-gradient(145deg, #fff, #f0f5ff); }
.knowledge-summary article:last-child { border-color: #e6d8c0; background: linear-gradient(145deg, #fff, #fff8ec); }
.knowledge-pdf-ingest {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  margin: 0 0 1rem;
  padding: 0;
  overflow: hidden;
  border-color: #23365b;
  box-shadow: 0 18px 44px rgb(28 43 73 / 15%);
}
.knowledge-pdf-intro {
  position: relative;
  display: grid;
  padding: 1.35rem 1.45rem;
  overflow: hidden;
  gap: 1rem;
  color: #f4f7ff;
  background:
    radial-gradient(circle at 92% 8%, rgb(115 153 231 / 30%), transparent 32%),
    linear-gradient(145deg, #172541, #243b66 66%, #1d3156);
}
.knowledge-pdf-intro::after {
  position: absolute;
  right: -36px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border: 28px solid rgb(255 255 255 / 5%);
  border-radius: 50%;
  content: "";
}
.knowledge-pdf-heading { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: .8rem; }
.knowledge-pdf-heading h2 { margin: .12rem 0 .25rem; color: #fff; font-size: 1.08rem; }
.knowledge-pdf-heading p:last-child { margin: 0; color: #bcc9e3; font-size: .67rem; line-height: 1.45; }
.knowledge-pdf-heading .eyebrow { color: #8fabe3; }
.pdf-mark {
  display: grid;
  width: 48px;
  height: 58px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 24%);
  border-radius: 10px 10px 15px 10px;
  color: #fff;
  background: linear-gradient(145deg, #d75e5e, #a93e4a);
  box-shadow: 0 8px 22px rgb(7 14 30 / 22%);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
}
.pdf-readiness, .secure-chip, .pdf-source-chip {
  display: inline-flex;
  padding: .3rem .5rem;
  align-items: center;
  border-radius: 999px;
  font-size: .54rem;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.pdf-readiness { border: 1px solid rgb(255 255 255 / 17%); color: #d7dfef; background: rgb(11 22 42 / 35%); }
.pdf-readiness.is-ready { border-color: rgb(113 224 183 / 36%); color: #9aebca; background: rgb(29 100 74 / 34%); }
.knowledge-pdf-pipeline { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; gap: .45rem; list-style: none; }
.knowledge-pdf-pipeline li { position: relative; display: grid; min-width: 0; padding: .7rem .62rem; gap: .35rem; border: 1px solid rgb(255 255 255 / 10%); border-radius: 10px; background: rgb(255 255 255 / 6%); }
.knowledge-pdf-pipeline li:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -.37rem; width: .3rem; border-top: 1px solid #7692c7; content: ""; }
.knowledge-pdf-pipeline li > span { color: #86a7e5; font-size: .53rem; font-weight: 900; letter-spacing: .08em; }
.knowledge-pdf-pipeline li div { display: grid; gap: .1rem; }
.knowledge-pdf-pipeline strong { overflow-wrap: anywhere; color: #f8faff; font-size: .62rem; }
.knowledge-pdf-pipeline small { color: #9eafd0; font-size: .51rem; line-height: 1.35; }
.knowledge-pdf-contract { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .35rem; }
.knowledge-pdf-contract span { padding: .32rem .48rem; border-radius: 999px; color: #b7c6e2; background: rgb(7 15 29 / 30%); font-size: .53rem; }
.knowledge-pdf-contract b { color: #fff; }
.knowledge-pdf-form-wrap { display: grid; padding: 1.25rem 1.35rem; align-content: start; background: linear-gradient(180deg, #fff, #f8faff); }
.knowledge-pdf-form-wrap .panel-header { margin-bottom: .85rem; }
.knowledge-pdf-form-wrap h3 { margin: .12rem 0 0; font-size: .9rem; }
.secure-chip { color: #276c54; background: #e2f4ec; }
.knowledge-pdf-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .58rem .7rem; }
.knowledge-pdf-form .field:has(input[type="file"]), .knowledge-pdf-form .field:has(input[name="title"]), .knowledge-pdf-form > button { grid-column: 1 / -1; }
.knowledge-pdf-form input[type="file"] { padding: .55rem; border: 1px dashed #9eb1d7; background: #f4f7fd; }
.knowledge-pdf-form input[type="file"]::file-selector-button { margin-right: .55rem; padding: .38rem .55rem; border: 0; border-radius: 7px; color: #fff; background: #4968a7; font: inherit; font-weight: 750; cursor: pointer; }
.knowledge-pdf-form > button { min-height: 42px; background: linear-gradient(135deg, #385b9b, #274476); box-shadow: 0 7px 16px rgb(42 68 117 / 20%); }
.pdf-retention-note { display: flex; margin: .7rem 0 0; align-items: center; gap: .42rem; color: #61718a; font-size: .57rem; }
.pdf-retention-note span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #277359; background: #dff2e9; }
.knowledge-pdf-closed { display: grid; min-height: 280px; padding: 1rem; place-content: center; justify-items: center; text-align: center; }
.knowledge-pdf-closed > span { display: grid; width: 48px; height: 48px; margin-bottom: .65rem; place-items: center; border-radius: 14px; color: #6780b1; background: #eaf0fb; font-size: 1.25rem; }
.knowledge-pdf-closed h3 { margin: 0; }
.knowledge-pdf-closed p { max-width: 350px; margin: .35rem 0 0; color: var(--ink-soft); font-size: .68rem; }
.knowledge-card-status { display: grid; justify-items: end; gap: .38rem; }
.pdf-source-chip { color: #8b3944; background: #f9e6e8; }
.knowledge-facts dd > small { display: block; margin-top: .18rem; color: var(--ink-faint); font-size: .52rem; }
.not-retained { color: #277159; }
.knowledge-ingestion-ledger { margin: 1rem 0 0; }
.knowledge-ingestion-ledger .panel-header p:last-child { margin: .2rem 0 0; color: var(--ink-soft); font-size: .65rem; }
.knowledge-ledger-list { display: grid; gap: .5rem; }
.knowledge-ledger-row { display: grid; grid-template-columns: 118px minmax(170px, .75fr) minmax(380px, 1.25fr); padding: .7rem .8rem; align-items: center; gap: .75rem; border: 1px solid var(--line); border-radius: 11px; background: linear-gradient(90deg, #fbfcfe, #fff); }
.knowledge-ledger-row > div { display: grid; min-width: 0; }
.knowledge-ledger-row > div strong { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-ledger-row > div small { color: var(--ink-faint); font-size: .55rem; }
.ledger-status { justify-self: start; padding: .28rem .46rem; border-radius: 999px; color: #6a5b38; background: #f5ecd7; font-size: .52rem; font-weight: 850; }
.ledger-clean { color: #276d54; background: #e0f3ea; }
.ledger-infected, .ledger-rejected, .ledger-extraction_failed { color: #973d48; background: #fae6e8; }
.ledger-unavailable { color: #86591b; background: #f8ecd8; }
.knowledge-ledger-row dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; gap: .4rem; }
.knowledge-ledger-row dl div { min-width: 0; padding-left: .55rem; border-left: 1px solid #e4e8ef; }
.knowledge-ledger-row dt { color: var(--ink-faint); font-size: .49rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.knowledge-ledger-row dd { margin: .1rem 0 0; overflow: hidden; color: var(--ink-soft); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-ledger-empty { display: grid; min-height: 100px; place-content: center; justify-items: center; color: var(--ink-faint); text-align: center; }
.knowledge-ledger-empty span { font-size: 1.3rem; }
.knowledge-ledger-empty p { margin: .3rem 0 0; font-size: .65rem; }

@media (max-width: 1280px) {
  .knowledge-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .knowledge-pdf-ingest { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .knowledge-hero { grid-template-columns: 1fr; }
  .knowledge-pdf-pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-pdf-pipeline li::after { display: none; }
  .knowledge-ledger-row { grid-template-columns: 105px 1fr; }
  .knowledge-ledger-row dl { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .knowledge-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-pdf-heading { grid-template-columns: auto 1fr; }
  .knowledge-pdf-heading .pdf-readiness { grid-column: 1 / -1; justify-self: start; }
  .knowledge-pdf-pipeline, .knowledge-pdf-form { grid-template-columns: 1fr; }
  .knowledge-pdf-form > .field { grid-column: 1; }
  .knowledge-pdf-contract { display: grid; grid-template-columns: 1fr 1fr; }
  .knowledge-ledger-row { grid-template-columns: 1fr; }
  .knowledge-ledger-row dl { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-card-status { justify-items: start; }
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: var(--canvas);
  font: 15px/1.55 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
a { color: inherit; }
svg { display: block; }
::selection { color: #fff; background: var(--accent-strong); }

.skip-link {
  position: fixed;
  z-index: 100;
  top: .75rem;
  left: .75rem;
  padding: .7rem 1rem;
  border-radius: 8px;
  color: #fff;
  background: var(--sidebar);
  transform: translateY(-160%);
  transition: transform .18s ease;
}
.skip-link:focus { transform: translateY(0); }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
:focus-visible { outline: 3px solid rgb(35 168 121 / 28%); outline-offset: 2px; }

/* Application frame */
.app-shell { min-height: 100vh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: var(--sidebar-width);
  min-height: 100vh;
  padding: 1.25rem 1rem;
  flex-direction: column;
  color: #e9f1ed;
  background:
    radial-gradient(circle at 18% 0%, rgb(59 149 115 / 16%), transparent 30%),
    var(--sidebar);
  border-right: 1px solid rgb(255 255 255 / 5%);
}
.sidebar-brand { display: grid; grid-template-columns: 1fr; align-items: center; gap: .35rem; padding: .15rem .35rem 1.15rem; }
.sidebar-brand .mode { justify-self: start; margin-left: 3.15rem; }
.brand { display: inline-flex; min-width: 0; align-items: center; gap: .72rem; color: #fff; text-decoration: none; }
.brand-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 12px;
  color: #0b211a;
  background: linear-gradient(145deg, #7cf0c4, #36bd8b);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 45%), 0 8px 22px rgb(35 168 121 / 18%);
  font-size: 1.05rem;
  font-weight: 900;
}
.brand-copy { display: grid; min-width: 0; line-height: 1.2; }
.brand-copy strong { overflow: hidden; font-size: .92rem; letter-spacing: -.01em; text-overflow: ellipsis; white-space: nowrap; }
.brand-copy small { margin-top: .16rem; color: #91a69f; font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }
.mode { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .48rem; border: 1px solid #395149; border-radius: 999px; color: #a9bcb6; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.mode span { width: 6px; height: 6px; border-radius: 50%; background: #69ddb1; box-shadow: 0 0 0 3px rgb(105 221 177 / 10%); }

.brand-context {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .65rem;
  margin-bottom: 1.2rem;
  padding: .72rem;
  border: 1px solid var(--sidebar-line);
  border-radius: 13px;
  background: rgb(255 255 255 / 4%);
}
.context-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #6ee1b5; background: rgb(65 186 140 / 13%); }
.context-icon svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.brand-context > label { display: grid; min-width: 0; }
.brand-context small { color: #8da39c; font-size: .63rem; letter-spacing: .04em; }
.brand-context select { width: 100%; min-height: 24px; padding: 0 1.2rem 0 0; overflow: hidden; border: 0; border-radius: 0; color: #f5faf7; background: transparent; box-shadow: none; font-size: .78rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.brand-context select:focus { box-shadow: none; }
.brand-context select option { color: var(--ink); background: #fff; }
.context-apply { display: grid; width: 28px; min-width: 28px; min-height: 28px; padding: .3rem; place-items: center; border-color: #365048; color: #9db3ab; background: rgb(255 255 255 / 4%); box-shadow: none; }
.context-apply:hover { color: #fff; background: rgb(255 255 255 / 9%); box-shadow: none; }
.context-apply svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.context-apply span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.primary-nav { display: grid; gap: .24rem; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a5049 transparent; }
.nav-label { margin: .9rem .7rem .3rem; color: #698079; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nav-label:first-child { margin-top: 0; }
.primary-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .68rem .75rem;
  border-radius: 10px;
  color: #9eb0aa;
  text-decoration: none;
  transition: color .15s ease, background .15s ease, transform .15s ease;
}
.primary-nav a:hover { color: #fff; background: rgb(255 255 255 / 5%); transform: translateX(2px); }
.primary-nav a[aria-current="page"] { color: #fff; background: var(--sidebar-soft); box-shadow: inset 0 0 0 1px rgb(124 240 196 / 9%); }
.primary-nav a[aria-current="page"]::before { position: absolute; inset: 9px auto 9px -1rem; width: 3px; border-radius: 0 4px 4px 0; background: #67d9ae; content: ""; }
.primary-nav svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.primary-nav a:first-of-type svg { fill: currentColor; stroke: none; }
.nav-count { display: grid; min-width: 20px; height: 20px; margin-left: auto; padding: 0 .35rem; place-items: center; border-radius: 999px; color: #10211d; background: #71dfb5; font-size: .59rem; line-height: 1; }

.sidebar-footer { display: grid; gap: .75rem; margin-top: auto; padding-top: 1rem; }
.security-note { display: flex; align-items: center; gap: .6rem; padding: .68rem .75rem; border: 1px solid var(--sidebar-line); border-radius: 10px; color: #98aba4; background: rgb(255 255 255 / 3%); }
.security-note > span { color: #5ed3a6; font-size: .65rem; }
.security-note div, .user-copy { display: grid; min-width: 0; }
.security-note strong { color: #dce7e2; font-size: .7rem; }
.security-note small { font-size: .61rem; }
.sidebar-user { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; padding: .2rem .15rem 0; }
.user-avatar { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #365048; border-radius: 10px; color: #dff8ee; background: #203b33; font-size: .78rem; font-weight: 800; }
.user-copy strong, .user-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-copy strong { color: #eef5f1; font-size: .76rem; }
.user-copy small { color: #80978f; font-size: .65rem; }
.sidebar-user form { margin: 0; }
.icon-button { display: grid; min-width: 32px; min-height: 32px; padding: .42rem; place-items: center; border-color: transparent; color: #91a69f; background: transparent; box-shadow: none; }
.icon-button:hover { color: #fff; background: rgb(255 255 255 / 6%); }
.icon-button svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.app-surface { min-height: 100vh; margin-left: var(--sidebar-width); }
.app-topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  min-height: 72px;
  padding: 0 clamp(1.25rem, 3vw, 3rem);
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgb(201 211 204 / 75%);
  background: rgb(249 251 248 / 88%);
  backdrop-filter: blur(18px);
}
.app-topbar p { margin: 0; }
.topbar-kicker { color: var(--ink-faint); font-size: .64rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.topbar-title { color: var(--ink); font-size: .95rem; font-weight: 760; }
.topbar-actions { display: flex; align-items: center; gap: 1rem; }
.topbar-brand-context { display: grid; min-width: 0; padding: .38rem .55rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .48rem; border: 1px solid #d5dfd9; border-radius: 11px; color: var(--ink-soft); background: #fff; box-shadow: 0 4px 14px rgb(16 33 29 / 4%); }
.topbar-brand-context.is-active { border-color: #b9ddcf; background: #f3fbf7; }
.topbar-brand-context > span:last-child { display: grid; min-width: 0; }
.topbar-brand-context small { color: var(--ink-faint); font-size: .52rem; font-weight: 800; letter-spacing: .07em; line-height: 1.1; text-transform: uppercase; }
.topbar-brand-context strong { max-width: 130px; overflow: hidden; color: var(--ink); font-size: .68rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.topbar-brand-dot { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #17684e; background: #dcf3e9; font-size: .62rem; font-weight: 900; }
.live-status { display: inline-flex; align-items: center; gap: .45rem; color: var(--ink-soft); font-size: .75rem; font-weight: 650; }
.live-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.topbar-help { padding-left: 1rem; border-left: 1px solid var(--line); color: var(--ink-soft); font-size: .75rem; font-weight: 650; text-decoration: none; }
.topbar-help:hover { color: var(--accent-strong); }

#main-content { width: min(1370px, calc(100% - clamp(2.5rem, 6vw, 6rem))); margin: 0 auto; padding: clamp(2rem, 4vw, 3.5rem) 0 5rem; }

/* Typography and shared surfaces */
h1, h2, h3 { color: var(--ink); line-height: 1.16; letter-spacing: -.025em; }
h1 { margin: .3rem 0 .65rem; font-size: clamp(2.15rem, 4vw, 3.6rem); font-weight: 780; }
h2 { margin: 0 0 .5rem; font-size: 1.14rem; }
h3 { margin: 0 0 .4rem; font-size: .98rem; }
p { text-wrap: pretty; }
.eyebrow { margin: 0; color: var(--accent-strong); font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.hero { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.hero > div { max-width: 760px; }
.hero > p { max-width: 440px; margin: 0 0 .3rem; color: var(--ink-soft); }
.hero.compact h1 { font-size: clamp(2rem, 3.5vw, 3rem); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }

.panel, .metric-card, .auth-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.panel { margin-top: 1rem; padding: 1.35rem; }
.panel-subtle { background: var(--surface-soft); box-shadow: none; }
.panel > p:first-of-type { color: var(--ink-soft); }
.panel-header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.panel-header p { margin: .2rem 0 0; color: var(--ink-soft); font-size: .82rem; }
.panel-count { display: inline-flex; min-width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 999px; color: var(--accent-strong); background: var(--accent-soft); font-size: .75rem; font-weight: 800; }

/* Buttons and forms */
button, .button-link {
  display: inline-flex;
  width: auto;
  min-height: 40px;
  padding: .62rem .92rem;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  border: 1px solid var(--accent);
  border-radius: 9px;
  color: #fff;
  background: var(--accent-strong);
  box-shadow: 0 4px 12px rgb(17 118 87 / 13%);
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
button:hover, .button-link:hover { background: #0c684d; box-shadow: 0 7px 18px rgb(17 118 87 / 18%); transform: translateY(-1px); }
button:active, .button-link:active { transform: translateY(0); }
.button-secondary { border-color: var(--line-strong); color: var(--ink); background: var(--surface); box-shadow: none; }
.button-secondary:hover { color: var(--accent-strong); background: var(--surface-soft); box-shadow: none; }
.button-danger { border-color: #f0b8b2; color: #9c3030; background: var(--danger-soft); box-shadow: none; }
.button-danger:hover { color: #fff; background: var(--danger); }

input, select, textarea {
  width: 100%;
  min-height: 42px;
  padding: .68rem .75rem;
  border: 1px solid var(--line-strong);
  border-radius: 9px;
  color: var(--ink);
  background: #fff;
  box-shadow: inset 0 1px 2px rgb(16 33 29 / 3%);
  transition: border-color .15s ease, box-shadow .15s ease;
}
textarea { min-height: 84px; resize: vertical; }
input:hover, select:hover, textarea:hover { border-color: #aebcb3; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px rgb(35 168 121 / 12%); }
input[type="checkbox"], input[type="radio"] { width: 1rem; min-height: auto; margin: 0 .4rem 0 0; accent-color: var(--accent-strong); box-shadow: none; }
.stack-form { display: grid; gap: 1rem; }
.field { display: grid; gap: .38rem; }
.field > label, .auth-card label { color: #33413c; font-size: .76rem; font-weight: 760; }
.field small, .helptext { color: var(--ink-faint); font-size: .7rem; }
.field-error input, .field-error select, .field-error textarea { border-color: var(--danger); }
.errorlist { margin: .25rem 0 0; padding-left: 1.15rem; color: var(--danger); font-size: .76rem; }
.stack-form > button { width: 100%; margin-top: .15rem; }
.field:has(input[name="allowed_tools"]) > div { display: grid; max-height: 330px; padding: .7rem; gap: .4rem; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.field:has(input[name="allowed_tools"]) label { display: flex; align-items: center; padding: .25rem; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .68rem; }
.field:has(input[name="allowed_tools"]) label:hover { background: var(--accent-soft); }

/* Messages */
.messages { display: grid; gap: .5rem; margin: -1rem 0 1.25rem; }
.message { display: flex; margin: 0; padding: .8rem 1rem; align-items: center; gap: .65rem; border: 1px solid #abdcca; border-radius: 11px; color: #155e48; background: #eefaf5; box-shadow: var(--shadow-sm); font-weight: 650; }
.message > span { display: grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-size: .72rem; }
.message > span::before { content: "✓"; }
.message.error { border-color: #efc0bb; color: #943838; background: var(--danger-soft); }
.message.error > span { background: var(--danger); }
.message.error > span::before { content: "!"; }

/* Dashboard */
.dashboard-hero { position: relative; padding: 1.9rem; overflow: hidden; border: 1px solid #193c32; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(125deg, #10211d 0%, #17362d 60%, #1c493a 100%); box-shadow: var(--shadow-md); }
.dashboard-hero::after { position: absolute; right: -70px; bottom: -110px; width: 300px; height: 300px; border: 52px solid rgb(100 228 179 / 8%); border-radius: 50%; content: ""; }
.dashboard-hero .eyebrow { color: #79e3bb; }
.dashboard-hero h1 { color: #fff; }
.dashboard-hero > p { color: #b7c9c2; }
.dashboard-hero .button-link { position: relative; z-index: 1; color: #0d2a20; background: #75e2b9; border-color: #75e2b9; }
.dashboard-hero .button-link:hover { background: #8aebc6; }
.metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; margin-top: 1.1rem; }
.metric-card { position: relative; min-height: 130px; padding: 1rem; overflow: hidden; }
.metric-card::after { position: absolute; inset: auto -24px -30px auto; width: 78px; height: 78px; border-radius: 50%; background: var(--metric-soft, var(--accent-soft)); content: ""; }
.metric-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.metric-icon { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 10px; color: var(--metric-color, var(--accent-strong)); background: var(--metric-soft, var(--accent-soft)); }
.metric-icon svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.metric-card > span { display: block; max-width: 130px; margin-top: .8rem; color: var(--ink-soft); font-size: .72rem; font-weight: 650; }
.metric-card > strong { position: relative; z-index: 1; display: block; margin-top: .12rem; color: var(--ink); font-size: 1.8rem; line-height: 1; letter-spacing: -.05em; }
.metric-link { position: relative; z-index: 1; display: inline-block; margin-top: .55rem; color: var(--accent-strong); font-size: .62rem; font-weight: 800; text-decoration: none; }
.metric-card.blue { --metric-color: #3768ce; --metric-soft: var(--blue-soft); }
.metric-card.amber { --metric-color: #a8600d; --metric-soft: var(--amber-soft); }
.metric-card.red { --metric-color: #b33c3c; --metric-soft: var(--danger-soft); }
.metric-card.neutral { --metric-color: #617069; --metric-soft: #edf0ee; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 1rem; margin-top: 1rem; align-items: start; }
.dashboard-column { display: grid; gap: 1rem; }
.dashboard-column > .panel { margin: 0; }
.priority-list, .activity-list, .control-list, .brand-list { margin: 0; padding: 0; list-style: none; }
.priority-list { display: grid; gap: .65rem; }
.priority-list li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; padding: .85rem; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.priority-score { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: var(--accent-strong); background: var(--accent-soft); font-weight: 850; }
.priority-copy { display: grid; }
.priority-copy small { color: var(--ink-faint); }
.activity-list { display: grid; }
.activity-list li { position: relative; display: grid; grid-template-columns: 10px 1fr; gap: .75rem; padding: .3rem 0 1rem; color: var(--ink-soft); font-size: .78rem; }
.activity-list li::before { position: relative; z-index: 1; width: 8px; height: 8px; margin-top: .38rem; border: 2px solid #fff; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 1px #a8d8c7; content: ""; }
.activity-list li::after { position: absolute; top: 1rem; bottom: -.1rem; left: 3px; width: 1px; background: var(--line); content: ""; }
.activity-list li:last-child::after { display: none; }
.activity-list time { display: block; color: var(--ink-faint); font-size: .68rem; }
.emergency-panel { border-color: #efcfca; background: linear-gradient(180deg, #fff, #fff9f8); }
.emergency-heading { display: flex; align-items: center; gap: .65rem; }
.emergency-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--danger); background: var(--danger-soft); font-weight: 900; }
.pause-state { display: inline-flex; align-items: center; gap: .38rem; margin: .35rem 0 1rem; padding: .3rem .55rem; border-radius: 999px; color: var(--accent-strong); background: var(--accent-soft); font-size: .7rem; font-weight: 800; }
.pause-state.paused { color: var(--danger); background: var(--danger-soft); }
.control-group + .control-group { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.control-group h3 { color: var(--ink-soft); font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.control-list { display: grid; gap: .5rem; }
.control-list li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .65rem; padding: .65rem 0; border-bottom: 1px solid #edf0ee; }
.control-list li:last-child { border: 0; }
.control-copy { display: grid; }
.control-copy strong { font-size: .78rem; }
.control-copy small { color: var(--ink-faint); font-size: .68rem; }
.control-list button { min-height: 32px; padding: .38rem .58rem; font-size: .68rem; }
.emergency-panel { position: relative; overflow: hidden; border-color: #dfebe6; background: linear-gradient(160deg, #fff 0%, #f8fcfa 58%, #eef8f3 100%); }
.emergency-panel::before { content: ""; position: absolute; width: 180px; height: 180px; right: -96px; top: -90px; border: 1px solid rgb(22 111 80 / 8%); border-radius: 50%; box-shadow: 0 0 0 28px rgb(22 111 80 / 3%), 0 0 0 58px rgb(22 111 80 / 2%); pointer-events: none; }
.emergency-panel > * { position: relative; z-index: 1; }
.emergency-heading { align-items: flex-start; }
.emergency-heading p:last-child { margin: .18rem 0 0; color: var(--ink-soft); font-size: .67rem; line-height: 1.45; }
.emergency-icon { flex: 0 0 auto; color: #075e45; background: #d9f3e9; box-shadow: 0 8px 20px rgb(20 111 79 / 12%); }
.emergency-trust-strip { display: flex; margin: .8rem 0; padding: .48rem .55rem; flex-wrap: wrap; gap: .32rem .55rem; border: 1px solid #d6e7e0; border-radius: 10px; color: #557168; background: rgb(255 255 255 / 72%); font-size: .48rem; font-weight: 780; }
.emergency-trust-strip span { display: inline-flex; align-items: center; gap: .25rem; }
.emergency-trust-strip i { width: 6px; height: 6px; border-radius: 50%; background: #24b889; box-shadow: 0 0 0 3px #d9f5eb; }
.emergency-scope-group { margin-top: .9rem; }
.emergency-scope-heading { display: flex; margin-bottom: .42rem; align-items: center; gap: .45rem; color: #536b62; }
.emergency-scope-heading > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #147052; background: #e2f3ec; font-size: .48rem; font-weight: 900; }
.emergency-scope-heading div { display: grid; }
.emergency-scope-heading strong { color: var(--ink); font-size: .64rem; }
.emergency-scope-heading small { font-size: .45rem; }
.emergency-scope-card { margin-top: .42rem; padding: .58rem; border: 1px solid #dce9e4; border-radius: 11px; background: rgb(255 255 255 / 82%); box-shadow: inset 3px 0 0 #5bb796; }
.emergency-scope-card.is-paused { border-color: #ead8bd; background: linear-gradient(145deg, #fffdf8, #fff5e7); box-shadow: inset 3px 0 0 #dda047; }
.emergency-scope-card > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .42rem; }
.emergency-scope-card header div { min-width: 0; }
.emergency-scope-card header small, .emergency-scope-card header strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emergency-scope-card header small { color: var(--ink-faint); font-size: .4rem; font-weight: 760; text-transform: uppercase; }
.emergency-scope-card header strong { margin-top: .08rem; font-size: .61rem; }
.emergency-scope-card header b { padding: .18rem .3rem; border-radius: 999px; color: #17694f; background: #d9efe6; font-size: .38rem; letter-spacing: .03em; text-transform: uppercase; }
.emergency-scope-card.is-paused header b { color: #85591b; background: #ffe5bb; }
.emergency-state-icon { position: relative; display: block; width: 25px; height: 14px; border-radius: 999px; background: #b9dfd1; }
.emergency-state-icon i { position: absolute; width: 10px; height: 10px; right: 2px; top: 2px; border-radius: 50%; background: #22785a; box-shadow: 0 1px 3px rgb(0 0 0 / 18%); }
.emergency-scope-card.is-paused .emergency-state-icon { background: #eed9b6; }
.emergency-scope-card.is-paused .emergency-state-icon i { right: 13px; background: #a66a1f; }
.emergency-control-editor { margin-top: .5rem; border-top: 1px solid rgb(71 106 93 / 11%); }
.emergency-control-editor summary { padding-top: .42rem; color: #1c7355; cursor: pointer; font-size: .48rem; font-weight: 820; list-style-position: inside; }
.emergency-control-editor form { display: grid; margin-top: .48rem; gap: .27rem; }
.emergency-control-editor label { color: #60736c; font-size: .43rem; font-weight: 760; }
.emergency-control-editor input[type="text"] { width: 100%; min-height: 34px; padding: .42rem .48rem; border-color: #ceddd7; background: #fff; font-size: .48rem; }
.emergency-control-editor button { width: 100%; min-height: 34px; margin-top: .08rem; padding: .42rem .5rem; border: 1px solid transparent; font-size: .48rem; }
.emergency-control-editor button.is-pause { color: #8d3f38; border-color: #e9c5c1; background: #fbe8e5; }
.emergency-control-editor button.is-pause:hover { color: #fff; background: #a54840; }
.emergency-control-editor button.is-resume { color: #fff; background: #1f7657; }
.emergency-control-locked { margin: .48rem 0 0; padding-top: .4rem; border-top: 1px solid rgb(71 106 93 / 11%); color: var(--ink-faint); font-size: .45rem; line-height: 1.4; }
.brand-list { display: grid; gap: .55rem; }
.brand-list li { display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.brand-dot { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(145deg, var(--accent), var(--accent-strong)); font-size: .7rem; font-weight: 850; }
.brand-list span:last-child { display: grid; }
.brand-list small { color: var(--ink-faint); }
.dashboard-command-root { --dashboard-navy: #10282f; --dashboard-mint: #68dbb2; display: grid; gap: 1rem; }
.dashboard-livebar { display: flex; min-height: 62px; padding: .62rem .75rem; align-items: center; gap: .8rem; border: 1px solid #d8e7e2; border-radius: 16px; background: rgb(255 255 255 / 94%); box-shadow: 0 10px 26px rgb(17 57 47 / 5%); }
.dashboard-live-identity { display: flex; min-width: 160px; align-items: center; gap: .58rem; }
.dashboard-live-identity p, .dashboard-live-identity strong, .dashboard-livebar > p { margin: 0; }
.dashboard-live-identity strong { display: block; margin-top: .05rem; color: #17463c; font-size: .7rem; }
.dashboard-live-beacon { position: relative; width: 10px; height: 10px; flex: 0 0 auto; border: 2px solid #fff; border-radius: 50%; background: #55c59d; box-shadow: 0 0 0 4px #dff4ec; }
.dashboard-live-beacon::after { position: absolute; inset: -5px; border: 1px solid #62c8a4; border-radius: 50%; content: ""; animation: dashboard-live-pulse 1.8s ease-out infinite; }
.dashboard-livebar > p { flex: 1; color: #758d87; font-size: .64rem; }
.dashboard-livebar time { color: #315f58; font-weight: 850; }
.dashboard-livebar button { display: inline-flex; min-height: 38px; padding: .48rem .68rem; align-items: center; justify-content: center; gap: .38rem; border: 1px solid #cde1dc; border-radius: 10px; color: #176b5d; background: #eff8f5; font-size: .64rem; font-weight: 850; cursor: pointer; }
.dashboard-livebar button:hover { border-color: #82c8b8; background: #e2f5ef; }
.dashboard-livebar button:disabled { opacity: .58; cursor: wait; }
.dashboard-livebar button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-livebar.is-syncing .dashboard-live-beacon { background: #669fc0; box-shadow: 0 0 0 4px #e0edf5; }
.dashboard-livebar.is-live { border-color: #bfe4d7; background: #f8fdfa; }
.dashboard-livebar.is-unavailable { border-color: #efd7d2; background: #fff9f8; }
.dashboard-livebar.is-unavailable .dashboard-live-beacon { background: #d26d62; box-shadow: 0 0 0 4px #f9e4e0; }
.dashboard-livebar.is-unavailable .dashboard-live-beacon::after { border-color: #d26d62; animation: none; }
@keyframes dashboard-live-pulse { 0% { opacity: .8; transform: scale(.7); } 75%, 100% { opacity: 0; transform: scale(1.65); } }
.dashboard-command-hero { position: relative; display: grid; min-height: 360px; padding: clamp(1.5rem, 3vw, 2.4rem); overflow: hidden; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 1.4rem; align-items: center; border: 1px solid #21473e; border-radius: 24px; color: #eaf7f2; background: radial-gradient(circle at 82% 12%, rgb(97 214 175 / 18%), transparent 31%), linear-gradient(132deg, #0c211d 0%, #12372f 58%, #17473a 100%); box-shadow: 0 24px 56px rgb(13 41 34 / 16%); }
.dashboard-command-hero::before { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgb(255 255 255 / 12%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 12%) 1px, transparent 1px); background-size: 42px 42px; content: ""; mask-image: linear-gradient(90deg, transparent, #000 45%, #000); }
.dashboard-command-copy { position: relative; z-index: 2; max-width: 720px; }
.dashboard-command-copy .eyebrow { color: #73e1b9; }
.dashboard-command-copy h1 { max-width: 640px; margin: .12rem 0 .55rem; color: #fff; font-size: clamp(2.7rem, 5vw, 5.5rem); line-height: .9; letter-spacing: -.065em; }
.dashboard-command-copy > p:not(.eyebrow) { max-width: 640px; margin: 0; color: #bdd2ca; font-size: .82rem; line-height: 1.55; }
.dashboard-command-state { display: inline-grid; max-width: 620px; margin-top: 1.15rem; padding: .72rem .85rem; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; align-items: center; border: 1px solid rgb(125 226 189 / 20%); border-radius: 13px; background: rgb(255 255 255 / 6%); }
.dashboard-command-state > span { width: 10px; height: 10px; border-radius: 50%; background: #6ee1b7; box-shadow: 0 0 0 5px rgb(110 225 183 / 12%); }
.dashboard-command-state div { display: grid; }
.dashboard-command-state strong { color: #fff; font-size: .76rem; }
.dashboard-command-state small { color: #abc5bc; font-size: .62rem; }
.dashboard-command-hero.tone-attention .dashboard-command-state > span, .dashboard-command-hero.tone-paused .dashboard-command-state > span { background: #f48678; box-shadow: 0 0 0 5px rgb(244 134 120 / 14%); }
.dashboard-command-hero.tone-guarded .dashboard-command-state > span, .dashboard-command-hero.tone-pending .dashboard-command-state > span { background: #f1b85c; box-shadow: 0 0 0 5px rgb(241 184 92 / 14%); }
.dashboard-quick-actions { display: flex; margin-top: 1.2rem; flex-wrap: wrap; gap: .55rem; }
.dashboard-quick-actions a { position: relative; z-index: 2; padding: .58rem .75rem; border: 1px solid rgb(184 233 215 / 18%); border-radius: 10px; color: #d9eee6; background: rgb(255 255 255 / 5%); font-size: .65rem; font-weight: 800; text-decoration: none; }
.dashboard-quick-actions a:first-child { color: #102c24; border-color: #70ddb5; background: #70ddb5; }
.dashboard-quick-actions a:hover { transform: translateY(-1px); border-color: #70ddb5; }
.dashboard-radar { position: relative; z-index: 1; min-height: 300px; }
.dashboard-radar-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgb(119 224 185 / 20%); border-radius: 50%; transform: translate(-50%, -50%); }
.dashboard-radar-ring::before, .dashboard-radar-ring::after { position: absolute; top: 50%; left: 50%; background: rgb(119 224 185 / 14%); content: ""; transform: translate(-50%, -50%); }
.dashboard-radar-ring::before { width: 100%; height: 1px; }.dashboard-radar-ring::after { width: 1px; height: 100%; }
.dashboard-radar-ring.ring-one { width: 210px; height: 210px; }.dashboard-radar-ring.ring-two { width: 292px; height: 292px; opacity: .72; }
.dashboard-radar-core { position: absolute; top: 50%; left: 50%; display: grid; width: 132px; height: 132px; padding: .8rem; place-content: center; border: 1px solid rgb(126 228 191 / 28%); border-radius: 50%; text-align: center; background: linear-gradient(145deg, rgb(81 206 161 / 22%), rgb(8 32 27 / 72%)); box-shadow: 0 0 0 12px rgb(101 222 178 / 4%), inset 0 0 30px rgb(102 224 180 / 8%); transform: translate(-50%, -50%); }
.dashboard-radar-core span { color: #81dcbc; font-size: .54rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.dashboard-radar-core strong { margin: .16rem 0; color: #fff; font-size: .78rem; line-height: 1.15; }.dashboard-radar-core small { color: #98bbb0; font-size: .52rem; }
.dashboard-radar-node { position: absolute; display: grid; min-width: 102px; padding: .48rem .58rem; grid-template-columns: 1fr auto; gap: .38rem; align-items: center; border: 1px solid rgb(255 255 255 / 10%); border-radius: 11px; color: #d7ece4; background: rgb(10 39 32 / 88%); box-shadow: 0 10px 22px rgb(3 20 16 / 18%); text-decoration: none; }
.dashboard-radar-node::before { width: 7px; height: 7px; grid-column: 1 / -1; border-radius: 50%; background: var(--radar-tone, #65d5ac); content: ""; box-shadow: 0 0 0 4px color-mix(in srgb, var(--radar-tone, #65d5ac) 16%, transparent); }
.dashboard-radar-node span { font-size: .55rem; }.dashboard-radar-node strong { grid-row: 1 / span 2; grid-column: 2; color: #fff; font-size: 1.05rem; }.dashboard-radar-node.node-1 { top: 4%; left: 7%; }.dashboard-radar-node.node-2 { top: 20%; right: 0; }.dashboard-radar-node.node-3 { right: 9%; bottom: 5%; }
.dashboard-radar-node.tone-red { --radar-tone: #ef7b70; }.dashboard-radar-node.tone-amber { --radar-tone: #edb45a; }.dashboard-radar-node.tone-violet { --radar-tone: #a895e7; }.dashboard-radar-node.tone-blue { --radar-tone: #73add4; }
.dashboard-pulse-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.dashboard-pulse-card { --pulse-tone: #6f837c; --pulse-soft: #eff3f1; position: relative; display: grid; min-height: 142px; padding: .95rem; overflow: hidden; grid-template-rows: auto auto 1fr auto; border: 1px solid #dfe8e4; border-radius: 16px; color: var(--ink); background: #fff; box-shadow: 0 9px 24px rgb(24 60 50 / 5%); text-decoration: none; }
.dashboard-pulse-card::after { position: absolute; right: -26px; bottom: -34px; width: 88px; height: 88px; border: 16px solid var(--pulse-soft); border-radius: 50%; content: ""; }
.dashboard-pulse-card:hover { border-color: color-mix(in srgb, var(--pulse-tone) 45%, #dfe8e4); transform: translateY(-2px); box-shadow: 0 14px 30px rgb(24 60 50 / 9%); }
.dashboard-pulse-card.tone-green { --pulse-tone: #198b65; --pulse-soft: #e0f4eb; }.dashboard-pulse-card.tone-blue { --pulse-tone: #4a77be; --pulse-soft: #e6eefb; }.dashboard-pulse-card.tone-violet { --pulse-tone: #7d63ba; --pulse-soft: #eeeafa; }.dashboard-pulse-card.tone-amber { --pulse-tone: #b87317; --pulse-soft: #fbefd9; }.dashboard-pulse-card.tone-red { --pulse-tone: #bc5046; --pulse-soft: #fae5e2; }
.dashboard-pulse-index { color: var(--pulse-tone); font-size: .54rem; font-weight: 900; letter-spacing: .1em; }.dashboard-pulse-label { margin-top: .48rem; color: var(--ink-soft); font-size: .64rem; font-weight: 760; }.dashboard-pulse-card > strong { position: relative; z-index: 1; margin-top: .14rem; align-self: end; font-size: 1.7rem; line-height: 1; letter-spacing: -.055em; }.dashboard-pulse-card small { position: relative; z-index: 1; max-width: 180px; margin-top: .35rem; color: var(--ink-faint); font-size: .57rem; line-height: 1.35; }.dashboard-pulse-card > i { position: absolute; top: .8rem; right: .85rem; color: var(--pulse-tone); font-size: .78rem; font-style: normal; }
.dashboard-attention { padding: 1.15rem; border: 1px solid #dbe6e2; border-radius: 18px; background: linear-gradient(180deg, #fff, #f8fbfa); box-shadow: 0 12px 28px rgb(24 60 50 / 5%); }
.dashboard-section-heading { display: flex; margin-bottom: .9rem; align-items: end; justify-content: space-between; gap: 1rem; }.dashboard-section-heading h2 { margin: .08rem 0 0; font-size: 1rem; }.dashboard-section-heading p { margin: .2rem 0 0; color: var(--ink-soft); font-size: .66rem; }.dashboard-section-heading > span, .dashboard-section-heading > a { padding: .35rem .55rem; border: 1px solid #d9e7e2; border-radius: 999px; color: #397466; background: #f1f8f5; font-size: .58rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dashboard-attention-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.dashboard-attention-card { --attention-tone: #26966e; --attention-soft: #e4f6ee; display: grid; min-height: 82px; padding: .72rem; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: .6rem; align-items: center; border: 1px solid #e0e9e5; border-radius: 13px; color: var(--ink); background: #fff; text-decoration: none; }
.dashboard-attention-card:hover { border-color: color-mix(in srgb, var(--attention-tone) 40%, #e0e9e5); background: color-mix(in srgb, var(--attention-soft) 40%, #fff); }
.dashboard-attention-card.tone-red { --attention-tone: #bd4e45; --attention-soft: #f9e4e1; }.dashboard-attention-card.tone-amber { --attention-tone: #b37416; --attention-soft: #faeed7; }.dashboard-attention-card.tone-violet { --attention-tone: #7962b4; --attention-soft: #eee9fa; }.dashboard-attention-card.tone-blue { --attention-tone: #4776bd; --attention-soft: #e6eefb; }
.dashboard-attention-signal { width: 9px; height: 9px; border-radius: 50%; background: var(--attention-tone); box-shadow: 0 0 0 5px var(--attention-soft); }.dashboard-attention-card > div { display: grid; min-width: 0; }.dashboard-attention-card > div strong { font-size: .7rem; }.dashboard-attention-card > div small { overflow: hidden; color: var(--ink-faint); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }.dashboard-attention-card > b { min-width: 28px; color: var(--attention-tone); font-size: 1.1rem; text-align: right; }.dashboard-attention-card > i { color: var(--attention-tone); font-size: .8rem; font-style: normal; }
.dashboard-command-grid { margin-top: 0; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .65fr); }
.dashboard-upcoming { padding: 0; overflow: hidden; }.dashboard-upcoming > header { padding: 1rem 1rem .85rem; border-bottom: 1px solid var(--line); }.dashboard-upcoming-list { display: grid; margin: 0; padding: 0; list-style: none; }.dashboard-upcoming-list > li { display: grid; min-height: 80px; padding: .75rem 1rem; grid-template-columns: 112px minmax(0, 1fr) auto; gap: .75rem; align-items: center; border-bottom: 1px solid #edf1ef; }.dashboard-upcoming-list > li:last-child { border-bottom: 0; }.dashboard-upcoming-list time { display: grid; }.dashboard-upcoming-list time strong { color: #236e5b; font-size: .67rem; }.dashboard-upcoming-list time small { color: var(--ink-faint); font-size: .52rem; }.dashboard-upcoming-copy { display: grid; min-width: 0; }.dashboard-upcoming-copy strong { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }.dashboard-upcoming-copy small { color: var(--ink-faint); font-size: .58rem; }.dashboard-upcoming-status { padding: .3rem .48rem; border-radius: 999px; color: #49665f; background: #edf3f1; font-size: .54rem; font-weight: 850; }.dashboard-upcoming-status.status-scheduled { color: #3567a9; background: #e7eef9; }.dashboard-upcoming-status.status-queued { color: #735bad; background: #eeeafb; }.dashboard-upcoming-status.status-processing { color: #a26513; background: #faeed8; }
.dashboard-upcoming-list > .dashboard-upcoming-empty { min-height: 132px; grid-template-columns: auto minmax(0, 1fr) auto; }.dashboard-upcoming-empty > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #5c897c; background: #e9f4f0; }.dashboard-upcoming-empty p { margin: .15rem 0 0; color: var(--ink-faint); font-size: .62rem; }.dashboard-upcoming-empty a { color: var(--accent-strong); font-size: .62rem; font-weight: 800; text-decoration: none; }

/* Workspaces and entity lists */
.workspace-grid { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(420px, 1.22fr); gap: 1rem; align-items: start; }
.workspace-grid > .panel, .workspace-grid > .content-list { margin-top: 0; }
.setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.setup-grid .panel { margin-top: 0; }
.setup-lists { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.content-list { display: grid; gap: 1rem; }
.content-list > .panel { margin-top: 0; }
.entity-list { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.entity-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .12rem .75rem; padding: .8rem; align-items: center; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.entity-list li > strong { overflow-wrap: anywhere; }
.entity-list li > span:not(.status-pill) { grid-column: 1; color: var(--ink-faint); font-size: .74rem; }
.entity-actions { grid-column: 1 / -1; display: flex; gap: .5rem; padding-top: .45rem; }
.entity-actions button { min-height: 34px; padding: .4rem .62rem; font-size: .7rem; }
.empty-state { color: var(--ink-faint); }

/* Brand operating system */
.brand-system-hero { padding: clamp(1.15rem, 2vw, 1.55rem); overflow: hidden; align-items: center; color: #effaf6; border: 1px solid #25493e; border-radius: 18px; background: radial-gradient(circle at 78% -30%, rgb(111 225 183 / 22%), transparent 42%), linear-gradient(135deg, #10211d, #1c4b3c); box-shadow: 0 18px 40px rgb(16 33 29 / 14%); }
.brand-system-hero .eyebrow { color: #78e2ba; }
.brand-system-hero h1 { color: #fff; }
.brand-system-hero > div:first-child > p:last-child { max-width: 680px; margin: .45rem 0 0; color: #bdd2ca; }
.brand-system-safety { display: grid; max-width: 390px; padding: .85rem 1rem; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; border: 1px solid rgb(134 225 191 / 18%); border-radius: 14px; background: rgb(255 255 255 / 6%); }
.brand-system-safety > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #10211d; background: #78e2ba; font-weight: 900; }
.brand-system-safety p { display: grid; margin: 0; color: #b9cec6; font-size: .68rem; }
.brand-system-safety strong { color: #fff; font-size: .74rem; }
.brand-system-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.brand-system-summary article { position: relative; display: grid; min-height: 92px; padding: .85rem 1rem; overflow: hidden; align-content: center; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.brand-system-summary article::after { position: absolute; right: -.8rem; bottom: -.9rem; width: 52px; height: 52px; border: 10px solid var(--accent-soft); border-radius: 50%; content: ""; }
.brand-system-summary span { position: relative; z-index: 1; color: var(--ink-soft); font-size: .66rem; font-weight: 750; }
.brand-system-summary strong { position: relative; z-index: 1; font-size: 1.35rem; letter-spacing: -.045em; }
.brand-system-summary small { position: relative; z-index: 1; color: var(--ink-faint); font-size: .58rem; }
.brand-system-toolbar { display: flex; margin: 0 0 1rem; align-items: end; justify-content: space-between; gap: 1rem; border-color: #d9e5de; background: linear-gradient(180deg, #fff, #f9fcfa); }
.brand-system-toolbar > div > p:last-child { margin: .25rem 0 0; color: var(--ink-soft); font-size: .72rem; }
.brand-system-toolbar form { display: flex; min-width: 390px; align-items: end; gap: .5rem; }
.brand-system-toolbar form .field { min-width: 210px; flex: 1; }
.brand-system-toolbar button, .brand-system-toolbar .button-link { min-height: 40px; white-space: nowrap; }
.brand-readiness-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.6rem; }
.brand-readiness-card { margin: 0; padding: 0; overflow: hidden; }
.brand-readiness-card.is-ready { border-color: #b9dece; box-shadow: 0 10px 28px rgb(35 168 121 / 9%); }
.brand-readiness-card > header { display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; align-items: center; border-bottom: 1px solid var(--line); }
.brand-readiness-card > header > div { min-width: 0; }
.brand-readiness-card > header > div > span { display: block; overflow: hidden; color: var(--ink-faint); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.brand-readiness-card h3 { margin: .05rem 0 0; overflow: hidden; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.brand-readiness-card .status-pill { grid-column: 3; grid-row: 1; }
.brand-monogram { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #183c31, #2bb383); font-size: .9rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%); }
.brand-readiness-meter { padding: .9rem 1rem .75rem; }
.brand-readiness-meter > div { display: flex; margin-bottom: .45rem; align-items: center; justify-content: space-between; gap: .6rem; color: var(--ink-soft); font-size: .65rem; }
.brand-readiness-meter strong { color: var(--ink); font-size: .78rem; }
.brand-readiness-meter progress { display: block; width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 99px; background: var(--surface-strong); }
.brand-readiness-meter progress::-webkit-progress-bar { border-radius: 99px; background: var(--surface-strong); }
.brand-readiness-meter progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, var(--accent-strong), #4fd2a1); }
.brand-readiness-meter progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, var(--accent-strong), #4fd2a1); }
.brand-readiness-checklist { display: grid; gap: .45rem; margin: 0; padding: 0 1rem 1rem; list-style: none; }
.brand-readiness-checklist li { display: grid; padding: .58rem .65rem; grid-template-columns: auto 1fr; gap: .55rem; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.brand-readiness-checklist li > span { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--ink-faint); background: #fff; font-size: .62rem; font-weight: 850; }
.brand-readiness-checklist li.is-complete > span { color: #fff; border-color: var(--accent); background: var(--accent); }
.brand-readiness-checklist li > div { display: grid; }
.brand-readiness-checklist strong { font-size: .7rem; }
.brand-readiness-checklist small { color: var(--ink-faint); font-size: .6rem; }
.brand-readiness-card > footer { display: flex; padding: .75rem 1rem; align-items: center; justify-content: space-between; gap: .75rem; border-top: 1px solid var(--line); background: #fbfcfb; }
.brand-readiness-card > footer > div { display: grid; }
.brand-readiness-card > footer span { color: var(--ink-faint); font-size: .58rem; }
.brand-readiness-card > footer strong { font-size: .66rem; }
.brand-readiness-card > footer a { color: var(--accent-strong); font-size: .66rem; font-weight: 800; text-decoration: none; }
.read-only-chip { padding: .28rem .48rem; border-radius: 999px; background: var(--surface-strong); font-weight: 750; }
.brand-system-empty { grid-column: 1 / -1; display: flex; margin: 0; align-items: center; gap: 1rem; }
.brand-system-empty > span, .brand-read-only > span { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; border-radius: 13px; color: var(--accent-strong); background: var(--accent-soft); font-size: 1.1rem; font-weight: 900; }
.section-heading { display: flex; margin: 0 0 .8rem; align-items: end; justify-content: space-between; gap: 1rem; }
.section-heading h2 { margin: .08rem 0; font-size: 1.22rem; }
.section-heading p:last-child { margin: 0; color: var(--ink-soft); font-size: .7rem; }
.section-heading > span { color: var(--ink-faint); font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.brand-config-studio { margin-bottom: 1.6rem; scroll-margin-top: 90px; }
.brand-setup-grid { align-items: stretch; }
.brand-setup-form-card { position: relative; overflow: hidden; }
.brand-setup-form-card::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--accent), transparent 75%); content: ""; }
.brand-step-header { display: grid; margin-bottom: 1rem; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; }
.brand-step-header > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--accent-strong); background: var(--accent-soft); font-size: .68rem; font-weight: 900; }
.brand-step-header h2 { margin: .08rem 0 .2rem; font-size: 1rem; }
.brand-step-header p:last-child { margin: 0; color: var(--ink-soft); font-size: .65rem; }
.brand-setup-form-card .stack-form { align-content: start; }
.brand-system-catalog { margin-top: .2rem; }
.brand-catalog-panel { margin: 0; }
.brand-catalog-panel .panel-header > div { display: flex; align-items: center; gap: .55rem; }
.brand-catalog-panel .panel-header h2 { font-size: .85rem; }
.catalog-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: var(--accent-strong); background: var(--accent-soft); font-size: .65rem; font-weight: 900; }
.brand-read-only { display: flex; margin: 0 0 1.6rem; align-items: center; gap: .9rem; }
.brand-read-only > div { flex: 1; }
.brand-read-only h2 { margin: .08rem 0; }
.brand-read-only p:last-child { margin: 0; color: var(--ink-soft); font-size: .72rem; }

/* Notification center */
.notification-hero { padding: clamp(1.15rem, 2vw, 1.55rem); overflow: hidden; align-items: center; color: #fff8ed; border: 1px solid #5f3d21; border-radius: 18px; background: radial-gradient(circle at 82% -20%, rgb(255 194 102 / 20%), transparent 42%), linear-gradient(135deg, #251a13, #5b3820); box-shadow: 0 18px 40px rgb(55 34 18 / 14%); }
.notification-hero .eyebrow { color: #ffc36b; }
.notification-hero h1 { color: #fff; }
.notification-hero-copy { min-width: 0; }
.notification-hero-copy > p:nth-of-type(2) { max-width: 700px; margin: .45rem 0 0; color: #ddcbbb; }
.notification-hero-principles { display: flex; margin-top: .9rem; flex-wrap: wrap; gap: .38rem; }
.notification-hero-principles span { padding: .28rem .52rem; border: 1px solid rgb(255 211 145 / 17%); border-radius: 999px; color: #f1d6b7; background: rgb(255 255 255 / 5%); font-size: .57rem; font-weight: 750; }
.notification-channel-map { width: min(440px, 43%); padding: .85rem 1rem; border: 1px solid rgb(255 211 145 / 18%); border-radius: 14px; background: rgb(255 255 255 / 6%); }
.channel-map-heading { display: flex; margin-bottom: .72rem; align-items: center; justify-content: space-between; color: #ddcbbb; font-size: .58rem; text-transform: uppercase; letter-spacing: .08em; }
.channel-map-heading b { color: #ffc36b; }
.channel-map-flow { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr; align-items: center; }
.channel-map-flow > i { height: 1px; background: rgb(255 211 145 / 28%); }
.channel-map-node { display: grid; min-width: 0; padding: .6rem .45rem; place-items: center; border: 1px solid rgb(255 255 255 / 10%); border-radius: 10px; background: rgb(14 10 7 / 18%); text-align: center; }
.channel-map-node > span { color: #bda58d; font-size: .65rem; }
.channel-map-node.active > span, .channel-map-node.source > span { color: #ffc36b; }
.channel-map-node small { margin-top: .2rem; color: #a99582; font-size: .49rem; }
.channel-map-node strong { max-width: 100%; color: #fff; font-size: .63rem; overflow: hidden; text-overflow: ellipsis; }
.channel-map-node.guarded { border-style: dashed; opacity: .76; }
.notification-channel-map > p { margin: .68rem 0 0; color: #c9b4a0; font-size: .56rem; line-height: 1.5; }
.notification-hero-note { display: grid; max-width: 410px; padding: .85rem 1rem; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; border: 1px solid rgb(255 211 145 / 18%); border-radius: 14px; background: rgb(255 255 255 / 6%); }
.notification-hero-note > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #422612; background: #ffc36b; font-weight: 950; }
.notification-hero-note p { display: grid; margin: 0; color: #ddcbbb; font-size: .68rem; }
.notification-hero-note strong { color: #fff; font-size: .74rem; }
.notification-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.notification-summary article { position: relative; display: grid; min-height: 92px; padding: .85rem 1rem; overflow: hidden; align-content: center; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.notification-summary article::after { position: absolute; right: -.8rem; bottom: -.9rem; width: 52px; height: 52px; border: 10px solid var(--amber-soft); border-radius: 50%; content: ""; }
.notification-summary span { position: relative; z-index: 1; color: var(--ink-soft); font-size: .66rem; font-weight: 750; }
.notification-summary strong { position: relative; z-index: 1; font-size: 1.35rem; letter-spacing: -.045em; }
.notification-summary small { position: relative; z-index: 1; color: var(--ink-faint); font-size: .58rem; }
.notification-summary article.has-attention { border-color: #efd29d; background: linear-gradient(180deg, #fff, #fff9ed); }
.notification-summary article.has-attention::after { border-color: #f4d59e; }
.notification-toolbar { display: flex; margin: 0 0 1rem; align-items: end; justify-content: space-between; gap: 1rem; border-color: #eadfce; background: linear-gradient(180deg, #fff, #fdfaf5); }
.notification-toolbar > div > p:last-child { margin: .25rem 0 0; color: var(--ink-soft); font-size: .72rem; }
.notification-toolbar form { display: grid; min-width: min(620px, 62%); grid-template-columns: repeat(3, minmax(125px, 1fr)) auto auto; gap: .5rem; align-items: end; }
.notification-toolbar button, .notification-toolbar .button-link { min-height: 40px; white-space: nowrap; }
.notification-workspace { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 1rem; align-items: start; }
.notification-feed-heading { display: flex; min-height: 62px; margin-bottom: .75rem; align-items: end; justify-content: space-between; gap: 1rem; }
.notification-feed-heading h2 { margin: .05rem 0; font-size: 1.08rem; }
.notification-feed-heading p:last-child { margin: 0; color: var(--ink-faint); font-size: .65rem; }
.notification-feed-heading form { flex: 0 0 auto; }
.notification-feed-heading button { min-height: 38px; }
.notification-list { display: grid; gap: .75rem; }
.notification-card { --notification-color: var(--blue); display: grid; margin: 0; padding: 0; overflow: hidden; grid-template-columns: 58px minmax(0, 1fr); border-color: var(--line); }
.notification-card.is-unread { border-color: color-mix(in srgb, var(--notification-color) 35%, var(--line)); box-shadow: 0 10px 26px rgb(34 44 40 / 8%); }
.notification-card.severity-warning { --notification-color: #c87816; }
.notification-card.severity-error, .notification-card.severity-critical { --notification-color: var(--danger); }
.notification-severity-mark { display: grid; min-height: 100%; place-items: center; color: var(--notification-color); border-right: 1px solid color-mix(in srgb, var(--notification-color) 20%, var(--line)); background: color-mix(in srgb, var(--notification-color) 8%, #fff); font-size: 1rem; font-weight: 950; }
.notification-card-body { min-width: 0; padding: 1rem; }
.notification-card-body > header { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.notification-card-body > header > div { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.notification-card-body > header > div:last-child { justify-content: end; }
.notification-category { padding: .25rem .48rem; border-radius: 999px; color: #3c5850; background: var(--surface-strong); font-size: .59rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.notification-brand { color: var(--ink-faint); font-size: .64rem; }
.notification-card-body .status-pill { grid-column: auto; grid-row: auto; }
.unread-chip { display: inline-flex; padding: .25rem .45rem; border-radius: 999px; color: #fff; background: var(--notification-color); font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.notification-card h3 { margin: .65rem 0 .2rem; font-size: .95rem; }
.notification-card-body > p { margin: 0; color: var(--ink-soft); font-size: .72rem; overflow-wrap: anywhere; }
.notification-meta { display: flex; margin-top: .7rem; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; color: var(--ink-faint); font-size: .59rem; }
.notification-meta code { max-width: 100%; padding: .2rem .38rem; overflow: hidden; border-radius: 5px; color: #53625d; background: var(--surface-strong); text-overflow: ellipsis; }
.delivery-chip { display: inline-flex; align-items: center; gap: .28rem; padding: .2rem .4rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-soft); background: #fff; font-weight: 750; }
.delivery-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--ink-faint); }
.delivery-chip.tone-success { color: var(--accent-strong); border-color: #b9e6d5; background: var(--accent-soft); }
.delivery-chip.tone-success i { background: var(--accent); }
.delivery-chip.tone-warning, .delivery-chip.tone-pending { color: #92580e; border-color: #efd29d; background: var(--amber-soft); }
.delivery-chip.tone-warning i, .delivery-chip.tone-pending i { background: #d18420; }
.delivery-chip.tone-error { color: #a13f3f; border-color: #efc8c4; background: var(--danger-soft); }
.delivery-chip.tone-error i { background: var(--danger); }
.notification-card footer { display: flex; margin-top: .85rem; padding-top: .75rem; align-items: center; justify-content: space-between; gap: .65rem; border-top: 1px solid var(--line); color: var(--ink-faint); font-size: .62rem; }
.notification-card footer form { margin-left: auto; }
.notification-card footer button { min-height: 34px; padding: .35rem .55rem; }
.notification-resource-link { color: var(--accent-strong); font-weight: 800; text-decoration: none; }
.notification-read-time { margin-left: auto; }
.notification-empty { display: flex; margin: 0; align-items: center; gap: .9rem; }
.notification-empty > span { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; border-radius: 13px; color: var(--accent-strong); background: var(--accent-soft); font-size: 1rem; font-weight: 950; }
.notification-empty h2 { margin: .05rem 0; }
.notification-empty p:last-child { margin: 0; color: var(--ink-soft); font-size: .7rem; }
.notification-settings { position: sticky; top: 88px; display: grid; gap: 1rem; }
.notification-settings > .panel { margin: 0; }
.notification-preferences { border-color: #e6dece; }
.notification-settings-icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #91550e; background: var(--amber-soft); font-weight: 900; }
.notification-preference-form { display: grid; gap: .85rem; }
.notification-preference-form fieldset { display: grid; gap: .45rem; margin: 0; padding: 0; border: 0; }
.notification-preference-form legend { margin-bottom: .4rem; color: var(--ink-soft); font-size: .66rem; font-weight: 800; }
.email-channel-toggle { display: grid; padding: .75rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .62rem; align-items: center; border: 1px solid #dfd4c2; border-radius: 12px; background: linear-gradient(135deg, #fffbf4, #fff); cursor: pointer; }
.email-channel-toggle.is-enabled { border-color: #a9dcca; background: linear-gradient(135deg, #effaf5, #fff); }
.email-channel-toggle input { width: 18px; height: 18px; accent-color: var(--accent-strong); }
.email-toggle-copy { display: grid; min-width: 0; }
.email-toggle-copy b { font-size: .7rem; }
.email-toggle-copy small { color: var(--ink-faint); font-size: .57rem; line-height: 1.45; }
.email-toggle-state { padding: .24rem .42rem; border-radius: 999px; color: #845115; background: var(--amber-soft); font-size: .53rem; font-weight: 850; text-transform: uppercase; }
.email-channel-toggle.is-enabled .email-toggle-state { color: var(--accent-strong); background: var(--accent-soft); }
.preference-toggle { display: grid; padding: .62rem; grid-template-columns: auto 1fr; gap: .55rem; align-items: start; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); cursor: pointer; }
.preference-toggle input { width: 17px; height: 17px; margin-top: .12rem; accent-color: var(--accent-strong); }
.preference-toggle > span { display: grid; }
.preference-toggle strong { font-size: .68rem; }
.preference-toggle small { color: var(--ink-faint); font-size: .59rem; }
.notification-preference-form > button { width: 100%; }
.critical-override { display: block; margin: .8rem 0 0; padding: .65rem .72rem; border-radius: 9px; color: #845115; background: var(--amber-soft); font-size: .61rem; }
.critical-override strong { display: block; font-size: .66rem; }
.critical-override code { padding: .08rem .22rem; border-radius: 4px; background: rgb(255 255 255 / 48%); }
.notification-channels ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.notification-channels li { display: grid; padding: .65rem; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.notification-channels li > span { color: var(--ink-faint); }
.notification-channels li.is-live > span { color: var(--accent); }
.notification-channels li > div { display: grid; }
.notification-channels strong { font-size: .66rem; }
.notification-channels small { color: var(--ink-faint); font-size: .58rem; }
.notification-channels b { color: var(--ink-faint); font-size: .56rem; text-transform: uppercase; }
.notification-channels li.is-live b { color: var(--accent-strong); }
.notification-channels li.is-guarded { border-style: dashed; background: #faf8f4; }
.notification-channels li.is-guarded > span, .notification-channels li.is-guarded b { color: #9a681f; }
.delivery-safety-note { display: grid; margin-top: .7rem; padding: .62rem; grid-template-columns: auto 1fr; gap: .5rem; border-radius: 10px; color: #6d5a43; background: #f6f2eb; }
.delivery-safety-note > span { color: #b77920; font-weight: 900; }
.delivery-safety-note p { display: grid; margin: 0; font-size: .57rem; line-height: 1.45; }
.delivery-safety-note strong { font-size: .61rem; }
.notification-event-coverage > .panel-header > strong { display: grid; min-width: 42px; min-height: 42px; place-items: center; border-radius: 12px; color: var(--accent-strong); background: var(--accent-soft); font-size: .68rem; }
.event-coverage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
.event-coverage-grid span { display: flex; min-width: 0; padding: .48rem .5rem; align-items: center; gap: .38rem; border: 1px solid #dce7e1; border-radius: 9px; color: #52645d; background: #f7faf8; font-size: .56rem; font-weight: 720; line-height: 1.3; }
.event-coverage-grid i { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.event-coverage-note { margin: .65rem 0 0; color: var(--ink-faint); font-size: .55rem; line-height: 1.5; }

.status-pill { display: inline-flex; grid-column: 2; grid-row: 1 / span 2; align-items: center; gap: .35rem; padding: .27rem .55rem; border: 1px solid #d1ddd6; border-radius: 999px; color: #4d625a; background: #f2f6f3; font-size: .62rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.status-pill::before { width: 6px; height: 6px; border-radius: 50%; background: #789188; content: ""; }
.status-in_review, .status-pending, .status-waiting_for_approval { color: #9a5c0d; background: var(--amber-soft); border-color: #efd29d; }
.status-in_review::before, .status-pending::before, .status-waiting_for_approval::before { background: #d18420; }
.status-deferred { color: #68449a; background: #f3edfb; border-color: #d9c8ee; }
.status-deferred::before { width: 7px; height: 7px; border-radius: 2px; background: #8c62bd; }
.status-approved, .status-published, .status-active, .status-completed, .status-succeeded, .status-sent { color: var(--accent-strong); background: var(--accent-soft); border-color: #b9e6d5; }
.status-approved::before, .status-published::before, .status-active::before, .status-completed::before, .status-succeeded::before, .status-sent::before { background: var(--accent); }
.status-paused, .status-failed, .status-cancelled { color: #a13f3f; background: var(--danger-soft); border-color: #efc8c4; }
.status-paused::before, .status-failed::before, .status-cancelled::before { background: var(--danger); }
.status-warning { color: #9a5c0d; background: var(--amber-soft); border-color: #efd29d; }
.status-warning::before { background: #d18420; }
.status-error, .status-critical { color: #a13f3f; background: var(--danger-soft); border-color: #efc8c4; }
.status-error::before, .status-critical::before { background: var(--danger); }

/* Editorial cards */
.content-card { overflow: hidden; padding: 0; }
.content-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.content-card-heading h3 { margin: .15rem 0; }
.content-card-heading .status-pill { grid-column: auto; grid-row: auto; flex: 0 0 auto; }
.content-card-main { display: grid; grid-template-columns: 148px minmax(0, 1fr); min-height: 190px; }
.content-preview { position: relative; display: flex; min-height: 190px; margin: 0; padding: .9rem; overflow: hidden; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(145deg, #112721 0%, #1c5844 100%); }
.content-preview::before, .content-preview::after { position: absolute; border: 1px solid rgb(136 239 199 / 18%); border-radius: 50%; content: ""; }
.content-preview::before { top: -35px; right: -45px; width: 120px; height: 120px; }
.content-preview::after { right: 15px; bottom: 18px; width: 54px; height: 54px; background: rgb(111 230 184 / 8%); }
.preview-label { position: relative; z-index: 1; color: #90e9c7; font-size: .55rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.preview-brand { position: relative; z-index: 1; display: grid; }
.preview-brand strong { font-size: .9rem; line-height: 1.2; }
.preview-brand small { margin-top: .3rem; color: #a9c8bc; font-size: .62rem; }
.preview-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.preview-media-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgb(8 26 20 / 3%), rgb(8 26 20 / 72%)); }
.content-card-body { display: grid; align-content: start; gap: .8rem; padding: 1.15rem; }
.content-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.platform-chip { display: inline-flex; padding: .25rem .48rem; border-radius: 999px; color: #3f526c; background: #edf2f8; font-size: .62rem; font-weight: 750; text-transform: capitalize; }
.content-objective { margin: 0; color: var(--ink-soft); font-size: .78rem; }
.caption-preview { margin: 0; padding: .7rem .8rem; border-left: 3px solid #b7dfd0; color: #34443e; background: var(--surface-soft); font-size: .78rem; white-space: pre-line; }
.caption-preview strong { display: block; margin-bottom: .18rem; color: var(--ink-faint); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }
.content-quality-report { overflow: hidden; border: 1px solid #cfe3db; border-radius: 14px; background: #fbfdfc; box-shadow: 0 8px 20px rgb(31 65 52 / 5%); }
.content-quality-report.is-blocked { border-color: #e5b9b4; background: #fffafa; }
.content-quality-report > summary { display: grid; min-height: 68px; padding: .7rem .78rem; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .65rem; cursor: pointer; list-style: none; }
.content-quality-report > summary::-webkit-details-marker { display: none; }
.content-quality-report > summary:focus-visible { outline: 3px solid rgb(39 185 134 / 28%); outline-offset: -3px; }
.content-quality-report[open] > summary { border-bottom: 1px solid #dce9e4; background: #f3f9f6; }
.content-quality-report.is-blocked[open] > summary { border-color: #efd4d1; background: #fff1ef; }
.quality-state { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #268a66, #176347); font-size: .82rem; font-weight: 900; box-shadow: 0 6px 15px rgb(29 113 82 / 18%); }
.is-blocked .quality-state { background: linear-gradient(145deg, #c35b50, #8f3833); box-shadow: 0 6px 15px rgb(151 56 49 / 18%); }
.content-quality-report > summary > span:nth-child(2) { display: grid; gap: .12rem; }
.content-quality-report > summary > span:nth-child(2) small { color: var(--ink-faint); font-size: .48rem; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }
.content-quality-report > summary > span:nth-child(2) strong { color: var(--ink); font-size: .72rem; }
.quality-evidence { display: grid; min-width: 88px; padding-right: .2rem; justify-items: end; }
.quality-evidence b { color: #1c7556; font-size: .9rem; }
.is-blocked .quality-evidence b { color: #9e4039; }
.quality-evidence small { color: var(--ink-faint); font-size: .43rem; }
.content-quality-report > summary > i { width: 8px; height: 8px; border-right: 2px solid #82958e; border-bottom: 2px solid #82958e; transform: rotate(45deg); transition: transform .18s ease; }
.content-quality-report[open] > summary > i { transform: rotate(225deg); }
.quality-report-body { display: grid; padding: .8rem; gap: .7rem; }
.quality-overview { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .42rem; }
.quality-overview > div { display: grid; min-width: 0; padding: .52rem .55rem; border: 1px solid #e0e9e5; border-radius: 9px; background: #fff; }
.quality-overview small { overflow: hidden; color: var(--ink-faint); font-size: .44rem; text-overflow: ellipsis; white-space: nowrap; }
.quality-overview strong { margin-top: .15rem; color: var(--ink); font-size: .78rem; }
.quality-overview .is-passed strong { color: #19805c; }
.quality-overview .is-warning strong { color: #a76c13; }
.quality-overview .is-blocked strong { color: #a13f38; }
.quality-overview .is-unavailable strong { color: #64736d; }
.quality-coverage { width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 999px; color: #2a9b72; background: #e5ece9; }
.quality-coverage::-webkit-progress-bar { border-radius: 999px; background: #e5ece9; }
.quality-coverage::-webkit-progress-value { border-radius: 999px; background: linear-gradient(90deg, #1f8d67, #55b993); }
.quality-coverage::-moz-progress-bar { border-radius: 999px; background: linear-gradient(90deg, #1f8d67, #55b993); }
.quality-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.quality-group { min-width: 0; overflow: hidden; border: 1px solid #dde8e3; border-radius: 11px; background: #fff; }
.quality-group > header { display: flex; min-height: 38px; padding: .52rem .6rem; align-items: center; justify-content: space-between; gap: .5rem; border-bottom: 1px solid #e5ece9; background: #f7faf8; }
.quality-group > header strong { color: #30443c; font-size: .58rem; letter-spacing: .03em; text-transform: uppercase; }
.quality-group > header span { display: grid; min-width: 22px; height: 22px; padding: 0 .25rem; place-items: center; border-radius: 7px; color: #47645a; background: #e7f0ec; font-size: .5rem; font-weight: 850; }
.quality-group ul { display: grid; margin: 0; padding: .35rem; gap: .28rem; list-style: none; }
.quality-check { --check-color: #708078; --check-soft: #f1f4f2; display: grid; min-width: 0; padding: .45rem .48rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: .45rem; border-radius: 8px; background: var(--check-soft); }
.quality-check > span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #fff; background: var(--check-color); font-size: .48rem; font-weight: 900; }
.quality-check > div { display: grid; min-width: 0; gap: .1rem; }
.quality-check > div strong { color: #2e4039; font-size: .55rem; }
.quality-check > div small { color: #6c7c76; font-size: .46rem; line-height: 1.4; }
.quality-check > em { color: var(--check-color); font-size: .4rem; font-style: normal; font-weight: 820; white-space: nowrap; }
.quality-check.status-passed { --check-color: #23815f; --check-soft: #edf8f3; }
.quality-check.status-warning { --check-color: #ac731b; --check-soft: #fff7e8; }
.quality-check.status-blocked { --check-color: #a7443d; --check-soft: #fff0ee; }
.quality-check.status-unavailable { --check-color: #66746e; --check-soft: #f1f3f2; }
.quality-check.status-not_applicable { --check-color: #83908a; --check-soft: #f7f8f7; }
.quality-human-gate { display: grid; padding: .62rem .68rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .55rem; border: 1px solid #d9e6e1; border-radius: 10px; background: #f6faf8; }
.quality-human-gate > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #fff; background: #263f36; font-size: .55rem; font-weight: 900; }
.quality-human-gate p { margin: 0; color: var(--ink-faint); font-size: .51rem; line-height: 1.45; }
.quality-human-gate strong { color: var(--ink-soft); }
.quality-legacy-note { margin: 0; padding: .75rem; color: var(--ink-soft); font-size: .6rem; }
.media-link { display: inline-flex; width: max-content; align-items: center; gap: .35rem; color: var(--accent-strong); font-size: .72rem; font-weight: 750; text-decoration: none; }
.media-link:hover { text-decoration: underline; }
.action-form { padding-top: .85rem; border-top: 1px solid var(--line); }
.inline-actions { display: flex; flex-wrap: wrap; gap: .55rem; padding-top: .25rem; }
.inline-actions button, .inline-actions .button-link { min-height: 36px; padding: .48rem .68rem; font-size: .72rem; }
.schedule-console { display: grid; overflow: hidden; border: 1px solid #c9ddd5; border-radius: 15px; background: linear-gradient(145deg, #fbfefd, #f5faf8); box-shadow: 0 9px 24px rgb(30 79 62 / 7%); }
.schedule-console-header { display: grid; min-height: 70px; padding: .72rem .78rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .65rem; align-items: center; border-bottom: 1px solid #dce8e3; background: linear-gradient(110deg, #eef8f4, #f9fcfb); }
.schedule-console-icon { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid #b9dfd0; border-radius: 11px; color: #176b50; background: #ddf3ea; font-size: 1.05rem; }
.schedule-console-header > span:nth-child(2) { display: grid; gap: .08rem; }
.schedule-console-header small { color: #197253; font-size: .47rem; font-weight: 900; letter-spacing: .09em; }
.schedule-console-header strong { color: #233d34; font-size: .75rem; }
.schedule-console-header em { color: #6d7f78; font-size: .5rem; font-style: normal; }
.schedule-console-header > b { padding: .3rem .48rem; border: 1px solid #addac9; border-radius: 999px; color: #17684e; background: #e1f5ed; font-size: .48rem; letter-spacing: .05em; white-space: nowrap; }
.schedule-console-grid { display: grid; padding: .72rem; grid-template-columns: minmax(0, 1.25fr) minmax(190px, .75fr); gap: .7rem; }
.schedule-destinations { display: grid; min-width: 0; margin: 0; padding: 0; gap: .38rem; border: 0; }
.schedule-destinations legend { margin-bottom: .38rem; color: #65766f; font-size: .5rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.schedule-destination { display: grid; min-width: 0; padding: .55rem .58rem; grid-template-columns: auto minmax(0, 1fr); gap: .48rem; align-items: center; border: 1px solid #dce7e2; border-radius: 10px; background: #fff; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.schedule-destination:hover { border-color: #a9cdbf; transform: translateY(-1px); }
.schedule-destination:has(input:checked) { border-color: #52aa88; box-shadow: 0 0 0 2px rgb(48 159 117 / 10%); }
.schedule-destination.is-official:has(input:checked) { border-color: #b47b90; box-shadow: 0 0 0 2px rgb(166 95 120 / 9%); }
.schedule-destination input { width: 15px; height: 15px; margin: 0; accent-color: #21805f; }
.schedule-destination.is-official input { accent-color: #9e546d; }
.schedule-destination > span { display: grid; min-width: 0; gap: .08rem; }
.schedule-destination strong { color: #2d443b; font-size: .61rem; }
.schedule-destination small { overflow: hidden; color: #7a8983; font-size: .46rem; text-overflow: ellipsis; white-space: nowrap; }
.schedule-time-field { display: grid; align-content: center; min-width: 0; padding: .65rem; border: 1px solid #dce7e2; border-radius: 11px; background: #fff; }
.schedule-time-field label { margin-bottom: .4rem; color: #354c43; font-size: .58rem; font-weight: 780; }
.schedule-time-field input { width: 100%; min-width: 0; }
.schedule-time-field small { margin-top: .38rem; color: #778780; font-size: .47rem; }
.schedule-time-field small strong { color: #4b6259; }
.schedule-confirmation { display: grid; margin: 0 .72rem .72rem; padding: .55rem .62rem; grid-template-columns: auto minmax(0, 1fr); gap: .48rem; align-items: center; border: 1px solid #dae5e1; border-radius: 9px; color: #65766f; background: #fff; font-size: .5rem; line-height: 1.4; cursor: pointer; }
.schedule-confirmation input { width: 15px; height: 15px; margin: 0; accent-color: #21805f; }
.schedule-confirmation strong { margin-right: .18rem; color: #344b42; }
.schedule-console > footer { display: flex; min-height: 57px; padding: .65rem .72rem; align-items: center; justify-content: space-between; gap: .65rem; border-top: 1px solid #dce8e3; background: #fff; }
.schedule-console > footer p { display: flex; margin: 0; align-items: center; gap: .35rem; color: #6d7d76; font-size: .48rem; }
.schedule-console > footer p span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #fff; background: #23805f; font-size: .48rem; font-weight: 900; }
.schedule-console > footer button { min-height: 37px; padding: .5rem .72rem; font-size: .64rem; }
.scheduled-console { overflow: hidden; border: 1px solid #d5e3dd; border-radius: 14px; background: #fbfdfc; }
.scheduled-console.is-official { border-color: #e4cfd7; background: #fefbfc; }
.scheduled-console.is-cancelled { border-color: #ead3d0; background: #fffafa; }
.scheduled-console > header { display: grid; padding: .68rem .72rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; border-bottom: 1px solid #e1e9e6; background: #f3f8f6; }
.scheduled-console.is-official > header { border-color: #ecdee3; background: #fbf2f5; }
.scheduled-console.is-cancelled > header { border-color: #efdcd9; background: #fff0ee; }
.scheduled-console > header > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #167052; background: #ddf3ea; font-size: .82rem; }
.scheduled-console.is-official > header > span { color: #8b4960; background: #f3dfe6; }
.scheduled-console.is-cancelled > header > span { color: #963f39; background: #f7deda; }
.scheduled-console > header > div { display: grid; gap: .06rem; }
.scheduled-console > header small { color: #6b7e76; font-size: .43rem; font-weight: 850; letter-spacing: .07em; }
.scheduled-console > header strong { color: #294138; font-size: .68rem; }
.scheduled-console > header > b { padding: .26rem .42rem; border-radius: 999px; color: #216f55; background: #e0f3ec; font-size: .46rem; text-transform: uppercase; }
.scheduled-console.is-official > header > b { color: #8b4960; background: #f3e2e8; }
.scheduled-console.is-cancelled > header > b { color: #963f39; background: #f7deda; }
.scheduled-console dl { display: grid; margin: 0; padding: .62rem .7rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.scheduled-console dl > div { min-width: 0; padding: .48rem .52rem; border: 1px solid #e1e9e6; border-radius: 8px; background: #fff; }
.scheduled-console dt { color: #7a8983; font-size: .42rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.scheduled-console dd { margin: .15rem 0 0; overflow-wrap: anywhere; color: #344b42; font-size: .55rem; font-weight: 740; }
.scheduled-next-step { display: flex; padding: .62rem .7rem; align-items: center; justify-content: space-between; gap: .7rem; border-top: 1px solid #e1e9e6; background: #fff; }
.scheduled-console.is-official .scheduled-next-step { border-color: #ecdee3; }
.scheduled-next-step p { display: grid; margin: 0; gap: .1rem; }
.scheduled-next-step p strong { color: #344b42; font-size: .56rem; }
.scheduled-next-step p span { color: #778780; font-size: .47rem; line-height: 1.4; }
.scheduled-next-step .inline-actions { padding: 0; flex: 0 0 auto; }
.scheduled-next-step .button-link { flex: 0 0 auto; font-size: .58rem; }
.schedule-reschedule-panel { border-top: 1px solid #dbe5e9; background: #fff; }
.schedule-reschedule-panel > summary { display: grid; min-height: 48px; padding: .6rem .7rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center; color: #3c5d6b; cursor: pointer; list-style: none; }
.schedule-reschedule-panel > summary::-webkit-details-marker { display: none; }
.schedule-reschedule-panel > summary:focus-visible { outline: 3px solid rgb(49 131 154 / 18%); outline-offset: -3px; }
.schedule-reschedule-panel > summary > span:first-child { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #226f84; background: #e1f1f5; font-size: .75rem; font-weight: 850; }
.schedule-reschedule-panel > summary > span:nth-child(2) { display: grid; gap: .05rem; }
.schedule-reschedule-panel > summary strong { color: #315463; font-size: .56rem; }
.schedule-reschedule-panel > summary small { color: #728b95; font-size: .45rem; }
.schedule-reschedule-panel > summary > i { width: 7px; height: 7px; border-right: 2px solid #7899a5; border-bottom: 2px solid #7899a5; transform: rotate(45deg); transition: transform .18s ease; }
.schedule-reschedule-panel[open] > summary { border-bottom: 1px solid #d7e8ed; background: #f4fafb; }
.schedule-reschedule-panel[open] > summary > i { transform: rotate(225deg); }
.schedule-reschedule-panel > form { display: grid; padding: .7rem; gap: .6rem; background: #f9fcfd; }
.schedule-reschedule-grid { display: grid; grid-template-columns: minmax(180px, .78fr) minmax(0, 1.22fr); gap: .6rem; }
.schedule-reschedule-grid .field { display: grid; margin: 0; align-content: start; gap: .3rem; }
.schedule-reschedule-grid .field label { color: #355765; font-size: .56rem; font-weight: 780; }
.schedule-reschedule-grid .field input, .schedule-reschedule-grid .field textarea { min-height: 64px; background: #fff; }
.schedule-reschedule-grid .field input { min-height: 42px; }
.schedule-reschedule-grid .field small { color: #728b95; font-size: .47rem; }
.schedule-reschedule-panel .schedule-confirmation { margin: 0; border-color: #d7e6eb; }
.schedule-reschedule-panel form > footer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.schedule-reschedule-panel form > footer p { margin: 0; color: #657e88; font-size: .47rem; line-height: 1.4; }
.schedule-reschedule-panel form > footer button { flex: 0 0 auto; min-height: 36px; padding: .46rem .68rem; border-color: #287b92; background: #287b92; font-size: .58rem; }
.schedule-cancel-panel { border-top: 1px solid #e1e9e6; background: #fff; }
.schedule-cancel-panel > summary { display: grid; min-height: 48px; padding: .6rem .7rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center; color: #6c514f; cursor: pointer; list-style: none; }
.schedule-cancel-panel > summary::-webkit-details-marker { display: none; }
.schedule-cancel-panel > summary:focus-visible { outline: 3px solid rgb(179 76 68 / 18%); outline-offset: -3px; }
.schedule-cancel-panel > summary > span:first-child { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: #963f39; background: #fae7e4; font-size: .75rem; font-weight: 850; }
.schedule-cancel-panel > summary > span:nth-child(2) { display: grid; gap: .05rem; }
.schedule-cancel-panel > summary strong { color: #61413e; font-size: .56rem; }
.schedule-cancel-panel > summary small { color: #927975; font-size: .45rem; }
.schedule-cancel-panel > summary > i { width: 7px; height: 7px; border-right: 2px solid #a9827e; border-bottom: 2px solid #a9827e; transform: rotate(45deg); transition: transform .18s ease; }
.schedule-cancel-panel[open] > summary { border-bottom: 1px solid #efdcd9; background: #fff7f6; }
.schedule-cancel-panel[open] > summary > i { transform: rotate(225deg); }
.schedule-cancel-panel > form { display: grid; padding: .7rem; gap: .6rem; background: #fffafa; }
.schedule-cancel-panel .field { margin: 0; }
.schedule-cancel-panel .field textarea { min-height: 64px; background: #fff; }
.schedule-cancel-panel .schedule-confirmation { margin: 0; border-color: #ead8d5; }
.schedule-cancel-panel form > footer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.schedule-cancel-panel form > footer p { margin: 0; color: #856d69; font-size: .47rem; line-height: 1.4; }
.schedule-cancel-panel form > footer button { flex: 0 0 auto; min-height: 36px; padding: .46rem .68rem; font-size: .58rem; }
.result { margin: .2rem 0 0; padding: .65rem .75rem; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; color: var(--accent-strong); background: var(--accent-soft); font-size: .76rem; }
.content-empty { display: grid; min-height: 230px; place-items: center; text-align: center; }
.empty-illustration { display: grid; width: 64px; height: 64px; margin: 0 auto .8rem; place-items: center; border-radius: 20px; color: var(--accent-strong); background: var(--accent-soft); font-size: 1.5rem; }
.content-composer { align-self: start; overflow: hidden; padding: 0; }
.weekly-review-console { overflow: hidden; padding: 0; border-color: #c9ddd5; background: linear-gradient(145deg, #fff 0%, #f7fbf9 70%, #edf7f2 100%); }
.weekly-review-console > header { display: flex; padding: 1.15rem 1.25rem; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #dce9e3; }
.weekly-review-console > header h2 { margin: .15rem 0 .35rem; font-size: 1.08rem; }
.weekly-review-console > header p:last-child { max-width: 820px; margin: 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.weekly-review-metrics { display: grid; padding: 1rem 1.25rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.weekly-review-metrics article { display: grid; min-height: 90px; padding: .75rem; align-content: center; grid-template-columns: auto 1fr; gap: .1rem .55rem; border: 1px solid #d9e7e1; border-radius: 12px; background: rgb(255 255 255 / 88%); }
.weekly-review-metrics article > span { display: grid; width: 32px; height: 32px; grid-row: 1 / 3; place-items: center; align-self: center; border-radius: 9px; color: #176b51; background: #e0f3eb; font-size: .75rem; font-weight: 900; }
.weekly-review-metrics strong { align-self: end; color: var(--ink); font-size: 1.25rem; line-height: 1; }
.weekly-review-metrics small { color: var(--ink-faint); font-size: .6rem; font-weight: 750; }
.weekly-review-console > footer { display: flex; padding: .85rem 1.25rem 1.1rem; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #dce9e3; }
.weekly-review-console > footer p { display: flex; margin: 0; align-items: center; gap: .38rem; color: var(--ink-soft); font-size: .66rem; }
.weekly-review-console > footer p > span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #176b51; background: #dff3ea; font-weight: 900; }
.weekly-review-console > footer div { display: flex; gap: .5rem; }
.content-plan-queue { margin-bottom: 1.25rem; }
.content-plan-queue-heading { display: flex; margin-bottom: .75rem; align-items: end; justify-content: space-between; gap: 1rem; }
.content-plan-queue-heading h2 { margin: .18rem 0 .25rem; font-size: 1.35rem; }
.content-plan-queue-heading p:last-child { margin: 0; color: var(--ink-soft); font-size: .75rem; }
.content-plan-list { display: grid; gap: .65rem; }
.content-plan-card { overflow: hidden; border: 1px solid #d5ded9; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgb(20 49 40 / 5%); }
.content-plan-card > summary { display: grid; min-height: 86px; padding: .8rem 1rem; grid-template-columns: 52px minmax(250px, 1fr) minmax(135px, .32fr) auto 18px; align-items: center; gap: .85rem; cursor: pointer; list-style: none; }
.content-plan-card > summary::-webkit-details-marker { display: none; }
.content-plan-card[open] > summary { border-bottom: 1px solid #dfe7e3; background: #f8fbf9; }
.content-plan-date { display: grid; width: 48px; height: 48px; place-items: center; align-content: center; border-radius: 7px; color: #fff; background: #174a3c; line-height: 1; }
.content-plan-date strong { font-size: 1.25rem; }
.content-plan-date small { margin-top: .18rem; color: #b9d7cc; font-size: .52rem; font-weight: 850; text-transform: uppercase; }
.content-plan-title { display: grid; min-width: 0; gap: .18rem; }
.content-plan-title small { color: #71827b; font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.content-plan-title strong { overflow: hidden; color: var(--ink); font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.content-plan-title em { color: var(--ink-soft); font-size: .63rem; font-style: normal; }
.content-plan-progress { display: grid; gap: .28rem; }
.content-plan-progress progress { width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 999px; background: #e2e9e5; }
.content-plan-progress progress::-webkit-progress-bar { background: #e2e9e5; }
.content-plan-progress progress::-webkit-progress-value { background: #2a9b72; }
.content-plan-progress progress::-moz-progress-bar { background: #2a9b72; }
.content-plan-progress small { color: var(--ink-faint); font-size: .55rem; }
.content-plan-state { padding: .3rem .5rem; border-radius: 6px; color: #56655f; background: #edf1ef; font-size: .58rem; font-weight: 850; white-space: nowrap; }
.content-plan-state.tone-queued { color: #735313; background: #fff0c7; }
.content-plan-state.tone-pending, .content-plan-state.tone-in_review { color: #7a4b35; background: #fae7dd; }
.content-plan-state.tone-ready, .content-plan-state.tone-approved { color: #176348; background: #ddf3e9; }
.content-plan-chevron { width: 9px; height: 9px; border-right: 2px solid #71827b; border-bottom: 2px solid #71827b; transform: rotate(45deg); transition: transform .16s ease; }
.content-plan-card[open] .content-plan-chevron { transform: rotate(225deg); }
.content-plan-body { background: #fbfcfb; }
.content-plan-body > header { display: flex; padding: .65rem 1rem; align-items: center; gap: 1rem; border-bottom: 1px solid #e3e9e6; }
.content-plan-body > header p { margin: 0; color: var(--ink-soft); font-size: .62rem; }
.content-plan-body > header p strong { color: var(--ink); }
.content-plan-body > header a { margin-left: auto; color: #17644c; font-size: .64rem; font-weight: 850; text-decoration: none; }
.content-plan-pieces { display: grid; }
.content-plan-piece { display: grid; padding: .8rem 1rem; grid-template-columns: 74px minmax(0, 1fr); gap: .85rem; border-bottom: 1px solid #e3e9e6; }
.content-plan-piece:last-child { border-bottom: 0; }
.content-plan-piece-media { display: grid; width: 74px; aspect-ratio: 4 / 5; overflow: hidden; place-items: center; border-radius: 6px; color: #82918b; background: #e8eeeb; }
.content-plan-piece-media img { width: 100%; height: 100%; object-fit: cover; }
.content-plan-piece-main { min-width: 0; }
.content-plan-piece-main > header { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.content-plan-piece-main > header span { color: var(--ink-faint); font-size: .57rem; font-weight: 760; }
.content-plan-piece-main h3 { margin: .3rem 0 .45rem; font-size: .78rem; }
.content-plan-piece-states { display: flex; flex-wrap: wrap; gap: .3rem; }
.content-plan-piece-states span { padding: .22rem .38rem; border-radius: 5px; color: #5c6964; background: #edf1ef; font-size: .53rem; font-weight: 800; }
.content-plan-piece-states .tone-approved, .content-plan-piece-states .tone-succeeded { color: #176348; background: #def3ea; }
.content-plan-piece-states .tone-pending, .content-plan-piece-states .tone-processing, .content-plan-piece-states .tone-queued, .content-plan-piece-states .tone-scheduled { color: #735313; background: #fff0c7; }
.content-plan-piece-states .tone-rejected, .content-plan-piece-states .tone-failed, .content-plan-piece-states .tone-cancelled { color: #803e3e; background: #f9e1e1; }
.content-plan-caption { margin-top: .45rem; border-top: 1px solid #e5ebe8; }
.content-plan-caption > summary { width: fit-content; padding-top: .42rem; color: #17644c; cursor: pointer; font-size: .59rem; font-weight: 850; }
.content-plan-caption > p { margin: .48rem 0 0; padding: .55rem .65rem; border-left: 2px solid #b8d6ca; color: #42534c; background: #f3f7f5; font-size: .66rem; line-height: 1.55; }
.content-plan-caption > p small { display: block; margin-bottom: .2rem; color: #73817c; font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.content-plan-zero { display: flex; min-height: 110px; padding: 1rem; align-items: center; gap: .8rem; border: 1px dashed #cbd5d0; border-radius: 8px; color: var(--ink-soft); }
.content-plan-zero > span { font-size: 1.5rem; }.content-plan-zero p { margin: .2rem 0 0; font-size: .7rem; }
.agent-grid-queue { margin-bottom: 1.35rem; }
.agent-grid-connection { display: inline-flex; padding: .4rem .58rem; align-items: center; gap: .4rem; border-radius: 6px; color: #4f5c57; background: #edf1ef; font-size: .62rem; font-weight: 850; white-space: nowrap; }
.agent-grid-connection i { width: 7px; height: 7px; border-radius: 50%; background: currentcolor; }
.agent-grid-connection.tone-green { color: #176348; background: #ddf3e9; }
.agent-grid-connection.tone-amber { color: #735313; background: #fff0c7; }
.agent-grid-connection.tone-red { color: #803e3e; background: #f9e1e1; }
.agent-grid-list { display: grid; gap: .7rem; }
.agent-grid-card { overflow: hidden; border: 1px solid #bfd2ca; border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgb(20 49 40 / 7%); }
.agent-grid-card > summary { display: grid; min-height: 90px; padding: .85rem 1rem; grid-template-columns: 52px minmax(250px, 1fr) minmax(135px, .32fr) auto 18px; align-items: center; gap: .85rem; cursor: pointer; list-style: none; }
.agent-grid-card > summary::-webkit-details-marker { display: none; }
.agent-grid-card[open] > summary { border-bottom: 1px solid #dfe7e3; background: #f4faf7; }
.agent-grid-card[open] .content-plan-chevron { transform: rotate(225deg); }
.agent-grid-body { background: #f8faf9; }
.agent-grid-strategy { display: grid; margin: 0; padding: .8rem 1rem; gap: .2rem; border-bottom: 1px solid #e0e7e4; color: #52615b; font-size: .68rem; }
.agent-grid-strategy strong { color: #1e5545; font-size: .55rem; text-transform: uppercase; }
.agent-grid-pieces { display: grid; padding: 1rem; grid-template-columns: repeat(auto-fit, minmax(300px, 380px)); justify-content: center; align-items: start; gap: 1rem; }
.agent-grid-piece { min-width: 0; overflow: hidden; padding: .8rem; border: 1px solid #d7e2dd; border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgb(20 49 40 / 8%); }
.agent-grid-piece:nth-child(2n) { border-right: 1px solid #d7e2dd; }
.agent-grid-piece-head { display: flex; min-height: 52px; align-items: start; justify-content: space-between; gap: .65rem; }
.agent-grid-piece-head div { min-width: 0; }
.agent-grid-piece-head small { color: #718078; font-size: .57rem; font-weight: 780; }
.agent-grid-piece-head h3 { margin: .25rem 0 0; overflow-wrap: anywhere; font-size: .8rem; line-height: 1.35; }
.agent-grid-piece-meta { display: flex; margin: .65rem 0; flex-wrap: wrap; gap: .3rem; }
.agent-grid-piece-meta span { padding: .22rem .38rem; border-radius: 5px; color: #5c6964; background: #edf1ef; font-size: .53rem; font-weight: 800; }
.agent-grid-piece-meta .tone-approved { color: #176348; background: #def3ea; }
.agent-grid-piece-meta .tone-pending { color: #735313; background: #fff0c7; }
.prompt-bank { margin-top: .8rem; overflow: hidden; border: 1px solid #d8e2dd; border-radius: 7px; background: #fff; }
.prompt-bank > summary { display: flex; min-height: 58px; padding: .7rem .85rem; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; background: #f7faf8; }
.prompt-bank > summary::-webkit-details-marker { display: none; }
.prompt-bank[open] > summary { border-bottom: 1px solid #d8e2dd; background: #edf6f1; }
.prompt-bank > summary span:first-child { display: grid; }
.prompt-bank > summary small { color: #607069; font-size: .57rem; text-transform: uppercase; }
.prompt-bank > summary > span:last-child { color: #176348; font-size: .6rem; font-weight: 800; }
.prompt-bank-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .5rem; padding: .75rem; }
.prompt-bank-grid article { padding: .6rem; border: 1px solid #d8e2dd; border-radius: 6px; background: #fff; }
.prompt-bank-grid header { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: .45rem; }
.prompt-bank-grid header > span { display: grid; width: 28px; aspect-ratio: 1; place-items: center; border-radius: 5px; color: #fff; background: #173c31; font-size: .55rem; font-weight: 850; }
.prompt-bank-grid header div { display: grid; min-width: 0; }
.prompt-bank-grid header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .64rem; }
.prompt-bank-grid header small,
.prompt-bank-grid > article > small { color: #66756f; font-size: .52rem; }
.prompt-bank-grid header b { color: #0d6a50; font-size: .8rem; }
.prompt-bank-grid dl { display: grid; grid-template-columns: repeat(4, 1fr); margin: .55rem 0 .35rem; gap: .25rem; }
.prompt-bank-grid dl div { display: grid; }
.prompt-bank-grid dt { color: #6b7873; font-size: .48rem; }
.prompt-bank-grid dd { margin: 0; font-size: .62rem; font-weight: 850; }
.agent-grid-assets { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; gap: .65rem; scrollbar-width: thin; }
.agent-grid-asset-review { min-width: 0; scroll-snap-align: start; }
.agent-grid-assets a { position: relative; display: grid; width: min(100%, 350px); margin: 0 auto; overflow: hidden; border: 7px solid #18362d; border-radius: 26px; color: #fff; background: #eef3f1; aspect-ratio: 9 / 16; box-shadow: 0 8px 22px rgb(8 35 27 / 14%); }
.agent-grid-assets a::before { position: absolute; z-index: 2; top: 6px; left: 50%; width: 52px; height: 5px; border-radius: 9px; background: rgb(8 29 23 / 78%); content: ""; transform: translateX(-50%); }
.agent-grid-assets img { display: block; width: 100%; height: 100%; object-fit: contain; background: #f5f7f6; }
.agent-grid-assets a > span { position: absolute; right: .3rem; bottom: .3rem; left: .3rem; padding: .22rem .3rem; border-radius: 4px; background: rgb(9 29 23 / 78%); font-size: .5rem; font-weight: 850; text-align: center; }
.prompt-reputation { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; margin: .65rem 0; padding: .55rem .65rem; align-items: center; gap: .25rem .65rem; border-block: 1px solid #d8e2dd; }
.prompt-reputation div:first-child { display: grid; min-width: 0; }
.prompt-reputation small { color: #607069; font-size: .56rem; }
.prompt-reputation > small { grid-column: 1 / -1; }
.prompt-score { display: grid; text-align: right; }
.prompt-score strong { color: #0d6a50; font-size: .85rem; }
.prompt-vote-controls { display: flex; min-height: 42px; align-items: center; justify-content: center; gap: .5rem; margin-top: .4rem; }
.prompt-vote-controls button,
.prompt-comment-control button { min-height: 34px; padding: .38rem .48rem; border: 1px solid #b9ccc3; border-radius: 5px; background: #f5f8f6; color: #173c31; font: inherit; font-size: .58rem; font-weight: 800; cursor: pointer; }
.prompt-vote-controls .prompt-vote-button { display: grid; width: 42px; height: 42px; min-height: 42px; padding: 0; place-items: center; border-radius: 50%; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }
.prompt-vote-button svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.prompt-vote-button:hover { transform: translateY(-2px); background: #e6f4ee; border-color: #83b7a3; box-shadow: 0 5px 12px rgb(15 77 58 / 12%); }
.prompt-vote-button:focus-visible { outline: 3px solid rgb(37 99 235 / 28%); outline-offset: 2px; }
.prompt-vote-like.is-selected { color: #087b55; border-color: #38a47e; background: #d8f5e9; box-shadow: 0 0 0 4px rgb(22 184 166 / 12%); }
.prompt-vote-dislike.is-selected { color: #a83d35; border-color: #df8177; background: #ffebe8; box-shadow: 0 0 0 4px rgb(255 120 107 / 12%); }
.prompt-vote-button.is-confirmed { animation: prompt-vote-confirm 420ms cubic-bezier(.2, .9, .3, 1.35); }
.prompt-vote-controls.is-pending .prompt-vote-button { pointer-events: none; opacity: .45; }
.prompt-vote-controls.has-error .prompt-vote-button { border-color: #cf665d; animation: prompt-vote-error 320ms ease; }
.prompt-vote-status { flex-basis: 100%; min-height: .9rem; color: #587068; font-size: .52rem; font-weight: 750; text-align: center; }
.prompt-vote-controls.has-error .prompt-vote-status { color: #a83d35; }
@keyframes prompt-vote-confirm { 0% { transform: scale(1); } 42% { transform: scale(1.28) rotate(-8deg); } 100% { transform: scale(1); } }
@keyframes prompt-vote-error { 0%, 100% { transform: translateX(0); } 35% { transform: translateX(-3px); } 70% { transform: translateX(3px); } }
.prompt-comment-control { display: grid; gap: .3rem; margin-top: .35rem; }
.prompt-comment-control label { color: #40534c; font-size: .56rem; font-weight: 800; }
.prompt-comment-control textarea { width: 100%; min-height: 64px; padding: .42rem; resize: vertical; border: 1px solid #c7d4ce; border-radius: 5px; font: inherit; font-size: .6rem; }
.prompt-comment-control button { justify-self: start; background: #173c31; color: #fff; }
.prompt-comment-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
.prompt-comment-actions .prompt-regenerate-button { display: inline-flex; align-items: center; gap: .32rem; border-color: #c99942; background: #f6e5bc; color: #493812; }
.prompt-regenerate-button svg,
.regeneration-dialog button svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.prompt-comment-status { min-height: 1rem; color: #587068; font-size: .54rem; font-weight: 750; }
.prompt-comment-control.is-saved .prompt-comment-status { color: #087451; }
.prompt-comment-control.has-error .prompt-comment-status { color: #a83d35; }
.agent-grid-asset-review { transition: opacity 180ms ease, box-shadow 180ms ease; }
.agent-grid-asset-review.is-regenerating { opacity: .68; }
.agent-grid-asset-review.is-regenerating > a::after { position: absolute; inset: 0; display: grid; place-items: center; content: "Generando nueva versión"; color: #fff; background: rgb(9 36 28 / 72%); font-size: .65rem; font-weight: 850; }
.agent-grid-asset-review.is-regenerated { animation: regenerated-card 620ms ease; }
.agent-grid-asset-review.is-approving { pointer-events: none; animation: approved-asset-out 400ms ease forwards; }
.agent-grid-asset-review.has-regeneration-error { box-shadow: 0 0 0 2px #cf665d; }
@keyframes regenerated-card { 0% { box-shadow: 0 0 0 0 rgb(24 153 109 / 0%); } 45% { box-shadow: 0 0 0 6px rgb(24 153 109 / 24%); } 100% { box-shadow: 0 0 0 0 rgb(24 153 109 / 0%); } }
@keyframes approved-asset-out { 0% { opacity: 1; transform: scale(1); } 55% { opacity: .65; transform: scale(.98); } 100% { opacity: 0; transform: translateY(-10px) scale(.96); } }
.agent-grid-approved-queue { margin: .7rem 0; border: 1px solid #b8d8ca; border-radius: 6px; background: #f1f8f5; }
.agent-grid-approved-queue > header { display: flex; min-height: 48px; padding: .55rem .7rem; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; border-bottom: 1px solid #cfe2da; }
.agent-grid-approved-queue header div { display: grid; }
.agent-grid-approved-queue header small { color: #587268; font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.agent-grid-approved-queue header strong { color: #173c31; font-size: .68rem; }
.agent-grid-approved-queue header a { color: #087451; font-size: .58rem; font-weight: 850; text-decoration: none; }
.agent-grid-approved-queue header .agent-grid-approved-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem; }
.agent-grid-schedule-button { display: inline-flex; min-height: 36px; padding: .45rem .6rem; align-items: center; justify-content: center; gap: .3rem; border: 1px solid #176f54; border-radius: 5px; color: #fff; background: #176f54; font: inherit; font-size: .58rem; font-weight: 850; cursor: pointer; }
.agent-grid-schedule-button svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.agent-grid-schedule-button:hover { background: #0d5d45; }
.agent-grid-schedule-button:focus-visible { outline: 3px solid rgb(23 111 84 / 24%); outline-offset: 2px; }
.agent-grid-approved-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .4rem; padding: .55rem; }
.agent-grid-approved-items > article { display: flex; min-width: 0; padding: .48rem .55rem; align-items: center; justify-content: space-between; gap: .65rem; border: 1px solid #d2e4dc; border-radius: 5px; background: #fff; animation: approved-row-in 420ms ease; }
.agent-grid-approved-items article div { display: grid; min-width: 0; }
.agent-grid-approved-items article strong { overflow: hidden; color: #1d342c; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.agent-grid-approved-items article small { color: #718079; font-size: .51rem; }
.agent-grid-approved-items article > span { flex: 0 0 auto; color: #087451; font-size: .52rem; font-weight: 850; }
.agent-grid-approved-items > p { grid-column: 1 / -1; margin: 0; padding: .4rem; color: #728079; font-size: .58rem; text-align: center; }
@keyframes approved-row-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.regeneration-dialog { width: min(560px, calc(100vw - 2rem)); max-height: min(720px, calc(100vh - 2rem)); padding: 0; overflow: hidden; border: 1px solid #b8c9c1; border-radius: 7px; color: #17241f; background: #fff; box-shadow: 0 24px 70px rgb(8 30 23 / 28%); }
.regeneration-dialog::backdrop { background: rgb(6 22 17 / 58%); backdrop-filter: blur(2px); }
.regeneration-dialog-form { display: grid; padding: 1rem; gap: .75rem; }
.regeneration-dialog-form > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 1px solid #dce5e1; }
.regeneration-dialog-form header small { color: #087451; font-size: .57rem; font-weight: 850; text-transform: uppercase; }
.regeneration-dialog-form h2 { margin: .12rem 0 0; font-size: 1.25rem; letter-spacing: 0; }
.regeneration-dialog-close { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid #d4ded9; border-radius: 50%; color: #29443a; background: #fff; cursor: pointer; }
.regeneration-dialog-asset { margin: 0; color: #52645d; font-size: .68rem; font-weight: 750; }
.regeneration-dialog-form > label { color: #293c35; font-size: .68rem; font-weight: 850; }
.schedule-grid-dialog-form > p:not(.regeneration-dialog-status) { margin: 0; color: #455b52; font-size: .7rem; line-height: 1.55; }
.regeneration-dialog-form textarea { box-sizing: border-box; width: 100%; min-height: 150px; padding: .72rem; resize: vertical; border: 1px solid #bfcfc8; border-radius: 5px; color: #17241f; background: #fff; font: inherit; font-size: .72rem; line-height: 1.5; }
.regeneration-dialog-form textarea:focus { outline: 3px solid rgb(31 130 96 / 18%); border-color: #398f72; }
.regeneration-dialog-status { min-height: 1.2rem; margin: 0; color: #566a62; font-size: .64rem; font-weight: 750; }
.regeneration-dialog.is-pending .regeneration-dialog-status::before { display: inline-block; width: 12px; height: 12px; margin-right: .4rem; vertical-align: -2px; content: ""; border: 2px solid #a9c8bb; border-top-color: #087451; border-radius: 50%; animation: regeneration-spin 700ms linear infinite; }
.regeneration-dialog.is-complete .regeneration-dialog-status { color: #087451; }
.regeneration-dialog.has-error .regeneration-dialog-status { color: #a83d35; }
.regeneration-dialog-form > footer { display: flex; justify-content: flex-end; gap: .45rem; padding-top: .7rem; border-top: 1px solid #e1e8e5; }
.regeneration-dialog-form footer button { display: inline-flex; min-height: 40px; padding: .55rem .75rem; align-items: center; justify-content: center; gap: .35rem; border: 1px solid #b9c9c2; border-radius: 5px; font: inherit; font-size: .65rem; font-weight: 850; cursor: pointer; }
.regeneration-dialog-cancel { color: #31463e; background: #fff; }
.regeneration-dialog-submit { color: #fff; background: #173c31; }
.regeneration-dialog-submit:disabled { cursor: wait; opacity: .55; }
@keyframes regeneration-spin { to { transform: rotate(360deg); } }
.agent-grid-no-asset { display: flex; min-height: 120px; align-items: center; justify-content: center; gap: .45rem; border: 1px dashed #cbd6d1; border-radius: 6px; color: #78857f; background: #f1f5f3; font-size: .64rem; }
.agent-grid-copy { display: grid; margin-top: .7rem; gap: .45rem; }
.agent-grid-copy > p, .agent-grid-copy details { margin: 0; padding: .55rem .65rem; border-left: 2px solid #bad6ca; color: #405149; background: #f4f8f6; font-size: .65rem; line-height: 1.55; overflow-wrap: anywhere; }
.agent-grid-copy small { display: block; margin-bottom: .18rem; color: #718078; font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.agent-grid-copy summary, .agent-grid-decisions summary { color: #17644c; cursor: pointer; font-weight: 850; }
.agent-grid-copy details p { margin: .55rem 0 0; }
.agent-grid-decisions { margin-top: .65rem; padding-top: .55rem; border-top: 1px solid #e2e8e5; font-size: .61rem; }
.agent-grid-decisions ul { display: grid; margin: .5rem 0 0; padding: 0; gap: .35rem; list-style: none; }
.agent-grid-decisions li { display: grid; padding: .45rem .5rem; grid-template-columns: auto 1fr; gap: .25rem .6rem; border-radius: 5px; background: #f4f7f6; }
.agent-grid-decisions li span { color: #718078; text-align: right; }.agent-grid-decisions li p { grid-column: 1 / -1; margin: 0; }
.agent-grid-publication { display: flex; margin: .65rem 0 0; padding: .45rem .55rem; gap: .45rem; border-radius: 5px; color: #5e5438; background: #fff6dc; font-size: .59rem; }
.agent-grid-empty { display: flex; min-height: 110px; padding: 1rem; align-items: center; gap: .8rem; border: 1px dashed #cbd5d0; border-radius: 8px; color: var(--ink-soft); }
.agent-grid-empty > span { font-size: 1.5rem; }.agent-grid-empty p { margin: .2rem 0 0; font-size: .7rem; }
.agent-grid-safety { display: flex; margin-top: .6rem; padding: .55rem .7rem; align-items: center; gap: .5rem; color: #52615b; background: #edf5f1; font-size: .61rem; }
.agent-grid-safety p { margin: 0; }.agent-grid-safety span { color: #177358; }
.content-composer > summary { list-style: none; }
.content-composer > summary::-webkit-details-marker { display: none; }
.content-composer-summary { display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; cursor: pointer; }
.content-composer-summary:focus-visible { outline: 3px solid rgb(39 185 134 / 35%); outline-offset: -3px; }
.content-composer[open] .content-composer-summary { border-bottom: 1px solid var(--line); background: #fbfdfc; }
.content-composer-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #0f6e51; background: #dbf4ea; font-size: 1.15rem; font-weight: 750; }
.content-composer-summary > span:nth-child(2) { display: grid; gap: .12rem; min-width: 0; }
.content-composer-summary small { color: var(--accent-strong); font-size: .54rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.content-composer-summary strong { color: var(--ink); font-size: .9rem; }
.content-composer-summary em { overflow: hidden; color: var(--ink-faint); font-size: .65rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.content-composer-summary > b { padding: .38rem .5rem; border: 1px solid #b9dacc; border-radius: 8px; color: #246b54; font-size: .57rem; text-transform: uppercase; }
.content-composer-body { padding: 1rem; }
.content-composer-body > p { margin: 0 0 1rem; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.content-readonly-intro { display: grid; align-self: start; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; }
.content-readonly-intro > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #4a6377; background: #eaf0f5; }
.content-readonly-intro h2 { margin: .12rem 0 .3rem; font-size: 1rem; }
.content-readonly-intro p { margin: 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.content-readonly-note { display: grid; margin: 0; padding: .62rem .7rem; grid-template-columns: auto auto 1fr; gap: .35rem; align-items: center; border: 1px solid #dbe3e8; border-radius: 9px; color: #5b6b74; background: #f6f8f9; font-size: .65rem; }
.content-readonly-note > span { color: #78909b; }
.content-readonly-note strong { color: #394c55; }
.content-channel-proof { overflow: hidden; border: 1px solid #cfe1da; border-radius: 12px; background: #f8fbfa; }
.content-channel-proof > summary { display: flex; min-height: 58px; padding: .72rem .8rem; list-style: none; align-items: center; justify-content: space-between; gap: .8rem; cursor: pointer; }
.content-channel-proof > summary::-webkit-details-marker { display: none; }
.content-channel-proof > summary:focus-visible { outline: 3px solid rgb(39 185 134 / 30%); outline-offset: -3px; }
.content-channel-proof[open] > summary { border-bottom: 1px solid #d9e7e2; background: #f2f8f5; }
.content-channel-proof > summary > span { display: grid; gap: .15rem; }
.content-channel-proof > summary small { color: #56756a; font-size: .52rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.content-channel-proof > summary strong { color: #1b3b31; font-size: .76rem; }
.content-channel-proof > summary b { padding: .3rem .45rem; border: 1px solid #b9dbce; border-radius: 999px; color: #176c50; background: #fff; font-size: .52rem; text-transform: uppercase; }
.content-proof-layout { display: grid; padding: .9rem; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: .9rem; align-items: start; }
.channel-proof-card { max-width: 300px; overflow: hidden; border: 1px solid #d5dfdb; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgb(18 54 42 / 8%); }
.channel-proof-card > header { display: grid; min-height: 49px; padding: .55rem .65rem; grid-template-columns: auto 1fr auto; gap: .48rem; align-items: center; }
.channel-proof-card > header > span:nth-child(2) { display: grid; min-width: 0; }
.channel-proof-card > header strong { overflow: hidden; color: #1c2d27; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.channel-proof-card > header small { color: #7b8a84; font-size: .5rem; }
.channel-proof-card > header > b { color: #73817c; font-size: .65rem; letter-spacing: .08em; }
.channel-proof-avatar { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #0f6a4d; background: #d8f3e8; font-size: .62rem; font-weight: 850; }
.channel-proof-media { display: grid; aspect-ratio: 1; margin: 0; overflow: hidden; place-items: stretch; background: linear-gradient(145deg, #102b22, #17664b); }
.channel-proof-media > img { width: 100%; height: 100%; object-fit: cover; }
.channel-proof-media > div { position: relative; display: flex; min-height: 100%; padding: 1.2rem; overflow: hidden; flex-direction: column; justify-content: space-between; color: #fff; }
.channel-proof-media > div::after { position: absolute; right: -34px; bottom: -26px; width: 115px; height: 115px; border: 21px solid rgb(110 229 184 / 12%); border-radius: 50%; content: ""; }
.channel-proof-media small { position: relative; z-index: 1; color: #8ce3c2; font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.channel-proof-media strong { position: relative; z-index: 1; max-width: 92%; font-size: clamp(.9rem, 1.5vw, 1.2rem); line-height: 1.18; }
.channel-proof-media span { position: relative; z-index: 1; color: #b6d3c8; font-size: .55rem; }
.channel-proof-actions { display: flex; padding: .55rem .65rem .25rem; gap: .65rem; color: #293b35; font-size: .86rem; }
.channel-proof-actions span:last-child { margin-left: auto; }
.channel-proof-copy { display: grid; padding: .2rem .65rem .7rem; gap: .24rem; color: #364740; font-size: .58rem; line-height: 1.4; }
.channel-proof-copy > strong { color: #182c25; font-size: .6rem; }
.channel-proof-copy p { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.channel-proof-copy p b { color: #182c25; }
.channel-proof-copy > small { color: #26815f; }
.channel-proof-cta { width: max-content; color: #136d50; font-weight: 800; }
.content-proof-facts { display: grid; gap: .75rem; }
.content-proof-facts > div { padding: .72rem; border: 1px solid #dbe8e3; border-radius: 10px; background: #fff; }
.content-proof-facts > div > span { display: block; color: #1b795a; font-size: .5rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.content-proof-facts > div > strong { display: block; margin-top: .2rem; color: #223a31; font-size: .72rem; }
.content-proof-facts > div > p { margin: .25rem 0 0; color: #6b7d76; font-size: .58rem; line-height: 1.45; }
.content-proof-facts dl { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.content-proof-facts dl > div { min-width: 0; padding: .55rem .6rem; border: 1px solid #dde7e3; border-radius: 9px; background: #fff; }
.content-proof-facts dt { color: #75847f; font-size: .48rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.content-proof-facts dd { margin: .18rem 0 0; overflow-wrap: anywhere; color: #2c4239; font-size: .6rem; font-weight: 720; text-transform: capitalize; }
.content-proof-safety { display: grid; margin: 0; padding: .62rem .68rem; grid-template-columns: auto auto 1fr; gap: .3rem; align-items: center; border: 1px solid #c8e8dc; border-radius: 9px; color: #567069; background: #eaf8f3; font-size: .55rem; line-height: 1.4; }
.content-proof-safety > span { color: #14805c; font-weight: 900; }
.content-proof-safety strong { color: #175d47; }

/* Agent workspace */
.agent-hero { position: relative; padding: 1.45rem 1.6rem; overflow: hidden; border: 1px solid #173c32; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(125deg, #10231d 0%, #17392f 62%, #1b4b3a 100%); box-shadow: var(--shadow-md); }
.agent-hero::after { position: absolute; right: -65px; bottom: -120px; width: 285px; height: 285px; border: 46px solid rgb(105 229 181 / 8%); border-radius: 50%; content: ""; }
.agent-hero .eyebrow { color: #79e3bb; }
.agent-hero h1 { color: #fff; }
.agent-hero > div:first-child > p:last-child { color: #bed0c9; }
.agent-hero-control { position: relative; z-index: 1; width: min(310px, 40%); padding: .8rem .9rem; border: 1px solid rgb(196 235 220 / 16%); border-radius: 13px; background: rgb(255 255 255 / 7%); }
.agent-hero-control > span { display: flex; align-items: center; gap: .36rem; color: #82e5bf; font-size: .53rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.agent-hero-control > span i { width: 6px; height: 6px; border-radius: 50%; background: #66dbac; box-shadow: 0 0 0 4px rgb(102 219 172 / 12%); }
.agent-hero-control strong { display: block; margin-top: .36rem; color: #fff; font-size: .82rem; }
.agent-hero-control p { margin: .18rem 0 0; color: #b8ccc4; font-size: .58rem; line-height: 1.45; }
.agent-control-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .72rem; }
.agent-control-metric { position: relative; min-width: 0; min-height: 108px; padding: .78rem .86rem; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); }
.agent-control-metric::after { position: absolute; right: -20px; bottom: -34px; width: 75px; height: 75px; border: 10px solid #e0f3eb; border-radius: 50%; content: ""; }
.agent-control-metric > div { display: flex; align-items: center; gap: .4rem; }
.agent-control-metric > div > span { width: 7px; height: 7px; border-radius: 50%; background: #43b98c; box-shadow: 0 0 0 4px #e1f3ec; }
.agent-control-metric small { color: var(--ink-soft); font-size: .57rem; font-weight: 800; }
.agent-control-metric > strong { position: relative; z-index: 1; display: block; margin-top: .52rem; color: var(--ink); font-size: 1.42rem; letter-spacing: -.04em; }
.agent-control-metric p { position: relative; z-index: 1; max-width: 82%; margin: .14rem 0 0; color: var(--ink-faint); font-size: .49rem; line-height: 1.4; }
.agent-control-metric.tone-blue::after { border-color: #e0edf7; }
.agent-control-metric.tone-blue > div > span { background: #629cc4; box-shadow: 0 0 0 4px #e5f0f8; }
.agent-control-metric.tone-amber::after { border-color: #fff0d5; }
.agent-control-metric.tone-amber > div > span { background: #dc9a36; box-shadow: 0 0 0 4px #fff2dc; }
.agent-control-metric.tone-neutral::after { border-color: #e7ebe9; }
.agent-control-metric.tone-neutral > div > span { background: #718079; box-shadow: 0 0 0 4px #ebefed; }
.agent-risk-panel { margin-bottom: 1rem; padding: 1rem; overflow: hidden; }
.agent-risk-heading { margin-bottom: .8rem; align-items: end; }
.agent-risk-heading h2 { margin-bottom: .2rem; }
.agent-risk-heading p:last-child { max-width: 720px; margin: 0; color: var(--ink-faint); font-size: .64rem; }
.agent-risk-total { display: grid; min-width: 94px; padding: .58rem .7rem; justify-items: end; border: 1px solid #dce7e2; border-radius: 11px; background: var(--surface-soft); }
.agent-risk-total strong { color: var(--ink); font-size: 1.08rem; line-height: 1; }
.agent-risk-total small { margin-top: .18rem; color: var(--ink-faint); font-size: .5rem; }
.agent-risk-ladder { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem; list-style: none; }
.agent-risk-card { --risk-color: #2c8b69; --risk-soft: #eaf7f2; display: grid; min-width: 0; min-height: 158px; padding: .72rem; grid-template-rows: auto auto 1fr auto; gap: .36rem; border: 1px solid color-mix(in srgb, var(--risk-color) 24%, #e1e8e5); border-radius: 12px; background: linear-gradient(180deg, #fff 0%, var(--risk-soft) 145%); }
.agent-risk-card > header { display: flex; align-items: center; justify-content: space-between; gap: .35rem; }
.agent-risk-card > header > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #fff; background: var(--risk-color); font-size: .58rem; font-weight: 900; }
.agent-risk-card > header small { color: var(--risk-color); font-size: .43rem; font-weight: 820; text-align: right; }
.agent-risk-card > strong { color: var(--ink); font-size: .68rem; }
.agent-risk-card > p { margin: 0; color: var(--ink-faint); font-size: .52rem; line-height: 1.42; }
.agent-risk-card > footer { display: flex; padding-top: .48rem; align-items: end; justify-content: space-between; gap: .35rem; border-top: 1px solid color-mix(in srgb, var(--risk-color) 18%, #e5ebe8); }
.agent-risk-card > footer b { color: var(--risk-color); font-size: 1.05rem; line-height: 1; }
.agent-risk-card > footer span { max-width: 76px; color: var(--ink-faint); font-size: .43rem; line-height: 1.25; text-align: right; }
.agent-risk-card.risk-level-1 { --risk-color: #3d83a8; --risk-soft: #edf6fa; }
.agent-risk-card.risk-level-2 { --risk-color: #7867ad; --risk-soft: #f3f0fb; }
.agent-risk-card.risk-level-3 { --risk-color: #c28325; --risk-soft: #fff7e8; }
.agent-risk-card.risk-level-4 { --risk-color: #c45d38; --risk-soft: #fff1eb; }
.agent-risk-card.risk-level-5 { --risk-color: #923c48; --risk-soft: #fceef0; }
.agent-risk-boundary { display: grid; margin-top: .7rem; padding: .68rem .75rem; grid-template-columns: auto minmax(220px, 1fr) auto; align-items: center; gap: .65rem; border: 1px solid #dce6e1; border-radius: 11px; background: #f8faf9; }
.agent-risk-boundary > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: #253c33; font-size: .62rem; font-weight: 900; }
.agent-risk-boundary > p { margin: 0; color: var(--ink-soft); font-size: .56rem; line-height: 1.45; }
.agent-risk-boundary > p strong { color: var(--ink); }
.agent-risk-boundary dl { display: grid; margin: 0; grid-template-columns: repeat(4, auto); gap: .75rem; }
.agent-risk-boundary dl > div { display: grid; justify-items: end; }
.agent-risk-boundary dt { color: var(--ink-faint); font-size: .42rem; }
.agent-risk-boundary dd { margin: .12rem 0 0; color: var(--ink); font-size: .65rem; font-weight: 850; }
.credential-once { border-color: #efcf92; background: #fffbef; }
.credential-once code { display: block; padding: .7rem; overflow-wrap: anywhere; border: 1px solid #ead9ae; border-radius: 8px; color: #75510c; background: #fff8df; }
#id_operating_days { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .55rem; gap: .35rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
#id_operating_days label, #id_allowed_tools label { display: flex; align-items: center; color: var(--ink-soft); font-size: .69rem; }
#id_allowed_tools { display: grid; max-height: 220px; padding: .55rem; overflow-y: auto; gap: .3rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.agent-composer-grid { margin-bottom: 1rem; }
.agent-composer { padding: 0; overflow: hidden; }
.agent-composer > summary { display: grid; min-height: 68px; padding: .78rem .9rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .68rem; cursor: pointer; list-style: none; }
.agent-composer > summary::-webkit-details-marker { display: none; }
.agent-composer > summary > span:nth-child(2) { display: grid; gap: .1rem; }
.agent-composer > summary strong { color: var(--ink); font-size: .76rem; }
.agent-composer > summary small { color: var(--ink-faint); font-size: .55rem; }
.agent-composer > summary > i { width: 8px; height: 8px; border-right: 2px solid #84938d; border-bottom: 2px solid #84938d; transform: rotate(45deg); transition: transform .18s ease; }
.agent-composer[open] > summary { border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.agent-composer[open] > summary > i { transform: rotate(225deg); }
.agent-composer-mark { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: var(--accent-strong); background: var(--accent-soft); font-size: 1rem; font-weight: 800; }
.agent-composer-mark.is-blue { color: #3768a1; background: var(--blue-soft); }
.agent-composer-body { padding: .95rem 1rem 1rem; }
.agent-composer-body > p { margin-top: 0; color: var(--ink-soft); font-size: .69rem; }
.agent-create-panel .stack-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.agent-create-panel .stack-form > .field:has(textarea), .agent-create-panel .stack-form > .field:has(#id_allowed_tools), .agent-create-panel .stack-form > .field:has(#id_operating_days) { grid-column: 1 / -1; }
.agent-create-panel .stack-form > button { grid-column: 1 / -1; }
.agent-identity-panel { margin-top: 1.25rem; }
.agent-identity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.agent-identity-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.agent-identity-card { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(180deg, #fff, #fbfcfb); box-shadow: var(--shadow-sm); }
.agent-identity-card > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; padding: .9rem 1rem; align-items: center; gap: .65rem; border-bottom: 1px solid var(--line); }
.agent-identity-card h3 { margin: 0; font-size: .88rem; }
.agent-identity-card header p { margin: .14rem 0 0; color: var(--ink-faint); font-size: .63rem; }
.agent-identity-card > header .status-pill { grid-column: 3; grid-row: 1; }
.agent-identity-avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, var(--accent), var(--accent-strong)); font-size: .78rem; font-weight: 850; }
.agent-identity-description { min-height: 48px; margin: 0; padding: .72rem 1rem; color: var(--ink-soft); font-size: .7rem; }
.agent-identity-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0 1rem .8rem; gap: .45rem; }
.agent-identity-facts > div { position: relative; min-width: 0; padding: .6rem .65rem; border: 1px solid #e8eeea; border-radius: 9px; background: var(--surface-soft); }
.agent-identity-facts dt { color: var(--ink-faint); font-size: .55rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.agent-identity-facts dd { margin: .2rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .66rem; }
.agent-schedule-fact { grid-column: 1 / -1; padding-right: 94px !important; }
.schedule-state { position: absolute; top: .55rem; right: .55rem; display: inline-flex; align-items: center; gap: .3rem; padding: .23rem .42rem; border: 1px solid; border-radius: 999px; font-size: .55rem; font-weight: 820; text-transform: uppercase; }
.schedule-state::before { width: 6px; height: 6px; border-radius: 50%; content: ""; }
.schedule-state.is-open { color: var(--accent-strong); border-color: #b9e6d5; background: var(--accent-soft); }
.schedule-state.is-open::before { background: var(--accent); }
.schedule-state.is-closed { color: #9a5c0d; border-color: #efd29d; background: var(--amber-soft); }
.schedule-state.is-closed::before { border-radius: 1px; background: #d18420; }
.agent-governance-editor { margin: 0 1rem .8rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.agent-governance-editor > summary { display: flex; min-height: 42px; padding: .65rem .75rem; align-items: center; justify-content: space-between; gap: .8rem; color: var(--accent-strong); cursor: pointer; font-size: .68rem; font-weight: 820; list-style-position: inside; }
.agent-governance-editor > summary small { color: var(--ink-faint); font-size: .58rem; font-weight: 650; }
.agent-governance-editor[open] > summary { border-bottom: 1px solid var(--line); background: var(--accent-soft); }
.agent-governance-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .8rem; gap: .65rem; }
.agent-governance-form .field-wide, .agent-governance-form > button, .agent-governance-safety { grid-column: 1 / -1; }
.agent-governance-form [id$="-allowed_tools"] { display: grid; max-height: 190px; padding: .55rem; overflow-y: auto; gap: .3rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.agent-governance-form [id$="-operating_days"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .55rem; gap: .3rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.agent-governance-form [id$="-allowed_tools"] label, .agent-governance-form [id$="-operating_days"] label { display: flex; align-items: center; color: var(--ink-soft); font-size: .65rem; }
.agent-governance-safety { display: grid; padding: .6rem .65rem; border-left: 3px solid var(--accent); border-radius: 7px; color: var(--ink-soft); background: var(--surface-soft); font-size: .61rem; }
.agent-governance-safety strong { color: var(--ink); font-size: .62rem; }
.agent-governance-form > button { min-height: 38px; }
.agent-identity-card > footer { display: flex; min-height: 54px; padding: .65rem 1rem; align-items: center; justify-content: space-between; gap: .65rem; border-top: 1px solid var(--line); color: var(--ink-faint); background: var(--surface-soft); font-size: .6rem; }
.agent-identity-card > footer button { min-height: 32px; padding: .38rem .58rem; font-size: .65rem; }
.agent-goals { display: grid; gap: 1rem; margin-top: 1.25rem; }
.agent-goals > .panel { margin-top: 0; }
.agent-goal-card { padding: 1.4rem; }
.tool-timeline { display: grid; gap: .45rem; margin: 1rem 0; padding: 0; list-style: none; counter-reset: tools; }
.tool-timeline li { position: relative; display: grid; padding: .65rem .7rem .65rem 2.35rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); counter-increment: tools; }
.tool-timeline li::before { position: absolute; top: .65rem; left: .7rem; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: var(--accent-strong); background: var(--accent-soft); font-size: .63rem; font-weight: 800; content: counter(tools); }
.tool-timeline strong { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; }
.tool-timeline span { color: var(--ink-faint); font-size: .68rem; }

/* Calendar command center */
.calendar-command-hero { position: relative; display: grid; overflow: hidden; grid-template-columns: minmax(0, 1.45fr) minmax(220px, .55fr); min-height: 290px; margin-bottom: 1rem; padding: clamp(1.4rem, 3vw, 2.6rem); gap: 1.5rem; align-items: center; border: 1px solid #253952; border-radius: 24px; color: #f4f8fc; background: radial-gradient(circle at 78% 22%, rgb(51 208 154 / 18%), transparent 28%), linear-gradient(135deg, #101b2b 0%, #14273a 58%, #11372f 100%); box-shadow: 0 22px 55px rgb(15 27 43 / 18%); }
.calendar-command-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 28px 28px; content: ""; pointer-events: none; mask-image: linear-gradient(90deg, #000, transparent 82%); }
.calendar-command-copy { position: relative; z-index: 1; }
.calendar-command-copy .eyebrow { color: #6ce5bd; }
.calendar-command-copy h1 { max-width: 720px; margin: .22rem 0 .65rem; color: #fff; font-size: clamp(2.35rem, 5vw, 4.8rem); line-height: .9; letter-spacing: -.065em; }
.calendar-command-copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: #b8c8d7; font-size: .96rem; line-height: 1.7; }
.calendar-command-badges { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }
.calendar-command-badges span { padding: .42rem .68rem; border: 1px solid rgb(130 230 195 / 25%); border-radius: 999px; color: #d8f7ec; background: rgb(7 20 29 / 35%); font-size: .64rem; font-weight: 800; letter-spacing: .03em; }
.calendar-command-orbit { position: relative; display: grid; width: min(220px, 100%); aspect-ratio: 1; place-items: center; justify-self: center; border: 1px solid rgb(113 232 191 / 25%); border-radius: 50%; background: radial-gradient(circle, rgb(108 229 189 / 16%), transparent 58%); }
.calendar-orbit-ring { position: absolute; inset: 16%; border: 1px dashed rgb(190 244 225 / 35%); border-radius: 50%; }
.calendar-command-orbit::before, .calendar-command-orbit::after { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #6ce5bd; box-shadow: 0 0 18px #6ce5bd; content: ""; }
.calendar-command-orbit::before { top: 18%; right: 17%; }
.calendar-command-orbit::after { bottom: 13%; left: 27%; background: #72b9ff; box-shadow: 0 0 18px #72b9ff; }
.calendar-orbit-day { position: relative; z-index: 1; color: #fff; font-size: 4rem; font-weight: 900; letter-spacing: -.08em; }
.calendar-orbit-label { position: absolute; bottom: 24%; color: #a9c6d9; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.calendar-command-orbit small { position: absolute; right: -8px; bottom: 10%; padding: .32rem .5rem; border: 1px solid rgb(255 255 255 / 15%); border-radius: 999px; color: #0d3026; background: #6ce5bd; font-size: .52rem; font-weight: 950; letter-spacing: .08em; }
.calendar-control-deck { display: grid; grid-template-columns: auto 1fr; margin-bottom: .8rem; gap: .8rem; align-items: center; }
.calendar-view-tabs { display: inline-flex; width: max-content; padding: .3rem; gap: .2rem; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calendar-view-tabs a { padding: .58rem .78rem; border-radius: 9px; color: var(--ink-soft); font-size: .7rem; font-weight: 820; }
.calendar-view-tabs a[aria-current="page"] { color: #fff; background: #152b3d; box-shadow: 0 5px 12px rgb(15 39 56 / 18%); }
.calendar-period-control { display: flex; min-height: 54px; padding: .45rem .55rem; gap: .55rem; align-items: center; justify-self: end; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calendar-period-control > div { display: grid; min-width: 220px; gap: .08rem; text-align: center; }
.calendar-period-control span { color: var(--ink-faint); font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.calendar-period-control strong { font-size: .72rem; }
.calendar-arrow, .calendar-today { display: grid; min-width: 34px; min-height: 34px; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: var(--surface-soft); font-size: .7rem; font-weight: 850; }
.calendar-today { padding: 0 .7rem; color: var(--accent-strong); background: var(--accent-soft); }
.calendar-filter-deck { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)) auto; margin-bottom: .85rem; padding: .9rem; gap: .7rem; align-items: end; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(135deg, #fff, #f5f9fb); }
.calendar-filter-deck label { display: grid; gap: .28rem; color: var(--ink-faint); font-size: .6rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.calendar-filter-deck input, .calendar-filter-deck select { min-width: 0; height: 42px; padding: .55rem .62rem; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--ink); background: #fff; font-size: .7rem; text-transform: none; }
.calendar-filter-actions { display: flex; gap: .35rem; align-items: center; }
.calendar-filter-actions button, .calendar-filter-actions a { display: inline-flex; min-height: 42px; padding: .6rem .75rem; align-items: center; justify-content: center; border: 0; border-radius: 9px; font-size: .65rem; font-weight: 850; cursor: pointer; }
.calendar-filter-actions button { color: #fff; background: #173448; }
.calendar-filter-actions a { color: var(--ink-soft); background: #e9eff3; }
.calendar-summary, .inbox-summary, .lead-summary { display: grid; gap: .75rem; margin-bottom: 1rem; }
.calendar-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.inbox-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lead-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.calendar-summary article, .inbox-summary article, .lead-summary article { display: flex; min-height: 78px; padding: .9rem 1rem; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calendar-summary article { position: relative; overflow: hidden; min-height: 94px; }
.calendar-summary article::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #8ca1b0; content: ""; }
.calendar-summary article.tone-planned::before { background: #27ae7a; }
.calendar-summary article.tone-scheduled::before { background: #3e89d9; }
.calendar-summary article.tone-attention::before { background: #e3a832; }
.calendar-summary article.tone-danger::before { background: #e35a61; }
.calendar-summary article.tone-success::before { background: #60bd90; }
.calendar-summary article > div { display: grid; gap: .28rem; }
.calendar-summary span, .inbox-summary span, .lead-summary span { max-width: 160px; color: var(--ink-soft); font-size: .72rem; font-weight: 750; }
.calendar-summary small { max-width: 185px; color: var(--ink-faint); font-size: .58rem; line-height: 1.35; }
.calendar-summary strong, .inbox-summary strong, .lead-summary strong { color: var(--accent-strong); font-size: 1.55rem; letter-spacing: -.04em; }
.calendar-stage { overflow-x: auto; margin-bottom: 1rem; padding: 1px 1px .7rem; scrollbar-color: var(--line-strong) transparent; }
.calendar-grid { display: grid; gap: .65rem; }
.calendar-grid-week { min-width: 1080px; grid-template-columns: repeat(7, minmax(145px, 1fr)); }
.calendar-grid-day { grid-template-columns: minmax(0, 1fr); }
.calendar-grid-day .calendar-day { min-height: 360px; }
.calendar-grid-day .calendar-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.calendar-grid-month { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .4rem; }
.calendar-weekdays { display: grid; margin-bottom: .45rem; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .4rem; }
.calendar-weekdays span { padding: .45rem; color: var(--ink-faint); font-size: .58rem; font-weight: 900; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.calendar-day { min-height: 410px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calendar-grid-month .calendar-day { min-width: 0; min-height: 180px; border-radius: 8px; box-shadow: none; }
.calendar-day.is-outside { opacity: .5; background: #f3f6f8; }
.calendar-day > header { position: relative; display: flex; min-height: 68px; padding: .8rem; align-items: center; gap: .45rem; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.calendar-grid-month .calendar-day > header { min-height: 42px; padding: .42rem .5rem; }
.calendar-day > header > span { color: var(--ink-faint); font-size: .66rem; font-weight: 850; text-transform: uppercase; }
.calendar-day > header > strong { font-size: 1.35rem; }
.calendar-day > header > em { color: var(--ink-faint); font-size: .55rem; font-style: normal; font-weight: 800; text-transform: uppercase; }
.calendar-day > header > small { margin-left: auto; padding: .2rem .4rem; border-radius: 999px; color: var(--accent-strong); background: var(--accent-soft); font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.calendar-day.is-today { border-color: #72c9aa; box-shadow: 0 0 0 2px rgb(35 168 121 / 10%); }
.calendar-day.is-today > header { background: #eaf9f3; }
.calendar-day-open { position: absolute; z-index: 1; inset: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.calendar-day-open:focus-visible { outline: 3px solid rgb(32 165 113 / 35%); outline-offset: -3px; }
.calendar-items { display: grid; gap: .55rem; padding: .65rem; }
.calendar-grid-month .calendar-items { gap: .26rem; padding: .32rem; }
.calendar-item { display: grid; width: 100%; gap: .3rem; padding: .65rem; color: inherit; border: 1px solid var(--line); border-left: 3px solid #448bd0; border-radius: 8px; background: #f8faff; font: inherit; text-align: left; cursor: pointer; }
.calendar-item.agent { border-left-color: #20a571; background: #f4fbf8; }
.calendar-item.agent.tone-success { border-left-color: #16875d; background: #edf9f4; }
.calendar-item.agent.tone-attention { border-left-color: #d69b28; background: #fffaf0; }
.calendar-grid-month .calendar-item { gap: .2rem; min-width: 0; padding: .34rem .38rem; border-left-width: 2px; border-radius: 5px; }
.calendar-grid-month .calendar-item-top { justify-content: start; }
.calendar-grid-month .calendar-source, .calendar-grid-month .calendar-campaign, .calendar-grid-month .calendar-responsible { display: none; }
.calendar-grid-month .calendar-item strong { overflow: hidden; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-grid-month .calendar-item small { overflow: hidden; font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-grid-month .calendar-item .status-pill { max-width: 100%; margin-top: .08rem; overflow: hidden; font-size: .47rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-item.planned { border-left-color: #2bae7d; background: #f1faf6; }
.calendar-item.tone-danger { border-left-color: #e35a61; background: #fff5f5; }
.calendar-item.tone-attention { border-left-color: #df9f2e; background: #fffaf0; }
.calendar-item.tone-success { border-left-color: #35a46f; background: #f0faf5; }
.calendar-item-top { display: flex; gap: .35rem; align-items: center; justify-content: space-between; }
.calendar-time { color: var(--ink-faint); font-size: .62rem; font-weight: 800; }
.calendar-source { overflow: hidden; color: var(--ink-faint); font-size: .48rem; font-weight: 750; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.calendar-item strong { font-size: .7rem; line-height: 1.35; }
.calendar-item small { color: var(--ink-faint); font-size: .61rem; text-transform: capitalize; }
.calendar-campaign, .calendar-responsible { overflow: hidden; color: var(--ink-soft); font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-responsible::before { content: "→ "; color: var(--accent); }
.calendar-item .status-pill { grid-column: auto; grid-row: auto; width: max-content; max-width: 100%; margin-top: .2rem; }
.calendar-empty { margin: 1.2rem .2rem; color: var(--ink-faint); font-size: .68rem; text-align: center; }
.calendar-list { display: grid; gap: .72rem; }
.calendar-list-day { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-sm); }
.calendar-list-day > header { position: relative; display: grid; padding: .8rem 1rem; grid-template-columns: 120px 1fr auto; gap: .7rem; align-items: center; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.calendar-list-day > header span, .calendar-list-day > header small { color: var(--ink-faint); font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.calendar-list-day > header strong { font-size: .8rem; }
.calendar-list-day.is-today > header { background: #eaf9f3; }
.calendar-list-events { display: grid; }
.calendar-event { display: grid; width: 100%; padding: .8rem 1rem; grid-template-columns: 62px minmax(0, 1.2fr) minmax(150px, .8fr) auto; gap: .8rem; align-items: center; color: inherit; border: 0; border-bottom: 1px solid var(--line); background: transparent; font: inherit; text-align: left; cursor: pointer; }
.calendar-event:last-child { border-bottom: 0; }
.calendar-event time { color: var(--ink); font-size: .75rem; font-weight: 900; }
.calendar-event-main, .calendar-event-owner { display: grid; gap: .18rem; min-width: 0; }
.calendar-event-main strong { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-event-main span, .calendar-event-owner span, .calendar-event-owner small { overflow: hidden; color: var(--ink-faint); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-event-owner span { color: var(--ink-soft); font-weight: 750; }
.calendar-day.has-events { cursor: pointer; }
.calendar-item:focus-visible, .calendar-event:focus-visible { outline: 3px solid rgb(32 165 113 / 28%); outline-offset: 2px; }
.calendar-item:hover, .calendar-item:focus-visible { border-color: #8bcdb5; box-shadow: 0 5px 14px rgb(19 61 48 / 9%); }
.calendar-event:hover, .calendar-event:focus-visible { background: #f1f8f5; }
.calendar-event-popover { position: fixed; z-index: 80; display: grid; width: min(280px, calc(100vw - 24px)); padding: .72rem .8rem; gap: .22rem; color: #effaf6; border: 1px solid rgb(151 226 200 / 24%); border-radius: 8px; background: #133b31; box-shadow: 0 16px 35px rgb(8 32 25 / 28%); pointer-events: none; }
.calendar-event-popover[hidden] { display: none; }
.calendar-event-popover strong { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.calendar-event-popover span { color: #b8d9ce; font-size: .58rem; }
.calendar-event-popover small { color: #73dfb9; font-size: .53rem; font-weight: 850; text-transform: uppercase; }
.calendar-detail-dialog { width: min(1040px, calc(100vw - 32px)); max-height: min(860px, calc(100vh - 32px)); padding: 0; overflow: hidden; color: var(--ink); border: 1px solid #d4e1dc; border-radius: 8px; background: var(--surface); box-shadow: 0 28px 80px rgb(8 30 23 / 34%); }
.calendar-detail-dialog::backdrop { background: rgb(5 24 19 / 58%); backdrop-filter: blur(3px); }
.calendar-detail-shell { display: grid; max-height: min(860px, calc(100vh - 32px)); grid-template-rows: auto minmax(0, 1fr) auto; }
.calendar-detail-header { display: grid; padding: 1rem 1.1rem; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: start; border-bottom: 1px solid var(--line); background: #f7faf8; }
.calendar-detail-header > div { min-width: 0; }
.calendar-detail-header span { color: var(--accent-strong); font-size: .55rem; font-weight: 900; text-transform: uppercase; }
.calendar-detail-header h2 { margin: .12rem 0 .18rem; font-size: 1.12rem; }
.calendar-detail-header p { margin: 0; color: var(--ink-faint); font-size: .62rem; }
.calendar-detail-close { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 8px; background: var(--surface); font-size: 1.25rem; cursor: pointer; }
.calendar-detail-close:hover, .calendar-detail-close:focus-visible { color: var(--accent-strong); border-color: #91cfb8; }
.calendar-detail-body { display: grid; padding: 1rem; overflow: auto; gap: .85rem; overscroll-behavior: contain; }
.calendar-piece-detail { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.calendar-piece-detail:target { border-color: var(--accent); }
.calendar-piece-detail-header { display: flex; padding: .75rem .85rem; align-items: start; justify-content: space-between; gap: .65rem; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.calendar-piece-detail-header > div { display: grid; min-width: 0; gap: .12rem; }
.calendar-piece-detail-header h3 { margin: 0; overflow-wrap: anywhere; font-size: .82rem; }
.calendar-piece-format { color: var(--ink-faint); font-size: .5rem; font-weight: 900; text-transform: uppercase; }
.calendar-piece-state { flex: 0 0 auto; padding: .28rem .42rem; color: #176348; border-radius: 999px; background: #dff5ec; font-size: .5rem; font-weight: 850; }
.calendar-piece-layout { display: grid; padding: .85rem; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: 1rem; align-items: start; }
.calendar-piece-gallery { display: grid; width: 100%; min-width: 0; gap: .45rem; }
.calendar-piece-gallery-stage { position: relative; width: 100%; height: min(350px, 42vh); margin: 0; overflow: hidden; border-radius: 8px; background: #e9efec; }
.calendar-piece-gallery-stage img { width: 100%; height: 100%; object-fit: contain; }
.calendar-piece-gallery-stage span { position: absolute; right: .5rem; bottom: .5rem; padding: .22rem .36rem; color: #fff; border-radius: 5px; background: rgb(8 34 27 / 76%); font-size: .5rem; font-weight: 800; }
.calendar-piece-gallery-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35rem; }
.calendar-piece-gallery-nav button { min-width: 0; height: 48px; padding: 2px; overflow: hidden; border: 2px solid transparent; border-radius: 6px; background: #e7eeeb; cursor: pointer; }
.calendar-piece-gallery-nav button.is-active { border-color: var(--accent); }
.calendar-piece-gallery-nav img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }
.calendar-piece-information { display: grid; min-width: 0; gap: .7rem; }
.calendar-piece-meta { margin: 0; color: var(--ink-faint); font-size: .58rem; font-weight: 780; }
.calendar-piece-copy { display: grid; gap: .22rem; }
.calendar-piece-copy span { color: var(--accent-strong); font-size: .5rem; font-weight: 900; text-transform: uppercase; }
.calendar-piece-copy p { margin: 0; color: var(--ink-soft); font-size: .68rem; line-height: 1.55; white-space: pre-wrap; }
.calendar-detail-footer { display: flex; padding: .72rem 1rem; align-items: center; justify-content: space-between; gap: .7rem; border-top: 1px solid var(--line); background: #f7faf8; }
.calendar-detail-footer span { color: var(--ink-faint); font-size: .55rem; }
.calendar-detail-footer a { display: inline-flex; min-height: 36px; padding: .45rem .7rem; align-items: center; border-radius: 8px; color: #fff; background: var(--accent-strong); font-size: .62rem; font-weight: 850; text-decoration: none; }
.calendar-zero-state { display: grid; min-height: 290px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed var(--line-strong); border-radius: 18px; color: var(--ink-soft); background: var(--surface-soft); text-align: center; }
.calendar-zero-state span { color: var(--accent); font-size: 2.8rem; }
.calendar-zero-state h2, .calendar-zero-state p { margin: .2rem 0; }
.calendar-truth-rail { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #253b4f; border-radius: 17px; color: #eef7fa; background: #142738; }
.calendar-truth-rail > div { display: grid; min-height: 125px; padding: 1rem; gap: .25rem; border-right: 1px solid rgb(255 255 255 / 9%); }
.calendar-truth-rail > div:last-child { border-right: 0; }
.calendar-truth-rail span { color: #6ce5bd; font-size: .58rem; font-weight: 950; }
.calendar-truth-rail strong { font-size: .75rem; }
.calendar-truth-rail p { margin: 0; color: #aebfca; font-size: .62rem; line-height: 1.45; }
.calendar-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; }
.calendar-note .empty-illustration { margin: 0; }
.calendar-note p { margin: 0; }

/* Unified inbox */
.inbox-command-hero { position: relative; display: grid; min-height: 238px; margin-bottom: 1rem; padding: clamp(1.35rem, 3vw, 2rem); overflow: hidden; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 1.5rem; align-items: center; border: 1px solid #263e51; border-radius: 24px; color: #fff; background: radial-gradient(circle at 78% 18%, rgb(73 198 156 / 18%), transparent 25%), linear-gradient(128deg, #102536 0%, #173246 58%, #123c38 100%); box-shadow: 0 18px 42px rgb(15 36 50 / 16%); }
.inbox-command-hero::after { position: absolute; right: -95px; bottom: -170px; width: 360px; height: 360px; border: 52px solid rgb(112 228 187 / 6%); border-radius: 50%; content: ""; }
.inbox-command-copy, .inbox-command-state { position: relative; z-index: 1; }
.inbox-command-copy .eyebrow { color: #6de3bb; }
.inbox-command-copy h1 { margin: .18rem 0 .55rem; color: #fff; font-size: clamp(3rem, 7vw, 5.4rem); line-height: .92; letter-spacing: -.075em; }
.inbox-command-copy > p:not(.eyebrow) { max-width: 650px; margin: 0; color: #bad0d7; font-size: .84rem; line-height: 1.55; }
.inbox-command-badges { display: flex; margin-top: 1.15rem; flex-wrap: wrap; gap: .45rem; }
.inbox-command-badges span { display: inline-flex; padding: .38rem .58rem; align-items: center; gap: .38rem; border: 1px solid rgb(183 232 214 / 17%); border-radius: 999px; color: #d5e7e2; background: rgb(255 255 255 / 5%); font-size: .59rem; font-weight: 780; }
.inbox-command-badges i { width: 6px; height: 6px; border-radius: 50%; background: #6de3bb; box-shadow: 0 0 0 4px rgb(109 227 187 / 10%); }
.inbox-command-state { display: grid; min-width: 0; padding: 1rem; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8rem; align-items: center; border: 1px solid rgb(173 224 207 / 18%); border-radius: 17px; background: rgb(8 28 39 / 48%); box-shadow: inset 0 1px rgb(255 255 255 / 5%); backdrop-filter: blur(8px); }
.inbox-command-mark { position: relative; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgb(109 227 187 / 26%); border-radius: 14px; background: rgb(109 227 187 / 9%); }
.inbox-command-mark::before, .inbox-command-mark::after, .inbox-command-mark i { position: absolute; border: 1px solid #69d8b2; border-radius: 50%; content: ""; }
.inbox-command-mark::before { width: 23px; height: 23px; opacity: .32; }
.inbox-command-mark::after { width: 13px; height: 13px; opacity: .62; }
.inbox-command-mark i { width: 5px; height: 5px; border: 0; background: #75e6bf; box-shadow: 0 0 12px #75e6bf; }
.inbox-command-state div { display: grid; min-width: 0; gap: .12rem; }
.inbox-command-state small { color: #78a99e; font-size: .55rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.inbox-command-state strong { overflow: hidden; color: #fff; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.inbox-command-state p { margin: 0; color: #9eb8bf; font-size: .6rem; }
.inbox-command-state > b { padding: .25rem .4rem; border-radius: 999px; color: #123c34; background: #70deb8; font-size: .48rem; letter-spacing: .08em; }
.inbox-filter-console { margin-bottom: 1rem; overflow: hidden; border: 1px solid #d8e3de; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.inbox-filter-console > header { display: flex; padding: .9rem 1rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); background: linear-gradient(115deg, #fff, #f1f9f5); }
.inbox-filter-console > header h2 { margin: .12rem 0 .16rem; font-size: .96rem; }
.inbox-filter-console > header p:not(.eyebrow) { margin: 0; color: var(--ink-faint); font-size: .62rem; }
.inbox-filter-console > header > span { display: inline-flex; min-width: 82px; padding: .45rem .62rem; align-items: baseline; justify-content: center; gap: .24rem; border: 1px solid #d5e9df; border-radius: 11px; color: var(--ink-faint); background: #fff; font-size: .58rem; font-weight: 760; }
.inbox-filter-console > header > span strong { color: var(--accent-strong); font-size: 1rem; }
.inbox-filter-grid { display: grid; padding: .9rem 1rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .72rem; }
.inbox-filter-grid label { display: grid; min-width: 0; gap: .3rem; color: var(--ink-soft); font-size: .58rem; font-weight: 830; letter-spacing: .025em; }
.inbox-filter-grid label:last-child { grid-column: span 2; }
.inbox-filter-grid select { width: 100%; min-width: 0; min-height: 37px; padding: .45rem 1.8rem .45rem .55rem; color: var(--ink); border-color: #dbe5e0; background-color: var(--surface-soft); font-size: .65rem; }
.inbox-filter-console > footer { display: flex; padding: .72rem 1rem; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); background: #fbfdfc; }
.inbox-filter-proof { display: flex; min-width: 0; align-items: center; gap: .55rem; }
.inbox-filter-proof > span { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: var(--accent-strong); background: var(--accent-soft); font-size: .65rem; font-weight: 900; }
.inbox-filter-proof p { display: grid; margin: 0; gap: .05rem; }
.inbox-filter-proof strong { color: var(--ink); font-size: .62rem; }
.inbox-filter-proof small { color: var(--ink-faint); font-size: .55rem; }
.inbox-filter-actions { display: flex; flex: 0 0 auto; gap: .45rem; }
.inbox-filter-actions a, .inbox-filter-actions button { display: inline-flex; min-height: 36px; padding: .45rem .7rem; align-items: center; justify-content: center; border-radius: 8px; font-size: .65rem; font-weight: 800; text-decoration: none; }
.inbox-filter-actions a { color: var(--ink-soft); border: 1px solid var(--line-strong); background: #fff; }
.inbox-filter-error { margin: -.25rem 0 1rem; }
.inbox-filter-chips { display: flex; margin: -.2rem 0 1rem; flex-wrap: wrap; gap: .4rem; align-items: center; }
.inbox-filter-chips span { display: inline-flex; padding: .34rem .5rem; align-items: center; gap: .35rem; border: 1px solid #d5e8de; border-radius: 999px; color: #31594b; background: #eff8f4; font-size: .58rem; font-weight: 760; }
.inbox-filter-chips small { color: #708b80; font-size: .49rem; font-weight: 850; letter-spacing: .03em; text-transform: uppercase; }
.inbox-filter-chips a { margin-left: auto; color: var(--ink-faint); font-size: .59rem; font-weight: 780; }
.inbox-summary article { position: relative; overflow: hidden; }
.inbox-summary article::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #6a97bd; content: ""; }
.inbox-summary article.tone-green::before { background: var(--accent); }
.inbox-summary article.tone-amber::before { background: #d99a2d; }
.inbox-summary article.tone-red::before { background: var(--danger); }
.inbox-summary article > div { display: grid; gap: .1rem; }
.inbox-summary article small { color: var(--ink-faint); font-size: .55rem; }
.inbox-workspace { display: grid; grid-template-columns: minmax(270px, .42fr) minmax(0, 1.58fr); gap: .85rem; align-items: start; }
.conversation-queue { position: sticky; top: 86px; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-sm); }
.conversation-queue > header { display: flex; padding: .9rem 1rem; align-items: center; justify-content: space-between; gap: .7rem; border-bottom: 1px solid var(--line); background: linear-gradient(130deg, #fff, #f3faf7); }
.conversation-queue > header h2 { margin: .12rem 0 0; font-size: .96rem; }
.conversation-queue > header > span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #d8e8e1; border-radius: 999px; color: var(--accent-strong); background: #fff; font-size: .7rem; font-weight: 850; }
.conversation-queue-list { display: grid; max-height: calc(100vh - 255px); overflow-y: auto; }
.conversation-queue-item { display: grid; min-width: 0; padding: .85rem .9rem; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; color: inherit; border-bottom: 1px solid var(--line); background: #fff; text-decoration: none; transition: background .16s ease, box-shadow .16s ease; }
.conversation-queue-item:last-child { border-bottom: 0; }
.conversation-queue-item:hover { background: #f7faf8; }
.conversation-queue-item.is-active { position: relative; background: #eff9f5; box-shadow: inset 3px 0 var(--accent); }
.conversation-queue-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #3a7f68, var(--sidebar)); font-size: .68rem; font-weight: 850; }
.conversation-queue-copy { display: grid; min-width: 0; gap: .3rem; }
.conversation-queue-topline { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .4rem; }
.conversation-queue-topline strong { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.conversation-queue-topline small { flex: 0 0 auto; color: var(--ink-faint); font-size: .55rem; }
.conversation-queue-title { display: -webkit-box; overflow: hidden; color: var(--ink); font-size: .7rem; font-weight: 680; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.conversation-queue-meta { display: flex; min-width: 0; flex-wrap: wrap; gap: .25rem; }
.conversation-queue-meta > span { padding: .18rem .34rem; border-radius: 999px; color: var(--ink-faint); background: var(--surface-strong); font-size: .54rem; font-weight: 720; text-transform: capitalize; }
.conversation-queue-meta .queue-state { color: #31594b; background: #e6f3ed; }
.conversation-queue-meta .state-human_takeover { color: #8a560f; background: var(--amber-soft); }
.conversation-queue-meta .state-closed, .conversation-queue-meta .state-do_not_contact { color: var(--ink-faint); background: #edf0ee; }
.conversation-queue-empty { display: grid; min-height: 190px; padding: 1rem; place-items: center; align-content: center; gap: .25rem; color: var(--ink-faint); text-align: center; }
.conversation-queue-empty > span { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: .3rem; border-radius: 12px; color: var(--accent-strong); background: var(--accent-soft); }
.conversation-queue-empty strong { color: var(--ink); font-size: .78rem; }
.conversation-queue-empty small { font-size: .62rem; }
.conversation-queue-empty a { margin-top: .35rem; color: var(--accent-strong); font-size: .62rem; font-weight: 820; }
.conversation-focus { min-width: 0; }
.conversation-pinned-note { display: flex; margin-bottom: .7rem; padding: .65rem .8rem; align-items: center; gap: .55rem; border: 1px solid #d5e8de; border-radius: 12px; color: #31594b; background: #eff8f4; }
.conversation-pinned-note > span { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: var(--accent); font-size: .68rem; font-weight: 900; }
.conversation-pinned-note p { display: grid; margin: 0; gap: .08rem; }
.conversation-pinned-note strong { font-size: .66rem; }
.conversation-pinned-note small { color: #668177; font-size: .58rem; }
.conversation-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; margin: 0; }
.conversation-avatar { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #3a7f68, var(--sidebar)); font-weight: 850; }
.conversation-main { min-width: 0; }
.conversation-main h2 { font-size: 1rem; }
.conversation-meta, .classification-row { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.conversation-meta span, .classification-row span, .classification-row strong { padding: .25rem .48rem; border-radius: 999px; color: var(--ink-soft); background: var(--surface-strong); font-size: .63rem; font-weight: 700; }
.conversation-meta .is-warning { color: #7a4a08; background: #fff0ca; }
.classification-row strong { color: var(--danger); background: var(--danger-soft); }
.conversation-summary-note { display: grid; margin-top: .8rem; padding: .7rem .8rem; grid-template-columns: auto minmax(0, 1fr); gap: .6rem; align-items: start; border: 1px solid #d9e6e0; border-radius: 11px; background: linear-gradient(120deg, #f5faf8, #fbfdfc); }
.conversation-summary-note > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--accent-strong); background: #ddf3e9; font-size: .8rem; font-weight: 900; }
.conversation-summary-note div { min-width: 0; }
.conversation-summary-note small { color: #648077; font-size: .53rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.conversation-summary-note p { margin: .16rem 0 0; color: #40544d; font-size: .69rem; line-height: 1.45; }
.conversation-dossier { display: grid; margin-top: .75rem; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: .7rem; align-items: start; }
.conversation-history { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.conversation-history > header, .conversation-context-rail > header { display: flex; min-height: 58px; padding: .72rem .8rem; align-items: center; justify-content: space-between; gap: .7rem; }
.conversation-history > header { border-bottom: 1px solid var(--line); background: #f8fbf9; }
.conversation-history > header h3, .conversation-context-rail > header h3 { margin: .1rem 0 0; font-size: .75rem; }
.conversation-history > header > span { padding: .28rem .42rem; border: 1px solid #dbe7e1; border-radius: 999px; color: var(--ink-faint); background: #fff; font-size: .52rem; font-weight: 800; }
.conversation-history ol { display: grid; max-height: 510px; margin: 0; padding: .65rem; overflow-y: auto; gap: .55rem; list-style: none; }
.conversation-history li { display: grid; max-width: 88%; padding: .62rem .68rem; gap: .3rem; border: 1px solid #dce7e2; border-radius: 10px 10px 10px 3px; background: #f7faf8; }
.conversation-history li.direction-outbound { justify-self: end; border-color: #cee2ec; border-radius: 10px 10px 3px 10px; background: #f2f7fa; }
.conversation-history li > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.conversation-history li > header strong { color: #4e6960; font-size: .52rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.conversation-history li.direction-outbound > header strong { color: #46677d; }
.conversation-history li time { color: var(--ink-faint); font-size: .5rem; }
.conversation-history li p { margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: .68rem; line-height: 1.45; }
.conversation-history li > small { display: inline-flex; align-items: center; gap: .24rem; color: var(--ink-faint); font-size: .49rem; }
.conversation-history li > small i { display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; color: #8a560f; background: var(--amber-soft); font-size: .42rem; font-style: normal; font-weight: 900; }
.conversation-history li.direction-outbound > small i { color: var(--accent-strong); background: var(--accent-soft); }
.conversation-history li.conversation-history-empty { max-width: none; place-items: center; text-align: center; }
.conversation-context-rail { min-width: 0; overflow: hidden; border: 1px solid #263f50; border-radius: 13px; color: #eaf4f1; background: linear-gradient(145deg, #142b3c, #123b38); box-shadow: 0 12px 25px rgb(20 43 60 / 10%); }
.conversation-context-rail > header { border-bottom: 1px solid rgb(255 255 255 / 9%); }
.conversation-context-rail .eyebrow { color: #70deb8; }
.conversation-context-rail > header h3 { color: #fff; }
.conversation-context-rail > header > span { padding: .25rem .4rem; border: 1px solid rgb(112 222 184 / 20%); border-radius: 999px; color: #7cbaa7; font-size: .48rem; font-weight: 850; }
.conversation-context-facts { display: grid; margin: 0; padding: .7rem .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.conversation-context-facts div { min-width: 0; padding: .48rem .52rem; border: 1px solid rgb(255 255 255 / 8%); border-radius: 8px; background: rgb(255 255 255 / 4%); }
.conversation-context-facts dt { color: #72a89a; font-size: .47rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.conversation-context-facts dd { margin: .12rem 0 0; overflow: hidden; color: #f2f8f6; font-size: .59rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.conversation-context-facts dd small { display: block; margin-top: .08rem; color: #75d8b8; font-size: .43rem; font-weight: 800; text-transform: uppercase; }
.conversation-agent-assignment, .conversation-agent-empty { display: grid; margin: 0 .8rem .7rem; padding: .65rem; gap: .45rem; border: 1px solid rgb(112 222 184 / 18%); border-radius: 10px; background: rgb(3 20 28 / 18%); }
.conversation-agent-assignment > div, .conversation-agent-empty { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.conversation-agent-assignment > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .45rem; }
.conversation-agent-assignment > div > span, .conversation-agent-empty > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #10392f; background: #70deb8; font-size: .58rem; font-weight: 950; }
.conversation-agent-assignment p, .conversation-agent-empty p { display: grid; margin: 0; gap: .06rem; }
.conversation-agent-assignment strong, .conversation-agent-empty strong { color: #f3faf7; font-size: .58rem; }
.conversation-agent-assignment small, .conversation-agent-empty small { color: #87a99f; font-size: .47rem; line-height: 1.35; }
.conversation-agent-assignment label { color: #78aa9d; font-size: .46rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.conversation-agent-assignment select { min-width: 0; min-height: 34px; color: #ecf7f3; border-color: rgb(255 255 255 / 13%); background-color: #173f41; font-size: .56rem; }
.conversation-agent-assignment button { min-height: 34px; padding: .4rem .55rem; border-color: #70deb8; color: #123c34; background: #70deb8; font-size: .56rem; }
.conversation-agent-empty { grid-template-columns: auto minmax(0, 1fr); }
.conversation-agent-empty a { grid-column: 2; color: #79e3bd; font-size: .5rem; font-weight: 820; }
.conversation-lead-proof, .conversation-lead-empty { margin: 0 .8rem .7rem; padding: .65rem; border: 1px solid rgb(112 222 184 / 18%); border-radius: 10px; background: rgb(255 255 255 / 6%); }
.conversation-lead-proof > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center; }
.conversation-lead-proof > header > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #10392f; background: #70deb8; font-size: .62rem; font-weight: 950; }
.conversation-lead-proof > header > div { display: grid; min-width: 0; gap: .05rem; }
.conversation-lead-proof > header small, .conversation-next-action small { color: #78aa9d; font-size: .46rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.conversation-lead-proof > header strong { color: #fff; font-size: .63rem; }
.conversation-lead-proof > header b { color: #77e2bd; font-size: .67rem; }
.conversation-next-action { margin-top: .55rem; padding: .48rem .52rem; border-radius: 8px; background: rgb(5 24 31 / 25%); }
.conversation-next-action p { margin: .12rem 0 0; color: #d7e8e3; font-size: .58rem; line-height: 1.4; }
.conversation-collected-data { display: grid; margin: .5rem 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
.conversation-collected-data div { padding: .35rem .4rem; border-radius: 7px; background: rgb(255 255 255 / 4%); }
.conversation-collected-data dt { color: #78aa9d; font-size: .44rem; font-weight: 820; }
.conversation-collected-data dd { margin: .08rem 0 0; color: #b5c9c3; font-size: .52rem; font-weight: 700; }
.conversation-collected-data .is-available dd { color: #79e3bd; }
.conversation-tags { display: flex; margin-top: .5rem; flex-wrap: wrap; gap: .28rem; }
.conversation-tags span { padding: .2rem .32rem; border: 1px solid rgb(112 222 184 / 17%); border-radius: 999px; color: #a7d7c8; background: rgb(112 222 184 / 7%); font-size: .46rem; font-weight: 760; }
.conversation-lead-proof > a, .conversation-lead-empty > a { display: inline-flex; margin-top: .55rem; color: #79e3bd; font-size: .52rem; font-weight: 820; }
.conversation-lead-empty { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem; align-items: center; }
.conversation-lead-empty > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #7cb2a3; background: rgb(255 255 255 / 6%); }
.conversation-lead-empty strong { color: #fff; font-size: .6rem; }
.conversation-lead-empty p { margin: .1rem 0 0; color: #9db7af; font-size: .52rem; line-height: 1.35; }
.conversation-lead-empty > a { grid-column: 2; margin-top: 0; }
.conversation-context-rail > footer { display: flex; padding: .62rem .8rem; align-items: center; gap: .48rem; border-top: 1px solid rgb(255 255 255 / 8%); background: rgb(3 20 28 / 18%); }
.conversation-context-rail > footer > span { color: #70deb8; font-size: .7rem; }
.conversation-context-rail > footer p { display: grid; margin: 0; gap: .05rem; }
.conversation-context-rail > footer strong { color: #d9ebe5; font-size: .52rem; }
.conversation-context-rail > footer small { color: #76968d; font-size: .46rem; line-height: 1.3; }
.message-preview { display: grid; gap: .25rem; margin: .8rem 0 0; padding: .75rem .85rem; border: 0; border-left: 3px solid #b7dcca; border-radius: 0 9px 9px 0; color: #40504a; background: var(--surface-soft); font-size: .76rem; }
.message-preview strong { color: var(--ink-faint); font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.suggestion-box { margin-top: .65rem; padding: .7rem .8rem; border: 1px solid #d8e4ee; border-radius: 9px; background: #f5f8fb; }
.suggestion-box > span { color: #506a7f; font-size: .61rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.suggestion-box p { margin: .25rem 0 0; color: #344a5a; font-size: .74rem; }
.response-workflow { display: grid; gap: .65rem; }
.response-workflow > header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.response-workflow > header > span:first-child { color: #506a7f; font-size: .61rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.response-workflow .status-pill { grid-column: auto; grid-row: auto; }
.response-confidence { display: flex; flex-wrap: wrap; gap: .35rem; }
.response-confidence span { padding: .22rem .42rem; border-radius: 999px; color: #506a7f; background: #e8eff5; font-size: .6rem; font-weight: 720; }
.response-request-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .5rem; padding-top: .65rem; border-top: 1px solid #d8e4ee; }
.response-request-form label { grid-column: 1 / -1; color: #506a7f; font-size: .62rem; font-weight: 760; }
.response-request-form input { min-height: 36px; font-size: .69rem; }
.response-request-form button, .response-send-form button { min-height: 36px; padding: .46rem .66rem; font-size: .69rem; }
.response-checkpoint, .response-send-form, .response-delivered, .response-blocked { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .18rem .7rem; padding: .7rem; border-radius: 9px; }
.response-checkpoint { border: 1px solid #efd29d; background: #fff9eb; }
.response-checkpoint strong, .response-send-form strong, .response-delivered strong, .response-blocked strong { color: var(--ink); font-size: .7rem; }
.response-checkpoint span, .response-send-form span, .response-delivered span, .response-blocked span { grid-column: 1; color: var(--ink-soft); font-size: .66rem; }
.response-checkpoint a { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #8a560f; font-size: .66rem; font-weight: 800; }
.response-send-form { align-items: center; border: 1px solid #b9e6d5; background: #effaf5; }
.response-send-form button { grid-column: 2; grid-row: 1 / span 2; }
.response-delivered { border: 1px solid #b9e6d5; background: #effaf5; }
.response-delivered::before { grid-column: 2; grid-row: 1 / span 3; align-self: center; color: var(--accent-strong); font-size: 1.2rem; content: "✓"; }
.response-delivered small { grid-column: 1; color: var(--ink-faint); font-size: .6rem; }
.response-blocked { border: 1px solid #efc8c4; background: var(--danger-soft); }
.assigned-label { display: inline-flex; align-items: center; color: var(--ink-faint); font-size: .68rem; }
.status-human_takeover, .status-human_contact_required, .status-waiting_for_lead { color: #9a5c0d; background: var(--amber-soft); border-color: #efd29d; }
.status-human_takeover::before, .status-human_contact_required::before, .status-waiting_for_lead::before { background: #d18420; }
.status-do_not_contact, .status-blocked, .status-lost { color: #a13f3f; background: var(--danger-soft); border-color: #efc8c4; }
.status-do_not_contact::before, .status-blocked::before, .status-lost::before { background: var(--danger); }
.status-qualified, .status-won, .status-converted { color: var(--accent-strong); background: var(--accent-soft); border-color: #b9e6d5; }
.status-qualified::before, .status-won::before, .status-converted::before { background: var(--accent); }

/* Campaign strategy and attribution */
.campaign-hero { position: relative; padding: 1.35rem 1.5rem; overflow: hidden; border: 1px solid #d5dfd9; border-radius: var(--radius-lg); background: linear-gradient(120deg, #fff 0%, #f2faf6 68%, #e4f5ee 100%); }
.campaign-hero::after { position: absolute; right: -70px; bottom: -115px; width: 250px; height: 250px; border: 36px solid rgb(35 168 121 / 6%); border-radius: 50%; content: ""; }
.campaign-hero > * { position: relative; z-index: 1; }
.campaign-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.campaign-summary article { display: grid; min-height: 96px; padding: .85rem .95rem; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow-sm); }
.campaign-summary span { color: var(--ink-soft); font-size: .68rem; font-weight: 700; }
.campaign-summary strong { margin-top: .08rem; overflow-wrap: anywhere; font-size: 1.3rem; letter-spacing: -.04em; }
.campaign-summary small { color: var(--ink-faint); font-size: .59rem; }
.campaign-workspace { display: grid; grid-template-columns: minmax(300px, .68fr) minmax(560px, 1.32fr); gap: 1rem; align-items: start; }
.campaign-create { position: sticky; top: 92px; margin: 0; }
.campaign-list { display: grid; gap: 1rem; }
.campaign-list > .panel { margin: 0; }
.campaign-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.campaign-form > .field:has(textarea), .campaign-form > .field:has(input[name="name"]), .campaign-form > .field:has(select[name="brand"]), .campaign-form > button { grid-column: 1 / -1; }
.campaign-form .field:has(input[type="checkbox"]) > div { display: grid; padding: .55rem .65rem; gap: .28rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.campaign-form .field:has(input[type="checkbox"]) label { display: flex; align-items: center; color: var(--ink-soft); font-size: .69rem; }
.campaign-form button { width: 100%; }
.campaign-editor { margin: 0 0 1rem; border-color: #bedfce; box-shadow: 0 12px 30px rgb(17 118 87 / 8%); }
.campaign-form-wide { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.campaign-form-wide > .field:has(textarea), .campaign-form-wide > .field:has(input[type="checkbox"]) { grid-column: span 2; }
.campaign-form-actions { display: flex; grid-column: 1 / -1; align-items: center; gap: .75rem; }
.campaign-form-actions button { width: auto; }
.campaign-form-actions span { color: var(--ink-faint); font-size: .68rem; }
.campaign-card { padding: 0; overflow: hidden; }
.campaign-card-header { display: flex; padding: 1.05rem 1.2rem; align-items: start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #fff, #fbfcfb); }
.campaign-card-header h2 { margin: .16rem 0 .22rem; font-size: 1.22rem; }
.campaign-card-header p { margin: 0; color: var(--ink-faint); font-size: .65rem; }
.campaign-card-header .status-pill { grid-column: auto; grid-row: auto; flex: 0 0 auto; }
.campaign-brand { color: var(--accent-strong); font-size: .61rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.campaign-card-body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); }
.campaign-strategy, .campaign-attribution { padding: 1.15rem 1.2rem; }
.campaign-strategy { border-right: 1px solid var(--line); }
.campaign-attribution { background: #fbfcfb; }
.campaign-section-label { color: var(--ink-faint); font-size: .59rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.campaign-objective { margin: .25rem 0 .8rem; color: var(--ink); font-size: .86rem; font-weight: 680; line-height: 1.45; }
.campaign-audience { display: grid; gap: .15rem; margin-bottom: .75rem; padding: .62rem .7rem; border-left: 3px solid #9bb9df; color: #40546b; background: #f3f7fc; font-size: .7rem; }
.campaign-audience strong { color: #73859a; font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.campaign-chips { display: flex; flex-wrap: wrap; gap: .32rem; }
.campaign-chips span, .campaign-chip { padding: .22rem .42rem; border-radius: 999px; color: #426054; background: #eaf4ef; font-size: .59rem; font-weight: 750; text-transform: capitalize; }
.campaign-dates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .8rem 0 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.campaign-dates div { padding: .5rem .6rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.campaign-dates div:nth-child(2n) { border-right: 0; }
.campaign-dates div:nth-last-child(-n + 2) { border-bottom: 0; }
.campaign-dates dt { color: var(--ink-faint); font-size: .55rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.campaign-dates dd { margin: .12rem 0 0; color: var(--ink-soft); font-size: .66rem; }
.campaign-guardrails { display: grid; gap: .4rem; margin-top: .7rem; }
.campaign-guardrails div { display: grid; gap: .12rem; padding: .5rem .6rem; border-radius: 8px; color: var(--ink-soft); background: var(--surface-soft); font-size: .65rem; }
.campaign-guardrails strong { color: var(--ink-faint); font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }
.attribution-heading { display: flex; align-items: start; justify-content: space-between; gap: .6rem; }
.attribution-heading > div { display: grid; }
.attribution-heading > div > strong { margin-top: .14rem; font-size: .8rem; }
.provenance-tag { display: inline-flex; width: max-content; padding: .18rem .34rem; border-radius: 999px; color: #4b6259; background: #eaf0ed; font-size: .52rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.provenance-tag.calculated { color: #3f5f94; background: #e9efff; }
.provenance-tag.obtained { color: var(--accent-strong); background: var(--accent-soft); }
.provenance-tag.estimated { color: #8a5b18; background: var(--amber-soft); }
.campaign-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35rem; margin-top: .75rem; }
.campaign-kpis article { display: grid; min-width: 0; padding: .48rem .4rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; text-align: center; }
.campaign-kpis span { overflow: hidden; color: var(--ink-faint); font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }
.campaign-kpis strong { margin-top: .08rem; font-size: .86rem; }
.campaign-budget { display: grid; gap: .25rem; margin-top: .65rem; }
.campaign-budget > div { display: grid; grid-template-columns: 1fr auto; gap: .06rem .5rem; padding: .42rem .5rem; border-radius: 7px; background: #f3f6f4; }
.campaign-budget span { color: var(--ink-soft); font-size: .61rem; }
.campaign-budget strong { font-size: .68rem; }
.campaign-budget small { grid-column: 1 / -1; }
.budget-meter-row { display: flex; margin-top: .65rem; align-items: center; justify-content: space-between; color: var(--ink-soft); font-size: .59rem; }
.budget-meter-row strong { color: var(--ink); }
.budget-meter { width: 100%; height: 7px; border: 0; border-radius: 999px; background: var(--surface-strong); }
.budget-meter::-webkit-meter-bar { border: 0; border-radius: 999px; background: var(--surface-strong); }
.budget-meter::-webkit-meter-optimum-value { border-radius: 999px; background: linear-gradient(90deg, #6bd3ad, var(--accent-strong)); }
.budget-meter::-moz-meter-bar { border-radius: 999px; background: linear-gradient(90deg, #6bd3ad, var(--accent-strong)); }
.unavailable-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; margin-top: .65rem; }
.unavailable-metrics span { display: grid; padding: .4rem; border: 1px dashed #cfd8d3; border-radius: 7px; color: var(--ink-faint); font-size: .54rem; text-align: center; }
.unavailable-metrics strong { color: var(--ink-soft); font-size: .57rem; }
.campaign-actions { display: flex; padding: .8rem 1.2rem; align-items: center; gap: .65rem; border-top: 1px solid var(--line); background: var(--surface-soft); }
.campaign-actions .transition-form { margin-left: auto; }
.campaign-actions button, .campaign-actions .button-link { min-height: 35px; padding: .42rem .62rem; font-size: .67rem; }
.campaign-action-copy { display: grid; margin-right: auto; }
.campaign-action-copy strong { font-size: .68rem; }
.campaign-action-copy span { color: var(--ink-faint); font-size: .58rem; }

/* Knowledge library */
.knowledge-hero { padding: 1.35rem 1.5rem; border: 1px solid #d9ddeb; border-radius: var(--radius-lg); background: linear-gradient(120deg, #fff 0%, #f7f8fd 62%, #edf1fb 100%); }
.knowledge-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.knowledge-summary article { display: grid; min-height: 88px; padding: .8rem .9rem; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); }
.knowledge-summary span { color: var(--ink-soft); font-size: .66rem; font-weight: 700; }
.knowledge-summary strong { font-size: 1.35rem; letter-spacing: -.04em; }
.knowledge-summary small { color: var(--ink-faint); font-size: .57rem; }
.knowledge-search { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(520px, 1.25fr); margin: 0 0 1rem; align-items: end; gap: 1rem; border-color: #d6dced; background: linear-gradient(180deg, #fff, #fafbfe); }
.knowledge-search > div > p:last-child { margin: .25rem 0 0; color: var(--ink-soft); font-size: .72rem; }
.knowledge-search form { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(240px, 1.35fr) auto; align-items: end; gap: .55rem; }
.knowledge-search button { white-space: nowrap; }
.knowledge-results { display: grid; gap: .7rem; margin-bottom: 1rem; }
.knowledge-results > .panel-header { margin: .2rem 0 0; }
.knowledge-result { display: grid; gap: .55rem; margin: 0; border-left: 4px solid #6480c6; }
.knowledge-result header { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.knowledge-result h3 { margin: .12rem 0 0; }
.knowledge-result blockquote { margin: 0; color: #344252; font-size: .76rem; white-space: pre-line; }
.knowledge-citation { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem; padding: .45rem .55rem; border-radius: 8px; background: #f1f4fb; }
.knowledge-citation code { overflow-wrap: anywhere; color: #415b91; font-size: .61rem; }
.knowledge-citation span { color: var(--ink-faint); font-size: .58rem; }
.untrusted-notice { margin: 0; color: #795b20; font-size: .62rem; }
.untrusted-notice strong { color: #936813; }
.knowledge-missing { display: grid; grid-template-columns: auto 1fr; margin: 0; align-items: center; gap: .8rem; }
.knowledge-missing .empty-illustration { margin: 0; }
.knowledge-missing h2, .knowledge-missing p { margin: 0; }
.knowledge-missing p { color: var(--ink-soft); font-size: .72rem; }
.knowledge-version-editor { margin: 0 0 1rem; border-color: #c8d2ed; }
.knowledge-version-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.knowledge-version-form .field:has(textarea), .knowledge-version-form button { grid-column: 1 / -1; }
.knowledge-workspace { display: grid; grid-template-columns: minmax(310px, .68fr) minmax(560px, 1.32fr); align-items: start; gap: 1rem; }
.knowledge-sidebar, .knowledge-library { display: grid; gap: 1rem; }
.knowledge-sidebar > .panel, .knowledge-library > .panel { margin: 0; }
.knowledge-source-create { padding: 0; overflow: hidden; }
.knowledge-source-create summary { display: flex; padding: 1rem 1.15rem; align-items: center; justify-content: space-between; gap: .6rem; cursor: pointer; list-style: none; }
.knowledge-source-create summary::-webkit-details-marker { display: none; }
.knowledge-source-create summary > span:first-child { display: grid; }
.knowledge-source-create summary small { color: var(--accent-strong); font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.knowledge-source-create summary strong { font-size: .92rem; }
.knowledge-source-create summary > span:last-child { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: var(--accent-strong); background: var(--accent-soft); font-size: 1.1rem; transition: transform .15s ease; }
.knowledge-source-create[open] summary > span:last-child { transform: rotate(45deg); }
.knowledge-source-create > p { margin: 0; padding: 0 1.15rem .8rem; color: var(--ink-soft); font-size: .68rem; }
.knowledge-source-create > .form-errors, .knowledge-source-create > form { margin: 0 1.15rem 1.15rem; }
.knowledge-form { display: grid; gap: .75rem; }
.knowledge-form > button { width: 100%; }
.knowledge-form .field:has(input[name="is_authorized"]) { padding: .55rem .65rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.knowledge-form .field:has(input[name="is_authorized"]) label { display: flex; align-items: center; }
.knowledge-source-list ul { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.knowledge-source-list li { display: grid; grid-template-columns: 1fr auto; gap: .08rem .5rem; padding: .65rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.knowledge-source-list li > strong { overflow-wrap: anywhere; font-size: .71rem; }
.knowledge-source-list li > small { grid-column: 1 / -1; overflow-wrap: anywhere; color: var(--ink-faint); font-size: .58rem; }
.source-kind { color: #526ea8; font-size: .55rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.source-auth { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: .18rem .35rem; border-radius: 999px; color: #9b4c45; background: var(--danger-soft); font-size: .52rem; font-weight: 800; }
.source-auth.authorized { color: var(--accent-strong); background: var(--accent-soft); }
.knowledge-document-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.knowledge-document-form > .field:has(textarea), .knowledge-document-form > .field:has(input[name="title"]), .knowledge-document-form > button { grid-column: 1 / -1; }
.binary-gate { display: grid; gap: .15rem; margin: .85rem 0 0; padding: .65rem .7rem; border: 1px dashed #dbb979; border-radius: 9px; color: #7c622e; background: #fffaf0; font-size: .62rem; }
.binary-gate strong { color: #8b6116; }
.knowledge-card { padding: 0; overflow: hidden; }
.knowledge-card-header { display: flex; padding: 1.05rem 1.2rem; align-items: start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.knowledge-card-header h2 { margin: .15rem 0 .2rem; }
.knowledge-card-header p { margin: 0; color: var(--ink-faint); font-size: .63rem; }
.knowledge-card-header .status-pill { grid-column: auto; grid-row: auto; flex: 0 0 auto; }
.knowledge-source-label { color: #526ea8; font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.knowledge-card-body { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); }
.knowledge-text-preview { padding: 1.05rem 1.2rem; border-right: 1px solid var(--line); }
.knowledge-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.knowledge-section-label { color: var(--ink-faint); font-size: .57rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.untrusted-chip { padding: .2rem .38rem; border-radius: 999px; color: #8a611c; background: var(--amber-soft); font-size: .51rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.knowledge-text-preview blockquote { margin: .65rem 0 .75rem; padding: .8rem .9rem; border: 1px solid #dce2ef; border-left: 3px solid #6b85c4; border-radius: 0 9px 9px 0; color: #334252; background: #f8f9fc; font-size: .72rem; line-height: 1.55; white-space: pre-line; }
.knowledge-tags { display: flex; flex-wrap: wrap; gap: .3rem; }
.knowledge-tags span { padding: .19rem .36rem; border-radius: 999px; color: #526071; background: #edf0f5; font-size: .55rem; }
.knowledge-facts { display: grid; margin: 0; padding: .8rem 1rem; align-content: start; }
.knowledge-facts div { padding: .43rem .35rem; border-bottom: 1px solid #edf0ee; }
.knowledge-facts div:last-child { border: 0; }
.knowledge-facts dt { color: var(--ink-faint); font-size: .53rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.knowledge-facts dd { margin: .12rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .62rem; }
.sensitivity-badge, .security-status { display: inline-flex; width: max-content; padding: .19rem .36rem; border-radius: 999px; color: #4c6178; background: #eaf0f7; font-size: .53rem; font-weight: 820; text-transform: uppercase; }
.sensitivity-confidential, .sensitivity-restricted { color: #9a5c0d; background: var(--amber-soft); }
.security-passed { color: var(--accent-strong); background: var(--accent-soft); }
.security-review_required, .security-rejected { color: #a13f3f; background: var(--danger-soft); }
.security-findings { display: grid; gap: .12rem; padding: .7rem 1.2rem; border-top: 1px solid #efc8c4; color: #913d3d; background: var(--danger-soft); font-size: .67rem; }
.security-findings small { color: #a56a65; }
.security-findings.is-resolved { border-top-color: #bce3d2; color: #176549; background: #eef9f4; }
.security-findings.is-resolved small { color: #4f7d6b; }
.knowledge-actions { display: flex; padding: .8rem 1.2rem; align-items: end; gap: .7rem; border-top: 1px solid var(--line); background: var(--surface-soft); }
.knowledge-actions > .button-link { flex: 0 0 auto; }
.knowledge-publish-form { display: grid; min-width: 0; flex: 1; grid-template-columns: minmax(140px, 1fr) auto; align-items: end; gap: .25rem .45rem; }
.knowledge-publish-form label { grid-column: 1 / -1; color: var(--ink-soft); font-size: .61rem; font-weight: 760; }
.knowledge-publish-form input, .knowledge-publish-form button { min-height: 35px; font-size: .67rem; }
.knowledge-publish-form small { grid-column: 1 / -1; color: var(--ink-faint); font-size: .55rem; }
.security-review-form { display: grid; width: 100%; grid-template-columns: 1fr auto; align-items: end; gap: .35rem .5rem; }
.security-review-form label { grid-column: 1 / -1; color: #873f3f; font-size: .61rem; font-weight: 760; }
.security-review-form textarea { min-height: 58px; font-size: .66rem; }
.security-review-form > div { display: grid; gap: .3rem; }
.security-review-form button { min-height: 32px; padding: .35rem .5rem; font-size: .61rem; }
.message.warning { border-color: #ecd19c; color: #855811; background: #fff8e9; }
.message.warning > span { background: var(--amber); }
.message.warning > span::before { content: "!"; }

/* Private media library */
.media-hero { padding: 1.35rem 1.5rem; border: 1px solid #d9d8ec; border-radius: var(--radius-lg); background: linear-gradient(120deg, #fff 0%, #f8f7fd 60%, #efedfa 100%); }
.media-security-hero { display: flex; min-width: 260px; max-width: 330px; padding: .75rem .85rem; align-items: center; gap: .65rem; border: 1px solid; border-radius: 13px; }
.media-security-hero > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; font-size: .76rem; font-weight: 900; }
.media-security-hero div { display: grid; min-width: 0; gap: .12rem; }
.media-security-hero strong { font-size: .7rem; }
.media-security-hero small { color: inherit; font-size: .54rem; line-height: 1.35; opacity: .78; }
.media-security-hero.is-ready { color: #185a45; border-color: #a7d8c4; background: rgb(237 250 244 / 88%); }
.media-security-hero.is-ready > span { color: #fff; background: #23825f; }
.media-security-hero.is-closed { color: #81473d; border-color: #e1b9af; background: rgb(255 246 242 / 90%); }
.media-security-hero.is-closed > span { color: #fff; background: #a65a4b; }
.media-summary { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.media-summary article { display: grid; min-height: 88px; padding: .8rem .9rem; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); }
.media-summary span { color: var(--ink-soft); font-size: .66rem; font-weight: 700; }
.media-summary strong { font-size: 1.25rem; letter-spacing: -.04em; }
.media-summary small { color: var(--ink-faint); font-size: .57rem; }
.media-summary-clean { border-color: #b9ddcf !important; background: linear-gradient(180deg, #fff, #f2fbf7) !important; }
.media-summary-clean strong { color: #237459; }
.media-summary-blocked { border-color: #e7c8c0 !important; background: linear-gradient(180deg, #fff, #fff7f4) !important; }
.media-summary-blocked strong { color: #9b5648; }
.media-toolbar { display: flex; margin: 0 0 1rem; align-items: end; justify-content: space-between; gap: 1rem; border-color: #dedbea; background: linear-gradient(180deg, #fff, #fbfafe); }
.media-toolbar > div > p:last-child { margin: .25rem 0 0; color: var(--ink-soft); font-size: .72rem; }
.media-toolbar form { display: flex; min-width: 390px; align-items: end; gap: .5rem; }
.media-toolbar form .field { min-width: 210px; flex: 1; }
.media-toolbar button, .media-toolbar .button-link { min-height: 40px; white-space: nowrap; }
.media-workspace { display: grid; grid-template-columns: minmax(320px, .64fr) minmax(600px, 1.36fr); align-items: start; gap: 1rem; }
.media-studio { position: sticky; top: 92px; display: grid; gap: 1rem; }
.media-studio > .panel { margin: 0; }
.media-upload-panel { position: relative; overflow: hidden; border-color: #c9d9d3; }
.media-upload-panel::before { position: absolute; inset: 0 0 auto; height: 4px; background: #248663; content: ""; }
.media-upload-panel.is-closed::before { background: #aa6152; }
.media-shield { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border: 1px solid #a8d6c5; border-radius: 13px; color: #fff; background: #248663; box-shadow: 0 7px 18px rgb(36 134 99 / 20%); font-weight: 900; }
.media-upload-panel.is-closed .media-shield { border-color: #dfb3a9; background: #aa6152; box-shadow: 0 7px 18px rgb(170 97 82 / 18%); }
.media-security-steps { display: grid; margin: .85rem 0; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .38rem; list-style: none; }
.media-security-steps li { display: grid; min-width: 0; padding: .5rem .35rem; place-items: center; gap: .25rem; border: 1px solid #dce8e3; border-radius: 9px; color: #45645a; background: #f5faf8; font-size: .5rem; font-weight: 760; text-align: center; }
.media-security-steps span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #fff; background: #3d8f70; font-size: .48rem; font-weight: 900; }
.media-upload-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .72rem; }
.media-upload-form .field:has(input[type="file"]), .media-upload-form .field:has(textarea), .media-upload-form button { grid-column: 1 / -1; }
.media-upload-form input[type="file"] { padding: .65rem; border: 1px dashed #aacbbf; background: #f7fbf9; cursor: pointer; }
.media-upload-form input[type="file"]::file-selector-button { margin-right: .6rem; padding: .42rem .58rem; border: 0; border-radius: 7px; color: #fff; background: #2c765d; font: inherit; font-weight: 780; cursor: pointer; }
.media-upload-form button { width: 100%; background: linear-gradient(135deg, #257b5d, #319374); box-shadow: 0 7px 18px rgb(37 123 93 / 18%); }
.media-upload-contract { margin: .72rem 0 0; padding: .62rem .7rem; border-left: 3px solid #338e6e; border-radius: 0 8px 8px 0; color: #48665c; background: #f1f8f5; font-size: .59rem; line-height: 1.45; }
.media-upload-contract strong { color: #27694f; }
.media-upload-disabled { display: flex; padding: .85rem; align-items: center; gap: .7rem; border: 1px solid #e6c7c0; border-radius: 10px; color: #76473d; background: #fff7f4; }
.media-upload-disabled > span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #a85e50; font-weight: 900; }
.media-upload-disabled strong { font-size: .7rem; }
.media-upload-disabled p { margin: .12rem 0 0; font-size: .58rem; line-height: 1.4; }
.media-render-panel { border-color: #d9d6ea; }
.media-format-chip { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: #574c8e; background: #eeebfa; font-size: .58rem; font-weight: 900; letter-spacing: .05em; }
.media-render-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.media-render-form .field:has(select), .media-render-form .field:has(textarea), .media-render-form .field:has(input[name="title"]), .media-render-form button { grid-column: 1 / -1; }
.media-render-form button { width: 100%; }
.media-render-form button:disabled { color: #929a97; background: #e6eae8; box-shadow: none; cursor: not-allowed; }
.media-template-panel { padding: 1rem; }
.media-template-list { display: grid; gap: .55rem; }
.media-template-card { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: .7rem; padding: .55rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.template-preview { position: relative; display: grid; min-height: 76px; padding: .55rem; align-content: space-between; overflow: hidden; border-radius: 8px; color: #f4f7ff; background: linear-gradient(145deg, #10172a, #26345d); }
.template-preview span { width: 25px; height: 4px; border-radius: 999px; background: #6ce5c2; }
.template-preview strong { font-size: 1rem; }
.template-preview i { width: 42px; height: 12px; border-radius: 4px; background: #6ce5c2; }
.media-template-card > div:last-child { min-width: 0; align-self: center; }
.media-template-card > div > span { color: #655994; font-size: .52rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.media-template-card h3 { margin: .08rem 0; overflow-wrap: anywhere; font-size: .72rem; }
.media-template-card p { margin: 0; color: var(--ink-soft); font-size: .58rem; }
.media-template-card code { display: block; margin-top: .2rem; overflow-wrap: anywhere; color: var(--ink-faint); font-size: .48rem; }
.media-empty-compact { display: flex; padding: .75rem; align-items: center; gap: .65rem; border: 1px dashed #cdc8df; border-radius: 9px; color: var(--ink-soft); background: #faf9fd; }
.media-empty-compact > span { color: #7769aa; font-size: 1.3rem; }
.media-empty-compact p { margin: 0; font-size: .66rem; }
.media-security-log { padding: 1rem; }
.media-attempt-list { display: grid; gap: .48rem; }
.media-attempt { display: grid; padding: .55rem .6rem; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .55rem; border: 1px solid #dfe6e3; border-radius: 9px; background: #fafcfb; }
.media-attempt.is-infected, .media-attempt.is-unavailable, .media-attempt.is-rejected { border-color: #ebd0c9; background: #fff8f5; }
.media-attempt-icon { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: #388369; font-size: .55rem; font-weight: 900; }
.media-attempt:not(.is-clean) .media-attempt-icon { background: #aa6254; }
.media-attempt > div { min-width: 0; }
.media-attempt > div > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.media-attempt strong { color: #315d4e; font-size: .61rem; }
.media-attempt:not(.is-clean) strong { color: #8d4f43; }
.media-attempt time { color: var(--ink-faint); font-size: .49rem; white-space: nowrap; }
.media-attempt p { margin: .12rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .53rem; }
.media-attempt code, .media-attempt small { display: block; margin-top: .18rem; overflow-wrap: anywhere; color: #926054; font-size: .47rem; }
.media-library { display: grid; gap: .85rem; }
.media-library-heading { display: flex; padding: .15rem .1rem; align-items: center; justify-content: space-between; gap: 1rem; }
.media-library-heading h2, .media-library-heading p { margin: 0; }
.media-library-heading > div > p:last-child { margin-top: .18rem; color: var(--ink-soft); font-size: .7rem; }
.media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.media-card { margin: 0; padding: 0; overflow: hidden; }
.media-preview { position: relative; display: grid; aspect-ratio: 16 / 10; overflow: hidden; place-items: center; border-bottom: 1px solid var(--line); background: #e9eceb; text-decoration: none; }
.media-preview img { width: 100%; height: 100%; object-fit: cover; transition: transform .24s ease; }
.media-preview:hover img { transform: scale(1.018); }
.media-preview-overlay { position: absolute; right: .65rem; bottom: .65rem; padding: .28rem .46rem; border-radius: 999px; color: #fff; background: rgb(16 33 29 / 76%); backdrop-filter: blur(8px); font-size: .55rem; font-weight: 800; opacity: 0; transform: translateY(4px); transition: opacity .16s ease, transform .16s ease; }
.media-preview:hover .media-preview-overlay, .media-preview:focus-visible .media-preview-overlay { opacity: 1; transform: none; }
.media-file-placeholder { max-width: 80%; overflow-wrap: anywhere; color: var(--ink-faint); font-size: .7rem; }
.media-card-content { display: grid; gap: .75rem; padding: .9rem 1rem 1rem; }
.media-card-content header { display: flex; align-items: start; justify-content: space-between; gap: .65rem; }
.media-card-content header > div { min-width: 0; }
.media-card-content h3 { margin: .12rem 0 0; overflow-wrap: anywhere; font-size: .92rem; }
.media-card-content .status-pill { grid-column: auto; grid-row: auto; flex: 0 0 auto; }
.media-brand-label { color: #655994; font-size: .55rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.media-facts { display: grid; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.media-facts div { min-width: 0; padding: .45rem .5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.media-facts div:nth-child(3n) { border-right: 0; }
.media-facts div:nth-last-child(-n + 3) { border-bottom: 0; }
.media-facts dt { color: var(--ink-faint); font-size: .49rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.media-facts dd { margin: .1rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .57rem; }
.media-scan-proof { display: grid; padding: .58rem .62rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .48rem; border: 1px solid #b9ddcf; border-radius: 9px; color: #2f6855; background: #f1faf6; }
.media-scan-proof > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #fff; background: #348467; font-size: .53rem; font-weight: 900; }
.media-scan-proof div { display: grid; min-width: 0; gap: .08rem; }
.media-scan-proof strong { font-size: .57rem; }
.media-scan-proof small { overflow-wrap: anywhere; color: #547369; font-size: .48rem; }
.media-scan-proof.is-local { border-color: #d8d2ec; color: #655891; background: #f8f6fc; }
.media-scan-proof.is-local > span { background: #7567a5; }
.media-links { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }
.media-links > span { margin-right: .15rem; color: var(--ink-faint); font-size: .54rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.media-links a { padding: .2rem .38rem; border-radius: 999px; color: #4f6477; background: #eaf0f5; font-size: .54rem; font-weight: 700; text-decoration: none; }
.media-links a:hover { color: #fff; background: #526d83; }
.media-links small { color: var(--ink-faint); font-size: .58rem; }
.media-alt { margin: 0; padding-top: .6rem; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .61rem; }
.media-alt strong { margin-right: .3rem; color: var(--ink-faint); font-size: .52rem; letter-spacing: .05em; text-transform: uppercase; }
.media-empty { display: grid; grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); margin: 0; align-items: center; gap: 1rem; border-style: dashed; background: #fbfbfa; }
.media-empty > span { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 14px; color: #7468a6; background: #efedf8; font-size: 1.55rem; }
.media-empty h2, .media-empty p { margin: 0; }
.media-empty div > p:last-child { margin-top: .25rem; color: var(--ink-soft); font-size: .7rem; }

/* Commercial pipeline */
.lead-pipeline-heading { display: grid; margin: 1.2rem 0 .8rem; padding: 1.15rem 1.25rem; grid-template-columns: minmax(0, 1fr) minmax(250px, .45fr); align-items: center; gap: 1.2rem; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(115deg, #fff, #f5faf7); box-shadow: var(--shadow-sm); }
.lead-pipeline-heading h2 { margin: .2rem 0; font-size: 1.2rem; }
.lead-pipeline-heading > div > p:last-child { margin: 0; color: var(--ink-soft); font-size: .72rem; }
.lead-pipeline-heading aside { display: grid; padding: .75rem .85rem; grid-template-columns: auto 1fr; align-items: center; gap: .65rem; border: 1px solid #d8e8e1; border-radius: 12px; background: rgb(255 255 255 / 72%); }
.lead-pipeline-heading aside > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: var(--accent-strong); background: var(--accent-soft); font-weight: 900; }
.lead-pipeline-heading aside p { display: grid; gap: .12rem; margin: 0; color: var(--ink-faint); font-size: .61rem; }
.lead-pipeline-heading aside strong { color: var(--ink); font-size: .68rem; }
.lead-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; align-items: start; }
.lead-lane { position: relative; min-width: 0; padding: .85rem; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #f4f7f5; }
.lead-lane::before { position: absolute; inset: 0 0 auto; height: 3px; background: #8bbbac; content: ""; }
.lead-lane.lane-development::before { background: #6fa8bd; }
.lead-lane.lane-human::before { background: #d3a449; }
.lead-lane.lane-decision::before { background: #8d83b6; }
.lead-lane > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.lead-lane > header > div { display: flex; min-width: 0; align-items: center; gap: .48rem; }
.lead-lane > header h2 { margin: 0; font-size: .86rem; }
.lead-lane > header > strong { display: grid; min-width: 25px; height: 25px; padding: 0 .35rem; place-items: center; border-radius: 999px; color: var(--ink-soft); background: #fff; font-size: .64rem; box-shadow: inset 0 0 0 1px var(--line); }
.lead-lane-mark { color: var(--accent-strong); font-size: .52rem; font-weight: 900; letter-spacing: .07em; }
.lead-lane > p { min-height: 30px; margin: .38rem 0 .7rem; color: var(--ink-faint); font-size: .6rem; line-height: 1.45; }
.lead-lane-cards { display: grid; gap: .65rem; }
.lead-lane-empty { display: grid; min-height: 145px; padding: 1rem; place-items: center; align-content: center; border: 1px dashed #ced8d2; border-radius: 12px; color: var(--ink-faint); background: rgb(255 255 255 / 48%); text-align: center; }
.lead-lane-empty > span { color: #91aaa0; font-size: 1.25rem; }
.lead-lane-empty strong { margin-top: .3rem; color: var(--ink-soft); font-size: .68rem; }
.lead-lane-empty p { margin: .2rem 0 0; font-size: .58rem; }
.lead-card { display: grid; gap: .72rem; margin: 0; padding: .9rem; border-radius: 13px; box-shadow: 0 5px 18px rgb(25 43 36 / 5%); }
.lead-card > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.lead-card > header .status-pill { grid-column: auto; grid-row: auto; }
.lead-brand { color: var(--accent-strong); font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.lead-identity { display: flex; align-items: center; gap: .7rem; }
.lead-avatar { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--accent), var(--accent-strong)); font-weight: 850; }
.lead-identity h2, .lead-identity h3 { margin: 0; font-size: .88rem; }
.lead-identity small { color: var(--ink-faint); }
.score-row { display: flex; align-items: center; justify-content: space-between; color: var(--ink-soft); font-size: .7rem; }
.score-row strong { color: var(--ink); font-size: .76rem; }
.score-meter { width: 100%; height: 8px; border: 0; border-radius: 999px; background: var(--surface-strong); }
.score-meter::-webkit-meter-bar { border: 0; border-radius: 999px; background: var(--surface-strong); }
.score-meter::-webkit-meter-optimum-value { border-radius: 999px; background: linear-gradient(90deg, #61cfa7, var(--accent-strong)); }
.score-meter::-moz-meter-bar { border-radius: 999px; background: linear-gradient(90deg, #61cfa7, var(--accent-strong)); }
.next-action { display: grid; gap: .2rem; margin: 0; padding: .65rem .7rem; border-radius: 9px; color: var(--ink-soft); background: var(--surface-soft); font-size: .72rem; }
.next-action strong, .followup-list > strong { color: var(--ink-faint); font-size: .59rem; letter-spacing: .06em; text-transform: uppercase; }
.lead-meta { display: flex; flex-wrap: wrap; gap: .35rem; }
.lead-meta span { padding: .22rem .42rem; border-radius: 999px; color: var(--ink-soft); background: var(--surface-strong); font-size: .61rem; text-transform: capitalize; }
.followup-list { display: grid; gap: .3rem; padding: .65rem .7rem; border: 1px solid #eddab1; border-radius: 9px; background: #fffaf0; }
.followup-list span { color: #735625; font-size: .68rem; }
.lead-actions { display: grid; gap: .55rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.lead-actions button { min-height: 35px; padding: .45rem .62rem; font-size: .69rem; }
.transition-form { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; }
.transition-form label { color: var(--ink-faint); font-size: .64rem; font-weight: 750; }
.transition-form select { min-height: 35px; padding: .42rem .55rem; font-size: .69rem; }
.lead-card { transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.lead-card:hover { border-color: #bcd9cf; box-shadow: 0 10px 26px rgb(25 63 50 / 9%); transform: translateY(-1px); }
.lead-card.is-selected { border-color: #48a982; background: linear-gradient(155deg, #fff 60%, #f0faf6); box-shadow: inset 0 0 0 1px rgb(55 164 124 / 16%), 0 12px 28px rgb(25 83 61 / 11%); }
.lead-open-link { display: flex; min-height: 34px; padding: .42rem .62rem; align-items: center; justify-content: center; border: 1px solid #c7ddd5; border-radius: 9px; color: #256a52; background: #f3faf7; font-size: .65rem; font-weight: 820; text-decoration: none; }
.lead-open-link::after { margin-left: .38rem; content: "→"; }
.lead-open-link:hover { border-color: #65b497; color: #124d38; background: #e7f6f0; }
.lead-open-link[aria-current="true"] { border-color: #2f8c69; color: #fff; background: #2f8c69; }
.lead-open-link[aria-current="true"]::after { content: "✓"; }

/* Explainable commercial dossier */
.lead-dossier { position: relative; margin: 1rem 0 1.2rem; overflow: hidden; border: 1px solid #ccdcd5; border-radius: 22px; background: #fff; box-shadow: 0 18px 48px rgb(24 53 43 / 10%); }
.lead-dossier::before { position: absolute; z-index: 2; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #2e9a70, #73d8b1 48%, #6798b3); content: ""; }
.lead-dossier-header { display: grid; min-height: 112px; padding: 1.2rem 1.35rem; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1.2rem; border-bottom: 1px solid #dce6e1; background: linear-gradient(118deg, #fff 0%, #f5faf7 62%, #f0f6f5 100%); }
.lead-dossier-identity { display: flex; min-width: 0; align-items: center; gap: .9rem; }
.lead-dossier-avatar { display: grid; width: 56px; height: 56px; flex: 0 0 auto; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #48be91, #1d6e52); box-shadow: 0 9px 20px rgb(37 133 97 / 20%); font-size: 1.2rem; font-weight: 900; }
.lead-dossier-identity h2 { margin: .13rem 0; overflow-wrap: anywhere; font-size: 1.35rem; letter-spacing: -.035em; }
.lead-dossier-identity > div > p:last-child { margin: 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .69rem; }
.lead-dossier-score { display: grid; width: 154px; padding: .62rem .72rem; grid-template-columns: auto 1fr; align-items: end; gap: 0 .22rem; border: 1px solid #cfe3da; border-radius: 13px; background: rgb(255 255 255 / 82%); }
.lead-dossier-score small { grid-column: 1 / -1; color: var(--ink-faint); font-size: .5rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.lead-dossier-score strong { color: #1e6f52; font-size: 1.7rem; line-height: 1; letter-spacing: -.06em; }
.lead-dossier-score > span { align-self: end; padding-bottom: .08rem; color: var(--ink-faint); font-size: .6rem; }
.lead-dossier-score meter { width: 100%; height: 6px; grid-column: 1 / -1; margin-top: .42rem; }
.lead-dossier-header > .status-pill { grid-column: auto; grid-row: auto; justify-self: end; }
.lead-dossier-grid { display: grid; grid-template-columns: minmax(0, 1fr) 315px; }
.lead-dossier-main { display: grid; padding: 1.15rem 1.25rem 1.25rem; align-content: start; gap: 1rem; }
.lead-next-action-panel { display: grid; padding: .78rem .9rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .7rem; border: 1px solid #c9e3d8; border-radius: 13px; background: linear-gradient(100deg, #edf9f4, #f8fcfa); }
.lead-next-action-panel > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: #2f9470; font-size: .95rem; font-weight: 900; }
.lead-next-action-panel div { display: grid; min-width: 0; gap: .1rem; }
.lead-next-action-panel small { color: #3d7963; font-size: .49rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.lead-next-action-panel strong { overflow-wrap: anywhere; font-size: .74rem; }
.lead-next-action-panel p { margin: 0; color: var(--ink-faint); font-size: .57rem; }
.lead-dossier-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfe7e3; border-radius: 13px; }
.lead-dossier-facts article { position: relative; display: grid; min-width: 0; min-height: 67px; padding: .65rem .7rem; align-content: center; gap: .18rem; border-right: 1px solid #e4ebe7; border-bottom: 1px solid #e4ebe7; background: #fff; }
.lead-dossier-facts article:nth-child(4n) { border-right: 0; }
.lead-dossier-facts article:nth-last-child(-n + 4) { border-bottom: 0; }
.lead-dossier-facts article::before { position: absolute; top: .68rem; right: .65rem; width: 5px; height: 5px; border-radius: 50%; background: #51b58e; content: ""; }
.lead-dossier-facts article.is-missing::before { background: #ccd4d0; }
.lead-dossier-facts small { color: var(--ink-faint); font-size: .45rem; font-weight: 840; letter-spacing: .06em; text-transform: uppercase; }
.lead-dossier-facts strong { padding-right: .7rem; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .61rem; }
.lead-dossier-facts article.is-missing strong { color: #929e99; font-weight: 650; }
.lead-score-proof { overflow: hidden; border: 1px solid #d9e4df; border-radius: 14px; background: #fbfdfc; }
.lead-score-proof > header { display: flex; padding: .82rem .9rem; align-items: center; justify-content: space-between; gap: .8rem; border-bottom: 1px solid #e4ebe8; background: #fff; }
.lead-score-proof h3 { margin: .13rem 0 0; font-size: .86rem; }
.lead-score-proof > header > span { padding: .26rem .48rem; border-radius: 999px; color: #2f7058; background: #e9f7f1; font-size: .49rem; font-weight: 800; white-space: nowrap; }
.lead-score-factor-list { display: grid; padding: .78rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.lead-score-factor-list article { display: grid; min-width: 0; padding: .62rem .68rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .58rem; border: 1px solid #d7e9e1; border-radius: 10px; background: #fff; }
.lead-score-factor-list article > span { display: grid; min-width: 38px; height: 38px; padding: 0 .32rem; place-items: center; border-radius: 10px; color: #217052; background: #e4f6ef; font-size: .69rem; font-weight: 900; }
.lead-score-factor-list article.is-negative { border-color: #efd7d1; }
.lead-score-factor-list article.is-negative > span { color: #9a4c42; background: #fae9e5; }
.lead-score-factor-list article div { display: grid; min-width: 0; gap: .14rem; }
.lead-score-factor-list strong { overflow-wrap: anywhere; font-size: .62rem; }
.lead-score-factor-list small { color: var(--ink-faint); font-size: .5rem; }
.lead-score-proof > footer { display: grid; padding: .62rem .78rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .48rem; border-top: 1px solid #e4ebe8; color: #476c5e; background: #f0f8f5; }
.lead-score-proof > footer > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #fff; background: #3f9674; font-size: .48rem; font-weight: 900; }
.lead-score-proof > footer p { margin: 0; font-size: .51rem; }
.lead-score-proof > footer time { color: #648176; font-size: .46rem; white-space: nowrap; }
.lead-score-empty { display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; }
.lead-score-empty > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #6e8e82; background: #eaf1ee; }
.lead-score-empty strong { font-size: .65rem; }
.lead-score-empty p { margin: .16rem 0 0; color: var(--ink-faint); font-size: .55rem; }
.lead-trust-rail { display: grid; padding: 1.05rem; align-content: start; gap: .9rem; color: #e4f0eb; background: radial-gradient(circle at 110% -5%, rgb(99 212 167 / 19%), transparent 38%), linear-gradient(155deg, #102a22, #173c30 60%, #153129); }
.lead-trust-rail > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; }
.lead-trust-rail > header > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgb(121 228 186 / 28%); border-radius: 10px; color: #94efcb; background: rgb(102 218 174 / 9%); font-weight: 900; }
.lead-trust-rail > header small, .lead-trust-rail > header strong { display: block; }
.lead-trust-rail > header small { color: #85a99b; font-size: .43rem; letter-spacing: .07em; text-transform: uppercase; }
.lead-trust-rail > header strong { margin-top: .08rem; color: #fff; font-size: .65rem; }
.lead-trust-rail > header b { padding: .23rem .38rem; border: 1px solid rgb(117 221 181 / 27%); border-radius: 999px; color: #7eddb9; font-size: .4rem; letter-spacing: .08em; }
.lead-trust-state { padding: .75rem; border: 1px solid rgb(137 219 188 / 15%); border-radius: 11px; background: rgb(255 255 255 / 5%); }
.lead-trust-state small { color: #78bda2; font-size: .44rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.lead-trust-state strong { display: block; margin-top: .2rem; color: #fff; font-size: .67rem; }
.lead-trust-state p { margin: .28rem 0 0; color: #a5c0b5; font-size: .53rem; line-height: 1.5; }
.lead-trust-rail dl { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid rgb(137 219 188 / 13%); border-radius: 11px; overflow: hidden; }
.lead-trust-rail dl div { min-width: 0; padding: .6rem; border-right: 1px solid rgb(137 219 188 / 11%); border-bottom: 1px solid rgb(137 219 188 / 11%); }
.lead-trust-rail dl div:nth-child(2n) { border-right: 0; }
.lead-trust-rail dl div:nth-last-child(-n + 2) { border-bottom: 0; }
.lead-trust-rail dt { color: #73988a; font-size: .4rem; letter-spacing: .06em; text-transform: uppercase; }
.lead-trust-rail dd { margin: .14rem 0 0; overflow-wrap: anywhere; color: #dcebe5; font-size: .53rem; font-weight: 760; }
.lead-dossier-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.lead-dossier-tags span { padding: .23rem .42rem; border: 1px solid rgb(129 221 185 / 18%); border-radius: 999px; color: #b8dacd; background: rgb(255 255 255 / 5%); font-size: .46rem; }
.lead-general-note { padding: .68rem; border-left: 2px solid #65cca4; border-radius: 0 9px 9px 0; background: rgb(255 255 255 / 4%); }
.lead-general-note small { color: #78bda2; font-size: .42rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.lead-general-note p { margin: .24rem 0 0; overflow-wrap: anywhere; color: #bdd2ca; font-size: .52rem; line-height: 1.5; }
.lead-trust-rail > footer { display: grid; padding-top: .72rem; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .5rem; border-top: 1px solid rgb(255 255 255 / 9%); }
.lead-trust-rail > footer > span { color: #65d0a7; font-size: .5rem; }
.lead-trust-rail > footer p { display: grid; gap: .12rem; margin: 0; }
.lead-trust-rail > footer strong { color: #dcebe5; font-size: .53rem; }
.lead-trust-rail > footer small { color: #77988c; font-size: .46rem; line-height: 1.45; }
.lead-dossier-lower { display: grid; padding: 1rem 1.25rem 1.2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: .85rem; border-top: 1px solid #dfe7e3; background: #f7faf8; }
.lead-task-ledger, .lead-activity-ledger { min-width: 0; overflow: hidden; border: 1px solid #dce5e1; border-radius: 13px; background: #fff; }
.lead-task-ledger > header, .lead-activity-ledger > header { display: flex; padding: .72rem .8rem; align-items: center; justify-content: space-between; gap: .6rem; border-bottom: 1px solid #e7ece9; }
.lead-task-ledger h3, .lead-activity-ledger h3 { margin: .12rem 0 0; font-size: .75rem; }
.lead-task-ledger > header > span, .lead-activity-ledger > header > span { padding: .22rem .42rem; border-radius: 999px; color: #517267; background: #ecf3f0; font-size: .46rem; font-weight: 800; }
.lead-task-ledger > div { display: grid; }
.lead-task-ledger article { display: grid; min-width: 0; padding: .64rem .72rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; border-bottom: 1px solid #edf0ee; }
.lead-task-ledger article:last-child { border-bottom: 0; }
.lead-task-ledger article > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #2d7c5e; background: #e6f5ef; font-size: .5rem; font-weight: 900; }
.lead-task-ledger article.is-overdue > span { color: #a45443; background: #fae9e5; }
.lead-task-ledger article div { min-width: 0; }
.lead-task-ledger article strong { display: block; overflow-wrap: anywhere; font-size: .59rem; }
.lead-task-ledger article p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .49rem; }
.lead-task-ledger article aside { display: grid; justify-items: end; gap: .1rem; color: var(--ink-faint); font-size: .45rem; white-space: nowrap; }
.lead-task-ledger article aside small { color: #7b8e87; font-size: .43rem; }
.lead-activity-ledger ol { display: grid; margin: 0; padding: .2rem .72rem; list-style: none; }
.lead-activity-ledger li { display: grid; min-width: 0; padding: .54rem 0; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: .55rem; border-bottom: 1px solid #edf0ee; }
.lead-activity-ledger li:last-child { border-bottom: 0; }
.lead-activity-ledger li > span { width: 8px; height: 8px; margin-top: .2rem; border: 2px solid #fff; border-radius: 50%; background: #78958a; box-shadow: 0 0 0 2px #dce8e3; }
.lead-activity-ledger li.tone-positive > span { background: #38a177; box-shadow: 0 0 0 2px #caeadd; }
.lead-activity-ledger li.tone-attention > span { background: #d18d4b; box-shadow: 0 0 0 2px #f1dfcc; }
.lead-activity-ledger li div { min-width: 0; }
.lead-activity-ledger li strong { display: block; font-size: .57rem; }
.lead-activity-ledger li p { margin: .12rem 0 0; overflow-wrap: anywhere; color: var(--ink-faint); font-size: .48rem; }
.lead-activity-ledger li time { color: #87948f; font-size: .43rem; white-space: nowrap; }
.lead-ledger-empty { margin: 0; padding: 1rem; color: var(--ink-faint); font-size: .57rem; }

/* Human approval inbox */
.approval-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: .65rem; }
.approval-summary > a { display: flex; min-height: 78px; padding: .9rem 1rem; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid var(--line); border-radius: 13px; color: inherit; background: var(--surface); box-shadow: var(--shadow-sm); text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.approval-summary > a:hover { border-color: #b9d9ce; box-shadow: 0 8px 20px rgb(24 79 62 / 9%); transform: translateY(-1px); }
.approval-summary > a.is-active { border-color: #68b99b; background: linear-gradient(135deg, #eefaf5, #fff); box-shadow: inset 0 0 0 1px rgb(64 169 129 / 12%), 0 8px 20px rgb(24 79 62 / 8%); }
.approval-summary > a.is-active span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: .38rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px rgb(51 184 137 / 12%); }
.approval-summary span { max-width: 140px; color: var(--ink-soft); font-size: .72rem; font-weight: 700; }
.approval-summary strong { color: var(--accent-strong); font-size: 1.55rem; letter-spacing: -.04em; }
.approval-filter-status { display: flex; min-height: 58px; margin-bottom: 1rem; padding: .7rem .85rem; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid #dce7e2; border-radius: 11px; background: linear-gradient(90deg, #f7faf8, #fff); }
.approval-filter-status > div { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: .12rem .5rem; }
.approval-filter-status > div > span { color: var(--ink-faint); font-size: .54rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.approval-filter-status > div > strong { color: var(--ink); font-size: .7rem; }
.approval-filter-status > div > small { grid-column: 1 / -1; color: var(--ink-soft); font-size: .58rem; }
.approval-filter-status .button-link { min-height: 32px; padding: .38rem .62rem; font-size: .62rem; }
.approval-filter-hint { color: var(--ink-faint); font-size: .61rem; }
.approval-list { display: grid; gap: 1rem; }
.approval-card { margin: 0; padding: 0; overflow: hidden; }
.approval-card-header { display: flex; padding: 1.15rem 1.25rem; align-items: start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #fff, #fbfcfb); }
.approval-card-header h2 { margin: .18rem 0; }
.approval-card-header > div > span { color: var(--ink-faint); font-size: .69rem; }
.approval-card-header .status-pill { grid-column: auto; grid-row: auto; flex: 0 0 auto; }
.approval-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); }
.approval-content { padding: 1.25rem; border-right: 1px solid var(--line); }
.approval-section-label { color: var(--ink-faint); font-size: .62rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.approval-content blockquote { margin: .65rem 0 1rem; padding: 1rem; border: 1px solid #d8e4ee; border-left: 4px solid var(--blue); border-radius: 0 10px 10px 0; color: #283b47; background: #f6f9fb; font-size: .82rem; line-height: 1.55; white-space: pre-line; }
.approval-edited-result { margin: -.2rem 0 1rem; padding: .85rem; border: 1px solid #bce2d3; border-radius: 11px; background: #f2fbf7; }
.approval-edited-result > span { display: block; color: var(--accent-strong); font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.approval-edited-result > strong { display: block; margin-top: .18rem; color: var(--ink); font-size: .7rem; }
.approval-edited-result blockquote { margin: .65rem 0 0; border-color: #c7e8dc; border-left-color: var(--accent); background: #fff; }
.approval-scope-result { display: grid; margin: -.2rem 0 1rem; padding: .85rem; gap: .22rem; border: 1px solid #d8cbea; border-radius: 11px; background: linear-gradient(135deg, #faf7ff, #f4effb); }
.approval-scope-result > span { color: #694792; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.approval-scope-result > strong { color: #35234c; font-size: .72rem; }
.approval-scope-result > strong i { padding: 0 .25rem; color: #8967b0; font-style: normal; }
.approval-scope-result > small { color: #715c8a; font-size: .59rem; }
.approval-regeneration-result { display: grid; margin: -.2rem 0 1rem; padding: .9rem; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .35rem .7rem; border: 1px solid #a9dce2; border-radius: 11px; background: linear-gradient(135deg, #f2fbfc, #eef8fb); }
.approval-regeneration-result > div { display: grid; gap: .15rem; }
.approval-regeneration-result > div > span { color: #147685; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.approval-regeneration-result > div > strong { color: #174653; font-size: .72rem; }
.approval-regeneration-result > em { padding: .28rem .48rem; border: 1px solid #b9e2e6; border-radius: 999px; color: #126b77; background: #fff; font-size: .54rem; font-style: normal; font-weight: 820; white-space: nowrap; }
.approval-regeneration-result blockquote { grid-column: 1 / -1; margin: .45rem 0 0; border-color: #c5e6e9; border-left-color: #1590a0; background: #fff; }
.approval-regeneration-result > small { grid-column: 1 / -1; color: #527983; font-size: .58rem; }
.approval-justification { padding: .75rem .85rem; border-radius: 9px; background: var(--surface-soft); }
.approval-justification strong { color: var(--ink-faint); font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.approval-justification p { margin: .25rem 0 0; color: var(--ink-soft); font-size: .73rem; }
.approval-facts { display: grid; margin: 0; padding: 1rem 1.25rem; align-content: start; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.approval-facts div { min-width: 0; padding: .55rem .65rem; border-bottom: 1px solid #edf0ee; }
.approval-facts dt { color: var(--ink-faint); font-size: .58rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.approval-facts dd { margin: .16rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .68rem; }
.approval-actions { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); gap: 1rem; padding: 1rem 1.25rem 1.2rem; border-top: 1px solid var(--line); background: var(--surface-soft); }
.approval-decision-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .45rem; }
.approval-decision-form label { grid-column: 1 / -1; color: var(--ink-soft); font-size: .65rem; font-weight: 760; }
.approval-decision-form textarea { min-height: 70px; font-size: .7rem; }
.approval-decision-form > div { display: grid; gap: .4rem; }
.approval-decision-form button { min-height: 34px; padding: .42rem .62rem; font-size: .68rem; }
.approval-deferred-notice { display: grid; align-content: center; justify-items: start; gap: .35rem; padding: .8rem .9rem; border: 1px solid #d9c8ee; border-radius: 11px; color: #513577; background: linear-gradient(135deg, #fbf8ff, #f1eafb); }
.approval-deferred-notice strong { font-size: .76rem; }
.approval-deferred-notice p { margin: 0; color: #705b8d; font-size: .68rem; }
.approval-resume-form { margin-top: .2rem; }
.approval-resume-form button { min-height: 34px; padding: .42rem .7rem; font-size: .68rem; }
.approval-alternatives { display: grid; align-content: start; gap: .45rem; }
.approval-alternatives > span { color: var(--ink-soft); font-size: .65rem; font-weight: 760; }
.approval-alternatives > div { display: flex; flex-wrap: wrap; gap: .35rem; }
.approval-alternatives button, .approval-alternatives .button-link { min-height: 32px; padding: .38rem .55rem; font-size: .63rem; }
.approval-alternatives button:disabled { border-color: var(--line); color: #9aa5a0; background: #eef1ef; box-shadow: none; cursor: not-allowed; transform: none; }
.approval-alternatives small { color: var(--ink-faint); font-size: .61rem; }
.approval-inline-editor { grid-column: 1 / -1; overflow: hidden; border: 1px solid #b9ddcf; border-radius: 12px; background: #fff; }
.approval-inline-editor > summary { display: flex; min-height: 58px; padding: .72rem .85rem; align-items: center; justify-content: space-between; gap: .8rem; color: var(--accent-strong); background: linear-gradient(90deg, #eef9f5, #f8fcfa); cursor: pointer; list-style: none; }
.approval-inline-editor > summary::-webkit-details-marker { display: none; }
.approval-inline-editor > summary span { display: grid; gap: .12rem; }
.approval-inline-editor > summary strong { font-size: .72rem; }
.approval-inline-editor > summary small { color: var(--ink-soft); font-size: .57rem; font-weight: 600; }
.approval-inline-editor > summary i { width: 8px; height: 8px; border-right: 2px solid #4d8671; border-bottom: 2px solid #4d8671; transform: rotate(45deg); transition: transform .18s ease; }
.approval-inline-editor[open] > summary { border-bottom: 1px solid #cce5dc; }
.approval-inline-editor[open] > summary i { transform: rotate(225deg); }
.approval-edit-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .9rem; gap: .65rem; }
.approval-edit-form .field { display: grid; align-content: start; gap: .24rem; }
.approval-edit-form .field-wide, .approval-edit-form > .errorlist, .approval-edit-safety, .approval-edit-form > button { grid-column: 1 / -1; }
.approval-edit-form label { color: var(--ink-soft); font-size: .61rem; font-weight: 780; }
.approval-edit-form textarea { min-height: 66px; resize: vertical; }
.approval-edit-form .field-wide textarea { min-height: 94px; }
.approval-edit-form .field > small { color: var(--ink-faint); font-size: .55rem; }
.approval-edit-safety { display: grid; padding: .65rem .7rem; border-left: 3px solid var(--accent); border-radius: 8px; color: var(--ink-soft); background: var(--surface-soft); font-size: .6rem; }
.approval-edit-safety strong { color: var(--ink); font-size: .62rem; }
.approval-edit-form > button { min-height: 39px; }
.approval-inline-response-edit { grid-column: 1 / -1; overflow: hidden; border: 1px solid #efb78f; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(172, 76, 26, .07); }
.approval-inline-response-edit > summary { display: grid; min-height: 64px; padding: .72rem .85rem; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; color: #8a3f1a; background: linear-gradient(100deg, #fff3eb, #fffaf6 62%, #fff1e8); cursor: pointer; list-style: none; }
.approval-inline-response-edit > summary::-webkit-details-marker { display: none; }
.approval-inline-response-edit > summary > span:nth-child(2) { display: grid; gap: .12rem; }
.approval-inline-response-edit > summary strong { font-size: .73rem; }
.approval-inline-response-edit > summary small { color: #8d664f; font-size: .57rem; font-weight: 600; }
.approval-inline-response-edit > summary > i { width: 8px; height: 8px; border-right: 2px solid #ba592b; border-bottom: 2px solid #ba592b; transform: rotate(45deg); transition: transform .18s ease; }
.approval-inline-response-edit[open] > summary { border-bottom: 1px solid #f0c7aa; }
.approval-inline-response-edit[open] > summary > i { transform: rotate(225deg); }
.response-edit-summary-icon { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #e7a678; border-radius: 10px; color: #a94a20; background: rgba(255, 255, 255, .82); font-size: 1.05rem; font-weight: 800; box-shadow: 0 5px 14px rgba(177, 76, 28, .1); }
.response-edit-chip { padding: .32rem .55rem; border: 1px solid #e9b18a; border-radius: 999px; color: #98431d; background: #fff; font-size: .52rem; font-weight: 850; letter-spacing: .04em; white-space: nowrap; }
.approval-response-edit-form { display: grid; padding: 1rem; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr); align-items: start; gap: .8rem; background: linear-gradient(180deg, #fff, #fffdfb); }
.response-edit-original { display: grid; grid-row: span 2; min-height: 182px; padding: .8rem; align-content: start; gap: .42rem; border: 1px solid #eadbd1; border-radius: 11px; background: #faf7f5; }
.response-edit-original > span { color: #8b6c5a; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.response-edit-original > p { margin: 0; padding: .7rem; border-left: 3px solid #c9aa95; border-radius: 0 8px 8px 0; color: #55453c; background: #fff; font-size: .68rem; line-height: 1.5; white-space: pre-line; }
.response-edit-original > small { color: #917868; font-size: .55rem; }
.approval-response-edit-form > .field { display: grid; gap: .3rem; }
.approval-response-edit-form > .field label { color: #774b34; font-size: .63rem; font-weight: 800; }
.approval-response-edit-form > .field textarea { min-height: 116px; border-color: #e4b995; resize: vertical; }
.approval-response-edit-form > .field-decision_note textarea { min-height: 78px; }
.approval-response-edit-form > .field > small { color: #8b7467; font-size: .55rem; }
.approval-response-edit-form > .errorlist { grid-column: 1 / -1; }
.response-edit-guardrails { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.response-edit-guardrails > span { display: grid; min-height: 72px; padding: .62rem; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: .12rem .42rem; border: 1px solid #f0d7c5; border-radius: 9px; background: #fff; }
.response-edit-guardrails i { display: grid; width: 22px; height: 22px; grid-row: 1 / span 2; place-items: center; border-radius: 7px; color: #fff; background: #bd5b2d; font-size: .55rem; font-style: normal; font-weight: 850; }
.response-edit-guardrails strong { color: #70442e; font-size: .6rem; }
.response-edit-guardrails small { color: #927462; font-size: .53rem; }
.approval-response-edit-safety { display: grid; grid-column: 1 / -1; padding: .66rem .72rem; border-left: 3px solid #bd5b2d; border-radius: 8px; color: #896650; background: #fff4ed; font-size: .59rem; }
.approval-response-edit-safety strong { color: #713a21; font-size: .62rem; }
.approval-response-edit-form > button { grid-column: 1 / -1; min-height: 42px; border-color: #a94820; background: linear-gradient(135deg, #aa4820, #c96331); box-shadow: 0 7px 17px rgba(174, 75, 29, .17); }
.approval-response-edit-form > button span { display: inline-block; margin-right: .28rem; font-size: .9rem; }
.approval-response-edit-result { display: grid; margin: -.2rem 0 1rem; padding: .9rem; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .35rem .7rem; border: 1px solid #ecc19f; border-radius: 11px; background: linear-gradient(135deg, #fff7f1, #fff1e7); }
.approval-response-edit-result > div { display: grid; gap: .15rem; }
.approval-response-edit-result > div > span { color: #a64b22; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.approval-response-edit-result > div > strong { color: #6f361e; font-size: .72rem; }
.approval-response-edit-result > em { padding: .28rem .48rem; border: 1px solid #edc6aa; border-radius: 999px; color: #96431f; background: #fff; font-size: .5rem; font-style: normal; font-weight: 860; white-space: nowrap; }
.approval-response-edit-result blockquote { grid-column: 1 / -1; margin: .45rem 0 0; border-color: #efd2bd; border-left-color: #bd5b2d; background: #fff; }
.approval-response-edit-result > small { grid-column: 1 / -1; color: #8d6c58; font-size: .58rem; }
.approval-inline-regeneration { grid-column: 1 / -1; overflow: hidden; border: 1px solid #9fd6dc; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(13, 111, 126, .06); }
.approval-inline-regeneration > summary { display: grid; min-height: 64px; padding: .72rem .85rem; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; color: #145f6b; background: linear-gradient(100deg, #eaf9fa, #f6fcfd 62%, #edf8fb); cursor: pointer; list-style: none; }
.approval-inline-regeneration > summary::-webkit-details-marker { display: none; }
.approval-inline-regeneration > summary > span:nth-child(2) { display: grid; gap: .12rem; }
.approval-inline-regeneration > summary strong { font-size: .73rem; }
.approval-inline-regeneration > summary small { color: #51777e; font-size: .57rem; font-weight: 600; }
.regeneration-summary-icon { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #8ccbd2; border-radius: 10px; color: #08798a; background: rgba(255, 255, 255, .8); font-size: 1.05rem; font-weight: 800; box-shadow: 0 5px 14px rgba(12, 120, 137, .1); }
.regeneration-engine-chip { padding: .32rem .55rem; border: 1px solid #99ced6; border-radius: 999px; color: #116574; background: #fff; font-size: .54rem; font-weight: 820; letter-spacing: .02em; white-space: nowrap; }
.regeneration-engine-chip.is-simulation { color: #6d580b; border-color: #e6d37e; background: #fffbea; }
.approval-inline-regeneration > summary > i { width: 8px; height: 8px; border-right: 2px solid #23818e; border-bottom: 2px solid #23818e; transform: rotate(45deg); transition: transform .18s ease; }
.approval-inline-regeneration[open] > summary { border-bottom: 1px solid #bfe2e6; }
.approval-inline-regeneration[open] > summary > i { transform: rotate(225deg); }
.approval-regeneration-form { display: grid; padding: 1rem; grid-template-columns: minmax(0, 1fr) minmax(285px, .72fr); align-items: start; gap: .8rem; background: linear-gradient(180deg, #fff, #fbfefe); }
.regeneration-engine-panel { display: grid; min-height: 82px; padding: .75rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border: 1px solid #c8e7ea; border-radius: 11px; background: #f2fafb; }
.regeneration-engine-panel > div { display: grid; gap: .15rem; }
.regeneration-engine-panel strong { color: #174d56; font-size: .68rem; }
.regeneration-engine-panel small { color: #5a7b81; font-size: .56rem; }
.regeneration-engine-panel > em { align-self: start; padding: .28rem .42rem; border-radius: 999px; color: #725c09; background: #fff6c8; font-size: .48rem; font-style: normal; font-weight: 900; letter-spacing: .04em; white-space: nowrap; }
.regeneration-orbit { position: relative; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #9ed5db; border-radius: 50%; background: #fff; }
.regeneration-orbit::before { content: ""; width: 25px; height: 25px; border: 2px solid #37a3b1; border-right-color: transparent; border-radius: 50%; transform: rotate(-22deg); }
.regeneration-orbit::after { content: ""; position: absolute; width: 6px; height: 6px; right: 6px; top: 8px; border-radius: 50%; background: #087f90; box-shadow: -24px 21px 0 #86cbd3; }
.regeneration-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 3px; background: #1a93a2; transform: rotate(45deg); }
.approval-regeneration-form > .field { display: grid; grid-row: span 2; gap: .3rem; }
.approval-regeneration-form > .field label { color: #315f66; font-size: .63rem; font-weight: 800; }
.approval-regeneration-form > .field textarea { min-height: 122px; border-color: #b9dce0; resize: vertical; }
.approval-regeneration-form > .field > small { color: var(--ink-faint); font-size: .55rem; }
.approval-regeneration-form > .errorlist { grid-column: 1 / -1; }
.regeneration-guardrails { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.regeneration-guardrails > span { display: grid; min-height: 72px; padding: .62rem; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: .12rem .42rem; border: 1px solid #d7e9eb; border-radius: 9px; background: #fff; }
.regeneration-guardrails i { display: grid; width: 22px; height: 22px; grid-row: 1 / span 2; place-items: center; border-radius: 7px; color: #fff; background: #178797; font-size: .55rem; font-style: normal; font-weight: 850; }
.regeneration-guardrails strong { color: #284f56; font-size: .6rem; }
.regeneration-guardrails small { color: #6a8589; font-size: .53rem; }
.approval-regeneration-safety { display: grid; grid-column: 1 / -1; padding: .66rem .72rem; border-left: 3px solid #12899a; border-radius: 8px; color: #52777d; background: #edf8f9; font-size: .59rem; }
.approval-regeneration-safety strong { color: #174b54; font-size: .62rem; }
.approval-regeneration-form > button { grid-column: 1 / -1; min-height: 42px; border-color: #087b8c; background: linear-gradient(135deg, #087b8c, #0c92a4); box-shadow: 0 7px 17px rgba(8, 123, 140, .16); }
.approval-regeneration-form > button span { display: inline-block; margin-right: .28rem; font-size: .9rem; }
.approval-inline-scope { grid-column: 1 / -1; overflow: hidden; border: 1px solid #d3c1e8; border-radius: 12px; background: #fff; }
.approval-inline-scope > summary { display: flex; min-height: 58px; padding: .72rem .85rem; align-items: center; justify-content: space-between; gap: .8rem; color: #5b397f; background: linear-gradient(90deg, #f5effb, #fbf9fd); cursor: pointer; list-style: none; }
.approval-inline-scope > summary::-webkit-details-marker { display: none; }
.approval-inline-scope > summary span { display: grid; gap: .12rem; }
.approval-inline-scope > summary strong { font-size: .72rem; }
.approval-inline-scope > summary small { color: #715c8a; font-size: .57rem; font-weight: 600; }
.approval-inline-scope > summary i { width: 8px; height: 8px; border-right: 2px solid #76529b; border-bottom: 2px solid #76529b; transform: rotate(45deg); transition: transform .18s ease; }
.approval-inline-scope[open] > summary { border-bottom: 1px solid #e1d6ee; }
.approval-inline-scope[open] > summary i { transform: rotate(225deg); }
.approval-scope-form { display: grid; padding: .9rem; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); gap: .7rem; }
.approval-scope-form .field { display: grid; align-content: start; gap: .3rem; }
.approval-scope-form label { color: var(--ink-soft); font-size: .61rem; font-weight: 780; }
.approval-scope-form ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: .4rem; list-style: none; }
.approval-scope-form li label { display: flex; min-height: 34px; padding: .42rem .62rem; align-items: center; gap: .38rem; border: 1px solid #d8cbea; border-radius: 8px; color: #543576; background: #faf7fd; cursor: pointer; }
.approval-scope-form input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: #76529b; }
.approval-scope-form textarea { min-height: 78px; resize: vertical; }
.approval-scope-form .field > small { color: var(--ink-faint); font-size: .55rem; }
.approval-scope-form > .errorlist, .approval-scope-safety, .approval-scope-form > button { grid-column: 1 / -1; }
.approval-scope-safety { display: grid; padding: .65rem .7rem; border-left: 3px solid #76529b; border-radius: 8px; color: #715c8a; background: #f7f3fb; font-size: .6rem; }
.approval-scope-safety strong { color: #35234c; font-size: .62rem; }
.approval-scope-form > button { min-height: 39px; border-color: #68468d; background: #68468d; }
.approval-defer-form { display: grid; grid-template-columns: auto auto; align-items: end; gap: .25rem; padding: .3rem; border: 1px solid #d9c8ee; border-radius: 9px; background: #fff; }
.approval-defer-form label { grid-column: 1 / -1; color: #68449a; font-size: .56rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.approval-defer-form select { width: auto; min-height: 32px; padding: .3rem 1.7rem .3rem .45rem; font-size: .63rem; }
.approval-defer-form button { color: #68449a; border-color: #d9c8ee; background: #f3edfb; }
.read-only-notice { margin: 0; padding: .75rem; border: 1px solid var(--line); border-radius: 9px; color: var(--ink-soft); background: #fff; font-size: .7rem; }
.approval-resolved { display: flex; padding: .8rem 1.25rem; align-items: center; justify-content: space-between; gap: .75rem; border-top: 1px solid var(--line); color: var(--ink-faint); background: var(--surface-soft); font-size: .68rem; }
.approval-resolved a { color: var(--accent-strong); font-weight: 750; }
.approval-history-details { border-top: 1px solid var(--line); }
.approval-history-details > summary { display: flex; min-height: 54px; padding: .8rem 1.25rem; align-items: center; justify-content: space-between; gap: .75rem; color: var(--ink-soft); background: var(--surface-soft); cursor: pointer; font-size: .68rem; font-weight: 700; list-style: none; }
.approval-history-details > summary::-webkit-details-marker { display: none; }
.approval-history-details > summary strong { display: inline-flex; align-items: center; gap: .35rem; color: var(--accent-strong); font-size: .66rem; }
.approval-history-details > summary strong::after { content: "+"; display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #b9d6cc; border-radius: 50%; background: #fff; font-size: .8rem; }
.approval-history-details[open] > summary { border-bottom: 1px solid var(--line); }
.approval-history-details[open] > summary strong::after { content: "−"; }

/* Cross-domain analytics */
.analytics-hero {
  display: grid;
  margin-bottom: 1rem;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr);
  align-items: center;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 20px;
  color: #eaf6f1;
  background:
    radial-gradient(circle at 82% 15%, rgb(101 224 181 / 17%), transparent 28%),
    linear-gradient(135deg, #10211d, #193e33 62%, #1d5945);
  box-shadow: 0 20px 42px rgb(17 48 39 / 14%);
}
.analytics-hero .eyebrow { color: #77e1b8; }
.analytics-hero h1 { margin: .35rem 0 .6rem; color: #fff; font-size: clamp(1.85rem, 3.6vw, 3rem); }
.analytics-hero > div > p:last-child { max-width: 690px; margin: 0; color: #c1d5cd; line-height: 1.55; }
.analytics-trust-card { display: flex; padding: 1rem; align-items: center; gap: .8rem; border: 1px solid rgb(166 235 208 / 18%); border-radius: 13px; background: rgb(255 255 255 / 6%); backdrop-filter: blur(8px); }
.analytics-trust-card > span { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: #173c30; background: #70dcb3; font-size: 1.15rem; font-weight: 900; }
.analytics-trust-card div { display: grid; gap: .18rem; }
.analytics-trust-card strong { color: #fff; font-size: .76rem; }
.analytics-trust-card small { color: #b7cdc4; font-size: .63rem; line-height: 1.45; }
.analytics-filter { display: flex; margin-bottom: 1rem; padding: .9rem 1rem; align-items: end; justify-content: space-between; gap: 1rem; }
.analytics-filter h2, .analytics-filter p { margin: 0; }
.analytics-filter > div > p:last-child { margin-top: .15rem; color: var(--ink-soft); font-size: .68rem; }
.analytics-filter form { display: grid; min-width: min(560px, 60%); grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; align-items: end; gap: .55rem; }
.analytics-filter .field { display: grid; gap: .25rem; }
.analytics-filter label { color: var(--ink-soft); font-size: .62rem; font-weight: 760; }
.analytics-filter select, .analytics-filter button { min-height: 40px; padding: .52rem .65rem; font-size: .7rem; }
.analytics-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.analytics-metric { position: relative; min-width: 0; min-height: 126px; padding: .85rem .9rem; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.analytics-metric::after { position: absolute; right: -22px; bottom: -27px; width: 76px; height: 76px; border: 10px solid #e3f3ed; border-radius: 50%; content: ""; }
.analytics-metric > div { display: flex; align-items: center; justify-content: space-between; gap: .45rem; }
.analytics-metric span { color: var(--ink-soft); font-size: .62rem; font-weight: 780; }
.analytics-metric b { padding: .18rem .35rem; border-radius: 999px; color: #487166; background: #e9f4ef; font-size: .46rem; letter-spacing: .04em; text-transform: uppercase; }
.analytics-metric > strong { display: block; max-width: calc(100% - 20px); margin-top: .65rem; overflow-wrap: anywhere; color: var(--ink); font-size: clamp(1.15rem, 2vw, 1.55rem); letter-spacing: -.04em; }
.analytics-metric p { position: relative; z-index: 1; max-width: 85%; margin: .2rem 0 0; color: var(--ink-faint); font-size: .55rem; line-height: 1.35; }
.analytics-tone-blue::after { border-color: #e1eef7; }
.analytics-tone-violet::after { border-color: #ece8f7; }
.analytics-tone-amber::after { border-color: #fff0d6; }
.analytics-tone-green::after { border-color: #ddf2e8; }
.analytics-tone-slate::after { border-color: #e8eceb; }
.analytics-tone-slate > strong { font-size: 1.15rem; white-space: nowrap; }
.analytics-grid { display: grid; margin-bottom: 1rem; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .45fr); align-items: start; gap: 1rem; }
.analytics-grid > *, .analytics-bottom-grid > * { min-width: 0; }
.analytics-funnels { padding: 1.1rem 1.2rem; }
.analytics-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.analytics-section-heading h2, .analytics-section-heading p { margin: 0; }
.analytics-section-heading > div > p:last-child { margin-top: .2rem; color: var(--ink-soft); font-size: .67rem; }
.analytics-section-heading > span, .analytics-section-heading > a { padding: .28rem .48rem; border-radius: 999px; color: #39715e; background: #e7f3ee; font-size: .52rem; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.analytics-funnel-columns { display: grid; margin-top: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.analytics-funnel-columns > section + section { padding-left: 1.25rem; border-left: 1px solid var(--line); }
.analytics-funnel-columns h3 { margin: 0 0 .65rem; font-size: .8rem; }
.analytics-stage { display: grid; margin-bottom: .55rem; gap: .18rem; }
.analytics-stage > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: var(--ink-soft); font-size: .62rem; }
.analytics-stage > div strong { color: var(--ink); }
.analytics-stage progress { width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 999px; background: #edf1ef; }
.analytics-stage progress::-webkit-progress-bar { border-radius: 999px; background: #edf1ef; }
.analytics-stage progress::-webkit-progress-value { border-radius: 999px; background: #53bd96; }
.analytics-stage progress::-moz-progress-bar { border-radius: 999px; background: #53bd96; }
.analytics-stage progress.tone-blue::-webkit-progress-value { background: #669bc2; }
.analytics-stage progress.tone-blue::-moz-progress-bar { background: #669bc2; }
.analytics-stage progress.tone-amber::-webkit-progress-value { background: #e7a743; }
.analytics-stage progress.tone-amber::-moz-progress-bar { background: #e7a743; }
.analytics-stage progress.tone-violet::-webkit-progress-value { background: #8671b4; }
.analytics-stage progress.tone-violet::-moz-progress-bar { background: #8671b4; }
.analytics-stage progress.tone-red::-webkit-progress-value { background: #cf6b64; }
.analytics-stage progress.tone-red::-moz-progress-bar { background: #cf6b64; }
.analytics-stage small { color: var(--ink-faint); font-size: .49rem; }
.analytics-conversation-strip { display: grid; margin-top: .75rem; padding: .75rem; grid-template-columns: minmax(150px, 1.3fr) repeat(3, minmax(90px, .7fr)); align-items: center; gap: .5rem; border-radius: 11px; background: var(--surface-soft); }
.analytics-conversation-strip h3, .analytics-conversation-strip p { margin: 0; }
.analytics-conversation-strip p { margin-top: .15rem; color: var(--ink-faint); font-size: .55rem; }
.analytics-conversation-strip article { display: grid; padding: .5rem .6rem; border: 1px solid #dfe6e2; border-radius: 9px; background: #fff; }
.analytics-conversation-strip article span { color: var(--ink-soft); font-size: .54rem; }
.analytics-conversation-strip article strong { margin-top: .18rem; font-size: 1rem; }
.analytics-conversation-strip article small { color: var(--ink-faint); font-size: .48rem; }
.analytics-provenance { display: grid; gap: 1rem; }
.analytics-availability { display: grid; gap: .6rem; padding: 1.1rem; }
.analytics-availability h2, .analytics-availability p { margin: 0; }
.analytics-availability > p:not(.eyebrow) { color: var(--ink-soft); font-size: .65rem; line-height: 1.5; }
.analytics-availability-state { justify-self: start; padding: .28rem .5rem; border: 1px solid #f0d49e; border-radius: 999px; color: #8a5c17; background: #fff5df; font-size: .55rem; font-weight: 820; text-transform: uppercase; }
.analytics-availability-state.is-ready { color: #126a4b; border-color: #b9e1d2; background: #e6f5ef; }
.analytics-availability ul { display: grid; gap: .4rem; margin: .1rem 0 0; padding: 0; list-style: none; }
.analytics-availability li { display: flex; padding: .48rem .55rem; align-items: center; justify-content: space-between; gap: .55rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); font-size: .56rem; }
.analytics-availability li b { color: var(--ink-faint); font-weight: 720; }
.analytics-connections { position: relative; padding: 1rem 1.1rem; overflow: hidden; }
.analytics-connections h2, .analytics-connections p { margin: 0; }
.analytics-connections > strong { position: absolute; top: 1rem; right: 1rem; padding: .24rem .42rem; border-radius: 999px; color: #72551f; background: #fff0d5; font-size: .52rem; text-transform: uppercase; }
.analytics-connections > p { margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--line); color: var(--ink-faint); font-size: .58rem; }
.analytics-table-panel { min-width: 0; margin-bottom: 1rem; padding: 1.05rem 1.15rem; }
.analytics-table-scroll { width: 100%; max-width: 100%; margin-top: .85rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; }
.analytics-table-scroll table { width: 100%; min-width: 780px; border-collapse: collapse; }
.analytics-table-scroll th, .analytics-table-scroll td { padding: .65rem .72rem; border-bottom: 1px solid #e8ecea; color: var(--ink-soft); font-size: .61rem; text-align: left; white-space: nowrap; }
.analytics-table-scroll thead th { color: var(--ink-faint); background: #f5f7f6; font-size: .51rem; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.analytics-table-scroll tbody tr:last-child > * { border-bottom: 0; }
.analytics-table-scroll tbody th { color: var(--ink); font-weight: 760; }
.analytics-table-scroll tbody th small { display: block; margin-top: .12rem; color: var(--ink-faint); font-size: .5rem; font-weight: 500; }
.analytics-table-scroll td strong { color: #17805c; }
.analytics-brand-dot { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #49bc91; box-shadow: 0 0 0 3px #e3f4ed; }
.analytics-status { padding: .2rem .36rem; border-radius: 999px; color: #536861; background: #edf1ef; font-size: .5rem; font-weight: 760; text-transform: uppercase; }
.analytics-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); align-items: start; gap: 1rem; }
.analytics-bottom-grid > .analytics-table-panel { margin-bottom: 0; }
.analytics-adapters { padding: 1.05rem 1.1rem; }
.analytics-adapter-list { display: grid; gap: .55rem; margin-top: .85rem; }
.analytics-adapter-list article { position: relative; display: grid; padding: .65rem; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); }
.analytics-adapter-list article > div { min-width: 0; }
.analytics-adapter-list article span { display: block; color: var(--ink-faint); font-size: .49rem; font-weight: 800; text-transform: uppercase; }
.analytics-adapter-list article strong { display: block; margin-top: .16rem; overflow-wrap: anywhere; font-size: .61rem; }
.analytics-adapter-list dl { display: flex; margin: 0; gap: .65rem; }
.analytics-adapter-list dl div { display: grid; }
.analytics-adapter-list dt { color: var(--ink-faint); font-size: .46rem; text-transform: uppercase; }
.analytics-adapter-list dd { margin: .12rem 0 0; font-size: .7rem; font-weight: 800; }
.analytics-adapter-list article > b { grid-column: 1 / -1; justify-self: start; padding: .18rem .36rem; border-radius: 999px; font-size: .46rem; text-transform: uppercase; }
.source-simulado { color: #74531a; background: #ffedcc; }
.source-proveedor { color: #176b50; background: #ddf3ea; }
.analytics-empty { display: flex; padding: .8rem; align-items: center; gap: .7rem; border: 1px dashed #cdd8d3; border-radius: 9px; color: var(--ink-soft); background: #fafcfb; }
.analytics-empty > span { color: #5aa98b; font-size: 1.25rem; }
.analytics-empty strong { display: block; color: var(--ink); font-size: .67rem; }
.analytics-empty p { margin: .15rem 0 0; font-size: .56rem; }

/* Connections workspace */
.connections-hero { position: relative; display: grid; margin-bottom: 1rem; padding: clamp(1.25rem, 2.6vw, 2rem); grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); align-items: center; gap: clamp(1.2rem, 3vw, 2.5rem); overflow: hidden; border: 1px solid #254d40; border-radius: 18px; color: #fff; background: radial-gradient(circle at 74% 15%, rgb(71 192 148 / 18%), transparent 25%), linear-gradient(135deg, #0d201b 0%, #13342a 62%, #164637 100%); box-shadow: 0 18px 42px rgb(16 33 29 / 13%); }
.connections-hero::after { position: absolute; right: -70px; bottom: -145px; width: 310px; height: 310px; border: 1px solid rgb(119 225 184 / 15%); border-radius: 50%; box-shadow: inset 0 0 0 50px rgb(119 225 184 / 3%), 0 0 0 55px rgb(119 225 184 / 3%); content: ""; }
.marketing-agent-connection { margin: 1rem 0; overflow: hidden; border: 1px solid #d6dfda; border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgb(18 45 37 / 6%); }
.marketing-agent-connection > header { display: grid; padding: 1rem 1.1rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .85rem; border-bottom: 1px solid #e1e8e4; background: #f8faf9; }
.marketing-agent-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 7px; color: #132b24; background: #d8b36c; font-size: 1.1rem; font-weight: 950; }
.marketing-agent-connection > header h2 { margin: .16rem 0 .24rem; font-size: 1rem; }
.marketing-agent-connection > header p:last-child { margin: 0; color: var(--ink-soft); font-size: .66rem; }
.marketing-agent-state { display: inline-flex; padding: .3rem .48rem; align-items: center; gap: .35rem; border-radius: 5px; color: #596762; background: #e9eeeb; font-size: .55rem; font-weight: 850; }
.marketing-agent-state i { width: 6px; height: 6px; border-radius: 50%; background: #7f8c87; }
.marketing-agent-connection.tone-green .marketing-agent-state { color: #176348; background: #dcf3e8; }.marketing-agent-connection.tone-green .marketing-agent-state i { background: #2cad7c; }
.marketing-agent-connection.tone-amber .marketing-agent-state { color: #735313; background: #fff0c7; }.marketing-agent-connection.tone-amber .marketing-agent-state i { background: #dba833; }
.marketing-agent-connection.tone-red .marketing-agent-state { color: #803e3e; background: #f9e1e1; }.marketing-agent-connection.tone-red .marketing-agent-state i { background: #d95f5f; }
.marketing-agent-metrics { display: grid; padding: .85rem 1.1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; border-bottom: 1px solid #e1e8e4; }
.marketing-agent-metrics article { display: grid; min-height: 82px; padding: .65rem .7rem; align-content: center; gap: .15rem; border: 1px solid #e0e7e3; border-radius: 6px; background: #fbfcfb; }
.marketing-agent-metrics small { color: var(--ink-faint); font-size: .52rem; font-weight: 850; text-transform: uppercase; }.marketing-agent-metrics strong { color: var(--ink); font-size: .92rem; }.marketing-agent-metrics span { color: var(--ink-soft); font-size: .55rem; }
.marketing-agent-detail-grid { display: grid; padding: .85rem 1.1rem; grid-template-columns: 1fr 1fr; gap: .75rem; }
.marketing-agent-detail-grid > section { min-width: 0; border: 1px solid #e0e7e3; border-radius: 6px; }
.marketing-agent-detail-grid > section > header { display: flex; min-height: 40px; padding: .55rem .65rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e7e3; background: #f7f9f8; }.marketing-agent-detail-grid h3 { margin: 0; font-size: .7rem; }.marketing-agent-detail-grid header span { color: var(--ink-faint); font-size: .5rem; font-weight: 800; text-transform: uppercase; }
.marketing-agent-brand-list, .marketing-agent-run-list { display: grid; }.marketing-agent-brand-list > p, .marketing-agent-run-list > p { margin: 0; padding: .8rem; color: var(--ink-soft); font-size: .62rem; }
.marketing-agent-brand-list article { display: grid; padding: .62rem; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: .55rem; border-bottom: 1px solid #e7ece9; }.marketing-agent-brand-list article:last-child, .marketing-agent-run-list article:last-child { border-bottom: 0; }.marketing-agent-brand-list article > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 6px; color: #176348; background: #ddf2e9; font-weight: 900; }.marketing-agent-brand-list article > div { display: grid; gap: .1rem; }.marketing-agent-brand-list strong { font-size: .66rem; }.marketing-agent-brand-list small { color: var(--ink-faint); font-size: .52rem; }.marketing-agent-brand-list dl { display: flex; margin: 0; gap: .7rem; }.marketing-agent-brand-list dl div { display: grid; text-align: right; }.marketing-agent-brand-list dt { color: var(--ink-faint); font-size: .45rem; text-transform: uppercase; }.marketing-agent-brand-list dd { margin: 0; font-size: .65rem; font-weight: 850; }
.marketing-agent-run-list article { display: grid; padding: .62rem; grid-template-columns: 7px minmax(0, 1fr) auto; align-items: center; gap: .55rem; border-bottom: 1px solid #e7ece9; }.marketing-agent-run-list article > span { width: 7px; height: 7px; border-radius: 50%; background: #7f8c87; }.marketing-agent-run-list article > span.tone-succeeded { background: #2cad7c; }.marketing-agent-run-list article > span.tone-failed { background: #d95f5f; }.marketing-agent-run-list article > div { display: grid; min-width: 0; gap: .1rem; }.marketing-agent-run-list strong, .marketing-agent-run-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marketing-agent-run-list strong { font-size: .64rem; }.marketing-agent-run-list small { color: var(--ink-faint); font-size: .51rem; }.marketing-agent-run-list b { color: var(--ink-soft); font-size: .49rem; text-transform: uppercase; }
.marketing-agent-pending { display: flex; min-height: 90px; padding: 1rem 1.1rem; align-items: center; gap: .7rem; }.marketing-agent-pending > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 6px; color: #604a1d; background: #f4e2bc; font-weight: 900; }.marketing-agent-pending p { margin: .2rem 0 0; color: var(--ink-soft); font-size: .63rem; }
.marketing-agent-connection > footer { display: flex; padding: .55rem 1.1rem; gap: .8rem; border-top: 1px solid #e1e8e4; color: var(--ink-faint); background: #f8faf9; font-size: .5rem; font-weight: 800; text-transform: uppercase; }
.connections-hero-copy { position: relative; z-index: 1; min-width: 0; }
.connections-hero .eyebrow { color: #77e1b8; }
.connections-hero h1 { margin: .35rem 0 .6rem; color: #fff; font-size: clamp(1.85rem, 3.6vw, 3rem); letter-spacing: -.04em; }
.connections-hero-copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: #c1d5cd; font-size: .78rem; line-height: 1.6; }
.connections-hero-tags { display: flex; margin-top: 1rem; flex-wrap: wrap; gap: .45rem; }
.connections-hero-tags span { display: flex; padding: .32rem .52rem; align-items: center; gap: .34rem; border: 1px solid rgb(177 226 207 / 14%); border-radius: 999px; color: #cee2da; background: rgb(255 255 255 / 5%); font-size: .53rem; font-weight: 720; }
.connections-hero-tags i { width: 5px; height: 5px; border-radius: 50%; background: #74dfb7; box-shadow: 0 0 0 3px rgb(116 223 183 / 12%); }
.connections-readiness { position: relative; z-index: 1; padding: 1rem; border: 1px solid rgb(166 235 208 / 18%); border-radius: 14px; background: rgb(255 255 255 / 7%); backdrop-filter: blur(8px); }
.connections-readiness-score { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .8rem; }
.connections-readiness-score > span { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid rgb(129 229 190 / 32%); border-radius: 50%; color: #8de8c5; background: rgb(7 26 20 / 28%); font-size: 1rem; font-weight: 850; }
.connections-readiness-score strong, .connections-readiness-score small { display: block; }
.connections-readiness-score strong { color: #fff; font-size: .72rem; }
.connections-readiness-score small { margin-top: .18rem; color: #a9c2b8; font-size: .55rem; line-height: 1.4; }
.connections-readiness-track { height: 5px; margin-top: .8rem; overflow: hidden; border-radius: 99px; background: rgb(255 255 255 / 10%); }
.connections-readiness-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #60d4a8, #8ce5c3); }
.connections-readiness > p { margin: .55rem 0 0; color: #a9c2b8; font-size: .54rem; line-height: 1.45; }
.credential-overview { display: grid; margin-top: .7rem; padding: .58rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem; border: 1px solid rgb(141 232 197 / 18%); border-radius: 10px; background: rgb(4 26 18 / 24%); }
.credential-overview.has-attention { border-color: rgb(255 196 103 / 24%); background: rgb(95 54 4 / 18%); }
.credential-overview-icon { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: #123a2c; background: #85e2bf; font-size: .56rem; font-style: normal; font-weight: 900; }
.credential-overview.has-attention .credential-overview-icon { color: #4c3109; background: #ffc76d; }
.credential-overview small, .credential-overview strong { display: block; }
.credential-overview small { color: #91aea2; font-size: .42rem; font-weight: 760; text-transform: uppercase; }
.credential-overview strong { margin-top: .1rem; color: #eff9f5; font-size: .56rem; }
.credential-overview em { color: #a9c2b8; font-size: .43rem; font-style: normal; white-space: nowrap; }
.connections-filter { display: flex; margin-bottom: 1rem; padding: .9rem 1rem; align-items: end; justify-content: space-between; gap: 1rem; }
.connections-filter h2, .connections-filter p { margin: 0; }
.connections-filter > div > p:last-child { margin-top: .15rem; color: var(--ink-soft); font-size: .62rem; }
.connections-filter form { display: grid; min-width: min(600px, 62%); grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; align-items: end; gap: .55rem; }
.connections-filter .field { display: grid; gap: .25rem; }
.connections-filter label { color: var(--ink-soft); font-size: .62rem; font-weight: 760; }
.connections-filter select, .connections-filter button { min-height: 40px; padding: .52rem .65rem; font-size: .68rem; }
.connections-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.connections-metric { position: relative; min-width: 0; min-height: 118px; padding: .82rem .9rem; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.connections-metric::after { position: absolute; right: -20px; bottom: -31px; width: 78px; height: 78px; border: 10px solid #def3eb; border-radius: 50%; content: ""; }
.connections-metric > div { display: flex; align-items: center; gap: .4rem; }
.connections-metric > div > span { width: 7px; height: 7px; border-radius: 50%; background: #55c199; box-shadow: 0 0 0 4px #e4f4ee; }
.connections-metric small { color: var(--ink-soft); font-size: .59rem; font-weight: 780; }
.connections-metric > strong { display: block; margin-top: .6rem; color: var(--ink); font-size: 1.55rem; letter-spacing: -.04em; }
.connections-metric p { position: relative; z-index: 1; max-width: 78%; margin: .18rem 0 0; color: var(--ink-faint); font-size: .52rem; line-height: 1.35; }
.connections-metric.tone-blue::after { border-color: #e0eef7; }
.connections-metric.tone-blue > div > span { background: #5b9ac5; box-shadow: 0 0 0 4px #e6f1f8; }
.connections-metric.tone-violet::after { border-color: #ebe7f5; }
.connections-metric.tone-violet > div > span { background: #8671b4; box-shadow: 0 0 0 4px #efecf7; }
.connections-metric.tone-amber::after { border-color: #fff0d6; }
.connections-metric.tone-amber > div > span { background: #df9c35; box-shadow: 0 0 0 4px #fff2dc; }
.connections-metric.tone-red::after { border-color: #f9dfdc; }
.connections-metric.tone-red > div > span { background: #c85850; box-shadow: 0 0 0 4px #f9e5e2; }
.connections-metric.tone-green::after { border-color: #daf1e7; }
.connections-overview-grid { display: grid; margin-bottom: 1.3rem; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 1rem; }
.connections-gate, .connections-safety { padding: 1.05rem 1.15rem; }
.connections-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.connections-heading h2, .connections-heading p { margin: 0; }
.connections-heading > div > p:last-child { margin-top: .2rem; color: var(--ink-soft); font-size: .63rem; line-height: 1.45; }
.connections-heading > span { padding: .28rem .48rem; border-radius: 999px; color: #39715e; background: #e7f3ee; font-size: .5rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.connections-runtime:not(.is-on) { color: #8a5c17 !important; background: #fff0d5 !important; }
.connections-checklist { display: grid; margin: .85rem 0 0; padding: 0; list-style: none; }
.connections-checklist li { display: grid; padding: .62rem 0; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border-top: 1px solid var(--line); }
.connections-check-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #8a671e; background: #fff1d7; font-size: .58rem; font-weight: 850; }
.connections-checklist li.is-complete .connections-check-icon { color: #126a4b; background: #dff3eb; }
.connections-checklist li.is-neutral .connections-check-icon { color: #5f6f69; background: #edf1ef; }
.connections-checklist strong { display: block; font-size: .65rem; }
.connections-checklist p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .52rem; line-height: 1.4; }
.connections-checklist b { padding: .22rem .4rem; border-radius: 999px; color: #825a1e; background: #fff3de; font-size: .47rem; text-transform: uppercase; white-space: nowrap; }
.connections-checklist .is-complete b { color: #196b51; background: #e3f4ed; }
.connections-checklist .is-neutral b { color: #5e6e68; background: #edf1ef; }
.connections-safety { position: relative; overflow: hidden; color: #d9e7e1; border-color: #254a3e; background: linear-gradient(145deg, #122b23, #173f32); }
.connections-safety::after { position: absolute; right: -56px; bottom: -70px; width: 170px; height: 170px; border: 25px solid rgb(114 220 179 / 5%); border-radius: 50%; content: ""; }
.connections-shield { display: grid; width: 42px; height: 46px; margin-bottom: .85rem; place-items: center; border-radius: 20px 20px 24px 24px; background: #6ed7af; clip-path: polygon(50% 0, 94% 17%, 86% 74%, 50% 100%, 14% 74%, 6% 17%); }
.connections-shield span { width: 9px; height: 15px; border-right: 2px solid #113a2b; border-bottom: 2px solid #113a2b; transform: rotate(45deg) translate(-2px, -2px); }
.connections-safety .eyebrow { color: #72dcb3; }
.connections-safety h2 { margin: .3rem 0 .5rem; color: #fff; }
.connections-safety > p:not(.eyebrow) { margin: 0; color: #aec5bc; font-size: .62rem; line-height: 1.55; }
.connections-safety dl { position: relative; z-index: 1; display: grid; margin: .9rem 0 0; gap: .38rem; }
.connections-safety dl div { display: flex; padding: .42rem .5rem; align-items: center; justify-content: space-between; border: 1px solid rgb(183 222 207 / 11%); border-radius: 7px; background: rgb(255 255 255 / 4%); }
.connections-safety dt { color: #8fac9f; font-size: .5rem; }
.connections-safety dd { margin: 0; color: #dcedE6; font-size: .52rem; font-weight: 760; }
.connections-list-heading { margin: 0 0 .75rem; padding: 0 .1rem; }
.connections-account-list { display: grid; gap: 1rem; }
.connection-account-card { padding: 0; overflow: hidden; }
.connection-account-header { display: grid; padding: .85rem 1rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, #fbfdfc, #f4f8f6); }
.connection-platform-mark { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #1e4d3d, #52bc93); font-size: .82rem; font-weight: 850; box-shadow: 0 6px 14px rgb(31 92 70 / 16%); }
.connection-platform-mark.platform-instagram { background: linear-gradient(145deg, #7b51a8, #d55e86 55%, #ef9e45); }
.connection-account-title { min-width: 0; }
.connection-account-title small, .connection-account-title h3 { display: block; margin: 0; }
.connection-account-title small { color: var(--ink-faint); font-size: .49rem; font-weight: 720; text-transform: uppercase; }
.connection-account-title h3 { margin-top: .16rem; overflow-wrap: anywhere; font-size: .77rem; }
.connection-account-title code { display: block; margin-top: .14rem; color: #60726b; font-family: inherit; font-size: .51rem; letter-spacing: .05em; }
.connection-account-states { display: flex; justify-content: end; flex-wrap: wrap; gap: .35rem; }
.connection-status, .connection-pause, .connection-credential-pill { display: flex; padding: .27rem .44rem; align-items: center; gap: .28rem; border-radius: 999px; color: #526760; background: #e9efec; font-size: .48rem; font-weight: 780; white-space: nowrap; }
.connection-status i { width: 5px; height: 5px; border-radius: 50%; background: #81928b; }
.connection-status.status-active, .connection-status.status-sandbox { color: #176a50; background: #e1f3ec; }
.connection-status.status-active i, .connection-status.status-sandbox i { background: #38ae81; box-shadow: 0 0 0 3px rgb(56 174 129 / 12%); }
.connection-status.status-error { color: #9a473f; background: #fae7e4; }
.connection-pause.is-paused { color: #805b1d; background: #fff0d6; }
.connection-credential-pill.tone-green { color: #176a50; background: #dff3eb; }
.connection-credential-pill.tone-amber { color: #855a17; background: #fff0d5; }
.connection-credential-pill.tone-red { color: #9b403a; background: #f9e1de; }
.connection-account-body { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .45fr); }
.connection-capabilities { min-width: 0; padding: 1rem; border-right: 1px solid var(--line); }
.connection-webhook { min-width: 0; padding: 1rem; background: #fbfcfb; }
.connection-automation-control { padding: .72rem; border: 1px solid #d8e4df; border-radius: 11px; background: linear-gradient(145deg, #f6faf8, #edf5f1); box-shadow: inset 3px 0 0 #6aaf94; }
.connection-automation-control.is-paused { border-color: #ead7b7; background: linear-gradient(145deg, #fffbf3, #fff1dc); box-shadow: inset 3px 0 0 #dda047; }
.connection-automation-control > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .48rem; }
.connection-control-icon { position: relative; display: block; width: 31px; height: 18px; border-radius: 99px; background: #b7d9cc; box-shadow: inset 0 0 0 1px rgb(29 105 78 / 9%); }
.connection-control-icon i { position: absolute; top: 3px; right: 3px; width: 12px; height: 12px; border-radius: 50%; background: #237657; box-shadow: 0 2px 5px rgb(22 74 55 / 20%); }
.connection-automation-control.is-paused .connection-control-icon { background: #f0d7ac; }
.connection-automation-control.is-paused .connection-control-icon i { right: 16px; background: #a66a1f; }
.connection-automation-control header small, .connection-automation-control header strong { display: block; }
.connection-automation-control header small { color: var(--ink-faint); font-size: .4rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.connection-automation-control header strong { margin-top: .08rem; font-size: .58rem; }
.connection-automation-control header b { padding: .2rem .35rem; border-radius: 999px; color: #17694f; background: #d9efe6; font-size: .4rem; letter-spacing: .03em; text-transform: uppercase; }
.connection-automation-control.is-paused header b { color: #835719; background: #ffe4b8; }
.connection-automation-control > p { margin: .5rem 0 0; color: var(--ink-soft); font-size: .47rem; line-height: 1.45; }
.connection-automation-control form { display: grid; margin-top: .58rem; gap: .25rem; }
.connection-automation-control form label { color: #566a62; font-size: .43rem; font-weight: 780; }
.connection-automation-control form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .38rem; }
.connection-automation-control input[type="text"] { min-width: 0; min-height: 34px; padding: .42rem .5rem; border-color: #cbdad4; background: rgb(255 255 255 / 84%); font-size: .49rem; }
.connection-automation-control button { min-height: 34px; padding: .42rem .58rem; border: 1px solid transparent; font-size: .47rem; white-space: nowrap; }
.connection-automation-control button.is-pause { color: #8d3f38; border-color: #e9c5c1; background: #fbe8e5; }
.connection-automation-control button.is-pause:hover { color: #fff; background: #a54840; }
.connection-automation-control button.is-resume { color: #fff; background: #1f7657; }
.connection-control-locked { display: flex; margin-top: .55rem; padding: .45rem; align-items: center; gap: .4rem; border: 1px dashed #c8d5d0; border-radius: 7px; background: rgb(255 255 255 / 56%); }
.connection-control-locked > span { color: #71827b; }
.connection-control-locked p { margin: 0; color: var(--ink-faint); font-size: .44rem; line-height: 1.4; }
.connection-automation-control footer { display: flex; margin-top: .52rem; padding-top: .45rem; flex-wrap: wrap; gap: .28rem; border-top: 1px solid rgb(74 111 96 / 11%); }
.connection-automation-control footer span { padding: .16rem .28rem; border-radius: 999px; color: #5f716a; background: rgb(255 255 255 / 62%); font-size: .36rem; font-weight: 760; }
.connection-automation-control + .connection-credential-card { margin-top: .7rem; }
.connection-credential-card { padding: .7rem; border: 1px solid #dce6e2; border-radius: 10px; background: #f5f9f7; }
.connection-credential-card.tone-green { border-color: #cbe7dc; background: linear-gradient(145deg, #f3faf7, #eaf6f1); }
.connection-credential-card.tone-amber { border-color: #eed8b4; background: linear-gradient(145deg, #fffaf0, #fff3dc); }
.connection-credential-card.tone-red { border-color: #ecc8c4; background: linear-gradient(145deg, #fff7f5, #fce9e6); }
.connection-credential-card > header { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .48rem; }
.connection-credential-card > header > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #596b64; background: #e4ebe8; font-size: .58rem; font-weight: 900; }
.connection-credential-card.tone-green > header > span { color: #17694f; background: #cfeade; }
.connection-credential-card.tone-amber > header > span { color: #805616; background: #ffe3af; }
.connection-credential-card.tone-red > header > span { color: #9a4039; background: #f4cfcb; }
.connection-credential-card header small, .connection-credential-card header strong { display: block; }
.connection-credential-card header small { color: var(--ink-faint); font-size: .42rem; font-weight: 800; text-transform: uppercase; }
.connection-credential-card header strong { margin-top: .08rem; font-size: .59rem; }
.connection-credential-card > p { margin: .48rem 0 0; color: var(--ink-soft); font-size: .49rem; line-height: 1.45; }
.connection-credential-card dl { display: grid; margin: .55rem 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgb(101 128 117 / 14%); border-radius: 7px; }
.connection-credential-card dl div { min-width: 0; padding: .42rem; }
.connection-credential-card dl div + div { border-left: 1px solid rgb(101 128 117 / 14%); }
.connection-credential-card dt { color: var(--ink-faint); font-size: .39rem; text-transform: uppercase; }
.connection-credential-card dd { margin: .12rem 0 0; overflow-wrap: anywhere; font-size: .46rem; font-weight: 740; }
.connection-credential-card > small { display: block; margin-top: .45rem; color: var(--ink-faint); font-size: .41rem; line-height: 1.4; }
.connection-credential-card + .connection-subheading { margin-top: .9rem; }
.connection-subheading { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.connection-subheading h4, .connection-subheading p { margin: 0; }
.connection-subheading h4 { font-size: .68rem; }
.connection-subheading p { margin-top: .12rem; color: var(--ink-faint); font-size: .51rem; }
.connection-subheading > span { padding: .2rem .36rem; border-radius: 999px; color: #67766f; background: #e9efec; font-size: .44rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.connection-subheading > span.is-live { color: #176a50; background: #def3ea; }
.capability-grid { display: grid; margin-top: .7rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.capability-cell { display: grid; min-width: 0; min-height: 94px; padding: .55rem; grid-template-columns: auto minmax(0, 1fr); align-content: start; gap: .38rem; border: 1px solid #dbe5e1; border-radius: 9px; background: #f8fbfa; }
.capability-cell.is-enabled { border-color: #c5e8da; background: linear-gradient(145deg, #f1faf6, #eaf7f2); }
.capability-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #7a8983; background: #e5ebe8; font-size: .55rem; font-weight: 900; }
.capability-cell.is-enabled .capability-icon { color: #17694f; background: #cfeee2; }
.capability-cell strong, .capability-cell small { display: block; }
.capability-cell strong { overflow-wrap: anywhere; color: #53655e; font-size: .52rem; }
.capability-cell.is-enabled strong { color: #174f3c; }
.capability-cell small { margin-top: .12rem; color: #85938e; font-size: .42rem; font-weight: 760; text-transform: uppercase; }
.capability-cell p { grid-column: 1 / -1; margin: .15rem 0 0; color: var(--ink-faint); font-size: .44rem; line-height: 1.38; }
.connection-webhook-facts { display: grid; margin: .7rem 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }
.connection-webhook-facts div { min-width: 0; padding: .55rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.connection-webhook-facts div:nth-child(2n) { border-right: 0; }
.connection-webhook-facts div:nth-last-child(-n + 2) { border-bottom: 0; }
.connection-webhook-facts dt { color: var(--ink-faint); font-size: .44rem; text-transform: uppercase; }
.connection-webhook-facts dd { margin: .15rem 0 0; overflow-wrap: anywhere; font-size: .56rem; font-weight: 760; }
.connection-last-signal { display: flex; margin-top: .65rem; padding: .55rem; align-items: center; gap: .5rem; border-radius: 8px; background: #edf6f2; }
.connection-last-signal > span { width: 7px; height: 7px; border-radius: 50%; background: #45b589; box-shadow: 0 0 0 4px #d8eee5; }
.connection-last-signal small, .connection-last-signal strong { display: block; }
.connection-last-signal small { color: var(--ink-faint); font-size: .43rem; text-transform: uppercase; }
.connection-last-signal strong { margin-top: .12rem; font-size: .52rem; }
.connection-empty { display: flex; margin-top: .7rem; padding: .65rem; align-items: center; gap: .55rem; border: 1px dashed #ccd9d3; border-radius: 9px; color: var(--ink-soft); background: #fafcfb; }
.connection-empty > span { color: #5aa98b; font-size: 1rem; }
.connection-empty strong { display: block; color: var(--ink); font-size: .58rem; }
.connection-empty p { margin: .12rem 0 0; font-size: .49rem; line-height: 1.4; }
.connections-empty-state { display: flex; padding: 1.2rem; align-items: center; gap: .8rem; }
.connections-empty-state > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #237558; background: #e1f3eb; }
.connections-empty-state h3, .connections-empty-state p { margin: 0; }
.connections-empty-state p { margin-top: .2rem; color: var(--ink-soft); font-size: .62rem; }
.connections-bottom-grid { display: grid; margin-top: 1rem; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); align-items: start; gap: 1rem; }
.connections-roadmap, .connections-subscriptions { padding: 1.05rem 1.1rem; }
.platform-roadmap-list, .subscription-list { display: grid; margin-top: .8rem; gap: .48rem; }
.platform-roadmap-list article { display: grid; padding: .62rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.platform-roadmap-list article.is-locked { opacity: .78; background: #f6f7f7; }
.platform-roadmap-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #64736d; background: #e6ebe9; font-size: .65rem; font-weight: 900; }
.platform-roadmap-list article.is-implemented .platform-roadmap-icon { color: #17694f; background: #d8f0e7; }
.platform-roadmap-list small, .platform-roadmap-list strong { display: block; }
.platform-roadmap-list small { color: var(--ink-faint); font-size: .43rem; font-weight: 800; text-transform: uppercase; }
.platform-roadmap-list strong { margin-top: .1rem; font-size: .59rem; }
.platform-roadmap-list p { margin: .14rem 0 0; color: var(--ink-faint); font-size: .46rem; line-height: 1.38; }
.platform-roadmap-list article > span { padding: .2rem .36rem; border-radius: 999px; color: #68766f; background: #e7ecea; font-size: .43rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.platform-roadmap-list .is-implemented > span { color: #17694f; background: #def2ea; }
.subscription-list article { display: grid; padding: .62rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .52rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.subscription-state { width: 8px; height: 8px; border-radius: 50%; background: #9ba7a2; box-shadow: 0 0 0 4px #eaeeec; }
.subscription-state.is-active { background: #45b589; box-shadow: 0 0 0 4px #daf0e7; }
.subscription-list small, .subscription-list strong { display: block; }
.subscription-list small { color: var(--ink-faint); font-size: .44rem; text-transform: uppercase; }
.subscription-list strong { margin-top: .12rem; overflow-wrap: anywhere; font-size: .58rem; }
.subscription-list p { margin: .14rem 0 0; color: var(--ink-faint); font-size: .47rem; }
.subscription-list dl { display: flex; margin: 0; gap: .55rem; }
.subscription-list dl div { text-align: right; }
.subscription-list dt { color: var(--ink-faint); font-size: .41rem; text-transform: uppercase; }
.subscription-list dd { margin: .1rem 0 0; font-size: .58rem; font-weight: 800; }

/* Audit workspace */
.audit-hero { position: relative; display: grid; margin-bottom: 1rem; padding: clamp(1.25rem, 2.7vw, 2rem); grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); align-items: center; gap: clamp(1.25rem, 3vw, 2.5rem); overflow: hidden; border: 1px solid #2e3d60; border-radius: 18px; color: #fff; background: radial-gradient(circle at 76% 12%, rgb(111 129 216 / 22%), transparent 25%), linear-gradient(135deg, #121a2d 0%, #1b2946 58%, #263d66 100%); box-shadow: 0 18px 42px rgb(23 31 54 / 14%); }
.audit-hero::after { position: absolute; right: -90px; bottom: -185px; width: 350px; height: 350px; border: 1px solid rgb(171 184 244 / 15%); border-radius: 50%; box-shadow: inset 0 0 0 55px rgb(155 170 235 / 4%), 0 0 0 62px rgb(155 170 235 / 3%); content: ""; }
.audit-hero-copy { position: relative; z-index: 1; min-width: 0; }
.audit-hero .eyebrow { color: #aab9ff; }
.audit-hero h1 { margin: .35rem 0 .6rem; color: #fff; font-size: clamp(1.85rem, 3.6vw, 3rem); letter-spacing: -.04em; }
.audit-hero-copy > p:not(.eyebrow) { max-width: 690px; margin: 0; color: #cbd3e6; font-size: .78rem; line-height: 1.6; }
.audit-hero-tags { display: flex; margin-top: 1rem; flex-wrap: wrap; gap: .45rem; }
.audit-hero-tags span { display: flex; padding: .32rem .52rem; align-items: center; gap: .34rem; border: 1px solid rgb(197 207 249 / 14%); border-radius: 999px; color: #dae0f0; background: rgb(255 255 255 / 5%); font-size: .53rem; font-weight: 720; }
.audit-hero-tags i { width: 5px; height: 5px; border-radius: 50%; background: #a6b7ff; box-shadow: 0 0 0 3px rgb(166 183 255 / 12%); }
.audit-proof-card { position: relative; z-index: 1; display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .8rem; border: 1px solid rgb(198 209 250 / 18%); border-radius: 14px; background: rgb(255 255 255 / 7%); backdrop-filter: blur(8px); }
.audit-proof-mark { display: grid; width: 52px; height: 58px; place-items: center; color: #172342; background: linear-gradient(145deg, #b9c5ff, #7f98f0); clip-path: polygon(50% 0, 93% 16%, 86% 73%, 50% 100%, 14% 73%, 7% 16%); }
.audit-proof-mark span { font-size: 1rem; font-weight: 900; }
.audit-proof-card strong { display: block; color: #fff; font-size: .72rem; }
.audit-proof-card p { margin: .24rem 0 0; color: #b8c2da; font-size: .55rem; line-height: 1.45; }
.audit-filter { display: grid; margin-bottom: 1rem; padding: .9rem 1rem; grid-template-columns: minmax(180px, .28fr) minmax(0, .72fr); align-items: end; gap: 1rem; }
.audit-filter h2, .audit-filter p { margin: 0; }
.audit-filter-heading > p:last-child { margin-top: .15rem; color: var(--ink-soft); font-size: .61rem; }
.audit-filter form { display: grid; grid-template-columns: repeat(5, minmax(115px, 1fr)) auto; align-items: end; gap: .42rem; }
.audit-filter .field { display: grid; min-width: 0; gap: .22rem; }
.audit-filter label { color: var(--ink-soft); font-size: .55rem; font-weight: 760; }
.audit-filter select, .audit-filter button { width: 100%; min-height: 39px; padding: .48rem .52rem; font-size: .61rem; }
.audit-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.audit-metric { position: relative; min-width: 0; min-height: 116px; padding: .82rem .9rem; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.audit-metric::after { position: absolute; right: -21px; bottom: -31px; width: 78px; height: 78px; border: 10px solid #e3f3ed; border-radius: 50%; content: ""; }
.audit-metric > div { display: flex; align-items: center; gap: .4rem; }
.audit-metric > div > span { width: 7px; height: 7px; border-radius: 50%; background: #55c199; box-shadow: 0 0 0 4px #e4f4ee; }
.audit-metric small { color: var(--ink-soft); font-size: .59rem; font-weight: 780; }
.audit-metric > strong { display: block; margin-top: .6rem; color: var(--ink); font-size: 1.55rem; letter-spacing: -.04em; }
.audit-metric p { position: relative; z-index: 1; max-width: 80%; margin: .18rem 0 0; color: var(--ink-faint); font-size: .5rem; line-height: 1.35; }
.audit-metric.tone-blue::after { border-color: #dfedf7; }
.audit-metric.tone-blue > div > span { background: #619ac1; box-shadow: 0 0 0 4px #e5f0f7; }
.audit-metric.tone-violet::after { border-color: #e9e7f7; }
.audit-metric.tone-violet > div > span { background: #7d76bc; box-shadow: 0 0 0 4px #eeecf8; }
.audit-metric.tone-amber::after { border-color: #fff0d5; }
.audit-metric.tone-amber > div > span { background: #df9c35; box-shadow: 0 0 0 4px #fff2dc; }
.audit-metric.tone-red::after { border-color: #f8e5e2; }
.audit-metric.tone-red > div > span { background: #ca6960; box-shadow: 0 0 0 4px #f9e8e5; }
.audit-main-grid { display: grid; margin-bottom: 1rem; grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr); align-items: start; gap: 1rem; }
.audit-main-grid > *, .audit-bottom-grid > * { min-width: 0; }
.audit-timeline { padding: 1.05rem 1.15rem; }
.audit-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.audit-heading h2, .audit-heading p { margin: 0; }
.audit-heading > div > p:last-child { margin-top: .2rem; color: var(--ink-soft); font-size: .62rem; line-height: 1.45; }
.audit-heading > span { padding: .27rem .46rem; border-radius: 999px; color: #4b5f9c; background: #e9edfb; font-size: .48rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.audit-event-list { display: grid; margin: .9rem 0 0; padding: 0; list-style: none; }
.audit-event { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: .55rem; }
.audit-event-marker { position: relative; display: flex; justify-content: center; }
.audit-event-marker::after { position: absolute; top: 22px; bottom: -1px; width: 1px; background: #dce3e0; content: ""; }
.audit-event:last-child .audit-event-marker::after { display: none; }
.audit-event-marker i { position: relative; z-index: 1; width: 10px; height: 10px; margin-top: .85rem; border: 2px solid #fff; border-radius: 50%; background: #71827b; box-shadow: 0 0 0 3px #e6ebe9; }
.audit-event.tone-mint .audit-event-marker i { background: #3fb287; box-shadow: 0 0 0 3px #ddf2ea; }
.audit-event.tone-blue .audit-event-marker i { background: #6499c1; box-shadow: 0 0 0 3px #e2eef6; }
.audit-event.tone-violet .audit-event-marker i { background: #8075b9; box-shadow: 0 0 0 3px #eae8f6; }
.audit-event.tone-amber .audit-event-marker i { background: #dfa143; box-shadow: 0 0 0 3px #fff0d7; }
.audit-event.tone-red .audit-event-marker i { background: #ca6860; box-shadow: 0 0 0 3px #f9e5e2; }
.audit-event > article { margin-bottom: .55rem; padding: .68rem .72rem; border: 1px solid var(--line); border-radius: 10px; background: #fafcfb; }
.audit-event > article > header { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }
.audit-event header small { display: block; color: var(--ink-faint); font-size: .43rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.audit-event h3 { margin: .1rem 0 .08rem; font-size: .65rem; }
.audit-event header code { color: #71807a; font-size: .45rem; }
.audit-outcome { padding: .22rem .38rem; border-radius: 999px; color: #596a63; background: #e9eeec; font-size: .44rem; font-weight: 820; text-transform: uppercase; white-space: nowrap; }
.audit-outcome.is-success { color: #166b50; background: #ddf3ea; }
.audit-outcome.is-attention { color: #98463e; background: #fae5e2; }
.audit-outcome.is-progress { color: #805b1d; background: #fff0d6; }
.audit-event dl { display: grid; margin: .55rem 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #e2e8e5; border-radius: 8px; }
.audit-event dl div { min-width: 0; padding: .42rem .48rem; border-right: 1px solid #e2e8e5; background: #fff; }
.audit-event dl div:last-child { border-right: 0; }
.audit-event dt { color: var(--ink-faint); font-size: .39rem; text-transform: uppercase; }
.audit-event dd { margin: .1rem 0 0; overflow: hidden; font-size: .49rem; font-weight: 690; text-overflow: ellipsis; white-space: nowrap; }
.audit-event dd code { color: #586b83; }
.audit-event time { display: block; margin-top: .38rem; color: var(--ink-faint); font-size: .43rem; text-align: right; }
.audit-side-column { display: grid; gap: 1rem; }
.audit-breakdown, .audit-outbox-health { padding: 1.05rem; }
.audit-breakdown-list { display: grid; margin-top: .8rem; gap: .55rem; }
.audit-breakdown-row { display: grid; gap: .16rem; }
.audit-breakdown-row > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: var(--ink-soft); font-size: .53rem; }
.audit-breakdown-row > div strong { color: var(--ink); }
.audit-breakdown-row progress { width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 999px; background: #edf1ef; }
.audit-breakdown-row progress::-webkit-progress-bar { border-radius: 999px; background: #edf1ef; }
.audit-breakdown-row progress::-webkit-progress-value { border-radius: 999px; background: #51ba92; }
.audit-breakdown-row progress::-moz-progress-bar { border-radius: 999px; background: #51ba92; }
.audit-breakdown-row progress.tone-blue::-webkit-progress-value { background: #679bc0; }
.audit-breakdown-row progress.tone-violet::-webkit-progress-value { background: #8277ba; }
.audit-breakdown-row progress.tone-amber::-webkit-progress-value { background: #dda046; }
.audit-breakdown-row progress.tone-red::-webkit-progress-value { background: #ca6a62; }
.audit-breakdown-row progress.tone-slate::-webkit-progress-value { background: #83918c; }
.audit-breakdown-row progress.tone-blue::-moz-progress-bar { background: #679bc0; }
.audit-breakdown-row progress.tone-violet::-moz-progress-bar { background: #8277ba; }
.audit-breakdown-row progress.tone-amber::-moz-progress-bar { background: #dda046; }
.audit-breakdown-row progress.tone-red::-moz-progress-bar { background: #ca6a62; }
.audit-breakdown-row progress.tone-slate::-moz-progress-bar { background: #83918c; }
.audit-breakdown-row small { color: var(--ink-faint); font-size: .42rem; }
.audit-side-empty { color: var(--ink-faint); font-size: .56rem; }
.audit-outbox-stats { display: grid; margin-top: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.audit-outbox-stats article { display: flex; min-width: 0; padding: .6rem; align-items: center; gap: .48rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.audit-outbox-stats article:nth-child(2n) { border-right: 0; }
.audit-outbox-stats article:nth-last-child(-n + 2) { border-bottom: 0; }
.audit-outbox-stats article > span { width: 7px; height: 7px; border-radius: 50%; background: #8b9994; box-shadow: 0 0 0 4px #e9edeb; }
.audit-outbox-stats .tone-green > span { background: #44b287; box-shadow: 0 0 0 4px #ddf2e9; }
.audit-outbox-stats .tone-amber > span { background: #dfa143; box-shadow: 0 0 0 4px #fff0d7; }
.audit-outbox-stats .tone-blue > span { background: #6298c0; box-shadow: 0 0 0 4px #e3eef6; }
.audit-outbox-stats .tone-red > span { background: #ca6960; box-shadow: 0 0 0 4px #f8e5e2; }
.audit-outbox-stats small, .audit-outbox-stats strong { display: block; }
.audit-outbox-stats small { color: var(--ink-faint); font-size: .43rem; text-transform: uppercase; }
.audit-outbox-stats strong { margin-top: .1rem; font-size: .7rem; }
.audit-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); align-items: start; gap: 1rem; }
.audit-ledger, .audit-incidents { padding: 1.05rem 1.1rem; }
.audit-ledger-list, .audit-incident-list { display: grid; margin-top: .8rem; gap: .48rem; }
.audit-ledger-list article { display: grid; padding: .6rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.audit-ledger-icon { width: 8px; height: 8px; border-radius: 50%; background: #899791; box-shadow: 0 0 0 4px #e8edeb; }
.audit-ledger-icon.tone-green { background: #43b087; box-shadow: 0 0 0 4px #dcf1e9; }
.audit-ledger-icon.tone-red { background: #c96961; box-shadow: 0 0 0 4px #f8e5e2; }
.audit-ledger-icon.tone-amber { background: #dda043; box-shadow: 0 0 0 4px #fff0d7; }
.audit-ledger-list small, .audit-ledger-list strong { display: block; }
.audit-ledger-list small { color: var(--ink-faint); font-size: .42rem; text-transform: uppercase; }
.audit-ledger-list strong { margin-top: .08rem; overflow-wrap: anywhere; font-size: .57rem; }
.audit-ledger-list p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .45rem; }
.audit-ledger-list dl { display: flex; margin: 0; gap: .7rem; }
.audit-ledger-list dl div { min-width: 44px; text-align: right; }
.audit-ledger-list dt { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.audit-ledger-list dd { margin: .08rem 0 0; font-size: .48rem; font-weight: 760; }
.audit-ledger-list dd.tone-green { color: #197052; }
.audit-ledger-list dd.tone-red { color: #a24b43; }
.audit-ledger-list dd.tone-amber { color: #895d18; }
.audit-incident-list article { display: grid; padding: .62rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .52rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.audit-incident-mark { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #4d6790; background: #e3edf7; font-size: .55rem; font-weight: 900; }
.audit-incident-mark.tone-amber { color: #845c1d; background: #fff0d6; }
.audit-incident-mark.tone-red { color: #98463e; background: #fae5e2; }
.audit-incident-list small, .audit-incident-list strong { display: block; }
.audit-incident-list small { color: var(--ink-faint); font-size: .42rem; text-transform: uppercase; }
.audit-incident-list strong { margin-top: .1rem; overflow-wrap: anywhere; font-size: .57rem; }
.audit-incident-list p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .46rem; }
.audit-incident-list > article > code { color: #64748b; font-size: .46rem; }
.audit-empty { display: flex; padding: .72rem; align-items: center; gap: .62rem; border: 1px dashed #cdd8d3; border-radius: 9px; color: var(--ink-soft); background: #fafcfb; }
.audit-empty > span { color: #667fbe; font-size: 1rem; }
.audit-empty strong { display: block; color: var(--ink); font-size: .59rem; }
.audit-empty p { margin: .12rem 0 0; font-size: .49rem; line-height: 1.4; }

/* Cost governance workspace */
.cost-hero { position: relative; display: grid; margin-bottom: 1rem; padding: clamp(1.3rem, 2.8vw, 2.15rem); grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); align-items: center; gap: clamp(1.3rem, 3vw, 2.7rem); overflow: hidden; border: 1px solid #5b4a29; border-radius: 18px; color: #fff; background: radial-gradient(circle at 77% 14%, rgb(239 191 84 / 20%), transparent 25%), linear-gradient(135deg, #13231f 0%, #213b32 56%, #4b4227 100%); box-shadow: 0 18px 42px rgb(24 39 33 / 15%); }
.cost-hero::after { position: absolute; right: -95px; bottom: -205px; width: 370px; height: 370px; border: 1px solid rgb(249 214 133 / 15%); border-radius: 50%; box-shadow: inset 0 0 0 60px rgb(249 214 133 / 3%), 0 0 0 68px rgb(249 214 133 / 3%); content: ""; }
.cost-hero-copy { position: relative; z-index: 1; min-width: 0; }
.cost-hero .eyebrow { color: #f4cf78; }
.cost-hero h1 { margin: .35rem 0 .6rem; color: #fff; font-size: clamp(1.9rem, 3.7vw, 3.1rem); letter-spacing: -.045em; }
.cost-hero-copy > p:not(.eyebrow) { max-width: 700px; margin: 0; color: #ccdad4; font-size: .79rem; line-height: 1.6; }
.cost-hero-tags { display: flex; margin-top: 1rem; flex-wrap: wrap; gap: .43rem; }
.cost-hero-tags span { display: flex; padding: .32rem .52rem; align-items: center; gap: .34rem; border: 1px solid rgb(255 255 255 / 13%); border-radius: 999px; color: #dbe5e1; background: rgb(255 255 255 / 5%); font-size: .51rem; font-weight: 760; }
.cost-hero-tags i { width: 6px; height: 6px; border-radius: 50%; background: #74ddb6; }
.cost-hero-tags .source-calculated i { background: #74b9e2; }
.cost-hero-tags .source-estimated i { background: #f1bd55; }
.cost-hero-tags .source-unavailable i { background: #a5aea9; }
.cost-budget-orbit { position: relative; z-index: 1; display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .85rem; border: 1px solid rgb(255 230 172 / 17%); border-radius: 15px; background: rgb(9 22 18 / 28%); backdrop-filter: blur(8px); }
.cost-orbit { display: grid; width: 86px; height: 86px; padding: 8px; place-items: center; border-radius: 50%; background: conic-gradient(#f0c466 var(--budget-progress), rgb(255 255 255 / 10%) 0); box-shadow: 0 0 0 1px rgb(255 230 172 / 12%); }
.cost-orbit > span { display: grid; width: 100%; height: 100%; place-content: center; border-radius: 50%; text-align: center; background: #20342d; }
.cost-orbit strong, .cost-orbit small { display: block; }
.cost-orbit strong { color: #fff; font-size: 1.05rem; letter-spacing: -.03em; }
.cost-orbit small { margin-top: .05rem; color: #a9bdb5; font-size: .43rem; text-transform: uppercase; }
.cost-budget-orbit > div:last-child > small { color: #e6c777; font-size: .46rem; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }
.cost-budget-orbit > div:last-child > strong { display: block; margin-top: .22rem; color: #fff; font-size: 1.15rem; }
.cost-budget-orbit p { margin: .1rem 0 .42rem; color: #b7cac2; font-size: .54rem; }
.cost-budget-orbit > div:last-child > span { display: block; padding-top: .38rem; border-top: 1px solid rgb(255 255 255 / 9%); color: #93aba2; font-size: .45rem; }
.cost-filter { display: grid; margin-bottom: 1rem; padding: .9rem 1rem; grid-template-columns: minmax(260px, .4fr) minmax(0, .6fr); align-items: end; gap: 1rem; }
.cost-filter h2, .cost-filter p { margin: 0; }
.cost-filter > div > p:last-child { margin-top: .15rem; color: var(--ink-soft); font-size: .6rem; }
.cost-filter form { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(160px, .75fr) auto auto; align-items: end; gap: .42rem; }
.cost-filter .field { display: grid; min-width: 0; gap: .22rem; }
.cost-filter label { color: var(--ink-soft); font-size: .54rem; font-weight: 760; }
.cost-filter select, .cost-filter button, .cost-filter a { width: 100%; min-height: 39px; padding: .48rem .55rem; font-size: .59rem; }
.cost-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .7rem; }
.cost-metric { position: relative; min-width: 0; min-height: 130px; padding: .8rem .84rem; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.cost-metric::after { position: absolute; right: -24px; bottom: -34px; width: 85px; height: 85px; border: 11px solid #e2f3ec; border-radius: 50%; content: ""; }
.cost-metric header { position: relative; z-index: 1; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .36rem; }
.cost-metric header > span { width: 7px; height: 7px; border-radius: 50%; background: #4db78e; box-shadow: 0 0 0 4px #e1f3ec; }
.cost-metric header small { color: var(--ink-soft); font-size: .53rem; font-weight: 790; }
.cost-metric header b { grid-column: 2; justify-self: start; }
.cost-metric > strong { position: relative; z-index: 1; display: block; margin-top: .5rem; color: var(--ink); font-size: 1.22rem; letter-spacing: -.04em; white-space: nowrap; }
.cost-metric > p { position: relative; z-index: 1; max-width: 90%; margin: .2rem 0 0; color: var(--ink-faint); font-size: .46rem; line-height: 1.38; }
.cost-metric.tone-blue::after { border-color: #e0edf6; }
.cost-metric.tone-violet::after { border-color: #e9e6f6; }
.cost-metric.tone-amber::after { border-color: #fff0d3; }
.cost-metric.tone-green::after { border-color: #dff2e8; }
.cost-metric.tone-slate::after { border-color: #e8ecea; }
.cost-metric.tone-blue header > span { background: #649bc2; box-shadow: 0 0 0 4px #e3eff7; }
.cost-metric.tone-violet header > span { background: #8076bc; box-shadow: 0 0 0 4px #ece9f7; }
.cost-metric.tone-amber header > span { background: #dea03d; box-shadow: 0 0 0 4px #fff0d7; }
.cost-metric.tone-slate header > span { background: #84928c; box-shadow: 0 0 0 4px #e9edeb; }
.source-obtained, .source-calculated, .source-estimated, .source-unavailable { display: inline-flex; padding: .19rem .34rem; align-items: center; border-radius: 999px; font-size: .39rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
b.source-obtained { color: #176b50; background: #dff3eb; }
b.source-calculated { color: #346d93; background: #e2eef7; }
b.source-estimated { color: #855d1d; background: #fff0d3; }
b.source-unavailable { color: #68756f; background: #e9edeb; }
.cost-brand-panel, .cost-agent-panel, .cost-provider-panel, .cost-unavailable-panel, .cost-campaign-panel { padding: 1.05rem 1.1rem; }
.cost-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.cost-heading h2, .cost-heading p { margin: 0; }
.cost-heading > div > p:last-child { margin-top: .2rem; color: var(--ink-soft); font-size: .6rem; line-height: 1.45; }
.cost-heading > span, .cost-heading > a { padding: .26rem .46rem; border-radius: 999px; color: #776020; background: #f8edcf; font-size: .45rem; font-weight: 820; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.cost-table-scroll { margin-top: .8rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; }
.cost-table-scroll table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: .52rem; }
.cost-table-scroll th, .cost-table-scroll td { padding: .62rem .68rem; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
.cost-table-scroll thead th { color: var(--ink-faint); background: #f6f8f7; font-size: .42rem; letter-spacing: .035em; text-transform: uppercase; }
.cost-table-scroll thead th small { display: block; margin-top: .08rem; color: #87958f; font-size: .35rem; }
.cost-table-scroll tr:last-child th, .cost-table-scroll tr:last-child td { border-bottom: 0; }
.cost-table-scroll th:first-child { min-width: 185px; text-align: left; }
.cost-table-scroll tbody th { display: flex; align-items: center; gap: .5rem; }
.cost-table-scroll tbody th > span:last-child { font-size: .56rem; }
.cost-table-scroll tbody th small { display: block; margin-top: .1rem; color: var(--ink-faint); font-size: .4rem; font-weight: 500; }
.cost-brand-mark { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #205d49; background: #ddf0e9; font-size: .56rem; }
.cost-table-scroll td strong { color: #176a50; }
.cost-main-grid { display: grid; margin-top: 1rem; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); align-items: start; gap: 1rem; }
.cost-main-grid > *, .cost-left-stack > * { min-width: 0; }
.cost-left-stack { display: grid; gap: 1rem; }
.cost-agent-list, .cost-side-stack, .cost-provider-list, .cost-unavailable-list, .cost-campaign-list { display: grid; gap: .58rem; }
.cost-agent-list { margin-top: .8rem; }
.cost-agent-list > article { padding: .75rem; border: 1px solid var(--line); border-radius: 11px; background: #fafcfb; }
.cost-agent-list > article > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; }
.cost-agent-avatar { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #1f6550, #4bb28a); font-size: .65rem; font-weight: 850; }
.cost-agent-list header small, .cost-agent-list header strong { display: block; }
.cost-agent-list header small { color: var(--ink-faint); font-size: .4rem; text-transform: uppercase; }
.cost-agent-list header strong { margin-top: .08rem; font-size: .62rem; }
.cost-agent-list header p { margin: .1rem 0 0; color: var(--ink-soft); font-size: .43rem; }
.cost-status { padding: .22rem .38rem; border-radius: 999px; color: #176c50; background: #ddf2e9; font-size: .41rem; font-weight: 820; text-transform: uppercase; }
.cost-agent-budget { display: grid; margin-top: .62rem; padding: .58rem .62rem; grid-template-columns: minmax(0, 1fr) 130px auto; align-items: center; gap: .58rem; border: 1px solid #e3e8e5; border-radius: 9px; background: #fff; }
.cost-agent-budget > div:first-child span, .cost-agent-budget > div:first-child strong { display: block; }
.cost-agent-budget > div:first-child span { color: var(--ink-faint); font-size: .41rem; text-transform: uppercase; }
.cost-agent-budget > div:first-child strong { margin-top: .1rem; font-size: .58rem; }
.cost-budget-track { height: 6px; overflow: hidden; border-radius: 999px; background: #edf0ef; }
.cost-budget-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #48b389, #e4b44f); }
.cost-agent-budget > small { color: var(--ink-faint); font-size: .4rem; white-space: nowrap; }
.cost-agent-list dl { display: grid; margin: .55rem 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.cost-agent-list dl div { padding: .42rem .48rem; border-right: 1px solid var(--line); }
.cost-agent-list dl div:last-child { border-right: 0; }
.cost-agent-list dt { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.cost-agent-list dd { margin: .1rem 0 0; font-size: .5rem; font-weight: 760; }
.cost-provider-list, .cost-unavailable-list { margin-top: .78rem; }
.cost-ai-contract { margin-top: .78rem; overflow: hidden; border: 1px solid #cddde8; border-radius: 13px; background: linear-gradient(145deg, #f7fbfe 0%, #f3f8f6 100%); box-shadow: 0 10px 25px rgba(43, 73, 91, .07); }
.cost-ai-contract > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .58rem; align-items: center; padding: .72rem; border-bottom: 1px solid #d9e5ea; }
.cost-contract-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #315f8c, #3c806e); font-size: .48rem; font-weight: 900; box-shadow: 0 7px 16px rgba(49, 95, 140, .22); }
.cost-ai-contract header small, .cost-ai-contract header strong, .cost-ai-contract header p { display: block; margin: 0; }
.cost-ai-contract header small { color: #537080; font-size: .39rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cost-ai-contract header strong { margin-top: .12rem; overflow-wrap: anywhere; font-size: .62rem; }
.cost-ai-contract header p { margin-top: .12rem; color: var(--ink-faint); font-size: .43rem; }
.cost-ai-contract header b { display: inline-flex; align-items: center; gap: .25rem; padding: .25rem .38rem; border-radius: 99px; font-size: .38rem; text-transform: uppercase; }
.cost-ai-contract header b i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.cost-ai-contract .contract-enabled { color: #17654f; background: #dff3eb; }
.cost-ai-contract .contract-disabled { color: #6d727a; background: #e8ecef; }
.cost-ai-contract > dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: .18rem .72rem .62rem; }
.cost-ai-contract > dl div { padding: .46rem 0; border-bottom: 1px solid #dce7eb; }
.cost-ai-contract > dl div:nth-child(odd) { padding-right: .4rem; }
.cost-ai-contract > dl div:nth-child(even) { padding-left: .4rem; border-left: 1px solid #dce7eb; }
.cost-ai-contract > dl div:nth-last-child(-n + 2) { border-bottom: 0; }
.cost-ai-contract dt { color: var(--ink-faint); font-size: .36rem; text-transform: uppercase; }
.cost-ai-contract dd { margin: .1rem 0 0; overflow-wrap: anywhere; font-size: .49rem; font-weight: 780; }
.cost-ai-contract > footer { display: flex; gap: .38rem; align-items: center; padding: .55rem .72rem; color: #285f50; background: rgba(215, 239, 230, .6); border-top: 1px solid #cfe2da; }
.cost-ai-contract > footer > span { display: grid; width: 20px; height: 20px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #3c806e; font-size: .42rem; }
.cost-ai-contract > footer p, .cost-ai-contract > footer strong, .cost-ai-contract > footer small { display: block; margin: 0; }
.cost-ai-contract > footer strong { font-size: .47rem; }
.cost-ai-contract > footer small { margin-top: .08rem; color: #55776c; font-size: .39rem; }
.cost-provider-list article { padding: .66rem; border: 1px solid var(--line); border-radius: 10px; background: #fafcfb; }
.cost-provider-list article > div:first-child { display: flex; align-items: center; gap: .48rem; }
.cost-provider-list article > div:first-child > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #315f8c; background: #e3eef7; font-size: .45rem; font-weight: 900; }
.cost-provider-list p, .cost-provider-list small, .cost-provider-list strong { display: block; margin: 0; }
.cost-provider-list p small { color: var(--ink-faint); font-size: .39rem; text-transform: uppercase; }
.cost-provider-list p strong { margin-top: .08rem; overflow-wrap: anywhere; font-size: .57rem; }
.cost-provider-list dl { display: grid; margin: .55rem 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.cost-provider-list dl div { padding: .42rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.cost-provider-list dl div:nth-child(2n) { border-right: 0; }
.cost-provider-list dl div:nth-last-child(-n + 2) { border-bottom: 0; }
.cost-provider-list dt { color: var(--ink-faint); font-size: .37rem; text-transform: uppercase; }
.cost-provider-list dd { margin: .08rem 0 0; font-size: .49rem; font-weight: 760; }
.cost-unavailable-list article { display: grid; padding: .58rem; grid-template-columns: auto minmax(0, 1fr); gap: .48rem; border: 1px dashed #d2d9d5; border-radius: 9px; background: #f8faf9; }
.cost-unavailable-list article > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #78857f; background: #e8edeb; font-size: .6rem; font-weight: 850; }
.cost-unavailable-list strong { display: block; font-size: .54rem; }
.cost-unavailable-list p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .44rem; line-height: 1.42; }
.cost-campaign-list { margin-top: .8rem; grid-template-columns: 1fr; }
.cost-campaign-list article { display: grid; padding: .65rem; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .55rem; border: 1px solid var(--line); border-radius: 10px; background: #fafcfb; }
.cost-campaign-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #765b17; background: #f9edcb; font-size: .62rem; font-weight: 900; }
.cost-campaign-list small, .cost-campaign-list strong { display: block; }
.cost-campaign-list small { color: var(--ink-faint); font-size: .39rem; text-transform: uppercase; }
.cost-campaign-list strong { margin-top: .08rem; font-size: .56rem; }
.cost-campaign-list p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .41rem; }
.cost-campaign-list article > div:last-child { min-width: 95px; text-align: right; }
.cost-campaign-list article > div:last-child strong { color: #705717; font-size: .62rem; }
.cost-campaign-state { padding: .22rem .37rem; border-radius: 999px; color: #2f6d57; background: #e0f0ea; font-size: .4rem; font-weight: 800; text-transform: uppercase; }
.cost-empty { display: flex; padding: .72rem; align-items: center; gap: .58rem; color: var(--ink-soft); }
.cost-empty > span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #7a682d; background: #f8edcf; }
.cost-empty strong { display: block; color: var(--ink); font-size: .56rem; }
.cost-empty p { margin: .1rem 0 0; font-size: .45rem; line-height: 1.4; }

/* Publication operations workspace */
.publish-hero { position: relative; display: grid; margin-bottom: 1rem; padding: clamp(1.3rem, 2.8vw, 2.1rem); grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); align-items: center; gap: clamp(1.3rem, 3vw, 2.6rem); overflow: hidden; border: 1px solid #5a304f; border-radius: 18px; color: #fff; background: radial-gradient(circle at 78% 14%, rgb(239 130 117 / 22%), transparent 25%), linear-gradient(135deg, #211724 0%, #382039 55%, #573044 100%); box-shadow: 0 18px 42px rgb(47 25 42 / 15%); }
.publish-hero::after { position: absolute; right: -90px; bottom: -180px; width: 350px; height: 350px; border: 1px solid rgb(255 184 174 / 15%); border-radius: 50%; box-shadow: inset 0 0 0 56px rgb(255 184 174 / 3%), 0 0 0 64px rgb(255 184 174 / 3%); content: ""; }
.publish-hero-copy { position: relative; z-index: 1; min-width: 0; }
.publish-hero .eyebrow { color: #ff9f91; }
.publish-hero h1 { margin: .35rem 0 .6rem; color: #fff; font-size: clamp(1.9rem, 3.7vw, 3.1rem); letter-spacing: -.045em; }
.publish-hero-copy > p:not(.eyebrow) { max-width: 700px; margin: 0; color: #dacbd7; font-size: .79rem; line-height: 1.6; }
.publish-hero-tags { display: flex; margin-top: 1rem; flex-wrap: wrap; gap: .43rem; }
.publish-hero-tags span { display: flex; padding: .32rem .52rem; align-items: center; gap: .34rem; border: 1px solid rgb(255 255 255 / 13%); border-radius: 999px; color: #e9dde6; background: rgb(255 255 255 / 5%); font-size: .51rem; font-weight: 760; }
.publish-hero-tags i { width: 6px; height: 6px; border-radius: 50%; background: #ff9d90; box-shadow: 0 0 0 3px rgb(255 157 144 / 12%); }
.publish-runtime-card { position: relative; z-index: 1; display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .8rem; border: 1px solid rgb(255 203 195 / 17%); border-radius: 15px; background: rgb(20 12 21 / 30%); backdrop-filter: blur(8px); }
.publish-runtime-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 17px; background: linear-gradient(145deg, #ff9d90, #bc657b); transform: rotate(-8deg); }
.publish-runtime-icon i { width: 24px; height: 18px; border: 3px solid #3a2034; border-top: 0; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.publish-runtime-card small { color: #ffb2a7; font-size: .45rem; font-weight: 830; letter-spacing: .06em; text-transform: uppercase; }
.publish-runtime-card strong { display: block; margin-top: .2rem; color: #fff; font-size: .78rem; }
.publish-runtime-card p { margin: .18rem 0 .42rem; color: #cdbdca; font-size: .5rem; }
.publish-runtime-card div > span { display: block; padding-top: .4rem; border-top: 1px solid rgb(255 255 255 / 9%); color: #ad99aa; font-size: .44rem; line-height: 1.4; }
.official-console { margin-bottom: 1rem; padding: clamp(1rem, 2.4vw, 1.35rem); overflow: hidden; border: 1px solid #ddcfd6; border-radius: 18px; background: linear-gradient(145deg, #fff 0%, #fcf8fa 60%, #f7eff3 100%); box-shadow: 0 16px 38px rgb(70 38 58 / 9%); }
.official-console-heading { display: flex; margin-bottom: 1rem; align-items: end; justify-content: space-between; gap: 1rem; }
.official-console-heading h2 { margin: .2rem 0 .28rem; font-size: clamp(1.15rem, 2vw, 1.55rem); letter-spacing: -.03em; }
.official-console-heading > div > p:last-child { max-width: 760px; margin: 0; color: var(--ink-soft); font-size: .68rem; line-height: 1.55; }
.official-console-heading > span { display: inline-flex; min-width: max-content; padding: .42rem .62rem; align-items: center; gap: .42rem; border: 1px solid #ead7de; border-radius: 999px; color: #744054; background: #fff8fa; font-size: .56rem; font-weight: 800; }
.official-console-heading > span i { width: 7px; height: 7px; border-radius: 50%; background: #ca6d7c; box-shadow: 0 0 0 4px #f6e1e6; }
.official-console-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(285px, .34fr); align-items: start; gap: .9rem; }
.official-pilot-list { display: grid; min-width: 0; gap: .75rem; }
.official-pilot-card { overflow: hidden; border: 1px solid #e2d7dc; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgb(60 42 53 / 7%); }
.official-pilot-card > header { display: grid; padding: .82rem .9rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border-bottom: 1px solid #eee5e9; background: linear-gradient(110deg, #fff, #fcf9fa); }
.official-pilot-monogram { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #3a2335, #83516a); font-size: .78rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 14%); }
.official-pilot-card header small { color: #8a7480; font-size: .46rem; font-weight: 780; letter-spacing: .04em; text-transform: uppercase; }
.official-pilot-card h3 { margin: .12rem 0 0; font-size: .72rem; }
.official-pilot-card header p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .48rem; }
.official-pilot-card > header > strong { display: inline-flex; padding: .34rem .5rem; align-items: center; gap: .32rem; border-radius: 999px; color: #7b591c; background: #fff3d8; font-size: .47rem; white-space: nowrap; }
.official-pilot-card > header > strong i { width: 6px; height: 6px; border-radius: 50%; background: currentcolor; }
.official-pilot-card.tone-green > header > strong { color: #276d52; background: #e2f4eb; }
.official-pilot-card.tone-blue > header > strong { color: #356d91; background: #e8f3fa; }
.official-pilot-card.tone-red > header > strong { color: #9a463e; background: #fae8e5; }
.official-pilot-readiness { padding: .72rem .9rem .2rem; }
.official-pilot-readiness > div { display: flex; margin-bottom: .34rem; align-items: center; justify-content: space-between; color: var(--ink-soft); font-size: .51rem; }
.official-pilot-readiness > div strong { color: var(--ink); font-size: .62rem; }
.official-pilot-readiness progress { display: block; width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 999px; accent-color: #c36a7b; background: #f0e7eb; }
.official-pilot-readiness progress::-webkit-progress-bar { border-radius: 999px; background: #f0e7eb; }
.official-pilot-readiness progress::-webkit-progress-value { border-radius: 999px; background: linear-gradient(90deg, #9e546d, #dd817c); }
.official-pilot-readiness progress::-moz-progress-bar { border-radius: 999px; background: linear-gradient(90deg, #9e546d, #dd817c); }
.official-pilot-readiness > small { display: block; margin-top: .28rem; color: var(--ink-faint); font-size: .42rem; }
.official-pilot-facts { display: grid; margin: .58rem .9rem 0; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.official-pilot-facts div { min-width: 0; padding: .48rem .55rem; border-right: 1px solid var(--line); }
.official-pilot-facts div:last-child { border-right: 0; }
.official-pilot-facts dt { color: var(--ink-faint); font-size: .39rem; letter-spacing: .04em; text-transform: uppercase; }
.official-pilot-facts dd { margin: .12rem 0 0; overflow: hidden; font-size: .5rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.official-gate-track { display: grid; margin: .72rem .9rem; padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; list-style: none; }
.official-gate-track li { position: relative; display: grid; min-width: 0; padding: .56rem; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .42rem; border: 1px solid #ebdfe4; border-radius: 10px; background: #fcfafb; }
.official-gate-track li > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #8d4c61; background: #f3e4e9; font-size: .45rem; font-weight: 900; }
.official-gate-track li small, .official-gate-track li strong { display: block; }
.official-gate-track li small { color: #9a7f89; font-size: .36rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.official-gate-track li strong { margin-top: .08rem; font-size: .51rem; }
.official-gate-track li p { margin: .14rem 0 0; color: var(--ink-faint); font-size: .41rem; line-height: 1.4; }
.official-gate-track li.state-ready { border-color: #cfe8dc; background: #f6fcf9; }
.official-gate-track li.state-ready > span { color: #256a50; background: #dcf1e6; }
.official-gate-track li.state-pending { border-color: #eddcaf; background: #fffcf3; }
.official-gate-track li.state-pending > span { color: #87611d; background: #f8e9bf; }
.official-gate-track li.state-blocked { border-color: #edd9d6; background: #fffafa; }
.official-gate-track li.state-blocked > span { color: #9d4b42; background: #f7e2de; }
.official-gate-track li.state-protected { border-color: #dacbd6; background: #f7f2f6; }
.official-gate-track li.state-protected > span { color: #fff; background: #4a2d43; }
.official-pilot-card > footer { display: flex; padding: .62rem .9rem; align-items: center; justify-content: space-between; gap: .65rem; border-top: 1px solid #eee5e9; background: #fcfafb; }
.official-pilot-card > footer span, .official-pilot-card > footer strong { display: block; }
.official-pilot-card > footer div > span { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.official-pilot-card > footer div > strong { margin-top: .08rem; font-size: .54rem; }
.official-pilot-card > footer a { min-height: 36px; padding: .46rem .62rem; font-size: .5rem; }
.official-operator-lock { display: inline-flex !important; padding: .36rem .5rem; align-items: center; gap: .34rem; border: 1px solid #e4d8de; border-radius: 8px; color: #775467; background: #fff; font-size: .45rem; font-weight: 800; }
.official-operator-lock i { width: 7px; height: 7px; border: 2px solid currentcolor; border-radius: 2px; }
.official-operator-lock.is-ready { border-color: #bcdccc; color: #276d52; background: #effaf4; }
.official-operator-lock.is-ready i { border: 0; border-radius: 50%; background: #45b783; box-shadow: 0 0 0 4px rgb(69 183 131 / 12%); }
.official-pilot-empty { display: grid; min-height: 300px; padding: 1.2rem; grid-template-columns: auto minmax(0, 1fr); place-items: center start; gap: .85rem; border: 1px dashed #d9c8d0; border-radius: 14px; background: rgb(255 255 255 / 70%); }
.official-pilot-empty > span { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 18px; background: #f2e5eb; }
.official-pilot-empty > span i { width: 24px; height: 24px; border: 2px solid #9a6076; border-radius: 50%; box-shadow: inset 0 0 0 5px #fff; }
.official-pilot-empty small { color: #8e6a79; font-size: .44rem; font-weight: 820; text-transform: uppercase; }
.official-pilot-empty h3 { margin: .18rem 0 .28rem; font-size: .85rem; }
.official-pilot-empty p { max-width: 500px; margin: 0 0 .65rem; color: var(--ink-soft); font-size: .56rem; line-height: 1.5; }
.official-safety-card { position: relative; overflow: hidden; padding: 1rem; border: 1px solid #5f3b52; border-radius: 14px; color: #fff; background: radial-gradient(circle at 90% 0, rgb(230 123 117 / 18%), transparent 30%), linear-gradient(145deg, #271a26, #492d43); box-shadow: 0 12px 30px rgb(44 25 40 / 18%); }
.official-safety-lock { display: grid; width: 48px; height: 48px; margin-bottom: .8rem; place-items: center; border-radius: 14px; background: linear-gradient(145deg, #f39888, #ba6279); }
.official-safety-lock i { position: relative; width: 18px; height: 16px; border: 2px solid #372032; border-radius: 4px; }
.official-safety-lock i::before { position: absolute; top: -10px; left: 3px; width: 8px; height: 9px; border: 2px solid #372032; border-bottom: 0; border-radius: 7px 7px 0 0; content: ""; }
.official-safety-card .eyebrow { color: #f39d90; }
.official-safety-card h3 { margin: .2rem 0 .45rem; color: #fff; font-size: .9rem; line-height: 1.15; }
.official-safety-card > p:not(.eyebrow) { margin: 0; color: #d2c2ce; font-size: .54rem; line-height: 1.55; }
.official-safety-card ol { display: grid; margin: .9rem 0; padding: 0; gap: .48rem; list-style: none; }
.official-safety-card li { display: grid; padding: .55rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .45rem; border: 1px solid rgb(255 255 255 / 9%); border-radius: 9px; background: rgb(255 255 255 / 4%); }
.official-safety-card li > span { color: #ed948a; font-size: .4rem; font-weight: 900; }
.official-safety-card li strong, .official-safety-card li small { display: block; }
.official-safety-card li strong { font-size: .52rem; }
.official-safety-card li small { margin-top: .08rem; color: #bcaab8; font-size: .4rem; line-height: 1.35; }
.official-safety-proof { display: flex; padding-top: .65rem; align-items: center; justify-content: space-between; gap: .5rem; border-top: 1px solid rgb(255 255 255 / 10%); }
.official-safety-proof span { display: inline-flex; align-items: center; gap: .35rem; color: #c5b3c0; font-size: .42rem; }
.official-safety-proof span i { width: 7px; height: 7px; border-radius: 50%; background: #6fd1a5; box-shadow: 0 0 0 4px rgb(111 209 165 / 10%); }
.official-safety-proof strong { color: #8ce0b9; font-size: .48rem; letter-spacing: .05em; }
.publish-filter { display: grid; margin-bottom: 1rem; padding: .9rem 1rem; grid-template-columns: minmax(220px, .32fr) minmax(0, .68fr); align-items: end; gap: 1rem; }
.publish-filter h2, .publish-filter p { margin: 0; }
.publish-filter > div > p:last-child { margin-top: .15rem; color: var(--ink-soft); font-size: .6rem; }
.publish-filter form { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)) auto auto; align-items: end; gap: .42rem; }
.publish-filter .field { display: grid; min-width: 0; gap: .22rem; }
.publish-filter label { color: var(--ink-soft); font-size: .54rem; font-weight: 760; }
.publish-filter select, .publish-filter button, .publish-filter a { width: 100%; min-height: 39px; padding: .48rem .52rem; font-size: .58rem; }
.publish-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .7rem; }
.publish-metric { display: grid; min-width: 0; min-height: 108px; padding: .75rem .78rem; grid-template-columns: auto minmax(0, 1fr); gap: .52rem; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }
.publish-metric > span { width: 9px; height: 9px; margin-top: .12rem; border-radius: 3px; background: #6d9fc4; box-shadow: 0 0 0 4px #e4eff7; transform: rotate(45deg); }
.publish-metric small { display: block; color: var(--ink-soft); font-size: .52rem; font-weight: 790; }
.publish-metric strong { display: block; margin-top: .32rem; font-size: 1.3rem; letter-spacing: -.04em; }
.publish-metric p { margin: .12rem 0 0; color: var(--ink-faint); font-size: .44rem; line-height: 1.35; }
.publish-metric.tone-violet > span { background: #8a77ba; box-shadow: 0 0 0 4px #ece9f7; }
.publish-metric.tone-green > span, .publish-metric.tone-mint > span { background: #4ab289; box-shadow: 0 0 0 4px #e0f2eb; }
.publish-metric.tone-red > span { background: #cb6960; box-shadow: 0 0 0 4px #f8e6e3; }
.publish-metric.tone-amber > span { background: #dda045; box-shadow: 0 0 0 4px #fff0d7; }
.publish-overview-grid { display: grid; margin-bottom: 1rem; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr); align-items: stretch; gap: 1rem; }
.publish-flow, .publish-watch, .publish-adapters, .publish-failures { padding: 1.05rem 1.1rem; }
.publish-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.publish-heading h2, .publish-heading p { margin: 0; }
.publish-heading > div > p:last-child { margin-top: .2rem; color: var(--ink-soft); font-size: .6rem; line-height: 1.45; }
.publish-heading > span { padding: .25rem .45rem; border-radius: 999px; color: #8a4353; background: #fae5e6; font-size: .43rem; font-weight: 820; text-transform: uppercase; white-space: nowrap; }
.publish-state-flow { display: grid; margin-top: .8rem; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fafcfb; }
.publish-state-flow article { position: relative; display: grid; min-width: 0; padding: .62rem .55rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .42rem; border-right: 1px solid var(--line); }
.publish-state-flow article:last-child { border-right: 0; }
.publish-state-flow article > span { width: 7px; height: 7px; border-radius: 50%; background: #7e8c86; box-shadow: 0 0 0 4px #e8ecea; }
.publish-state-flow article.tone-blue > span { background: #6198c0; box-shadow: 0 0 0 4px #e2eef7; }
.publish-state-flow article.tone-violet > span { background: #8378ba; box-shadow: 0 0 0 4px #ece9f7; }
.publish-state-flow article.tone-amber > span { background: #dda043; box-shadow: 0 0 0 4px #fff0d7; }
.publish-state-flow article.tone-green > span { background: #47b087; box-shadow: 0 0 0 4px #dff2ea; }
.publish-state-flow article.tone-red > span { background: #c96860; box-shadow: 0 0 0 4px #f8e5e2; }
.publish-state-flow small, .publish-state-flow strong { display: block; }
.publish-state-flow small { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.publish-state-flow strong { margin-top: .1rem; font-size: .66rem; }
.publish-state-flow i { position: absolute; z-index: 2; top: 50%; right: -5px; color: #a9b3af; font-size: .55rem; font-style: normal; transform: translateY(-50%); }
.publish-watch dl { display: grid; margin: .72rem 0 0; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }
.publish-watch dl div { padding: .52rem; border-right: 1px solid var(--line); text-align: center; }
.publish-watch dl div:last-child { border-right: 0; }
.publish-watch dt { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.publish-watch dd { margin: .15rem 0 0; font-size: .8rem; font-weight: 850; }
.publish-watch dd.tone-red { color: #a24b43; }
.publish-watch dd.tone-blue { color: #41789f; }
.publish-watch dd.tone-amber { color: #89601d; }
.publish-watch > p { margin: .58rem 0 0; color: var(--ink-faint); font-size: .44rem; line-height: 1.42; }
.publication-reconciliation-console { margin-bottom: 1rem; padding: 0; overflow: hidden; border-color: #d6e1e4; background: linear-gradient(145deg, #fff 0%, #f7fbfc 58%, #f3f8f9 100%); box-shadow: 0 14px 34px rgb(45 76 84 / 8%); }
.publication-reconciliation-heading { display: grid; padding: 1.05rem 1.1rem; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1rem; border-bottom: 1px solid #dce7e9; background: radial-gradient(circle at 85% 0, rgb(68 137 151 / 9%), transparent 32%); }
.publication-reconciliation-heading h2 { margin: .2rem 0 .25rem; font-size: 1.15rem; letter-spacing: -.025em; }
.publication-reconciliation-heading > div > p:last-child { max-width: 830px; margin: 0; color: var(--ink-soft); font-size: .6rem; line-height: 1.5; }
.publication-reconciliation-heading dl { display: grid; min-width: 315px; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #d7e3e6; border-radius: 11px; background: rgb(255 255 255 / 82%); }
.publication-reconciliation-heading dl div { min-width: 0; padding: .52rem .6rem; border-right: 1px solid #dce7e9; text-align: center; }
.publication-reconciliation-heading dl div:last-child { border-right: 0; }
.publication-reconciliation-heading dt { color: #72868c; font-size: .37rem; letter-spacing: .035em; text-transform: uppercase; }
.publication-reconciliation-heading dd { margin: .13rem 0 0; color: #38545c; font-size: .72rem; font-weight: 850; }
.publication-reconciliation-heading dd.tone-amber { color: #8e651f; }
.publication-reconciliation-heading dd.tone-green { color: #267456; }
.publication-reconciliation-list { display: grid; padding: .85rem; gap: .65rem; }
.publication-reconciliation-row { min-width: 0; overflow: hidden; border: 1px solid #dbe5e7; border-left: 4px solid #d9a84f; border-radius: 12px; background: #fff; box-shadow: 0 7px 20px rgb(51 76 82 / 6%); }
.publication-reconciliation-row.tone-green { border-left-color: #4ba985; }
.publication-reconciliation-row.tone-blue { border-left-color: #5792b4; }
.publication-reconciliation-row > header { display: grid; padding: .72rem .78rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; background: #fcfefe; }
.publication-reconciliation-mark { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #7f5a19; background: #faebc8; font-size: .65rem; font-weight: 900; }
.publication-reconciliation-row.tone-green .publication-reconciliation-mark { color: #246c51; background: #def2e8; }
.publication-reconciliation-row.tone-blue .publication-reconciliation-mark { color: #376f93; background: #e3f0f7; }
.publication-reconciliation-row > header small { display: block; color: #70858b; font-size: .39rem; font-weight: 780; letter-spacing: .035em; text-transform: uppercase; }
.publication-reconciliation-row > header h3 { margin: .1rem 0 0; font-size: .64rem; }
.publication-reconciliation-row > header p { margin: .1rem 0 0; color: #7c8d92; font-size: .42rem; }
.publication-reconciliation-row > header code { font-size: .42rem; }
.publication-reconciliation-row > header > strong { display: inline-flex; padding: .29rem .43rem; align-items: center; gap: .3rem; border-radius: 999px; color: #7d591a; background: #fff0ce; font-size: .4rem; text-transform: uppercase; white-space: nowrap; }
.publication-reconciliation-row > header > strong i { width: 6px; height: 6px; border-radius: 50%; background: currentcolor; }
.publication-reconciliation-row.tone-green > header > strong { color: #226d50; background: #def2e8; }
.publication-reconciliation-row.tone-blue > header > strong { color: #376f93; background: #e3f0f7; }
.publication-reconciliation-verdict { padding: .65rem .78rem; border-top: 1px solid #dfe9eb; background: #f8fbfb; }
.publication-reconciliation-verdict dl { display: grid; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dce7e9; border-radius: 9px; background: #fff; }
.publication-reconciliation-verdict dl div { min-width: 0; padding: .46rem .52rem; border-right: 1px solid #e1eaec; }
.publication-reconciliation-verdict dl div:last-child { border-right: 0; }
.publication-reconciliation-verdict dt { color: #7b8d92; font-size: .35rem; text-transform: uppercase; }
.publication-reconciliation-verdict dd { margin: .1rem 0 0; overflow: hidden; font-size: .46rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.publication-reconciliation-verdict > p { margin: .48rem 0 0; color: #667d83; font-size: .43rem; line-height: 1.45; }
.publication-reconciliation-disclosure { border-top: 1px solid #dfe9eb; }
.publication-reconciliation-disclosure > summary { display: flex; min-height: 45px; padding: .58rem .78rem; align-items: center; justify-content: space-between; gap: .7rem; color: #3e626b; background: #f7fbfc; cursor: pointer; list-style: none; }
.publication-reconciliation-disclosure > summary::-webkit-details-marker { display: none; }
.publication-reconciliation-disclosure > summary::after { width: 7px; height: 7px; margin-left: auto; border-right: 2px solid #6f8d94; border-bottom: 2px solid #6f8d94; content: ""; transform: rotate(45deg); transition: transform .18s ease; }
.publication-reconciliation-disclosure[open] > summary::after { transform: rotate(225deg); }
.publication-reconciliation-disclosure > summary span { font-size: .52rem; font-weight: 820; }
.publication-reconciliation-disclosure > summary small { color: #799096; font-size: .41rem; }
.publication-reconciliation-disclosure > form { display: grid; padding: .78rem; gap: .68rem; border-top: 1px solid #dfe9eb; background: #fbfdfd; }
.publication-reconciliation-options { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .52rem; border: 0; }
.publication-reconciliation-options legend { margin-bottom: .4rem; color: #48656d; font-size: .51rem; font-weight: 800; }
.publication-reconciliation-options label { display: flex; min-width: 0; padding: .58rem; align-items: start; gap: .45rem; border: 1px solid #d8e4e6; border-radius: 10px; background: #fff; cursor: pointer; }
.publication-reconciliation-options label:has(input:checked) { border-color: #4f8fa0; background: #f1f9fb; box-shadow: inset 0 0 0 1px #4f8fa0; }
.publication-reconciliation-options input { width: 16px; height: 16px; margin: .05rem 0 0; flex: 0 0 auto; accent-color: #3d8294; }
.publication-reconciliation-options strong, .publication-reconciliation-options small { display: block; }
.publication-reconciliation-options strong { color: #334f57; font-size: .5rem; }
.publication-reconciliation-options small { margin-top: .12rem; color: #72878d; font-size: .4rem; line-height: 1.38; }
.publication-reconciliation-fields { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: .58rem; }
.publication-reconciliation-fields .field { display: grid; margin: 0; align-content: start; gap: .25rem; }
.publication-reconciliation-fields label { color: #48656d; font-size: .48rem; font-weight: 780; }
.publication-reconciliation-fields textarea, .publication-reconciliation-fields input { min-height: 42px; background: #fff; }
.publication-reconciliation-fields textarea { min-height: 78px; resize: vertical; }
.publication-reconciliation-fields small { color: #7b8f94; font-size: .39rem; }
.publication-reconciliation-confirm { display: flex; padding: .55rem .6rem; align-items: start; gap: .45rem; border: 1px solid #d8e4e6; border-radius: 9px; color: #516b72; background: #fff; font-size: .44rem; line-height: 1.45; }
.publication-reconciliation-confirm input { width: 16px; height: 16px; margin: .03rem 0 0; flex: 0 0 auto; accent-color: #3d8294; }
.publication-reconciliation-disclosure form > footer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.publication-reconciliation-disclosure form > footer div > span { display: inline-flex; align-items: center; gap: .35rem; color: #53717a; font-size: .42rem; font-weight: 760; }
.publication-reconciliation-disclosure form > footer div > span i { width: 7px; height: 7px; border-radius: 50%; background: #48aa84; box-shadow: 0 0 0 4px #e2f3ec; }
.publication-reconciliation-disclosure form > footer small { display: block; margin-top: .1rem; color: #819399; font-size: .38rem; }
.publication-reconciliation-disclosure form > footer button { min-height: 38px; padding: .48rem .68rem; background: #347e90; font-size: .52rem; }
.publication-reconciliation-permission { display: flex; padding: .6rem .78rem; align-items: center; gap: .48rem; border-top: 1px solid #e1e9eb; background: #fafcfc; }
.publication-reconciliation-permission > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: #e8eff1; }
.publication-reconciliation-permission > span i { width: 9px; height: 8px; border: 2px solid #71868c; border-radius: 2px; }
.publication-reconciliation-permission strong { display: block; font-size: .48rem; }
.publication-reconciliation-permission p { margin: .08rem 0 0; color: #7a8c91; font-size: .4rem; }
.publication-reconciliation-empty { min-height: 90px; }
.publish-card > footer.publication-reconciliation-card-proof { border-top-color: #d3e8df; background: #f4fbf8; }
.publish-card > footer.publication-reconciliation-card-proof > span { color: #256e52; background: #dcefe7; }
.publish-card > footer.publication-reconciliation-card-proof p { color: #638074; }
.publish-failure-list b.is-resolved { color: #326f7e; background: #e5f1f4; }
.publish-feed { margin-bottom: 1rem; }
.publish-feed-heading { margin-bottom: .78rem; }
.publish-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .78rem; }
.publish-card { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); }
.publish-card > header { display: grid; padding: .78rem .82rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; border-bottom: 1px solid var(--line); background: #fafcfb; }
.publish-platform { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #70425f, #c36e76); font-size: .54rem; font-weight: 900; }
.publish-card header small { display: block; color: var(--ink-faint); font-size: .4rem; text-transform: uppercase; }
.publish-card h3 { margin: .1rem 0 0; font-size: .64rem; }
.publish-card header p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .42rem; }
.publish-status { padding: .23rem .4rem; border-radius: 999px; color: #65736d; background: #e9edeb; font-size: .4rem; font-weight: 820; text-transform: uppercase; white-space: nowrap; }
.publish-status.tone-green { color: #176b50; background: #dcf2e9; }
.publish-status.tone-red { color: #9a473f; background: #fae5e2; }
.publish-status.tone-amber { color: #835b1b; background: #fff0d5; }
.publish-status.tone-blue { color: #3d7297; background: #e1edf6; }
.publish-status.tone-violet { color: #665998; background: #eae7f5; }
.publish-card-body { display: grid; padding: .72rem .82rem; grid-template-columns: minmax(0, 1.1fr) minmax(230px, .9fr); align-items: center; gap: .72rem; }
.publish-adapter { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .48rem; }
.publish-adapter > span, .publish-adapter-list > article > span { width: 9px; height: 9px; border-radius: 50%; background: #88958f; box-shadow: 0 0 0 4px #e8ecea; }
.publish-adapter > span.source-simulation, .publish-adapter-list > article > span.source-simulation { background: #45b089; box-shadow: 0 0 0 4px #ddf2e9; }
.publish-adapter > span.source-provider, .publish-adapter-list > article > span.source-provider { background: #cf795f; box-shadow: 0 0 0 4px #f9e8e2; }
.publish-adapter small, .publish-adapter strong { display: block; }
.publish-adapter small { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.publish-adapter strong { margin-top: .08rem; overflow-wrap: anywhere; font-size: .54rem; }
.publish-adapter p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .41rem; }
.publish-card-body dl { display: grid; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.publish-card-body dl div { min-width: 0; padding: .43rem; border-right: 1px solid var(--line); }
.publish-card-body dl div:last-child { border-right: 0; }
.publish-card-body dt { color: var(--ink-faint); font-size: .36rem; text-transform: uppercase; }
.publish-card-body dd { margin: .1rem 0 0; overflow: hidden; font-size: .45rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.publish-card-body dd.tone-red { color: #a04a42; }
.publish-card-body dd.tone-blue { color: #40769b; }
.publish-card > footer { display: flex; padding: .56rem .8rem; align-items: center; gap: .46rem; border-top: 1px solid #f0d6d2; background: #fff7f5; }
.publish-card > footer > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #99483f; background: #f8dfdb; font-size: .5rem; font-weight: 900; }
.publish-card > footer strong { display: block; font-size: .49rem; }
.publish-card > footer p { margin: .08rem 0 0; color: #98635d; font-size: .4rem; }
.publish-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); align-items: start; gap: 1rem; }
.publish-adapter-list, .publish-failure-list { display: grid; margin-top: .75rem; gap: .48rem; }
.publish-adapter-list > article { display: grid; padding: .62rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfb; }
.publish-adapter-list small, .publish-adapter-list strong { display: block; }
.publish-adapter-list small { color: var(--ink-faint); font-size: .39rem; text-transform: uppercase; }
.publish-adapter-list strong { margin-top: .08rem; font-size: .54rem; }
.publish-adapter-list p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .4rem; }
.publish-adapter-list dl { display: flex; margin: 0; gap: .65rem; }
.publish-adapter-list dl div { text-align: right; }
.publish-adapter-list dt { color: var(--ink-faint); font-size: .35rem; text-transform: uppercase; }
.publish-adapter-list dd { margin: .08rem 0 0; font-size: .48rem; font-weight: 800; }
.publish-failure-list article { display: grid; padding: .58rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .46rem; border: 1px solid #f0dbd7; border-radius: 9px; background: #fffafa; }
.publish-failure-list article > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #9b493f; background: #f9e3df; font-size: .5rem; font-weight: 900; }
.publish-failure-list small, .publish-failure-list strong { display: block; }
.publish-failure-list small { color: var(--ink-faint); font-size: .38rem; text-transform: uppercase; }
.publish-failure-list strong { margin-top: .08rem; font-size: .53rem; }
.publish-failure-list p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .4rem; }
.publish-failure-list code { color: #6d7581; font-size: .42rem; }
.publish-failure-list b { grid-column: 2; justify-self: start; padding: .19rem .32rem; border-radius: 999px; color: #98473f; background: #fae4e1; font-size: .36rem; text-transform: uppercase; }
.publish-empty { display: flex; padding: .75rem; align-items: center; gap: .58rem; color: var(--ink-soft); }
.publish-empty > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #8a4659; background: #f6e5ea; }
.publish-empty strong { display: block; color: var(--ink); font-size: .56rem; }
.publish-empty p { margin: .1rem 0 0; font-size: .44rem; line-height: 1.4; }

/* Authentication */
.auth-body { color-scheme: light; background: #edf2ed; }
.auth-main { display: grid; width: 100%; min-height: 100vh; padding: clamp(1rem, 4vw, 3rem); place-items: center; }
.auth-layout { display: grid; width: min(1000px, 100%); min-height: 620px; grid-template-columns: 1.08fr .92fr; overflow: hidden; border: 1px solid #d5ded8; border-radius: 28px; background: #fff; box-shadow: 0 30px 80px rgb(16 33 29 / 15%); }
.auth-visual { position: relative; display: flex; padding: clamp(2rem, 5vw, 4rem); overflow: hidden; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(145deg, #10211d 0%, #17382e 55%, #226149 100%); }
.auth-visual::before { position: absolute; top: -180px; right: -160px; width: 420px; height: 420px; border: 70px solid rgb(125 235 193 / 8%); border-radius: 50%; content: ""; }
.auth-visual::after { position: absolute; right: -80px; bottom: -130px; width: 320px; height: 320px; border: 1px solid rgb(125 235 193 / 20%); border-radius: 50%; box-shadow: inset 0 0 0 50px rgb(125 235 193 / 4%); content: ""; }
.auth-brand { position: relative; z-index: 1; display: flex; align-items: center; gap: .75rem; }
.auth-brand .brand-mark { width: 42px; height: 42px; }
.auth-brand strong { display: block; font-size: 1rem; }
.auth-brand small { color: #9cc2b3; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.auth-pitch { position: relative; z-index: 1; max-width: 430px; }
.auth-pitch .eyebrow { color: #79e3bb; }
.auth-pitch h2 { margin: .5rem 0 1rem; color: #fff; font-size: clamp(2rem, 4vw, 3.25rem); }
.auth-pitch > p { color: #b8ccc4; }
.auth-features { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.auth-features li { display: flex; align-items: center; gap: .55rem; color: #d8e8e2; font-size: .78rem; }
.auth-features li::before { display: grid; width: 19px; height: 19px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #0d3729; background: #73ddb5; font-size: .64rem; font-weight: 900; content: "✓"; }
.auth-footnote { position: relative; z-index: 1; color: #91aa9f; font-size: .68rem; }
.auth-form-pane { display: grid; padding: clamp(2rem, 5vw, 4rem); align-content: center; }
.auth-card { width: 100%; padding: 0; border: 0; box-shadow: none; }
.auth-card .eyebrow { margin-bottom: .4rem; }
.auth-card h1 { margin: 0 0 .6rem; font-size: 2.15rem; }
.auth-card > p { margin: 0 0 1.5rem; color: var(--ink-soft); }
.auth-card form { display: grid; gap: 1rem; }
.auth-card form p { display: grid; gap: .38rem; margin: 0; }
.auth-card form button { width: 100%; min-height: 46px; margin-top: .35rem; }
.auth-security { display: flex; margin-top: 1.35rem; align-items: center; justify-content: center; gap: .4rem; color: var(--ink-faint); font-size: .68rem; }
.auth-security span { color: var(--accent); }
.auth-messages { position: fixed; z-index: 10; top: 1rem; left: 50%; width: min(600px, calc(100% - 2rem)); transform: translateX(-50%); }

@media (max-width: 1180px) {
  :root { --sidebar-width: 236px; }
  .metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .setup-grid, .setup-lists { grid-template-columns: 1fr; }
  .brand-system-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .brand-setup-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .notification-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .notification-toolbar { display: grid; align-items: stretch; }
  .notification-toolbar form { min-width: 0; }
  .lead-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lead-dossier-grid { grid-template-columns: minmax(0, 1fr) 280px; }
  .lead-dossier-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lead-dossier-facts article:nth-child(4n) { border-right: 1px solid #e4ebe7; }
  .lead-dossier-facts article:nth-child(3n) { border-right: 0; }
  .lead-dossier-facts article:nth-last-child(-n + 4) { border-bottom: 1px solid #e4ebe7; }
  .lead-dossier-facts article:nth-last-child(-n + 3) { border-bottom: 0; }
  .approval-layout { grid-template-columns: 1fr; }
  .approval-content { border-right: 0; border-bottom: 1px solid var(--line); }
  .campaign-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .campaign-workspace { grid-template-columns: minmax(280px, .62fr) minmax(440px, 1.38fr); }
  .campaign-card-body { grid-template-columns: 1fr; }
  .campaign-strategy { border-right: 0; border-bottom: 1px solid var(--line); }
  .knowledge-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .knowledge-workspace { grid-template-columns: minmax(290px, .65fr) minmax(440px, 1.35fr); }
  .knowledge-card-body { grid-template-columns: 1fr; }
  .knowledge-text-preview { border-right: 0; border-bottom: 1px solid var(--line); }
  .media-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .media-workspace { grid-template-columns: minmax(300px, .6fr) minmax(440px, 1.4fr); }
  .media-grid { grid-template-columns: 1fr; }
  .analytics-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .analytics-grid { grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); }
  .analytics-bottom-grid { grid-template-columns: 1fr; }
  .connections-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .connection-account-body { grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr); }
  .connections-bottom-grid { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); }
  .audit-filter { grid-template-columns: 1fr; }
  .audit-filter form { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
  .audit-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .audit-bottom-grid { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); }
  .cost-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cost-main-grid { grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); }
  .cost-campaign-list { grid-template-columns: 1fr; }
  .publish-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .publish-overview-grid { grid-template-columns: 1fr; }
  .agent-risk-ladder { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .inbox-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .conversation-dossier { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .lead-dossier-header { grid-template-columns: minmax(0, 1fr) auto; }
  .lead-dossier-header > .status-pill { grid-column: 1 / -1; justify-self: start; }
  .lead-dossier-grid { grid-template-columns: 1fr; }
  .lead-trust-rail { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lead-trust-rail > header, .lead-trust-rail > footer { grid-column: 1 / -1; }
  .lead-dossier-lower { grid-template-columns: 1fr; }
  .sidebar { position: static; width: 100%; min-height: auto; padding: .85rem 1rem .65rem; }
  .sidebar-brand { padding: 0 .15rem .7rem; }
  .sidebar-brand .mode { margin-left: 0; }
  .security-note, .nav-label { display: none; }
  .brand-context { max-width: calc(100% - 92px); margin: 0 0 .55rem; padding: .5rem .6rem; }
  .brand-context small { font-size: .56rem; }
  .brand-context select { font-size: .7rem; }
  .primary-nav { display: flex; margin: 0 -.2rem; padding: .1rem .2rem; gap: .25rem; overflow-x: auto; }
  .primary-nav a { min-width: max-content; padding: .55rem .65rem; }
  .primary-nav a[aria-current="page"] { order: -1; }
  .primary-nav a:hover { transform: none; }
  .primary-nav a[aria-current="page"]::before { inset: auto .65rem -.05rem; width: auto; height: 2px; border-radius: 3px 3px 0 0; }
  .primary-nav svg { width: 16px; height: 16px; }
  .sidebar-footer { position: absolute; top: .85rem; right: 1rem; display: block; margin: 0; padding: 0; }
  .sidebar-user { display: flex; padding: 0; }
  .user-copy, .user-avatar { display: none; }
  .icon-button { min-width: 72px; color: #d7e6e0; border: 1px solid #385149; background: rgb(255 255 255 / 4%); }
  .icon-button span { position: static; width: auto; height: auto; overflow: visible; clip: auto; font-size: .7rem; }
  .app-surface { margin-left: 0; }
  .app-topbar { position: sticky; min-height: 58px; padding: 0 1.1rem; }
  #main-content { width: calc(100% - 2rem); padding-top: 1.7rem; }
  .dashboard-grid, .workspace-grid { grid-template-columns: 1fr; }
  .dashboard-command-hero { min-height: 0; grid-template-columns: 1fr; }
  .dashboard-radar { min-height: 310px; }
  .dashboard-attention-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-hero { grid-template-columns: 1fr; }
  .agent-hero-control { width: auto; }
  .agent-control-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-risk-boundary { grid-template-columns: auto minmax(0, 1fr); }
  .agent-risk-boundary dl { grid-column: 1 / -1; width: 100%; justify-content: space-between; }
  .agent-identity-grid { grid-template-columns: 1fr; }
  .content-list { order: -1; }
  .content-composer, .content-readonly-intro { order: 2; }
  .brand-system-toolbar { display: grid; align-items: stretch; }
  .brand-system-toolbar form { min-width: 0; }
  .brand-setup-grid { grid-template-columns: 1fr; }
  .notification-workspace { grid-template-columns: 1fr; }
  .notification-settings { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inbox-command-hero { min-height: 0; grid-template-columns: 1fr; }
  .inbox-command-state { width: min(440px, 100%); }
  .inbox-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inbox-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inbox-workspace { grid-template-columns: 1fr; }
  .conversation-queue { position: static; }
  .conversation-queue-list { max-height: none; padding: .55rem; grid-auto-columns: min(310px, 82vw); grid-auto-flow: column; overflow-x: auto; overflow-y: hidden; gap: .5rem; }
  .conversation-queue-item { border: 1px solid var(--line); border-radius: 12px; }
  .conversation-queue-item.is-active { box-shadow: inset 0 3px var(--accent); }
  .auth-layout { min-height: auto; grid-template-columns: 1fr; }
  .calendar-command-hero { grid-template-columns: minmax(0, 1fr) 190px; }
  .calendar-command-orbit { width: 180px; }
  .calendar-control-deck { grid-template-columns: 1fr; }
  .calendar-period-control { justify-self: start; }
  .calendar-filter-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-filter-actions { grid-column: 1 / -1; }
  .calendar-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-weekdays { display: none; }
  .calendar-shell { overflow: visible; }
  .calendar-grid { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-grid-day .calendar-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-day { min-height: 250px; }
  .calendar-event { grid-template-columns: 56px minmax(0, 1fr) auto; }
  .calendar-event-owner { display: none; }
  .calendar-truth-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-truth-rail > div:nth-child(2) { border-right: 0; }
  .calendar-truth-rail > div:nth-child(-n + 2) { border-bottom: 1px solid rgb(255 255 255 / 9%); }
  .calendar-note { grid-template-columns: auto 1fr; }
  .calendar-note .button-link { grid-column: 2; justify-self: start; }
  .approval-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approval-actions { grid-template-columns: 1fr; }
  .campaign-workspace { grid-template-columns: 1fr; }
  .campaign-create { position: static; }
  .campaign-form-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-workspace, .knowledge-search { grid-template-columns: 1fr; }
  .knowledge-search form { grid-template-columns: minmax(180px, .7fr) minmax(240px, 1.3fr) auto; }
  .media-workspace { grid-template-columns: 1fr; }
  .media-studio { position: static; }
  .media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-hero, .analytics-grid { grid-template-columns: 1fr; }
  .analytics-filter { display: grid; align-items: stretch; }
  .analytics-filter form { min-width: 0; }
  .analytics-provenance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .connections-hero, .connections-overview-grid, .connections-bottom-grid { grid-template-columns: 1fr; }
  .connections-filter { display: grid; align-items: stretch; }
  .connections-filter form { min-width: 0; }
  .connection-account-body { grid-template-columns: 1fr; }
  .connection-capabilities { border-right: 0; border-bottom: 1px solid var(--line); }
  .audit-hero, .audit-main-grid, .audit-bottom-grid { grid-template-columns: 1fr; }
  .audit-filter form { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
  .audit-side-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cost-hero, .cost-main-grid { grid-template-columns: 1fr; }
  .cost-filter { grid-template-columns: 1fr; }
  .cost-side-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publish-hero, .publish-bottom-grid { grid-template-columns: 1fr; }
  .publish-filter { grid-template-columns: 1fr; }
  .publication-reconciliation-heading { grid-template-columns: 1fr; align-items: start; }
  .publication-reconciliation-heading dl { width: 100%; min-width: 0; }
  .auth-visual { min-height: 310px; }
  .auth-footnote { display: none; }
}

@media (max-width: 640px) {
  .brand-copy small, .mode { display: none; }
  .primary-nav a { gap: .38rem; font-size: .72rem; }
  .primary-nav a svg { display: none; }
  .topbar-help { display: none; }
  .topbar-actions { gap: .55rem; }
  .topbar-brand-context { padding: .32rem .42rem; }
  .topbar-brand-context strong { max-width: 105px; font-size: .62rem; }
  .topbar-brand-context small { display: none; }
  .live-status { font-size: 0; }
  .live-status span { width: 8px; height: 8px; }
  #main-content { width: calc(100% - 1.5rem); padding-bottom: 3rem; }
  .hero { display: block; margin-bottom: 1.35rem; }
  .hero > p { margin-top: .7rem; }
  .dashboard-hero { padding: 1.4rem; }
  .dashboard-hero .hero-actions { margin-top: 1.1rem; }
  .dashboard-livebar { display: grid; grid-template-columns: 1fr auto; gap: .4rem; }
  .dashboard-livebar > p { grid-row: 2; grid-column: 1 / -1; }
  .dashboard-livebar button { width: 38px; padding: 0; }
  .dashboard-livebar button span { display: none; }
  .dashboard-command-hero { padding: 1.2rem; border-radius: 20px; }
  .dashboard-command-copy h1 { font-size: clamp(3rem, 15vw, 4.7rem); }
  .dashboard-command-copy > p:not(.eyebrow) { font-size: .7rem; }
  .dashboard-command-state { width: 100%; }
  .dashboard-quick-actions { display: grid; grid-template-columns: 1fr; }
  .dashboard-quick-actions a { text-align: center; }
  .dashboard-radar { min-height: 280px; }
  .dashboard-radar-ring.ring-two { width: 270px; height: 270px; }
  .dashboard-radar-ring.ring-one { width: 195px; height: 195px; }
  .dashboard-radar-node { min-width: 94px; }
  .dashboard-radar-node.node-1 { left: 0; }
  .dashboard-radar-node.node-2 { right: 0; }
  .dashboard-radar-node.node-3 { right: 2%; }
  .dashboard-pulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .dashboard-pulse-card { min-height: 132px; padding: .82rem; }
  .dashboard-pulse-card > strong { font-size: 1.45rem; }
  .dashboard-attention { padding: .85rem; }
  .dashboard-section-heading { display: grid; align-items: start; }
  .dashboard-section-heading > span, .dashboard-section-heading > a { justify-self: start; }
  .dashboard-attention-grid { grid-template-columns: 1fr; }
  .dashboard-upcoming-list > li { grid-template-columns: minmax(0, 1fr) auto; }
  .dashboard-upcoming-list time { grid-column: 1 / -1; grid-row: 1; }
  .dashboard-upcoming-copy { grid-column: 1; }
  .dashboard-upcoming-status { grid-column: 2; }
  .dashboard-upcoming-list > .dashboard-upcoming-empty { grid-template-columns: auto minmax(0, 1fr); }
  .dashboard-upcoming-empty a { grid-column: 2; }
  .priority-list li { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .priority-score { grid-row: 1 / span 2; }
  .priority-copy { min-width: 0; grid-row: 1; grid-column: 2; }
  .priority-copy strong, .priority-copy small { overflow-wrap: anywhere; }
  .priority-list .status-pill { grid-row: 2; grid-column: 2; justify-self: start; }
  .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .metric-card { min-height: 116px; padding: .85rem; }
  .metric-card > strong { font-size: 1.55rem; }
  .brand-system-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-system-toolbar form { display: grid; grid-template-columns: 1fr; }
  .brand-system-toolbar form .field { min-width: 0; }
  .brand-readiness-grid { grid-template-columns: 1fr; }
  .brand-readiness-card > header { grid-template-columns: auto minmax(0, 1fr); }
  .brand-readiness-card .status-pill { grid-column: 2; grid-row: 2; justify-self: start; }
  .brand-system-safety { max-width: none; margin-top: 1rem; }
  .section-heading { display: grid; }
  .brand-read-only { display: grid; }
  .notification-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .notification-toolbar form { grid-template-columns: 1fr; }
  .notification-channel-map { width: auto; max-width: none; margin-top: 1rem; }
  .notification-feed-heading { display: grid; align-items: start; }
  .notification-feed-heading form { justify-self: start; }
  .notification-card { grid-template-columns: 42px minmax(0, 1fr); }
  .notification-card-body { padding: .85rem; }
  .notification-card-body > header { display: grid; }
  .notification-card-body > header > div:last-child { justify-content: start; }
  .notification-card footer { flex-wrap: wrap; }
  .notification-card footer form, .notification-read-time { margin-left: 0; }
  .notification-settings { grid-template-columns: 1fr; }
  .panel { padding: 1.05rem; }
  .agent-hero { padding: 1.25rem; }
  .agent-hero-control { margin-top: 1rem; }
  .agent-control-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
  .agent-control-metric { min-height: 105px; padding: .72rem; }
  .agent-control-metric > strong { font-size: 1.2rem; }
  .agent-risk-heading { display: grid; align-items: start; }
  .agent-risk-total { justify-items: start; }
  .agent-risk-ladder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-risk-card { min-height: 150px; }
  .agent-risk-boundary { grid-template-columns: 1fr; }
  .agent-risk-boundary > span { display: none; }
  .agent-risk-boundary dl { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-risk-boundary dl > div { justify-items: start; }
  .agent-composer { padding: 0; }
  .agent-identity-card > header { grid-template-columns: auto minmax(0, 1fr); }
  .agent-identity-card > header .status-pill { grid-column: 2; grid-row: 2; justify-self: start; }
  .agent-identity-facts { grid-template-columns: 1fr; }
  .agent-schedule-fact { grid-column: 1; padding-right: .65rem !important; }
  .schedule-state { position: static; margin-top: .45rem; }
  .agent-identity-card > footer { display: grid; }
  #id_operating_days { grid-template-columns: 1fr; }
  .agent-governance-editor > summary { display: grid; justify-content: start; }
  .agent-governance-form { grid-template-columns: 1fr; }
  .agent-governance-form .field, .agent-governance-form .field-wide, .agent-governance-form > button, .agent-governance-safety { grid-column: 1; }
  .agent-governance-form [id$="-operating_days"] { grid-template-columns: 1fr; }
  .agent-create-panel .stack-form { grid-template-columns: 1fr; }
  .agent-create-panel .stack-form > .field, .agent-create-panel .stack-form > button { grid-column: 1; }
  .content-composer { padding: 0; }
  .weekly-review-console > header, .weekly-review-console > footer { display: grid; }
  .weekly-review-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .weekly-review-console > footer div { display: grid; }
  .content-plan-card > summary { grid-template-columns: 48px minmax(0, 1fr) 18px; }
  .content-plan-progress, .content-plan-state { grid-column: 2; }
  .content-plan-chevron { grid-row: 1 / 4; grid-column: 3; }
  .content-composer-summary { grid-template-columns: auto minmax(0, 1fr); }
  .content-composer-summary > b { grid-column: 2; justify-self: start; }
  .content-card-main { grid-template-columns: 1fr; }
  .content-preview { min-height: 148px; padding: .8rem; }
  .preview-brand strong { font-size: .72rem; }
  .content-card-body { padding: .9rem; }
  .quality-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quality-groups { grid-template-columns: 1fr; }
  .content-quality-report > summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .content-quality-report > summary > i { display: none; }
  .quality-evidence { grid-column: 2; justify-items: start; }
  .quality-check { grid-template-columns: auto minmax(0, 1fr); }
  .quality-check > em { grid-column: 2; white-space: normal; }
  .content-card-heading { display: grid; gap: .5rem; }
  .content-card-heading .status-pill { justify-self: start; }
  .schedule-console-header { grid-template-columns: auto minmax(0, 1fr); }
  .schedule-console-header > b { grid-column: 2; justify-self: start; }
  .schedule-console-grid { grid-template-columns: 1fr; }
  .schedule-destination small { overflow: visible; white-space: normal; }
  .schedule-console > footer, .scheduled-next-step { display: grid; justify-items: stretch; }
  .schedule-console > footer button, .scheduled-next-step .button-link, .scheduled-next-step .inline-actions, .scheduled-next-step .inline-actions button { width: 100%; }
  .scheduled-console dl { grid-template-columns: 1fr; }
  .schedule-reschedule-grid { grid-template-columns: 1fr; }
  .schedule-reschedule-panel form > footer { display: grid; }
  .schedule-reschedule-panel form > footer button { width: 100%; }
  .schedule-cancel-panel form > footer { display: grid; }
  .schedule-cancel-panel form > footer button { width: 100%; }
  .content-proof-layout { grid-template-columns: 1fr; padding: .7rem; }
  .channel-proof-card { width: 100%; max-width: none; }
  .content-proof-facts dl { grid-template-columns: 1fr; }
  .content-readonly-note, .content-proof-safety { grid-template-columns: auto 1fr; }
  .content-readonly-note strong, .content-proof-safety strong { grid-column: 2; }
  .content-readonly-note { align-items: start; }
  .setup-lists { grid-template-columns: 1fr; }
  .calendar-summary, .inbox-summary { grid-template-columns: 1fr; }
  .inbox-command-hero { padding: 1.2rem; border-radius: 20px; }
  .inbox-command-copy h1 { font-size: clamp(3.2rem, 20vw, 4.7rem); }
  .inbox-command-state { grid-template-columns: auto minmax(0, 1fr); }
  .inbox-command-state > b { display: none; }
  .inbox-filter-console > header { display: grid; align-items: start; }
  .inbox-filter-console > header > span { justify-self: start; }
  .inbox-filter-grid { grid-template-columns: 1fr; }
  .inbox-filter-grid label:last-child { grid-column: 1; }
  .inbox-filter-console > footer { display: grid; align-items: stretch; }
  .inbox-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .inbox-filter-actions a, .inbox-filter-actions button { width: 100%; }
  .inbox-filter-chips a { width: 100%; margin-left: 0; }
  .conversation-card { grid-template-columns: 1fr; }
  .conversation-avatar { width: 38px; height: 38px; border-radius: 11px; }
  .conversation-history li { max-width: 95%; }
  .conversation-context-facts, .conversation-collected-data { grid-template-columns: 1fr; }
  .calendar-grid { grid-template-columns: 1fr; gap: .55rem; }
  .calendar-command-hero { min-height: 0; padding: 1.2rem; grid-template-columns: 1fr; border-radius: 20px; }
  .calendar-command-copy h1 { font-size: clamp(2.75rem, 14vw, 4.3rem); }
  .calendar-command-copy > p:not(.eyebrow) { font-size: .72rem; }
  .calendar-command-orbit { width: 168px; justify-self: start; }
  .calendar-command-orbit small { right: -18px; }
  .calendar-view-tabs { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .calendar-view-tabs a { padding: .55rem .35rem; text-align: center; }
  .calendar-period-control { width: 100%; justify-self: stretch; }
  .calendar-period-control > div { min-width: 0; flex: 1; }
  .calendar-period-control strong { font-size: .61rem; }
  .calendar-today { padding: 0 .45rem; }
  .calendar-filter-deck { grid-template-columns: 1fr; }
  .calendar-filter-actions { grid-column: 1; }
  .calendar-filter-actions button, .calendar-filter-actions a { flex: 1; }
  .calendar-grid-month { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-stage-month .calendar-weekdays { display: none; }
  .calendar-grid-day .calendar-items { grid-template-columns: 1fr; }
  .calendar-day { min-height: 0; }
  .calendar-day > header { min-height: 54px; padding: .62rem .75rem; }
  .calendar-day > header > strong { font-size: 1.12rem; }
  .calendar-items { padding: .55rem; }
  .calendar-empty { margin: .75rem .2rem; }
  .calendar-grid-month .calendar-day > header { gap: .3rem; }
  .calendar-grid-month .calendar-day > header > span { display: none; }
  .calendar-list-day > header { grid-template-columns: 1fr auto; }
  .calendar-list-day > header span { grid-column: 1 / -1; }
  .calendar-event { padding: .75rem; grid-template-columns: 48px minmax(0, 1fr); }
  .calendar-event .status-pill { grid-column: 2; justify-self: start; }
  .calendar-detail-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  .calendar-detail-shell { max-height: calc(100vh - 16px); }
  .calendar-detail-header { padding: .8rem; }
  .calendar-detail-header h2 { font-size: .9rem; }
  .calendar-detail-body { padding: .65rem; }
  .calendar-piece-layout { padding: .65rem; grid-template-columns: 1fr; }
  .calendar-piece-gallery { width: min(100%, 420px); justify-self: center; }
  .calendar-piece-gallery-stage { height: min(430px, 52vh); }
  .calendar-piece-gallery-nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .calendar-piece-gallery-nav button { height: 46px; }
  .calendar-event-popover { display: none; }
  .calendar-truth-rail { grid-template-columns: 1fr; }
  .calendar-truth-rail > div, .calendar-truth-rail > div:nth-child(2) { border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 9%); }
  .calendar-truth-rail > div:last-child { border-bottom: 0; }
  .content-plan-queue-heading { display: grid; align-items: stretch; }
  .content-plan-queue-heading .button-link { width: 100%; }
  .content-plan-card > summary { padding: .7rem; gap: .6rem; }
  .content-plan-title strong { white-space: normal; }
  .content-plan-body > header { flex-wrap: wrap; gap: .4rem .8rem; }
  .content-plan-body > header a { width: 100%; margin-left: 0; }
  .content-plan-piece { grid-template-columns: 58px minmax(0, 1fr); padding: .7rem; gap: .65rem; }
  .content-plan-piece-media { width: 58px; }
  .content-plan-piece-main > header { display: grid; gap: .18rem; }
  .lead-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-dossier { border-radius: 18px; }
  .lead-dossier-header { padding: 1rem; grid-template-columns: 1fr; gap: .8rem; }
  .lead-dossier-header > .status-pill { grid-column: 1; justify-self: start; }
  .lead-dossier-score { width: 100%; }
  .lead-dossier-main { padding: .85rem; }
  .lead-dossier-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-dossier-facts article:nth-child(3n) { border-right: 1px solid #e4ebe7; }
  .lead-dossier-facts article:nth-child(2n) { border-right: 0; }
  .lead-dossier-facts article:nth-last-child(-n + 3) { border-bottom: 1px solid #e4ebe7; }
  .lead-dossier-facts article:nth-last-child(-n + 2) { border-bottom: 0; }
  .lead-score-factor-list { grid-template-columns: 1fr; }
  .lead-score-proof > header { align-items: start; flex-direction: column; }
  .lead-score-proof > footer { grid-template-columns: auto minmax(0, 1fr); }
  .lead-score-proof > footer time { grid-column: 2; }
  .lead-trust-rail { padding: .9rem; grid-template-columns: 1fr; }
  .lead-trust-rail > header, .lead-trust-rail > footer { grid-column: 1; }
  .lead-dossier-lower { padding: .85rem; }
  .lead-task-ledger article, .lead-activity-ledger li { grid-template-columns: auto minmax(0, 1fr); }
  .lead-task-ledger article aside, .lead-activity-ledger li time { grid-column: 2; justify-items: start; }
  .lead-pipeline-heading { padding: 1rem; grid-template-columns: 1fr; gap: .8rem; }
  .lead-pipeline-heading aside { width: 100%; }
  .lead-board { grid-template-columns: 1fr; }
  .conversation-card { grid-template-columns: 1fr; }
  .conversation-avatar { width: 38px; height: 38px; }
  .calendar-note { grid-template-columns: 1fr; }
  .calendar-note .button-link { grid-column: 1; }
  .transition-form { grid-template-columns: 1fr; }
  .response-request-form, .response-send-form, .response-checkpoint { grid-template-columns: 1fr; }
  .response-send-form button, .response-checkpoint a { grid-column: 1; grid-row: auto; justify-self: start; }
  .approval-card-header { display: grid; padding: 1rem; }
  .approval-card-header .status-pill { justify-self: start; }
  .approval-content { padding: 1rem; }
  .approval-facts { padding: .65rem 1rem; grid-template-columns: 1fr; }
  .approval-actions { padding: 1rem; }
  .approval-decision-form { grid-template-columns: 1fr; }
  .approval-decision-form > div { display: flex; flex-wrap: wrap; }
  .approval-decision-form > div button { flex: 1 1 130px; }
  .approval-edit-form { grid-template-columns: 1fr; }
  .approval-edit-form .field, .approval-edit-form .field-wide, .approval-edit-form > .errorlist, .approval-edit-safety, .approval-edit-form > button { grid-column: 1; }
  .approval-inline-response-edit > summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .approval-inline-response-edit > summary > i { grid-column: 3; grid-row: 1; }
  .response-edit-chip { grid-column: 1 / -1; justify-self: start; }
  .approval-response-edit-form { grid-template-columns: 1fr; }
  .response-edit-original, .approval-response-edit-form > .field, .approval-response-edit-form > .errorlist, .response-edit-guardrails, .approval-response-edit-safety, .approval-response-edit-form > button { grid-column: 1; }
  .response-edit-original { grid-row: auto; min-height: 0; }
  .response-edit-guardrails { grid-template-columns: 1fr; }
  .approval-response-edit-result { grid-template-columns: 1fr; }
  .approval-response-edit-result > em { justify-self: start; }
  .approval-response-edit-result blockquote, .approval-response-edit-result > small { grid-column: 1; }
  .approval-scope-form { grid-template-columns: 1fr; }
  .approval-scope-form .field, .approval-scope-form > .errorlist, .approval-scope-safety, .approval-scope-form > button { grid-column: 1; }
  .approval-inline-regeneration > summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .approval-inline-regeneration > summary > i { grid-column: 3; grid-row: 1; }
  .regeneration-engine-chip { grid-column: 1 / -1; justify-self: start; }
  .approval-regeneration-form { grid-template-columns: 1fr; }
  .approval-regeneration-form > .field, .approval-regeneration-form > .errorlist, .regeneration-guardrails, .approval-regeneration-safety, .approval-regeneration-form > button { grid-column: 1; }
  .regeneration-engine-panel { grid-template-columns: auto minmax(0, 1fr); }
  .regeneration-engine-panel > em { grid-column: 1 / -1; justify-self: start; }
  .regeneration-guardrails { grid-template-columns: 1fr; }
  .approval-regeneration-result { grid-template-columns: 1fr; }
  .approval-regeneration-result > em { justify-self: start; }
  .approval-regeneration-result blockquote, .approval-regeneration-result > small { grid-column: 1; }
  .approval-alternatives > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approval-alternatives button, .approval-alternatives .button-link { width: 100%; }
  .approval-defer-form { grid-template-columns: 1fr; }
  .approval-defer-form label { grid-column: 1; }
  .approval-defer-form select { width: 100%; }
  .approval-summary > a:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .approval-filter-status { display: grid; }
  .approval-filter-status .button-link { justify-self: start; }
  .approval-filter-hint { line-height: 1.45; }
  .approval-history-details > summary { display: grid; padding: .8rem 1rem; }
  .approval-history-details > summary strong { justify-self: start; }
  .campaign-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .campaign-form, .campaign-form-wide { grid-template-columns: 1fr; }
  .campaign-form-wide > .field:has(textarea), .campaign-form-wide > .field:has(input[type="checkbox"]) { grid-column: 1; }
  .campaign-card-header, .campaign-actions { display: grid; }
  .campaign-card-header .status-pill { justify-self: start; }
  .campaign-actions .transition-form { width: 100%; margin-left: 0; }
  .campaign-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .campaign-form-actions { display: grid; }
  .knowledge-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-search form, .knowledge-document-form, .knowledge-version-form { grid-template-columns: 1fr; }
  .knowledge-document-form > .field, .knowledge-version-form > .field { grid-column: 1; }
  .knowledge-card-header, .knowledge-actions { display: grid; }
  .knowledge-card-header .status-pill { justify-self: start; }
  .knowledge-publish-form, .security-review-form { grid-template-columns: 1fr; }
  .knowledge-publish-form label, .knowledge-publish-form small, .security-review-form label { grid-column: 1; }
  .media-hero { display: grid; }
  .media-security-hero { width: 100%; min-width: 0; max-width: none; }
  .media-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-toolbar { display: grid; align-items: stretch; }
  .media-toolbar form { display: grid; min-width: 0; grid-template-columns: 1fr; }
  .media-toolbar form .field { min-width: 0; }
  .media-upload-form, .media-render-form, .media-grid { grid-template-columns: 1fr; }
  .media-upload-form .field { grid-column: 1; }
  .media-security-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-facts div, .media-facts div:nth-child(3n) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .media-facts div:nth-child(2n) { border-right: 0; }
  .media-facts div:nth-last-child(-n + 2) { border-bottom: 0; }
  .media-preview-overlay { opacity: 1; transform: none; }
  .analytics-hero { padding: 1.25rem; }
  .analytics-filter form { grid-template-columns: 1fr; }
  .analytics-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-metric { min-height: 118px; }
  .analytics-funnel-columns { grid-template-columns: 1fr; }
  .analytics-funnel-columns > section + section { padding-top: .8rem; padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .analytics-conversation-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-conversation-strip > div { grid-column: 1 / -1; }
  .analytics-provenance { grid-template-columns: 1fr; }
  .analytics-section-heading { display: grid; }
  .analytics-section-heading > span, .analytics-section-heading > a { justify-self: start; }
  .connections-hero { padding: 1.25rem; }
  .connections-readiness { max-width: none; }
  .connections-filter form { grid-template-columns: 1fr; }
  .connections-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .connections-metric { min-height: 112px; }
  .connections-heading { display: grid; }
  .connections-heading > span { justify-self: start; }
  .connections-checklist li { grid-template-columns: auto minmax(0, 1fr); }
  .connections-checklist b { grid-column: 2; justify-self: start; }
  .connection-account-header { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .connection-account-states { grid-column: 2; justify-content: start; }
  .connection-automation-control form > div { grid-template-columns: 1fr; }
  .connection-automation-control button { width: 100%; }
  .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-roadmap-list article, .subscription-list article { grid-template-columns: auto minmax(0, 1fr); }
  .platform-roadmap-list article > span, .subscription-list dl { grid-column: 2; justify-self: start; }
  .subscription-list dl div { text-align: left; }
  .audit-hero { padding: 1.25rem; }
  .audit-proof-card { max-width: none; }
  .audit-filter form { grid-template-columns: 1fr; }
  .audit-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-metric { min-height: 112px; }
  .audit-heading { display: grid; }
  .audit-heading > span { justify-self: start; }
  .audit-event dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-event dl div { border-bottom: 1px solid #e2e8e5; }
  .audit-event dl div:nth-child(2n) { border-right: 0; }
  .audit-event dl div:nth-last-child(-n + 2) { border-bottom: 0; }
  .audit-side-column { grid-template-columns: 1fr; }
  .audit-ledger-list article { grid-template-columns: auto minmax(0, 1fr); }
  .audit-ledger-list dl { grid-column: 2; justify-self: start; }
  .audit-ledger-list dl div { text-align: left; }
  .audit-incident-list article { grid-template-columns: auto minmax(0, 1fr); }
  .audit-incident-list > article > code { grid-column: 2; }
  .cost-hero { padding: 1.25rem; }
  .cost-budget-orbit { max-width: 440px; }
  .cost-filter form { grid-template-columns: 1fr; }
  .cost-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cost-metric { min-height: 120px; }
  .cost-heading { display: grid; }
  .cost-heading > span, .cost-heading > a, .cost-heading > b { justify-self: start; }
  .cost-side-stack { grid-template-columns: 1fr; }
  .cost-ai-contract > header { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .cost-ai-contract > header > b { grid-column: 2; justify-self: start; }
  .cost-agent-budget { grid-template-columns: 1fr; }
  .cost-agent-list dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cost-agent-list dl div { border-bottom: 1px solid var(--line); }
  .cost-agent-list dl div:nth-child(2n) { border-right: 0; }
  .cost-agent-list dl div:nth-last-child(-n + 2) { border-bottom: 0; }
  .cost-campaign-list article { grid-template-columns: auto minmax(0, 1fr); }
  .cost-campaign-state, .cost-campaign-list article > div:last-child { grid-column: 2; justify-self: start; text-align: left; }
  .publish-hero { padding: 1.25rem; }
  .publish-runtime-card { max-width: 440px; }
  .publish-filter form { grid-template-columns: 1fr; }
  .publish-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publish-state-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publish-state-flow article { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .publish-state-flow article:nth-child(2n) { border-right: 0; }
  .publish-state-flow article:nth-last-child(-n + 2) { border-bottom: 0; }
  .publish-state-flow i { display: none; }
  .publish-heading { display: grid; }
  .publish-heading > span { justify-self: start; }
  .publication-reconciliation-heading, .publication-reconciliation-list { padding: .78rem; }
  .publication-reconciliation-row > header { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .publication-reconciliation-row > header > strong { grid-column: 2; justify-self: start; white-space: normal; }
  .publication-reconciliation-options, .publication-reconciliation-fields { grid-template-columns: 1fr; }
  .publication-reconciliation-verdict dl { grid-template-columns: 1fr; }
  .publication-reconciliation-verdict dl div { border-right: 0; border-bottom: 1px solid #e1eaec; }
  .publication-reconciliation-verdict dl div:last-child { border-bottom: 0; }
  .publication-reconciliation-disclosure > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .publication-reconciliation-disclosure > summary small { grid-column: 1; }
  .publication-reconciliation-disclosure > summary::after { grid-column: 2; grid-row: 1 / span 2; }
  .publication-reconciliation-disclosure form > footer { display: grid; }
  .publication-reconciliation-disclosure form > footer button { width: 100%; }
  .publish-card-grid { grid-template-columns: 1fr; }
  .publish-card > header { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .publish-status { grid-column: 2; justify-self: start; }
  .publish-card-body { grid-template-columns: 1fr; }
  .publish-adapter-list > article { grid-template-columns: auto minmax(0, 1fr); }
  .publish-adapter-list dl { grid-column: 2; justify-self: start; }
  .publish-adapter-list dl div { text-align: left; }
  .entity-list li { grid-template-columns: 1fr; }
  .entity-list li > span:not(.status-pill), .status-pill { grid-column: 1; grid-row: auto; justify-self: start; }
  .auth-main { padding: 0; align-items: stretch; }
  .auth-layout { min-height: 100vh; border: 0; border-radius: 0; }
  .auth-visual { min-height: 245px; padding: 1.5rem; }
  .auth-pitch h2 { font-size: 2rem; }
  .auth-pitch > p, .auth-features { display: none; }
  .auth-form-pane { padding: 2rem 1.5rem 3rem; }
}

/* Global private search */
.topbar-search { display: grid; width: min(310px, 25vw); grid-template-columns: auto 1fr auto; align-items: center; border: 1px solid #d4ddd7; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgb(16 33 29 / 4%); }
.topbar-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.topbar-search > span { padding-left: .72rem; color: #6e7c77; font-size: 1rem; }
.topbar-search input { min-width: 0; min-height: 36px; padding: .48rem .55rem; border: 0; box-shadow: none; font-size: .72rem; }
.topbar-search input:focus { box-shadow: none; }
.topbar-search button { min-width: 34px; min-height: 30px; margin-right: .28rem; padding: .28rem .5rem; border: 0; border-radius: 8px; box-shadow: none; font-size: .65rem; }
.search-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .65fr); min-height: 260px; margin-bottom: 1rem; padding: clamp(1.5rem, 3vw, 2.25rem); overflow: hidden; align-items: center; gap: 2rem; border: 1px solid #173c47; border-radius: 24px; color: #eefbff; background: radial-gradient(circle at 88% 10%, rgb(90 205 225 / 25%), transparent 32%), linear-gradient(125deg, #102a32 0%, #173b48 54%, #28536a 100%); box-shadow: 0 20px 45px rgb(21 51 62 / 16%); }
.search-hero::after { position: absolute; right: -95px; bottom: -170px; width: 390px; height: 390px; border: 1px solid rgb(168 230 239 / 16%); border-radius: 50%; box-shadow: 0 0 0 58px rgb(138 220 234 / 4%), 0 0 0 118px rgb(138 220 234 / 3%); content: ""; }
.search-hero-copy { position: relative; z-index: 1; }
.search-hero .eyebrow { color: #75dce8; }
.search-hero h1 { margin-top: .45rem; color: #fff; font-size: clamp(2.25rem, 4.5vw, 4rem); }
.search-hero-copy > p:last-of-type { max-width: 720px; margin: 0; color: #c4dce0; }
.search-scope-tags { display: flex; margin-top: 1.15rem; flex-wrap: wrap; gap: .45rem; }
.search-scope-tags span { display: inline-flex; padding: .32rem .55rem; border: 1px solid rgb(178 230 237 / 18%); border-radius: 999px; color: #d5e9ec; background: rgb(255 255 255 / 6%); font-size: .62rem; font-weight: 750; }
.search-hero aside { position: relative; z-index: 1; display: grid; padding: 1rem; grid-template-columns: auto 1fr; align-items: center; gap: .85rem; border: 1px solid rgb(184 231 239 / 20%); border-radius: 17px; background: rgb(5 25 31 / 27%); backdrop-filter: blur(8px); }
.search-hero aside > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #12313b; background: linear-gradient(145deg, #8de7ee, #58c7d6); font-size: 1.55rem; font-weight: 900; }
.search-hero aside div { display: grid; }
.search-hero aside small { color: #80d9e3; font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.search-hero aside strong { color: #fff; font-size: .8rem; }
.search-hero aside p { margin: .3rem 0 0; color: #abc9ce; font-size: .64rem; }
.search-command { display: grid; padding: 1.15rem 1.25rem; grid-template-columns: minmax(190px, .45fr) minmax(0, 1.55fr); align-items: end; gap: 1.25rem; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow-sm); }
.search-command h2 { margin-bottom: 0; }
.search-command form { display: grid; grid-template-columns: minmax(270px, 1.5fr) minmax(170px, .75fr) auto auto; align-items: end; gap: .55rem; }
.search-command-input { position: relative; display: grid; gap: .38rem; }
.search-command-input > span { position: absolute; z-index: 1; bottom: .52rem; left: .75rem; color: #5d716a; font-size: 1.05rem; }
.search-command-input label, .search-command .field label { color: #33413c; font-size: .68rem; font-weight: 760; }
.search-command-input input { padding-left: 2.25rem; }
.button-ghost { border-color: transparent; color: var(--ink-soft); background: transparent; box-shadow: none; }
.button-ghost:hover { color: var(--accent-strong); background: var(--surface-soft); box-shadow: none; }
.search-summary { display: grid; grid-template-columns: repeat(3, minmax(0, .6fr)) minmax(270px, 1.2fr); margin-top: 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow-sm); }
.search-summary > article, .search-summary > div { display: grid; min-height: 108px; padding: 1rem 1.1rem; align-content: center; border-right: 1px solid var(--line); }
.search-summary > div { border-right: 0; background: linear-gradient(135deg, #f1f9fa, #f8fbf8); }
.search-summary small { color: var(--ink-faint); font-size: .61rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.search-summary article strong { margin-top: .15rem; font-size: 1.65rem; letter-spacing: -.05em; line-height: 1; }
.search-summary article span, .search-summary p { margin: .3rem 0 0; color: var(--ink-faint); font-size: .62rem; }
.search-summary > div strong { overflow: hidden; margin-top: .12rem; color: #1a5965; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
.search-area-strip { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); margin-top: 1rem; gap: .45rem; }
.search-area-strip a { display: flex; padding: .65rem .7rem; align-items: center; justify-content: space-between; gap: .4rem; border: 1px solid var(--line); border-radius: 11px; color: var(--ink-faint); background: #f8faf8; font-size: .64rem; font-weight: 700; text-decoration: none; }
.search-area-strip a.has-results { color: #195765; border-color: #bcdde2; background: #eef9fa; }
.search-area-strip strong { display: grid; min-width: 20px; height: 20px; padding: 0 .3rem; place-items: center; border-radius: 999px; color: inherit; background: rgb(255 255 255 / 75%); font-size: .6rem; }
.search-groups { display: grid; gap: 1rem; margin-top: 1.25rem; }
.search-group { scroll-margin-top: 90px; padding: 1.25rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.search-group > header { display: flex; margin-bottom: .85rem; align-items: end; justify-content: space-between; gap: 1rem; }
.search-group > header h2 { margin: .15rem 0 0; font-size: 1.35rem; }
.search-group > header > a { color: #246777; font-size: .68rem; font-weight: 800; text-decoration: none; }
.search-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.search-result { position: relative; display: grid; min-width: 0; min-height: 150px; padding: .9rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: .7rem; border: 1px solid #dfe6e2; border-radius: 14px; color: inherit; background: linear-gradient(180deg, #fff, #fafcfb); text-decoration: none; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.search-result:hover { border-color: #a7d5dc; box-shadow: 0 12px 24px rgb(24 67 75 / 8%); transform: translateY(-2px); }
.search-result-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #18525e; background: #dff4f6; font-size: .62rem; font-weight: 900; }
.search-result-mark.kind-campaigns { color: #6e4b91; background: #f1e9fa; }
.search-result-mark.kind-leads { color: #8b5816; background: #fff0d6; }
.search-result-mark.kind-opportunities { color: #8a4b23; background: #ffeadb; }
.search-result-mark.kind-agents { color: #245b9a; background: #e5effd; }
.search-result-mark.kind-knowledge { color: #2f6d51; background: #e2f3eb; }
.search-result > div { min-width: 0; }
.search-result small { display: block; overflow: hidden; color: var(--ink-faint); font-size: .59rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.search-result h3 { margin: .22rem 0 .2rem; overflow-wrap: anywhere; font-size: .83rem; }
.search-result p { margin: 0; color: var(--ink-soft); font-size: .64rem; }
.search-result > i { color: #8aa09a; font-size: .75rem; font-style: normal; }
.search-result footer { display: flex; margin-top: .7rem; align-items: center; justify-content: space-between; gap: .5rem; }
.search-result footer span { padding: .25rem .42rem; border-radius: 999px; font-size: .54rem; font-weight: 850; text-transform: uppercase; }
.search-result footer .tone-green { color: #176c51; background: #def2e9; }
.search-result footer .tone-amber { color: #865a17; background: #fff0d5; }
.search-result footer .tone-red { color: #a13d3d; background: #fde7e5; }
.search-result footer .tone-slate { color: #60716b; background: #e9eeeb; }
.search-result time { color: var(--ink-faint); font-size: .55rem; }
.search-limit-note { margin: .75rem 0 0; color: var(--ink-faint); font-size: .62rem; }
.search-zero, .search-discovery { display: grid; margin-top: 1rem; padding: 1.5rem; align-items: center; gap: 1rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.search-zero { grid-template-columns: auto 1fr; }
.search-zero > span { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 16px; color: #246777; background: #e8f6f7; font-size: 1.45rem; }
.search-zero h2, .search-discovery h2 { margin: .2rem 0; }
.search-zero p:last-child, .search-discovery > div:first-child > p:last-child { margin: 0; color: var(--ink-soft); font-size: .72rem; }
.search-discovery { grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); }
.search-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.search-discovery-grid article { display: grid; min-height: 125px; padding: .85rem; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-soft); }
.search-discovery-grid span { color: #58a9b7; font-size: .58rem; font-weight: 900; }
.search-discovery-grid strong { margin-top: .25rem; font-size: .76rem; }
.search-discovery-grid p { margin: .25rem 0 0; color: var(--ink-faint); font-size: .62rem; }

@media (max-width: 1180px) {
  .topbar-search { width: min(260px, 23vw); }
  .search-command { grid-template-columns: 1fr; }
  .search-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-area-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .topbar-search { display: none; }
  .search-hero { grid-template-columns: 1fr; }
  .search-hero aside { max-width: 520px; }
  .search-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .search-summary > article:nth-child(3) { border-right: 0; }
  .search-summary > div { grid-column: 1 / -1; border-top: 1px solid var(--line); }
  .search-discovery { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .search-hero { min-height: 0; padding: 1.25rem; }
  .search-hero h1 { font-size: 2.25rem; }
  .search-hero aside { grid-template-columns: auto minmax(0, 1fr); }
  .search-command form { grid-template-columns: 1fr; }
  .search-command form .button-link, .search-command form button { width: 100%; }
  .search-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-summary > article { min-height: 98px; border-bottom: 1px solid var(--line); }
  .search-summary > article:nth-child(2) { border-right: 0; }
  .search-summary > article:nth-child(3) { grid-column: 1 / -1; border-right: 0; }
  .search-area-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-result-grid { grid-template-columns: 1fr; }
  .search-group > header { display: grid; }
  .search-discovery-grid { grid-template-columns: 1fr; }
  .search-zero { grid-template-columns: 1fr; }
}

/* Assisted growth opportunity radar */
.opportunity-hero { position: relative; display: grid; min-height: 225px; margin-bottom: 1rem; padding: clamp(1.35rem, 3vw, 2rem); overflow: hidden; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); align-items: center; gap: 2rem; border: 1px solid #183e39; border-radius: 22px; color: #effbf7; background: radial-gradient(circle at 88% 5%, rgb(92 226 183 / 24%), transparent 31%), linear-gradient(125deg, #102821 0%, #17483c 58%, #286758 100%); box-shadow: 0 18px 42px rgb(19 58 48 / 16%); }
.opportunity-hero::after { position: absolute; right: -72px; bottom: -165px; width: 350px; height: 350px; border: 1px solid rgb(180 244 221 / 15%); border-radius: 50%; box-shadow: 0 0 0 52px rgb(159 237 208 / 5%), 0 0 0 104px rgb(159 237 208 / 3%); content: ""; }
.opportunity-hero > div, .opportunity-hero-safety { position: relative; z-index: 1; }
.opportunity-hero .eyebrow { color: #7fe2bd; }
.opportunity-hero h1 { margin: .35rem 0 .5rem; color: #fff; font-size: clamp(2.25rem, 4vw, 3.45rem); }
.opportunity-hero > div > p:last-child { max-width: 680px; margin: 0; color: #c2ddd4; }
.opportunity-hero-safety { display: grid; padding: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .85rem; border: 1px solid rgb(194 241 224 / 20%); border-radius: 17px; background: rgb(6 37 29 / 30%); backdrop-filter: blur(8px); }
.opportunity-hero-safety > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; color: #123d31; background: linear-gradient(145deg, #9af0cf, #5bd3a5); font-size: 1.25rem; font-weight: 900; }
.opportunity-hero-safety p { display: grid; gap: .25rem; margin: 0; color: #bcd6cd; font-size: .66rem; line-height: 1.5; }
.opportunity-hero-safety strong { color: #fff; font-size: .76rem; }
.opportunity-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.opportunity-summary a { position: relative; display: grid; min-height: 104px; padding: .9rem 1rem; overflow: hidden; grid-template-columns: minmax(0, 1fr) auto; align-content: center; gap: .15rem .65rem; border: 1px solid var(--line); border-radius: 15px; color: inherit; background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.opportunity-summary a::after { position: absolute; right: -26px; bottom: -35px; width: 86px; height: 86px; border-radius: 50%; background: #edf8f3; content: ""; }
.opportunity-summary a:hover { border-color: #a9d6c5; box-shadow: 0 10px 24px rgb(20 69 53 / 9%); transform: translateY(-2px); }
.opportunity-summary a[aria-current="page"] { border-color: #55af8d; background: linear-gradient(135deg, #effaf5, #fff); box-shadow: inset 0 0 0 1px rgb(42 156 113 / 10%), 0 8px 22px rgb(21 83 61 / 8%); }
.opportunity-summary span, .opportunity-summary strong, .opportunity-summary small { position: relative; z-index: 1; }
.opportunity-summary span { color: var(--ink-soft); font-size: .68rem; font-weight: 780; }
.opportunity-summary strong { grid-row: 1 / span 2; grid-column: 2; color: var(--accent-strong); font-size: 1.7rem; letter-spacing: -.05em; }
.opportunity-summary small { color: var(--ink-faint); font-size: .58rem; }
.opportunity-layout { display: grid; margin-top: 1rem; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 1rem; }
.opportunity-radar { min-width: 0; padding: 1.1rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.opportunity-radar-header { display: flex; padding: .2rem .15rem 1rem; align-items: end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.opportunity-radar-header h2 { margin: .2rem 0; font-size: 1.3rem; }
.opportunity-radar-header p:last-child { max-width: 680px; margin: 0; color: var(--ink-faint); font-size: .65rem; }
.opportunity-scan-form { flex: 0 0 auto; }
.opportunity-scan-form button { min-height: 38px; }
.opportunity-list { display: grid; gap: .8rem; margin-top: .9rem; }
.opportunity-card { display: grid; min-width: 0; padding: 1rem; gap: .8rem; border: 1px solid #dbe5df; border-radius: 16px; background: linear-gradient(180deg, #fff, #fbfdfc); box-shadow: 0 7px 20px rgb(23 51 42 / 5%); }
.opportunity-card.status-card-manual_task_created { border-color: #b9dfd0; background: linear-gradient(180deg, #fff, #f4fbf8); }
.opportunity-card.status-card-suppressed { border-color: #efd5c0; background: linear-gradient(180deg, #fff, #fffaf5); }
.opportunity-card.status-card-dismissed { opacity: .86; }
.opportunity-card > header { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }
.opportunity-card > header .status-pill { grid-column: auto; grid-row: auto; }
.opportunity-signal { display: flex; min-width: 0; align-items: center; gap: .7rem; }
.opportunity-signal > span { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 13px; color: #15664d; background: linear-gradient(145deg, #dff6ed, #c8ede0); font-size: 1rem; font-weight: 900; }
.opportunity-signal div { min-width: 0; }
.opportunity-signal small { display: block; overflow: hidden; color: var(--accent-strong); font-size: .57rem; font-weight: 850; letter-spacing: .07em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.opportunity-signal h3 { margin: .2rem 0 0; font-size: .9rem; }
.status-pending_review { color: #8c5b16; border-color: #efd39d; background: #fff4df; }
.status-pending_review::before { background: #d78b22; }
.status-manual_task_created { color: #15694e; border-color: #b9e3d3; background: #e5f7f0; }
.status-manual_task_created::before { background: #2caf7e; }
.status-suppressed { color: #a34b38; border-color: #efc8bc; background: #fff0eb; }
.status-suppressed::before { border-radius: 1px; background: #d45d43; }
.status-dismissed { color: #62716b; border-color: #d9e0dc; background: #f1f4f2; }
.status-dismissed::before { background: #87948e; }
.opportunity-priority { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .35rem .75rem; }
.opportunity-priority span { color: var(--ink-faint); font-size: .61rem; font-weight: 760; }
.opportunity-priority strong { font-size: .72rem; }
.opportunity-priority progress { width: 100%; height: 6px; grid-column: 1 / -1; overflow: hidden; border: 0; border-radius: 99px; background: #e8eeea; }
.opportunity-priority progress::-webkit-progress-bar { border-radius: 99px; background: #e8eeea; }
.opportunity-priority progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, #5bd6a8, #16805e); }
.opportunity-priority progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, #5bd6a8, #16805e); }
.opportunity-source { padding: .75rem .85rem; border: 1px solid #e1e7e3; border-radius: 12px; background: #f6f8f6; }
.opportunity-source > div { display: flex; align-items: center; gap: .4rem; }
.opportunity-source > div > span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #8b5b17; background: #ffedca; font-size: .6rem; font-weight: 900; }
.opportunity-source small { color: #7d6b4e; font-size: .55rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.opportunity-source p { margin: .45rem 0 0; overflow-wrap: anywhere; color: var(--ink-soft); font-size: .7rem; line-height: 1.55; }
.opportunity-facts { display: flex; flex-wrap: wrap; gap: .35rem; }
.opportunity-facts span { padding: .27rem .5rem; border-radius: 999px; color: #53655e; background: #edf2ef; font-size: .57rem; font-weight: 720; text-transform: capitalize; }
.opportunity-reason { padding-left: .75rem; border-left: 3px solid #86cdb3; }
.opportunity-reason small { color: var(--accent-strong); font-size: .54rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.opportunity-reason p { margin: .25rem 0 0; color: var(--ink-soft); font-size: .67rem; }
.opportunity-draft { overflow: hidden; border: 1px solid #d9e4df; border-radius: 12px; background: #fff; }
.opportunity-draft summary { padding: .7rem .8rem; color: #285c4c; cursor: pointer; font-size: .63rem; font-weight: 820; }
.opportunity-draft[open] summary { border-bottom: 1px solid var(--line); background: #f7faf8; }
.opportunity-draft blockquote { margin: .8rem; padding: .7rem .8rem; border-left: 3px solid #6fc5a5; color: var(--ink); background: #f2faf7; font-size: .68rem; line-height: 1.55; }
.opportunity-draft > p { margin: 0 .8rem .8rem; color: var(--ink-faint); font-size: .56rem; }
.opportunity-safety-strip, .opportunity-task-proof { display: grid; padding: .7rem .8rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .6rem; border: 1px solid #c9e8dc; border-radius: 12px; background: #effaf6; }
.opportunity-safety-strip > span, .opportunity-task-proof > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: #11664b; background: #d5f3e7; font-size: .7rem; font-weight: 900; }
.opportunity-safety-strip p, .opportunity-task-proof p { display: grid; gap: .12rem; margin: 0; color: #5d7069; font-size: .57rem; line-height: 1.45; }
.opportunity-safety-strip strong, .opportunity-task-proof strong { color: #174e3d; font-size: .64rem; }
.opportunity-review-form { display: grid; padding-top: .75rem; gap: .6rem; border-top: 1px solid var(--line); }
.opportunity-review-form label { display: grid; gap: .35rem; color: var(--ink-soft); font-size: .63rem; font-weight: 760; }
.opportunity-review-form textarea { min-height: 72px; resize: vertical; }
.opportunity-review-form > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.opportunity-review-form button { min-height: 36px; padding: .5rem .7rem; font-size: .67rem; }
.opportunity-readonly, .opportunity-blocked, .opportunity-dismissed { margin: 0; padding: .7rem .8rem; border-radius: 11px; color: var(--ink-soft); background: #f1f4f2; font-size: .63rem; }
.opportunity-blocked { color: #8c4938; background: #fff0ea; }
.opportunity-dismissed { color: #5e6e68; }
.opportunity-empty { display: grid; min-height: 340px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed #c8d7d0; border-radius: 15px; color: var(--ink-faint); background: linear-gradient(145deg, #fbfdfc, #f3f8f5); text-align: center; }
.opportunity-empty > span { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 20px; color: #2e8063; background: #dff4ec; font-size: 1.8rem; }
.opportunity-empty h3 { margin: .75rem 0 .2rem; color: var(--ink); }
.opportunity-empty p { max-width: 430px; margin: 0 0 .85rem; font-size: .7rem; }
.opportunity-guardrails { position: sticky; top: 85px; padding: 1.1rem; border: 1px solid #cbded6; border-radius: 18px; background: linear-gradient(155deg, #f2faf6, #fff); box-shadow: var(--shadow-sm); }
.opportunity-guardrails h2 { margin: .2rem 0 .4rem; font-size: 1.18rem; }
.opportunity-guardrails > p:nth-of-type(2) { margin: 0; color: var(--ink-soft); font-size: .65rem; line-height: 1.55; }
.opportunity-guardrails ol { display: grid; margin: 1rem 0; padding: 0; gap: .35rem; list-style: none; }
.opportunity-guardrails li { display: grid; padding: .65rem 0; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; border-bottom: 1px solid #dfeae5; }
.opportunity-guardrails li:last-child { border-bottom: 0; }
.opportunity-guardrails li > span { color: #30906d; font-size: .54rem; font-weight: 900; letter-spacing: .06em; }
.opportunity-guardrails li strong { font-size: .68rem; }
.opportunity-guardrails li p { margin: .2rem 0 0; color: var(--ink-faint); font-size: .58rem; line-height: 1.5; }
.opportunity-capability { margin-top: .6rem; padding: .75rem; border: 1px solid #efd1c5; border-radius: 12px; background: #fff7f3; }
.opportunity-capability header { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .55rem; }
.opportunity-capability header > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #9f4938; background: #ffe4db; font-weight: 900; }
.opportunity-capability header div { display: grid; }
.opportunity-capability strong { font-size: .65rem; }
.opportunity-capability small { color: var(--ink-faint); font-size: .52rem; }
.opportunity-capability > p { margin: .5rem 0 0; color: #775d53; font-size: .57rem; line-height: 1.5; }
.opportunity-capability.is-safe { border-color: #c7e4d8; background: #f3fbf8; }
.opportunity-capability.is-safe header > span { color: #17694f; background: #d9f3e9; }
.opportunity-capability.is-safe > p { color: #4e6d61; }

@media (max-width: 1180px) {
  .opportunity-layout { grid-template-columns: minmax(0, 1fr) 270px; }
}

@media (max-width: 900px) {
  .opportunity-hero { grid-template-columns: 1fr; }
  .opportunity-hero-safety { max-width: 560px; }
  .opportunity-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opportunity-layout { grid-template-columns: 1fr; }
  .opportunity-guardrails { position: static; }
}

@media (max-width: 640px) {
  .opportunity-hero { min-height: 0; padding: 1.25rem; gap: 1.2rem; }
  .opportunity-hero h1 { font-size: 2.3rem; }
  .opportunity-hero-safety { grid-template-columns: auto minmax(0, 1fr); }
  .opportunity-summary { gap: .55rem; }
  .opportunity-summary a { min-height: 98px; padding: .75rem; }
  .opportunity-summary strong { font-size: 1.45rem; }
  .opportunity-summary small { grid-column: 1 / -1; }
  .opportunity-radar { padding: .75rem; }
  .opportunity-radar-header { display: grid; align-items: stretch; }
  .opportunity-scan-form button { width: 100%; }
  .opportunity-card { padding: .8rem; }
  .opportunity-card > header { display: grid; }
  .opportunity-card > header .status-pill { justify-self: start; }
  .opportunity-review-form > div { display: grid; grid-template-columns: 1fr; }
  .opportunity-review-form button { width: 100%; }
  .opportunity-guardrails { order: 2; }
}

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

/* Governed agent memory */
.memory-hero {
  position: relative;
  display: grid;
  min-height: 238px;
  padding: 2.2rem 2.45rem;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  align-items: center;
  gap: 2rem;
  border-radius: 24px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 86% 42%, rgb(144 111 255 / 28%) 0 16%, transparent 16.3%),
    radial-gradient(circle at 86% 42%, transparent 0 27%, rgb(126 91 238 / 14%) 27.3% 42%, transparent 42.3%),
    linear-gradient(128deg, #121f2e 0%, #1b2940 48%, #3b3264 100%);
  box-shadow: 0 22px 48px rgb(25 29 48 / 15%);
}
.memory-hero::after { position: absolute; right: 4%; bottom: -70px; width: 260px; height: 260px; border: 1px solid rgb(255 255 255 / 8%); border-radius: 50%; content: ""; }
.memory-hero .eyebrow { color: #a99cff; }
.memory-hero h1 { margin: .3rem 0 .5rem; color: #fff; font-size: clamp(2.5rem, 4vw, 4.2rem); line-height: .98; letter-spacing: -.055em; }
.memory-hero > div:first-child > p:last-child { max-width: 660px; margin: 0; color: #cbd2df; font-size: .88rem; line-height: 1.65; }
.memory-hero-seal { position: relative; z-index: 1; display: grid; padding: 1.1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .9rem; border: 1px solid rgb(255 255 255 / 13%); border-radius: 16px; background: rgb(10 19 32 / 43%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 7%); backdrop-filter: blur(8px); }
.memory-hero-seal > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #1d3e34; background: linear-gradient(145deg, #99f1d1, #60d4aa); font-size: 1.4rem; font-weight: 900; }
.memory-hero-seal div { display: grid; gap: .2rem; }
.memory-hero-seal strong { font-size: .78rem; }
.memory-hero-seal small { color: #aeb8cb; font-size: .62rem; line-height: 1.45; }

.memory-summary { display: grid; margin: 1.15rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.memory-summary-card { position: relative; display: grid; min-height: 112px; padding: 1rem; overflow: hidden; grid-template-columns: 1fr auto; gap: .2rem .8rem; border: 1px solid var(--line); border-radius: 16px; color: inherit; background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.memory-summary-card::after { position: absolute; right: -30px; bottom: -40px; width: 105px; height: 105px; border-radius: 50%; background: rgb(112 88 210 / 6%); content: ""; }
.memory-summary-card:hover { transform: translateY(-2px); border-color: #b8acd9; box-shadow: 0 12px 28px rgb(35 31 60 / 9%); }
.memory-summary-card.is-active { border-color: #8975cf; box-shadow: 0 0 0 2px rgb(112 88 210 / 10%), var(--shadow-sm); }
.memory-summary-card > span { align-self: center; color: var(--ink-soft); font-size: .68rem; font-weight: 800; }
.memory-summary-card > strong { position: relative; z-index: 1; grid-row: 1 / span 2; grid-column: 2; align-self: center; color: #463584; font-size: 2rem; line-height: 1; }
.memory-summary-card > small { max-width: 190px; color: var(--ink-faint); font-size: .58rem; line-height: 1.45; }
.memory-summary-card.tone-mint > strong { color: #147451; }
.memory-summary-card.tone-amber > strong { color: #a15d12; }
.memory-summary-card.tone-blue > strong { color: #385fb3; }

.memory-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 1rem; }
.memory-ledger { min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: 19px; background: #fff; box-shadow: var(--shadow-sm); }
.memory-ledger-heading { display: flex; padding: .25rem .15rem 1rem; align-items: flex-end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.memory-ledger-heading h2 { margin: .18rem 0 0; font-size: 1.25rem; letter-spacing: -.025em; }
.memory-filter-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.memory-filter-links a { padding: .38rem .55rem; border: 1px solid transparent; border-radius: 999px; color: var(--ink-faint); font-size: .58rem; font-weight: 780; text-decoration: none; }
.memory-filter-links a[aria-current="page"] { border-color: #d9d0f3; color: #4d3b8a; background: #f1edff; }
.memory-card-list { display: grid; padding-top: .85rem; gap: .75rem; }
.memory-card { display: grid; padding: 1rem; gap: .8rem; border: 1px solid #dce1df; border-radius: 16px; background: linear-gradient(150deg, #fff, #fbfcfb); box-shadow: 0 5px 16px rgb(16 33 29 / 4%); }
.memory-card.status-pending_review { border-color: #ead4ad; background: linear-gradient(145deg, #fffdf8, #fff); }
.memory-card.status-approved { border-color: #bfe1d4; background: linear-gradient(145deg, #fafffd, #fff); }
.memory-card.status-rejected, .memory-card.status-revoked, .memory-card.status-expired { border-color: #e2d8d5; background: #fdfbf9; }
.memory-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.memory-card-identity { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; }
.memory-card-identity > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; color: #443274; background: linear-gradient(145deg, #e7e0ff, #d4c8fa); font-weight: 900; }
.memory-card-identity p { margin: 0; color: #665b85; font-size: .56rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.memory-card-identity h3 { margin: .12rem 0 0; font-size: .82rem; }
.status-expired { color: #665e5a; background: #eee9e6; }
.memory-card > blockquote { margin: 0; padding: .9rem 1rem; border: 1px solid #e2deed; border-left: 4px solid #8770cf; border-radius: 0 12px 12px 0; color: #29263a; background: #faf8ff; font-size: .78rem; font-weight: 650; line-height: 1.6; }
.memory-evidence { padding: .85rem; border: 1px solid #e3e7e5; border-radius: 13px; background: #f7f9f8; }
.memory-evidence > p:nth-child(2) { margin: .25rem 0 .75rem; color: var(--ink-soft); font-size: .66rem; line-height: 1.55; }
.memory-evidence dl { display: grid; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.memory-evidence dl > div { min-width: 0; padding: .55rem; border: 1px solid #e0e5e2; border-radius: 10px; background: #fff; }
.memory-evidence dt { color: var(--ink-faint); font-size: .51rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.memory-evidence dd { margin: .16rem 0 0; overflow: hidden; color: #394640; font-size: .6rem; font-weight: 740; text-overflow: ellipsis; white-space: nowrap; }
.memory-tags { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: .35rem; list-style: none; }
.memory-tags li { padding: .25rem .5rem; border-radius: 999px; color: #5c4b91; background: #f0ebff; font-size: .54rem; font-weight: 760; }
.memory-policy-proof { display: grid; padding: .7rem .8rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .6rem; border: 1px solid #c9e5da; border-radius: 12px; background: #f0faf6; }
.memory-policy-proof > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #145f48; background: #d5f1e6; font-weight: 900; }
.memory-policy-proof p { margin: 0; color: #527066; font-size: .57rem; line-height: 1.5; }
.memory-policy-proof strong { color: #1f5544; }
.memory-review-form { display: grid; padding-top: .75rem; gap: .6rem; border-top: 1px solid var(--line); }
.memory-review-form label, .memory-revoke-panel label { display: grid; gap: .3rem; color: var(--ink-soft); font-size: .62rem; font-weight: 760; }
.memory-review-form textarea, .memory-revoke-panel textarea { min-height: 72px; resize: vertical; }
.memory-review-form > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.memory-review-form button, .memory-revoke-panel button { min-height: 36px; padding: .5rem .75rem; font-size: .65rem; }
.memory-revoke-panel { border-top: 1px solid var(--line); }
.memory-revoke-panel summary { padding-top: .65rem; color: #7c665d; cursor: pointer; font-size: .61rem; font-weight: 780; }
.memory-revoke-panel form { display: grid; padding-top: .65rem; gap: .55rem; }
.memory-decision-note { display: grid; margin: 0; padding: .7rem .8rem; gap: .2rem; border-radius: 10px; color: #6c6461; background: #f2efed; font-size: .59rem; }
.memory-empty { display: grid; min-height: 390px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed #d3cedf; border-radius: 15px; color: var(--ink-faint); background: linear-gradient(150deg, #fdfcff, #f7f5fb); text-align: center; }
.memory-empty > span { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 20px; color: #6650a6; background: #e9e2fb; font-size: 1.8rem; }
.memory-empty h3 { margin: .7rem 0 .2rem; color: var(--ink); }
.memory-empty p { max-width: 430px; margin: 0; font-size: .69rem; }

.memory-control-rail { position: sticky; top: 85px; display: grid; gap: .8rem; }
.memory-guardrail-panel { padding: 1.05rem; border: 1px solid #d7d0e8; border-radius: 18px; background: linear-gradient(155deg, #f8f5ff, #fff); box-shadow: var(--shadow-sm); }
.memory-guardrail-panel h2 { margin: .2rem 0 .5rem; font-size: 1.12rem; }
.memory-guardrail-panel ol { display: grid; margin: .7rem 0; padding: 0; gap: 0; list-style: none; }
.memory-guardrail-panel li { display: grid; padding: .62rem 0; grid-template-columns: 28px minmax(0, 1fr); gap: .55rem; border-bottom: 1px solid #e5e0ed; }
.memory-guardrail-panel li:last-child { border-bottom: 0; }
.memory-guardrail-panel li > span { color: #725cbb; font-size: .53rem; font-weight: 900; }
.memory-guardrail-panel li strong { font-size: .65rem; }
.memory-guardrail-panel li p { margin: .15rem 0 0; color: var(--ink-faint); font-size: .56rem; line-height: 1.45; }
.memory-never-store { padding: .75rem; border: 1px solid #edcdc3; border-radius: 12px; background: #fff5f1; }
.memory-never-store strong { color: #984937; font-size: .64rem; }
.memory-never-store p { margin: .25rem 0 0; color: #775f57; font-size: .56rem; line-height: 1.5; }
.memory-proposal-panel { overflow: hidden; border: 1px solid #d8d0eb; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.memory-proposal-panel > summary { display: grid; padding: .9rem 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; cursor: pointer; list-style: none; }
.memory-proposal-panel > summary::-webkit-details-marker { display: none; }
.memory-proposal-panel > summary > span { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 10px; color: #fff; background: #6a50b6; font-size: 1rem; font-weight: 900; }
.memory-proposal-panel > summary > div { display: grid; }
.memory-proposal-panel > summary strong { font-size: .71rem; }
.memory-proposal-panel > summary small { color: var(--ink-faint); font-size: .55rem; }
.memory-proposal-panel[open] > summary { border-bottom: 1px solid #e6e1ef; background: #fbfaff; }
.memory-proposal-panel form { padding: .9rem; }
.memory-proposal-panel .field > label { font-size: .6rem; }
.memory-proposal-panel .field small { font-size: .52rem; }
.memory-proposal-panel textarea { min-height: 78px; }
.memory-proposal-panel input[type="checkbox"] { width: auto; }

@media (max-width: 1100px) {
  .memory-workspace { grid-template-columns: minmax(0, 1fr) 290px; }
  .memory-evidence dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .memory-hero { grid-template-columns: 1fr; }
  .memory-hero-seal { max-width: 560px; }
  .memory-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .memory-workspace { grid-template-columns: 1fr; }
  .memory-control-rail { position: static; }
}

@media (max-width: 640px) {
  .memory-hero { min-height: 0; padding: 1.25rem; gap: 1.25rem; }
  .memory-hero h1 { font-size: 2.45rem; }
  .memory-hero-seal { padding: .85rem; }
  .memory-summary { gap: .55rem; }
  .memory-summary-card { min-height: 104px; padding: .75rem; }
  .memory-summary-card > strong { font-size: 1.55rem; }
  .memory-summary-card > small { grid-column: 1 / -1; }
  .memory-ledger { padding: .7rem; }
  .memory-ledger-heading { display: grid; align-items: start; }
  .memory-filter-links { justify-content: flex-start; }
  .memory-card { padding: .8rem; }
  .memory-card > header { display: grid; }
  .memory-card > header .status-pill { justify-self: start; }
  .memory-card > blockquote { padding: .75rem; font-size: .7rem; }
  .memory-evidence dl { grid-template-columns: 1fr 1fr; }
  .memory-review-form > div { display: grid; grid-template-columns: 1fr; }
  .memory-review-form button { width: 100%; }
  .memory-control-rail { order: 2; }
}

/* Least-privilege agent delegation mission control */
.delegation-hero {
  position: relative;
  display: grid;
  min-height: 282px;
  padding: 2.45rem 2.6rem;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  align-items: center;
  gap: 2.5rem;
  border-radius: 25px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 82% 20%, rgb(42 203 195 / 18%), transparent 24%),
    radial-gradient(circle at 96% 104%, rgb(240 139 57 / 22%), transparent 34%),
    linear-gradient(125deg, #071728 0%, #0d2537 48%, #183b45 100%);
  box-shadow: 0 24px 54px rgb(8 31 43 / 19%);
}
.delegation-hero::before { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgb(255 255 255 / 13%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 13%) 1px, transparent 1px); background-size: 42px 42px; content: ""; mask-image: linear-gradient(90deg, transparent 35%, #000); }
.delegation-hero-copy { position: relative; z-index: 2; }
.delegation-hero .eyebrow { color: #65e3d0; }
.delegation-hero h1 { max-width: 710px; margin: .35rem 0 .7rem; color: #fff; font-size: clamp(2.6rem, 4.4vw, 4.7rem); line-height: .93; letter-spacing: -.06em; }
.delegation-hero-copy > p:not(.eyebrow) { max-width: 650px; margin: 0; color: #c0d1d7; font-size: .84rem; line-height: 1.65; }
.delegation-hero-proof { display: inline-grid; margin-top: 1.15rem; padding: .55rem .75rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; border: 1px solid rgb(98 224 206 / 24%); border-radius: 999px; color: #b8efe6; background: rgb(9 29 42 / 58%); font-size: .59rem; letter-spacing: .015em; }
.delegation-hero-proof > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #102d36; background: #66dfce; font-size: .8rem; font-weight: 900; }
.delegation-orbit { position: relative; z-index: 1; min-height: 226px; }
.orbit-ring { position: absolute; border: 1px solid rgb(119 228 217 / 18%); border-radius: 50%; }
.orbit-ring-one { inset: -24px 2px -18px 52px; }
.orbit-ring-two { inset: 18px 50px 15px 0; border-color: rgb(239 150 77 / 16%); }
.orbit-node { position: absolute; z-index: 3; display: grid; justify-items: center; gap: .35rem; }
.orbit-node > span { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid rgb(255 255 255 / 18%); border-radius: 23px; font-size: 1.3rem; font-weight: 900; box-shadow: 0 18px 34px rgb(0 0 0 / 24%), inset 0 1px 0 rgb(255 255 255 / 18%); }
.orbit-node > small { padding: .24rem .5rem; border-radius: 999px; color: #bdd1d7; background: rgb(5 20 32 / 75%); font-size: .52rem; font-weight: 800; }
.node-supervisor { top: 27px; left: 12px; }
.node-supervisor > span { color: #12343c; background: linear-gradient(145deg, #7ce7d6, #3cb9b8); }
.node-specialist { right: 5px; bottom: 18px; }
.node-specialist > span { color: #46291a; background: linear-gradient(145deg, #ffc27e, #ef8843); }
.orbit-link { position: absolute; z-index: 2; top: 98px; right: 76px; left: 78px; height: 36px; }
.orbit-link > span { position: absolute; top: 15px; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, #5cddcd, #f09b59); }
.orbit-link > span::before, .orbit-link > span::after { position: absolute; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: #65ddcd; content: ""; box-shadow: 0 0 0 5px rgb(99 222 205 / 12%); }
.orbit-link > span::after { right: 0; background: #f19a57; box-shadow: 0 0 0 5px rgb(241 154 87 / 12%); }
.orbit-link > b { position: absolute; top: 3px; left: 50%; padding: .18rem .45rem; transform: translateX(-50%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 999px; color: #b7cdd3; background: #102b38; font-size: .48rem; letter-spacing: .07em; white-space: nowrap; }
.orbit-link > i { position: absolute; top: 4px; right: -2px; color: #f09a57; font-size: 1.4rem; font-style: normal; }
.orbit-gate { position: absolute; z-index: 4; right: 116px; bottom: 8px; display: grid; padding: .6rem .7rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; border: 1px solid rgb(255 255 255 / 14%); border-radius: 13px; background: rgb(6 23 34 / 88%); box-shadow: 0 12px 28px rgb(0 0 0 / 22%); backdrop-filter: blur(8px); }
.orbit-gate > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #16332d; background: #6ce3c8; font-weight: 900; }
.orbit-gate > div { display: grid; gap: .06rem; }
.orbit-gate strong { font-size: .57rem; }
.orbit-gate small { color: #87a4ac; font-size: .48rem; }

.delegation-summary { display: grid; margin: 1.05rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.delegation-summary-card { position: relative; display: grid; min-height: 108px; padding: .9rem; overflow: hidden; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .75rem; border: 1px solid var(--line); border-radius: 17px; color: inherit; background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.delegation-summary-card::after { position: absolute; right: -22px; bottom: -34px; width: 94px; height: 94px; border-radius: 50%; background: currentColor; opacity: .04; content: ""; }
.delegation-summary-card:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgb(17 41 51 / 10%); }
.delegation-summary-card.is-active { border-color: #3cb9ad; box-shadow: 0 0 0 2px rgb(40 174 161 / 10%), var(--shadow-sm); }
.delegation-summary-card .summary-icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; font-size: 1.1rem; font-weight: 900; }
.delegation-summary-card > div { display: grid; grid-template-columns: 1fr auto; gap: .12rem .5rem; }
.delegation-summary-card small { grid-column: 1 / -1; color: var(--ink-faint); font-size: .52rem; }
.delegation-summary-card strong { grid-row: 2 / span 2; grid-column: 2; color: #173a45; font-size: 1.9rem; line-height: 1; }
.delegation-summary-card div > span { align-self: end; color: var(--ink-soft); font-size: .64rem; font-weight: 830; }
.tone-pending .summary-icon { color: #98531e; background: #fff0df; }
.tone-active .summary-icon { color: #166657; background: #daf4ec; }
.tone-expired .summary-icon { color: #6e625d; background: #eeeae8; }
.tone-total .summary-icon { color: #345a77; background: #e4eff6; }

.delegation-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 350px; align-items: start; gap: 1rem; }
.delegation-board { min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow-sm); }
.delegation-board-heading { display: flex; padding: .2rem .15rem 1rem; align-items: flex-end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.delegation-board-heading h2 { margin: .18rem 0 0; font-size: 1.28rem; letter-spacing: -.03em; }
.delegation-filter-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .32rem; }
.delegation-filter-links a { padding: .38rem .55rem; border: 1px solid transparent; border-radius: 999px; color: var(--ink-faint); font-size: .57rem; font-weight: 790; text-decoration: none; }
.delegation-filter-links a[aria-current="page"] { border-color: #bfe5df; color: #156657; background: #e9f8f4; }
.delegation-card-list { display: grid; padding-top: .85rem; gap: .85rem; }
.delegation-card { display: grid; padding: 1rem; overflow: hidden; gap: .85rem; border: 1px solid #d8e3e3; border-radius: 18px; background: linear-gradient(150deg, #fff, #fbfdfd); box-shadow: 0 6px 19px rgb(8 39 45 / 5%); }
.delegation-card.status-pending_review { border-color: #ebcfaa; background: linear-gradient(145deg, #fffdf8, #fff); }
.delegation-card.status-approved { border-color: #b9ded7; }
.delegation-card.status-rejected, .delegation-card.status-revoked, .delegation-card.status-expired { border-color: #ddd7d3; filter: saturate(.78); }
.delegation-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.delegation-route { display: grid; min-width: 0; flex: 1; grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr); align-items: center; gap: .55rem; }
.agent-chip { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .55rem; }
.agent-chip > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; font-weight: 900; }
.supervisor-chip > span { color: #17584f; background: linear-gradient(145deg, #d6f4ed, #bce6dd); }
.specialist-chip > span { color: #7d451f; background: linear-gradient(145deg, #ffecd8, #f8d3ae); }
.agent-chip > div { display: grid; min-width: 0; gap: .06rem; }
.agent-chip small { color: var(--ink-faint); font-size: .49rem; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }
.agent-chip strong { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.route-arrow { position: relative; display: flex; min-width: 0; align-items: center; justify-content: center; }
.route-arrow > span { position: absolute; right: 5px; left: 5px; height: 1px; background: linear-gradient(90deg, #52bfb1, #e8a06c); }
.route-arrow > b { position: relative; padding: .18rem .38rem; border-radius: 999px; color: #738589; background: #fff; font-size: .42rem; letter-spacing: .08em; }
.route-arrow > i { position: absolute; right: 0; color: #d98950; font-size: 1.1rem; font-style: normal; }
.delegation-mission { display: flex; padding: .8rem .9rem; align-items: flex-start; justify-content: space-between; gap: .75rem; border-left: 4px solid #29ad9d; border-radius: 0 12px 12px 0; background: #f3f9f8; }
.delegation-mission h3 { margin: .2rem 0 0; color: #173339; font-size: .79rem; line-height: 1.55; }
.brand-badge { flex: 0 0 auto; padding: .3rem .5rem; border: 1px solid #d7e5e2; border-radius: 999px; color: #4d6b6d; background: #fff; font-size: .5rem; font-weight: 800; }
.delegation-permission-envelope { overflow: hidden; border: 1px solid #bfded8; border-radius: 14px; background: #f7fcfb; }
.delegation-permission-envelope > header { display: flex; padding: .7rem .8rem; align-items: center; justify-content: space-between; gap: .75rem; border-bottom: 1px solid #d8ebe7; background: #edf8f5; }
.delegation-permission-envelope > header > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; }
.delegation-permission-envelope > header > div > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #175f53; background: #ccece4; font-weight: 900; }
.delegation-permission-envelope header div div { display: grid; gap: .04rem; }
.delegation-permission-envelope header strong { font-size: .62rem; }
.delegation-permission-envelope header small { color: #66837f; font-size: .49rem; }
.delegation-permission-envelope header > b { padding: .22rem .42rem; border: 1px solid #efc6b4; border-radius: 999px; color: #984c34; background: #fff2ec; font-size: .46rem; letter-spacing: .05em; }
.delegation-scope-columns { display: grid; padding: .75rem; grid-template-columns: 1fr 1fr; gap: .75rem; }
.delegation-scope-columns section { min-width: 0; }
.delegation-scope-columns p { margin: 0 0 .4rem; color: #607775; font-size: .51rem; font-weight: 840; letter-spacing: .05em; text-transform: uppercase; }
.delegation-scope-columns ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: .32rem; list-style: none; }
.delegation-scope-columns li { max-width: 100%; padding: .25rem .43rem; overflow: hidden; border: 1px solid #d7e7e4; border-radius: 7px; color: #2e5d57; background: #fff; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .49rem; text-overflow: ellipsis; white-space: nowrap; }
.delegation-limits { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .45rem; }
.delegation-limits > div { display: grid; min-width: 0; padding: .55rem; gap: .12rem; border: 1px solid #e0e6e5; border-radius: 11px; background: #fff; }
.delegation-limits small { color: var(--ink-faint); font-size: .47rem; font-weight: 810; text-transform: uppercase; }
.delegation-limits strong { overflow: hidden; color: #29484c; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.delegation-limits em { color: #8a9899; font-size: .46rem; font-style: normal; }
.delegation-limits div > span { height: 3px; overflow: hidden; border-radius: 999px; background: #e5eeee; }
.delegation-limits div > span i { display: block; max-width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #42bdaa, #e89b64); }
.delegation-criteria-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.delegation-criteria-grid > div { padding: .6rem; border: 1px solid #e2e6e5; border-radius: 11px; background: #fafbfb; }
.delegation-criteria-grid .criteria-title { margin: 0 0 .35rem; font-size: .52rem; font-weight: 850; }
.criteria-title.success { color: #176653; }.criteria-title.pause { color: #8b651d; }.criteria-title.abandon { color: #96513a; }
.delegation-criteria-grid ul { display: grid; margin: 0; padding-left: .85rem; gap: .22rem; color: #6d7978; font-size: .5rem; line-height: 1.45; }
.delegation-review-form { display: grid; padding-top: .75rem; gap: .6rem; border-top: 1px solid var(--line); }
.delegation-review-form label, .delegation-revoke-panel label { display: grid; gap: .3rem; color: var(--ink-soft); font-size: .6rem; font-weight: 780; }
.delegation-review-form textarea, .delegation-revoke-panel textarea { min-height: 72px; resize: vertical; }
.delegation-review-form > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.delegation-review-form button, .delegation-revoke-panel button, .delegation-checkpoint-form button { min-height: 36px; padding: .5rem .75rem; font-size: .62rem; }
.delegation-checkpoint-form { display: grid; padding: .75rem; grid-template-columns: minmax(170px, .8fr) minmax(220px, 1.2fr) auto; align-items: center; gap: .55rem; border: 1px solid #e9c98e; border-radius: 12px; background: #fff9ec; }
.delegation-checkpoint-form > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; }
.delegation-checkpoint-form > div > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #765313; background: #f5dfa9; font-weight: 900; }
.delegation-checkpoint-form p { display: grid; margin: 0; color: #806f4e; font-size: .48rem; line-height: 1.35; }
.delegation-checkpoint-form p strong { color: #6c511b; font-size: .57rem; }
.delegation-checkpoint-form textarea { min-height: 54px; resize: vertical; }
.delegation-revoke-panel { border-top: 1px solid var(--line); }
.delegation-revoke-panel summary { padding-top: .65rem; color: #845f51; cursor: pointer; font-size: .58rem; font-weight: 780; }
.delegation-revoke-panel form { display: grid; padding-top: .65rem; gap: .55rem; }
.delegation-decision-note { display: grid; margin: 0; padding: .7rem .8rem; gap: .18rem; border-radius: 10px; color: #6c6461; background: #f2efed; font-size: .56rem; }
.delegation-empty { display: grid; min-height: 500px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed #cbdcda; border-radius: 16px; color: var(--ink-faint); background: radial-gradient(circle at 50% 43%, #eff9f7, transparent 25%), linear-gradient(150deg, #fdffff, #f7fbfa); text-align: center; }
.delegation-empty .empty-orbit { display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid #b9ddd7; border-radius: 50%; box-shadow: 0 0 0 16px rgb(76 186 170 / 7%), 0 0 0 32px rgb(76 186 170 / 4%); }
.delegation-empty .empty-orbit span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #155f54; background: #cdece5; font-size: 1.3rem; font-weight: 900; }
.delegation-empty h3 { margin: .35rem 0 .2rem; color: var(--ink); }
.delegation-empty > p:last-child { max-width: 430px; margin: 0; font-size: .66rem; line-height: 1.55; }

.delegation-control-rail { position: sticky; top: 85px; display: grid; gap: .8rem; }
.delegation-guardrail-panel { padding: 1.05rem; border: 1px solid #c8dfdc; border-radius: 19px; background: linear-gradient(155deg, #f2fbf9, #fff); box-shadow: var(--shadow-sm); }
.delegation-guardrail-panel h2 { margin: .2rem 0 .45rem; font-size: 1.16rem; }
.delegation-guardrail-panel ol { display: grid; margin: .6rem 0; padding: 0; list-style: none; }
.delegation-guardrail-panel li { display: grid; padding: .53rem 0; grid-template-columns: 29px minmax(0, 1fr); gap: .55rem; border-bottom: 1px solid #dce9e7; }
.delegation-guardrail-panel li:last-child { border-bottom: 0; }
.delegation-guardrail-panel li > span { color: #299d90; font-size: .5rem; font-weight: 900; }
.delegation-guardrail-panel li strong { font-size: .61rem; }
.delegation-guardrail-panel li p { margin: .1rem 0 0; color: var(--ink-faint); font-size: .52rem; line-height: 1.4; }
.delegation-zero-trust { display: grid; padding: .7rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .6rem; border: 1px solid #eac5b4; border-radius: 12px; background: #fff4ee; }
.delegation-zero-trust > span { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 9px; color: #974c33; background: #f7d9cb; font-weight: 900; }
.delegation-zero-trust strong { color: #87452f; font-size: .58rem; }
.delegation-zero-trust p { margin: .18rem 0 0; color: #7b6259; font-size: .5rem; line-height: 1.45; }
.delegation-proposal-panel { overflow: hidden; border: 1px solid #c7dedb; border-radius: 19px; background: #fff; box-shadow: var(--shadow-sm); }
.delegation-proposal-panel > summary { display: grid; padding: .9rem 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; cursor: pointer; list-style: none; }
.delegation-proposal-panel > summary::-webkit-details-marker { display: none; }
.delegation-proposal-panel > summary > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #25a996, #14796e); font-size: 1rem; font-weight: 900; }
.delegation-proposal-panel > summary > div { display: grid; }
.delegation-proposal-panel > summary strong { font-size: .68rem; }
.delegation-proposal-panel > summary small { color: var(--ink-faint); font-size: .52rem; }
.delegation-proposal-panel[open] > summary { border-bottom: 1px solid #dbe9e6; background: #f7fcfb; }
.delegation-proposal-form { max-height: min(68vh, 850px); padding: .9rem; overflow: auto; scrollbar-width: thin; }
.delegation-proposal-form .delegation-field > label { font-size: .57rem; }
.delegation-proposal-form .delegation-field > small { font-size: .49rem; }
.delegation-proposal-form textarea { min-height: 70px; }
.delegation-proposal-form ul { display: grid; margin: .35rem 0 0; padding: .45rem; max-height: 150px; overflow: auto; gap: .2rem; border: 1px solid var(--line); border-radius: 9px; background: #fafcfc; list-style: none; }
.delegation-proposal-form ul label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .4rem; color: #526667; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .48rem; font-weight: 650; line-height: 1.45; }
.delegation-proposal-form input[type="checkbox"] { width: auto; margin-top: .08rem; accent-color: #1b9587; }
.delegation-submit-proof { display: grid; padding: .6rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; border: 1px solid #c9e3dd; border-radius: 10px; background: #f1faf8; }
.delegation-submit-proof > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #145f53; background: #d2eee7; font-weight: 900; }
.delegation-submit-proof p { display: grid; margin: 0; color: #6a817e; font-size: .49rem; }
.delegation-submit-proof strong { color: #245b54; font-size: .56rem; }

@media (max-width: 1200px) {
  .delegation-workspace { grid-template-columns: minmax(0, 1fr) 310px; }
  .delegation-limits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .delegation-hero { grid-template-columns: 1fr 330px; }
  .delegation-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delegation-workspace { grid-template-columns: 1fr; }
  .delegation-control-rail { position: static; }
}
@media (max-width: 760px) {
  .delegation-hero { min-height: 0; padding: 1.45rem; grid-template-columns: 1fr; }
  .delegation-hero h1 { font-size: 2.75rem; }
  .delegation-orbit { min-height: 205px; }
  .delegation-route { grid-template-columns: minmax(0, 1fr) 45px minmax(0, 1fr); }
  .route-arrow b { display: none; }
  .delegation-scope-columns, .delegation-criteria-grid { grid-template-columns: 1fr; }
  .delegation-checkpoint-form { grid-template-columns: 1fr; }
}

/* Privacy control center */
.privacy-root { --privacy-ink: #18201f; --privacy-night: #17152b; display: grid; gap: 1rem; }
.privacy-hero { position: relative; display: grid; min-height: 410px; padding: clamp(1.55rem, 4vw, 3.25rem); grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); align-items: center; gap: 1rem; overflow: hidden; border-radius: 29px; color: #f8f7ff; background: radial-gradient(circle at 82% 24%, rgb(167 116 255 / 22%), transparent 25%), radial-gradient(circle at 54% 110%, rgb(48 213 178 / 12%), transparent 38%), linear-gradient(128deg, #151427 0%, #252044 58%, #183c42 112%); box-shadow: 0 28px 65px rgb(24 21 44 / 19%); }
.privacy-hero::before { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(90deg, #000, transparent 68%); }
.privacy-hero-copy { position: relative; z-index: 2; }.privacy-hero .eyebrow { color: #8be6d2; }.privacy-hero h1 { max-width: 750px; margin: .45rem 0 .9rem; color: #fff; font-size: clamp(3rem, 5.8vw, 5.8rem); line-height: .86; letter-spacing: -.07em; }.privacy-hero h1 em { color: #c4a8ff; font-style: normal; }.privacy-hero-copy > p:not(.eyebrow) { max-width: 700px; color: #c7c3db; font-size: .8rem; line-height: 1.7; }
.privacy-hero-pills { display: flex; margin-top: 1.35rem; flex-wrap: wrap; gap: .45rem; }.privacy-hero-pills span { display: inline-flex; min-height: 36px; padding: .45rem .7rem; align-items: center; gap: .4rem; border: 1px solid rgb(212 199 255 / 16%); border-radius: 999px; color: #e4e0f2; background: rgb(9 8 24 / 34%); font-size: .64rem; font-weight: 800; }.privacy-hero-pills i { width: 6px; height: 6px; border-radius: 50%; background: #77e1c9; box-shadow: 0 0 0 4px rgb(119 225 201 / 12%); }
.privacy-orbit { position: relative; z-index: 1; min-height: 320px; }.privacy-orbit-ring { position: absolute; inset: 50%; border: 1px solid rgb(211 201 255 / 16%); border-radius: 50%; transform: translate(-50%, -50%); }.privacy-orbit-ring.ring-one { width: 250px; height: 250px; }.privacy-orbit-ring.ring-two { width: 330px; height: 330px; border-style: dashed; }.privacy-orbit-core { position: absolute; top: 50%; left: 50%; display: grid; width: 132px; height: 132px; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #5a4e8b, #24203d 66%); box-shadow: 0 22px 55px rgb(5 5 16 / 38%), inset 0 1px 0 rgb(255 255 255 / 18%); transform: translate(-50%, -50%); text-align: center; }.privacy-orbit-core svg { width: 38px; fill: none; stroke: #9ce6d4; stroke-width: 1.5; }.privacy-orbit-core strong { margin-top: -24px; color: #fff; font-size: .7rem; line-height: 1.05; letter-spacing: .09em; text-transform: uppercase; }.privacy-orbit-node { position: absolute; display: grid; min-width: 89px; padding: .48rem .65rem; gap: .08rem; border: 1px solid rgb(255 255 255 / 14%); border-radius: 11px; color: #a9a2c7; background: rgb(22 20 43 / 82%); box-shadow: 0 12px 28px rgb(7 7 20 / 22%); font: 700 .56rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }.privacy-orbit-node b { color: #f5f3ff; font: 800 .62rem/1.2 Inter, sans-serif; }.node-backup { top: 11%; left: 7%; }.node-review { top: 20%; right: 0; }.node-cooldown { right: 9%; bottom: 7%; }
.privacy-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }.privacy-control-card { position: relative; min-height: 300px; padding: 1.25rem; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); }.privacy-control-card::after { position: absolute; right: -45px; bottom: -55px; width: 160px; height: 160px; border-radius: 50%; background: var(--card-glow); content: ""; filter: blur(2px); }.privacy-control-card.is-mint { --card-color: #12765b; --card-soft: #dff6ed; --card-glow: rgb(92 218 177 / 10%); }.privacy-control-card.is-sky { --card-color: #315f9c; --card-soft: #e5effc; --card-glow: rgb(86 149 233 / 10%); }.privacy-control-card.is-violet { --card-color: #7054a1; --card-soft: #eee8fa; --card-glow: rgb(145 104 213 / 11%); }.privacy-control-index { position: absolute; top: 1rem; right: 1rem; color: #a9b1ad; font: 800 .62rem/1 ui-monospace, monospace; }.privacy-control-icon { display: grid; width: 43px; height: 43px; margin-bottom: 1.15rem; place-items: center; border-radius: 13px; color: var(--card-color); background: var(--card-soft); }.privacy-control-icon svg { width: 22px; fill: none; stroke: currentcolor; stroke-width: 1.65; }.privacy-control-card .eyebrow { color: var(--card-color); }.privacy-control-card h2 { max-width: 390px; margin: .32rem 0 .65rem; font-size: 1.28rem; line-height: 1.1; letter-spacing: -.035em; }.privacy-control-card > p:not(.eyebrow) { position: relative; z-index: 1; color: var(--ink-soft); font-size: .7rem; }.privacy-control-card > a { position: absolute; z-index: 2; bottom: 1.2rem; display: inline-flex; align-items: center; gap: .35rem; color: var(--card-color); font-size: .66rem; font-weight: 900; text-decoration: none; }.privacy-control-card dl { position: relative; z-index: 1; display: grid; margin: .9rem 0 0; grid-template-columns: 1fr 1fr; gap: .55rem; }.privacy-control-card dl div { padding: .65rem; border-radius: 12px; background: var(--card-soft); }.privacy-control-card dt { color: var(--ink-soft); font-size: .56rem; }.privacy-control-card dd { margin: .15rem 0 0; color: var(--card-color); font-size: .76rem; font-weight: 900; }.privacy-control-card > small { display: block; margin-top: .7rem; color: var(--ink-faint); font-size: .59rem; }
.privacy-erasure-zone { padding: clamp(1.15rem, 3vw, 2rem); border-radius: 26px; color: #f4f1f1; background: radial-gradient(circle at 95% 6%, rgb(238 101 101 / 12%), transparent 20%), linear-gradient(134deg, #211b20, #18171d 68%); box-shadow: 0 22px 48px rgb(28 21 25 / 13%); }.privacy-erasure-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.privacy-erasure-heading .eyebrow { color: #ef8e89; }.privacy-erasure-heading h2 { margin: .3rem 0 .35rem; color: #fff; font-size: clamp(1.7rem, 3.5vw, 3.2rem); line-height: .95; letter-spacing: -.055em; }.privacy-erasure-heading p:not(.eyebrow) { max-width: 650px; color: #aaa0a5; font-size: .7rem; }.privacy-no-click { display: flex; min-width: 145px; align-items: center; gap: .6rem; }.privacy-no-click strong { color: #f38984; font-size: 2.4rem; line-height: 1; }.privacy-no-click span { color: #a89da2; font-size: .56rem; font-weight: 800; line-height: 1.3; text-transform: uppercase; }
.privacy-protocol { display: grid; margin: 1.5rem 0; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .5rem; }.privacy-protocol article { display: flex; min-height: 68px; padding: .7rem; align-items: center; gap: .65rem; border: 1px solid #3d343b; border-radius: 14px; background: rgb(255 255 255 / 3%); }.privacy-protocol article > span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #f1958e; background: #39282d; font: 800 .6rem/1 ui-monospace, monospace; }.privacy-protocol article div { display: grid; }.privacy-protocol strong { color: #f6f2f3; font-size: .66rem; }.privacy-protocol small { color: #8f858a; font-size: .55rem; }.privacy-protocol > i { width: 12px; height: 1px; background: #5a494f; }
.privacy-request-panel { border: 1px solid #453840; border-radius: 17px; background: #201c21; }.privacy-request-panel > summary { display: flex; min-height: 76px; padding: .85rem 1rem; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }.privacy-request-panel > summary::-webkit-details-marker,.privacy-review-panel > summary::-webkit-details-marker { display: none; }.privacy-request-panel > summary > span { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .06rem .6rem; }.privacy-request-panel > summary i { display: grid; width: 33px; height: 33px; grid-row: span 2; place-items: center; border-radius: 10px; color: #ffaaa3; background: #3d292f; font-style: normal; }.privacy-request-panel > summary b { color: #fff; font-size: .72rem; }.privacy-request-panel > summary small { color: #8e8388; font-size: .57rem; }.privacy-request-panel > summary > strong { padding: .28rem .5rem; border: 1px solid #53454d; border-radius: 999px; color: #c9bec3; font-size: .54rem; text-transform: uppercase; }.privacy-request-panel[open] > summary { border-bottom: 1px solid #40363c; }.privacy-request-panel form { padding: 1rem; }.privacy-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }.privacy-request-panel .field label,.privacy-review-panel .field label { color: #c9bec3; }.privacy-request-panel input,.privacy-request-panel select,.privacy-request-panel textarea,.privacy-review-panel input,.privacy-review-panel textarea { color: #f8f5f6; border-color: #4b4046; background: #181519; }.privacy-request-panel option { color: #171717; }.privacy-request-panel .field small,.privacy-review-panel .field small { color: #8f858a; }.privacy-request-panel .field-error small,.privacy-review-panel .field-error small { color: #ff9f98; }.privacy-form-wide { grid-column: 1 / -1; }.privacy-check { display: flex; padding: .75rem; align-items: flex-start; gap: .6rem; border: 1px solid #42373d; border-radius: 12px; color: #ded7da; background: #191619; cursor: pointer; }.privacy-check input { margin-top: .2rem; accent-color: #d96b66; }.privacy-check span { display: grid; }.privacy-check b { font-size: .65rem; }.privacy-check small { color: #8f858a; font-size: .57rem; }.privacy-check em { color: #ff9f98; font-size: .57rem; font-style: normal; }.privacy-request-panel form > footer { display: flex; margin-top: .9rem; align-items: center; justify-content: space-between; gap: .8rem; }.privacy-request-panel form > footer p { display: flex; max-width: 500px; align-items: center; gap: .4rem; color: #988d92; font-size: .58rem; }.privacy-request-panel form > footer svg { width: 18px; flex: 0 0 auto; fill: none; stroke: #d87973; stroke-width: 1.5; }
.privacy-ledger { padding: clamp(1rem, 2.4vw, 1.5rem); border: 1px solid var(--line); border-radius: 24px; background: #f8faf8; }.privacy-ledger > header { display: flex; margin-bottom: 1rem; align-items: end; justify-content: space-between; gap: 1rem; }.privacy-ledger > header h2 { margin: .2rem 0 0; font-size: 1.45rem; letter-spacing: -.04em; }.privacy-ledger > header > span { padding: .32rem .55rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-soft); background: #fff; font-size: .58rem; font-weight: 800; }.privacy-request-list { display: grid; gap: .85rem; }.privacy-request-card { overflow: hidden; border: 1px solid #dfe4e1; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgb(26 37 33 / 4%); }.privacy-request-card > header { display: flex; min-height: 65px; padding: .72rem .9rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e7ebe8; }.privacy-request-id { display: flex; align-items: center; gap: .55rem; }.privacy-request-id > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #72628f; background: #eeeafa; font: 800 .6rem/1 ui-monospace, monospace; }.privacy-request-id div { display: grid; }.privacy-request-id small { color: var(--ink-faint); font-size: .52rem; text-transform: uppercase; }.privacy-request-id code { color: var(--ink); font-size: .66rem; font-weight: 800; }.privacy-status { display: inline-flex; padding: .32rem .56rem; align-items: center; gap: .35rem; border-radius: 999px; color: #786038; background: #fff3dc; font-size: .56rem; font-weight: 900; }.privacy-status i { width: 6px; height: 6px; border-radius: 50%; background: #d49432; }.status-completed .privacy-status { color: #167156; background: #e4f6ef; }.status-completed .privacy-status i { background: #26a67e; }.status-cancelled .privacy-status { color: #66706d; background: #edf0ef; }.status-cancelled .privacy-status i { background: #89928f; }.status-storage_cleanup_failed .privacy-status { color: #9b3b38; background: #fff0ee; }.status-storage_cleanup_failed .privacy-status i { background: #d65c56; }.status-approved .privacy-status { color: #5e4b92; background: #eee9fb; }.status-approved .privacy-status i { background: #8068bd; }.privacy-request-body { display: grid; padding: .9rem; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); gap: .85rem; }.privacy-request-main { padding: .25rem; }.privacy-request-main h3 { margin: .25rem 0 .35rem; font-size: 1.15rem; letter-spacing: -.035em; }.privacy-request-main > p:not(.eyebrow) { max-width: 620px; color: var(--ink-soft); font-size: .64rem; }.privacy-request-facts { display: grid; margin: .85rem 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }.privacy-request-facts div { padding: .48rem .55rem; border-radius: 10px; background: #f5f7f5; }.privacy-request-facts dt { color: var(--ink-faint); font-size: .51rem; }.privacy-request-facts dd { margin: .1rem 0 0; overflow: hidden; font-size: .61rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.privacy-scope { padding: .75rem; border: 1px solid #e0e5e2; border-radius: 14px; background: #fafbfa; }.privacy-scope ul { display: grid; max-height: 196px; margin: .55rem 0; padding: 0; gap: .28rem; overflow: auto; list-style: none; }.privacy-scope li { display: flex; padding: .35rem .45rem; align-items: center; justify-content: space-between; gap: .5rem; border-radius: 8px; background: #fff; font-size: .56rem; }.privacy-scope li span { overflow: hidden; color: var(--ink-soft); text-overflow: ellipsis; white-space: nowrap; }.privacy-scope li strong { color: #67558f; }.privacy-scope footer { display: flex; padding-top: .45rem; gap: .35rem; border-top: 1px solid #e2e6e3; }.privacy-scope footer span { padding: .2rem .35rem; border-radius: 999px; color: #695a87; background: #eeeafb; font-size: .5rem; font-weight: 800; }.privacy-empty-scope { color: var(--ink-faint); font-size: .58rem; }.privacy-completion,.privacy-recovery { display: flex; margin: 0 .9rem .9rem; padding: .7rem; align-items: center; gap: .6rem; border-radius: 12px; color: #185c49; background: #e8f7f1; }.privacy-recovery { color: #8e3935; background: #fff0ee; }.privacy-completion > span,.privacy-recovery > span { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: #2aa57e; font-weight: 900; }.privacy-recovery > span { background: #d35d57; }.privacy-completion div,.privacy-recovery div { display: grid; }.privacy-completion strong,.privacy-recovery strong { font-size: .63rem; }.privacy-completion small,.privacy-recovery small { opacity: .75; font-size: .55rem; }
.privacy-review-panel { border-top: 1px solid #e4e8e5; }.privacy-review-panel > summary { display: flex; min-height: 52px; padding: .7rem .9rem; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; color: #5a477f; background: #faf9fc; font-size: .62rem; font-weight: 900; }.privacy-review-panel > summary strong { font-size: .56rem; }.privacy-review-panel form { padding: .85rem .9rem; background: #23202a; }.privacy-review-grid { display: grid; margin-bottom: .7rem; grid-template-columns: 1fr 1fr; gap: .7rem; }.privacy-review-panel .button { margin-left: auto; }.privacy-card-actions { display: flex; min-height: 58px; padding: .65rem .9rem; align-items: center; justify-content: space-between; gap: .8rem; border-top: 1px solid #e7ebe8; background: #fafbfa; }.privacy-card-actions p { color: var(--ink-faint); font-size: .55rem; }.privacy-card-actions .button { min-height: 35px; padding: .45rem .7rem; font-size: .57rem; }.privacy-empty { display: flex; min-height: 140px; padding: 1.2rem; align-items: center; justify-content: center; gap: .8rem; border: 1px dashed #d7ded9; border-radius: 15px; color: var(--ink-soft); background: #fff; }.privacy-empty > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; color: #6d5a91; background: #eeeafb; font-size: 1.25rem; }.privacy-empty h3 { margin: 0; color: var(--ink); font-size: .78rem; }.privacy-empty p { margin: .12rem 0 0; font-size: .6rem; }
.privacy-boundary { display: grid; padding: clamp(1rem, 2.4vw, 1.6rem); grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid #dcd8e6; border-radius: 22px; background: linear-gradient(120deg, #f6f3fb, #eef9f5); }.privacy-boundary h2 { margin: .2rem 0 .35rem; font-size: 1.25rem; letter-spacing: -.035em; }.privacy-boundary p:not(.eyebrow) { max-width: 760px; color: var(--ink-soft); font-size: .65rem; }.privacy-boundary aside { display: flex; align-items: center; gap: .35rem; }.privacy-boundary aside span,.privacy-boundary aside strong { padding: .42rem .58rem; border: 1px solid #d9d2e5; border-radius: 9px; color: #75658f; background: #fff; font: 800 .55rem/1 ui-monospace, monospace; }.privacy-boundary aside strong { color: #fff; border-color: #2e7866; background: #2e7866; }.privacy-boundary aside i { width: 14px; height: 1px; background: #b8afc5; }
@media (max-width: 1080px) { .privacy-hero { grid-template-columns: minmax(0, 1fr) 310px; }.privacy-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.privacy-control-card:last-child { grid-column: 1 / -1; min-height: 240px; }.privacy-protocol { grid-template-columns: 1fr 1fr; }.privacy-protocol > i { display: none; }.privacy-request-body { grid-template-columns: 1fr; }.privacy-scope ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }.privacy-boundary { grid-template-columns: 1fr; }.privacy-boundary aside { justify-self: start; } }
@media (max-width: 760px) { .privacy-hero { min-height: 0; padding: 1.2rem; grid-template-columns: 1fr; border-radius: 20px; }.privacy-hero h1 { font-size: clamp(3rem, 15vw, 4.7rem); }.privacy-orbit { min-height: 300px; }.privacy-control-grid { grid-template-columns: 1fr; }.privacy-control-card,.privacy-control-card:last-child { min-height: 270px; grid-column: auto; }.privacy-erasure-zone { border-radius: 19px; }.privacy-erasure-heading { align-items: start; flex-direction: column; }.privacy-protocol { grid-template-columns: 1fr; }.privacy-form-grid,.privacy-review-grid { grid-template-columns: 1fr; }.privacy-form-wide { grid-column: auto; }.privacy-request-panel form > footer,.privacy-card-actions { align-items: stretch; flex-direction: column; }.privacy-request-panel form > footer .button,.privacy-card-actions .button { width: 100%; }.privacy-request-facts { grid-template-columns: 1fr; }.privacy-scope ul { grid-template-columns: 1fr; }.privacy-boundary aside { width: 100%; }.privacy-boundary aside span,.privacy-boundary aside strong { flex: 1; text-align: center; } }
@media (max-width: 440px) { .privacy-orbit-ring.ring-two { width: 280px; height: 280px; }.privacy-orbit-ring.ring-one { width: 210px; height: 210px; }.privacy-orbit-core { width: 116px; height: 116px; }.privacy-orbit-node { min-width: 78px; padding: .4rem; }.node-backup { left: 0; }.node-review { right: 0; }.node-cooldown { right: 2%; }.privacy-status { max-width: 145px; text-align: center; }.privacy-control-card dl { grid-template-columns: 1fr; }.privacy-boundary aside { display: grid; grid-template-columns: 1fr; }.privacy-boundary aside i { width: 1px; height: 10px; justify-self: center; } }
@media (max-width: 540px) {
  .delegation-summary { gap: .5rem; }
  .delegation-summary-card { min-height: 96px; padding: .65rem; gap: .5rem; }
  .delegation-summary-card .summary-icon { width: 36px; height: 36px; }
  .delegation-summary-card strong { font-size: 1.45rem; }
  .delegation-board { padding: .65rem; }
  .delegation-board-heading { display: grid; align-items: start; }
  .delegation-filter-links { justify-content: flex-start; }
  .delegation-card { padding: .7rem; }
  .delegation-card-header { display: grid; }
  .delegation-card-header .status-pill { justify-self: start; }
  .agent-chip { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .agent-chip strong { max-width: 105px; }
  .delegation-mission { display: grid; }
  .brand-badge { justify-self: start; }
  .delegation-permission-envelope > header { align-items: flex-start; }
  .delegation-limits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delegation-review-form > div { display: grid; grid-template-columns: 1fr; }
  .delegation-review-form button { width: 100%; }
}

/* Agent capability laboratory */
.learning-hero { position: relative; display: grid; min-height: 325px; margin-bottom: .9rem; padding: clamp(1.4rem, 3vw, 2.7rem); grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); align-items: center; gap: 2rem; overflow: hidden; border: 1px solid #2a2356; border-radius: 24px; color: #f7f5ff; background: radial-gradient(circle at 78% 28%, rgb(154 123 255 / 22%), transparent 27%), radial-gradient(circle at 96% 100%, rgb(197 239 104 / 12%), transparent 33%), linear-gradient(135deg, #15112d 0%, #21194a 52%, #121125 100%); box-shadow: 0 18px 44px rgb(28 20 68 / 18%); }
.learning-hero::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 36px 36px; content: ""; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.learning-hero-copy { position: relative; z-index: 1; }
.learning-hero .eyebrow { color: #c9baff; }
.learning-hero h1 { max-width: 700px; margin: .35rem 0 .65rem; color: #fff; font-size: clamp(2.7rem, 5.6vw, 5.3rem); font-weight: 760; letter-spacing: -.075em; line-height: .92; }
.learning-hero-copy > p:not(.eyebrow) { max-width: 690px; margin: 0; color: #c7c2dc; font-size: .78rem; line-height: 1.65; }
.learning-hero-rule { display: grid; max-width: 610px; margin-top: 1.1rem; padding: .72rem .8rem; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; border: 1px solid rgb(214 197 255 / 20%); border-radius: 13px; background: rgb(255 255 255 / 6%); backdrop-filter: blur(8px); }
.learning-hero-rule > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #21194a; background: #cff274; font-weight: 900; }
.learning-hero-rule div { display: grid; gap: .08rem; }
.learning-hero-rule strong { color: #efffbf; font-size: .62rem; }
.learning-hero-rule small { color: #aaa5bf; font-size: .52rem; line-height: 1.45; }
.learning-visual { position: relative; min-height: 255px; }
.learning-grid { position: absolute; inset: 0; border: 1px solid rgb(255 255 255 / 8%); border-radius: 22px; background: radial-gradient(circle at 50% 48%, rgb(140 109 239 / 26%), transparent 34%), linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; transform: perspective(650px) rotateY(-5deg); }
.lab-vessel { position: absolute; top: 30px; left: 50%; width: 103px; height: 135px; border: 2px solid #b8a7ef; border-top: 0; border-radius: 12px 12px 42px 42px; transform: translateX(-50%); box-shadow: inset 0 -45px 0 rgb(196 239 99 / 16%), 0 18px 45px rgb(9 6 28 / 35%); }
.lab-vessel::before { position: absolute; top: -7px; left: -10px; width: 119px; height: 15px; border: 2px solid #b8a7ef; border-radius: 50%; background: #30275b; content: ""; }
.lab-vessel::after { position: absolute; right: 15px; bottom: 20px; left: 15px; height: 42px; border-radius: 50% 50% 36px 36px; background: linear-gradient(160deg, #d5fa7e, #8ec541); box-shadow: 0 0 25px rgb(200 244 102 / 34%); content: ""; }
.lab-vessel i, .lab-vessel i::before, .lab-vessel i::after { position: absolute; z-index: 2; border: 1px solid #c7ef6d; border-radius: 50%; background: #c7ef6d; content: ""; }
.lab-vessel i { right: 27px; bottom: 57px; width: 8px; height: 8px; }
.lab-vessel i::before { right: 24px; bottom: 11px; width: 5px; height: 5px; }
.lab-vessel i::after { bottom: 17px; left: 10px; width: 11px; height: 11px; background: transparent; }
.lab-vessel b { position: absolute; z-index: 3; top: 33px; right: 0; left: 0; color: #fff; font-size: 1.25rem; text-align: center; }
.lab-signal { position: absolute; display: grid; padding: .48rem .6rem; grid-template-columns: auto 1fr; align-items: center; gap: .4rem; border: 1px solid rgb(255 255 255 / 12%); border-radius: 11px; background: rgb(14 11 34 / 75%); box-shadow: 0 10px 30px rgb(4 3 15 / 22%); }
.lab-signal span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #263311; background: #cff274; font-size: .57rem; font-weight: 900; }
.lab-signal small { color: #d9d3eb; font-size: .5rem; font-weight: 750; }
.signal-one { top: 61px; left: 5%; }
.signal-two { top: 116px; right: 3%; }
.lab-gate { position: absolute; right: 8%; bottom: 28px; display: grid; padding: .55rem .68rem; grid-template-columns: auto 1fr; align-items: center; gap: .45rem; border: 1px solid #7662bd; border-radius: 12px; background: #2e255a; box-shadow: 0 12px 32px rgb(4 3 15 / 25%); }
.lab-gate > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #2a2056; background: #c5b5ff; font-size: .58rem; font-weight: 950; }
.lab-gate div { display: grid; }
.lab-gate strong { color: #fff; font-size: .55rem; }
.lab-gate small { color: #aaa4c2; font-size: .44rem; }
.lab-rollout { position: absolute; bottom: 6px; left: 4%; width: 52%; height: 22px; overflow: hidden; border: 1px solid rgb(255 255 255 / 10%); border-radius: 999px; background: rgb(10 8 27 / 55%); }
.lab-rollout i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #8a6de5, #c9f267); }
.lab-rollout span { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: .4rem; font-style: normal; font-weight: 850; letter-spacing: .04em; }

.learning-flow { margin-bottom: .85rem; padding: .9rem 1rem .8rem; border: 1px solid #ded9ed; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.learning-flow > header { display: flex; margin-bottom: .7rem; align-items: end; justify-content: space-between; gap: .8rem; }
.learning-flow h2 { margin: .12rem 0 0; font-size: 1.05rem; letter-spacing: -.03em; }
.learning-flow > header > span { padding: .28rem .55rem; border: 1px solid #d8ef9c; border-radius: 999px; color: #586d25; background: #f6ffe2; font-size: .46rem; font-weight: 800; }
.learning-flow ol { position: relative; display: grid; margin: 0; padding: 0; grid-template-columns: repeat(12, minmax(52px, 1fr)); list-style: none; overflow-x: auto; scrollbar-width: thin; }
.learning-flow ol::before { position: absolute; top: 15px; right: 4.1%; left: 4.1%; height: 2px; background: linear-gradient(90deg, #866ce2, #beaaff 60%, #b7dc58); content: ""; }
.learning-flow li { position: relative; z-index: 1; display: grid; min-width: 55px; justify-items: center; gap: .25rem; color: #8b859c; text-align: center; }
.learning-flow li span { display: grid; width: 31px; height: 31px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: #7760cc; box-shadow: 0 0 0 1px #ddd4fa; font-size: .42rem; font-weight: 900; }
.learning-flow li:nth-last-child(-n+3) span { color: #35420f; background: #c6ec65; box-shadow: 0 0 0 1px #d8eda0; }
.learning-flow li small { font-size: .42rem; font-weight: 740; white-space: nowrap; }

.learning-summary { display: grid; margin-bottom: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.learning-summary-card { display: grid; min-height: 105px; padding: .8rem .9rem; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; border: 1px solid #e1deeb; border-radius: 16px; color: inherit; background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .16s ease, border-color .16s ease; }
.learning-summary-card:hover { transform: translateY(-2px); }
.learning-summary-card.is-active { border-color: #8d76dc; box-shadow: 0 9px 25px rgb(72 52 137 / 12%); }
.learning-summary-card > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; font-size: .86rem; font-weight: 900; }
.learning-summary-card div { display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }
.learning-summary-card small { grid-column: 1 / -1; color: var(--ink-faint); font-size: .47rem; }
.learning-summary-card strong { color: var(--ink); font-size: 1.7rem; line-height: 1; }
.learning-summary-card b { color: #514b60; font-size: .54rem; }
.summary-violet > span { color: #533ca9; background: #ede8ff; }
.summary-amber > span { color: #83580d; background: #fff0c9; }
.summary-lime > span { color: #455b14; background: #e9f9bd; }
.summary-slate > span { color: #53616b; background: #e8eef1; }

.learning-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 325px; align-items: start; gap: .85rem; }
.learning-board { min-width: 0; padding: .85rem; border: 1px solid #dfdce8; border-radius: 20px; background: #f8f7fb; box-shadow: var(--shadow-sm); }
.learning-board-heading { display: flex; padding: .25rem .25rem .75rem; align-items: end; justify-content: space-between; gap: .8rem; }
.learning-board-heading h2 { margin: .12rem 0 0; font-size: 1.18rem; letter-spacing: -.035em; }
.learning-filter-links { display: flex; padding: .18rem; gap: .13rem; border: 1px solid #dfdbe9; border-radius: 10px; background: #fff; }
.learning-filter-links a { padding: .38rem .5rem; border-radius: 7px; color: #7a738a; font-size: .49rem; font-weight: 750; text-decoration: none; }
.learning-filter-links a[aria-current="page"] { color: #fff; background: #654dbd; }
.learning-card-list { display: grid; gap: .75rem; }
.learning-card { position: relative; padding: .9rem; overflow: hidden; border: 1px solid #e0ddeb; border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgb(43 34 78 / 5%); }
.learning-card::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #8067d7; content: ""; }
.learning-card.status-canary::before { background: #d1a62a; }
.learning-card.status-deployed::before { background: #91bc32; }
.learning-card.status-rejected::before, .learning-card.status-rolled_back::before { background: #a16b65; }
.learning-card-header { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.capability-identity { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; }
.capability-identity > span { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid #d8cffb; border-radius: 13px; color: #553ea9; background: linear-gradient(145deg, #f0ecff, #e4dcff); font-size: .86rem; font-weight: 900; }
.capability-identity p { margin: 0 0 .08rem; color: #7968b7; font-size: .42rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.capability-identity h3 { margin: 0; overflow: hidden; color: #29223c; font-size: .82rem; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.capability-identity small { display: block; margin-top: .13rem; color: #8d8799; font-size: .47rem; }
.capability-version { display: grid; flex: 0 0 auto; justify-items: end; gap: .2rem; }
.capability-version b { display: grid; min-width: 34px; height: 27px; padding: 0 .35rem; place-items: center; border-radius: 8px; color: #4c3996; background: #eee9ff; font-size: .54rem; }
.capability-version span { padding: .2rem .4rem; border-radius: 999px; color: #665b74; background: #f1eff4; font-size: .41rem; font-weight: 780; }
.learning-stage { margin-top: .72rem; }
.learning-stage > div { display: flex; margin-bottom: .25rem; align-items: center; justify-content: space-between; gap: .6rem; color: #877f94; font-size: .43rem; }
.learning-stage strong { color: #67578f; }
.learning-stage > i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #eeeaf4; }
.learning-stage > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6f54c8, #a68fe9 65%, #caef6c); }
.learning-problem { display: grid; margin-top: .65rem; padding: .58rem .65rem; grid-template-columns: auto 1fr; gap: .5rem; border: 1px solid #e9e4f2; border-radius: 11px; background: #fbfaff; }
.learning-problem > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: #715bb7; background: #eee9fd; font-weight: 900; }
.learning-problem small { color: #8578ae; font-size: .41rem; font-weight: 820; text-transform: uppercase; }
.learning-problem p { margin: .13rem 0 0; color: #514b5c; font-size: .55rem; line-height: 1.5; }
.learning-controls { display: grid; margin-top: .65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; }
.learning-controls > div { display: grid; min-width: 0; padding: .5rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .4rem; border: 1px solid #e7e3ed; border-radius: 10px; background: #faf9fc; }
.learning-controls > div > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #8b8395; background: #ece9ef; font-size: .4rem; font-weight: 900; }
.learning-controls > div.is-passed { border-color: #dbeaa9; background: #faffec; }
.learning-controls > div.is-passed > span { color: #405710; background: #d8f284; }
.learning-controls p { display: grid; min-width: 0; margin: 0; }
.learning-controls strong { overflow: hidden; color: #4a4453; font-size: .48rem; text-overflow: ellipsis; }
.learning-controls small { overflow: hidden; color: #96909e; font-size: .39rem; text-overflow: ellipsis; white-space: nowrap; }
.learning-cohort { margin-top: .65rem; padding: .6rem .65rem; border: 1px solid #dae9af; border-radius: 11px; background: linear-gradient(100deg, #f8ffe7, #fff); }
.learning-cohort header { display: flex; align-items: center; justify-content: space-between; color: #5d6e33; font-size: .45rem; font-weight: 800; }
.learning-cohort header strong { color: #425915; font-size: .65rem; }
.learning-cohort > i { display: block; height: 6px; margin: .3rem 0; overflow: hidden; border-radius: 999px; background: #e6edcf; }
.learning-cohort > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a4d340, #d5f780); }
.learning-cohort > p { display: flex; margin: 0; align-items: center; gap: .25rem; color: #7f896b; font-size: .41rem; }
.learning-cohort > p span { width: 6px; height: 6px; border-radius: 50%; background: #c1d68c; }
.learning-cohort > p.health-healthy span { background: #77a720; box-shadow: 0 0 0 3px rgb(119 167 32 / 13%); }
.learning-cohort > p.health-regression { color: #934e45; }
.learning-cohort > p.health-regression span { background: #c2695e; box-shadow: 0 0 0 3px rgb(194 105 94 / 13%); }
.learning-envelope { margin-top: .65rem; overflow: hidden; border: 1px solid #ded8eb; border-radius: 12px; }
.learning-envelope > header { display: flex; padding: .48rem .6rem; align-items: center; justify-content: space-between; gap: .5rem; border-bottom: 1px solid #e5e1ed; background: #f5f2fb; }
.learning-envelope > header div { display: flex; align-items: center; gap: .36rem; }
.learning-envelope > header div span { color: #7055c7; font-weight: 900; }
.learning-envelope > header strong { color: #4e4562; font-size: .5rem; }
.learning-envelope > header > b { padding: .18rem .35rem; border: 1px solid #d9ed9f; border-radius: 999px; color: #546822; background: #f5ffdc; font-size: .36rem; letter-spacing: .04em; }
.learning-envelope > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.learning-envelope section { min-width: 0; padding: .55rem .65rem; }
.learning-envelope section + section { border-left: 1px solid #e8e4ee; }
.learning-envelope section > small { color: #8a8197; font-size: .4rem; font-weight: 800; text-transform: uppercase; }
.learning-envelope ul { display: flex; margin: .3rem 0 0; padding: 0; flex-wrap: wrap; gap: .25rem; list-style: none; }
.learning-envelope li { max-width: 100%; padding: .2rem .32rem; overflow: hidden; border: 1px solid #e0daec; border-radius: 6px; color: #5c536c; background: #faf8fd; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .38rem; text-overflow: ellipsis; white-space: nowrap; }
.learning-envelope p { margin: .25rem 0 0; color: #9a94a2; font-size: .43rem; }
.learning-specification { margin-top: .55rem; border-top: 1px solid #ece9f0; }
.learning-specification > summary { display: flex; padding: .5rem .1rem .1rem; align-items: center; justify-content: space-between; color: #6e6480; cursor: pointer; font-size: .46rem; font-weight: 750; list-style: none; }
.learning-specification > summary::-webkit-details-marker { display: none; }
.learning-specification > summary span { font-size: .8rem; }
.learning-specification[open] > summary span { transform: rotate(45deg); }
.learning-specification > div { display: grid; padding-top: .45rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.learning-specification section { padding: .55rem; border: 1px solid #e6e1ed; border-radius: 9px; background: #fbfafc; }
.learning-specification section > small { color: #74668e; font-size: .39rem; font-weight: 850; text-transform: uppercase; }
.learning-specification p, .learning-specification ol { margin: .3rem 0 0; color: #625a6c; font-size: .47rem; line-height: 1.55; }
.learning-specification ol { padding-left: 1rem; }
.learning-action-panel { margin-top: .65rem; overflow: hidden; border: 1px solid #ddd4f2; border-radius: 12px; background: #fbf9ff; }
.learning-action-panel > summary { display: grid; padding: .6rem .65rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; cursor: pointer; list-style: none; }
.learning-action-panel > summary::-webkit-details-marker { display: none; }
.learning-action-panel > summary > span { display: grid; min-width: 31px; height: 31px; padding: 0 .3rem; place-items: center; border-radius: 8px; color: #fff; background: #6d52c3; font-size: .43rem; font-weight: 900; }
.learning-action-panel > summary div { display: grid; }
.learning-action-panel > summary strong { color: #4b405e; font-size: .55rem; }
.learning-action-panel > summary small { color: #8e859b; font-size: .42rem; }
.learning-action-panel > form { display: grid; padding: .65rem; gap: .5rem; border-top: 1px solid #e7e1f1; }
.learning-action-panel label, .learning-review-form label, .learning-live-actions label { display: grid; gap: .2rem; color: #655c70; font-size: .46rem; font-weight: 750; }
.learning-action-panel textarea, .learning-review-form textarea, .learning-live-actions textarea { min-height: 58px; }
.learning-check-row { display: flex; padding: .45rem; flex-wrap: wrap; gap: .55rem; border: 1px solid #e3ddef; border-radius: 9px; background: #fff; }
.learning-check-row label { display: flex; align-items: center; gap: .3rem; }
.learning-check-row input { width: auto; accent-color: #7154ca; }
.learning-inline-reject { display: grid; margin-top: .45rem; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; }
.learning-inline-reject input { min-width: 0; }
.learning-inline-reject button, .rollback button { color: #8b524c; border-color: #dfc2be; background: #fff5f3; }
.learning-review-form { display: grid; margin-top: .65rem; padding: .65rem; gap: .5rem; border: 1px solid #e7cd8a; border-radius: 12px; background: #fff9e9; }
.learning-review-form > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; }
.learning-review-form > div > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #fff; background: #b37d16; font-size: .55rem; font-weight: 900; }
.learning-review-form p { display: grid; margin: 0; color: #7f7258; font-size: .45rem; }
.learning-review-form p strong { color: #765714; font-size: .55rem; }
.learning-review-form > section { display: flex; gap: .4rem; }
.rollout-panel { border-color: #d8e8ab; background: #fbffef; }
.rollout-panel > summary > span { color: #415511; background: #c7eb6c; font-size: .7rem; }
.learning-live-actions { display: grid; margin-top: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
.learning-live-actions details { padding: .5rem .6rem; border: 1px solid #ded9e7; border-radius: 10px; background: #faf9fc; }
.learning-live-actions summary { color: #665b76; cursor: pointer; font-size: .46rem; font-weight: 800; }
.learning-live-actions form { display: grid; padding-top: .5rem; gap: .45rem; }
.learning-live-actions form > div { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.learning-live-actions details.rollback { border-color: #ead7d3; background: #fffafa; }
.learning-decision-note { display: grid; margin: .6rem 0 0; padding: .58rem .65rem; gap: .14rem; border-radius: 10px; color: #736d78; background: #f3f1f4; font-size: .47rem; }
.learning-empty { display: grid; min-height: 490px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed #d5cee8; border-radius: 16px; color: var(--ink-faint); background: radial-gradient(circle at 50% 41%, #f2edff, transparent 23%), #fdfcff; text-align: center; }
.learning-empty > div { position: relative; display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid #cfc3f1; border-radius: 50%; box-shadow: 0 0 0 15px rgb(133 104 218 / 6%), 0 0 0 30px rgb(133 104 218 / 3%); }
.learning-empty > div span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #fff; background: #8066d4; font-size: 1rem; font-weight: 900; }
.learning-empty h3 { margin: .35rem 0 .2rem; color: var(--ink); }
.learning-empty > p:last-child { max-width: 430px; margin: 0; font-size: .6rem; line-height: 1.55; }

.learning-rail { position: sticky; top: 85px; display: grid; gap: .75rem; }
.learning-safety-panel { padding: 1rem; overflow: hidden; border: 1px solid #d9d2ed; border-radius: 19px; background: linear-gradient(150deg, #f6f2ff, #fff 65%); box-shadow: var(--shadow-sm); }
.learning-safety-panel h2 { margin: .2rem 0 .55rem; font-size: 1.15rem; letter-spacing: -.04em; line-height: 1.05; }
.learning-safety-panel ul { display: grid; margin: 0; padding: 0; list-style: none; }
.learning-safety-panel li { display: grid; padding: .5rem 0; grid-template-columns: auto 1fr; gap: .5rem; border-bottom: 1px solid #e7e2f0; }
.learning-safety-panel li > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; color: #485f13; background: #dff49f; font-size: .42rem; font-weight: 900; }
.learning-safety-panel li strong { color: #4e465b; font-size: .53rem; }
.learning-safety-panel li p { margin: .1rem 0 0; color: #918a99; font-size: .43rem; line-height: 1.45; }
.learning-safety-seal { display: grid; margin-top: .65rem; padding: .65rem; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; border: 1px solid #d8ed9e; border-radius: 12px; background: #f8ffe6; }
.learning-safety-seal > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: #536d18; font-size: 1rem; font-weight: 900; }
.learning-safety-seal p { display: grid; margin: 0; }
.learning-safety-seal strong { color: #4e641b; font-size: .56rem; }
.learning-safety-seal small { color: #829052; font-size: .42rem; }
.learning-proposal { overflow: hidden; border: 1px solid #d9d1ed; border-radius: 19px; background: #fff; box-shadow: var(--shadow-sm); }
.learning-proposal > summary { display: grid; padding: .85rem .95rem; grid-template-columns: auto 1fr; align-items: center; gap: .6rem; cursor: pointer; list-style: none; }
.learning-proposal > summary::-webkit-details-marker { display: none; }
.learning-proposal > summary > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #8468dc, #5941ab); font-size: 1rem; font-weight: 900; }
.learning-proposal > summary > div { display: grid; }
.learning-proposal > summary strong { font-size: .66rem; }
.learning-proposal > summary small { color: var(--ink-faint); font-size: .49rem; }
.learning-proposal[open] > summary { border-bottom: 1px solid #e4deef; background: #faf8ff; }
.learning-proposal form { max-height: min(70vh, 900px); padding: .85rem; overflow: auto; scrollbar-width: thin; }
.learning-proposal .field > label { font-size: .54rem; }
.learning-proposal .field > small { font-size: .44rem; }
.learning-proposal textarea { min-height: 65px; }
.learning-proposal select[multiple] { min-height: 125px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .45rem; }
.learning-submit-proof { display: grid; padding: .58rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; border: 1px solid #ded5f4; border-radius: 10px; background: #f7f3ff; }
.learning-submit-proof > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #fff; background: #7459c9; font-weight: 900; }
.learning-submit-proof p { display: grid; margin: 0; color: #887e9b; font-size: .43rem; }
.learning-submit-proof strong { color: #5c4b8a; font-size: .5rem; }

@media (max-width: 1200px) {
  .learning-workspace { grid-template-columns: minmax(0, 1fr) 305px; }
  .learning-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .learning-hero { grid-template-columns: 1fr 310px; }
  .learning-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .learning-workspace { grid-template-columns: 1fr; }
  .learning-rail { position: static; }
}
@media (max-width: 760px) {
  .learning-hero { min-height: 0; grid-template-columns: 1fr; }
  .learning-hero h1 { font-size: 3rem; }
  .learning-visual { min-height: 235px; }
  .learning-flow > header { align-items: start; }
  .learning-envelope > div, .learning-specification > div { grid-template-columns: 1fr; }
  .learning-envelope section + section { border-top: 1px solid #e8e4ee; border-left: 0; }
}
@media (max-width: 540px) {
  .learning-hero { padding: 1.2rem; border-radius: 18px; }
  .learning-hero h1 { font-size: 2.55rem; }
  .learning-hero-copy > p:not(.eyebrow) { font-size: .67rem; }
  .signal-one { left: 0; }
  .signal-two { right: 0; }
  .lab-gate { right: 0; }
  .learning-flow { padding-right: .65rem; padding-left: .65rem; }
  .learning-flow > header > span { display: none; }
  .learning-summary { gap: .45rem; }
  .learning-summary-card { min-height: 94px; padding: .65rem; gap: .5rem; }
  .learning-summary-card > span { width: 35px; height: 35px; }
  .learning-summary-card strong { font-size: 1.4rem; }
  .learning-board { padding: .6rem; }
  .learning-board-heading { display: grid; align-items: start; }
  .learning-filter-links { max-width: 100%; overflow-x: auto; }
  .learning-card { padding: .7rem; }
  .learning-card-header { display: grid; }
  .capability-version { grid-auto-flow: column; justify-self: start; align-items: center; }
  .learning-controls { grid-template-columns: 1fr 1fr; }
  .learning-review-form > section, .learning-inline-reject { grid-template-columns: 1fr; }
  .learning-review-form > section { display: grid; }
  .learning-review-form button { width: 100%; }
  .learning-live-actions { grid-template-columns: 1fr; }
  .learning-action-panel button, .learning-inline-reject button { width: 100%; }
}

/* Content evidence studio */
.experiment-hero { position: relative; display: grid; min-height: 330px; margin-bottom: .85rem; padding: clamp(1.4rem, 3.2vw, 2.8rem); grid-template-columns: minmax(0, 1.08fr) minmax(355px, .92fr); align-items: center; gap: 2rem; overflow: hidden; border: 1px solid #152626; border-radius: 24px; color: #f8f5ec; background: radial-gradient(circle at 92% 8%, rgb(65 222 197 / 17%), transparent 30%), radial-gradient(circle at 49% 110%, rgb(255 111 83 / 15%), transparent 35%), linear-gradient(135deg, #0d1819 0%, #142b2c 55%, #10191b 100%); box-shadow: 0 20px 48px rgb(9 29 29 / 22%); }
.experiment-hero::before { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 30%, rgb(255 255 255 / 3%) 30.2%, transparent 30.5%), linear-gradient(90deg, rgb(255 255 255 / 2%) 1px, transparent 1px); background-size: auto, 44px 44px; content: ""; }
.experiment-hero-copy { position: relative; z-index: 2; }
.experiment-hero .eyebrow { color: #75e4d1; }
.experiment-hero h1 { max-width: 780px; margin: .38rem 0 .75rem; color: #fffdf6; font-size: clamp(2.5rem, 5.2vw, 4.9rem); font-weight: 760; letter-spacing: -.07em; line-height: .94; }
.experiment-hero h1 em { color: #ff8a72; font-style: normal; }
.experiment-hero-copy > p:not(.eyebrow) { max-width: 690px; margin: 0; color: #b8cbc8; font-size: .77rem; line-height: 1.65; }
.experiment-hero-guard { display: grid; max-width: 620px; margin-top: 1.05rem; padding: .7rem .8rem; grid-template-columns: auto 1fr; align-items: center; gap: .65rem; border: 1px solid rgb(255 138 114 / 25%); border-radius: 13px; background: rgb(5 14 15 / 42%); backdrop-filter: blur(8px); }
.experiment-hero-guard > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #4c1d17; background: #ff9279; font-size: .9rem; font-weight: 900; }
.experiment-hero-guard div { display: grid; gap: .08rem; }
.experiment-hero-guard strong { color: #ffd2c7; font-size: .61rem; }
.experiment-hero-guard small { color: #94aaa6; font-size: .5rem; line-height: 1.45; }
.experiment-hero-visual { position: relative; z-index: 1; min-height: 255px; }
.experiment-orbit { position: absolute; border: 1px solid rgb(99 226 204 / 16%); border-radius: 50%; }
.orbit-one { inset: 13px 35px; }
.orbit-two { inset: 43px 76px; border-color: rgb(255 138 114 / 15%); }
.experiment-arm { position: absolute; top: 54px; display: grid; width: 126px; height: 145px; padding: .75rem; align-content: space-between; overflow: hidden; border-radius: 20px; box-shadow: 0 20px 40px rgb(0 0 0 / 24%); }
.experiment-arm::after { position: absolute; right: -22px; bottom: -30px; width: 95px; height: 95px; border: 1px solid currentcolor; border-radius: 50%; opacity: .22; content: ""; }
.experiment-arm small { font-size: .4rem; font-weight: 900; letter-spacing: .12em; }
.experiment-arm strong { font-size: 3rem; line-height: 1; }
.experiment-arm span { font-size: .48rem; font-weight: 800; }
.experiment-arm i { display: block; height: 4px; border-radius: 99px; background: currentcolor; }
.arm-a { left: 7%; color: #162e2b; background: linear-gradient(145deg, #98f0df, #59cdb8); transform: rotate(-4deg); }
.arm-b { right: 7%; color: #481b14; background: linear-gradient(145deg, #ffad9b, #ff8067); transform: rotate(4deg); }
.experiment-signal { position: absolute; top: 94px; left: 50%; display: grid; width: 102px; grid-template-columns: 1fr 18px 1fr; align-items: center; justify-items: center; color: #fff; transform: translateX(-50%); }
.experiment-signal span, .experiment-signal b { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid rgb(255 255 255 / 18%); border-radius: 50%; background: #172829; font-size: .55rem; }
.experiment-signal i { width: 25px; height: 1px; background: linear-gradient(90deg, #60d3bf, #ff846c); }
.experiment-signal small { grid-column: 1 / -1; margin-top: .45rem; color: #778e89; font-size: .35rem; font-weight: 850; letter-spacing: .08em; white-space: nowrap; }
.experiment-hero-visual > p { position: absolute; right: 0; bottom: 7px; left: 0; display: flex; margin: 0; align-items: center; justify-content: center; gap: .35rem; color: #91aaa5; font-size: .43rem; }
.experiment-hero-visual > p span { width: 6px; height: 6px; border-radius: 50%; background: #ff886f; box-shadow: 0 0 0 4px rgb(255 136 111 / 10%); }

.experiment-contract { display: grid; margin-bottom: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #d9e2df; border-radius: 17px; background: #fff; box-shadow: var(--shadow-sm); }
.experiment-contract article { display: grid; min-height: 86px; padding: .7rem .8rem; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; }
.experiment-contract article + article { border-left: 1px solid #e4eae8; }
.experiment-contract article > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #176a5d; background: #dcf7f0; font-size: .46rem; font-weight: 900; }
.experiment-contract div { display: grid; gap: .12rem; }
.experiment-contract strong { color: #344643; font-size: .56rem; }
.experiment-contract small { color: #8a9996; font-size: .43rem; line-height: 1.45; }

.experiment-summary { display: grid; margin-bottom: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.experiment-summary a { position: relative; display: grid; min-height: 96px; padding: .75rem .85rem; grid-template-columns: 1fr auto; align-items: end; overflow: hidden; border: 1px solid #dce5e2; border-radius: 15px; color: inherit; background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; }
.experiment-summary a::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #65d6c3; content: ""; }
.experiment-summary a:nth-child(3)::before { background: #ff9278; }
.experiment-summary a:nth-child(4)::before { background: #9aa7a4; }
.experiment-summary a[aria-current="page"] { border-color: #4fb7a5; box-shadow: 0 9px 25px rgb(36 117 104 / 12%); }
.experiment-summary span { grid-column: 1 / -1; color: #7a8a87; font-size: .47rem; }
.experiment-summary strong { color: #263936; font-size: 1.75rem; line-height: 1; }
.experiment-summary small { color: #879592; font-size: .43rem; text-align: right; }

.experiment-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: .85rem; }
.experiment-board { min-width: 0; padding: .85rem; border: 1px solid #dce4e2; border-radius: 20px; background: #f7f9f8; box-shadow: var(--shadow-sm); }
.experiment-board-header { display: flex; padding: .2rem .25rem .75rem; align-items: end; justify-content: space-between; gap: .8rem; }
.experiment-board-header h2 { margin: .12rem 0; color: #233633; font-size: 1.18rem; letter-spacing: -.035em; }
.experiment-board-header p:last-child { margin: 0; color: #8a9895; font-size: .48rem; }
.experiment-filter { display: flex; padding: .18rem; gap: .12rem; border: 1px solid #dce5e2; border-radius: 10px; background: #fff; }
.experiment-filter a { padding: .38rem .5rem; border-radius: 7px; color: #72817e; font-size: .48rem; font-weight: 760; text-decoration: none; }
.experiment-filter a[aria-current="page"] { color: #fff; background: #207f70; }
.experiment-list { display: grid; gap: .75rem; }
.experiment-card { position: relative; padding: .9rem; overflow: hidden; border: 1px solid #dce5e2; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgb(30 64 58 / 5%); }
.experiment-card::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #58cbb7; content: ""; }
.experiment-card.status-completed::before { background: #ff876e; }
.experiment-card.status-cancelled::before { background: #9da7a5; }
.experiment-card-header { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.experiment-card-header > div { min-width: 0; }
.experiment-card-header span { color: #388c7d; font-size: .42rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.experiment-card-header h3 { margin: .12rem 0; overflow: hidden; color: #263936; font-size: .9rem; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.experiment-card-header p { margin: 0; color: #8b9996; font-size: .44rem; }
.experiment-card-header > b { padding: .26rem .48rem; border-radius: 999px; color: #266c60; background: #e1f7f2; font-size: .42rem; white-space: nowrap; }
.status-completed .experiment-card-header > b { color: #8c483b; background: #fff0ec; }
.status-cancelled .experiment-card-header > b { color: #66716f; background: #eef1f0; }
.experiment-hypothesis { display: grid; margin-top: .65rem; padding: .58rem .65rem; grid-template-columns: auto 1fr; gap: .5rem; border: 1px solid #dfebe8; border-radius: 11px; background: #f8fcfb; }
.experiment-hypothesis > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #126b5d; background: #dff7f1; font-size: .51rem; font-weight: 900; }
.experiment-hypothesis small { color: #50887f; font-size: .4rem; font-weight: 850; text-transform: uppercase; }
.experiment-hypothesis p { margin: .12rem 0 0; color: #556662; font-size: .51rem; line-height: 1.5; }
.experiment-allocation { margin-top: .65rem; padding: .55rem .65rem; border: 1px solid #e1e8e6; border-radius: 11px; }
.experiment-allocation header { display: flex; align-items: center; justify-content: space-between; color: #788783; font-size: .43rem; }
.experiment-allocation header strong { color: #3e5651; }
.experiment-allocation > div { position: relative; height: 8px; margin: .35rem 0 .28rem; overflow: hidden; border-radius: 999px; background: #ff9a83; }
.experiment-allocation > div i { display: block; height: 100%; background: #5ed0bc; }
.experiment-allocation > div b { position: absolute; top: -2px; bottom: -2px; left: 50%; width: 2px; background: #fff; }
.experiment-allocation p { margin: 0; color: #9aa5a2; font-size: .39rem; }
.experiment-variants { display: grid; margin-top: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.experiment-variants article { min-width: 0; padding: .65rem; border: 1px solid #dce9e6; border-radius: 12px; background: linear-gradient(145deg, #f7fffd, #fff); }
.experiment-variants article.variant-b { border-color: #f0ddd9; background: linear-gradient(145deg, #fff8f6, #fff); }
.experiment-variants header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; }
.experiment-variants header > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #0f6658; background: #d9f5ef; font-size: .7rem; font-weight: 950; }
.experiment-variants .variant-b header > span { color: #8a3f32; background: #ffe5df; }
.experiment-variants header div { display: grid; min-width: 0; }
.experiment-variants header small { color: #84938f; font-size: .37rem; }
.experiment-variants header strong { overflow: hidden; color: #3c504c; font-size: .49rem; text-overflow: ellipsis; white-space: nowrap; }
.experiment-variants header > b { padding: .18rem .3rem; border-radius: 999px; color: #347467; background: #e6f7f3; font-size: .33rem; }
.experiment-variants article > p { display: -webkit-box; min-height: 50px; margin: .55rem 0; overflow: hidden; color: #596965; font-size: .48rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.experiment-variants footer { display: grid; padding-top: .45rem; border-top: 1px solid #e7edeb; gap: .08rem; }
.experiment-variants footer small { color: #8b9895; font-size: .36rem; }
.experiment-variants footer strong { color: #4b5f5b; font-size: .43rem; }
.experiment-results { margin-top: .65rem; overflow: hidden; border: 1px solid #dce5e2; border-radius: 12px; }
.experiment-results > header { display: flex; padding: .52rem .65rem; align-items: center; justify-content: space-between; gap: .6rem; background: #f6f9f8; }
.experiment-results > header > div { display: grid; }
.experiment-results > header span { color: #768783; font-size: .4rem; }
.experiment-results > header strong { color: #425753; font-size: .52rem; }
.experiment-results > header > b { padding: .2rem .36rem; border-radius: 999px; color: #855147; background: #fff0ec; font-size: .34rem; letter-spacing: .05em; }
.result-comparison { display: grid; padding: .65rem; grid-template-columns: 1fr minmax(145px, .85fr) 1fr; align-items: stretch; gap: .45rem; }
.result-comparison article, .result-comparison > div { display: grid; padding: .5rem; align-content: center; justify-items: center; border-radius: 10px; text-align: center; }
.result-comparison article { border: 1px solid #dceae7; background: #f8fdfc; }
.result-comparison article:last-child { border-color: #f0dfda; background: #fff9f7; }
.result-comparison article span { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 6px; color: #fff; background: #23917f; font-size: .45rem; font-weight: 900; }
.result-comparison article:last-child span { background: #e66f58; }
.result-comparison strong { margin-top: .16rem; color: #314844; font-size: .92rem; }
.result-comparison small { color: #8e9a97; font-size: .36rem; line-height: 1.4; }
.result-comparison > div { color: #6f7e7b; background: #f3f5f4; }
.result-comparison > div span { font-size: .4rem; }
.result-comparison > div strong { font-size: .75rem; }
.experiment-results details { border-top: 1px solid #e5ebe9; }
.experiment-results summary { display: flex; padding: .5rem .65rem; align-items: center; justify-content: space-between; color: #6e7d79; cursor: pointer; font-size: .43rem; font-weight: 750; list-style: none; }
.experiment-results summary::-webkit-details-marker { display: none; }
.experiment-results ol { display: grid; margin: 0; padding: 0 .65rem .65rem; gap: .3rem; list-style: none; }
.experiment-results li { display: grid; padding: .4rem .5rem; grid-template-columns: auto auto 1fr; align-items: center; gap: .45rem; border-radius: 8px; background: #f7f9f8; }
.experiment-results li span { color: #3f756b; font-size: .38rem; font-weight: 800; }
.experiment-results li strong { color: #53635f; font-size: .4rem; }
.experiment-results li small { overflow: hidden; color: #899692; font-size: .36rem; text-overflow: ellipsis; white-space: nowrap; }
.experiment-policy-strip { display: flex; margin-top: .55rem; padding: .42rem .5rem; flex-wrap: wrap; gap: .3rem; border-radius: 9px; background: #142827; }
.experiment-policy-strip span { padding: .16rem .3rem; border: 1px solid rgb(112 224 205 / 20%); border-radius: 999px; color: #8ddfce; font-size: .32rem; font-weight: 850; letter-spacing: .04em; }
.experiment-decision-panel, .experiment-start-panel { display: grid; margin-top: .6rem; padding: .65rem; grid-template-columns: minmax(150px, .75fr) 1.25fr; gap: .65rem; border: 1px solid #e9c8a8; border-radius: 12px; background: #fff9ee; }
.experiment-decision-panel > div, .experiment-start-panel > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .45rem; }
.experiment-decision-panel > div > span, .experiment-start-panel > div > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #fff; background: #bc711f; font-size: .55rem; font-weight: 900; }
.experiment-decision-panel p, .experiment-start-panel p { display: grid; margin: 0; }
.experiment-decision-panel p strong, .experiment-start-panel p strong { color: #7d571f; font-size: .52rem; }
.experiment-decision-panel p small, .experiment-start-panel p small { color: #9a886c; font-size: .4rem; }
.experiment-decision-panel form { display: grid; gap: .4rem; }
.experiment-decision-panel form > div { display: flex; gap: .35rem; }
.experiment-decision-panel textarea { min-height: 58px; }
.experiment-start-panel { align-items: center; border-color: #cce7e1; background: #f4fffc; }
.experiment-start-panel > div > span { color: #185f54; background: #b8efdf; }
.experiment-start-panel form { justify-self: end; }
.experiment-live-panel { display: grid; margin-top: .6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.experiment-live-panel details { padding: .55rem .6rem; border: 1px solid #d8e6e3; border-radius: 11px; background: #f9fcfb; }
.experiment-live-panel summary { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .4rem; cursor: pointer; list-style: none; }
.experiment-live-panel summary::-webkit-details-marker { display: none; }
.experiment-live-panel summary > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; color: #fff; background: #258d7c; font-weight: 900; }
.experiment-live-panel summary div { display: grid; }
.experiment-live-panel summary strong { color: #405a55; font-size: .5rem; }
.experiment-live-panel summary small { color: #8a9895; font-size: .38rem; }
.experiment-live-panel form { display: grid; padding-top: .5rem; gap: .4rem; }
.experiment-live-panel label { display: grid; gap: .18rem; color: #657570; font-size: .42rem; font-weight: 740; }
.experiment-live-panel textarea { min-height: 55px; }
.experiment-count-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
.experiment-winner { display: grid; margin-top: .6rem; padding: .7rem; grid-template-columns: auto minmax(0, 1fr) minmax(190px, .7fr); align-items: center; gap: .65rem; border: 1px solid #f0cfc7; border-radius: 13px; background: linear-gradient(100deg, #fff4f1, #fff); }
.experiment-winner > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #fff; background: #ed745d; font-size: 1.1rem; font-weight: 950; }
.experiment-winner > div { min-width: 0; }
.experiment-winner small { color: #a66b60; font-size: .37rem; font-weight: 850; text-transform: uppercase; }
.experiment-winner h4 { margin: .08rem 0; color: #6d3c34; font-size: .68rem; }
.experiment-winner p { margin: 0; color: #8b6962; font-size: .42rem; line-height: 1.45; }
.experiment-winner b { display: inline-block; margin-top: .25rem; padding: .16rem .3rem; border-radius: 999px; color: #7d5149; background: #ffe2db; font-size: .32rem; }
.experiment-winner form { display: grid; gap: .35rem; }
.experiment-cancelled { display: grid; margin: .6rem 0 0; padding: .55rem .65rem; gap: .1rem; border-radius: 10px; color: #77827f; background: #f0f2f1; font-size: .43rem; }
.experiment-empty { display: grid; min-height: 480px; padding: 2rem; place-items: center; align-content: center; border: 1px dashed #cbdcd8; border-radius: 16px; background: radial-gradient(circle at 50% 42%, #e5f8f3, transparent 24%), #fbfdfc; text-align: center; }
.experiment-empty > div { display: grid; width: 125px; grid-template-columns: auto 1fr auto; align-items: center; }
.experiment-empty > div span, .experiment-empty > div b { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #fff; background: #2b9b89; font-size: .9rem; }
.experiment-empty > div b { background: #ef8069; }
.experiment-empty > div i { height: 2px; background: linear-gradient(90deg, #2b9b89, #ef8069); }
.experiment-empty h3 { margin: .35rem 0 .2rem; color: #2f4541; }
.experiment-empty > p:last-child { max-width: 440px; margin: 0; color: #7d8c88; font-size: .58rem; line-height: 1.55; }

.experiment-rail { position: sticky; top: 85px; display: grid; gap: .75rem; }
.experiment-truth-panel { padding: 1rem; overflow: hidden; border: 1px solid #d5e4e0; border-radius: 19px; background: linear-gradient(155deg, #effcf8, #fff 64%); box-shadow: var(--shadow-sm); }
.experiment-truth-panel h2 { margin: .2rem 0 .55rem; color: #253e39; font-size: 1.16rem; letter-spacing: -.045em; line-height: 1.05; }
.experiment-truth-panel ul { display: grid; margin: 0; padding: 0; list-style: none; }
.experiment-truth-panel li { display: grid; padding: .5rem 0; grid-template-columns: auto 1fr; gap: .5rem; border-bottom: 1px solid #dfece9; }
.experiment-truth-panel li > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #17695c; background: #d4f4ec; font-size: .42rem; font-weight: 900; }
.experiment-truth-panel li strong { color: #465c57; font-size: .51rem; }
.experiment-truth-panel li p { margin: .08rem 0 0; color: #899793; font-size: .41rem; line-height: 1.45; }
.experiment-truth-panel > div { display: grid; margin-top: .65rem; padding: .65rem; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; border: 1px solid #f0d5cf; border-radius: 12px; background: #fff5f2; }
.experiment-truth-panel > div strong { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: #fff; background: #d96853; font-size: 1rem; }
.experiment-truth-panel > div span { color: #89584f; font-size: .5rem; font-weight: 800; }
.experiment-proposal { overflow: hidden; border: 1px solid #d4e3df; border-radius: 19px; background: #fff; box-shadow: var(--shadow-sm); }
.experiment-proposal > summary { display: grid; padding: .85rem .95rem; grid-template-columns: auto 1fr; align-items: center; gap: .6rem; cursor: pointer; list-style: none; }
.experiment-proposal > summary::-webkit-details-marker { display: none; }
.experiment-proposal > summary > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #2aa590, #176e60); font-size: 1rem; font-weight: 900; }
.experiment-proposal > summary > div { display: grid; }
.experiment-proposal > summary strong { color: #324944; font-size: .64rem; }
.experiment-proposal > summary small { color: #82918d; font-size: .47rem; }
.experiment-proposal[open] > summary { border-bottom: 1px solid #dfe9e6; background: #f8fdfb; }
.experiment-proposal form { max-height: min(72vh, 920px); padding: .85rem; overflow: auto; scrollbar-width: thin; }
.experiment-proposal .field > label { font-size: .52rem; }
.experiment-proposal .field > small { font-size: .42rem; }
.experiment-proposal textarea { min-height: 62px; }
.experiment-proposal .field-attested_no_publish { padding: .55rem; border: 1px solid #f0d7d1; border-radius: 10px; background: #fff7f5; }
.experiment-proposal .field-attested_no_publish label { display: flex; align-items: start; gap: .35rem; color: #795d56; font-size: .44rem; line-height: 1.45; }
.experiment-proposal .field-attested_no_publish input { width: auto; margin-top: .08rem; accent-color: #258d7c; }
.experiment-submit-proof { display: grid; padding: .58rem; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; border: 1px solid #d3e9e4; border-radius: 10px; background: #f1fcf9; }
.experiment-submit-proof > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg, #278d7c 50%, #e97861 50%); font-size: .4rem; font-weight: 900; }
.experiment-submit-proof p { display: grid; margin: 0; color: #7d8f8b; font-size: .41rem; }
.experiment-submit-proof strong { color: #426a62; font-size: .49rem; }

@media (max-width: 1200px) {
  .experiment-workspace { grid-template-columns: minmax(0, 1fr) 305px; }
  .experiment-hero { grid-template-columns: minmax(0, 1fr) 340px; }
}
@media (max-width: 1000px) {
  .experiment-workspace { grid-template-columns: 1fr; }
  .experiment-rail { position: static; }
  .experiment-contract { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .experiment-contract article:nth-child(3) { border-top: 1px solid #e4eae8; border-left: 0; }
  .experiment-contract article:nth-child(4) { border-top: 1px solid #e4eae8; }
  .experiment-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .experiment-hero { min-height: 0; grid-template-columns: 1fr; }
  .experiment-hero h1 { font-size: 3rem; }
  .experiment-hero-visual { min-height: 235px; }
  .experiment-variants { grid-template-columns: 1fr; }
  .experiment-live-panel { grid-template-columns: 1fr; }
  .experiment-winner { grid-template-columns: auto 1fr; }
  .experiment-winner form { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  .experiment-hero { padding: 1.15rem; border-radius: 18px; }
  .experiment-hero h1 { font-size: 2.45rem; }
  .experiment-hero-copy > p:not(.eyebrow) { font-size: .65rem; }
  .experiment-arm { width: 108px; height: 133px; }
  .arm-a { left: 0; }
  .arm-b { right: 0; }
  .experiment-contract article { min-height: 80px; padding: .55rem; }
  .experiment-contract article:nth-child(even) { border-left: 1px solid #e4eae8; }
  .experiment-summary { gap: .42rem; }
  .experiment-summary a { min-height: 86px; padding: .65rem; }
  .experiment-board { padding: .58rem; }
  .experiment-board-header { display: grid; align-items: start; }
  .experiment-filter { max-width: 100%; overflow-x: auto; }
  .experiment-card { padding: .7rem; }
  .experiment-card-header { display: grid; }
  .experiment-card-header > b { justify-self: start; }
  .result-comparison { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .result-comparison > div { grid-column: 1 / -1; grid-row: 2; }
  .experiment-results li { grid-template-columns: 1fr; }
  .experiment-results li small { white-space: normal; }
  .experiment-decision-panel, .experiment-start-panel { grid-template-columns: 1fr; }
  .experiment-start-panel form { justify-self: stretch; }
  .experiment-start-panel button, .experiment-decision-panel button { width: 100%; }
  .experiment-decision-panel form > div { display: grid; }
  .experiment-count-grid { grid-template-columns: 1fr 1fr; }
}

/* Agent goal scope studio */
.scope-hero { position: relative; display: grid; min-height: 390px; padding: 2.1rem; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); align-items: center; gap: 1.4rem; overflow: hidden; border-radius: 26px; color: #f5fffb; background: radial-gradient(circle at 78% 30%, rgba(54, 229, 187, .2), transparent 31%), linear-gradient(135deg, #071d21 0%, #0b3434 56%, #0b262b 100%); box-shadow: 0 22px 56px rgba(7, 35, 38, .2); }
.scope-hero::before { position: absolute; inset: 0; content: ""; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, transparent 5%, #000 55%, #000); }
.scope-hero-copy { position: relative; z-index: 1; max-width: 720px; }
.scope-hero .eyebrow { color: #65e8c3; letter-spacing: .18em; }
.scope-hero h1 { max-width: 760px; margin: .25rem 0 .75rem; color: #fff; font-size: clamp(2.65rem, 5.2vw, 5.65rem); line-height: .88; letter-spacing: -.065em; }
.scope-hero-copy > p:not(.eyebrow) { max-width: 670px; color: #b8d4d0; font-size: .82rem; line-height: 1.65; }
.scope-truth-row { display: flex; margin-top: 1.25rem; flex-wrap: wrap; gap: .48rem; }
.scope-truth-row span { display: inline-flex; padding: .42rem .58rem; align-items: center; gap: .38rem; border: 1px solid rgba(114, 233, 204, .24); border-radius: 999px; color: #d8efeb; background: rgba(7, 27, 30, .5); font-size: .48rem; font-weight: 760; }
.scope-truth-row i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #082b2b; background: #64e6bf; font-style: normal; font-size: .38rem; font-weight: 900; }
.scope-orbit { position: relative; z-index: 1; min-height: 330px; border: 1px solid rgba(104, 231, 197, .2); border-radius: 50%; background: radial-gradient(circle, rgba(71, 226, 185, .14), transparent 58%); }
.scope-orbit::before, .scope-orbit::after { position: absolute; inset: 50%; width: 68%; height: 68%; content: ""; transform: translate(-50%, -50%); border: 1px dashed rgba(128, 235, 208, .28); border-radius: 50%; }
.scope-orbit::after { width: 42%; height: 42%; border-style: solid; }
.scope-orbit-core { position: absolute; inset: 50% auto auto 50%; display: grid; width: 112px; height: 112px; place-items: center; align-content: center; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,.5); border-radius: 50%; color: #092d2d; background: linear-gradient(135deg, #74f0cc, #c8ffeb); box-shadow: 0 0 50px rgba(69, 229, 187, .28); font-size: 1.1rem; font-weight: 950; letter-spacing: -.04em; }
.scope-orbit-core small { color: #32645e; font-size: .42rem; letter-spacing: .04em; }
.scope-orbit-node { position: absolute; display: grid; min-width: 92px; padding: .48rem .58rem; place-items: center; border: 1px solid rgba(119, 233, 203, .3); border-radius: 10px; color: #d7f6ee; background: rgba(7, 27, 30, .88); box-shadow: 0 8px 28px rgba(0,0,0,.2); font-size: .46rem; font-weight: 800; }
.node-platform { top: 2%; left: 50%; transform: translateX(-50%); }
.node-campaign { top: 29%; right: -4%; }
.node-product { right: 5%; bottom: 8%; }
.node-format { bottom: 8%; left: 4%; }
.node-conversation { top: 29%; left: -5%; }

.scope-summary { display: grid; margin: 1rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.scope-summary article { position: relative; display: grid; min-height: 106px; padding: .85rem 1rem; overflow: hidden; border: 1px solid #dfeae6; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(23, 55, 50, .055); }
.scope-summary article::after { position: absolute; right: -18px; bottom: -30px; width: 90px; height: 90px; content: ""; border-radius: 50%; background: #e9fbf5; }
.scope-summary span, .scope-summary small { position: relative; z-index: 1; color: #78908a; font-size: .46rem; }
.scope-summary strong { position: relative; z-index: 1; color: #143d37; font-size: 1.8rem; line-height: 1; }

.scope-studio-grid { display: grid; margin-top: 1rem; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: .8rem; }
.scope-editor, .scope-enforcement { padding: 1rem; border: 1px solid #dce8e4; border-radius: 19px; box-shadow: 0 12px 34px rgba(30, 66, 59, .06); }
.scope-section-heading { display: flex; margin-bottom: .85rem; align-items: start; justify-content: space-between; gap: 1rem; }
.scope-section-heading h2, .scope-enforcement h2 { margin: .08rem 0 .2rem; color: #163f39; font-size: 1.08rem; letter-spacing: -.035em; }
.scope-section-heading p:not(.eyebrow) { margin: 0; color: #78908a; font-size: .53rem; }
.scope-editor-badge { padding: .38rem .52rem; border: 1px solid #bde7da; border-radius: 999px; color: #16745e; background: #eafff8; font-size: .4rem; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.scope-goal-picker { display: grid; padding: .72rem; gap: .28rem; border: 1px solid #d7e6e1; border-radius: 13px; background: #f8fcfa; }
.scope-goal-picker label { color: #345b54; font-size: .49rem; font-weight: 850; }
.scope-goal-picker select { width: 100%; min-height: 42px; border-color: #c9ddd7; background: #fff; }
.scope-goal-picker small { color: #7c918c; font-size: .43rem; }
.scope-mode-picker { margin: .75rem 0; padding: .68rem; border: 1px solid #dbe8e4; border-radius: 13px; }
.scope-mode-picker legend { padding: 0 .25rem; color: #345b54; font-size: .48rem; font-weight: 850; }
.scope-mode-picker > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.scope-mode-picker label { display: flex; min-height: 45px; padding: .58rem; align-items: center; gap: .38rem; border: 1px solid #d9e8e3; border-radius: 10px; color: #43665f; background: #fbfdfc; font-size: .46rem; font-weight: 760; }
.scope-mode-picker input { width: auto; accent-color: #14866d; }
.scope-dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .62rem; }
.scope-dimension { min-width: 0; padding: .7rem; border: 1px solid #dbe8e4; border-radius: 14px; background: #fff; }
.scope-dimension:last-child { grid-column: 1 / -1; }
.scope-dimension legend { padding: 0 .28rem; color: #234b44; font-size: .5rem; font-weight: 900; }
.scope-dimension legend span { display: inline-grid; width: 23px; height: 23px; margin-right: .25rem; place-items: center; border-radius: 7px; color: #147860; background: #e9faf4; }
.scope-dimension > p { margin: 0 0 .45rem; color: #81948f; font-size: .43rem; }
.scope-dimension > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
.scope-dimension:last-child > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scope-dimension label { display: flex; min-width: 0; min-height: 35px; padding: .36rem .42rem; align-items: center; gap: .3rem; overflow-wrap: anywhere; border: 1px solid #e1ebe8; border-radius: 8px; color: #52716b; background: #f9fcfb; font-size: .42rem; line-height: 1.25; }
.scope-dimension input { width: auto; flex: 0 0 auto; accent-color: #15836a; }
.scope-dimension-platform { border-top: 3px solid #35b993; }
.scope-dimension-campaign { border-top: 3px solid #e6a84d; }
.scope-dimension-product { border-top: 3px solid #778ee8; }
.scope-dimension-format { border-top: 3px solid #dd7a69; }
.scope-dimension-conversation { border-top: 3px solid #9675d5; }
.scope-confirmation { display: flex; margin-top: .7rem; padding: .65rem; align-items: start; gap: .4rem; border: 1px solid #cce7de; border-radius: 11px; color: #42665f; background: #f0fbf7; font-size: .47rem; line-height: 1.5; }
.scope-confirmation input { width: auto; margin-top: .12rem; accent-color: #14836a; }
.scope-editor-footer { display: flex; margin-top: .7rem; align-items: center; justify-content: space-between; gap: .65rem; }
.scope-editor-footer > span { display: inline-flex; align-items: center; gap: .3rem; color: #718a84; font-size: .43rem; }
.scope-editor-footer i { width: 8px; height: 8px; border-radius: 50%; background: #35b88e; box-shadow: 0 0 0 4px #e1f8f0; }
.scope-editor-footer button { min-height: 42px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #12846a, #0c6659); box-shadow: 0 8px 18px rgba(18, 126, 102, .2); }

.scope-enforcement { position: sticky; top: 1rem; color: #d9efea; background: linear-gradient(155deg, #0d2729, #102f31); border-color: #173f3f; }
.scope-enforcement .eyebrow { color: #67deb9; }
.scope-enforcement h2 { color: #fff; }
.scope-enforcement ol { display: grid; margin: .7rem 0; padding: 0; gap: .42rem; list-style: none; }
.scope-enforcement li { display: grid; padding: .52rem; grid-template-columns: 31px 1fr; align-items: center; gap: .42rem; border: 1px solid rgba(137, 222, 198, .15); border-radius: 10px; background: rgba(255,255,255,.035); }
.scope-enforcement li > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #0d342f; background: #70e2bf; font-size: .44rem; font-weight: 950; }
.scope-enforcement li div { display: grid; gap: .08rem; }
.scope-enforcement li strong { color: #eafaf6; font-size: .49rem; }
.scope-enforcement li small { color: #91ada7; font-size: .4rem; line-height: 1.45; }
.scope-hard-rule { padding: .65rem; border: 1px solid rgba(239, 186, 98, .25); border-radius: 11px; background: rgba(229, 166, 65, .08); }
.scope-hard-rule strong { color: #f3c776; font-size: .45rem; text-transform: uppercase; letter-spacing: .1em; }
.scope-hard-rule p { margin: .2rem 0 0; color: #b9c9c5; font-size: .43rem; line-height: 1.5; }

.scope-catalog { margin-top: 1.1rem; }
.scope-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.scope-card { padding: .82rem; overflow: hidden; border: 1px solid #dbe7e3; border-radius: 17px; box-shadow: 0 9px 25px rgba(30, 65, 58, .05); }
.scope-card-restricted { border-top: 4px solid #22a77f; }
.scope-card-brand_wide { border-top: 4px solid #e1a84e; }
.scope-card-invalid { border-top: 4px solid #ce675b; }
.scope-card > header { display: grid; grid-template-columns: 39px minmax(0, 1fr) auto; align-items: start; gap: .5rem; }
.scope-card-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #167d69, #31b68d); font-size: .7rem; font-weight: 900; }
.scope-card header p { margin: 0; color: #76908a; font-size: .4rem; }
.scope-card h3 { margin: .1rem 0 0; overflow-wrap: anywhere; color: #1d443d; font-size: .66rem; line-height: 1.25; }
.scope-state { padding: .33rem .42rem; border-radius: 999px; color: #176f5d; background: #e8faf4; font-size: .38rem; font-weight: 900; white-space: nowrap; }
.scope-card-brand_wide .scope-state { color: #8b641f; background: #fff4dd; }
.scope-card-invalid .scope-state { color: #9b433c; background: #fff0ee; }
.scope-card-meta { display: flex; margin: .55rem 0; flex-wrap: wrap; align-items: center; gap: .35rem; color: #7f938e; font-size: .4rem; }
.scope-card-meta > span:not(.status-pill) { padding-left: .35rem; border-left: 1px solid #dbe5e2; }
.scope-legacy-note, .scope-warning { display: grid; margin: .5rem 0; padding: .52rem; gap: .1rem; border-radius: 9px; font-size: .42rem; }
.scope-legacy-note { color: #83632d; background: #fff7e8; border: 1px solid #f0dbaa; }
.scope-legacy-note strong { color: #74521c; }
.scope-warning { color: #94463e; background: #fff0ee; border: 1px solid #efc2bd; }
.scope-flow { display: flex; padding: .55rem; align-items: center; justify-content: center; gap: .28rem; overflow-x: auto; border-radius: 10px; color: #68837d; background: #f4f9f7; font-size: .37rem; font-weight: 850; white-space: nowrap; }
.scope-flow i { color: #9db2ad; font-style: normal; }
.scope-flow strong { padding: .24rem .34rem; border-radius: 6px; color: #fff; background: #177b68; }
.scope-card-brand_wide .scope-flow strong { background: #c58a2f; }
.scope-card-dimensions { display: grid; margin-top: .58rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .38rem; }
.scope-card-dimensions section { min-width: 0; padding: .45rem; border: 1px solid #e3ebe8; border-radius: 9px; }
.scope-card-dimensions section:last-child { grid-column: 1 / -1; }
.scope-card-dimensions small { display: block; margin-bottom: .28rem; color: #77908a; font-size: .38rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.scope-card-dimensions div { display: flex; flex-wrap: wrap; gap: .22rem; }
.scope-card-dimensions span { padding: .22rem .3rem; border-radius: 6px; color: #266457; background: #eaf8f3; font-size: .39rem; font-weight: 750; }
.scope-card-dimensions em { color: #9aaba7; font-size: .39rem; font-style: normal; }
.scope-card > footer { display: flex; margin-top: .58rem; padding-top: .5rem; align-items: center; justify-content: space-between; gap: .4rem; border-top: 1px solid #e4ebe9; }
.scope-card footer > span { display: inline-flex; align-items: center; gap: .28rem; color: #778e89; font-size: .4rem; }
.scope-card footer i { width: 8px; height: 8px; border-radius: 50%; }
.scope-open-dot { background: #31b68b; box-shadow: 0 0 0 3px #def6ed; }
.scope-lock-dot { background: #768884; box-shadow: 0 0 0 3px #e7ecea; }
.scope-card footer a { color: #147861; font-size: .43rem; font-weight: 850; }
.scope-empty { grid-column: 1 / -1; display: grid; min-height: 220px; padding: 1.2rem; place-items: center; align-content: center; text-align: center; }
.scope-empty > span { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 14px; color: #167961; background: #e8faf3; font-size: 1.1rem; }
.scope-empty h3 { margin: .5rem 0 .15rem; color: #23483f; }
.scope-empty p { max-width: 430px; margin: 0; color: #7d918c; font-size: .5rem; }
.scope-empty a { margin-top: .6rem; color: #14775f; font-size: .48rem; font-weight: 850; }

@media (max-width: 1120px) {
  .scope-hero { grid-template-columns: minmax(0, 1fr) 350px; }
  .scope-studio-grid { grid-template-columns: minmax(0, 1fr) 290px; }
}
@media (max-width: 940px) {
  .scope-hero { grid-template-columns: 1fr; }
  .scope-orbit { width: min(100%, 420px); justify-self: center; }
  .scope-studio-grid { grid-template-columns: 1fr; }
  .scope-enforcement { position: static; }
  .scope-enforcement ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .scope-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scope-card-grid { grid-template-columns: 1fr; }
  .scope-dimension-grid { grid-template-columns: 1fr; }
  .scope-dimension:last-child { grid-column: auto; }
  .scope-dimension:last-child > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .scope-hero { min-height: 0; padding: 1.15rem; border-radius: 18px; }
  .scope-hero h1 { font-size: 2.65rem; }
  .scope-hero-copy > p:not(.eyebrow) { font-size: .63rem; }
  .scope-orbit { min-height: 270px; }
  .scope-orbit-core { width: 88px; height: 88px; }
  .scope-orbit-node { min-width: 74px; padding: .4rem; font-size: .39rem; }
  .scope-truth-row span { width: 100%; }
  .scope-summary { gap: .42rem; }
  .scope-summary article { min-height: 90px; padding: .65rem; }
  .scope-mode-picker > div, .scope-dimension > div, .scope-dimension:last-child > div { grid-template-columns: 1fr; }
  .scope-editor, .scope-enforcement { padding: .72rem; }
  .scope-editor-footer { display: grid; }
  .scope-editor-footer button { width: 100%; }
  .scope-enforcement ol { grid-template-columns: 1fr; }
  .scope-card > header { grid-template-columns: 39px minmax(0, 1fr); }
  .scope-card > header .scope-state { grid-column: 1 / -1; justify-self: start; }
  .scope-card-dimensions { grid-template-columns: 1fr; }
  .scope-card-dimensions section:last-child { grid-column: auto; }
}

/* Team and access control center */
.team-hero { position: relative; display: grid; min-height: 360px; padding: clamp(1.4rem, 3.5vw, 2.8rem); grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); align-items: center; gap: 1.5rem; overflow: hidden; border-radius: 28px; color: #fff; background: radial-gradient(circle at 77% 44%, rgb(109 224 186 / 13%) 0 3%, transparent 3.5%), linear-gradient(125deg, #10211f 0%, #123c35 52%, #176c58 100%); box-shadow: 0 26px 60px rgb(20 57 49 / 18%); }
.team-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgb(120 226 190 / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(120 226 190 / 4%) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(90deg, transparent, #000 48%, #000); }
.team-hero-copy { position: relative; z-index: 1; }
.team-hero .eyebrow { color: #68e2b9; }
.team-hero h1 { max-width: 690px; margin: .55rem 0 .8rem; color: #fff; font-size: clamp(2.65rem, 5.5vw, 5.2rem); line-height: .91; letter-spacing: -.065em; }
.team-hero-copy > p:not(.eyebrow) { max-width: 700px; color: #bad3cb; font-size: .78rem; line-height: 1.65; }
.team-hero-promises { display: flex; margin-top: 1.35rem; flex-wrap: wrap; gap: .45rem; }
.team-hero-promises span { display: inline-flex; min-height: 38px; padding: .42rem .62rem .42rem .42rem; align-items: center; gap: .42rem; border: 1px solid rgb(113 232 190 / 24%); border-radius: 999px; color: #d3eae3; background: rgb(7 38 33 / 44%); font-size: .47rem; font-weight: 760; }
.team-hero-promises b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #113b31; background: #75e3bb; font-size: .42rem; }
.team-access-visual { position: relative; z-index: 1; min-height: 300px; }
.team-access-core { position: absolute; z-index: 4; top: 50%; left: 50%; display: grid; width: 118px; height: 118px; place-items: center; align-content: center; transform: translate(-50%, -50%); border: 1px solid #aaf4d9; border-radius: 50%; color: #103a32; background: linear-gradient(145deg, #9bf2d2, #62d8b0); box-shadow: 0 0 0 12px rgb(115 229 190 / 8%), 0 14px 35px rgb(6 32 27 / 30%); font-size: .8rem; font-weight: 950; letter-spacing: .02em; }
.team-access-core small { display: block; color: #317763; font-size: .38rem; font-weight: 750; }
.team-access-ring { position: absolute; top: 50%; left: 50%; display: grid; place-items: start center; transform: translate(-50%, -50%); border: 1px solid rgb(112 230 190 / 26%); border-radius: 50%; color: #7fdcbd; font-size: .39rem; font-weight: 900; letter-spacing: .08em; }
.team-access-ring-org { width: 220px; height: 220px; }
.team-access-ring-brand { width: 300px; height: 300px; border-style: dashed; }
.team-access-node { position: absolute; z-index: 5; min-width: 72px; padding: .42rem .55rem; border: 1px solid rgb(113 230 190 / 27%); border-radius: 9px; color: #d1e9e1; background: #0c302a; box-shadow: 0 8px 20px rgb(4 24 20 / 22%); font-size: .4rem; font-style: normal; font-weight: 900; text-align: center; }
.node-role { top: 16%; left: 8%; }.node-mfa { top: 16%; right: 7%; }.node-audit { right: 2%; bottom: 14%; }
.team-metrics { display: grid; margin: 1rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.team-metrics a { position: relative; min-height: 108px; padding: .82rem; overflow: hidden; border: 1px solid #dce7e3; border-radius: 17px; color: inherit; background: #fff; box-shadow: 0 10px 28px rgb(30 65 58 / 6%); text-decoration: none; }
.team-metrics a::after { position: absolute; right: -24px; bottom: -34px; width: 90px; height: 90px; border-radius: 50%; background: #e6f8f1; content: ""; }
.team-metrics span, .team-metrics small { position: relative; z-index: 1; display: block; color: #759089; font-size: .43rem; }
.team-metrics span { font-weight: 850; }.team-metrics strong { position: relative; z-index: 1; display: block; margin: .2rem 0; color: #174a3f; font-size: 1.45rem; line-height: 1; }
.team-command-grid { display: grid; grid-template-columns: minmax(0, 1fr) 325px; align-items: start; gap: .8rem; }
.team-invite-panel { padding: 1rem; border-radius: 19px; }
.team-human-gate { padding: .34rem .52rem; border: 1px solid #b8ecda; border-radius: 999px; color: #128163; background: #edfbf6; font-size: .38rem; font-weight: 950; letter-spacing: .08em; }
.team-invite-form { margin-top: .7rem; }
.team-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .58rem; }
.team-field-brands { grid-row: span 2; }
.team-field-brands > div, .team-access-editor .field:has(input[type="checkbox"]) > div { display: grid; padding: .38rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; border: 1px solid #dce8e4; border-radius: 10px; background: #f8fbfa; }
.team-field-brands > div label, .team-access-editor .field > div label { display: flex; min-height: 36px; padding: .35rem; align-items: center; gap: .35rem; border: 1px solid #e3ece9; border-radius: 8px; color: #365f56; background: #fff; font-size: .43rem; }
.team-form-footer { display: flex; margin-top: .72rem; padding-top: .62rem; align-items: center; justify-content: space-between; gap: .7rem; border-top: 1px solid #e3ebe8; }
.team-form-footer > span { display: inline-flex; align-items: center; gap: .32rem; color: #77908a; font-size: .42rem; }.team-form-footer i, .team-protected-access i { width: 8px; height: 8px; border-radius: 50%; background: #2dc18e; box-shadow: 0 0 0 4px #def7ed; }
.team-policy-rail { position: sticky; top: 84px; padding: .92rem; border-radius: 18px; color: #fff; background: linear-gradient(160deg, #102b27, #12483c); box-shadow: 0 18px 40px rgb(20 55 47 / 15%); }
.team-policy-rail .eyebrow { color: #72dcb7; }.team-policy-rail h2 { margin: .2rem 0 .72rem; color: #fff; font-size: 1.08rem; }
.team-policy-rail ol { display: grid; margin: 0; padding: 0; gap: .42rem; list-style: none; }
.team-policy-rail li { display: grid; padding: .52rem; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: .45rem; border: 1px solid rgb(117 221 185 / 14%); border-radius: 10px; background: rgb(8 35 30 / 34%); }
.team-policy-rail li > b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #123a31; background: #72ddb7; font-size: .45rem; }.team-policy-rail li strong, .team-policy-rail li small { display: block; }.team-policy-rail li strong { color: #e1f1ec; font-size: .46rem; }.team-policy-rail li small { margin-top: .12rem; color: #91afa5; font-size: .38rem; line-height: 1.35; }
.team-rail-rule { margin: .62rem 0 0; padding: .58rem; border: 1px solid rgb(241 185 81 / 25%); border-radius: 10px; color: #cabf9e; background: rgb(105 72 22 / 20%); font-size: .4rem; line-height: 1.45; }.team-rail-rule strong { display: block; margin-bottom: .16rem; color: #e8b95c; font-size: .38rem; letter-spacing: .08em; }
.team-section { margin-top: 1.2rem; }.team-section-heading { display: flex; margin-bottom: .62rem; align-items: end; justify-content: space-between; gap: .7rem; }.team-section-heading h2 { margin: .12rem 0; font-size: 1.15rem; }.team-section-heading p:not(.eyebrow) { margin: 0; color: #788f89; font-size: .48rem; }.team-section-heading > span { color: #77908a; font-size: .43rem; font-weight: 800; }
.team-member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .72rem; }
.team-member-card { padding: .82rem; overflow: hidden; border: 1px solid #dce7e3; border-top: 4px solid #24a77f; border-radius: 17px; background: #fff; box-shadow: 0 12px 30px rgb(29 63 56 / 6%); }.team-member-card.is-revoked { border-top-color: #a3afab; opacity: .82; }
.team-member-card > header { display: grid; grid-template-columns: 43px minmax(0, 1fr) auto; align-items: center; gap: .52rem; }.team-avatar { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #168269, #42c597); font-size: .72rem; font-weight: 950; text-transform: uppercase; }.team-member-card header p, .team-member-card header h3, .team-member-card header small { margin: 0; }.team-member-card header p { color: #81958f; font-size: .38rem; }.team-member-card header h3 { margin: .08rem 0; overflow-wrap: anywhere; color: #214b41; font-size: .7rem; }.team-member-card header small { color: #768c86; font-size: .4rem; }
.team-member-contract { display: grid; margin: .62rem 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; }.team-member-contract span { padding: .45rem; border-radius: 9px; background: #f2f8f5; }.team-member-contract small, .team-member-contract strong { display: block; }.team-member-contract small { color: #839791; font-size: .35rem; text-transform: uppercase; letter-spacing: .04em; }.team-member-contract strong { margin-top: .13rem; overflow-wrap: anywhere; color: #275a4e; font-size: .43rem; }
.team-brand-envelope { padding: .55rem; border: 1px solid #e0e9e6; border-radius: 11px; }.team-brand-envelope > p { display: flex; margin: 0 0 .35rem; justify-content: space-between; gap: .4rem; color: #325c53; font-size: .43rem; }.team-brand-envelope > p span { color: #82958f; }.team-brand-envelope ul { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; list-style: none; }.team-brand-envelope li { display: flex; min-width: 0; padding: .34rem .4rem; align-items: center; justify-content: space-between; gap: .25rem; border-radius: 7px; color: #2d6356; background: #eaf8f3; font-size: .4rem; }.team-brand-envelope li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.team-brand-envelope li small { color: #63897f; font-size: .34rem; }.team-brand-envelope .team-implicit-access { grid-column: 1 / -1; color: #7a8f89; background: #f2f6f5; }
.team-access-editor { margin-top: .55rem; border-top: 1px solid #e3ebe8; }.team-access-editor summary { display: flex; padding-top: .5rem; align-items: center; justify-content: space-between; color: #16755f; font-size: .43rem; font-weight: 850; cursor: pointer; }.team-access-editor form { display: grid; margin-top: .5rem; gap: .45rem; }.team-access-editor .field > div { grid-template-columns: 1fr; }.team-access-editor button { width: 100%; }.team-editor-warning { margin: 0; padding: .4rem; border-radius: 7px; color: #795e2d; background: #fff6e4; font-size: .38rem; line-height: 1.4; }
.team-protected-access { display: flex; margin: .55rem 0 0; padding-top: .5rem; align-items: center; gap: .35rem; border-top: 1px solid #e3ebe8; color: #81928e; font-size: .4rem; }
.team-invitation-list { display: grid; gap: .48rem; }.team-invitation-card { display: grid; padding: .62rem; grid-template-columns: 10px minmax(190px, 1.2fr) minmax(160px, 1fr) minmax(105px, .55fr) auto; align-items: center; gap: .58rem; border: 1px solid #dfe9e6; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgb(32 69 61 / 4%); }.team-invite-signal { width: 8px; height: 8px; border-radius: 50%; background: #2db98b; box-shadow: 0 0 0 4px #e2f8ef; }.team-invitation-card[data-invitation-status="revoked"] .team-invite-signal, .team-invitation-card[data-invitation-status="expired"] .team-invite-signal { background: #a5b0ac; box-shadow: 0 0 0 4px #edf0ef; }.team-invitation-card[data-invitation-status="accepted"] .team-invite-signal { background: #4f8bd7; box-shadow: 0 0 0 4px #e8f0fb; }
.team-invite-identity p, .team-invite-identity h3, .team-invite-identity small { margin: 0; }.team-invite-identity p { color: #83958f; font-size: .36rem; }.team-invite-identity h3 { margin: .08rem 0; overflow-wrap: anywhere; color: #285248; font-size: .56rem; }.team-invite-identity small { color: #80918c; font-size: .36rem; }.team-invite-scope { display: flex; flex-wrap: wrap; gap: .25rem; }.team-invite-scope span, .team-invite-scope small { padding: .25rem .34rem; border-radius: 6px; font-size: .36rem; }.team-invite-scope span { color: #166e59; background: #e8f8f2; font-weight: 800; }.team-invite-scope small { color: #6d817c; background: #f1f5f4; }.team-invite-state strong, .team-invite-state small { display: block; }.team-invite-state strong { color: #315a51; font-size: .43rem; }.team-invite-state small { margin-top: .1rem; color: #899894; font-size: .35rem; }.team-invite-actions { display: flex; gap: .25rem; }.team-invite-actions form { margin: 0; }.team-invite-actions button { min-height: 32px; padding: .32rem .45rem; font-size: .36rem; }.team-invite-closed { color: #93a19d; font-size: .38rem; }
.invitation-auth-layout { width: min(1080px, 100%); }.invitation-auth-visual { background: radial-gradient(circle at 80% 20%, rgb(126 235 197 / 13%), transparent 28%), linear-gradient(145deg, #0e211e, #12473b 60%, #176a55); }.invitation-auth-card h1 { font-size: 1.9rem; }.invitation-auth-card form { max-height: 66vh; padding-right: .2rem; overflow-y: auto; }

@media (max-width: 1080px) {
  .team-hero { grid-template-columns: minmax(0, 1fr) 330px; }
  .team-command-grid { grid-template-columns: minmax(0, 1fr) 285px; }
}
@media (max-width: 920px) {
  .team-hero { grid-template-columns: 1fr; }.team-access-visual { width: min(100%, 390px); justify-self: center; }
  .team-command-grid { grid-template-columns: 1fr; }.team-policy-rail { position: static; }.team-policy-rail ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-invitation-card { grid-template-columns: 10px minmax(180px, 1fr) minmax(140px, .9fr) auto; }.team-invite-state { display: none; }
}
@media (max-width: 760px) {
  .team-metrics, .team-member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.team-form-grid { grid-template-columns: 1fr; }.team-field-brands { grid-row: auto; }
  .team-invitation-card { grid-template-columns: 10px minmax(0, 1fr) auto; }.team-invite-scope { grid-column: 2 / -1; }.team-invite-actions { grid-column: 2 / -1; }
}
@media (max-width: 540px) {
  .team-hero { min-height: 0; padding: 1.15rem; border-radius: 18px; }.team-hero h1 { font-size: 2.65rem; }.team-hero-copy > p:not(.eyebrow) { font-size: .62rem; }.team-hero-promises span { width: 100%; }
  .team-access-visual { min-height: 285px; transform: scale(.9); }.team-metrics { gap: .42rem; }.team-metrics a { min-height: 92px; padding: .65rem; }
  .team-invite-panel, .team-policy-rail { padding: .72rem; }.team-form-footer, .team-section-heading { display: grid; }.team-form-footer button { width: 100%; }.team-policy-rail ol { grid-template-columns: 1fr; }
  .team-member-grid { grid-template-columns: 1fr; }.team-member-card > header { grid-template-columns: 43px minmax(0, 1fr); }.team-member-card > header .status-pill { grid-column: 1 / -1; justify-self: start; }.team-member-contract { grid-template-columns: 1fr; }.team-brand-envelope ul { grid-template-columns: 1fr; }
  .team-invitation-card { grid-template-columns: 8px minmax(0, 1fr); }.team-invite-identity, .team-invite-scope, .team-invite-actions, .team-invite-closed { grid-column: 2; }.team-invite-actions { width: 100%; }.team-invite-actions form, .team-invite-actions button { width: 100%; }
  .invitation-auth-card form { max-height: none; }
}

/* Team typography stays readable in dense access-control views. */
.team-hero-promises span { font-size: .68rem; }
.team-hero-promises b { font-size: .58rem; }
.team-access-core small { font-size: .55rem; }
.team-access-ring { padding-top: .35rem; font-size: .58rem; }
.team-access-node { font-size: .58rem; }
.team-metrics span, .team-metrics small { font-size: .67rem; }
.team-human-gate { font-size: .59rem; }
.team-field-brands > div label, .team-access-editor .field > div label { font-size: .68rem; }
.team-form-footer > span { font-size: .66rem; }
.team-policy-rail li > b { font-size: .65rem; }
.team-policy-rail li strong { font-size: .7rem; }
.team-policy-rail li small { font-size: .63rem; }
.team-rail-rule { font-size: .64rem; }
.team-rail-rule strong { font-size: .59rem; }
.team-section-heading p:not(.eyebrow), .team-section-heading > span { font-size: .72rem; }
.team-member-card header p { font-size: .61rem; }
.team-member-card header h3 { font-size: .92rem; }
.team-member-card header small { font-size: .66rem; }
.team-member-contract small { font-size: .58rem; }
.team-member-contract strong { font-size: .69rem; }
.team-brand-envelope > p { font-size: .69rem; }
.team-brand-envelope li { font-size: .67rem; }
.team-brand-envelope li small { font-size: .59rem; }
.team-access-editor summary { font-size: .7rem; }
.team-editor-warning, .team-protected-access { font-size: .64rem; }
.team-invite-identity p, .team-invite-identity small { font-size: .59rem; }
.team-invite-identity h3 { font-size: .78rem; }
.team-invite-scope span, .team-invite-scope small { font-size: .61rem; }
.team-invite-state strong { font-size: .7rem; }
.team-invite-state small { font-size: .58rem; }
.team-invite-actions button, .team-invite-closed { font-size: .62rem; }

/* Operational health control room */
.ops-livebar { display: flex; min-height: 64px; margin-bottom: .65rem; padding: .62rem .72rem; align-items: center; gap: .8rem; border: 1px solid #d8e7e4; border-radius: 16px; color: #345b5c; background: rgb(255 255 255 / 92%); box-shadow: 0 10px 25px rgb(20 52 59 / 5%); }
.ops-live-identity { display: flex; min-width: 155px; align-items: center; gap: .55rem; }.ops-live-identity p, .ops-live-identity strong, .ops-livebar > p { margin: 0; }.ops-live-identity strong { display: block; margin-top: .08rem; color: #153f45; font-size: .72rem; }.ops-live-beacon { position: relative; width: 11px; height: 11px; border: 2px solid #fff; border-radius: 50%; background: #55c59d; box-shadow: 0 0 0 4px #dff4ec; }.ops-live-beacon::after { position: absolute; inset: -5px; border: 1px solid #62c8a4; border-radius: 50%; content: ""; animation: ops-live-pulse 1.8s ease-out infinite; }.ops-livebar > p { flex: 1; color: #78908d; font-size: .62rem; }.ops-livebar time { color: #315f60; font-weight: 800; }.ops-livebar button { display: inline-flex; min-height: 38px; padding: .48rem .65rem; align-items: center; justify-content: center; gap: .35rem; border: 1px solid #cde1dd; border-radius: 10px; color: #176b67; background: #eff8f5; font-size: .62rem; font-weight: 850; cursor: pointer; }.ops-livebar button:hover { border-color: #82c8ba; background: #e2f5ef; }.ops-livebar button:disabled { opacity: .58; cursor: wait; }.ops-livebar button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.ops-livebar.is-syncing .ops-live-beacon { background: #669fc0; box-shadow: 0 0 0 4px #e0edf5; }.ops-livebar.is-unavailable { border-color: #efd7d2; background: #fff9f8; }.ops-livebar.is-unavailable .ops-live-beacon { background: #d26d62; box-shadow: 0 0 0 4px #f9e4e0; }.ops-livebar.is-unavailable .ops-live-beacon::after { border-color: #d26d62; animation: none; }
@keyframes ops-live-pulse { 0% { opacity: .8; transform: scale(.7); } 75%, 100% { opacity: 0; transform: scale(1.65); } }
.ops-hero { position: relative; display: grid; min-height: 355px; margin-bottom: 1rem; padding: clamp(1.5rem, 3.2vw, 2.7rem); grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); align-items: center; gap: 1rem; overflow: hidden; border-radius: 28px; color: #f7fbff; background: radial-gradient(circle at 78% 42%, rgb(93 215 255 / 12%), transparent 23%), linear-gradient(127deg, #0a1825 0%, #102a3d 56%, #0d4b57 100%); box-shadow: 0 25px 58px rgb(12 38 56 / 19%); }
.ops-hero::before { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgb(131 215 231 / 6%) 1px, transparent 1px), linear-gradient(90deg, rgb(131 215 231 / 6%) 1px, transparent 1px); background-size: 32px 32px; content: ""; mask-image: linear-gradient(90deg, transparent, #000 42%); }
.ops-hero-copy { position: relative; z-index: 2; }.ops-hero .eyebrow { color: #6ee5d1; }
.ops-hero h1 { max-width: 690px; margin: .45rem 0 .75rem; color: #fff; font-size: clamp(2.7rem, 5.3vw, 5rem); line-height: .9; letter-spacing: -.065em; }.ops-hero h1 em { color: #80ead6; font-style: normal; }
.ops-hero-copy > p:not(.eyebrow) { max-width: 680px; color: #b9d1dc; font-size: .76rem; line-height: 1.65; }
.ops-hero-meta { display: flex; margin-top: 1.3rem; flex-wrap: wrap; gap: .45rem; }.ops-hero-meta span { display: inline-flex; min-height: 36px; padding: .45rem .66rem; align-items: center; gap: .38rem; border: 1px solid rgb(132 226 218 / 18%); border-radius: 999px; color: #d5e9ee; background: rgb(5 24 36 / 44%); font-size: .65rem; font-weight: 800; }.ops-hero-meta i { width: 6px; height: 6px; border-radius: 50%; background: #78e1c8; box-shadow: 0 0 0 4px rgb(120 225 200 / 12%); }.ops-hero.tone-red .ops-hero-meta i { background: #ff897d; box-shadow: 0 0 0 4px rgb(255 137 125 / 12%); }
.ops-pulse-map { position: relative; z-index: 2; min-height: 290px; }.ops-orbit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgb(109 226 213 / 19%); border-radius: 50%; }.ops-orbit-outer { width: 286px; height: 286px; border-style: dashed; }.ops-orbit-inner { width: 190px; height: 190px; }
.ops-pulse-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 112px; height: 112px; place-items: center; align-content: center; transform: translate(-50%, -50%); border: 1px solid #8af0dc; border-radius: 50%; color: #092e34; background: linear-gradient(145deg, #8af0dc, #54c7cb); box-shadow: 0 0 0 14px rgb(102 220 211 / 7%), 0 16px 32px rgb(2 18 27 / 30%); }.ops-pulse-core span { width: 9px; height: 9px; margin-bottom: .25rem; border-radius: 50%; background: #fff; box-shadow: 0 0 0 7px rgb(255 255 255 / 16%); }.ops-pulse-core strong { font-size: .65rem; letter-spacing: .06em; }.ops-pulse-core small { color: #286d73; font-size: .52rem; font-weight: 800; text-transform: uppercase; }
.ops-pulse-node { position: absolute; z-index: 4; display: grid; min-width: 105px; padding: .5rem .6rem; grid-template-columns: auto 1fr; align-items: center; gap: 0 .38rem; border: 1px solid rgb(126 219 216 / 20%); border-radius: 10px; background: #0a2633; box-shadow: 0 10px 25px rgb(2 17 25 / 22%); }.ops-pulse-node i { grid-row: span 2; width: 8px; height: 8px; border-radius: 50%; background: #69ddc3; box-shadow: 0 0 0 4px rgb(105 221 195 / 12%); }.ops-pulse-node.tone-red i { background: #ff8275; box-shadow: 0 0 0 4px rgb(255 130 117 / 12%); }.ops-pulse-node strong { color: #e8f6f7; font-size: .63rem; }.ops-pulse-node small { color: #82a6ae; font-size: .54rem; }.ops-pulse-node.node-default { top: 4%; left: 3%; }.ops-pulse-node.node-publishing { right: 0; bottom: 17%; }.ops-pulse-node.node-agents { bottom: 3%; left: 4%; }
.ops-metrics { display: grid; margin-bottom: 1rem; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; }.ops-metrics article { position: relative; min-height: 105px; padding: .78rem .85rem; overflow: hidden; border: 1px solid #dce7e5; border-radius: 17px; background: #fff; box-shadow: 0 10px 25px rgb(20 52 59 / 5%); }.ops-metrics article::after { position: absolute; right: -31px; bottom: -43px; width: 105px; height: 105px; border: 14px solid #e2f5ef; border-radius: 50%; content: ""; }.ops-metrics article.tone-red::after { border-color: #f9e5e1; }.ops-metrics article.tone-blue::after { border-color: #e2eef7; }.ops-metrics article.tone-violet::after { border-color: #ebe8f8; }.ops-metrics span, .ops-metrics small, .ops-metrics strong { position: relative; z-index: 1; display: block; }.ops-metrics span { color: #728b88; font-size: .65rem; font-weight: 820; }.ops-metrics strong { margin: .22rem 0; color: #153f45; font-size: 1.4rem; }.ops-metrics small { max-width: 75%; color: #79908d; font-size: .58rem; line-height: 1.35; }
.ops-layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; align-items: start; gap: .9rem; }.ops-main-column, .ops-side-column { display: grid; min-width: 0; gap: .9rem; }.ops-workers, .ops-queues { padding: 1rem; border-radius: 19px; }.ops-section-heading { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }.ops-section-heading h2, .ops-section-heading p { margin: 0; }.ops-section-heading h2 { margin-top: .12rem; font-size: .95rem; }.ops-section-heading > div > p:last-child { margin-top: .2rem; color: #7c908d; font-size: .68rem; }.ops-section-heading > span { padding: .28rem .48rem; border-radius: 999px; color: #146f71; background: #e2f6f1; font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.ops-worker-grid { display: grid; margin-top: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }.ops-worker-card { min-width: 0; padding: .72rem; overflow: hidden; border: 1px solid #dce8e6; border-radius: 13px; background: linear-gradient(145deg, #fbfdfd, #f4f9f8); }.ops-worker-card header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.ops-worker-index { color: #8ba19e; font-size: .56rem; font-weight: 900; }.ops-worker-state { display: inline-flex; align-items: center; gap: .28rem; color: #237561; font-size: .54rem; font-weight: 850; text-transform: uppercase; }.ops-worker-state i { width: 6px; height: 6px; border-radius: 50%; background: #3fc293; box-shadow: 0 0 0 3px #ddf3ea; }.ops-worker-card.tone-red .ops-worker-state { color: #a65349; }.ops-worker-card.tone-red .ops-worker-state i { background: #db7165; box-shadow: 0 0 0 3px #f9e5e2; }.ops-worker-card h3 { margin: .72rem 0 .12rem; font-size: .78rem; }.ops-worker-card > p { margin: 0; color: #78908c; font-size: .6rem; }.ops-worker-card dl { display: grid; margin: .65rem 0 0; grid-template-columns: repeat(2, 1fr); gap: .3rem; }.ops-worker-card dl div { padding: .42rem; border-radius: 8px; background: #eaf3f1; }.ops-worker-card dt { color: #78908d; font-size: .5rem; text-transform: uppercase; }.ops-worker-card dd { margin: .1rem 0 0; color: #174b4a; font-size: .65rem; font-weight: 850; }.ops-worker-line { display: flex; height: 18px; margin-top: .5rem; align-items: end; gap: 3px; }.ops-worker-line span { width: 12%; border-radius: 2px 2px 0 0; background: #8adbc9; }.ops-worker-line span:nth-child(1) { height: 35%; }.ops-worker-line span:nth-child(2) { height: 58%; }.ops-worker-line span:nth-child(3) { height: 43%; }.ops-worker-line span:nth-child(4) { height: 82%; }.ops-worker-line span:nth-child(5) { height: 62%; }.ops-worker-card.tone-red .ops-worker-line span { background: #e6a59e; }
.ops-queue-list { display: grid; margin-top: .78rem; gap: .28rem; }.ops-queue-row { display: grid; min-height: 52px; padding: .45rem .55rem; grid-template-columns: auto minmax(0, 1fr) 92px 72px 36px; align-items: center; gap: .5rem; border: 1px solid #e1e9e7; border-radius: 9px; background: #fafcfb; }.ops-queue-signal { width: 7px; height: 7px; border-radius: 50%; background: #49bd91; box-shadow: 0 0 0 4px #e2f3ed; }.ops-queue-row.tone-blue .ops-queue-signal { background: #639fc4; box-shadow: 0 0 0 4px #e3eef5; }.ops-queue-row.tone-amber .ops-queue-signal { background: #dca248; box-shadow: 0 0 0 4px #fff0d8; }.ops-queue-row.tone-red .ops-queue-signal { background: #d16c62; box-shadow: 0 0 0 4px #f9e6e3; }.ops-queue-row > div { min-width: 0; }.ops-queue-row > div strong, .ops-queue-row code { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ops-queue-row > div strong { font-size: .68rem; }.ops-queue-row code { margin-top: .06rem; color: #80918e; font-size: .53rem; }.ops-queue-worker, .ops-queue-state { color: #738986; font-size: .56rem; }.ops-queue-state { padding: .2rem .3rem; border-radius: 999px; background: #eef3f1; font-weight: 750; text-align: center; }.ops-queue-depth { color: #164b4d; font-size: .75rem; text-align: right; }
.ops-guardrail { padding: 1rem; border-radius: 18px; color: #eaf7f6; background: linear-gradient(155deg, #0d2d34, #103f42); box-shadow: 0 17px 36px rgb(12 48 54 / 16%); }.ops-guardrail .eyebrow { color: #69e0c5; }.ops-guardrail h2 { margin: .15rem 0 .75rem; color: #fff; font-size: 1rem; }.ops-guardrail ol { display: grid; margin: 0; padding: 0; gap: .36rem; list-style: none; }.ops-guardrail li { display: grid; padding: .55rem; grid-template-columns: 27px 1fr; align-items: center; gap: .42rem; border: 1px solid rgb(130 220 207 / 13%); border-radius: 9px; background: rgb(4 31 36 / 30%); }.ops-guardrail li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #0b3b3e; background: #76dfc4; font-size: .58rem; font-weight: 900; }.ops-guardrail li strong { display: block; color: #fff; font-size: .64rem; }.ops-guardrail li small { display: block; margin-top: .1rem; color: #8fb4b3; font-size: .54rem; line-height: 1.35; }.ops-zero-effect { display: flex; margin-top: .7rem; padding-top: .7rem; align-items: center; gap: .5rem; border-top: 1px solid rgb(135 220 209 / 14%); }.ops-zero-effect strong { color: #70e3c7; font-size: 1.8rem; line-height: 1; }.ops-zero-effect span { color: #9fbdbb; font-size: .56rem; font-weight: 700; text-transform: uppercase; }
.ops-truth { padding: .9rem; border-radius: 16px; }.ops-truth h2, .ops-truth p { margin: 0; }.ops-truth h2 { margin-top: .12rem; font-size: .8rem; }.ops-truth dl { display: grid; margin: .7rem 0 0; gap: .25rem; }.ops-truth dl div { display: flex; padding: .42rem .48rem; align-items: center; justify-content: space-between; gap: .4rem; border-radius: 7px; background: #f0f6f4; }.ops-truth dt { color: #748a86; font-size: .56rem; }.ops-truth dd { margin: 0; color: #194b4b; font-size: .6rem; font-weight: 850; text-align: right; }
.ops-probe-note { display: grid; padding: .9rem; grid-template-columns: 34px 1fr; gap: .55rem; border: 1px solid #d9e3f2; border-radius: 16px; background: linear-gradient(145deg, #f5f8fd, #edf4f9); }.ops-probe-note > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: #3f768e; }.ops-probe-note h2, .ops-probe-note p { margin: 0; }.ops-probe-note h2 { margin: .1rem 0 .24rem; font-size: .75rem; }.ops-probe-note div > p:last-child { color: #6e848d; font-size: .59rem; line-height: 1.5; }.ops-probe-note code { color: #466d7e; font-size: .56rem; }

@media (max-width: 1050px) {
  .ops-hero { grid-template-columns: minmax(0, 1fr) 300px; }.ops-layout { grid-template-columns: 1fr; }.ops-side-column { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ops-guardrail { grid-row: span 2; }.ops-pulse-node { min-width: 94px; }
}
@media (max-width: 760px) {
  .ops-livebar { display: grid; grid-template-columns: 1fr auto; gap: .45rem; }.ops-livebar > p { grid-row: 2; grid-column: 1 / -1; }.ops-livebar button span { display: none; }.ops-livebar button { width: 38px; padding: 0; }.ops-hero { min-height: 0; padding: 1.15rem; grid-template-columns: 1fr; border-radius: 19px; }.ops-hero h1 { font-size: clamp(2.7rem, 14vw, 4rem); }.ops-hero-copy > p:not(.eyebrow) { font-size: .68rem; }.ops-pulse-map { min-height: 285px; }.ops-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ops-worker-grid { grid-template-columns: 1fr; }.ops-worker-card { padding: .8rem; }.ops-worker-card h3 { font-size: .8rem; }.ops-queue-row { grid-template-columns: auto minmax(0, 1fr) auto; gap: .4rem; }.ops-queue-worker { display: none; }.ops-queue-state { grid-column: 2; justify-self: start; }.ops-queue-depth { grid-row: 1 / span 2; grid-column: 3; font-size: .8rem; }.ops-side-column { grid-template-columns: 1fr; }.ops-guardrail { grid-row: auto; }.ops-section-heading > span { display: none; }
}

/* Keep the seven Knowledge metrics responsive after the legacy breakpoints above. */
.knowledge-summary { grid-template-columns: repeat(7, minmax(105px, 1fr)); }
@media (max-width: 1280px) {
  .knowledge-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .knowledge-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Automation control plane */
.automation-control-root { --automation-ink: #122c2c; --automation-muted: #718784; }
.automation-hero { position: relative; display: grid; min-height: 380px; margin-bottom: .85rem; padding: clamp(1.4rem, 3vw, 2.6rem); grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr); align-items: center; gap: 1.2rem; overflow: hidden; border-radius: 29px; color: #f4fffb; background: radial-gradient(circle at 81% 41%, rgb(100 255 197 / 13%), transparent 23%), linear-gradient(128deg, #111a26 0%, #172c35 51%, #0e5144 100%); box-shadow: 0 26px 58px rgb(13 39 42 / 20%); }
.automation-hero::before { position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgb(117 227 190 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(117 227 190 / 8%) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(90deg, transparent 10%, #000 70%); }
.automation-hero.tone-paused { background: radial-gradient(circle at 80% 40%, rgb(255 153 133 / 12%), transparent 24%), linear-gradient(128deg, #231719, #41252a 55%, #69342d); }
.automation-hero.tone-attention { background: radial-gradient(circle at 80% 40%, rgb(255 188 105 / 13%), transparent 24%), linear-gradient(128deg, #221b18, #453127 55%, #69472d); }
.automation-hero-copy { position: relative; z-index: 2; }.automation-hero .eyebrow { color: #7df1c7; }
.automation-hero h1 { max-width: 760px; margin: .38rem 0 .78rem; color: #fff; font-size: clamp(2.7rem, 5.3vw, 5.1rem); line-height: .89; letter-spacing: -.064em; }
.automation-hero-copy > p:not(.eyebrow) { max-width: 680px; color: #bdd4ce; font-size: .78rem; line-height: 1.65; }
.automation-state { display: flex; width: fit-content; max-width: 100%; margin-top: 1.2rem; padding: .58rem .72rem; align-items: center; gap: .55rem; border: 1px solid rgb(126 239 201 / 20%); border-radius: 12px; background: rgb(4 28 29 / 42%); }.automation-state > i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #72e0ba; box-shadow: 0 0 0 5px rgb(114 224 186 / 12%); }.automation-hero.tone-paused .automation-state > i, .automation-hero.tone-attention .automation-state > i { background: #ff9b83; box-shadow: 0 0 0 5px rgb(255 155 131 / 13%); }.automation-state strong, .automation-state small { display: block; }.automation-state strong { color: #fff; font-size: .72rem; }.automation-state small { margin-top: .12rem; color: #a9c6bf; font-size: .61rem; line-height: 1.4; }
.automation-hero-actions { display: flex; margin-top: .9rem; flex-wrap: wrap; gap: .45rem; }.automation-hero-actions a { display: inline-flex; min-height: 38px; padding: .5rem .7rem; align-items: center; border: 1px solid rgb(126 239 201 / 22%); border-radius: 10px; color: #e5fff5; background: rgb(7 42 40 / 42%); font-size: .64rem; font-weight: 850; text-decoration: none; }.automation-hero-actions a:first-child { color: #113f35; background: #7ee8c2; }
.automation-constellation { position: relative; z-index: 2; min-height: 310px; }.automation-orbit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgb(123 240 202 / 20%); border-radius: 50%; }.automation-orbit.orbit-a { width: 295px; height: 295px; border-style: dashed; }.automation-orbit.orbit-b { width: 195px; height: 195px; }
.automation-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 118px; height: 118px; place-items: center; align-content: center; transform: translate(-50%, -50%); border: 1px solid #86efca; border-radius: 50%; color: #123e35; background: linear-gradient(145deg, #8ff1ce, #55ccaa); box-shadow: 0 0 0 16px rgb(99 225 185 / 7%), 0 18px 35px rgb(2 22 25 / 32%); }.automation-core small, .automation-core strong, .automation-core span { display: block; }.automation-core small { color: #2b6b5c; font-size: .52rem; font-weight: 850; text-transform: uppercase; }.automation-core strong { margin: .12rem 0; font-size: .82rem; letter-spacing: .08em; }.automation-core span { color: #286b5a; font-size: .55rem; font-weight: 900; }
.automation-node { position: absolute; z-index: 3; display: grid; min-width: 126px; padding: .55rem .62rem; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: .4rem; border: 1px solid rgb(132 228 201 / 19%); border-radius: 11px; background: #102c32; box-shadow: 0 12px 28px rgb(3 22 28 / 24%); }.automation-node > b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #174638; background: #75dfbb; font-size: .56rem; }.automation-node > span { color: #effcf8; font-size: .65rem; font-weight: 850; }.automation-node small { display: block; margin-top: .08rem; color: #83a8a0; font-size: .54rem; font-weight: 650; }.automation-node.node-trigger { top: 4%; left: 1%; }.automation-node.node-gateway { top: 23%; right: 0; }.automation-node.node-effect { bottom: 5%; left: 4%; }
.automation-metrics { display: grid; margin-bottom: 1.15rem; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .55rem; }.automation-metric { position: relative; display: block; min-width: 0; min-height: 116px; padding: .72rem; overflow: hidden; border: 1px solid #dde8e4; border-top: 3px solid #56ba97; border-radius: 15px; color: inherit; background: #fff; box-shadow: 0 9px 24px rgb(23 58 52 / 5%); text-decoration: none; }.automation-metric.tone-blue { border-top-color: #5e9bc0; }.automation-metric.tone-violet { border-top-color: #8a78c4; }.automation-metric.tone-amber { border-top-color: #d69b42; }.automation-metric.tone-red { border-top-color: #d3675e; }.automation-metric.tone-neutral { border-top-color: #a5b5b0; }.automation-metric::after { position: absolute; right: -30px; bottom: -42px; width: 95px; height: 95px; border: 13px solid #e4f5ee; border-radius: 50%; content: ""; }.automation-metric.tone-blue::after { border-color: #e5eff7; }.automation-metric.tone-violet::after { border-color: #ece9f8; }.automation-metric.tone-amber::after { border-color: #fff0d8; }.automation-metric.tone-red::after { border-color: #fae6e2; }.automation-metric > span, .automation-metric > strong, .automation-metric > small, .automation-metric > i { position: relative; z-index: 1; display: block; }.automation-metric > span { color: #6d8480; font-size: .61rem; font-weight: 850; }.automation-metric > strong { margin: .23rem 0; color: #183f39; font-size: 1.4rem; line-height: 1; }.automation-metric > small { max-width: 86%; color: #778d88; font-size: .55rem; line-height: 1.35; }.automation-metric > i { position: absolute; z-index: 2; top: .65rem; right: .65rem; color: #8ba19b; font-size: .62rem; font-style: normal; }
.automation-flow-section { margin-bottom: 1.15rem; }.automation-section-heading { display: flex; margin-bottom: .65rem; align-items: end; justify-content: space-between; gap: .8rem; }.automation-section-heading h2, .automation-section-heading p { margin: 0; }.automation-section-heading h2 { margin-top: .1rem; color: var(--automation-ink); font-size: 1.12rem; }.automation-section-heading div > p:last-child { margin-top: .2rem; color: var(--automation-muted); font-size: .66rem; }.automation-section-heading > span { padding: .3rem .48rem; border-radius: 999px; color: #197460; background: #e5f6ef; font-size: .56rem; font-weight: 900; text-transform: uppercase; }
.automation-flow-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; }.automation-flow-card { position: relative; min-width: 0; padding: .72rem; overflow: hidden; border: 1px solid #dbe8e4; border-radius: 16px; color: inherit; background: linear-gradient(150deg, #fff, #f7fbf9); box-shadow: 0 10px 26px rgb(23 58 52 / 5%); text-decoration: none; }.automation-flow-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: #55b995; content: ""; }.automation-flow-card.tone-blue::before { background: #579bc1; }.automation-flow-card.tone-violet::before { background: #8b77c2; }.automation-flow-card.tone-amber::before { background: #d69c45; }.automation-flow-card.tone-red::before { background: #d2675d; }.automation-flow-card.tone-neutral::before { background: #9bada7; }.automation-flow-card header { display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; align-items: center; gap: .38rem; }.automation-flow-card header > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #1b715c; background: #e4f5ef; font-size: .55rem; font-weight: 950; }.automation-flow-card header p, .automation-flow-card header h3 { margin: 0; }.automation-flow-card header p { color: #8a9b97; font-size: .5rem; text-transform: uppercase; }.automation-flow-card header h3 { margin-top: .06rem; overflow-wrap: anywhere; font-size: .72rem; }.automation-flow-card header > b { color: #194d43; font-size: 1.08rem; }.automation-flow-card ol { display: grid; margin: .65rem 0; padding: 0; gap: .28rem; list-style: none; }.automation-flow-card li { padding: .38rem; border-radius: 8px; background: #eff6f3; }.automation-flow-card li small, .automation-flow-card li strong { display: block; }.automation-flow-card li small { color: #839691; font-size: .48rem; text-transform: uppercase; }.automation-flow-card li strong { margin-top: .08rem; color: #315b51; font-size: .56rem; line-height: 1.35; }.automation-flow-card footer { display: flex; padding-top: .5rem; align-items: center; justify-content: space-between; gap: .3rem; border-top: 1px solid #e0e9e6; color: #6f8580; font-size: .54rem; }.automation-flow-card footer i { color: #18745e; font-style: normal; font-weight: 850; }
.automation-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: .85rem; }.automation-main-column, .automation-side-column { display: grid; min-width: 0; gap: .85rem; }.automation-brand-section, .automation-routines { padding: 1rem; border-radius: 19px; }.automation-brand-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }.automation-brand-card { min-width: 0; padding: .72rem; border: 1px solid #dce8e4; border-left: 4px solid #55bc95; border-radius: 14px; background: #fbfdfc; }.automation-brand-card.tone-paused { border-left-color: #d56d62; background: #fffafa; }.automation-brand-card.tone-guarded { border-left-color: #d6a04b; background: #fffdf8; }.automation-brand-card header { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: .48rem; }.automation-brand-monogram { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #267d68, #55bd96); font-size: .75rem; font-weight: 950; }.automation-brand-card header p, .automation-brand-card header h3, .automation-brand-card header small { margin: 0; }.automation-brand-card header p { color: #899a96; font-size: .53rem; }.automation-brand-card header h3 { margin: .05rem 0; overflow-wrap: anywhere; color: #214c42; font-size: .77rem; }.automation-brand-card header small { color: #80928d; font-size: .52rem; }.automation-brand-card header > strong { display: inline-flex; padding: .3rem .42rem; align-items: center; gap: .28rem; border-radius: 999px; color: #1f725d; background: #e5f6ef; font-size: .52rem; }.automation-brand-card.tone-paused header > strong { color: #9a5149; background: #f9e5e1; }.automation-brand-card.tone-guarded header > strong { color: #926928; background: #fff0d7; }.automation-brand-card header > strong i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }.automation-brand-reason { margin: .55rem 0; color: #738984; font-size: .58rem; line-height: 1.4; }.automation-brand-card dl { display: grid; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .3rem; }.automation-brand-card dl div { padding: .38rem; border-radius: 8px; background: #edf5f2; }.automation-brand-card dt { color: #7b8f89; font-size: .46rem; text-transform: uppercase; }.automation-brand-card dd { margin: .1rem 0 0; color: #1c5045; font-size: .76rem; font-weight: 900; }.automation-brand-card footer { display: flex; min-width: 0; margin-top: .55rem; padding-top: .5rem; align-items: center; justify-content: space-between; gap: .45rem; border-top: 1px solid #e0e9e6; color: #708680; font-size: .54rem; }.automation-brand-card footer span { min-width: 0; overflow-wrap: anywhere; }.automation-brand-card footer a { flex: 0 0 auto; color: #16745d; font-weight: 850; text-decoration: none; }.automation-brand-card footer small { color: #889894; }
.automation-routine-list { display: grid; margin: 0; padding: 0; gap: .3rem; list-style: none; }.automation-routine-list li { display: grid; min-height: 58px; padding: .48rem .55rem; grid-template-columns: 34px minmax(160px, 1.3fr) minmax(80px, .6fr) minmax(90px, .7fr) 34px; align-items: center; gap: .48rem; border: 1px solid #e0e9e6; border-radius: 10px; background: #fafcfb; }.automation-routine-index { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; color: #216c59; background: #e1f3ec; font-size: .55rem; font-weight: 900; }.automation-routine-list li > div strong, .automation-routine-list li > div small, .automation-routine-list li > span small, .automation-routine-list li > span strong { display: block; }.automation-routine-list li > div strong { color: #2b5349; font-size: .65rem; }.automation-routine-list li > div small, .automation-routine-list li > span small { margin-top: .08rem; color: #849590; font-size: .51rem; }.automation-routine-list li > span strong, .automation-routine-list code { margin-top: .08rem; color: #315d52; font-size: .58rem; }.automation-routine-list code { display: block; overflow-wrap: anywhere; }.automation-routine-list li > b { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #3c846f; font-size: .54rem; }
.automation-truth { padding: .95rem; border-radius: 19px; color: #edfdf8; background: linear-gradient(155deg, #11262a, #124a40); box-shadow: 0 18px 38px rgb(14 54 49 / 17%); }.automation-truth .eyebrow { color: #6ee1b9; }.automation-truth h2 { margin: .15rem 0 .72rem; color: #fff; font-size: 1rem; }.automation-surface-list { display: grid; gap: .34rem; }.automation-surface-list article { padding: .52rem; border: 1px solid rgb(125 224 193 / 13%); border-radius: 10px; background: rgb(7 35 36 / 35%); }.automation-surface-list article header { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto; align-items: center; gap: .35rem; }.automation-surface-list article header > i { width: 7px; height: 7px; border-radius: 50%; background: #6bdcb5; box-shadow: 0 0 0 4px rgb(107 220 181 / 10%); }.automation-surface-list article.tone-attention header > i { background: #f2ad58; box-shadow: 0 0 0 4px rgb(242 173 88 / 11%); }.automation-surface-list article strong { color: #f0fcf8; font-size: .61rem; }.automation-surface-list article span { padding: .2rem .3rem; border-radius: 999px; color: #8fe8c8; background: rgb(70 167 135 / 15%); font-size: .48rem; font-weight: 850; }.automation-surface-list article.tone-attention span { color: #ffd18f; background: rgb(208 145 64 / 15%); }.automation-surface-list article p { margin: .3rem 0 0 .75rem; color: #91b1aa; font-size: .53rem; line-height: 1.4; }.automation-truth > footer { display: flex; margin-top: .72rem; padding-top: .65rem; align-items: center; gap: .5rem; border-top: 1px solid rgb(128 223 192 / 15%); }.automation-truth > footer strong { color: #75e5bc; font-size: 1.9rem; line-height: 1; }.automation-truth > footer span { color: #9ab8b1; font-size: .55rem; font-weight: 750; text-transform: uppercase; }
.automation-contract { padding: .88rem; border-radius: 17px; }.automation-contract h2 { margin: .12rem 0 .65rem; font-size: .82rem; }.automation-contract dl { display: grid; margin: 0; gap: .25rem; }.automation-contract dl div { display: flex; padding: .4rem .46rem; align-items: center; justify-content: space-between; gap: .35rem; border-radius: 8px; background: #eef5f2; }.automation-contract dt { color: #758b85; font-size: .55rem; }.automation-contract dd { margin: 0; color: #1c5045; font-size: .6rem; font-weight: 900; }.automation-contract > a { display: inline-block; margin-top: .65rem; color: #17745d; font-size: .59rem; font-weight: 850; text-decoration: none; }.automation-safety-note { display: grid; padding: .88rem; grid-template-columns: 34px minmax(0, 1fr); gap: .5rem; border-color: #e5dbef; border-radius: 17px; background: linear-gradient(145deg, #fbf8fe, #f4f0fa); }.automation-safety-note > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: #7d69a2; }.automation-safety-note h2, .automation-safety-note p { margin: 0; }.automation-safety-note h2 { margin: .1rem 0 .22rem; font-size: .73rem; }.automation-safety-note div > p:last-child { color: #786f82; font-size: .56rem; line-height: 1.45; }

@media (max-width: 1180px) {
  .automation-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .automation-flow-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .automation-flow-card:nth-child(4), .automation-flow-card:nth-child(5) { grid-column: span 1; }
  .automation-layout { grid-template-columns: 1fr; }.automation-side-column { grid-template-columns: repeat(3, minmax(0, 1fr)); }.automation-truth { grid-row: span 2; }
}
@media (max-width: 820px) {
  .automation-hero { min-height: 0; grid-template-columns: 1fr; }.automation-constellation { min-height: 300px; width: min(100%, 390px); justify-self: center; }
  .automation-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.automation-brand-grid { grid-template-columns: 1fr; }
  .automation-routine-list li { grid-template-columns: 34px minmax(0, 1fr) auto; }.automation-routine-list li > span:nth-of-type(2) { grid-column: 2; }.automation-routine-list li > span:nth-of-type(3) { grid-column: 2; }.automation-routine-list li > b { grid-row: 1 / span 3; grid-column: 3; }
  .automation-side-column { grid-template-columns: 1fr; }.automation-truth { grid-row: auto; }
}
@media (max-width: 560px) {
  .automation-hero { padding: 1.05rem; border-radius: 19px; }.automation-hero h1 { font-size: clamp(2.25rem, 10.5vw, 3.1rem); letter-spacing: -.055em; }.automation-hero-copy > p:not(.eyebrow) { font-size: .69rem; }.automation-state { align-items: start; }
  .automation-constellation { min-height: 270px; transform: scale(.92); }.automation-orbit.orbit-a { width: 270px; height: 270px; }.automation-orbit.orbit-b { width: 180px; height: 180px; }.automation-node { min-width: 111px; padding: .45rem; }.automation-node.node-trigger { left: 0; }.automation-node.node-gateway { right: 0; }
  .automation-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.automation-metric { min-height: 112px; padding: .65rem; }
  .automation-section-heading { display: block; }.automation-section-heading > span { display: inline-block; margin-top: .4rem; }.automation-flow-grid { grid-template-columns: 1fr; }
  .automation-brand-section, .automation-routines { padding: .72rem; }.automation-brand-card header { grid-template-columns: 40px minmax(0, 1fr); }.automation-brand-card header > strong { grid-column: 1 / -1; justify-self: start; }.automation-brand-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }.automation-brand-card footer { align-items: start; flex-direction: column; }
  .automation-routine-list li { grid-template-columns: 32px minmax(0, 1fr) 30px; gap: .38rem; }.automation-routine-list li > div small { display: none; }
}

/* Official Instagram pilot: keep the human gate readable at every viewport. */
@media (max-width: 1080px) {
  .official-console-layout { grid-template-columns: 1fr; }
  .official-safety-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 0 .8rem; }
  .official-safety-card .eyebrow, .official-safety-card h3, .official-safety-card > p:not(.eyebrow), .official-safety-card ol, .official-safety-proof { grid-column: 2; }
  .official-safety-lock { grid-row: 1 / span 3; grid-column: 1; }
}
@media (max-width: 680px) {
  .official-console { padding: .8rem; border-radius: 15px; }
  .official-console-heading { display: grid; align-items: start; }
  .official-console-heading > span { min-width: 0; justify-self: start; }
  .official-pilot-card > header { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .official-pilot-card > header > strong { grid-column: 2; justify-self: start; white-space: normal; }
  .official-pilot-facts { grid-template-columns: 1fr; }
  .official-pilot-facts div { border-right: 0; border-bottom: 1px solid var(--line); }
  .official-pilot-facts div:last-child { border-bottom: 0; }
  .official-gate-track { grid-template-columns: 1fr; }
  .official-pilot-card > footer { align-items: stretch; flex-direction: column; }
  .official-pilot-card > footer a, .official-operator-lock { width: 100%; justify-content: center; text-align: center; }
  .official-pilot-empty { min-height: 260px; grid-template-columns: 1fr; place-items: start; }
  .official-safety-card { display: block; }
  .official-safety-lock { margin-bottom: .75rem; }
}
.visual-review-stage { margin: .75rem 0 1rem; overflow: hidden; border: 1px solid #d9d2c6; border-radius: 22px; background: #171d1e; box-shadow: 0 20px 50px rgb(16 25 28 / 14%); }
.visual-review-stage > header { display: flex; padding: .8rem 1rem; align-items: center; justify-content: space-between; gap: 1rem; color: #f8f2e8; }
.visual-review-stage > header div { display: grid; gap: .12rem; }
.visual-review-stage > header span { color: #d8aa58; font-size: .55rem; font-weight: 900; letter-spacing: .13em; }
.visual-review-stage > header strong { font-size: .78rem; }
.visual-review-stage > header em { padding: .3rem .52rem; border: 1px solid rgb(255 255 255 / 18%); border-radius: 999px; color: #cbd4d2; font-size: .54rem; font-style: normal; }
.visual-review-strip { display: flex; padding: 0 .85rem .85rem; gap: .65rem; overflow-x: auto; scroll-snap-type: x mandatory; }
.visual-review-strip figure { position: relative; min-width: min(300px, 78vw); margin: 0; overflow: hidden; border-radius: 14px; background: #eee8de; scroll-snap-align: start; }
.visual-review-strip img { display: block; width: 100%; max-height: 520px; object-fit: contain; background: #0e1415; }
.visual-review-strip figcaption { position: absolute; right: .55rem; bottom: .55rem; padding: .28rem .48rem; border-radius: 999px; color: #fff; background: rgb(14 20 21 / 76%); font-size: .54rem; font-weight: 800; backdrop-filter: blur(8px); }
.visual-review-stage > p { display: flex; margin: 0; padding: .7rem 1rem; align-items: center; gap: .5rem; color: #d6dfdc; background: #202829; font-size: .58rem; }
.visual-review-stage > p span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #102221; background: #75d8c4; font-weight: 900; }
.visual-editorial-context { margin: .6rem 0; border: 1px solid var(--line); border-radius: 12px; background: #fafaf8; }
.visual-editorial-context summary { padding: .65rem .8rem; color: var(--ink-soft); cursor: pointer; font-size: .6rem; font-weight: 800; }
.visual-editorial-context blockquote { margin: 0 .8rem .8rem; }
.content-visual-stack { position: absolute; inset: 0; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
.content-visual-stack > span { position: relative; min-width: 100%; scroll-snap-align: start; }
.content-visual-stack .preview-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.content-visual-stack b { position: absolute; right: .55rem; bottom: .55rem; z-index: 2; padding: .25rem .42rem; border-radius: 999px; color: #fff; background: rgb(12 19 20 / 72%); font-size: .52rem; }
/* Lightweight Hermes control plane */
.app-body-lite { background: #f4f1ea; }
.app-shell-lite { grid-template-columns: 248px minmax(0, 1fr); }
.sidebar-lite { background: #10211d; }
.sidebar-lite .sidebar-brand { padding-bottom: 1rem; }
.sidebar-lite .brand-copy small { color: #a8bcb4; }
.primary-nav-lite { gap: .22rem; overflow-y: auto; }
.primary-nav-lite .nav-label { margin-top: .9rem; }
.primary-nav-lite a { min-height: 42px; }
.sidebar-footer-lite { gap: .8rem; }
.hermes-runtime-note { display: flex; align-items: center; gap: .7rem; padding: .75rem; border: 1px solid rgba(177, 216, 201, .18); border-radius: 14px; background: rgba(255,255,255,.045); }
.hermes-runtime-note > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #d7ae66; color: #10211d; font-weight: 900; }
.hermes-runtime-note div { display: grid; gap: .1rem; }
.hermes-runtime-note strong { color: #f7f4ed; font-size: .78rem; }
.hermes-runtime-note small { color: #9eb0a9; font-size: .66rem; }
.app-topbar-lite { min-height: 76px; }
.lite-review-shortcut { padding: .68rem 1rem; border-radius: 10px; background: #173d33; color: #fff; text-decoration: none; font-weight: 750; font-size: .78rem; }
.hermes-home { max-width: 1540px; margin: 0 auto; padding: 1.5rem clamp(1rem, 2vw, 2rem) 3rem; }
.hermes-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 1.25rem; padding: clamp(1.6rem, 4vw, 3.5rem); overflow: hidden; border-radius: 30px; color: #fff; background: radial-gradient(circle at 80% 5%, rgba(215,174,102,.25), transparent 31%), linear-gradient(135deg, #0d241f 0%, #173d33 66%, #1b4d40 100%); box-shadow: 0 24px 70px rgba(20,39,33,.17); }
.hermes-hero::after { content: ""; position: absolute; right: 25%; bottom: -140px; width: 330px; height: 330px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.hermes-hero-copy { position: relative; z-index: 1; max-width: 760px; }
.hermes-hero-copy .eyebrow { color: #d7ae66; }
.hermes-hero-copy h1 { max-width: 700px; margin: .35rem 0 .85rem; color: #f8fcfa; font-size: clamp(2.5rem, 5vw, 5.4rem); line-height: .94; letter-spacing: 0; }
.hermes-hero-copy > p:last-of-type { max-width: 690px; color: #d8e5e0; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.65; }
.hermes-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }
.hermes-hero-actions form { margin: 0; }
.hermes-hero-actions button, .hermes-hero-actions a { min-height: 46px; padding: .78rem 1.2rem; border-radius: 12px; }
.hermes-hero-actions button { border: 0; background: #d7ae66; color: #15251f; font-weight: 850; cursor: pointer; }
.hermes-hero-actions .button-secondary { border-color: rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.06); }
.hermes-connection-card { position: relative; z-index: 1; align-self: center; display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.2rem; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: rgba(6,21,17,.45); backdrop-filter: blur(12px); }
.hermes-mark { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #d7ae66; color: #10211d; font-size: 1.4rem; font-weight: 950; }
.hermes-connection-card div { display: grid; gap: .16rem; }
.hermes-connection-card small { color: #b8cbc4; text-transform: uppercase; letter-spacing: .1em; font-size: .61rem; }
.hermes-connection-card strong { color: #fff; font-size: 1.18rem; }
.hermes-connection-card p { margin: .2rem 0 0; color: #d2dfda; font-size: .78rem; line-height: 1.45; }
.hermes-connection-card em { grid-column: 1 / -1; justify-self: start; padding: .28rem .55rem; border-radius: 999px; background: rgba(215,174,102,.16); color: #efd39e; font-size: .61rem; font-style: normal; font-weight: 850; letter-spacing: .09em; }
.hermes-connection-card.is-connected em { background: rgba(96,201,154,.16); color: #91e4bd; }
.hermes-simple-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin: 1rem 0 1.5rem; }
.hermes-simple-stats > * { display: grid; gap: .2rem; padding: 1.05rem 1.2rem; border: 1px solid #e3ded3; border-radius: 17px; background: rgba(255,255,255,.82); color: #21322c; text-decoration: none; }
.hermes-simple-stats span { color: #74817c; font-size: .72rem; font-weight: 780; text-transform: uppercase; letter-spacing: .08em; }
.hermes-simple-stats strong { font-size: 1.8rem; letter-spacing: -.04em; }
.hermes-simple-stats small { color: #78847f; font-size: .72rem; }
.hermes-callout { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem 1.2rem; border: 1px solid #e4c993; border-radius: 16px; background: #fff8e9; color: #43371f; }
.hermes-callout > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #d7ae66; font-weight: 900; }
.hermes-callout p { margin: .2rem 0 0; color: #75684d; font-size: .82rem; }
.week-gallery > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.week-gallery > header h2 { margin: .15rem 0; font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.04em; }
.week-gallery > header p:last-child { margin: 0; color: #68756f; }
.week-gallery > header a { color: #1a5848; font-weight: 800; text-decoration: none; }
.week-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.week-piece-card { overflow: hidden; border: 1px solid #dfdbd1; border-radius: 20px; background: #fff; box-shadow: 0 10px 35px rgba(32,49,42,.06); }
.week-piece-media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #e9e5dc; }
.week-piece-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.week-piece-count { position: absolute; right: .7rem; bottom: .7rem; padding: .35rem .6rem; border-radius: 999px; background: rgba(14,33,28,.88); color: #fff; font-size: .7rem; font-weight: 850; }
.week-piece-generating, .week-piece-empty { display: grid; place-items: center; align-content: center; gap: .5rem; height: 100%; text-align: center; color: #38564c; background: radial-gradient(circle at 50% 38%, rgba(215,174,102,.25), transparent 30%), linear-gradient(145deg, #edf0ea, #e4ded2); }
.week-piece-generating small, .week-piece-empty small { color: #7d8984; }
.week-piece-empty > span { font-size: 2rem; color: #b49a67; }
.week-piece-body { display: grid; gap: .7rem; padding: 1rem; }
.week-piece-body > div { display: flex; align-items: center; justify-content: space-between; }
.week-piece-body > div span { color: #78847f; font-size: .64rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.week-piece-body em { padding: .22rem .42rem; border-radius: 999px; background: #e5f2ec; color: #286650; font-size: .58rem; font-style: normal; font-weight: 900; letter-spacing: .07em; }
.week-piece-body h3 { margin: 0; min-height: 2.7em; font-size: .95rem; line-height: 1.35; }
.week-piece-body a { color: #185845; font-size: .76rem; font-weight: 850; text-decoration: none; }
.week-piece-body > small { color: #7b8682; font-size: .7rem; line-height: 1.4; }
.week-gallery-empty { grid-column: 1 / -1; padding: 4rem 2rem; border: 1px dashed #cbc5b8; border-radius: 20px; text-align: center; }
.hermes-three-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd8cd; }
.hermes-three-steps article { display: flex; gap: .8rem; }
.hermes-three-steps article > span { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 10px; background: #173d33; color: #fff; font-weight: 900; }
.hermes-three-steps p { margin: .25rem 0 0; color: #718079; font-size: .76rem; line-height: 1.45; }
.visual-review-pending { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid #e1c58c; border-radius: 18px; background: #fff8e8; }
.visual-review-pending p { margin: .25rem 0 0; color: #6c624f; }
.visual-pending-orbit { position: relative; display: block; width: 42px; height: 42px; flex: 0 0 42px; border: 2px solid rgba(30,86,69,.18); border-top-color: #1e5645; border-radius: 50%; animation: hermes-spin 1.2s linear infinite; }
.visual-pending-orbit i { position: absolute; inset: 11px; border-radius: 50%; background: #d7ae66; }
@keyframes hermes-spin { to { transform: rotate(360deg); } }
@media (max-width: 1180px) { .week-gallery-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 900px) { .hermes-hero { grid-template-columns: 1fr; } .hermes-simple-stats { grid-template-columns: repeat(2, 1fr); } .week-gallery-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .hermes-three-steps { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .hermes-simple-stats, .week-gallery-grid { grid-template-columns: 1fr; } .hermes-home { padding-inline: .8rem; } .hermes-hero { padding: 1.35rem; border-radius: 22px; } }
@media (max-width: 900px) {
  .marketing-agent-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-agent-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .marketing-agent-connection > header { grid-template-columns: auto minmax(0, 1fr); }
  .marketing-agent-state { grid-column: 1 / -1; width: fit-content; }
  .marketing-agent-metrics { grid-template-columns: 1fr 1fr; padding: .7rem; }
  .marketing-agent-detail-grid { padding: .7rem; }
  .marketing-agent-brand-list article { grid-template-columns: 30px minmax(0, 1fr); }
  .marketing-agent-brand-list dl { grid-column: 2; justify-content: start; }
  .marketing-agent-brand-list dl div { text-align: left; }
  .marketing-agent-connection > footer { display: grid; gap: .25rem; }
}
@media (max-width: 900px) {
  .agent-grid-pieces { grid-template-columns: 1fr; }
  .agent-grid-piece { border-right: 0; }
}
@media (max-width: 640px) {
  .agent-grid-card > summary { padding: .7rem; grid-template-columns: 48px minmax(0, 1fr) 18px; gap: .6rem; }
  .agent-grid-card > summary .content-plan-progress, .agent-grid-card > summary .content-plan-state { grid-column: 2; }
  .agent-grid-card > summary .content-plan-chevron { grid-row: 1 / 4; grid-column: 3; }
  .agent-grid-assets { grid-template-columns: none; }
  .agent-grid-assets a { width: min(100%, 350px); aspect-ratio: 9 / 16; background: #f4f7f6; }
  .agent-grid-assets img { width: 100%; height: 100%; max-height: none; object-fit: contain; background: #f4f7f6; }
  .agent-grid-piece-head { display: grid; }
  .agent-grid-piece-head .status-pill { justify-self: start; }
  .agent-grid-decisions li { grid-template-columns: 1fr; }
  .agent-grid-decisions li span { text-align: left; }
}

.meta-review-entry { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; padding: 1rem 1.2rem; border: 1px solid #d9d5ca; background: #fff; }
.meta-review-entry h2, .meta-review-entry p { margin: .15rem 0; }
.meta-review-entry > div > p:last-child { color: #68756f; font-size: .8rem; }
.meta-review-entry a { flex: 0 0 auto; padding: .72rem 1rem; background: #173d33; color: #fff; font-size: .78rem; font-weight: 800; text-decoration: none; }
.meta-review-workspace { max-width: 1380px; margin: 0 auto; padding: 1.6rem clamp(.9rem, 2vw, 2rem) 3rem; }
.meta-review-header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 1.3rem; border-bottom: 1px solid #d9d5ca; }
.meta-review-header h1 { margin: .2rem 0 .45rem; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1; letter-spacing: 0; }
.meta-review-header p:last-child { max-width: 700px; margin: 0; color: #66746e; }
.meta-review-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #d9d5ca; }
.meta-review-checks article { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: .7rem; min-height: 90px; padding: 1rem; border-right: 1px solid #d9d5ca; }
.meta-review-checks article:last-child { border-right: 0; }
.meta-review-checks article > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #86c7b1; border-radius: 50%; color: #096348; font-size: .68rem; font-weight: 900; }
.meta-review-checks div { min-width: 0; display: grid; gap: .15rem; }
.meta-review-checks small { color: #78857f; text-transform: uppercase; font-size: .62rem; font-weight: 850; }
.meta-review-checks strong, .meta-review-checks a { overflow: hidden; color: #173d33; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.meta-review-checks b { color: #087451; font-size: .66rem; text-transform: uppercase; }
.meta-review-account-strip { display: grid; gap: .7rem; margin: 1rem 0; }
.meta-review-account-strip article { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: .9rem 1rem; border: 1px solid #d9d5ca; background: #fff; }
.meta-review-account-strip article > span { display: grid; place-items: center; width: 42px; height: 42px; background: #25d366; color: #0b3323; font-weight: 950; }
.meta-review-account-strip div { display: grid; gap: .08rem; }
.meta-review-account-strip small, .meta-review-account-strip code { color: #78857f; font-size: .67rem; }
.meta-review-account-strip b { color: #087451; font-size: .7rem; }
.meta-review-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.meta-review-action { padding: 1.2rem; border-radius: 8px; }
.meta-review-action > header { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid #e2ded4; }
.meta-review-action > header > span { display: grid; place-items: center; width: 42px; height: 42px; background: #173d33; color: #fff; font-weight: 900; }
.meta-review-action h2 { margin: .16rem 0; font-size: 1.25rem; letter-spacing: 0; }
.meta-review-action header p:last-child { margin: .2rem 0 0; color: #718079; font-size: .76rem; }
.meta-review-action form { display: grid; gap: .9rem; margin-top: 1rem; }
.meta-review-action .field { display: grid; gap: .35rem; }
.meta-review-action label { color: #31433c; font-size: .73rem; font-weight: 800; }
.meta-review-action input:not([type="checkbox"]), .meta-review-action select, .meta-review-action textarea { box-sizing: border-box; width: 100%; padding: .7rem .75rem; border: 1px solid #cfd5d1; border-radius: 4px; background: #fff; color: #17241f; font: inherit; }
.meta-review-action textarea { resize: vertical; }
.meta-review-action .field small { color: #73807a; font-size: .67rem; }
.meta-review-confirm { display: flex; align-items: flex-start; gap: .55rem; line-height: 1.4; }
.meta-review-confirm input { margin-top: .15rem; }
.meta-review-action button { min-height: 44px; border: 0; border-radius: 4px; background: #173d33; color: #fff; font-weight: 850; cursor: pointer; }
.meta-review-empty { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 1rem; margin: 1.2rem 0; padding: 1.4rem; border: 1px solid #dfc487; background: #fff8e9; }
.meta-review-empty > span { display: grid; place-items: center; width: 58px; height: 58px; background: #d7ae66; color: #173026; font-size: 1.35rem; font-weight: 950; }
.meta-review-empty h2 { margin: .2rem 0; font-size: 1.4rem; letter-spacing: 0; }
.meta-review-empty p:last-child { max-width: 800px; margin: .4rem 0 0; color: #6d654f; line-height: 1.55; }
.meta-review-safety { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #d9d5ca; color: #6c7973; font-size: .7rem; }
.meta-review-safety strong { color: #173d33; }
@media (max-width: 900px) { .sidebar-footer-lite .hermes-runtime-note { display: none; } .meta-review-checks, .meta-review-actions { grid-template-columns: 1fr; } .meta-review-checks article { border-right: 0; border-bottom: 1px solid #d9d5ca; } .meta-review-checks article:last-child { border-bottom: 0; } }
@media (max-width: 620px) { .meta-review-header, .meta-review-entry { align-items: stretch; flex-direction: column; } .meta-review-header .button-secondary, .meta-review-entry a { text-align: center; } .meta-review-checks article { grid-template-columns: 32px minmax(0, 1fr); } .meta-review-checks b { grid-column: 2; } .meta-review-empty { grid-template-columns: 1fr; } }
/* Email comercial: mensajes completos, compactos y sin acciones de envío. */
.commercial-email-page{padding:28px;display:grid;gap:18px}.commercial-email-hero{background:linear-gradient(135deg,#10211d,#1c4a3d);border-radius:20px;color:#fff;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.commercial-email-hero h1{font-size:clamp(1.8rem,3vw,2.65rem);margin:3px 0 6px}.commercial-email-hero p{max-width:720px;margin:0;color:#d3e7df}.commercial-email-safety{display:flex;align-items:center;gap:10px;border:1px solid #ffffff3d;background:#ffffff12;border-radius:14px;padding:11px 14px;white-space:nowrap}.commercial-email-safety>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#8ce3ad;color:#10211d;font-weight:900}.commercial-email-safety div{display:grid}.commercial-email-safety small{color:#d3e7df}.commercial-email-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commercial-email-summary article{background:#fff;border:1px solid #dce7e2;border-radius:14px;padding:13px 15px;display:grid}.commercial-email-summary small,.commercial-email-summary span{color:#66766f}.commercial-email-summary strong{font-size:1.65rem;color:#10211d}.commercial-email-summary span{font-size:.73rem}.commercial-email-sectors{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.78rem}.commercial-email-sectors span{background:#e9f4ef;border-radius:999px;padding:5px 8px;color:#285246}.commercial-email-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.commercial-email-card{background:#f8fbf9;border:1px solid #dce7e2;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #143d3010}.commercial-email-card>header{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(150px,.7fr);align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #e4ece8}.commercial-email-priority{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#10211d;color:#fff;font-size:.82rem;font-weight:800}.commercial-email-identity,.commercial-email-contact{display:grid;gap:2px;min-width:0}.commercial-email-identity small,.commercial-email-contact small{color:#718079;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commercial-email-contact{text-align:right;font-size:.78rem}.commercial-email-contact>strong{overflow-wrap:anywhere}.commercial-email-preview{padding:14px}.commercial-email-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.commercial-email-preview-head small{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#72827a;font-weight:700}.commercial-email-preview-head h2{font-size:1rem;line-height:1.35;margin:2px 0 0;color:#10211d}.commercial-email-preview-head span{height:max-content;background:#e8f4ef;color:#285246;border-radius:999px;padding:5px 8px;font-size:.61rem;font-weight:700;white-space:nowrap}.commercial-email-render{background:#fff;border:1px solid #e1eae6;border-radius:12px;padding:16px;overflow-wrap:anywhere}.commercial-email-render img{max-width:100%;height:auto}.commercial-email-context{border-top:1px solid #dce7e2;background:#fff}.commercial-email-context>summary{cursor:pointer;padding:9px 14px;color:#52655e;font-size:.72rem;font-weight:700}.commercial-email-context dl{display:grid;gap:9px;margin:0;padding:4px 14px 14px}.commercial-email-context dl div{display:grid;gap:2px}.commercial-email-context dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#7a8983;font-weight:800}.commercial-email-context dd{margin:0;color:#35443e;font-size:.75rem;line-height:1.4}.commercial-email-context a{color:#166149}.commercial-email-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px solid #dce7e2;border-radius:16px;padding:36px}@media(max-width:1120px){.commercial-email-list{grid-template-columns:1fr}}@media(max-width:900px){.commercial-email-page{padding:16px}.commercial-email-hero{align-items:flex-start;flex-direction:column}.commercial-email-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.commercial-email-summary{grid-template-columns:1fr 1fr}.commercial-email-card>header{grid-template-columns:34px 1fr}.commercial-email-contact{grid-column:2;text-align:left}.commercial-email-render{padding:13px}.commercial-email-preview-head{flex-direction:column}.commercial-email-safety{white-space:normal}}

/* Casilla compacta y aprendizaje editorial de email comercial. */
.commercial-email-page{padding:12px 20px 20px;gap:10px;max-width:1500px;margin:clamp(-3.5rem,-4vw,-2rem) auto 0}
.commercial-email-statusbar{display:flex;min-height:44px;padding:7px 10px;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d8e2de;border-radius:10px;background:#fff;box-shadow:0 5px 16px #163d3008}
.commercial-email-statusbar nav{display:flex;min-width:0;align-items:center;gap:4px 18px;color:#65766f;font-size:.68rem}.commercial-email-statusbar nav span{white-space:nowrap}.commercial-email-statusbar nav strong{margin-right:3px;color:#17372d;font-size:.82rem}
.commercial-email-statusbar>p{display:flex;margin:0;padding:4px 7px;align-items:center;gap:6px;border-radius:8px;color:#245845;background:#e7f4ee;font-size:.68rem;white-space:nowrap}.commercial-email-statusbar>p>span{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#123f30;background:#8ce3ad;font-size:.64rem;font-weight:900}.commercial-email-statusbar>p small{color:#60776e}.commercial-email-statusbar>p small::before{content:"·";margin-right:6px}
.commercial-email-hero{border-radius:14px;padding:15px 18px}
.commercial-email-hero h1{font-size:1.55rem;margin:1px 0 3px}
.commercial-email-hero p{font-size:.82rem}
.commercial-email-safety{padding:7px 10px;border-radius:10px;font-size:.78rem}
.commercial-email-safety>span{width:25px;height:25px}
.commercial-email-summary{gap:7px}
.commercial-email-summary article{border-radius:9px;padding:8px 11px;grid-template-columns:1fr auto;align-items:center}
.commercial-email-summary article small{font-weight:700}
.commercial-email-summary article strong{font-size:1.15rem;grid-row:1/3;grid-column:2}
.commercial-email-summary article span{font-size:.65rem}
.commercial-mailbox{display:grid;height:min(760px,calc(100vh - 245px));min-height:520px;max-height:none;grid-template-columns:310px minmax(0,1fr);background:#fff;border:1px solid #d8e2de;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #163d3010}
.commercial-mail-list{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid #dfe7e3;background:#f7f9f8}
.commercial-mail-list>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #dfe7e3}
.commercial-mail-list>header div{display:grid}.commercial-mail-list>header small{color:#74827c;font-size:.66rem}.commercial-mail-list>header>span{background:#e6f4ed;color:#236048;border-radius:999px;padding:4px 7px;font-size:.62rem;font-weight:800}
.commercial-mail-list>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.commercial-mail-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px 10px;color:#263a33;text-decoration:none;border-bottom:1px solid #e4eae7;transition:background .15s ease}
.commercial-mail-row:hover{background:#edf5f1}.commercial-mail-row.is-selected{background:#dff0e8;box-shadow:inset 3px 0 #267158}
.commercial-mail-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#dcebe5;color:#245443;font-size:.73rem;font-weight:900}
.commercial-mail-row-copy{display:grid;min-width:0;gap:1px}
.commercial-mail-row-copy>span:first-child{display:flex;justify-content:space-between;gap:8px}.commercial-mail-row-copy strong,.commercial-mail-row-copy b,.commercial-mail-row-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commercial-mail-row-copy strong{font-size:.77rem}.commercial-mail-row-copy time{font-size:.61rem;color:#84918c}.commercial-mail-row-copy b{font-size:.7rem}.commercial-mail-row-copy>small{font-size:.64rem;color:#74817c}
.commercial-mail-row-meta{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.commercial-mail-row-meta em,.commercial-mail-status{font-style:normal;border-radius:999px;padding:2px 6px;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.commercial-mail-row-meta i{font-style:normal;font-size:.65rem}
.status-draft{background:#edf0ef;color:#617069}.status-reviewed{background:#dff5e8;color:#14623f}.status-rejected{background:#fbe7e7;color:#923838}
.commercial-mail-reader{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff}
.commercial-mail-reader{scrollbar-width:thin;scrollbar-color:#91aaa0 #edf2ef}.commercial-mail-reader::-webkit-scrollbar{width:10px}.commercial-mail-reader::-webkit-scrollbar-track{background:#edf2ef}.commercial-mail-reader::-webkit-scrollbar-thumb{border:2px solid #edf2ef;border-radius:999px;background:#91aaa0}
.commercial-mail-reader-head{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e3e9e6;background:#fff}
.commercial-mail-reader-subject{display:flex;gap:10px;min-width:0}.commercial-mail-reader-subject div{min-width:0}.commercial-mail-reader-subject p,.commercial-mail-reader-subject small{margin:0;color:#718079;font-size:.68rem}.commercial-mail-reader-subject h2{font-size:1.03rem;margin:2px 0 3px;color:#172e26}
.commercial-feedback-form{display:grid;gap:7px;padding:11px 18px;background:#f7faf8;border-bottom:1px solid #e0e8e4}
.commercial-feedback-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.commercial-feedback-title>div{display:grid}.commercial-feedback-title strong{font-size:.78rem}.commercial-feedback-title small{font-size:.64rem;color:#6d7b75}.commercial-feedback-title>span{font-size:.61rem;color:#607069}
.commercial-feedback-form label{font-size:.65rem;font-weight:800;color:#51615b}.commercial-feedback-form textarea{width:100%;resize:vertical;min-height:48px;max-height:140px;border:1px solid #cfdad5;border-radius:8px;padding:8px 9px;font:inherit;font-size:.72rem;background:#fff}
.commercial-feedback-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.commercial-feedback-actions button{border:1px solid #cbd8d2;background:#fff;border-radius:8px;padding:6px 9px;font-weight:800;font-size:.7rem;cursor:pointer}.commercial-feedback-actions button small{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;border-radius:99px;background:#edf1ef}.commercial-feedback-actions .feedback-like.is-active{border-color:#4a9b72;background:#e2f4e9;color:#145b3a}.commercial-feedback-actions .feedback-dislike.is-active{border-color:#c77a7a;background:#fae7e7;color:#8b3030}.commercial-feedback-actions button:disabled{cursor:wait;opacity:.65}.commercial-feedback-message{font-size:.65rem;color:#3b6455}
.commercial-mail-reader>.commercial-email-render{max-width:760px;margin:16px auto;padding:20px 24px;border-color:#e2e8e5;border-radius:8px;box-shadow:0 3px 14px #143d300c;font-size:.84rem;line-height:1.55}
.commercial-mail-reader>.commercial-email-context{max-width:760px;margin:0 auto 18px;border:1px solid #e0e7e3;border-radius:8px;overflow:hidden}
.commercial-learning-panel{background:#fff;border:1px solid #d8e2de;border-radius:12px;padding:15px 17px}.commercial-learning-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px}.commercial-learning-panel h2{font-size:1rem;margin:1px 0}.commercial-learning-panel header p{margin:0;font-size:.68rem;color:#6e7d77}.commercial-learning-panel>header>strong{background:#edf4f1;border-radius:999px;padding:5px 8px;font-size:.65rem;color:#355b4d}
.commercial-learning-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:11px}.commercial-learning-feed{display:grid;gap:6px;max-height:250px;overflow-y:auto}.commercial-learning-feed article{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:8px 9px;border:1px solid #e1e8e5;border-radius:8px}.commercial-learning-feed article>span{height:max-content;border-radius:999px;padding:3px 5px;text-align:center;font-size:.58rem;font-weight:900}.commercial-learning-feed .learning-like>span{background:#dff5e8;color:#12613d}.commercial-learning-feed .learning-dislike>span{background:#fbe7e7;color:#923838}.commercial-learning-feed p{margin:0;font-size:.72rem;color:#293d35}.commercial-learning-feed small{font-size:.6rem;color:#7b8983}.commercial-learning-empty{border:1px dashed #cfdad5;border-radius:8px;padding:18px;text-align:center}.commercial-learning-empty p{margin:4px 0 0;font-size:.7rem;color:#75837d}
.commercial-learning-prompt{border:1px solid #e0e7e3;border-radius:8px;background:#f8faf9;overflow:hidden}.commercial-learning-prompt summary{cursor:pointer;padding:10px 11px;font-size:.7rem;font-weight:800}.commercial-learning-prompt pre{margin:0;padding:11px;white-space:pre-wrap;background:#15251f;color:#d8e8e1;font:500 .65rem/1.5 ui-monospace,monospace}.commercial-learning-prompt p{padding:8px 11px;margin:0;font-size:.61rem;color:#6c7b75}
@media(max-width:1050px){.commercial-mailbox{grid-template-columns:270px minmax(0,1fr)}.commercial-learning-grid{grid-template-columns:1fr}}
@media(max-width:760px){.commercial-email-page{padding:10px 12px 12px;margin-top:-1.7rem}.commercial-email-statusbar{align-items:stretch;flex-direction:column;gap:6px}.commercial-email-statusbar nav{justify-content:space-between;gap:4px 8px;overflow-x:auto}.commercial-email-statusbar>p{align-self:flex-start}.commercial-mailbox{display:block;height:auto;min-height:0;max-height:none}.commercial-mail-list{border-right:0;border-bottom:1px solid #dfe7e3}.commercial-mail-list>nav{max-height:300px}.commercial-mail-reader{overflow:visible}.commercial-mail-reader-head{position:static}.commercial-mail-reader>.commercial-email-render,.commercial-mail-reader>.commercial-email-context{margin-left:12px;margin-right:12px}}
@media(max-width:520px){.commercial-mail-reader-head{padding:12px}.commercial-feedback-form{padding:10px 12px}.commercial-feedback-title{align-items:flex-start;flex-direction:column}.commercial-mail-reader>.commercial-email-render{padding:15px}.commercial-email-safety{white-space:normal}}