@import url("/intelligence.css?v=20261024-value-0380");
@import url("/edition-colors.css");
:root {
  --bg: var(--edition-color-080706);
  --panel: var(--edition-color-rgba_23_20_17_84);
  --panel-strong: var(--edition-color-rgba_31_25_20_92);
  --text: var(--edition-color-f2e9d8);
  --cream: var(--edition-color-f2e9d8);
  --muted: var(--edition-color-rgba_242_233_216_68);
  --line: var(--edition-color-rgba_242_233_216_13);
  --orange: var(--edition-color-e87812);
  --orange-soft: var(--edition-color-rgba_232_120_18_16);
  --green: var(--edition-color-4ee081);
  --red: var(--edition-color-ff6b6b);
  --cyan: var(--edition-color-51e8d4);
  --radius: 22px;
  --shadow: 0 24px 80px var(--edition-color-rgba_0_0_0_32);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body, #app { min-height: 100%; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 12%, var(--edition-color-rgba_232_120_18_26), transparent 32%),
    radial-gradient(circle at 84% 8%, var(--edition-color-rgba_39_115_96_18), transparent 30%),
    linear-gradient(135deg, var(--edition-color-130b07) 0%, var(--edition-color-090807) 48%, var(--edition-color-07100d) 100%);
}

button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }

.app-shell { display: grid; grid-template-columns: 272px 1fr; min-height: 100vh; }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 24px 18px;
  background: var(--edition-color-rgba_10_9_8_76);
  border-right: 1px solid var(--line);
  backdrop-filter: blur(20px);
}
.brand { display: grid; gap: 12px; margin-bottom: 28px; }
.brand img { width: 136px; height: auto; }
.brand p { margin: 0; color: var(--muted); line-height: 1.45; }
.nav { display: grid; gap: 8px; }
.nav button {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--muted);
  padding: 13px 15px;
  text-align: left;
  font-weight: 800;
}
.nav button.active,
.nav button:hover {
  color: var(--text);
  border-color: var(--edition-color-rgba_242_233_216_18);
  background: var(--edition-color-rgba_242_233_216_08);
}
.sidebar-footer { position: absolute; bottom: 22px; left: 18px; right: 18px; }

.main { min-width: 0; padding: 34px min(3vw, 46px) 56px; }
.topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.eyebrow { color: var(--orange); font-weight: 900; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(32px, 4vw, 56px); line-height: .95; margin-bottom: 12px; letter-spacing: 0; }
h2 { font-size: 24px; margin-bottom: 10px; }
h3 { font-size: 18px; margin-bottom: 8px; }
.muted { color: var(--muted); }

.hero {
  border: 1px solid var(--edition-color-rgba_232_120_18_28);
  border-radius: 30px;
  background:
    linear-gradient(135deg, var(--edition-color-rgba_232_120_18_18), var(--edition-color-rgba_7_16_13_52)),
    var(--edition-color-rgba_17_16_14_72);
  box-shadow: var(--shadow);
  padding: 28px;
  margin-bottom: 22px;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }

.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.span-3 { grid-column: span 3; }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }
.span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; }
.span-12 { grid-column: span 12; }

.card, .content-card, .production-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 18px;
  box-shadow: 0 18px 44px var(--edition-color-rgba_0_0_0_16);
}
.content-card {
  display: grid;
  gap: 13px;
  align-content: start;
  min-height: 420px;
}
.content-card.primary { border-color: var(--edition-color-rgba_232_120_18_56); background: linear-gradient(180deg, var(--edition-color-rgba_232_120_18_13), var(--edition-color-rgba_23_20_17_82)); }
.content-card header { display: flex; justify-content: space-between; gap: 14px; }
.content-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--edition-color-rgba_232_120_18_16);
  border: 1px solid var(--edition-color-rgba_232_120_18_28);
  font-size: 28px;
}
.tag, .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  border: 1px solid var(--edition-color-rgba_78_224_129_42);
  color: var(--green);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
}
.pill.warn { border-color: var(--edition-color-rgba_232_120_18_44); color: var(--edition-color-ffd36b); }
.pill.danger { border-color: var(--edition-color-rgba_255_107_107_44); color: var(--red); }
.mini-list { margin: 0; padding-left: 18px; color: var(--muted); line-height: 1.5; }

input, textarea, select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--edition-color-rgba_0_0_0_36);
  color: var(--text);
  padding: 13px 14px;
  outline: none;
}
textarea { min-height: 126px; resize: vertical; }
input:focus, textarea:focus, select:focus { border-color: var(--edition-color-rgba_232_120_18_78); box-shadow: 0 0 0 4px var(--edition-color-rgba_232_120_18_1); }
label { color: var(--muted); font-weight: 800; }

.btn {
  border: 0;
  border-radius: 999px;
  background: var(--orange);
  color: var(--text);
  padding: 14px 20px;
  font-weight: 950;
  min-height: 48px;
  box-shadow: 0 12px 32px var(--edition-color-rgba_232_120_18_2);
}
.btn.secondary { background: var(--edition-color-rgba_242_233_216_1); box-shadow: none; border: 1px solid var(--line); }
.btn.ghost { background: transparent; box-shadow: none; border: 1px solid var(--line); }
.btn.small { min-height: 34px; padding: 8px 12px; font-size: 13px; }
.btn:disabled { opacity: .55; cursor: wait; }

.switch-card {
  display: flex;
  gap: 14px;
  align-items: center;
  border: 1px solid var(--edition-color-rgba_255_211_107_34);
  background: var(--edition-color-rgba_255_211_107_07);
  border-radius: 18px;
  padding: 14px;
}
.switch {
  flex: 0 0 auto;
  width: 60px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--edition-color-rgba_242_233_216_18);
  background: var(--edition-color-rgba_242_233_216_12);
  padding: 4px;
  transition: background .16s ease;
}
.switch::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--edition-color-d9d0bf);
  transition: transform .16s ease;
}
.switch-card.enabled .switch { background: var(--orange); }
.switch-card.enabled .switch::after { transform: translateX(26px); background: var(--text); }

.status-line { min-height: 21px; color: var(--muted); font-weight: 800; }
.status-line.error { color: var(--red); }
.status-line.ok { color: var(--green); }

.production-list { display: grid; gap: 12px; }
.production-card { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 16px; }
.production-main { min-width: 0; }
.production-main h3 { overflow-wrap: anywhere; }
.production-thumb {
  width: 112px;
  aspect-ratio: 9 / 16;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  background: var(--edition-color-rgba_242_233_216_06);
  display: grid;
  place-items: center;
  color: var(--cream);
  font-size: 30px;
  box-shadow: inset 0 0 32px var(--edition-color-rgba_232_120_18_12);
}
.production-thumb img, .production-thumb video { width: 100%; height: 100%; object-fit: cover; }
.production-thumb audio { width: 92%; }
.timeline { display: grid; gap: 10px; }
.step {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 13px;
  background: var(--edition-color-rgba_0_0_0_22);
}
.step.running {
  border-color: var(--edition-color-rgba_232_120_18_9);
  box-shadow: 0 0 0 1px var(--edition-color-rgba_232_120_18_35), 0 0 32px var(--edition-color-rgba_232_120_18_22);
  animation: stepPulse 1.8s ease-in-out infinite;
}
.step.completed { border-color: var(--edition-color-rgba_56_211_105_36); }
.step.failed { border-color: var(--edition-color-rgba_255_92_92_62); }
.step-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.step-badge {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--cream);
  font-size: 12px;
  text-transform: uppercase;
}
.step-logs summary {
  cursor: pointer;
  color: var(--orange);
  font-weight: 900;
  margin-top: 4px;
}
.step-logs pre {
  max-height: 240px;
  overflow: auto;
  padding: 10px;
  border-radius: 12px;
  background: var(--edition-color-rgba_0_0_0_34);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
}
@keyframes stepPulse {
  0%, 100% { box-shadow: 0 0 0 1px var(--edition-color-rgba_232_120_18_28), 0 0 20px var(--edition-color-rgba_232_120_18_16); }
  50% { box-shadow: 0 0 0 1px var(--edition-color-rgba_232_120_18_7), 0 0 42px var(--edition-color-rgba_232_120_18_32); }
}
.asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; align-items: start; }
.asset {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--edition-color-rgba_0_0_0_22);
  overflow: hidden;
}
.asset.media-asset { max-width: 340px; }
.asset.text-asset { min-height: 0; }
.asset-preview { aspect-ratio: 16 / 10; background: var(--edition-color-rgba_242_233_216_06); display: grid; place-items: center; }
.asset-preview.video-preview { aspect-ratio: 9 / 16; max-height: 420px; }
.asset-preview img, .asset-preview video { width: 100%; height: 100%; object-fit: cover; }
.asset-preview.audio-preview {
  padding: 14px;
  gap: 10px;
  color: var(--text);
}
.asset-preview.audio-preview audio { width: 100%; }
.asset-preview.placeholder span { padding: 12px; text-align: center; overflow-wrap: anywhere; }
.text-preview {
  aspect-ratio: auto;
  min-height: 96px;
  align-content: center;
  gap: 6px;
  padding: 14px;
  text-align: center;
}
.text-preview span { font-weight: 900; overflow-wrap: anywhere; }
.text-preview small { color: var(--muted); }
.asset-body { padding: 12px; display: grid; gap: 8px; }
.asset-actions { display: flex; flex-wrap: wrap; gap: 8px; }


.asset-library-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.asset-package-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
  align-items: start;
}
.asset-package {
  border: 1px solid var(--edition-color-rgba_242_233_216_13);
  border-radius: 24px;
  background:
    linear-gradient(145deg, var(--edition-color-rgba_232_120_18_10), var(--edition-color-rgba_7_16_13_20)),
    var(--edition-color-rgba_14_12_10_82);
  overflow: hidden;
  box-shadow: 0 22px 60px var(--edition-color-rgba_0_0_0_18);
}
.asset-package.expanded { border-color: var(--edition-color-rgba_232_120_18_62); }
.asset-package-button {
  width: 100%;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
}
.asset-package-preview { min-height: 172px; border-radius: 18px; overflow: hidden; background: var(--edition-color-rgba_242_233_216_055); }
.package-preview { width: 100%; height: 100%; min-height: 172px; display: grid; place-items: center; }
.package-preview img, .package-preview video, .asset-package-preview img, .asset-package-preview video { width: 100%; height: 100%; object-fit: cover; }
.asset-package-body { min-width: 0; display: grid; align-content: center; gap: 10px; }
.asset-package-title { display: flex; gap: 8px; align-items: flex-start; font-size: 18px; line-height: 1.12; }
.asset-package-title strong { overflow-wrap: anywhere; }
.asset-package-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.asset-package-meta span {
  border: 1px solid var(--edition-color-rgba_242_233_216_12);
  background: var(--edition-color-rgba_242_233_216_055);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}
.asset-group-details { padding: 0 14px 14px; display: grid; gap: 12px; }
.asset-group-details.always-open { padding: 0; }
.asset-section {
  border: 1px solid var(--edition-color-rgba_242_233_216_11);
  border-radius: 18px;
  padding: 12px;
  background: var(--edition-color-rgba_0_0_0_18);
}
.asset-section summary,
.asset-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--text); cursor: pointer; }
.asset-section h3 { margin: 0; }
.asset-section span { color: var(--orange); font-weight: 950; }
.asset-subgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-top: 10px; }
.asset-subgrid .asset.media-asset { max-width: none; }
.asset-subgrid .asset-preview.video-preview { max-height: 280px; }
.support-grid .asset-preview.video-preview { max-height: 220px; }
.package-detail-card .asset-subgrid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.guide-hero { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.guide-modules { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.guide-module { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 18px; padding: 12px; background: var(--edition-color-rgba_242_233_216_035); }
.guide-module h3 { margin-bottom: 2px; }
.guide-module p { margin: 0; }
.guide-card h2 { display: flex; align-items: center; gap: 8px; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.guide-band { border-top: 1px solid var(--line); padding: 28px 0 34px; }
.guide-band + .guide-band { margin-top: 4px; }
.guide-band-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.guide-band-header h2 { margin: 3px 0 6px; }
.platform-guide-tabs { display: flex; gap: 7px; overflow-x: auto; padding: 0 0 10px; margin-bottom: 12px; }
.platform-guide-tabs button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 7px 11px;
  background: var(--edition-color-rgba_23_20_17_6);
  color: var(--muted);
  font-weight: 850;
}
.platform-guide-tabs button span { color: var(--orange); font-size: 11px; }
.platform-guide-tabs button.active { color: var(--cream); border-color: var(--edition-color-rgba_232_120_18_7); background: var(--edition-color-rgba_232_120_18_12); }
.platform-guide { border: 1px solid var(--line); border-radius: 8px; background: var(--edition-color-rgba_12_14_12_58); overflow: hidden; }
.platform-guide-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px; border-bottom: 1px solid var(--line); }
.platform-guide-title { display: flex; gap: 13px; align-items: flex-start; min-width: 0; }
.platform-guide-title h3 { margin: 2px 0 4px; }
.platform-guide-title p { max-width: 850px; margin: 0; color: var(--muted); line-height: 1.45; }
.platform-guide-mark { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--edition-color-rgba_232_120_18_42); border-radius: 8px; color: var(--orange); background: var(--edition-color-rgba_232_120_18_1); font-size: 12px; font-weight: 950; }
.guide-status { display: inline-flex; width: fit-content; border: 1px solid var(--line); border-radius: 999px; padding: 5px 8px; color: var(--muted); font-size: 11px; font-weight: 900; white-space: nowrap; }
.guide-status.ready { color: var(--green); border-color: var(--edition-color-rgba_78_224_129_4); }
.guide-status.pending { color: var(--edition-color-ffd36b); border-color: var(--edition-color-rgba_232_120_18_44); }
.account-requirement { display: grid; grid-template-columns: minmax(150px, .25fr) minmax(0, 1fr); gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--line); }
.account-requirement strong { color: var(--orange); }
.account-requirement span { color: var(--muted); }
.platform-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.platform-steps section { padding: 20px 22px; }
.platform-steps section + section { border-left: 1px solid var(--line); }
.platform-steps h3 { font-size: 17px; margin: 3px 0 12px; }
.platform-steps ol, .agent-rules ol { margin: 0; padding-left: 22px; color: var(--muted); line-height: 1.48; }
.platform-steps li + li, .agent-rules li + li { margin-top: 8px; }
.step-kicker { color: var(--orange); text-transform: uppercase; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.user-oauth-flow { padding: 20px 22px; }
.user-oauth-flow h3 { margin: 3px 0 12px; }
.user-oauth-flow ol { margin: 0; padding-left: 22px; color: var(--muted); line-height: 1.48; }
.user-oauth-flow li + li { margin-top: 8px; }
.user-oauth-flow p { margin: 14px 0 0; }
.operator-setup { border-top: 1px solid var(--line); }
.operator-setup summary { cursor: pointer; padding: 15px 18px; color: var(--orange); font-weight: 900; }
.operator-setup > div { padding: 0 22px 20px; color: var(--muted); line-height: 1.48; }
.operator-setup p { margin: 0 0 12px; }
.operator-setup ol { margin: 0; padding-left: 22px; }
.operator-setup li + li { margin-top: 8px; }
.first-test { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--edition-color-rgba_232_120_18_06); }
.first-test > div { display: grid; gap: 3px; }
.first-test span { color: var(--orange); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.first-test strong { line-height: 1.4; }
.guide-notes { padding: 16px 18px; }
.guide-notes h3 { font-size: 14px; margin-bottom: 8px; }
.guide-notes ul { margin: 0; padding-left: 20px; color: var(--muted); line-height: 1.45; }
.official-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 18px; }
.official-links a { border-bottom: 1px solid var(--edition-color-rgba_232_120_18_55); color: var(--orange); font-size: 13px; font-weight: 800; text-decoration: none; }
.agent-surface-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.agent-surface { display: grid; align-content: start; gap: 10px; border-left: 3px solid var(--edition-color-rgba_232_120_18_7); padding: 4px 0 4px 16px; }
.agent-surface-heading { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.agent-surface-heading h3 { margin: 0; }
.agent-surface p { margin: 0; line-height: 1.45; }
.agent-surface code, .webmcp-reference code { width: fit-content; max-width: 100%; overflow-wrap: anywhere; color: var(--cream); background: var(--edition-color-rgba_242_233_216_07); border-radius: 5px; padding: 5px 7px; }
.agent-rules { margin: 24px 0; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.tool-reference { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
.tool-reference section { min-width: 0; }
.tool-reference h3 { font-size: 15px; color: var(--orange); }
.tool-reference section div, .webmcp-reference div { display: flex; flex-wrap: wrap; gap: 7px; }
.tool-reference code { border: 1px solid var(--line); border-radius: 5px; padding: 6px 8px; color: var(--cream); background: var(--edition-color-rgba_0_0_0_24); font-size: 12px; overflow-wrap: anywhere; }
.webmcp-reference { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 16px; }
.webmcp-reference summary { cursor: pointer; color: var(--orange); font-weight: 900; margin-bottom: 14px; }
.webmcp-reference p { margin: 12px 0 0; }
.security-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.security-flow div { display: grid; align-content: start; gap: 7px; min-height: 126px; padding: 16px; }
.security-flow div + div { border-left: 1px solid var(--line); }
.security-flow strong { color: var(--orange); }
.security-flow span { color: var(--muted); line-height: 1.42; }
.guide-callout { display: grid; grid-template-columns: minmax(220px, .35fr) minmax(0, 1fr); gap: 18px; margin-top: 16px; border-left: 3px solid var(--orange); padding: 5px 0 5px 16px; }
.guide-callout span { color: var(--muted); line-height: 1.45; }
.docs-topic-menu { display: flex; gap: 7px; overflow-x: auto; padding: 0 0 2px; scrollbar-width: thin; }
.docs-topic-menu button { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 6px; padding: 9px 12px; background: var(--edition-color-rgba_0_0_0_2); color: var(--muted); font-weight: 850; cursor: pointer; }
.docs-topic-menu button:hover, .docs-topic-menu button.active { border-color: var(--edition-color-rgba_232_120_18_7); color: var(--cream); background: var(--edition-color-rgba_232_120_18_12); }
.guide-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.guide-overview-grid article { display: grid; align-content: start; gap: 8px; min-height: 118px; padding: 16px; }
.guide-overview-grid article + article { border-left: 1px solid var(--line); }
.guide-overview-grid strong { color: var(--orange); }
.guide-overview-grid span { color: var(--muted); line-height: 1.45; }

.calendar-shell {
  display: grid;
  gap: 16px;
  border: 1px solid var(--edition-color-rgba_242_233_216_12);
  border-radius: 30px;
  padding: 18px;
  background:
    radial-gradient(circle at 16% 12%, var(--edition-color-rgba_232_120_18_18), transparent 34%),
    linear-gradient(145deg, var(--edition-color-rgba_31_25_20_92), var(--edition-color-rgba_8_20_16_82));
  box-shadow: var(--shadow);
}
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--edition-color-rgba_0_0_0_18); }
.calendar-toolbar-actions { display: grid; justify-items: end; gap: 10px; min-width: min(100%, 360px); }
.calendar-portfolio-control { display: grid; grid-template-columns: auto minmax(180px, 1fr); align-items: center; gap: 10px; width: 100%; margin: 0; }
.calendar-portfolio-control span { color: var(--muted); font-size: 12px; font-weight: 900; }
.calendar-portfolio-control select { min-width: 0; width: 100%; }
.calendar-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.calendar-board { display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, 640px); gap: 18px; align-items: start; }
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(140px, 1fr));
  border: 1px solid var(--edition-color-rgba_242_233_216_16);
  border-radius: 26px;
  overflow-x: auto;
  overflow-y: hidden;
  background: linear-gradient(160deg, var(--edition-color-rgba_242_233_216_055), var(--edition-color-rgba_0_0_0_18));
}
.calendar-weekday { padding: 13px 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--edition-color-rgba_242_233_216_075); color: var(--text); font-weight: 950; }
.calendar-weekday:nth-child(7n) { border-right: 0; }
.calendar-cell {
  min-height: 188px;
  border: 0;
  border-right: 1px solid var(--edition-color-rgba_242_233_216_11);
  border-bottom: 1px solid var(--edition-color-rgba_242_233_216_11);
  padding: 10px;
  background: linear-gradient(180deg, var(--edition-color-rgba_242_233_216_038), var(--edition-color-rgba_0_0_0_055));
  color: var(--text);
  text-align: left;
}
.calendar-cell:nth-child(7n) { border-right: 0; }
.calendar-cell:hover, .calendar-cell.selected { background: var(--edition-color-rgba_232_120_18_14); }
.calendar-cell.selected { box-shadow: inset 0 0 0 2px var(--edition-color-rgba_232_120_18_72); }
.calendar-cell.today { background: var(--edition-color-rgba_35_131_185_22); box-shadow: inset 0 4px 0 var(--edition-color-59c8f2); }
.calendar-cell.today:hover { background: var(--edition-color-rgba_35_131_185_29); }
.calendar-cell.today.selected { background: var(--edition-color-rgba_35_131_185_22); box-shadow: inset 0 0 0 2px var(--edition-color-rgba_232_120_18_9), inset 0 5px 0 var(--edition-color-59c8f2); }
.calendar-cell.today .calendar-date { color: var(--edition-color-a5e8ff); }
.calendar-today-label { display: inline-block; margin-left: 7px; padding: 3px 6px; border-radius: 5px; background: var(--edition-color-a5e8ff); color: var(--edition-color-072637); font-size: 10px; font-weight: 800; vertical-align: middle; text-transform: uppercase; }
.calendar-cell.muted-month { opacity: .46; }
.calendar-date { font-weight: 950; color: var(--muted); margin-bottom: 10px; }
.calendar-events { display: grid; gap: 6px; }
.calendar-side { position: sticky; top: 24px; display: grid; gap: 14px; overflow: hidden; max-width: 100%; background: var(--edition-color-rgba_12_10_9_9); }
.selected-date { color: var(--orange); font-weight: 950; margin-bottom: 0; }
.selected-day-items { display: grid; gap: 8px; }
.schedule-pill { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 7px; align-items: center; border: 1px solid var(--edition-color-rgba_242_233_216_13); border-radius: 12px; padding: 6px; background: var(--edition-color-rgba_0_0_0_25); font-size: 12px; }
.schedule-pill.missed { border-color: var(--edition-color-rgba_255_166_61_72); background: var(--edition-color-rgba_255_126_0_1); }
.schedule-pill strong, .schedule-pill small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.schedule-pill small { color: var(--muted); grid-column: 2; }
.schedule-thumb { grid-row: span 2; width: 34px; height: 44px; object-fit: cover; border-radius: 8px; background: var(--edition-color-rgba_242_233_216_08); }
.schedule-thumb.audio { display: grid; place-items: center; font-size: 10px; }
.schedule-card { border: 1px solid var(--edition-color-rgba_78_224_129_28); border-radius: 16px; padding: 10px; background: var(--edition-color-rgba_78_224_129_055); display: grid; gap: 8px; }
.schedule-card > div:not(.schedule-card-preview) { display: flex; justify-content: space-between; gap: 12px; }
.schedule-card span, .schedule-card p { color: var(--muted); margin: 0; }
.schedule-card .schedule-copy {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--text);
  line-height: 1.35;
}
.schedule-card .schedule-pinned {
  border-left: 2px solid var(--edition-color-rgba_232_120_18_72);
  padding-left: 8px;
  color: var(--edition-color-ffd36b);
}
.schedule-card-preview { border-radius: 14px; overflow: hidden; border: 1px solid var(--edition-color-rgba_242_233_216_12); max-height: 210px; }
.calendar-card-media { width: 100%; max-height: 210px; background: var(--edition-color-rgba_242_233_216_06); display: grid; place-items: center; }
.calendar-card-media img, .calendar-card-media video { width: 100%; height: 210px; object-fit: cover; }
.calendar-package-summary {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--edition-color-rgba_242_233_216_12);
  border-radius: 16px;
  padding: 9px;
  background: var(--edition-color-rgba_242_233_216_04);
}
.calendar-package-summary strong { display: block; overflow-wrap: anywhere; }
.calendar-package-summary span { display: block; font-size: 12px; line-height: 1.35; }
.calendar-package-preview { height: 108px; border-radius: 12px; overflow: hidden; background: var(--edition-color-rgba_242_233_216_06); display: grid; place-items: center; }
.calendar-package-preview img, .calendar-package-preview video { width: 100%; height: 100%; object-fit: cover; }
.calendar-form { display: grid; gap: 10px; min-width: 0; }
.calendar-board-focused { display: block; min-width: 0; }
.calendar-filters { display: grid; gap: 16px; padding: 4px 2px; }
.calendar-platforms, .calendar-filter-options { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.calendar-filter { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--edition-color-rgba_0_0_0_2); color: var(--muted); cursor: pointer; font: inherit; font-size: 13px; }
.calendar-filter.active, .calendar-filter:hover { color: var(--text); background: var(--edition-color-rgba_242_233_216_09); border-color: var(--edition-color-rgba_232_120_18_65); }
.calendar-filter-options label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 13px; }
.calendar-filter-options select { width: min(280px, 65vw); }
.calendar-filter-options > .muted { font-size: 12px; }
.calendar-view-switch { display: flex; gap: 4px; margin-left: auto; }
.calendar-load-status { min-height: 20px; color: var(--muted); font-size: 12px; }
.social-mark { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 9px; color: var(--edition-color-eee); background: var(--edition-color-353431); vertical-align: middle; }
.social-mark svg { width: 19px; height: 19px; }
.social-mark-instagram { color: var(--edition-color-ffb0d3); background: linear-gradient(145deg, var(--edition-color-562662), var(--edition-color-6a3020)); }
.social-mark-facebook { color: var(--edition-color-c2dbff); background: var(--edition-color-1d3e78); }
.social-mark-linkedin { color: var(--edition-color-bce5ff); background: var(--edition-color-164663); }
.social-mark-threads, .social-mark-x { color: var(--edition-color-fff); background: var(--edition-color-303030); }
.social-mark-tiktok { color: var(--edition-color-a2f7ef); background: var(--edition-color-233937); }
.social-mark-youtube { color: var(--edition-color-ffc7c7); background: var(--edition-color-652625); }
.calendar-date { display: flex; justify-content: space-between; align-items: center; gap: 4px; border: 0; background: transparent; width: 100%; padding: 3px 0 7px; cursor: pointer; font: inherit; font-weight: 800; color: var(--text); }
.calendar-date small { font-size: 10px; font-weight: 500; color: var(--muted); }
.calendar-post { display: flex; gap: 9px; width: 100%; min-width: 0; padding: 10px; text-align: left; border: 1px solid var(--line); border-radius: 12px; background: var(--edition-color-rgba_9_11_10_65); color: var(--text); cursor: pointer; font: inherit; }
.calendar-post:hover { background: var(--edition-color-rgba_242_233_216_09); border-color: var(--orange); }
.calendar-post:focus-visible, .calendar-date:focus-visible, .calendar-more:focus-visible, .calendar-filter:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.calendar-post.missed { border-left: 3px solid var(--edition-color-d89448); }
.calendar-post.published { background: var(--edition-color-123d2d); border: 1px solid var(--edition-color-359b68); border-left: 4px solid var(--edition-color-68e8a0); }
.calendar-post.published:hover { background: var(--edition-color-1b5139); border-color: var(--edition-color-9cf0bb); }
.calendar-post.published .calendar-post-status { color: var(--edition-color-aff7cd); font-weight: 750; }
.calendar-post.published .calendar-post-account, .calendar-post.published time { color: var(--edition-color-c0d9ca); }
.publication-badge { display: inline-flex; width: fit-content; padding: 7px 12px; border-radius: 8px; background: var(--edition-color-363126); font-weight: 700; font-size: 13px; }
.publication-badge.published { color: var(--edition-color-aff7cd); background: var(--edition-color-123d2d); border: 1px solid var(--edition-color-359b68); }
.calendar-automation { padding: 16px 20px; }
.calendar-automation > summary { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; cursor: pointer; }
.calendar-automation > p { line-height: 1.6; }
.calendar-automation-accounts { display: grid; gap: 12px; margin: 18px 0; }
.calendar-automation-accounts > div { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
.calendar-automation-accounts > div > span { flex: 1; min-width: 160px; }
.calendar-automation small, .publishing-history small, .publishing-alert small { display: block; margin-top: 6px; color: var(--muted); }
.publishing-notice { padding: 12px; border-left: 3px solid var(--edition-color-d89448); background: var(--edition-color-rgba_216_148_72_09); line-height: 1.6; }
.publishing-alerts, .publishing-history { margin-top: 16px; }
.publishing-alert { display: block; width: 100%; text-align: left; padding: 12px; margin-top: 8px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--text); cursor: pointer; font: inherit; }
.calendar-post-body { display: grid; gap: 5px; min-width: 0; flex: 1; }
.calendar-post-top { display: flex; gap: 5px; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 10px; }
.calendar-post-top time { color: var(--muted); white-space: nowrap; font-size: 10px; }
.calendar-post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; font-weight: 650; line-height: 1.45; }
.calendar-post-account { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; color: var(--muted); }
.calendar-post-status { color: var(--muted); font-size: 10px; text-transform: capitalize; }
.calendar-post.missed .calendar-post-status { color: var(--edition-color-e8b778); }
.calendar-more { color: var(--muted); background: transparent; border: 0; padding: 9px 4px; text-align: left; cursor: pointer; font: inherit; font-size: 11px; }
.calendar-more:hover { color: var(--orange); }
.calendar-day-view { border: 1px solid var(--line); border-radius: 20px; background: var(--edition-color-rgba_0_0_0_2); padding: 24px; }
.calendar-day-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.calendar-day-heading h2 { margin-top: 8px; }
.calendar-day-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 16px; }
.calendar-post-roomy { padding: 22px; gap: 16px; }
.calendar-post-roomy .social-mark { width: 44px; height: 44px; border-radius: 13px; }
.calendar-post-roomy .social-mark svg { width: 27px; height: 27px; }
.calendar-post-roomy .calendar-post-body { gap: 12px; }
.calendar-post-roomy .calendar-post-top, .calendar-post-roomy time { font-size: 14px; }
.calendar-post-roomy .calendar-post-title { display: block; font-size: 18px; overflow: visible; }
.calendar-post-roomy .calendar-post-account { font-size: 13px; }
.calendar-post-roomy .calendar-post-status { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; margin-top: 6px; }
.calendar-dialog { width: min(1180px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--edition-color-rgba_242_233_216_22); border-radius: 24px; color: var(--text); background: var(--edition-color-171713); box-shadow: 0 30px 120px var(--edition-color-000b); overflow: auto; }
.calendar-dialog::backdrop { background: var(--edition-color-rgba_3_5_4_78); backdrop-filter: blur(8px); }
body:has(.calendar-dialog[open]) { overflow: hidden; }
.calendar-dialog-header { display: flex; justify-content: space-between; align-items: start; gap: 24px; padding: 24px 28px; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 2; background: var(--edition-color-171713); }
.calendar-dialog-header h2 { margin-top: 8px; margin-bottom: 8px; }
.calendar-dialog-header p { margin-bottom: 0; font-size: 13px; }
.calendar-dialog-header > button { flex-shrink: 0; }
.calendar-dialog [data-realtime-notice] { display: block; padding: 12px 28px; color: var(--muted); background: var(--edition-color-rgba_39_115_96_12); }
.calendar-detail-body { padding: 28px; min-height: 150px; }
.calendar-dialog .schedule-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 0; border: 0; border-radius: 0; background: none; }
.calendar-dialog .schedule-card > .calendar-detail-media { display: block; min-width: 0; align-self: start; }
.calendar-detail-copy { display: grid; align-content: start; gap: 18px; min-width: 0; }
.calendar-detail-copy > div { display: grid; gap: 10px; }
.calendar-detail-copy h3 { margin: 4px 0 -8px; }
.calendar-dialog .schedule-copy { display: block; overflow: visible; -webkit-line-clamp: unset; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 16px; line-height: 1.65; }
.calendar-dialog .schedule-pinned { white-space: pre-wrap; overflow-wrap: anywhere; }
.calendar-dialog .schedule-card-preview, .calendar-dialog .calendar-card-media { max-height: none; }
.calendar-dialog .calendar-card-media img, .calendar-dialog .calendar-card-media video { width: 100%; height: auto; max-height: 68dvh; object-fit: contain; background: var(--edition-color-090909); }
.calendar-dialog .schedule-card details { border-top: 1px solid var(--line); padding-top: 16px; }
.calendar-dialog textarea { min-height: 180px; }
.calendar-dialog .eyebrow, .calendar-day-view .eyebrow { color: var(--orange); letter-spacing: .14em; font-size: 11px; font-weight: 700; }
.calendar-composer { width: min(720px, calc(100vw - 40px)); }
.calendar-composer-body { padding: 24px 28px; }
@media (max-width: 900px) {
  .calendar-dialog .schedule-card { grid-template-columns: minmax(0, 1fr); }
  .calendar-detail-body, .calendar-dialog-header, .calendar-composer-body { padding: 20px; }
  .calendar-day-view { padding: 16px; }
  .calendar-day-heading { flex-direction: column; }
  .calendar-toolbar { align-items: stretch; }
  .calendar-view-switch { margin-left: 0; }
}
.platform-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.platform-check { border: 1px solid var(--line); border-radius: 14px; padding: 9px; color: var(--muted); font-weight: 850; }
.platform-check input { width: auto; margin-right: 6px; }
.platform-check span { color: var(--orange); font-weight: 950; }
.platform-overrides { border: 1px solid var(--line); border-radius: 16px; padding: 10px; }
.platform-overrides summary { cursor: pointer; font-weight: 950; color: var(--orange); margin-bottom: 10px; }
.platform-overrides textarea { min-height: 84px; margin-bottom: 8px; }

.asset-picker {
  display: grid;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--edition-color-rgba_242_233_216_12);
  border-radius: 18px;
  padding: 10px;
  background: var(--edition-color-rgba_0_0_0_2);
}
.asset-picker.empty { min-height: 112px; place-items: center; text-align: center; }
.asset-picker-stage {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.asset-picker-main {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}
.asset-picker-copy { display: grid; gap: 5px; min-width: 0; }
.asset-picker-main strong,
.asset-picker-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-picker-arrow,
.asset-picker-thumb {
  border: 1px solid var(--edition-color-rgba_242_233_216_14);
  background: var(--edition-color-rgba_242_233_216_065);
  color: var(--text);
}
.asset-picker-arrow {
  width: 34px;
  height: 56px;
  border-radius: 14px;
  font-size: 24px;
  font-weight: 900;
}
.asset-picker-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 56px;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.asset-picker-thumb {
  width: 56px;
  height: 72px;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}
.asset-picker-thumb.selected {
  border-color: var(--edition-color-rgba_232_120_18_9);
  box-shadow: 0 0 0 2px var(--edition-color-rgba_232_120_18_25);
}
.picker-preview-box,
.picker-thumb-box {
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
  background: var(--edition-color-rgba_242_233_216_06);
}
.picker-preview-box { height: 112px; max-height: 112px; border-radius: 12px; }
.picker-thumb-box { height: 72px; border-radius: 10px; }
.picker-preview-box img,
.picker-preview-box video,
.picker-thumb-box img,
.picker-thumb-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.picker-preview-box.text-picker,
.picker-thumb-box.text-picker,
.picker-preview-box.placeholder,
.picker-thumb-box.placeholder {
  padding: 8px;
  text-align: center;
  color: var(--muted);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.media-catalog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--edition-color-rgba_5_7_5_72);
  backdrop-filter: blur(12px);
}
.media-catalog-dialog {
  width: min(1040px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  overflow: hidden;
  border: 1px solid var(--edition-color-rgba_242_233_216_18);
  border-radius: 24px;
  padding: 16px;
  background: linear-gradient(145deg, var(--edition-color-rgba_17_15_13_98), var(--edition-color-rgba_7_19_15_98));
  box-shadow: 0 28px 80px var(--edition-color-rgba_0_0_0_58);
}
.media-catalog-header,
.media-catalog-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}
.media-catalog-header h3 { margin: 0; }
.media-catalog-header p,
.media-catalog-meta span { margin: 2px 0 0; }
.media-catalog-meta strong,
.media-catalog-meta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-catalog-stage {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  gap: 12px;
  align-items: center;
  min-height: 0;
}
.media-catalog-arrow {
  width: 46px;
  height: 92px;
  border: 1px solid var(--edition-color-rgba_242_233_216_16);
  border-radius: 16px;
  background: var(--edition-color-rgba_242_233_216_07);
  color: var(--text);
  font-size: 34px;
  font-weight: 950;
}
.media-catalog-preview-wrap { min-width: 0; min-height: 0; }
.catalog-preview-box {
  width: 100%;
  height: min(66vh, 620px);
  min-height: 260px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--edition-color-rgba_242_233_216_12);
  border-radius: 18px;
  background: var(--edition-color-rgba_0_0_0_34);
}
.catalog-preview-box img,
.catalog-preview-box video {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.catalog-preview-box.audio-preview {
  gap: 12px;
  padding: 20px;
}
.media-catalog-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 58px;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.social-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 26px;
}
.social-metric {
  min-height: 126px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--edition-color-rgba_23_20_17_72);
}
.social-metric span, .social-metric small { color: var(--muted); }
.social-metric strong { font-size: 28px; color: var(--cream); }
.social-section { margin-bottom: 30px; }
.section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.section-heading h2, .section-heading p { margin-bottom: 4px; }
.social-account-grid, .connection-list, .connector-list, .activity-list { display: grid; gap: 8px; }
.social-brand-groups { display: grid; gap: 22px; }
.social-brand-group { display: grid; gap: 9px; }
.social-brand-group > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px;
}
.social-brand-group > header div { display: grid; gap: 2px; }
.social-brand-group > header h3 { margin: 0; color: var(--cream); }
.social-brand-group > header span,
.social-brand-group > header small { color: var(--muted); font-size: 12px; }
.channel-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 22px;
  padding: 16px;
  border: 1px solid var(--edition-color-rgba_232_120_18_32);
  border-radius: 8px;
  background: var(--edition-color-rgba_23_20_17_72);
}
.channel-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 800; }
.channel-form input, .channel-form select { width: 100%; }
.channel-url { grid-column: span 2; }
.channel-form-status { align-self: center; margin: 0; }
.channel-form-submit { align-self: end; }
.social-account-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto minmax(120px, auto);
  align-items: center;
  gap: 12px;
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--edition-color-rgba_23_20_17_64);
}
.platform-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--edition-color-rgba_232_120_18_36);
  border-radius: 8px;
  color: var(--orange);
  background: var(--edition-color-rgba_232_120_18_1);
  font-size: 12px;
  font-weight: 950;
}
.social-account-main, .connection-main, .connection-health, .connector-row > div { min-width: 0; display: grid; gap: 3px; }
.social-account-main span, .connection-main span, .connection-health span, .connector-row span, .connector-row small { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.connection-mode { color: var(--muted); font-size: 12px; text-align: right; }
.calendar-account-group {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0 0 10px;
}
.calendar-account-group legend { grid-column: 1 / -1; padding: 0; margin-bottom: 4px; color: var(--orange); font-size: 12px; font-weight: 900; }
.locked-api-origin { display: block; width: fit-content; max-width: 100%; overflow-wrap: anywhere; color: var(--cream); background: var(--edition-color-rgba_0_0_0_34); border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px; }
.social-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.social-table { width: 100%; min-width: 820px; border-collapse: collapse; background: var(--edition-color-rgba_23_20_17_58); }
.social-table th, .social-table td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.social-table th { color: var(--muted); font-size: 12px; }
.social-table td { font-size: 13px; }
.social-table td span { color: var(--muted); }
.social-table tbody tr:last-child td { border-bottom: 0; }
.social-empty {
  min-height: 120px;
  display: grid;
  place-content: center;
  text-align: center;
  border: 1px dashed var(--edition-color-rgba_242_233_216_2);
  border-radius: 8px;
  padding: 20px;
  background: var(--edition-color-rgba_242_233_216_025);
}
.social-empty p { max-width: 620px; margin: 6px auto 0; }
.activity-row {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 11px 4px;
}
.activity-row > div { display: grid; gap: 2px; }
.activity-row span, .activity-row time { color: var(--muted); font-size: 12px; }
.activity-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.activity-dot.read { background: var(--edition-color-rgba_242_233_216_25); }
.connection-row {
  display: grid;
  grid-template-columns: 42px minmax(180px, 1fr) minmax(180px, .7fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--edition-color-rgba_23_20_17_64);
}
.connection-actions { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
.oauth-notice {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  border: 1px solid var(--edition-color-rgba_232_120_18_5);
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 14px;
  background: var(--edition-color-rgba_232_120_18_08);
}
.oauth-notice p { margin: 3px 0 0; color: var(--muted); }
.oauth-notice.success { border-color: var(--edition-color-rgba_60_190_115_52); background: var(--edition-color-rgba_60_190_115_08); }
.oauth-notice.error { border-color: var(--edition-color-rgba_229_79_79_55); background: var(--edition-color-rgba_229_79_79_08); }
.connector-section { border-top: 1px solid var(--line); padding-top: 26px; }
.connector-form {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 14px;
  background: var(--edition-color-rgba_23_20_17_64);
}
.scope-fieldset { border: 1px solid var(--line); border-radius: 8px; padding: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.scope-fieldset legend { color: var(--muted); font-weight: 800; padding: 0 6px; }
.scope-option {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  color: var(--cream);
}
.scope-option input { width: auto; margin-top: 3px; }
.scope-option span { display: grid; gap: 2px; }
.scope-option small { color: var(--muted); font-weight: 500; }
.scope-option.privileged { border-color: var(--edition-color-rgba_232_120_18_42); background: var(--edition-color-rgba_232_120_18_06); }
.connector-secret {
  display: grid;
  gap: 12px;
  border: 1px solid var(--edition-color-rgba_232_120_18_6);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 14px;
  background: var(--edition-color-rgba_232_120_18_09);
}
.connector-secret p { color: var(--muted); margin: 4px 0 0; }
.connector-key { display: block; overflow-wrap: anywhere; color: var(--cream); background: var(--edition-color-rgba_0_0_0_34); border-radius: 6px; padding: 10px; }
.connector-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, auto) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--edition-color-rgba_23_20_17_5);
}
.connector-actions { display: flex !important; grid-auto-flow: column; gap: 8px !important; align-items: center; }
.connector-scope-editor { margin-bottom: 0; }

.login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 22px;
}
.login-card { width: min(480px, 100%); }
.login-card img { width: 140px; margin-bottom: 16px; }
.login-card form { display: grid; gap: 12px; }
.login-card h1 { font-size: 46px; line-height: 1.02; }
.login-card details { margin-top: 2px; }
.login-card details input { margin-top: 10px; }
.field-note { color: var(--muted); font-size: 13px; margin: -7px 0 0; }
.auth-text-button,
.auth-switch button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--orange);
  padding: 0;
  font-weight: 850;
  text-align: left;
  width: fit-content;
}
.auth-text-button { justify-self: end; margin-top: -4px; }
.auth-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  color: var(--muted);
  font-weight: 700;
}
.hidden { display: none !important; }

@media (max-width: 980px) {
  .app-shell { grid-template-columns: minmax(0, 1fr); }
  .main, .view, .guide-band { min-width: 0; }
  .topbar { flex-wrap: wrap; }
  .sidebar { position: relative; height: auto; }
  .sidebar-footer { position: static; margin-top: 20px; }
  .span-3, .span-4, .span-5, .span-6, .span-7, .span-8 { grid-column: span 12; }
  .calendar-board { grid-template-columns: 1fr; }
  .calendar-toolbar { align-items: flex-start; }
  .calendar-toolbar-actions { justify-items: stretch; }
  .calendar-side { position: static; }
  .calendar-grid { overflow-x: auto; }
  .calendar-cell { min-height: 130px; border-right: 1px solid var(--line); }
  .asset-library-header { align-items: flex-start; flex-direction: column; }
  .asset-package-grid { grid-template-columns: 1fr; }
  .asset-package-button { grid-template-columns: 104px minmax(0, 1fr); }
  .asset-package-preview, .package-preview { min-height: 144px; }
  .asset-picker-main { grid-template-columns: 88px minmax(0, 1fr); }
  .picker-preview-box { height: 104px; max-height: 104px; }
  .media-catalog-backdrop { padding: 12px; align-items: start; }
  .media-catalog-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); border-radius: 18px; padding: 12px; }
  .media-catalog-stage { grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 8px; }
  .media-catalog-arrow { width: 38px; height: 72px; font-size: 28px; }
  .catalog-preview-box { height: min(58vh, 500px); min-height: 220px; }
  .guide-hero { align-items: flex-start; flex-direction: column; }
  .guide-band-header, .platform-guide-head { align-items: flex-start; }
  .platform-steps, .agent-surface-grid { grid-template-columns: 1fr; }
  .platform-steps section + section { border-left: 0; border-top: 1px solid var(--line); }
  .security-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-overview-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .guide-overview-grid article:nth-child(4) { border-top: 1px solid var(--line); }
  .security-flow div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .security-flow div:nth-child(4) { border-top: 1px solid var(--line); }
  .social-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-account-row { grid-template-columns: 42px minmax(0, 1fr) auto; }
  .connection-mode { grid-column: 2 / -1; text-align: left; }
  .connection-row { grid-template-columns: 42px minmax(0, 1fr); }
  .connection-health, .connection-row .btn, .connection-actions { grid-column: 2; }
  .connection-actions { justify-content: flex-start; flex-wrap: wrap; }
  .scope-fieldset { grid-template-columns: 1fr; }
  .connector-row { grid-template-columns: 1fr auto; }
  .connector-row > div:nth-child(2) { grid-column: 1; }
  .channel-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .social-summary { grid-template-columns: 1fr; }
  .section-heading { flex-direction: column; }
  .social-account-row { grid-template-columns: 42px minmax(0, 1fr); }
  .social-account-row .pill, .connection-mode { grid-column: 2; }
  .connector-row { grid-template-columns: 1fr; }
  .connector-row > div:nth-child(2), .connector-row .btn { grid-column: 1; }
  .calendar-account-group { grid-template-columns: 1fr; }
  .calendar-toolbar { flex-direction: column; }
  .calendar-toolbar-actions { width: 100%; min-width: 0; }
  .calendar-portfolio-control { grid-template-columns: 1fr; }
  .channel-form { grid-template-columns: 1fr; }
  .channel-url { grid-column: auto; }
  .guide-band-header, .platform-guide-head, .first-test { flex-direction: column; }
  .account-requirement, .guide-callout { grid-template-columns: 1fr; }
  .tool-reference, .security-flow, .guide-overview-grid { grid-template-columns: 1fr; }
  .security-flow div + div, .security-flow div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .guide-overview-grid article + article, .guide-overview-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
}
/* Instagram overview and inbox */
.instagram-hub { padding: 24px; border: 1px solid var(--edition-color-61513b); border-radius: 20px; background: linear-gradient(135deg,var(--edition-color-241e17),var(--edition-color-131711)); }
.ig-eyebrow { font-size: 11px; letter-spacing: .15em; color: var(--edition-color-eaa661); }
.ig-account { min-width: 190px; font-size: 12px; display: grid; gap: 6px; }
.ig-toolbar,.ig-tabs,.ig-sync-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.ig-toolbar { margin: 16px 0; }
.ig-tabs { margin-right: auto; }
.ig-notice { white-space: pre-wrap; color: var(--edition-color-badea7); margin: 10px 0; }
.ig-error { color: var(--edition-color-ffb6a8); }
.ig-setup-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 22px 0; }
.ig-setup { background: var(--edition-color-ffffff06); border: 1px solid var(--edition-color-ffffff1a); border-radius: 12px; padding: 16px; }
.ig-setup p { color: var(--edition-color-c4c0b5); font-size: 13px; line-height: 1.6; }
.ig-sync-line { color: var(--edition-color-b7b2a5); font-size: 12px; justify-content: space-between; margin: 14px 0; }
.ig-post-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ig-post { background: var(--edition-color-0e100ddb); border: 1px solid var(--edition-color-ffffff1a); border-radius: 16px; padding: 18px; min-width: 0; }
.ig-post-top { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 16px; }
.ig-post-top img,.ig-media-placeholder { width: 92px; height: 125px; object-fit: cover; border-radius: 9px; background: var(--edition-color-30302a); }
.ig-media-placeholder { display: grid; place-content: center; text-align: center; color: var(--edition-color-c4b9a6); font-size: 12px; }
.ig-post-top p { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 160px; overflow: auto; margin: 8px 0; line-height: 1.5; font-size: 13px; }
.ig-post small { color: var(--edition-color-aaa697); }
.ig-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; margin: 20px 0 12px; }
.ig-metrics dt { color: var(--edition-color-aaa697); font-size: 11px; text-transform: capitalize; }
.ig-metrics dd { margin: 5px 0; font-size: 21px; font-weight: 650; }
.ig-history { overflow: auto; max-height: 220px; font-size: 12px; }
.ig-history th,.ig-history td { padding: 8px; text-align: left; }
.ig-empty { padding: 30px; color: var(--edition-color-beb9ad); line-height: 1.7; }
.ig-inbox { display: grid; grid-template-columns: minmax(210px,30%) minmax(0,1fr); border: 1px solid var(--edition-color-ffffff1a); border-radius: 14px; overflow: hidden; margin-top: 18px; }
.ig-inbox-list { max-height: 750px; overflow: auto; border-right: 1px solid var(--edition-color-ffffff1a); }
.ig-inbox-item { display: block; width: 100%; border: 0; border-bottom: 1px solid var(--edition-color-ffffff12); background: transparent; color: inherit; text-align: left; padding: 16px; cursor: pointer; }
.ig-inbox-item:hover,.ig-inbox-item.selected { background: var(--edition-color-d7943320); }
.ig-inbox-item span { display: flex; justify-content: space-between; gap: 6px; }
.ig-inbox-item small { color: var(--edition-color-d4a45b); }
.ig-inbox-item p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 8px 0; }
.ig-inbox-item time { font-size: 11px; color: var(--edition-color-aaa697); }
.ig-conversation { padding: 24px; min-width: 0; }
.ig-messages { max-height: 460px; overflow: auto; margin-bottom: 18px; }
.ig-message { padding: 14px; background: var(--edition-color-ffffff07); border-radius: 12px; margin: 10px 25px 10px 0; }
.ig-message.outgoing { margin: 10px 0 10px 25px; background: var(--edition-color-3d542e44); }
.ig-message p,.ig-draft-state p { white-space: pre-wrap; overflow-wrap: anywhere; }
.ig-message small { color: var(--edition-color-b2ab9a); }
.ig-draft-state { border-top: 1px solid var(--edition-color-ffffff22); margin-top: 12px; padding-top: 12px; }
.ig-conversation form { margin-top: 22px; }
.ig-conversation textarea { width: 100%; margin-top: 8px; line-height: 1.6; }
.ig-setup-details { margin-top: 24px; color: var(--edition-color-c7bead); line-height: 1.7; }
.ig-setup-details code { overflow-wrap: anywhere; }
.ig-media-select { display: grid; gap: 8px; max-width: 500px; }
@media(max-width:1000px) { .ig-post-grid { grid-template-columns: 1fr; } .ig-setup-grid { grid-template-columns: 1fr; } }
@media(max-width:650px) { .instagram-hub { padding: 14px; } .ig-inbox { grid-template-columns: 1fr; } .ig-inbox-list { max-height: 260px; border-right: 0; } .ig-conversation { padding: 14px; } .ig-metrics { grid-template-columns: repeat(3,1fr); } }

.legal-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px}.legal-links a,.legal-consent a{color:var(--text, var(--edition-color-eee3ce));text-decoration:underline}.legal-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;margin:18px 0}.legal-consent input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:3px 0 0}

/* Social overview: compact accounts first, progressive detail. */
.sd-shell{max-width:1500px;margin:auto}.sd-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.sd-header h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1.2px;margin:8px 0}.sd-eyebrow{font-size:11px;letter-spacing:2px;color:var(--edition-color-a9b7c8)}.sd-attention{padding:18px 22px;border:1px solid var(--edition-color-ffffff18);border-radius:18px;background:var(--edition-color-ffffff06);display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.sd-attention>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sd-dot{width:8px;height:8px;border-radius:100%;background:var(--edition-color-8bbcf7)}.sd-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.sd-account{border:1px solid var(--edition-color-ffffff20);border-radius:24px;background:linear-gradient(140deg,var(--edition-color-ffffff09),var(--edition-color-ffffff02));overflow:hidden;min-width:0}.sd-account-title{display:flex;width:100%;gap:13px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;padding:24px;cursor:pointer}.sd-account-title small{display:block;color:var(--edition-color-a8a8a8);margin-bottom:5px}.sd-account-title strong{font-size:19px;overflow-wrap:anywhere}.sd-avatar{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:14px;background:var(--edition-color-ffffff0d);color:var(--channel);font-size:16px;font-weight:800}.sd-chevron{margin-left:auto;color:var(--edition-color-999)}.sd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 24px 16px}.sd-stats strong{display:block;font-size:27px;font-weight:650;letter-spacing:-1px}.sd-stats span,.sd-stats small{display:block;color:var(--edition-color-a8a8a8);font-size:12px;margin-top:5px}.sd-foot{font-size:11px;color:var(--edition-color-aaa);line-height:1.7;padding:0 24px 14px;margin:0;min-height:48px}.sd-account-actions{display:flex;border-top:1px solid var(--edition-color-ffffff12)}.sd-account-actions button{flex:1;background:transparent;border:0;color:inherit;padding:15px;cursor:pointer;font:inherit;font-size:13px}.sd-account-actions button:hover,.sd-account-title:hover{background:var(--edition-color-ffffff08)}.sd-account-actions b{margin-left:5px;padding:2px 6px;background:var(--edition-color-ffffff12);border-radius:7px}.sd-explainer{color:var(--edition-color-999);font-size:12px;line-height:1.6;margin:20px 0 30px;max-width:850px}.sd-detail{border-top:1px solid var(--edition-color-ffffff20);padding:24px 0;scroll-margin-top:24px}.sd-detail>[data-sd-content]{margin-top:24px}.sd-post-list{margin-top:20px}.sd-post-list details{border-bottom:1px solid var(--edition-color-ffffff15);padding:18px 0}.sd-post-list summary{display:grid;grid-template-columns:1fr auto;gap:8px;cursor:pointer}.sd-post-list summary small{grid-column:1/-1;color:var(--edition-color-aaa)}.sd-post-list p{white-space:pre-wrap;max-width:800px;line-height:1.7}.sd-activity{border-top:1px solid var(--edition-color-ffffff18);padding:20px 0}.sd-activity summary{cursor:pointer;font-weight:600}.sd-activity summary span{color:var(--edition-color-999);margin-left:10px}.sd-activity>div{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--edition-color-ffffff10);font-size:13px}.sd-detail .ig-post-grid{grid-template-columns:1fr}.sd-detail .ig-post{padding:16px}.sd-detail .ig-post p{max-width:850px}.sd-detail .ig-setup-grid{margin:16px 0}.sd-shell button:focus-visible,.sd-shell summary:focus-visible{outline:2px solid var(--edition-color-8bbcf7);outline-offset:3px}@media(max-width:650px){.sd-header,.sd-attention{align-items:flex-start;flex-direction:column}.sd-accounts{grid-template-columns:1fr}.sd-stats{padding-left:20px;padding-right:20px}.sd-header .row{flex-wrap:wrap}.sd-activity>div{flex-direction:column;gap:4px}.sd-post-list summary{grid-template-columns:1fr}}
.sd-period{display:flex;align-items:center;gap:8px;margin:0 0 20px;flex-wrap:wrap}.sd-period>span{font-size:12px;margin-left:8px}.sd-metric-link{background:none;border:0;color:inherit;padding:0;text-align:left;cursor:pointer}.sd-metric-link:hover strong{text-decoration:underline;text-underline-offset:5px}
.sd-lifetime{padding:0 24px 16px;font-size:12px;color:var(--edition-color-aaa)}.sd-lifetime summary{cursor:pointer}.sd-lifetime p{line-height:1.6}
.sd-account-title .social-mark{width:46px;height:46px;flex-shrink:0}.sd-account-title .social-mark svg{width:28px;height:28px}.sd-period-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--edition-color-ddd);background:var(--edition-color-ffffff12);border:1px solid var(--edition-color-ffffff18);padding:3px 7px;border-radius:7px;margin-left:8px;vertical-align:middle}.sd-channel-instagram{background:linear-gradient(135deg,var(--edition-color-72284a36),var(--edition-color-291b1122) 65%)}.sd-channel-x{background:linear-gradient(135deg,var(--edition-color-43618530),var(--edition-color-11191e22) 65%)}.sd-channel-linkedin{background:linear-gradient(135deg,var(--edition-color-12668c35),var(--edition-color-101c2122) 65%)}.sc-comment{padding:22px;border:1px solid var(--edition-color-ffffff18);border-radius:18px;margin:12px 0;background:var(--edition-color-ffffff04)}.sc-comment header{display:flex;gap:15px;justify-content:space-between}.sc-comment time,.sc-post small{color:var(--edition-color-aaa);font-size:12px}.sc-body{white-space:pre-wrap;line-height:1.65}.sc-post{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--edition-color-ffffff05);color:inherit;border:1px solid var(--edition-color-ffffff12);border-radius:12px;padding:12px;cursor:pointer}.sc-post img{width:42px;height:56px;object-fit:cover;border-radius:6px}.sc-post>span:first-of-type{flex:1}.sc-post strong,.sc-post small{display:block}.sc-post small{margin-top:6px}.sc-post>span:last-child{font-size:12px;color:var(--edition-color-ccc)}.sc-preview{width:min(640px,90vw);max-height:85vh;overflow:auto;border:1px solid var(--edition-color-ffffff30);border-radius:24px;background:var(--edition-color-171916);color:var(--edition-color-f3ece0);padding:25px}.sc-preview::backdrop{background:var(--edition-color-000b);backdrop-filter:blur(6px)}.sc-preview-image{max-height:360px;max-width:100%;display:block;margin:auto;border-radius:12px}.sc-empty{padding:25px 0;color:var(--edition-color-aaa)}@media(max-width:600px){.sc-comment header{flex-direction:column;gap:5px}.sc-post{flex-wrap:wrap}}
.sd-cost-table{width:100%;border-collapse:collapse;margin:20px 0;text-align:left}.sd-cost-table th,.sd-cost-table td{padding:16px 12px;border-bottom:1px solid var(--edition-color-ffffff20)}.sd-cost-table td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}.sd-cost-table small{color:var(--muted)}

.calendar-text-preview { padding: 24px; border: 1px solid var(--border, var(--edition-color-383833)); border-radius: 20px; background: linear-gradient(145deg, var(--edition-color-182229), var(--edition-color-111410)); }
.calendar-text-preview header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }

.month-share-dialog { max-width:none; max-height:none; width:100vw; height:100dvh; margin:0; padding:16px 24px; border:0; box-sizing:border-box; background:var(--edition-color-0b100e); color:var(--edition-color-f0eada); }
.month-share-toolbar { display:flex; align-items:center; gap:12px; height:42px; margin-bottom:12px; }
.month-share-toolbar>span { margin-right:auto; color:var(--edition-color-b5b7ad); }
.month-share-sheet { height:calc(100% - 54px); padding:24px; box-sizing:border-box; border:1px solid var(--edition-color-44473d); border-radius:24px; background:radial-gradient(ellipse at top left,var(--edition-color-3c2716),transparent 65%),linear-gradient(135deg,var(--edition-color-181b16),var(--edition-color-071c17)); display:flex; flex-direction:column; }
.month-share-sheet header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.month-share-sheet h1 { font-size:clamp(24px,3vw,44px); margin:4px 0; }
.month-share-sheet p { margin:0; font-size:13px; color:var(--edition-color-bcb9ac); }
.month-share-total { text-align:right; }.month-share-total strong {font-size:36px}.month-share-total span {display:block;color:var(--edition-color-bcb9ac)}
.month-share-grid { flex:1; min-height:0; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:24px repeat(var(--weeks),minmax(0,1fr)); gap:6px; }
.month-share-grid>b {font-size:12px;color:var(--edition-color-bcb9ac);padding-left:10px}
.month-share-day {border:1px solid var(--edition-color-ffffff17);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;overflow:hidden;background:var(--edition-color-ffffff03);}
.month-share-day.populated {background:var(--edition-color-ffffff08);border-color:var(--edition-color-ffffff2b)}.month-share-day.outside {opacity:.25}.month-share-day>span {font-size:12px;font-weight:700}.month-share-day>strong {font-size:clamp(18px,2.3vh,28px)}.month-share-day small {font-size:10px;color:var(--edition-color-bcb9ac);font-weight:400}
.month-share-platforms {display:flex;gap:7px;flex-wrap:wrap}.month-share-platforms>span {display:flex;align-items:center;gap:3px}.month-share-platforms svg {width:14px;height:14px}.month-share-platforms .platform-icon {width:20px;height:20px;min-width:20px;padding:3px}
.month-share-sheet footer {font-size:11px;color:var(--edition-color-bcb9ac);margin-top:12px}
@media print { @page {size:landscape;margin:8mm} body.month-share-open>*:not(.month-share-dialog){display:none!important} .month-share-dialog {position:static;width:100%;height:180mm;padding:0;background:var(--edition-color-0b100e)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.month-share-toolbar{display:none}.month-share-sheet{height:100%} }

/* Preserve the calendar's actual post-card visual language in the fitted overview. */
.month-share-day {padding:6px;gap:5px;border-radius:8px;min-height:0}
.month-share-date {display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:12px}
.month-share-cards {display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;flex:1;min-height:0}
.month-share-post {min-height:0;overflow:hidden;border:1px solid var(--edition-color-ffffff1b);border-radius:7px;background:var(--edition-color-10120f);padding:5px 7px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.month-share-post.published {background:var(--edition-color-103f30);border-color:var(--edition-color-39ae7c);border-left:3px solid var(--edition-color-5ae59d)}
.month-share-post.attention,.month-share-post.overdue,.month-share-post.failed {border-left:3px solid var(--edition-color-df9b39)}
.month-share-post-top {display:flex;align-items:center;gap:4px;min-width:0;font-size:9px}
.month-share-post-top time {margin-left:auto;font-size:8px;color:var(--edition-color-c1c4b8);white-space:nowrap}
.month-share-post-top .platform-icon {width:17px;height:17px;min-width:17px;padding:2px}
.month-share-post-top svg {width:13px;height:13px}
.month-share-post>strong {font-size:clamp(9px,1.05vh,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-share-post>small {font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-share-post-status {font-size:8px;color:var(--edition-color-c2c0b2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-share-post.published .month-share-post-status {color:var(--edition-color-a0f0c3);font-weight:700}
.month-share-more {flex-shrink:0;font-size:9px!important}
@media (max-height:850px) {.month-share-sheet{padding:14px}.month-share-sheet header{margin-bottom:8px}.month-share-sheet h1{font-size:26px}.month-share-post>small{display:none}.month-share-post{padding:3px 5px;gap:1px}.month-share-sheet footer{margin-top:6px}}
.month-share-post.missed {border-left:3px solid var(--edition-color-df9b39)}.month-share-post.missed .month-share-post-status {color:var(--edition-color-e7b05c)}

/* Unified inbox settings keep approval controls beside their labels. */
[data-inbox-policy] { display: grid; gap: 14px; max-width: 760px; margin-top: 18px; }
[data-inbox-policy] textarea { min-height: 72px; }
[data-inbox-policy] label:has(input[type="checkbox"]),
.ig-toolbar label:has([data-inbox-filter="unanswered"]) { display: flex; align-items: center; gap: 8px; }
[data-inbox-policy] input[type="checkbox"], [data-inbox-filter="unanswered"] { width: auto; flex: 0 0 auto; padding: 0; }
[data-inbox-policy] button { justify-self: start; }

/* Studio preparation uses the same dark cream/orange palette as production cards. */
.studio-launchers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.studio-launcher{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,rgba(232,120,18,.20),rgba(23,20,17,.95));text-align:left;cursor:pointer;color:inherit;min-height:130px;touch-action:manipulation}
.studio-launcher strong{display:block;font-size:22px;letter-spacing:-.025em;margin-bottom:8px}
.studio-launcher span{display:block;color:var(--muted);line-height:1.5}
.studio-launcher:active{transform:scale(.99)}
.studio-preparation{width:min(1060px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:28px;background:#171411;color:var(--text);box-shadow:0 28px 90px #29150740}
.studio-preparation::backdrop{background:#30201870;backdrop-filter:blur(8px)}
.studio-prep-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#302116,#211b15)}
.studio-prep-header h2{font-size:30px;letter-spacing:-.035em;margin:4px 0}.studio-prep-header p{margin:6px 0}
.studio-prep-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:28px;padding:24px 28px}
.studio-preparation label{display:block;font-size:14px;font-weight:600;margin:12px 0}.studio-preparation input,.studio-preparation textarea,.studio-preparation select{display:block;width:100%;margin-top:7px;min-height:44px}
.studio-preparation .btn{min-height:44px}.studio-new{display:flex;align-items:flex-end;gap:12px}.studio-new label{flex:1;margin:0}.studio-new button{white-space:nowrap}
.studio-session-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-session-heading h3{margin:16px 0 0}
.studio-prep-note,.studio-taste-proposal{padding:16px;background:#2b2016;border-radius:18px;line-height:1.5;border:1px solid var(--line)}.studio-prep-note{margin-bottom:18px}.studio-prep-note h3{margin:0}.studio-prep-note p{margin-bottom:0}
.studio-rundown{padding:0;list-style:none;display:grid;gap:10px;margin:20px 0}.studio-rundown li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#211c17}
.studio-rundown strong,.studio-rundown a{display:block}.studio-rundown a{font-size:13px;margin:6px 0;color:#f0a15b}.studio-rundown p{font-size:13px;margin:0;overflow-wrap:anywhere}.studio-rundown-actions{display:flex;gap:6px;flex-shrink:0}
.studio-preparation>.status-line{margin:0;padding:0 28px 22px}.studio-preparation :focus-visible,.studio-launcher:focus-visible{outline:3px solid #de7a29;outline-offset:3px}
@media(max-width:720px){.studio-prep-body{grid-template-columns:1fr;padding:18px}.studio-prep-header{padding:20px}.studio-launchers{grid-template-columns:1fr}.studio-new{align-items:stretch;flex-direction:column}.studio-rundown li{flex-direction:column;align-items:stretch}.studio-preparation{border-radius:22px}.studio-rundown-actions{align-self:flex-end}}
@media(prefers-reduced-transparency:reduce){.studio-preparation::backdrop{backdrop-filter:none;background:#302018}}
@media(prefers-reduced-motion:reduce){.studio-launcher:active{transform:none}}
@media(prefers-contrast:more){.studio-launcher,.studio-preparation,.studio-rundown li{border-color:#f2e9d8}.studio-preparation .muted,.studio-launcher span{color:#f2e9d8}}
/* Interview workspace: shared tools remain close to the conversation. */
.studio-collaboration{position:absolute;z-index:90;right:22px;top:72px;bottom:24px;width:min(440px,calc(100% - 44px));display:flex;flex-direction:column;box-sizing:border-box;padding:22px;border:1px solid #efd9b52b;border-radius:28px;background:linear-gradient(145deg,#34291ef5,#12271ef5);backdrop-filter:blur(28px) saturate(125%);box-shadow:0 24px 100px #0009;color:var(--text);overflow:hidden}
.studio-collaboration[hidden],.studio-collaboration [hidden],.studio-live-captions[hidden]{display:none!important}
.studio-collaboration>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;margin-bottom:18px}.studio-collaboration h3{margin:5px 0 0;font-size:1.35rem;letter-spacing:-.025em;line-height:1.15}.studio-collaboration .eyebrow{font-size:.65rem;letter-spacing:.12em;color:var(--orange)}.studio-panel-close{border-radius:50%!important;width:44px;height:44px;min-width:44px;padding:0!important;font-size:1.6rem!important;line-height:1}
.studio-collaboration nav{display:flex;gap:3px;padding:4px;margin-bottom:18px;background:#080e0966;border:1px solid #ffffff15;border-radius:14px;flex:none}.studio-collaboration nav button{flex:1;min-height:44px;border:0;background:transparent;border-radius:10px;color:var(--muted);font:600 .8rem system-ui;cursor:pointer}.studio-collaboration nav button[aria-selected=true]{background:linear-gradient(135deg,#c773263b,#43574260);color:var(--text);box-shadow:0 2px 8px #0003}
.studio-collaboration>[data-page]{min-height:0;overflow:auto;flex:1}.studio-collaboration [data-page=chat]{display:flex;flex-direction:column;gap:14px}.studio-chat-messages{flex:1;min-height:160px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:2px}.studio-chat-message{border:1px solid #ffffff12;border-radius:18px;background:#ffffff08;padding:12px 14px;max-width:94%;align-self:flex-start;overflow-wrap:anywhere}.studio-chat-message[data-own=true]{align-self:flex-end;background:linear-gradient(135deg,#cf75231c,#38634336);border-color:#dfb6732c}.studio-chat-message header{display:flex;gap:18px;align-items:center;justify-content:space-between}.studio-chat-message header strong{font-size:.8rem}.studio-chat-message time{font-size:.66rem;color:var(--muted);white-space:nowrap}.studio-chat-message p{font-size:.9rem;line-height:1.5;margin:7px 0 0;white-space:pre-wrap}.studio-chat-message a{color:#ffbd75;text-decoration:underline;text-underline-offset:3px}.studio-chat-attachment{max-width:100%;max-height:300px;border-radius:12px;margin-top:10px;display:block}.studio-chat-empty{margin:auto;text-align:center;color:var(--muted);padding:30px 18px}.studio-chat-empty>span{display:block;font-size:2.1rem;color:#ed9c47}.studio-chat-empty h4{font-size:1.05rem;color:var(--text);margin:12px 0 8px}.studio-chat-empty p{font-size:.85rem;line-height:1.55}
.studio-chat-composer{display:grid;gap:10px;flex:none;padding-top:14px;border-top:1px solid #ffffff15}.studio-chat-composer>div{display:flex;justify-content:space-between;gap:12px}.studio-collaboration label{display:grid;gap:8px;font-size:.83rem;font-weight:600}.studio-collaboration textarea,.studio-collaboration select,.studio-collaboration input{box-sizing:border-box;width:100%;border:1px solid #ffffff20;border-radius:16px;background:#070d0988;padding:12px 14px;font:400 .9rem/1.5 system-ui;color:var(--text)}.studio-collaboration textarea{resize:vertical;min-height:70px}.studio-collaboration small{color:var(--muted);font-size:.71rem;line-height:1.5}.studio-collaboration .btn{min-height:44px;font-size:.82rem}.studio-collaboration [data-page=notes] .row{margin:12px 0}.studio-collaboration [data-page=captions]>*{margin-bottom:14px}.studio-collaboration [data-page=captions] p,.studio-collaboration [data-page=quality] p{font-size:.86rem;line-height:1.55;color:var(--muted)}.studio-collaboration h4{margin:0 0 12px;font-size:1.1rem;letter-spacing:-.015em}.studio-collaboration pre{font-size:.72rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:16px;background:#080e09aa}.studio-collaboration-status{font-size:.8rem;color:#ffd199;margin:10px 0 0;flex:none}.studio-collaboration-status:empty{display:none}.studio-collaboration-open[data-unread=true]{box-shadow:inset 0 0 0 2px #ea913c}
.studio-live-captions{position:absolute;z-index:80;left:50%;bottom:calc(var(--studio-toolbar-height,180px) + 36px);transform:translateX(-50%);width:max-content;max-width:min(680px,calc(100% - 40px));padding:12px 20px;border:1px solid #ffffff25;border-radius:18px;background:#07100be8;backdrop-filter:blur(16px);color:#fff4e6;pointer-events:none;box-shadow:0 10px 40px #0005}.studio-live-captions p{margin:2px 0;font-size:1.05rem;line-height:1.45}.studio-live-captions strong{color:#eebb84;font-size:.85em}.studio-quality-settings label{display:grid;gap:8px;margin:12px 0}.studio-quality-settings p{font-size:.8rem;line-height:1.5}
.studio-collaboration button:active{transform:scale(.97)}.studio-collaboration button:focus-visible,.studio-collaboration textarea:focus-visible{outline:2px solid #fba94c;outline-offset:3px}
@media(max-width:700px){.studio-collaboration{position:fixed;inset:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px);width:auto;padding:18px;border-radius:24px}.studio-collaboration h3{font-size:1.2rem}.studio-collaboration nav button{font-size:.74rem}.studio-live-captions{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 20px);max-width:calc(100% - 32px);box-sizing:border-box;width:calc(100% - 32px);padding:10px 14px}.studio-live-captions p{font-size:.9rem}}
@media(prefers-reduced-transparency:reduce){.studio-collaboration,.studio-live-captions{background:#1b271e;backdrop-filter:none}}
@media(prefers-contrast:more){.studio-collaboration{border:2px solid var(--text)}.studio-chat-message{border-color:#ffffff66}}

/* Clips: one spatial hierarchy, restrained glass, immediate press feedback. */
.clips-toolbar,.clips-recording>header,.clip-style-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.clips-toolbar h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:8px 0}.clips-toolbar p{max-width:58ch}.clips-filter{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0}.clips-filter label{max-width:300px}.clips-recording{margin:32px 0 48px}.clips-recording h3{font-size:24px;letter-spacing:-.03em;margin:8px 0 18px}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:24px}.clip-card{overflow:hidden;border:1px solid rgba(242,233,216,.16);border-radius:26px;background:linear-gradient(135deg,rgba(72,43,24,.5),rgba(14,40,31,.55));box-shadow:0 16px 42px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.clip-media{height:390px;background:#0b100e;display:grid;place-items:center}.clip-media video{width:100%;height:100%;object-fit:contain}.clip-card-body{padding:22px}.clip-card h4{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:8px 0 20px}.clip-formats{display:flex;gap:8px;margin-bottom:20px}.clip-formats [aria-pressed=true]{border-color:#f58a22;background:rgba(245,138,34,.18)}.clip-card textarea{min-height:100px;resize:vertical}.clip-card details{margin-bottom:18px}.clip-card summary{min-height:44px;cursor:pointer}.clip-transcript{line-height:1.6;white-space:pre-wrap}.clips-empty{text-align:center;padding:64px 24px;max-width:680px;margin:auto}.clips-empty>div{font-size:48px;color:#f58a22}.clips-empty h3{font-size:30px;letter-spacing:-.04em}.clips-empty p{line-height:1.6}.clips-processing{padding:24px;border-radius:24px;background:linear-gradient(120deg,rgba(128,69,20,.36),rgba(17,66,46,.4));border:1px solid rgba(242,233,216,.2);margin-top:24px}.clips-processing article+article{margin-top:20px}.clips-processing article>div{display:flex;justify-content:space-between;gap:16px}.clips-processing progress{width:100%;height:8px;accent-color:#f58a22}.clips-processing input{font-size:13px}.clips-style-dialog{color:#f2e9d8;width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;border-radius:30px;border:1px solid rgba(242,233,216,.24);background:linear-gradient(145deg,rgba(44,31,21,.98),rgba(11,30,23,.98));box-shadow:0 40px 100px #0008;overflow:auto}.clips-style-dialog::backdrop{background:#050907a8;backdrop-filter:blur(12px)}.clips-style-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.clips-style-dialog header h2{letter-spacing:-.04em;margin:8px 0}.clips-style-dialog header button{font-size:26px;min-width:48px;min-height:48px}.clip-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clip-settings-grid label{min-width:0}.clip-settings-grid input[type=color]{height:46px;padding:4px}.clip-style-preview{border-radius:22px;padding:28px;text-align:center;background:linear-gradient(140deg,#512809,#102f26);background-size:cover;background-position:center;margin:24px 0;border:1px solid #ffffff20}.clip-style-preview[data-palette=teal]{background:linear-gradient(140deg,#06332e,#29203b)}.clip-style-preview[data-palette=violet]{background:linear-gradient(140deg,#352042,#32210f)}.clip-style-preview[data-palette=midnight]{background:linear-gradient(140deg,#14233d,#112f25)}.clip-style-preview span{font-size:11px;letter-spacing:.12em;color:#f58a22}.clip-style-preview strong{display:block;font-size:32px;letter-spacing:-.04em;line-height:1.08;margin:22px 0}.clip-style-preview em{font-style:normal;font-weight:750;display:block;text-shadow:0 2px 4px #000}.clip-toggle{display:flex;align-items:center;gap:12px;min-height:48px;margin:18px 0}.clip-toggle input{width:22px;height:22px;accent-color:#f58a22}.clips-style-dialog footer{display:flex;justify-content:end;padding-top:20px}.clips-style-dialog details>summary{cursor:pointer;min-height:44px}.clips-style-dialog .btn,.clips-toolbar .btn{min-height:44px}.clips-style-dialog .btn:active,.clip-card .btn:active{transform:scale(.97)}.clips-style-dialog label small{line-height:1.5;display:block;margin-top:6px}.clips-style-dialog [data-style-error]{color:#ffb6a8}
@media(max-width:600px){.clips-toolbar .row{width:100%;display:grid;grid-template-columns:1fr auto}.clips-toolbar [data-clip-style]{grid-row:1;grid-column:1/-1}.clips-filter{align-items:stretch;flex-direction:column}.clips-filter label{max-width:none}.clip-settings-grid{grid-template-columns:1fr}.clips-style-dialog{padding:22px;border-radius:24px}.clips-grid{gap:18px}.clip-media{height:420px}.clips-processing article>div{flex-direction:column;align-items:start}.clips-recording>header{gap:4px}}
@media(prefers-reduced-motion:reduce){.clips-style-dialog .btn:active,.clip-card .btn:active{transform:none}}
.clips-storage{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:24px;padding:24px;margin:24px 0;border-radius:24px;border:1px solid rgba(242,233,216,.2);background:linear-gradient(125deg,rgba(93,51,25,.4),rgba(17,49,37,.55));backdrop-filter:blur(18px)}.clips-storage h3{font-size:23px;letter-spacing:-.03em;margin:8px 0}.clips-storage p{line-height:1.5;margin:10px 0}.clips-storage label{min-width:0}.clips-storage input{width:100%;font-size:14px}.clips-storage .row{gap:10px;flex-wrap:wrap;margin-top:14px}.clips-storage .btn{min-height:44px}.clips-folder-dialog{width:min(640px,calc(100vw - 32px))}.clips-folder-dialog p{line-height:1.6}.clips-folder-dialog [data-browse]{margin-top:18px}.clips-folder-dialog footer{gap:12px;flex-wrap:wrap}.clips-folder-dialog [data-folder-error]{color:#ffb6a8}
@media(max-width:700px){.clips-storage{grid-template-columns:1fr;gap:12px;padding:20px}.clips-storage .row{display:grid;grid-template-columns:1fr 1fr}.clips-storage [data-storage-change]{grid-column:1/-1}.clips-folder-dialog footer>*{flex:1}}
/* Trial colour is independent of published green. */
.calendar-post{flex-direction:column;gap:0;cursor:default}
.calendar-post-main{display:flex;gap:8px;width:100%;text-align:left;color:inherit;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.calendar-trial{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%;min-width:0;margin-top:8px;font-size:.76rem;color:var(--text)}
.trial-badge{color:#180c28;background:#d1a6ff;border-radius:6px;padding:3px 7px;font-size:.65rem;font-weight:850;letter-spacing:.07em}
.publication-badge.trial{color:#d1a6ff;background:rgba(166,92,255,.16)}
.trial-expired{opacity:.65}.trial-expired .trial-badge{background:#aaa;color:#242424}
.trial-progress-label{display:block;width:100%;font-size:.75rem;line-height:1.4}.trial-progress-label small{display:block;color:var(--muted)}
.trial-progress-label progress{width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;accent-color:#bd86f5;background:rgba(242,233,216,.12)}
.trial-progress-label progress::-webkit-progress-bar{background:rgba(242,233,216,.12)}.trial-progress-label progress::-webkit-progress-value{background:#bd86f5}
.trial-share{max-width:100%;box-sizing:border-box;background:rgba(166,92,255,.18);border-color:rgba(209,166,255,.4);color:#ead6ff;white-space:normal;text-decoration:none;overflow-wrap:anywhere}
.trial-phone-handoff{display:flex;align-items:center;gap:20px;width:100%;margin:10px 0}.trial-qr{width:132px;border-radius:12px;overflow:hidden;background:white;flex-shrink:0}.trial-qr svg{display:block;width:100%;height:auto}
@media(max-width:700px){.trial-qr{display:none}.trial-phone-handoff{margin:4px 0}.calendar-trial .btn{min-height:44px}}

/* Brand workspaces: the same Solfaia materials, with a focused editing surface. */
.project-intro{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.project-intro h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;margin:8px 0}.project-intro p{max-width:650px;line-height:1.55;color:var(--muted,#b7b2a6)}.project-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.project-picker{position:sticky;top:24px;min-width:0}.project-choice{display:flex;flex-direction:column;text-align:left;gap:8px;width:100%;min-height:72px;padding:18px;border:1px solid rgba(239,224,196,.14);border-radius:18px;background:rgba(30,42,33,.45);color:inherit;cursor:pointer;margin-bottom:10px}.project-choice.active{border-color:#ef8011;background:linear-gradient(120deg,rgba(239,128,17,.14),rgba(24,76,49,.25))}.project-choice span{font-size:13px;opacity:.7;overflow-wrap:anywhere}.project-editor{min-width:0;border:1px solid rgba(239,224,196,.17);border-radius:26px;background:linear-gradient(130deg,rgba(89,58,31,.25),rgba(23,49,35,.33));padding:clamp(20px,3vw,36px);box-shadow:0 16px 48px #0002}.project-editor-header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-bottom:24px}.project-editor-header h2{margin:8px 0;font-size:30px;letter-spacing:-.025em}.project-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-editor label,.content-project-dialog label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:var(--text,#f4ecdc);font-size:14px}.project-editor input:not([type=checkbox]),.project-editor textarea,.project-editor select,.content-project-dialog input,.content-project-dialog textarea{width:100%;min-height:44px;box-sizing:border-box;font:inherit;color:inherit;background:rgba(0,0,0,.28);border:1px solid rgba(239,224,196,.18);border-radius:14px;padding:12px 14px}.project-editor textarea{resize:vertical;line-height:1.5}.project-editor small{color:var(--muted,#b7b2a6);font-size:12px}.project-section{border-top:1px solid #ffffff13;padding-top:24px;margin-top:12px}.project-section h3,.project-section summary{font-weight:650;font-size:18px;margin:0 0 20px}.project-section summary{cursor:pointer;min-height:44px;align-content:center}.project-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-accounts label{flex-direction:row;align-items:center;gap:12px;background:#ffffff06;padding:14px;border-radius:14px;overflow-wrap:anywhere}.project-accounts span{display:flex;flex-direction:column;gap:6px}.project-editor input[type=checkbox]{width:20px;height:20px;accent-color:#ef8011;flex-shrink:0}.project-save{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #ffffff13}.project-save label{flex-direction:row;align-items:center;margin:0}.project-ref-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.project-reference{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ffffff15;border-radius:16px;min-width:0}.project-reference img,.project-ref-placeholder{width:64px;height:64px;border-radius:10px;object-fit:cover;flex-shrink:0}.project-ref-placeholder{display:grid;place-items:center;background:#ffffff08;font-size:28px}.project-reference div{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.project-reference span{font-size:12px;opacity:.7}.project-reference button{margin-left:auto;min-width:44px;min-height:44px;padding:8px;flex-shrink:0}.project-ref-add{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}.project-ref-add button{margin-bottom:18px;min-height:44px}.project-memory p{white-space:pre-wrap;overflow-wrap:anywhere}.project-memory{margin:16px 0;padding:16px;background:#ffffff05;border-radius:14px}.content-project-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #ffffff29;border-radius:26px;background:linear-gradient(135deg,#302519,#18241d);color:#f4ecdc;padding:28px;box-shadow:0 30px 90px #0007}.content-project-dialog::backdrop{background:#0009;backdrop-filter:blur(12px)}.content-project-dialog header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}.content-project-dialog header h2{margin:8px 0;font-size:27px;letter-spacing:-.025em}.content-project-dialog header button{min-width:44px;min-height:44px}.content-project-dialog p,.content-project-dialog li{line-height:1.6;overflow-wrap:anywhere}.content-project-dialog li{margin-bottom:12px}.content-project-dialog textarea{line-height:1.5}.project-empty{padding:24px 0;max-width:550px;line-height:1.6}.project-editor :focus-visible,.project-picker :focus-visible,.content-project-dialog :focus-visible{outline:2px solid #ef8011;outline-offset:4px}.project-editor .btn,.project-intro .btn,.project-picker .btn{min-height:44px}.project-image-upload input{padding:10px!important}.project-editor .btn{white-space:normal}.project-editor form{min-width:0}.project-section>label{margin-bottom:22px}
@media(max-width:900px){.project-layout{grid-template-columns:1fr}.project-picker{position:static}.project-picker [data-project-list]{display:flex;gap:12px;overflow-x:auto;padding:4px}.project-choice{min-width:180px;width:180px;flex-shrink:0}.project-ref-list{grid-template-columns:1fr}.project-intro{align-items:start}.project-editor-header{flex-wrap:wrap}}
@media(max-width:560px){.project-intro{flex-direction:column}.project-core,.project-accounts{grid-template-columns:1fr}.project-ref-add{grid-template-columns:1fr}.project-ref-add label{margin-bottom:0}.project-save{align-items:stretch;flex-direction:column}.content-project-dialog{padding:20px}.project-editor{padding:20px}.project-editor-header h2{font-size:26px}.project-reference img,.project-ref-placeholder{width:52px;height:52px}}
@media(prefers-reduced-transparency:reduce){.project-editor{background:#1e241d}.content-project-dialog::backdrop{backdrop-filter:none;background:#000d}}

/* Keep navigation and its footer usable as more sections are added. */
@media(min-width:981px){.sidebar{display:flex;flex-direction:column;max-height:100dvh}.sidebar>.brand{flex-shrink:0}.sidebar>.nav{overflow-y:auto;min-height:0;flex:1;padding-bottom:8px;align-content:start}.sidebar-footer{position:static;margin-top:16px;flex-shrink:0}}
.studio-demo-preview{display:block;width:100%;height:100%;object-fit:contain;background:#0b100d}
.studio-demo-empty{display:flex;flex-direction:column;justify-content:center;gap:1rem;height:100%;padding:clamp(1.25rem,4vw,3rem);text-align:center;background:linear-gradient(135deg,rgba(239,125,15,.10),rgba(33,83,58,.16))}
.studio-demo-empty h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.025em}
@media(max-width:600px){.studio-demo-empty{padding:12px;gap:8px}.studio-demo-empty .eyebrow,.studio-demo-empty p:last-child{display:none}.studio-demo-empty h2{font-size:17px;margin:0}.studio-demo-empty p{font-size:12px;line-height:1.25;margin:0}}

/* Account-wide trial performance, with persistent spatial grouping. */
.trial-overview-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;color:var(--text);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(54,39,24,.97),rgba(17,29,23,.98));box-shadow:0 32px 100px #0009;color-scheme:dark}
.trial-overview-dialog::backdrop{background:#050705b8;backdrop-filter:blur(12px)}
.trial-overview-dialog>header,.trial-overview-card>header{display:flex;justify-content:space-between;gap:16px;align-items:start}
.trial-overview-dialog h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.025em;margin:8px 0}
.trial-overview-dialog [data-close]{width:44px;height:44px;padding:0;font-size:24px;flex-shrink:0}
.trial-overview-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:20px}
.trial-overview-toolbar label{display:grid;gap:7px;flex:1;min-width:160px}
.trial-overview-dialog select,.trial-overview-dialog .btn{min-height:44px}
.trial-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.trial-overview-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:#fff06;overflow-wrap:anywhere;min-width:0}
.trial-overview-card h3{font-size:18px;line-height:1.35;margin:8px 0 18px;letter-spacing:-.015em}
.trial-overview-card .calendar-trial{display:grid;gap:12px}.trial-overview-card .trial-badge{width:fit-content}
.trial-ready-dot{color:#cb9dff;font-size:24px}.trial-overview-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trial-overview-dialog :focus-visible{outline:2px solid var(--orange);outline-offset:4px}.trial-overview-dialog .btn:active{transform:scale(.97)}
.trial-overview-empty{grid-column:1/-1;padding:32px;text-align:center}.project-memory summary{cursor:pointer;min-height:44px;padding:12px}.project-memory p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:680px){.trial-overview-dialog{padding:20px;border-radius:24px}.trial-overview-grid{grid-template-columns:1fr}.trial-overview-toolbar{display:grid;grid-template-columns:1fr}.trial-overview-card{padding:16px}.trial-overview-dialog .trial-phone-handoff{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.trial-overview-dialog .btn:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.trial-overview-dialog{background:#1b211a}.trial-overview-dialog::backdrop{backdrop-filter:none;background:#050705ed}.trial-overview-card{background:#242b20}}

/* Direct, native horizontal scrolling keeps carousel swipes under the finger. */
.image-carousel { width:100%; min-width:0; border:1px solid rgba(248,230,202,.16); border-radius:24px; overflow:hidden; background:linear-gradient(135deg,rgba(100,60,25,.25),rgba(17,34,27,.7)); }
.image-carousel-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; overscroll-behavior-x:contain; aspect-ratio:var(--carousel-ratio,1); max-height:70vh; }
.image-carousel-track figure { margin:0; flex:0 0 100%; width:100%; min-width:0; scroll-snap-align:start; display:grid; place-items:center; height:100%; }
.image-carousel-track figure > button { display:block; border:0; background:transparent; padding:0; width:100%; height:100%; cursor:zoom-in; }
.image-carousel-track img { display:block; width:100%; height:100%; object-fit:cover; }
.image-carousel-navigation { display:flex; justify-content:center; align-items:center; gap:20px; padding:12px; font-variant-numeric:tabular-nums; }
.image-carousel-navigation button { min-width:44px; min-height:44px; font-size:22px; }
.image-carousel-editor { min-width:0; padding:16px; border:1px solid rgba(248,230,202,.2); border-radius:20px; margin:16px 0; }
.image-carousel-editor [hidden] { display:none!important; }
.image-carousel-editor select { width:100%; }
.carousel-mode { display:flex!important; gap:12px; align-items:center; }
.carousel-mode input { width:auto; }
.carousel-edit-slide { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid rgba(248,230,202,.13); }
.carousel-edit-slide img { width:56px; height:56px; object-fit:cover; border-radius:10px; }
.carousel-edit-slide > span:not(.carousel-slide-number) { flex:1; overflow-wrap:anywhere; }
.carousel-edit-slide .row { flex-basis:100%; flex-wrap:wrap; }
.carousel-slide-number { font-variant-numeric:tabular-nums; color:var(--orange,#ff850b); }
.carousel-upload { display:inline-flex!important; align-items:center; position:relative; cursor:pointer; min-height:44px; }
.carousel-upload input { position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.image-carousel-lightbox { color:#f8ead7; width:min(96vw,1200px); max-height:95dvh; border:1px solid rgba(248,230,202,.2); border-radius:28px; background:linear-gradient(145deg,#382719,#14261f); box-shadow:0 24px 100px #0009; padding:20px; }
.image-carousel-lightbox::backdrop { background:#000b; backdrop-filter:blur(10px); }
.image-carousel-lightbox header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.image-carousel-lightbox h2 { margin:0; }
.carousel-close { font-size:24px; border-radius:50%; min-width:44px; min-height:44px; }
.image-carousel-full .image-carousel-track {aspect-ratio:auto;height:70dvh;}
.image-carousel-full .image-carousel-track figure { aspect-ratio:auto; height:70dvh; }
.image-carousel-full img { max-height:70dvh; object-fit:contain; }
.image-carousel :focus-visible,.image-carousel-editor :focus-visible,.image-carousel-lightbox :focus-visible { outline:3px solid #ff941e; outline-offset:3px; }
@media(max-width:600px){.image-carousel-lightbox{padding:12px;}.image-carousel-full .image-carousel-track figure{height:65dvh;}.carousel-edit-slide .btn{min-height:44px;}.image-carousel{border-radius:18px;}}
@media(prefers-reduced-motion:reduce){.image-carousel-track{scroll-behavior:auto!important;}}
@media(prefers-reduced-transparency:reduce){.image-carousel{background:#19251e;}.image-carousel-lightbox::backdrop{backdrop-filter:none;background:#000e;}}
@media(prefers-contrast:more){.image-carousel,.image-carousel-editor,.image-carousel-lightbox{border-color:currentColor;}}

.carousel-upload:focus-within { outline:3px solid #ff941e; outline-offset:3px; }

/* Private editorial metadata stays close to its post, separate from public copy. */
.calendar-label-form{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}
.calendar-label-form label{display:grid;gap:.5rem;font-weight:600}
.calendar-label-form input{width:100%;min-width:0;box-sizing:border-box}
.calendar-label-form p{margin:0;font-size:.85rem;line-height:1.5}
.calendar-label-form button{justify-self:start;min-height:44px}

/* Provider review stays in the Solfaia dialog system at both breakpoints. */
.video-review { max-width: 760px; }
.video-review button, .video-options input, .video-options select { min-height: 44px; }
.video-review .legal-consent { display: flex; align-items: flex-start; gap: 12px; line-height: 1.55; }
.video-review .legal-consent input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px; }
.video-options { display: grid; gap: 14px; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; }
.video-options legend { padding: 0 8px; font-weight: 650; }
.video-options label { display: grid; gap: 8px; min-width: 0; }
.video-options input, .video-options select { min-width: 0; width: 100%; }

/* Passwordless entry shares the existing Itsends canvas; no third-party widgets. */
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:clamp(20px,5vw,56px);box-sizing:border-box;background:radial-gradient(ellipse at 5% 0,#60320c66,transparent 62%),radial-gradient(ellipse at 100% 100%,#123c2a66,transparent 65%),#10120f;color:#fff2d9}.auth-card{width:min(100%,480px);box-sizing:border-box;display:grid;gap:18px;padding:clamp(24px,5vw,40px);border:1px solid #f4dfb129;border-radius:28px;background:linear-gradient(145deg,#30261cdd,#14251ddd);box-shadow:0 24px 80px #0005}.auth-card>a{width:fit-content}.auth-card img{max-width:100%;height:auto;display:block}.auth-card h1{font-size:clamp(32px,7vw,46px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 0}.auth-card p{color:#c9c2b1;line-height:1.6;margin:0}.auth-card form,.auth-card [data-activation],.auth-card [data-verified]{display:grid;gap:16px}.auth-card label{display:grid;gap:8px;font-size:14px}.auth-card input{box-sizing:border-box;min-height:48px;border:1px solid #fff3;border-radius:12px;background:#0d130d;color:#fff2d9;font-size:16px;padding:12px}.auth-card .btn{min-height:48px;background:linear-gradient(145deg,#ffbd50,#ec8316);border:1px solid #ffd38955;color:#21170a;border-radius:14px;font-weight:750;cursor:pointer}.auth-card .btn.secondary{background:#ffffff0d;color:#fff2d9;border:1px solid #fff3}.auth-card [hidden]{display:none!important}.auth-card .auth-text-button{color:#ffc16a;min-height:44px;margin:0;justify-self:start;font-size:14px}.auth-card a{color:#ffd28b}.auth-card [data-register-terms]{display:block;line-height:1.6}.auth-card input[type=checkbox]{min-height:auto;width:20px;height:20px;vertical-align:middle;margin-right:8px}.auth-card :focus-visible{outline:2px solid #ffbd50;outline-offset:4px}.auth-card [role=status]{font-size:14px;overflow-wrap:anywhere}.auth-card button:disabled{opacity:.55;cursor:wait}