@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}}