@import url('./site-layouts.css');
@import url('./workspace.css');

:root {
  color-scheme: dark;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  --canvas: #0d1016;
  --sidebar: #151922;
  --surface: #1b202a;
  --surface-raised: #222833;
  --line: #303744;
  --line-soft: #272d38;
  --text: #f2f3f6;
  --muted: #a4adbc;
  --quiet: #7f8999;
  --gold: #cdbb97;
  --blue: #7799e3;
  --green: #92d9b9;
  background: var(--canvas);
  color: var(--text);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: default; opacity: .62; }
a { color: inherit; }
h1, h2, p { margin-top: 0; }
h1, h2 { text-wrap: balance; }
:focus-visible { outline: 2px solid #a9bbed; outline-offset: 3px; }
.eyebrow { color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.muted { color: var(--muted); }

.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; white-space: nowrap; }
.brand-mark {
  width: 38px; height: 38px; display: grid; place-content: center;
  grid-template-columns: repeat(2, 9px); grid-template-rows: repeat(2, 9px); gap: 3px;
  transform: rotate(-14deg); border: 1px solid #66665f; border-radius: 11px;
  background: linear-gradient(145deg, #2a3040, #151a23);
  box-shadow: inset 0 1px 0 #ffffff15, 0 7px 20px #00000030;
}
.brand-mark i { border-radius: 2px; background: linear-gradient(135deg, #e1d2b5, #ad9670); }
.brand-mark i:nth-child(2) { opacity: .62; }
.brand-mark i:nth-child(3) { opacity: .78; }
.brand-word { font-size: 16px; line-height: 1; font-weight: 760; letter-spacing: .095em; }
.brand-word > span { color: var(--gold); }
.brand-word small { display: block; margin-top: 6px; color: #8d96a6; font-size: 8px; font-weight: 680; letter-spacing: .2em; text-transform: uppercase; }

.button {
  min-height: 47px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border: 1px solid #51658f; border-radius: 9px; background: #273447; color: var(--text);
  font-size: 13px; font-weight: 720; transition: background .16s, border-color .16s, transform .16s;
}
.button:hover:not(:disabled) { transform: translateY(-1px); border-color: #92a7d6; }
.button.primary { border-color: #87a5ec; background: #789ae8; color: #111927; box-shadow: 0 8px 24px #6585d32a, inset 0 1px #ffffff50; }
.button.primary:hover:not(:disabled) { background: #91adf0; }
.button.full { width: 100%; }

.alert { margin: 18px 0; padding: 13px 15px; border: 1px solid; border-radius: 9px; font-size: 12px; line-height: 1.6; }
.alert.error { background: #582d3529; border-color: #9d5d69; color: #f2b5bf; }
.alert.positive { display: flex; flex-direction: column; gap: 4px; background: #123e3242; border-color: #44735f; color: #b6e7d1; }
.alert.positive strong { font-size: 13px; }

/* Entry screen */
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); }
.auth-aside {
  display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;
  padding: 44px max(48px, 7vw); border-right: 1px solid var(--line-soft);
  background: radial-gradient(680px 520px at 85% 50%, #3b4c6742, transparent 67%), linear-gradient(145deg, #191d27, #0f131a 72%);
}
.auth-aside::after { content: ""; position: absolute; right: -340px; top: 15%; width: 660px; height: 660px; border: 1px solid #d8c09c21; border-radius: 50%; box-shadow: 0 0 0 76px #e1ceb709, 0 0 0 185px #e1ceb706; pointer-events: none; }
.auth-promise { position: relative; z-index: 1; max-width: 620px; }
.auth-promise h1 { margin: 24px 0; font-size: clamp(43px, 5vw, 70px); font-weight: 660; line-height: 1.08; letter-spacing: -.07em; }
.auth-promise em { color: #e0cba6; font-style: normal; }
.auth-promise > p:last-child { max-width: 490px; color: #b6becc; font-size: 16px; line-height: 1.75; }
.auth-foot { color: #7b8494; font-size: 10px; letter-spacing: .2em; }
.auth-main { display: grid; place-items: center; padding: 40px; }
.auth-card { width: min(100%, 430px); }
.auth-card h2 { margin: 10px 0; font-size: 35px; font-weight: 660; letter-spacing: -.05em; }
.auth-card > .muted { margin-bottom: 29px; font-size: 14px; line-height: 1.65; }
.auth-card form { display: grid; gap: 19px; }
.auth-card label { display: grid; gap: 9px; color: #c0c8d5; font-size: 12px; font-weight: 720; }
.auth-card input {
  height: 51px; padding: 0 15px; color: var(--text); background: #171c25;
  border: 1px solid #3a4352; border-radius: 9px; outline: none; font-size: 14px;
}
.auth-card input:focus, .token-field input:focus { border-color: #9aafe4; box-shadow: 0 0 0 3px #849deb24; }
.auth-card input::placeholder, .token-field input::placeholder { color: #747e8e; }
.auth-switch { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 13px; }
.auth-switch button, .text-button { padding: 0; border: 0; background: none; color: #b9c9ee; font-weight: 720; }
.auth-switch button:hover, .text-button:hover { text-decoration: underline; }
.micro { margin: 20px 0 0; color: #8892a1; font-size: 11px; line-height: 1.6; }

/* Extensible workspace shell */
.shell { min-height: 100vh; display: grid; grid-template-columns: 260px minmax(0, 1fr); background: radial-gradient(800px 420px at 85% -140px, #32405e29, transparent 70%), var(--canvas); }
.sidebar {
  position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column;
  padding: 27px 17px 18px; border-right: 1px solid #2c323d;
  background: linear-gradient(170deg, #181c26, #131720 65%);
}
.sidebar .brand { margin: 0 8px 51px; }
.workspace-label { margin: 0 11px 12px; color: #818b9c; font-size: 9px; font-weight: 780; letter-spacing: .17em; }
.workspace-card { display: flex; align-items: center; gap: 11px; margin-bottom: 32px; padding: 12px; border: 1px solid #333b49; border-radius: 10px; background: #202632; }
.workspace-avatar { width: 37px; height: 37px; flex: none; display: grid; place-items: center; border: 1px solid #566483; border-radius: 9px; background: #35425d; color: #e1e8f7; font-size: 13px; font-weight: 740; }
.workspace-card strong { display: block; max-width: 144px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 740; }
.workspace-card small { display: block; margin-top: 4px; color: #9ca7b9; font-size: 10px; }
.sidebar nav { min-height: 0; display: grid; gap: 20px; overflow-y: auto; padding-right: 2px; scrollbar-width: thin; scrollbar-color: #3c4655 transparent; }
.nav-section-title { margin: 0 11px 11px; color: #8b96a8; font-size: 10px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.nav-item {
  position: relative; min-height: 45px; display: flex; align-items: center; gap: 11px;
  padding: 0 11px; border: 1px solid transparent; border-radius: 8px;
  color: #aab5c5; text-decoration: none; font-size: 12px; font-weight: 650;
  transition: background .16s, color .16s, border-color .16s;
}
.nav-item:hover { background: #222937; color: var(--text); }
.nav-item.active { border-color: #485574; background: #29344b; color: #f3f5fa; }
.nav-item.active::before { content: ""; position: absolute; left: -1px; top: 9px; bottom: 9px; width: 2px; border-radius: 2px; background: #98b2ed; }
.nav-icon { width: 21px; height: 21px; flex: none; display: grid; place-items: center; }
.nav-icon .telegram-icon { width: 21px; height: 21px; border: 0; border-radius: 0; background: transparent; color: #b5c8ed; }
.nav-icon .telegram-icon svg { width: 19px; height: 19px; }
.nav-check { margin-left: auto; color: var(--green); }
.nav-product-state { margin-left: auto; color: #8f9aab; font-size: 8px; font-weight: 760; letter-spacing: .06em; text-transform: uppercase; }
.nav-product-state.live { color: #78c4a1; }
.nav-subitems { position: relative; display: grid; gap: 2px; margin: 3px 0 8px 32px; padding: 3px 0 3px 14px; }
.nav-subitems::before { content: ''; position: absolute; inset: 4px auto 4px 0; border-left: 1px solid #353f4f; }
.nav-subitem { position: relative; padding: 7px 8px; border-radius: 6px; color: #8995a7; font-size: 10px; font-weight: 620; text-decoration: none; }
.nav-subitem:hover { color: #d9e1ef; background: #202735; }
.nav-subitem.active { color: #e7edf8; background: #252e3d; }
.nav-subitem.active::before { content: ''; position: absolute; left: -15px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #a8bce9; box-shadow: 0 0 0 4px #2a3445; }
.sidebar-bottom { margin-top: auto; border-top: 1px solid #303744; padding-top: 14px; }
.logout { width: 100%; display: flex; justify-content: space-between; padding: 10px; border: 0; background: none; color: #a1adbf; font-size: 11px; text-align: left; }
.logout:hover { color: var(--text); }
.workspace { min-width: 0; }
.topbar { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(30px, 4vw, 64px); border-bottom: 1px solid var(--line-soft); background: #11151dba; }
.breadcrumb { color: #b0bac9; font-size: 12px; }
.breadcrumb span { margin: 0 10px; color: #697688; }
.account-avatar { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #5c6c91; border-radius: 50%; background: #33405a; color: #e1e8f8; font-size: 12px; font-weight: 750; }
.content { width: 100%; max-width: 1060px; padding: 49px clamp(30px, 4vw, 64px) 84px; }

/* Product shell: the global platform stays small; product tools remain nested. */
.platform-hero { min-height: 350px; display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 48px; align-items: end; padding: 42px; border: 1px solid #3d4655; border-radius: 16px; background: radial-gradient(650px 380px at 78% 15%,#42547532,transparent 64%),linear-gradient(145deg,#222936,#171c25); overflow: hidden; }
.platform-hero h1 { margin: 15px 0 20px; color: #f2f4f8; font-size: clamp(40px,5vw,61px); line-height: 1.01; letter-spacing: -.065em; font-weight: 650; }
.platform-hero h1 em { color: #dec79f; font-style: normal; }
.platform-hero > div > p:last-of-type { max-width: 650px; color: #aeb8c7; font-size: 14px; line-height: 1.75; }
.platform-hero-actions,.product-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.platform-hero aside { position: relative; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; border: 1px solid #475164; border-radius: 13px; background: #1117209e; }
.platform-hero aside::before { content: ''; position: absolute; inset: 0; background: linear-gradient(140deg,#789ae817,transparent 55%); border-radius: inherit; pointer-events: none; }
.platform-signal { width: 9px; height: 9px; margin-bottom: auto; border-radius: 50%; background: #72d0a5; box-shadow: 0 0 0 7px #72d0a516,0 0 24px #72d0a548; }
.platform-hero aside small { color: #8995a7; font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.platform-hero aside strong { margin: 9px 0 14px; font-size: 17px; line-height: 1.3; }
.platform-hero aside a { position: relative; color: #b8c9eb; font-size: 11px; font-weight: 720; text-decoration: none; }
.dashboard-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 39px 0 17px; }
.dashboard-heading h2 { margin: 7px 0 0; font-size: 25px; letter-spacing: -.04em; }
.dashboard-heading > a,.dashboard-heading > span { color: #9ba8b9; font-size: 11px; text-decoration: none; }
.dashboard-heading > a:hover { color: #d6e0f0; }
.home-product-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(290px,.7fr); gap: 15px; }
.products-head { max-width: 780px; }
.product-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin: 34px 0 14px; padding-bottom: 12px; border-bottom: 1px solid #343c49; }
.product-section-title > span { color: #dfe5ef; font-size: 12px; font-weight: 730; }
.product-section-title small { color: #8995a7; font-size: 10px; }
.product-section-title.future { margin-top: 46px; }
.product-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.product-grid.future-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.product-card { position: relative; min-height: 290px; display: flex; flex-direction: column; padding: 27px; border: 1px solid #3b4452; border-radius: 14px; background: linear-gradient(155deg,#1d2430,#171c25); overflow: hidden; }
.product-card::after { content: ''; position: absolute; width: 250px; height: 250px; right: -120px; top: -135px; border: 1px solid #91a9dc12; border-radius: 50%; box-shadow: 0 0 0 36px #91a9dc08,0 0 0 78px #91a9dc05; pointer-events: none; }
.product-card.featured { min-height: 330px; padding: 31px; border-color: #53617a; background: radial-gradient(600px 260px at 82% 0,#4b638a28,transparent 64%),linear-gradient(145deg,#222b3a,#181e28); }
.product-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-monogram { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid #566783; border-radius: 11px; background: #2b374b; color: #c6d5f1; }
.product-status { width: fit-content; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #615b4c; border-radius: 99px; background: #332f28; color: #cdbd9f; font-size: 9px; font-weight: 760; letter-spacing: .04em; text-transform: uppercase; }
.product-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.product-status.active { border-color: #3e705d; background: #1d382e; color: #8dd6b4; }
.product-status.building { border-color: #675b41; background: #372f24; color: #d7bd89; }
.product-status.roadmap { border-color: #48505e; background: #252a34; color: #8e99aa; }
.product-copy { position: relative; z-index: 1; margin-top: 27px; }
.product-copy h2 { margin: 8px 0 10px; font-size: 29px; font-weight: 650; letter-spacing: -.045em; }
.product-copy > p:last-child { margin: 0; color: #a8b3c3; font-size: 12px; line-height: 1.65; }
.product-metrics { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 29px 0 0; border: 1px solid #394454; border-radius: 10px; background: #394454; overflow: hidden; }
.product-metrics div { padding: 15px; background: #171d27c7; }
.product-metrics strong,.product-metrics span { display: block; }
.product-metrics strong { color: #eff3fa; font-size: 20px; letter-spacing: -.03em; }
.product-metrics span { margin-top: 5px; color: #8e9aab; font-size: 9px; }
.product-card-footer { position: relative; z-index: 1; display: flex; align-items: end; margin-top: auto; padding-top: 25px; }
.product-card-footer .button { min-height: 40px; text-decoration: none; }
.product-card-footer > span { color: #788496; font-size: 9px; line-height: 1.5; }
.future-grid .product-card { min-height: 300px; }
.future-grid .product-card .product-copy h2 { font-size: 22px; line-height: 1.12; text-wrap: balance; }

.product-hero { min-height: 320px; display: grid; grid-template-columns: minmax(0,1fr) 210px; gap: 45px; align-items: center; padding: 39px 42px; border: 1px solid #475166; border-radius: 16px; background: radial-gradient(500px 330px at 88% 10%,#4a638b2c,transparent 62%),linear-gradient(145deg,#222b39,#171d27); overflow: hidden; }
.product-hero.news { border-color: #554c3f; background: radial-gradient(500px 330px at 88% 10%,#806b3c24,transparent 62%),linear-gradient(145deg,#27271f,#191c23); }
.product-hero h1 { margin: 13px 0 14px; font-size: clamp(44px,6vw,68px); line-height: 1; letter-spacing: -.065em; font-weight: 650; }
.product-hero > div > p:last-of-type { max-width: 640px; color: #acb7c7; font-size: 14px; line-height: 1.7; }
.product-hero .product-status + .eyebrow { margin-top: 30px; }
.product-hero-mark { position: relative; width: 180px; height: 180px; display: grid; place-items: center; justify-self: end; border: 1px solid #53627a; border-radius: 44px; color: #d3def2; background: linear-gradient(145deg,#35445c,#212a38); transform: rotate(-5deg); box-shadow: 0 25px 70px #05070b52,inset 0 1px #ffffff1a; }
.product-hero.news .product-hero-mark { border-color: #76664a; color: #e0c898; background: linear-gradient(145deg,#49402d,#29271f); }
.product-hero-mark svg { width: 67px; height: 67px; stroke-width: 1.2; }
.product-hero-mark > span { position: absolute; right: 16px; bottom: 13px; color: #8b98aa; font-size: 10px; letter-spacing: .12em; }
.product-module-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.product-module-card { min-height: 116px; display: grid; grid-template-columns: 43px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #394453; border-radius: 11px; background: #1b222d; color: #eef2f8; text-decoration: none; transition: transform .16s,border-color .16s,background .16s; }
.product-module-card:hover { transform: translateY(-2px); border-color: #607398; background: #222b39; }
.product-module-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid #4e5e79; border-radius: 10px; background: #29364a; color: #bdcfee; }
.product-module-card strong { font-size: 14px; }
.product-module-card p { margin: 7px 0 0; color: #919eaf; font-size: 10px; line-height: 1.45; }
.product-module-card aside { min-width: 74px; display: grid; gap: 10px; justify-items: end; color: #8d9aab; font-size: 9px; }
.product-module-card aside b { color: #b9c9e8; font-size: 14px; }
.build-notice { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 30px; margin-top: 17px; padding: 24px; border: 1px solid #4a4437; border-radius: 12px; background: #211f1a; }
.build-notice strong { color: #dfc89e; font-size: 13px; }
.build-notice p { margin: 0; color: #a9adad; font-size: 11px; line-height: 1.65; }
.product-roadmap { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.product-roadmap article { min-height: 135px; display: grid; grid-template-columns: 38px 1fr; gap: 16px; padding: 22px; border: 1px solid #3b4350; border-radius: 11px; background: #1a2029; }
.product-roadmap article > span { color: #cdb68d; font-size: 10px; font-weight: 760; letter-spacing: .1em; }
.product-roadmap h3 { margin: 0 0 9px; font-size: 15px; }
.product-roadmap p { margin: 0; color: #929eae; font-size: 11px; line-height: 1.6; }

/* News Engine — its domain stays inside the product instead of leaking into global navigation. */
.news-compact { min-height: 285px; }
.news-engine-state { display: flex; align-items: center; gap: 18px; margin-top: 18px; padding: 24px 27px; border: 1px solid #4b4d43; border-radius: 13px; background: linear-gradient(135deg,#22231e,#1a1e26); }
.news-engine-state > span { width: 47px; height: 47px; flex: none; display: grid; place-items: center; border: 1px solid #756a4f; border-radius: 12px; background: #393329; color: #e4cca0; font-size: 20px; }
.news-engine-state strong { font-size: 15px; }
.news-engine-state p { max-width: 760px; margin: 6px 0 0; color: #9ea8b5; font-size: 11px; line-height: 1.6; }
.news-loader { border-radius: 50% !important; border-width: 2px !important; border-right-color: transparent !important; animation: news-spin .8s linear infinite; }
@keyframes news-spin { to { transform: rotate(360deg); } }
.news-foundation { margin-top: 14px; }
.news-onboarding { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 18px; padding: 31px 34px; border: 1px solid #5b513d; border-radius: 14px; background: radial-gradient(440px 200px at 100% 0,#aa85481c,transparent 70%),#1c1e1d; }
.news-onboarding h2 { margin: 8px 0 10px; font-size: 25px; letter-spacing: -.04em; }
.news-onboarding p:not(.eyebrow) { max-width: 680px; margin: 0; color: #a5adb7; font-size: 12px; line-height: 1.65; }
.news-inline-error { margin-top: 14px; color: #e0a0a8; font-size: 11px; }
.news-onboarding .button { flex: none; }
.news-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 17px 0; border: 1px solid #3d4550; border-radius: 13px; background: #3d4550; overflow: hidden; }
.news-kpis article { min-height: 105px; display: flex; flex-direction: column; justify-content: center; padding: 19px 22px; background: linear-gradient(145deg,#1d242d,#191e26); }
.news-kpis span,.news-kpis small { color: #8e99a8; font-size: 9px; }
.news-kpis span { font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.news-kpis strong { margin: 7px 0 3px; color: #f2f1ec; font-size: 28px; font-weight: 620; letter-spacing: -.04em; }
.news-kpis strong.word { color: #ddc495; font-size: 20px; }
.news-studio { display: grid; grid-template-columns: minmax(260px,310px) minmax(0,1fr); gap: 15px; align-items: start; }
.news-streams,.news-workspace { border: 1px solid #3a424e; border-radius: 14px; background: #171d25; }
.news-streams { position: sticky; top: 20px; padding: 20px; }
.news-stream-title { display: flex; align-items: end; justify-content: space-between; padding: 3px 3px 17px; border-bottom: 1px solid #333b47; }
.news-stream-title h2 { margin: 7px 0 0; font-size: 21px; letter-spacing: -.04em; }
.news-stream-title > span { color: #a89b82; font-size: 10px; }
.news-stream-list { display: grid; gap: 7px; margin: 14px 0 20px; }
.news-stream-list button { width: 100%; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #dce2eb; text-align: left; cursor: pointer; }
.news-stream-list button:hover { background: #202833; }
.news-stream-list button.active { border-color: #6c6048; background: linear-gradient(135deg,#2d2a24,#222731); box-shadow: inset 3px 0 #cfb77f; }
.news-stream-list button > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #4c5665; border-radius: 8px; background: #252d39; color: #b7c3d3; }
.news-stream-list button > span svg { width: 17px; }
.news-stream-list strong,.news-stream-list small { display: block; }
.news-stream-list strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.news-stream-list small { margin-top: 5px; color: #8793a3; font-size: 8px; }
.news-stream-list b { color: #9e9179; font-size: 12px; }
.news-stream-form { display: grid; gap: 10px; padding: 17px; border: 1px solid #373f4b; border-radius: 10px; background: #131820; }
.news-stream-form label,.news-add-source label { display: grid; gap: 6px; color: #aab4c2; font-size: 9px; font-weight: 700; }
.news-stream-form input,.news-stream-form select,.news-add-source input,.news-add-source select,.news-add-source textarea { width: 100%; height: 39px; padding: 0 10px; border: 1px solid #414b5a; border-radius: 7px; outline: none; background: #0e141c; color: #e8edf4; font: inherit; font-size: 10px; }
.news-add-source textarea { min-height: 112px; padding: 10px; line-height: 1.55; resize: vertical; }
.news-stream-form input:focus,.news-stream-form select:focus,.news-add-source input:focus,.news-add-source select:focus,.news-add-source textarea:focus { border-color: #a18d65; box-shadow: 0 0 0 3px #a18d6518; }
.news-stream-form > div { display: grid; grid-template-columns: 1fr 75px; gap: 8px; }
.news-stream-help { margin: 0; color: #8491a1; font-size: 8px; line-height: 1.55; }
.news-stream-form .button,.news-add-source .button { width: 100%; min-height: 39px; margin-top: 3px; }
.news-stream-danger { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 7px; padding-top: 13px; border-top: 1px solid #3d3640; }
.news-stream-danger strong,.news-stream-danger small { display: block; }
.news-stream-danger strong { color: #d6a4a9; font-size: 8px; }
.news-stream-danger small { max-width: 230px; margin-top: 4px; color: #806f78; font-size: 7px; line-height: 1.45; }
.news-stream-danger button,.news-stream-archive button { padding: 0; border: 0; background: transparent; color: #cf9299; font: inherit; font-size: 8px; cursor: pointer; }
.news-stream-danger button:hover,.news-stream-archive button:hover { color: #ffd0d4; }
.news-stream-archive { margin-top: 12px; padding: 13px; border: 1px solid #3b424d; border-radius: 9px; background: #11161d; }
.news-stream-archive summary { color: #a6b0be; font-size: 8px; font-weight: 730; cursor: pointer; }
.news-stream-archive > div { display: grid; gap: 6px; margin-top: 10px; }
.news-stream-archive article { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px; border: 1px dashed #424957; border-radius: 7px; }
.news-stream-archive strong,.news-stream-archive small { display: block; }
.news-stream-archive strong { color: #bdc5d0; font-size: 8px; }
.news-stream-archive small { margin-top: 3px; color: #788493; font-size: 7px; }
.news-workspace { min-width: 0; padding: 25px; }
.news-workspace-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 2px 2px 21px; }
.news-workspace-head h2 { margin: 7px 0 5px; font-size: 27px; letter-spacing: -.045em; }
.news-workspace-head p:not(.eyebrow),.news-workspace-head > span { margin: 0; color: #8d98a7; font-size: 9px; }
.news-workspace-head > span { padding: 7px 9px; border: 1px solid #49473e; border-radius: 7px; background: #27251f; color: #c2af89; white-space: nowrap; }
.news-stream-health { margin-bottom: 14px; padding: 16px; border: 1px solid #4d4638; border-radius: 10px; background: linear-gradient(135deg,#211f1a,#171c24); }
.news-stream-health.ready { border-color: #315e4b; background: linear-gradient(135deg,#17251f,#171c24); }
.news-stream-health header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.news-stream-health h3 { margin: 5px 0 0; font-size: 15px; }
.news-stream-health header > span { min-width: 42px; padding: 7px 9px; border: 1px solid #5f5542; border-radius: 8px; color: #dfc38d; font-size: 10px; font-weight: 800; text-align: center; }
.news-stream-health.ready header > span { border-color: #3f735d; color: #87d5ad; }
.news-health-checks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 13px; }
.news-health-checks article { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 7px; align-items: center; min-width: 0; padding: 9px; border: 1px solid #343c48; border-radius: 7px; background: #111720; }
.news-health-checks article > b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #2e3540; color: #8693a4; font-size: 10px; }
.news-health-checks article.done > b { background: #214b3b; color: #82d2a8; }
.news-health-checks strong,.news-health-checks small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-health-checks strong { color: #c8d0db; font-size: 8px; }
.news-health-checks small { margin-top: 3px; color: #788696; font-size: 7px; }
.news-stream-health > p { margin: 12px 0 0; color: #929ead; font-size: 8px; }
.news-stream-health > p b { color: #cfb785; }
.news-tabs { display: flex; gap: 4px; padding: 5px; border: 1px solid #333b47; border-radius: 9px; background: #11161e; }
.news-tabs button { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 15px; border: 0; border-radius: 6px; background: transparent; color: #8e99a9; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; }
.news-tabs button:hover { color: #dce3ec; }
.news-tabs button.active { background: #2a313d; color: #eef1f5; box-shadow: 0 1px 5px #0004; }
.news-tabs button span { min-width: 19px; padding: 3px 5px; border-radius: 99px; background: #151b24; color: #b4a37f; font-size: 8px; text-align: center; }
.news-tab-body { padding-top: 18px; }
.news-work-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,270px); gap: 13px; align-items: start; }
.news-panel { padding: 20px; border: 1px solid #353e4a; border-radius: 11px; background: #1b222c; }
.news-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.news-panel h3 { margin: 6px 0 0; font-size: 17px; letter-spacing: -.03em; }
.news-panel-head .button { min-height: 36px; padding: 0 12px; font-size: 9px; }
.news-source-toolbar { display: grid; justify-items: end; gap: 8px; }
.news-archive-all { padding: 0; border: 0; background: transparent; color: #8f9baa; font: inherit; font-size: 8px; cursor: pointer; }
.news-archive-all:hover { color: #d9bd8d; }
.news-panel-lead { max-width: 560px; margin: 7px 0 0; color: #8f9bab; font-size: 9px; line-height: 1.55; }
.news-source-list { display: grid; gap: 7px; }
.news-source-list article { display: grid; grid-template-columns: 39px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid #363f4c; border-radius: 9px; background: #141a22; }
.news-source-list article.inactive { opacity: .58; border-style: dashed; }
.news-source-kind { width: 39px; height: 30px; display: grid; place-items: center; border: 1px solid #635a48; border-radius: 6px; background: #2e2a23; color: #d4bc8e; font-size: 8px; font-weight: 800; }
.news-source-list strong,.news-source-list a,.news-source-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-source-list strong { font-size: 11px; }
.news-source-list a { margin-top: 5px; color: #91a8cc; font-size: 8px; text-decoration: none; }
.news-source-list small { margin-top: 5px; color: #7f8b9a; font-size: 8px; }
.news-source-metrics { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.news-source-metrics span { padding: 4px 6px; border: 1px solid #343e4b; border-radius: 5px; background: #10161e; color: #8793a3; font-size: 7px; }
.news-source-metrics b { margin-left: 4px; color: #d8e0e9; font-size: 8px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #6d7580; }
.status-dot.good { background: #67c696; box-shadow: 0 0 10px #67c69650; }
.status-dot.bad { background: #d1717b; }
.news-add-source form { display: grid; gap: 11px; margin-top: 17px; }
.news-source-help { margin: 8px 0 0; color: #8f9aaa; font-size: 9px; line-height: 1.55; }
.news-source-formats { display: flex; flex-wrap: wrap; gap: 5px; }
.news-source-formats span { padding: 5px 7px; border: 1px solid #3e4856; border-radius: 99px; color: #9daabd; font-size: 8px; }
.news-source-actions { display: grid; justify-items: end; gap: 8px; }
.news-source-actions button { padding: 0; border: 0; background: transparent; color: #9aa8bb; font: inherit; font-size: 8px; cursor: pointer; }
.news-source-actions button:hover { color: #ead2a6; }
.news-bulk { margin-top: 17px; padding-top: 15px; border-top: 1px solid #353e4a; }
.news-bulk summary { color: #c9b58e; font-size: 9px; font-weight: 730; cursor: pointer; }
.news-bulk[open] summary { margin-bottom: 4px; }
.news-source-file { margin-top: 2px; }
.news-file-help { color: #7f8b9a; font-size: 8px; line-height: 1.5; }
.news-private-note { margin-top: 17px; padding: 11px 12px; border: 1px solid #3c4654; border-radius: 8px; background: #141a22; }
.news-private-note span { color: #d1bd98; font-size: 9px; font-weight: 740; }
.news-private-note p { margin: 5px 0 0; color: #8491a2; font-size: 8px; line-height: 1.55; }
.news-empty { display: grid; gap: 6px; padding: 20px; border: 1px dashed #3e4754; border-radius: 9px; color: #8f9bab; font-size: 10px; line-height: 1.5; }
.news-empty strong { color: #ced5df; font-size: 11px; }
.news-empty.large { min-height: 230px; place-content: center; text-align: center; }
.news-no-stream { min-height: 410px; place-content: center; text-align: center; }
.news-queue { display: grid; gap: 9px; }
.news-queue-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.news-queue-toolbar > div { display: flex; flex-wrap: wrap; gap: 5px; }
.news-queue-toolbar button { min-height: 31px; padding: 0 10px; border: 1px solid #3a4451; border-radius: 6px; background: #151b23; color: #8f9bab; font: inherit; font-size: 8px; cursor: pointer; }
.news-queue-toolbar button.active { border-color: #766747; background: #2b271f; color: #ddc38e; }
.news-queue-toolbar > span { color: #7f8b99; font-size: 8px; white-space: nowrap; }
.news-queue article { display: grid; grid-template-columns: 67px minmax(0,1fr); gap: 18px; padding: 20px; border: 1px solid #38414d; border-radius: 11px; background: linear-gradient(145deg,#1d242e,#171d25); }
.news-score { height: 67px; display: grid; place-content: center; border: 1px solid #655b47; border-radius: 10px; background: #2c2922; text-align: center; }
.news-score strong { color: #e1c994; font-size: 23px; }
.news-score small { color: #998d75; font-size: 8px; }
.news-item-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.news-item-meta > span { color: #8d99a8; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.news-item-meta > b { padding: 4px 6px; border: 1px solid #46505d; border-radius: 99px; color: #9ca8b7; font-size: 7px; white-space: nowrap; }
.news-item-meta > b.status-published { border-color: #35654f; color: #7bd0a4; }
.news-item-meta > b.status-rejected,.news-item-meta > b.status-failed { border-color: #6a3d45; color: #da8991; }
.news-item-meta > b.status-selected,.news-item-meta > b.status-rewrite_queued { border-color: #65583f; color: #d9bd82; }
.news-item-copy h3 { margin: 7px 0 8px; font-size: 15px; line-height: 1.35; }
.news-item-copy > p { margin: 0; color: #a3adba; font-size: 10px; line-height: 1.6; }
.news-item-copy > a { display: inline-block; margin-top: 12px; color: #b9c8df; font-size: 9px; text-decoration: none; }
.news-card-text { white-space: pre-wrap; }
.news-card-links { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
.news-card-links button,.news-card-links a { padding: 0; border: 0; background: none; color: #c5d3e7; font: inherit; font-size: 9px; font-weight: 720; text-decoration: none; cursor: pointer; }
.news-card-links button:hover,.news-card-links a:hover { color: #efd5a4; }
.news-queue-card.expanded { border-color: #766747; box-shadow: 0 24px 70px #05070b38,inset 0 1px #d8bb7b18; }
.news-card-workbench { grid-column: 1 / -1; display: grid; gap: 16px; margin-top: 19px; padding-top: 19px; border-top: 1px solid #394452; }
.news-card-workbench .news-review-actions { padding: 0; }
.news-card-workbench .news-note-form,.news-card-workbench .news-processing,.news-card-workbench .news-challenge-result { margin: 0; }
.news-card-workbench .news-post-editor,.news-card-workbench .news-approved-panel { margin: 0; }
.news-card-actions { grid-template-columns: repeat(3,minmax(0,1fr)); }
.news-card-actions.single { grid-template-columns: minmax(180px,320px); }
.news-delete { min-height: 46px; padding: 0 15px; border: 1px solid #74464d; border-radius: 9px; background: #26191d; color: #e0a0a8; font: inherit; font-size: 9px; font-weight: 720; cursor: pointer; }
.news-delete:hover { border-color: #a35e68; background: #321d22; }
.news-album-note { margin: 0; padding: 11px 13px; border-left: 2px solid #a78c59; background: #a78c590b; color: #9da8b6; font-size: 8px; line-height: 1.55; }
.news-original-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.news-original-gallery figure { position: relative; min-width: 0; height: 210px; margin: 0; overflow: hidden; border: 1px solid #404a58; border-radius: 11px; background: #0b1118; }
.news-original-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; }
.news-original-gallery figcaption { position: absolute; right: 8px; bottom: 8px; padding: 4px 6px; border: 1px solid #ffffff1d; border-radius: 99px; background: #070b11dc; color: #d8dee7; font-size: 7px; }
.news-original-gallery.count-1 { grid-template-columns: minmax(0,1fr); }
.news-original-gallery.count-1 figure { height: min(42vw,460px); }
.news-original-gallery.review { grid-template-columns: repeat(2,minmax(0,1fr)); align-self: start; }
.news-original-gallery.review figure { height: 150px; }
.news-original-gallery.review.count-1 figure { height: 260px; }
.news-original-gallery.editor { position: relative; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 13px; padding: 9px; border: 1px solid #3e4855; border-radius: 12px; background: #090f16; }
.news-original-gallery.editor figure { height: 180px; }
.news-reasons { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 11px; }
.news-reasons em { padding: 5px 7px; border: 1px solid #414a56; border-radius: 99px; color: #9eabba; font-size: 8px; font-style: normal; }
.news-queue-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; }
.news-queue-pagination button { width: 34px; height: 32px; border: 1px solid #414b58; border-radius: 6px; background: #171e27; color: #c5cfdb; font: inherit; cursor: pointer; }
.news-queue-pagination button:disabled { opacity: .35; cursor: default; }
.news-queue-pagination span { color: #8995a4; font-size: 8px; }
.news-selection-reasons { align-items: center; margin: 12px 0 16px; }
.news-selection-reasons b { margin-right: 3px; color: var(--gold); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.news-run-list { display: grid; gap: 8px; }
.news-status-stats { margin-bottom: 10px; padding: 17px; border: 1px solid #39434f; border-radius: 10px; background: #171e27; }
.news-status-stats header { display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.news-status-stats h3 { margin: 5px 0 0; font-size: 14px; }
.news-status-stats header > span { color: #778493; font-size: 7px; }
.news-status-stats > div { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 6px; margin-top: 13px; }
.news-status-stats article { padding: 10px; border: 1px solid #333d49; border-radius: 7px; background: #111720; }
.news-status-stats strong,.news-status-stats article span { display: block; }
.news-status-stats strong { color: #e3e8ef; font-size: 16px; }
.news-status-stats article span { margin-top: 4px; overflow: hidden; color: #7f8c9b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.news-history-heading { margin: 18px 2px 10px; }
.news-history-heading h3 { margin: 5px 0 0; font-size: 14px; }
.news-run-list article { display: grid; grid-template-columns: 9px minmax(150px,1fr) minmax(280px,1.2fr); gap: 13px; align-items: center; padding: 15px; border: 1px solid #37404c; border-radius: 9px; background: #181f28; }
.run-status { width: 8px; height: 8px; border-radius: 50%; background: #7d8692; }
.run-status.succeeded { background: #68c696; }.run-status.failed { background: #cf747d; }
.news-run-list strong,.news-run-list small { display: block; }
.news-run-list strong { font-size: 10px; }.news-run-list small { margin-top: 4px; color: #8591a0; font-size: 8px; }
.news-run-list dl { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin: 0; }
.news-run-list dl div { padding: 8px; border-radius: 6px; background: #111720; }
.news-run-list dt { color: #788595; font-size: 7px; }.news-run-list dd { margin: 3px 0 0; color: #dce3ec; font-size: 12px; }
.news-run-list article > p { grid-column: 2/-1; margin: 0; color: #d08b94; font-size: 9px; }
.news-support-export { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 10px; padding: 16px; border: 1px solid #4a4438; border-radius: 9px; background: #1d1d1b; }
.news-support-export strong,.news-support-export span { display: block; }
.news-support-export strong { margin-top: 5px; font-size: 11px; }
.news-support-export span { margin-top: 5px; color: #8995a4; font-size: 8px; line-height: 1.5; }
.news-support-export .button { flex: 0 0 auto; }

.news-review-list { display: grid; gap: 16px; }
.news-review-card { position: relative; overflow: hidden; border: 1px solid #434c59; border-radius: 16px; background: radial-gradient(620px 260px at 100% 0,#ae895b12,transparent 65%),linear-gradient(145deg,#202733,#171d26); box-shadow: 0 24px 60px #05070b26; }
.news-review-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 180px; height: 1px; background: linear-gradient(90deg,#e3c990,transparent); }
.news-review-card > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; border-bottom: 1px solid #38414d; }
.news-review-card > header p { margin: 8px 0 0; color: #8e99a8; font-size: 10px; }
.news-ai-state { display: inline-flex; align-items: center; gap: 7px; color: #c3b089; font-size: 9px; font-weight: 780; letter-spacing: .04em; text-transform: uppercase; }
.news-ai-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #d0ad6c; box-shadow: 0 0 15px #d0ad6c66; }
.news-ai-state.free { color: #8ed2ad; }
.news-ai-state.free::before { background: #6bc99b; box-shadow: 0 0 15px #6bc99b6b; }
.news-ai-state.queued { color: #d6bd8d; }
.news-ai-state.queued::before { background: #d2a95f; animation: news-state-pulse 1.8s ease-in-out infinite; }
.news-ai-state.ready { color: #9ebfe9; }
.news-ai-state.ready::before { background: #82aee7; box-shadow: 0 0 15px #82aee766; }
.news-ai-state.approved { color: #8ed2ad; }
.news-ai-state.approved::before { background: #6bc99b; box-shadow: 0 0 15px #6bc99b6b; }
@keyframes news-state-pulse { 50% { opacity: .42; box-shadow: 0 0 20px #d2a95f22; } }
.news-review-score { min-width: 66px; padding: 10px 12px; border: 1px solid #5c5445; border-radius: 11px; background: #2d2922; text-align: center; }
.news-review-score strong,.news-review-score small { display: block; }
.news-review-score strong { color: #e6cc98; font-size: 22px; line-height: 1; }
.news-review-score small { margin-top: 4px; color: #948872; font-size: 8px; }
.news-review-body { display: grid; grid-template-columns: minmax(220px,32%) minmax(0,1fr); gap: 25px; padding: 24px; }
.news-review-media { min-height: 210px; overflow: hidden; border: 1px solid #404955; border-radius: 12px; background: #111720; }
.news-review-media img { width: 100%; height: 100%; min-height: 210px; display: block; object-fit: cover; }
.news-review-media.empty { display: grid; place-items: center; background: radial-gradient(circle at 50% 35%,#344052,#131922 65%); color: #778494; font-size: 10px; }
.news-review-copy { min-width: 0; align-self: center; }
.news-review-copy > span { color: #9b8f78; font-size: 9px; font-weight: 720; letter-spacing: .07em; text-transform: uppercase; }
.news-review-copy h3 { max-width: 770px; margin: 11px 0 13px; color: #f1f2f3; font-size: clamp(20px,2.15vw,30px); font-weight: 620; letter-spacing: -.035em; line-height: 1.12; }
.news-review-copy p { max-width: 780px; margin: 0; color: #b0bac7; font-size: 12px; line-height: 1.72; white-space: pre-line; }
.news-review-copy a { display: inline-flex; margin-top: 15px; color: #bdcbe0; font-size: 10px; font-weight: 700; text-decoration: none; }
.news-review-copy a:hover { color: #efd5a4; }
.news-review-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 0 24px 24px; }
.news-review-actions .button,.news-review-actions .news-reject { min-height: 46px; padding: 0 15px; border-radius: 9px; font-size: 10px; }
.news-reject { border: 1px solid #594148; background: #251b20; color: #d79aa4; font: inherit; font-weight: 720; cursor: pointer; }
.news-reject:hover { border-color: #8d5862; background: #302026; }
.news-author-note { margin: 0 24px 20px; padding: 15px 17px; border: 1px solid #5d533f; border-radius: 10px; background: #28241d; color: #d6c9b0; font-size: 11px; line-height: 1.65; }
.news-author-note span { display: block; margin-bottom: 5px; color: #a9946c; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.news-note-form { margin: 0 24px 24px; padding: 19px; border: 1px solid #5e5544; border-radius: 12px; background: #171c23; }
.news-note-form[hidden] { display: none; }
.news-note-form label { display: grid; gap: 8px; color: #d6dde6; font-size: 10px; font-weight: 720; }
.news-note-form textarea { width: 100%; min-height: 120px; padding: 13px 14px; border: 1px solid #46515f; border-radius: 9px; outline: none; background: #0f151d; color: #edf0f4; font: inherit; font-size: 11px; line-height: 1.6; resize: vertical; }
.news-note-form textarea:focus { border-color: #a69168; box-shadow: 0 0 0 3px #a691681c; }
.news-note-form label small { color: #818d9d; font-size: 8px; font-weight: 500; }
.news-note-form > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.news-processing { display: flex; align-items: center; gap: 13px; margin: 0 24px 24px; padding: 15px 17px; border: 1px solid #4c493f; border-radius: 11px; background: #22221f; }
.news-processing .news-loader { width: 23px; height: 23px; flex: none; border: 2px solid #a28f69; border-right-color: transparent; }
.news-processing strong { display: block; color: #e6d7b8; font-size: 11px; }
.news-processing p { margin: 4px 0 0; color: #929bab; font-size: 9px; line-height: 1.5; }
.news-processing.static { border-color: #3f4854; background: #171e27; }
.news-queued-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: -10px 24px 24px; padding: 13px 16px; border: 1px solid #343e4a; border-radius: 10px; background: #111821; }
.news-queued-tools > span { color: #8e99a8; font-size: 9px; line-height: 1.45; }
.news-queued-tools > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.news-queued-tools b { padding: 6px 8px; border: 1px solid #465162; border-radius: 7px; color: #c4ccd7; font-size: 8px; font-weight: 720; }
.news-challenge-result { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 15px; margin: 0 24px 20px; padding: 19px; border: 1px solid #4b5d72; border-radius: 12px; background: radial-gradient(320px 170px at 100% 0,#7095c217,transparent 70%),#161d26; }
.news-challenge-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #6988ad; border-radius: 50%; background: #24364a; color: #a8caef; font-weight: 800; }
.news-challenge-result h4 { margin: 7px 0 8px; color: #edf1f5; font-size: 17px; letter-spacing: -.025em; }
.news-challenge-result p:not(.eyebrow) { margin: 0; color: #aeb9c7; font-size: 10px; line-height: 1.65; white-space: pre-line; }
.news-challenge-result ul { display: grid; gap: 6px; margin: 12px 0 0; padding-left: 17px; color: #bec8d5; font-size: 9px; line-height: 1.55; }
.news-challenge-sources { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.news-challenge-sources a,.news-challenge-sources span { padding: 6px 8px; border: 1px solid #435269; border-radius: 6px; color: #a9bfdb; font-size: 8px; text-decoration: none; }
.news-challenge-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 13px; }
.news-challenge-meta span { padding: 7px 9px; border: 1px solid #425168; border-radius: 999px; background: #202b39; color: #aebfd4; font-size: 9px; }
.news-challenge-meta b { color: #eef4fb; }
.news-challenge-findings { display: grid; gap: 9px; margin-top: 14px; }
.news-challenge-findings article { padding: 12px 13px; border: 1px solid #354254; border-radius: 9px; background: #121922; }
.news-challenge-findings strong { display: block; margin-bottom: 5px; color: #e7edf4; font-size: 11px; }
.news-challenge-findings small { display: block; margin-top: 7px; color: #7f94ad; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.news-challenge-angle { margin-top: 14px; padding: 13px; border: 1px solid #6f6145; border-radius: 9px; background: #2b251b; }
.news-challenge-angle span { color: #d6bd86; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.news-challenge-angle p { margin-top: 6px !important; color: #e8dcc4 !important; }
.news-challenge-result details { margin-top: 13px; color: #8fa0b4; font-size: 9px; }
.news-challenge-result summary { cursor: pointer; }
.news-challenge-gate { flex: 1 1 100%; display: grid; gap: 4px; padding: 12px 14px; border: 1px solid #6a5840; border-radius: 9px; background: #241f18; }
.news-challenge-gate strong { color: #e2c58c; font-size: 11px; }
.news-challenge-gate span { color: #a99d89; font-size: 9px; line-height: 1.5; }
.news-review-actions.compact { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }

.news-post-editor { display: grid; gap: 18px; margin: 0 24px 24px; padding: 23px; border: 1px solid #4b5563; border-radius: 14px; background: radial-gradient(430px 220px at 100% 0,#a8865112,transparent 70%),#141a22; }
.news-editor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid #343d49; }
.news-editor-heading h3 { margin: 7px 0 5px; color: #f0f2f5; font-size: 22px; letter-spacing: -.04em; }
.news-editor-heading > div > p:last-child { margin: 0; color: #909baa; font-size: 9px; line-height: 1.55; }
.news-editor-heading > span { flex: none; padding: 7px 9px; border: 1px solid #554e40; border-radius: 99px; background: #28241d; color: #c2ad83; font-size: 8px; }
.news-final-copy { display: grid; gap: 8px; color: #d8dee7; font-size: 10px; font-weight: 730; }
.news-final-copy textarea { width: 100%; min-height: 270px; padding: 16px; border: 1px solid #45505e; border-radius: 10px; outline: none; background: #0d131b; color: #eef1f4; font: inherit; font-size: 12px; line-height: 1.72; resize: vertical; }
.news-final-copy textarea:focus,.news-photo-url input:focus,.news-button-row input:focus { border-color: #a38e66; box-shadow: 0 0 0 3px #a38e661b; }
.news-final-copy > small { color: #7f8a99; font-size: 8px; font-weight: 500; text-align: right; }
.news-final-copy > small b { color: #b9c2ce; }
.news-media-editor,.news-buttons-editor { min-width: 0; margin: 0; padding: 18px; border: 1px solid #37414e; border-radius: 11px; background: #111720; }
.news-media-editor > legend { padding: 0 7px; color: #dce2ea; font-size: 10px; font-weight: 780; }
.news-media-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.news-media-option { position: relative; min-height: 82px; display: flex; align-items: flex-start; gap: 9px; padding: 13px; border: 1px solid #3c4654; border-radius: 9px; background: #171e28; cursor: pointer; transition: border-color .18s,background .18s,transform .18s; }
.news-media-option:hover { border-color: #657386; transform: translateY(-1px); }
.news-media-option.active { border-color: #9e895f; background: #26231e; box-shadow: inset 0 0 0 1px #9e895f2b; }
.news-media-option > input { width: 14px; height: 14px; flex: none; margin: 2px 0 0; accent-color: #c9ad77; }
.news-media-option > span { display: grid; gap: 4px; min-width: 0; }
.news-media-option b { color: #dfe4eb; font-size: 9px; }
.news-media-option small { color: #7f8b9a; font-size: 8px; line-height: 1.4; }
.news-media-option > em { position: absolute; top: 8px; right: 8px; color: #a99776; font-size: 6px; font-style: normal; text-transform: uppercase; letter-spacing: .06em; }
.news-media-option.disabled { opacity: .54; cursor: not-allowed; }
.news-media-option.disabled:hover { border-color: #3c4654; transform: none; }
.news-photo-url { display: none; gap: 7px; margin-top: 12px; color: #aeb8c6; font-size: 9px; font-weight: 720; }
.news-photo-url.active { display: grid; }
.news-photo-url input,.news-button-row input { width: 100%; min-width: 0; min-height: 41px; padding: 0 11px; border: 1px solid #404b59; border-radius: 8px; outline: none; background: #0d131b; color: #edf0f4; font: inherit; font-size: 9px; }
.news-photo-url small,.news-buttons-editor > small { color: #788493; font-size: 8px; font-weight: 500; line-height: 1.5; }
.news-media-current { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 9px 11px; border-radius: 7px; background: #19212b; }
.news-media-current span { color: #7e8997; font-size: 8px; }
.news-media-current a { color: #b7c6dc; font-size: 8px; text-decoration: none; }
.news-media-stage { position: relative; min-height: 280px; margin-bottom: 13px; overflow: hidden; border: 1px solid #3e4855; border-radius: 12px; background: #090f16; }
.news-media-stage > img { width: 100%; height: min(44vw,460px); min-height: 280px; display: block; object-fit: contain; background: radial-gradient(circle at 50% 25%,#273242,#090f16 70%); }
.news-media-stage.empty { display: grid; place-items: center; background: radial-gradient(circle at 50% 25%,#283344,#101722 68%); }
.news-media-stage.empty > div { display: grid; gap: 6px; padding: 50px 20px; text-align: center; }
.news-media-stage.empty span { color: #d7dde5; font-size: 13px; font-weight: 760; }
.news-media-stage.empty small { color: #7f8b99; font-size: 9px; }
.news-media-choice { position: absolute; right: 10px; bottom: 10px; padding: 6px 8px; border: 1px solid #ffffff19; border-radius: 99px; background: #090d13db; color: #c7d0dc !important; font-size: 7px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; backdrop-filter: blur(12px); }
.news-media-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.news-media-actions > button,.news-media-upload { min-height: 44px; display: grid; place-items: center; margin: 0; padding: 0 12px; border: 1px solid #465261; border-radius: 8px; background: #18212c; color: #dce2e9; font: inherit; font-size: 9px; font-weight: 760; text-align: center; cursor: pointer; }
.news-media-actions > button:hover,.news-media-upload:hover { border-color: #8c7b59; background: #23241f; }
.news-media-actions > button:disabled,.news-media-upload.busy { opacity: .5; cursor: not-allowed; }
.news-media-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.news-media-progress { position: relative; min-height: 36px; margin-top: 9px; overflow: hidden; border: 1px solid #384658; border-radius: 8px; background: #131b26; }
.news-media-progress > span { position: absolute; inset: 0 auto 0 0; display: block; background: linear-gradient(90deg,#506f9f55,#89a9dd65); transition: width .2s ease; }
.news-media-progress > p { position: relative; z-index: 1; margin: 0; padding: 10px 12px; color: #c4cfdd; font-size: 8px; font-weight: 680; }
.news-media-progress.error { border-color: #71434b; background: #25171b; }
.news-media-progress.error > span { background: #9b556033; }
.news-media-progress.error > p { color: #e9b5bc; }
.news-media-pending { display: flex; align-items: center; gap: 10px; margin-top: 9px; padding: 11px 12px; border: 1px solid #66583c; border-radius: 8px; background: #282216; }
.news-media-pending .news-loader { width: 16px; height: 16px; flex: none; }
.news-media-pending p { margin: 0; color: #cdbc98; font-size: 8px; line-height: 1.5; }
.news-media-library { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.news-media-asset { min-width: 0; display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 10px; align-items: center; padding: 7px; overflow: hidden; border: 1px solid #3d4856; border-radius: 9px; background: #151d27; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.news-media-asset:hover { border-color: #667487; }
.news-media-asset.active { border-color: #a58c5e; background: #27231b; box-shadow: inset 0 0 0 1px #a58c5e2e; }
.news-media-asset img { width: 72px; height: 58px; display: block; border-radius: 6px; object-fit: cover; background: #0b1017; }
.news-media-asset > span { min-width: 0; display: grid; gap: 4px; }
.news-media-asset b { overflow: hidden; color: #dce2e9; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.news-media-asset small { color: #7d8998; font-size: 7px; }
.news-media-asset em { grid-column: 1 / -1; padding: 1px 3px 3px; color: #bda77b; font-size: 7px; font-style: normal; text-align: right; }
.news-media-ai-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #303945; }
.news-media-ai-options button { display: grid; gap: 4px; padding: 11px 12px; border: 1px dashed #3d4652; border-radius: 8px; background: #141a22; font: inherit; text-align: left; opacity: .62; }
.news-media-ai-options b { color: #b9c1cc; font-size: 8px; }
.news-media-ai-options small { color: #717c8a; font-size: 7px; }
.news-image-generation { margin-top: 14px; padding: 16px; border: 1px solid #3b4654; border-radius: 11px; background: linear-gradient(145deg,#171f2a,#111720 72%); }
.news-image-generation.disabled { border-style: dashed; background: #131922; }
.news-image-generation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.news-image-generation-head h4 { margin: 2px 0 5px; color: #e3e8ef; font-size: 15px; }
.news-image-generation-head p:not(.eyebrow) { max-width: 580px; margin: 0; color: #8490a0; font-size: 8px; line-height: 1.55; }
.news-image-generation-head > span { flex: none; padding: 6px 9px; border: 1px solid #486651; border-radius: 99px; background: #16251d; color: #99d2a7; font-size: 7px; font-weight: 760; }
.news-image-generation.disabled .news-image-generation-head > span { border-color: #554d3c; background: #241f16; color: #c4ad7d; }
.news-image-generation-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.news-image-generation label { display: grid; gap: 6px; color: #939eac; font-size: 8px; font-weight: 690; }
.news-image-generation select,.news-image-generation textarea { width: 100%; border: 1px solid #3c4857; border-radius: 8px; background: #101721; color: #dce2e9; font: inherit; }
.news-image-generation select { min-height: 41px; padding: 0 10px; }
.news-image-generation textarea { min-height: 76px; padding: 10px 11px; line-height: 1.5; resize: vertical; }
.news-image-generation select:disabled,.news-image-generation textarea:disabled { opacity: .55; cursor: not-allowed; }
.news-image-prompt { margin-top: 10px; }
.news-image-prompt small { color: #707c8b; font-size: 7px; font-weight: 500; }
.news-image-generation-actions { display: flex; align-items: stretch; justify-content: flex-end; gap: 8px; margin-top: 11px; }
.news-image-generation-actions .news-media-upload { min-width: 180px; }
.news-image-generation-actions .button { min-width: 210px; margin: 0; }
.news-image-job-list { display: grid; gap: 8px; margin-top: 13px; padding-top: 13px; border-top: 1px solid #303945; }
.news-image-job { min-width: 0; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 10px; align-items: center; padding: 8px; border: 1px solid #364251; border-radius: 9px; background: #111923; }
.news-image-job > img,.news-image-job-mark { width: 54px; height: 46px; display: block; border-radius: 6px; object-fit: cover; background: linear-gradient(135deg,#263349,#151c27); }
.news-image-job.queued .news-image-job-mark,.news-image-job.running .news-image-job-mark { position: relative; overflow: hidden; }
.news-image-job.queued .news-image-job-mark::after,.news-image-job.running .news-image-job-mark::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg,transparent,#7597cb44,transparent); animation: news-media-shimmer 1.4s infinite; }
.news-image-job.succeeded { border-color: #456750; background: #132219; }
.news-image-job.failed,.news-image-job.cancelled { border-color: #633f46; background: #21161a; }
.news-image-job > div { min-width: 0; display: grid; gap: 3px; }
.news-image-job strong { color: #dce3eb; font-size: 9px; }
.news-image-job p { margin: 0; overflow: hidden; color: #8e9aa9; font-size: 8px; line-height: 1.4; text-overflow: ellipsis; }
.news-image-job small { color: #6f7b89; font-size: 7px; }
@keyframes news-media-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.news-fieldset-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 10px; }
.news-fieldset-head strong { color: #dce2ea; font-size: 10px; }
.news-fieldset-head button { border: 0; background: transparent; color: #c8b183; font: inherit; font-size: 8px; font-weight: 750; cursor: pointer; }
.news-fieldset-head button:disabled { opacity: .4; cursor: not-allowed; }
.news-button-rows { display: grid; gap: 7px; margin-bottom: 9px; }
.news-button-row { display: grid; grid-template-columns: 28px minmax(130px,.8fr) minmax(190px,1.2fr) 30px; gap: 8px; align-items: end; }
.news-button-row > span { align-self: center; color: #7f8a99; font-size: 8px; font-variant-numeric: tabular-nums; }
.news-button-row label { display: grid; gap: 5px; color: #8f9aa8; font-size: 7px; font-weight: 700; }
.news-button-row > button { width: 30px; height: 41px; border: 1px solid #4d3c42; border-radius: 7px; background: #24191e; color: #c98d99; font: inherit; font-size: 16px; cursor: pointer; }
.news-editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-top: 4px; }
.news-editor-footer > div { max-width: 560px; }
.news-editor-footer strong,.news-editor-footer span { display: block; }
.news-editor-footer strong { color: #d7c39b; font-size: 9px; }
.news-editor-footer span { margin-top: 4px; color: #7f8b99; font-size: 8px; line-height: 1.5; }
.news-editor-footer .button { flex: none; }
.news-editor-actions { max-width: none !important; display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.news-editor-actions .button { min-height: 43px; }
.news-publish-readiness { display: grid; gap: 12px; padding: 17px; border: 1px solid #514a3b; border-radius: 11px; background: #1b1a16; }
.news-publish-readiness.ready { border-color: #3d6954; background: #151e19; }
.news-publish-readiness > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.news-publish-readiness > header strong { display: block; margin-top: 5px; color: #e4d1a8; font-size: 13px; }
.news-publish-readiness.ready > header strong { color: #a8d9bd; }
.news-publish-readiness > header > span { padding: 6px 8px; border: 1px solid #5d523b; border-radius: 7px; color: #d4bb87; font-size: 9px; font-weight: 800; }
.news-publish-readiness.ready > header > span { border-color: #46725c; color: #91c8aa; }
.news-publish-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.news-publish-checks article { min-width: 0; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #3c4652; border-radius: 8px; background: #121820; }
.news-publish-checks article.missing { border-color: #6a5540; background: #211c16; }
.news-publish-checks article.ready { border-color: #365344; background: #141c18; }
.news-publish-checks article > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #493a28; color: #e2bd77; font-size: 11px; font-style: normal; font-weight: 850; }
.news-publish-checks article.ready > i { background: #224535; color: #82d0a4; }
.news-publish-checks article strong,.news-publish-checks article span { display: block; }
.news-publish-checks article strong { color: #dce2e8; font-size: 9px; }
.news-publish-checks article span { margin-top: 3px; color: #84909f; font-size: 8px; line-height: 1.35; }
.news-publish-checks article > button,.news-publish-checks article > a { padding: 7px 9px; border: 1px solid #75613f; border-radius: 7px; background: #302819; color: #e0c185; font: inherit; font-size: 8px; font-weight: 760; text-decoration: none; cursor: pointer; }
.news-button-row.incomplete input { border-color: #8b594f; box-shadow: 0 0 0 2px #8b594f18; }
.news-publish-submit:disabled { border-color: #495361; background: #303a49; color: #9da8b8; opacity: 1; }

.news-approved-panel { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 18px; margin: 0 24px 24px; padding: 22px; border: 1px solid #456555; border-radius: 13px; background: radial-gradient(360px 180px at 100% 0,#65b08615,transparent 70%),#15201b; }
.news-approved-mark { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid #5a9876; border-radius: 50%; background: #203b2e; color: #8bd0a9; font-size: 22px; }
.news-approved-content h3 { margin: 7px 0 6px; color: #edf2ef; font-size: 20px; letter-spacing: -.035em; }
.news-approved-content > p:not(.eyebrow) { margin: 0; color: #92a79b; font-size: 9px; line-height: 1.6; }
.news-approved-preview { display: grid; gap: 10px; margin-top: 17px; padding: 17px; border: 1px solid #34483e; border-radius: 10px; background: #101813; }
.news-approved-preview > div { color: #d9e2dc; font-size: 11px; line-height: 1.7; white-space: pre-line; }
.news-approved-preview > a,.news-approved-preview > span { color: #8fb6a1; font-size: 8px; text-decoration: none; }
.news-approved-preview > img { width: min(100%,680px); max-height: 420px; display: block; border-radius: 9px; object-fit: contain; background: #0a100c; }
.news-approved-preview nav { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 10px; border-top: 1px solid #2c3d34; }
.news-approved-preview nav a { padding: 7px 10px; border: 1px solid #42604f; border-radius: 7px; color: #a8cab7; font-size: 8px; text-decoration: none; }
.news-publication-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.news-approved-panel.publication-pending,.news-approved-panel.publication-leased,.news-approved-panel.publication-attempting { border-color: #536584; background: radial-gradient(360px 180px at 100% 0,#7293d515,transparent 70%),#161c28; }
.news-approved-panel.publication-pending .news-approved-mark,.news-approved-panel.publication-leased .news-approved-mark,.news-approved-panel.publication-attempting .news-approved-mark { border-color: #708ab9; background: #202d43; color: #9cb8e8; }
.news-approved-panel.publication-failed { border-color: #704650; background: radial-gradient(360px 180px at 100% 0,#c0657417,transparent 70%),#21171b; }
.news-approved-panel.publication-failed .news-approved-mark { border-color: #a45c6b; background: #3b2027; color: #e79eaa; }
.news-approved-panel.publication-uncertain { border-color: #7b6542; background: radial-gradient(360px 180px at 100% 0,#d1a35418,transparent 70%),#231e16; }
.news-approved-panel.publication-uncertain .news-approved-mark { border-color: #aa8950; background: #3b3020; color: #e8c37e; }
.news-review-empty { min-height: 470px; display: grid; justify-items: center; place-content: center; padding: 55px 30px; border: 1px solid #3d4653; border-radius: 16px; background: radial-gradient(420px 280px at 50% 42%,#313b4b80,transparent 72%),#151b23; text-align: center; }
.news-review-empty h3 { margin: 9px 0 10px; font-size: clamp(26px,3vw,38px); letter-spacing: -.045em; }
.news-review-empty > p:not(.eyebrow) { max-width: 590px; margin: 0 0 23px; color: #a0aaba; font-size: 12px; line-height: 1.7; }
.news-review-empty > small { margin-top: 12px; color: #7f8a99; font-size: 9px; }
.news-orbit { width: 96px; height: 96px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid #6a604c; border-radius: 50%; background: radial-gradient(circle,#353c47 0 31%,#222832 32% 51%,#161c24 52%); box-shadow: 0 0 70px #a5895430; }
.news-orbit span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #5f6b7a; border-radius: 12px; background: #252e3b; color: #dcc28e; transform: rotate(-6deg); }
.news-orbit svg { width: 22px; }
.news-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: start; }
.news-settings-card { display: grid; gap: 17px; padding: 24px; border: 1px solid #3d4652; border-radius: 14px; background: radial-gradient(400px 180px at 100% 0,#a8875112,transparent 70%),#1a212a; }
.news-settings-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid #37404c; }
.news-settings-head.compact { align-items: center; margin-top: 5px; padding-top: 18px; border-top: 1px solid #37404c; border-bottom: 0; padding-bottom: 0; }
.news-settings-head h3 { margin: 7px 0 0; font-size: 19px; letter-spacing: -.035em; }
.news-settings-head > span { padding: 6px 8px; border: 1px solid #4a4b45; border-radius: 99px; color: #aa9a7e; font-size: 8px; white-space: nowrap; }
.news-settings-card > label,.news-form-row label { display: grid; gap: 7px; color: #aeb8c6; font-size: 9px; font-weight: 720; }
.news-settings-card input,.news-settings-card select,.news-settings-card textarea { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #424c5a; border-radius: 8px; outline: none; background: #10161e; color: #edf0f4; font: inherit; font-size: 10px; }
.news-settings-card textarea { min-height: 128px; padding: 12px; line-height: 1.6; resize: vertical; }
.news-settings-card input:focus,.news-settings-card select:focus,.news-settings-card textarea:focus { border-color: #9f8a63; box-shadow: 0 0 0 3px #9f8a631b; }
.news-settings-card label small { color: #7f8a99; font-size: 8px; font-weight: 500; line-height: 1.45; }
.news-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.news-settings-card > .button { justify-self: start; min-height: 43px; }
.news-prompt-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: -5px; }
.news-prompt-tools button,.news-prompt-file { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; border: 1px solid #465160; border-radius: 8px; background: #121923; color: #cbd3de; font-size: 9px; font-weight: 720; cursor: pointer; }
.news-prompt-tools button:hover,.news-prompt-file:hover { border-color: #9f8a63; color: #f1dfb7; }
.news-prompt-tools button:disabled { opacity: .38; cursor: default; }
.news-prompt-file { position: relative; overflow: hidden; }
.news-prompt-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.news-prompt-tools > small { flex-basis: 100%; color: #7f8a99; font-size: 8px; line-height: 1.5; }
.news-publication-channel { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr) auto; align-items: end; }
.news-publication-channel .news-settings-head,.news-publication-channel > p,.news-publication-channel .news-reviewer-empty { grid-column: 1 / -1; }
.news-publication-channel > p { max-width: 780px; margin: 0; color: #929ead; font-size: 9px; line-height: 1.6; }
.news-publication-channel > label { min-width: 0; }
.news-publication-channel > .button { align-self: end; white-space: nowrap; }
.news-switch { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 8px !important; cursor: pointer; }
.news-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.news-switch i { position: relative; width: 38px; height: 22px; border: 1px solid #4d5765; border-radius: 99px; background: #111720; transition: .2s; }
.news-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #778391; transition: .2s; }
.news-switch input:checked + i { border-color: #637d6f; background: #1f392e; }
.news-switch input:checked + i::after { left: 19px; background: #78c79f; box-shadow: 0 0 12px #78c79f55; }
.news-switch span { color: #9ca7b5; font-size: 9px; }
.news-reviewer-connect { display: grid; gap: 13px; padding: 17px; border: 1px solid #465365; border-radius: 11px; background: linear-gradient(145deg,#141b24,#11171f); }
.news-reviewer-connect-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.news-reviewer-connect-head h4 { margin: 6px 0 0; color: #e6eaf0; font-size: 14px; line-height: 1.25; letter-spacing: -.025em; }
.news-reviewer-connect-head > span { flex: none; padding: 5px 8px; border: 1px solid #4c665b; border-radius: 99px; background: #1a2c25; color: #8fceb0; font-size: 7px; }
.news-reviewer-connect > label { display: grid; gap: 7px; color: #b8c2cf; font-size: 9px; font-weight: 720; }
.news-reviewer-connect > label small { color: #7f8b9a; font-size: 8px; font-weight: 500; line-height: 1.5; }
.news-reviewer-empty { margin: 0; color: #8e9aaa; font-size: 9px; line-height: 1.6; }
.news-reviewer-list { display: grid; gap: 7px; }
.news-reviewer-list article { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px; border: 1px solid #364250; border-radius: 8px; background: #19212b; }
.news-reviewer-list article > span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #536781; border-radius: 8px; background: #28384c; color: #dce8f6; font-size: 11px; font-weight: 760; }
.news-reviewer-list strong,.news-reviewer-list small { display: block; }
.news-reviewer-list strong { color: #dce3eb; font-size: 9px; }
.news-reviewer-list small { margin-top: 3px; color: #8290a1; font-size: 7px; }
.news-reviewer-list .text-button { font-size: 7px; }
.news-reviewer-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.news-reviewer-actions .button { min-height: 38px; font-size: 8px; }
.news-reviewer-actions .text-button { font-size: 8px; }
.news-reviewer-invite { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; align-items: center; padding: 12px; border: 1px solid #6d5c3d; border-radius: 9px; background: #2a241a; }
.news-reviewer-invite div { min-width: 0; }
.news-reviewer-invite small,.news-reviewer-invite code { display: block; }
.news-reviewer-invite small { color: #c6aa76; font-size: 7px; font-weight: 780; letter-spacing: .08em; }
.news-reviewer-invite code { overflow: hidden; margin-top: 5px; color: #aaa18f; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.news-reviewer-invite .button { min-height: 36px; padding: 0 11px; font-size: 8px; }

@media (max-width: 1100px) {
  .product-hero { min-height: 0; grid-template-columns: 1fr; }
  .product-hero-mark { display: none; }
  .product-module-grid { grid-template-columns: 1fr; }
  .news-studio { grid-template-columns: 1fr; }
  .news-streams { position: static; }
  .news-work-grid { grid-template-columns: 1fr; }
  .news-settings-grid { grid-template-columns: 1fr; }
  .news-health-checks { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-status-stats > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .news-kpis { grid-template-columns: repeat(2,1fr); }
  .news-onboarding,.news-workspace-head,.news-panel-head { align-items: flex-start; flex-direction: column; }
  .news-workspace { padding: 17px; }
  .news-tabs { overflow-x: auto; }
  .news-tabs button { flex: none; }
  .news-queue article { grid-template-columns: 1fr; }
  .news-queue-toolbar { align-items: flex-start; flex-direction: column; }
  .news-item-meta { align-items: flex-start; flex-direction: column; }
  .news-score { width: 67px; }
  .news-run-list article { grid-template-columns: 9px 1fr; }
  .news-run-list dl { grid-column: 2; grid-template-columns: repeat(2,1fr); }
  .news-review-card > header { padding: 18px; }
  .news-review-body { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
  .news-review-media,.news-review-media img { min-height: 190px; max-height: 280px; }
  .news-review-actions { grid-template-columns: 1fr; padding: 0 18px 18px; }
  .news-card-actions { grid-template-columns: 1fr; }
  .news-original-gallery,.news-original-gallery.review,.news-original-gallery.editor { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-original-gallery figure,.news-original-gallery.review figure,.news-original-gallery.editor figure { height: 160px; }
  .news-note-form,.news-processing { margin: 0 18px 18px; }
  .news-queued-tools { align-items: flex-start; flex-direction: column; margin: -6px 18px 18px; }
  .news-queued-tools > div { justify-content: flex-start; }
  .news-author-note { margin: 0 18px 18px; }
  .news-review-empty { min-height: 390px; padding: 42px 20px; }
  .news-form-row { grid-template-columns: 1fr; }
  .news-settings-card { padding: 19px; }
  .news-reviewer-connect-head { flex-direction: column; }
  .news-reviewer-invite { grid-template-columns: 1fr; }
  .news-challenge-result,.news-post-editor,.news-approved-panel { margin: 0 18px 18px; }
  .news-post-editor { padding: 18px; }
  .news-editor-heading,.news-editor-footer { align-items: flex-start; flex-direction: column; }
  .news-media-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-media-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-media-library { grid-template-columns: 1fr 1fr; }
  .news-image-generation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-button-row { grid-template-columns: 24px minmax(0,1fr) 30px; }
  .news-button-row label:nth-of-type(2) { grid-column: 2; }
  .news-button-row > button { grid-column: 3; grid-row: 1 / span 2; align-self: stretch; height: auto; }
  .news-editor-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .news-editor-footer .button { width: 100%; }
  .news-publish-checks { grid-template-columns: 1fr; }
  .news-publication-channel { grid-template-columns: 1fr; }
  .news-publication-channel > .button { width: 100%; }
  .news-support-export { align-items: flex-start; flex-direction: column; }
  .news-support-export .button { width: 100%; }
  .news-status-stats > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 460px) {
  .news-health-checks { grid-template-columns: 1fr; }
  .news-media-options { grid-template-columns: 1fr; }
  .news-original-gallery,.news-original-gallery.review,.news-original-gallery.editor { grid-template-columns: 1fr; }
  .news-original-gallery figure,.news-original-gallery.review figure,.news-original-gallery.editor figure { height: 220px; }
  .news-media-library,.news-media-ai-options { grid-template-columns: 1fr; }
  .news-media-stage,.news-media-stage > img { min-height: 210px; }
  .news-image-generation { padding: 13px; }
  .news-image-generation-head { display: grid; }
  .news-image-generation-head > span { justify-self: start; }
  .news-image-generation-grid { grid-template-columns: 1fr; }
  .news-image-generation-actions { display: grid; }
  .news-image-generation-actions .news-media-upload,.news-image-generation-actions .button { min-width: 0; width: 100%; }
  .news-approved-panel,.news-challenge-result { grid-template-columns: 1fr; }
  .news-approved-mark,.news-challenge-icon { width: 42px; height: 42px; }
}

/* Telegram connection */
.page-head { margin-bottom: 27px; }
.page-head h1 { margin: 10px 0 9px; font-size: clamp(33px, 3.5vw, 43px); font-weight: 640; letter-spacing: -.055em; line-height: 1.13; }
.page-head p:last-child { max-width: 620px; margin: 0; color: #abb5c4; font-size: 13px; line-height: 1.65; }
.page-error { max-width: 800px; }
.connection-layout { display: grid; gap: 18px; }
.connection-card, .guide-card { background: var(--surface); border: 1px solid #363d48; border-radius: 12px; }
.connection-card { position: relative; padding: 26px; overflow: hidden; }
.connection-card::before { content: ""; position: absolute; top: 0; left: 26px; width: 230px; height: 1px; background: linear-gradient(90deg, #cbb992a6, transparent); }
.connection-header { display: flex; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid #343b47; }
.telegram-icon { width: 49px; height: 49px; flex: none; display: grid; place-items: center; border: 1px solid #50718e; border-radius: 11px; background: #305d7b; color: #eaf5fb; }
.telegram-icon svg { width: 26px; height: 26px; }
.platform-title { font-size: 17px; font-weight: 720; }
.connection-header p { margin: 5px 0 0; color: #a1adbd; font-size: 11px; }
.status-pill { margin-left: auto; white-space: nowrap; padding: 7px 10px; border: 1px solid #645340; border-radius: 99px; background: #393128; color: #dac5a5; font-size: 10px; font-weight: 730; }
.status-pill b { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #d8bc88; }
.status-pill.success { border-color: #43745f; background: #1d3a2e; color: #b7e8d0; }
.status-pill.success b { background: var(--green); }
.form-section { padding-top: 22px; }
.form-section h2 { margin: 0 0 8px; font-size: 19px; font-weight: 680; letter-spacing: -.03em; }
.form-section > p { max-width: 650px; margin-bottom: 23px; color: #a8b2c1; font-size: 12px; line-height: 1.65; }
.form-section > p a { color: #c2d0ee; font-weight: 740; text-decoration: none; }
.form-section > p a:hover { text-decoration: underline; }
.form-section form { display: grid; }
.form-section label { margin-bottom: 9px; color: #d0d7e1; font-size: 12px; font-weight: 710; }
.token-field { position: relative; }
.token-field input { width: 100%; height: 53px; padding: 0 150px 0 15px; outline: none; border: 1px solid #4a5361; border-radius: 8px; background: #141922; color: var(--text); font-size: 14px; letter-spacing: .01em; }
.token-field span { position: absolute; right: 14px; top: 20px; color: #8995a7; font-size: 9px; font-weight: 760; letter-spacing: .13em; }
.form-section form > small { margin-top: 9px; color: #919eae; font-size: 11px; }
.form-section form .button { justify-self: start; margin-top: 21px; }
.connected-bot { display: flex; align-items: center; gap: 15px; padding: 24px 0; }
.bot-avatar { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid #4c6479; border-radius: 12px; background: #2c4558; color: #eaf4f8; font-size: 21px; font-weight: 740; }
.bot-identity { display: flex; flex-direction: column; gap: 4px; }
.bot-identity small { color: var(--gold); font-size: 9px; font-weight: 760; letter-spacing: .16em; }
.bot-identity strong { font-size: 17px; font-weight: 700; }
.bot-identity a { color: #b3c9ed; font-size: 12px; text-decoration: none; }
.bot-identity a:hover { text-decoration: underline; }
.verified-mark { width: 31px; height: 31px; margin-left: auto; display: grid; place-items: center; border-radius: 50%; background: #244936; color: #b7e9cd; }
.connection-card .text-button { margin-top: 8px; font-size: 11px; }

.guide-card { padding: 22px 26px; }
.guide-card h2 { margin: 9px 0 20px; font-size: 19px; font-weight: 670; letter-spacing: -.03em; }
.guide-card ol { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; margin: 0; padding: 0; }
.guide-card li { display: flex; gap: 9px; color: #aab5c4; font-size: 11px; line-height: 1.6; }
.guide-card li span { flex: none; color: var(--gold); font-size: 10px; font-weight: 800; }
.guide-card a { color: #b9c9ee; font-weight: 720; text-decoration: none; }
.guide-card a:hover { text-decoration: underline; }
.guide-card code { padding: 3px 5px; border: 1px solid #414a59; border-radius: 4px; background: #293243; color: #d8e2f6; font-size: 11px; }
.guide-note { display: flex; gap: 11px; margin-top: 22px; padding-top: 16px; border-top: 1px solid #353d48; }
.guide-note > span { width: 17px; height: 17px; flex: none; display: grid; place-items: center; border: 1px solid #728098; border-radius: 50%; color: #c7d3e6; font-size: 10px; }
.guide-note p { margin: 0; color: #91a0b0; font-size: 11px; line-height: 1.5; }

/* Funnel drafts: a focused editing surface, not a pretend live automation. */
.studio-intro { display: grid; grid-template-columns: 1fr minmax(250px, 300px); gap: 34px; align-items: center; padding: 30px; border: 1px solid #394454; border-radius: 14px; background: radial-gradient(520px 330px at 10% 0%, #40577936, transparent 76%), linear-gradient(145deg, #202632, #181d27); }
.studio-symbol { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid #677998; border-radius: 11px; background: #354762; color: #d5e3fb; font-size: 28px; line-height: 1; }
.studio-intro h2 { margin: 19px 0 9px; font-size: 27px; font-weight: 650; letter-spacing: -.045em; }
.studio-intro p { max-width: 490px; margin: 0; color: #a9b5c6; font-size: 13px; line-height: 1.65; }
.create-funnel { display: grid; gap: 10px; padding: 21px; border: 1px solid #4a5467; border-radius: 11px; background: #141a24b8; }
.create-funnel label { color: #c8d3e2; font-size: 11px; font-weight: 720; }
.create-funnel input { height: 46px; padding: 0 13px; border: 1px solid #4b5668; border-radius: 8px; background: #121720; color: var(--text); outline: none; font-size: 13px; }
.create-funnel input:focus, .flow-step textarea:focus, .step-title:focus { border-color: #91aeec; box-shadow: 0 0 0 3px #789ae81e; }
.create-funnel input::placeholder { color: #7c8798; }
.create-funnel .button { width: 100%; margin-top: 4px; }
.funnel-list-section { margin-top: 36px; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 16px; }
.section-heading h2 { margin: 7px 0 0; font-size: 22px; letter-spacing: -.04em; }
.section-heading > span { padding: 5px 9px; border: 1px solid #3c4656; border-radius: 7px; color: #abb8cb; font-size: 11px; }
.funnel-list { display: grid; gap: 9px; }
.funnel-row { display: flex; align-items: center; gap: 15px; min-height: 78px; padding: 15px 18px; border: 1px solid #353d4a; border-radius: 10px; background: #1c222c; text-decoration: none; transition: border-color .16s, background .16s; }
.funnel-row:hover { border-color: #64799f; background: #252d3a; }
.funnel-row-icon { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border: 1px solid #556682; border-radius: 10px; background: #314057; color: #bed0ee; }
.funnel-row strong { display: block; font-size: 14px; }
.funnel-row small { display: block; margin-top: 5px; color: #94a1b3; font-size: 11px; }
.funnel-row b { margin-left: auto; color: #bed0ee; font-size: 11px; white-space: nowrap; }
.empty-funnels { padding: 27px; border: 1px dashed #3a4351; border-radius: 10px; color: #98a5b6; font-size: 13px; }

.editor-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.back-link { color: #b7c9e9; text-decoration: none; font-size: 12px; font-weight: 690; }
.back-link:hover { text-decoration: underline; }
.draft-pill { padding: 7px 10px; border: 1px solid #715f44; border-radius: 99px; background: #3a3128; color: #e0caa7; font-size: 10px; font-weight: 690; }
.editor-heading { margin-bottom: 23px; }
.editor-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 23px; }
.editor-actions .button { min-height: 40px; }
.button.secondary { border-color: #48576e; background: #202938; color: #d2dcee; box-shadow: none; }
.editor-actions > span { color: #8996a8; font-size: 11px; }
.editor-actions .text-button { font-size: 11px; }
.release-card { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin: 0 0 22px; padding: 22px 24px; border: 1px solid #5d6880; border-radius: 12px; background: radial-gradient(circle at 90% 15%, #697fa626, transparent 42%), linear-gradient(135deg, #222b39, #1b212d); }
.release-card h2 { margin: 7px 0 8px; color: #f1f3f8; font-size: 19px; letter-spacing: -.035em; }
.release-card p:not(.eyebrow) { max-width: 570px; margin: 0; color: #acb9c9; font-size: 12px; line-height: 1.55; }
.release-card small { display: block; margin-top: 11px; color: #e2c69b; font-size: 11px; }
.release-actions { flex: none; }
.entry-card { margin: 0 0 22px; padding: 24px; border: 1px solid #3a4657; border-radius: 12px; background: #1b222e; }
.entry-heading { display: flex; justify-content: space-between; align-items: flex-end; }
.entry-heading h2 { margin: 7px 0 0; font-size: 21px; letter-spacing: -.035em; }
.entry-heading > span { color: #c8d3e3; font-size: 12px; }
.entry-card > p { max-width: 720px; margin: 11px 0 19px; color: #aeb9c8; font-size: 12px; line-height: 1.6; }
.entry-card > small { display: block; margin-top: 16px; color: #8f9eb0; font-size: 11px; line-height: 1.55; }
.entry-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; padding: 18px; border: 1px solid #394453; border-radius: 10px; background: #141b25; }
.entry-form label { display: grid; gap: 7px; color: #c7d2e0; font-size: 11px; font-weight: 690; }
.entry-form input { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #465267; border-radius: 7px; outline: none; background: #101720; color: var(--text); font-size: 12px; }
.entry-form input:focus { border-color: #91aeec; box-shadow: 0 0 0 3px #789ae81e; }
.entry-form .button { min-height: 40px; }
.entry-list { display: grid; gap: 9px; margin-top: 17px; }
.entry-row { display: flex; align-items: center; gap: 18px; padding: 14px 16px; border: 1px solid #394657; border-radius: 9px; background: #202937; }
.entry-row-main { min-width: 0; flex: 1; }
.entry-row-main strong,.entry-row-main small,.entry-row-main code { display: block; }
.entry-row-main strong { font-size: 12px; }
.entry-row-main small { margin-top: 5px; color: #a7b4c4; font-size: 10px; }
.entry-row-main code { max-width: 100%; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b9cbeb; font-size: 10px; }
.entry-row-stats { display: flex; gap: 13px; color: #9eacbd; font-size: 10px; white-space: nowrap; }
.entry-row-stats b { display: block; margin-bottom: 4px; color: #e7edf7; font-size: 16px; }
.entry-row .button { flex: none; min-height: 36px; padding: 0 12px; font-size: 11px; }
.entry-empty { padding: 18px; border: 1px dashed #435064; border-radius: 9px; color: #9caabb; font-size: 11px; }
.release-link { display: inline-block; max-width: 100%; margin-top: 12px; overflow-wrap: anywhere; color: #b8cff5; font-size: 12px; text-decoration: none; }
.release-link:hover, .live-release-note a:hover { text-decoration: underline; }
.live-release-note { margin-top: 10px; color: #b8c7db; font-size: 11px; line-height: 1.5; }
.live-release-note a { color: #d2e1fb; text-decoration: none; }
.editor-grid { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 22px; align-items: start; }
.flow-canvas { min-width: 0; padding: 23px; border: 1px solid #333c4a; border-radius: 13px; background: radial-gradient(#56606f21 1px, transparent 1px), #151a23; background-size: 17px 17px; }
.flow-step { display: flex; align-items: flex-start; gap: 14px; padding: 19px; border: 1px solid #465365; border-radius: 11px; background: #212936; box-shadow: 0 14px 28px #00000012; }
.flow-step.fixed { border-color: #455777; background: #202b3b; }
.flow-step.goal { border-color: #4b665d; background: #202e2b; }
.flow-step.flow-choice { border-color: #80705a; background: linear-gradient(145deg, #292b32, #222732); }
.flow-step.flow-condition { border-color: #62758b; background: linear-gradient(145deg, #202b38, #222733); }
.step-index { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border: 1px solid #586b8c; border-radius: 8px; color: #c4d4f0; font-size: 10px; font-weight: 750; }
.step-body { min-width: 0; flex: 1; }
.step-kind { display: block; margin: 2px 0 6px; color: var(--gold); font-size: 9px; font-weight: 760; letter-spacing: .16em; text-transform: uppercase; }
.step-body h2 { margin: 0 0 5px; font-size: 16px; font-weight: 700; letter-spacing: -.025em; }
.step-body p { margin: 0; color: #a3b0c1; font-size: 11px; line-height: 1.6; }
.step-title { width: 100%; margin: 0 0 10px; padding: 8px 10px; border: 1px solid #485465; border-radius: 7px; outline: none; background: #151b25; color: var(--text); font-size: 14px; font-weight: 700; }
.flow-step textarea { width: 100%; min-height: 92px; padding: 12px; resize: vertical; border: 1px solid #485465; border-radius: 7px; outline: none; background: #151b25; color: #d9e0eb; font-family: inherit; font-size: 12px; line-height: 1.6; }
.step-controls { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 10px; }
.step-controls button { padding: 2px 0; border: 0; background: none; color: #afc3e6; font-size: 10px; }
.step-controls button:disabled { cursor: default; color: #697688; }
.step-controls button:hover:not(:disabled) { color: #fff; }
.choice-editor { margin-top: 15px; padding: 14px; border: 1px solid #5c574d; border-radius: 9px; background: #171b23; }
.choice-editor-heading { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 5px; margin-bottom: 12px; }
.choice-editor-heading strong { color: #e8d6b5; font-size: 11px; }
.choice-editor-heading small { color: #92a0b1; font-size: 10px; }
.choice-option { display: grid; grid-template-columns: 22px minmax(120px, .85fr) minmax(180px, 1.4fr) 20px; align-items: start; gap: 9px; padding: 12px 0; border-top: 1px solid #343a45; }
.choice-option > span { padding-top: 23px; color: #bda986; font-size: 10px; }
.choice-option label { display: grid; gap: 6px; color: #aeb8c7; font-size: 10px; font-weight: 700; }
.choice-option input, .choice-option textarea { width: 100%; min-height: 37px; padding: 9px; border: 1px solid #4b5564; border-radius: 6px; outline: none; background: #121720; color: #e9edf4; font: inherit; font-size: 11px; }
.choice-option textarea { min-height: 62px; resize: vertical; }
.message-route, .choice-option .route-field { display: grid; gap: 6px; color: #aeb8c7; font-size: 10px; font-weight: 700; }
.message-route { margin-top: 14px; }
.message-link { margin-top: 15px; padding: 14px; border: 1px solid #4f5a68; border-radius: 8px; background: #19212c; }
.message-link > strong { display: block; margin-bottom: 11px; color: #decba8; font-size: 11px; }
.message-link > div { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(200px, 2fr); gap: 10px; }
.message-link label { display: grid; gap: 6px; color: #aeb8c7; font-size: 10px; font-weight: 700; }
.message-link input { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #4b5564; border-radius: 6px; background: #121720; color: #e9edf4; font: inherit; font-size: 11px; }
.message-link small { display: block; margin-top: 10px; color: #899aad; font-size: 10px; }
.preview-link { display: block; width: fit-content; margin-top: 9px; padding: 7px 10px; border-radius: 6px; background: #688ce2; color: white; font-weight: 700; }
.message-route select, .choice-option select, .simulation-panel select { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #4b5564; border-radius: 6px; background: #121720; color: #e9edf4; font: inherit; font-size: 11px; }
.message-route input, .condition-fields input, .condition-fields select { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #4b5564; border-radius: 6px; outline: none; background: #121720; color: #e9edf4; font: inherit; font-size: 11px; }
.condition-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 4px 0 15px; }
.condition-fields p { grid-column: 1 / -1; }
.condition-fields label { display: grid; gap: 6px; color: #aeb8c7; font-size: 10px; font-weight: 700; }
.condition-fields label:nth-of-type(1) { grid-column: 1 / -1; }
.choice-option .route-field { grid-column: 2 / -2; }
.choice-option > button { margin-top: 20px; border: 0; background: none; color: #b7c4d5; font-size: 17px; }
.choice-option > button:disabled { opacity: .35; }
.choice-add { margin-top: 8px; padding: 7px 0; border: 0; background: none; color: #dfc8a3; font-size: 11px; }
.choice-add:disabled { opacity: .4; }
.flow-connector { height: 31px; display: grid; place-items: center; color: #9fb6df; font-size: 17px; }
.flow-add-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.add-flow-step { width: 100%; min-height: 43px; border: 1px dashed #657a9f; border-radius: 8px; background: #243149b8; color: #d4e2fb; font-size: 12px; font-weight: 710; }
.add-flow-step:hover { background: #2e4060; }
.editor-help { padding: 22px; border: 1px solid #373f4d; border-radius: 11px; background: #1b212b; }
.editor-help h2 { margin: 8px 0 16px; font-size: 17px; line-height: 1.3; }
.editor-help ul { margin: 0; padding-left: 17px; color: #b1bece; font-size: 11px; line-height: 1.65; }
.editor-help li { margin: 0 0 9px; }
.editor-help > p:last-child { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #343d4a; color: #8d9baa; font-size: 11px; line-height: 1.6; }
.preview-backdrop { position: fixed; inset: 0; z-index: 30; display: flex; justify-content: flex-end; background: #05070bc7; backdrop-filter: blur(6px); }
.preview-panel { width: min(100%, 460px); height: 100vh; display: flex; flex-direction: column; padding: 25px; border-left: 1px solid #414d61; background: #171c25; box-shadow: -30px 0 70px #00000045; }
.preview-head { display: flex; justify-content: space-between; align-items: start; }
.preview-head h2 { margin: 7px 0 20px; font-size: 21px; letter-spacing: -.035em; }
.preview-head button { width: 30px; height: 30px; border: 1px solid #4b5668; border-radius: 7px; background: #242d3b; color: white; font-size: 19px; }
.preview-phone { flex: 1; min-height: 0; overflow: auto; padding: 28px 18px; border: 8px solid #303743; border-radius: 25px; background: #e8edf2; color: #1c2632; }
.preview-bubble { width: fit-content; max-width: 92%; margin-bottom: 11px; padding: 12px 14px; border: 1px solid #cbd4df; border-radius: 15px 15px 15px 4px; background: #fff; box-shadow: 0 4px 10px #0e26310c; font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.preview-options { display: grid; gap: 6px; margin: 3px 0 11px; }
.preview-options button { padding: 9px 12px; border: 1px solid #92aee2; border-radius: 8px; background: #fff; color: #295ca3; font-size: 12px; text-align: center; }
.preview-options button.selected { background: #376cba; color: white; }
.preview-bubble.branch-reply { border-color: #b9c9bd; background: #e5f2e7; }
.preview-goal { margin: 17px auto; color: #5b6c7f; font-size: 11px; text-align: center; }
.preview-panel > p { margin: 16px 0 0; color: #9aa8b9; font-size: 11px; line-height: 1.5; }

/* Funnel simulation, test CRM and test analytics. */
.simulation-panel { width: min(100%, 470px); height: fit-content; max-height: calc(100vh - 40px); margin: auto; overflow: auto; padding: 28px; border: 1px solid #586783; border-radius: 14px; background: linear-gradient(145deg, #242d3b, #1a202b); box-shadow: 0 30px 90px #0008; }
.simulation-panel > p { color: #b0bdce; font-size: 13px; line-height: 1.65; }
.simulation-panel form { display: grid; gap: 10px; margin-top: 25px; }
.simulation-panel label { color: #cbd5e4; font-size: 11px; font-weight: 720; }
.simulation-panel input { height: 47px; padding: 0 14px; border: 1px solid #536178; border-radius: 8px; outline: none; background: #151b25; color: var(--text); }
.simulation-panel select { min-height: 47px; border-color: #536178; font-size: 12px; }
.simulation-panel .button { margin-top: 9px; }
.data-notice { display: flex; align-items: center; gap: 15px; margin-bottom: 26px; padding: 16px 18px; border: 1px solid #625740; border-radius: 10px; background: #3b31241f; }
.data-notice strong { flex: none; color: #e4cba1; font-size: 12px; }
.data-notice span { color: #aeb7c5; font-size: 11px; line-height: 1.5; }
.crm-stage-grid, .analytics-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.crm-stage, .analytics-kpis > div { min-height: 110px; padding: 19px; border: 1px solid #374151; border-radius: 11px; background: linear-gradient(145deg, #202733, #1a2029); }
.crm-stage small, .analytics-kpis small { display: block; color: #aab7c8; font-size: 11px; }
.crm-stage strong, .analytics-kpis strong { display: block; margin-top: 16px; color: #e8edf6; font-size: 30px; font-weight: 620; letter-spacing: -.05em; }
.crm-heading { margin-top: 39px; }
.crm-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 18px 0 8px; }
.crm-toolbar label { display: grid; gap: 7px; min-width: 210px; color: #aeb8c7; font-size: 11px; font-weight: 700; }
.crm-toolbar form { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; }
.crm-toolbar input, .crm-toolbar select { width: 100%; height: 42px; padding: 9px 12px; border: 1px solid #4b5564; border-radius: 7px; background: #171d27; color: #e9edf4; font: inherit; font-size: 12px; }
.crm-bulk { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0; padding: 15px; border: 1px solid #7b6950; border-radius: 10px; background: #292821; }
.crm-bulk strong { align-self: center; min-width: 140px; color: #e7d1ab; font-size: 12px; }
.crm-bulk label { display: grid; gap: 6px; color: #c9c0b0; font-size: 11px; font-weight: 700; }
.crm-bulk select { min-width: 180px; height: 41px; padding: 8px 12px; border: 1px solid #766d5e; border-radius: 7px; background: #171d27; color: #e9edf4; font: inherit; }
.crm-board { display: grid; grid-template-columns: repeat(4, minmax(190px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 4px; }
.crm-board-column { min-width: 190px; min-height: 240px; padding: 13px; border: 1px solid #364151; border-radius: 11px; background: #1a212b; }
.crm-board-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; color: #dce5f2; font-size: 12px; }
.crm-board-head span { padding: 3px 7px; border: 1px solid #46576e; border-radius: 6px; color: #aebed4; }
.crm-board-cards { display: grid; align-content: start; gap: 8px; }
.crm-board-cards > p { margin: 10px 2px; color: #7f8ea2; font-size: 11px; }
.crm-card-row { display: flex; align-items: start; gap: 8px; }
.crm-card-row > input { width: 17px; height: 17px; flex: none; margin: 14px 0 0; accent-color: #c7aa77; cursor: pointer; }
.crm-card-row > input:disabled { cursor: not-allowed; opacity: .35; }
.crm-board-card { display: grid; gap: 7px; padding: 13px; border: 1px solid #485669; border-radius: 9px; background: #242d3a; color: #e9edf4; text-decoration: none; }
.crm-card-row .crm-board-card { min-width: 0; flex: 1; }
.crm-board-card:hover { border-color: #859ac0; background: #2b3747; }
.crm-board-card strong { font-size: 12px; }
.crm-board-card small { color: #a6b5c8; font-size: 10px; }
.crm-board-card span { color: #d1dded; font-size: 11px; line-height: 1.4; }
.lead-list { display: grid; gap: 8px; }
.lead-row { display: flex; align-items: center; gap: 16px; min-height: 81px; padding: 15px 18px; border: 1px solid #364050; border-radius: 10px; background: #1b222c; text-decoration: none; transition: background .16s, border-color .16s; }
.lead-row:hover { border-color: #63779a; background: #232d3a; }
.lead-avatar { width: 41px; height: 41px; flex: none; display: grid; place-items: center; border: 1px solid #697d9f; border-radius: 10px; background: #35445e; color: #e8edf9; font-size: 16px; font-weight: 700; }
.lead-main { min-width: 0; flex: 1; }
.lead-main strong { display: block; font-size: 13px; }
.lead-main small { display: block; margin-top: 5px; overflow: hidden; color: #9daabc; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.lead-stage { padding: 6px 9px; border: 1px solid #5b6575; border-radius: 6px; color: #c3d0e1; font-size: 10px; white-space: nowrap; }
.lead-arrow { color: #a8bee4; }
.crm-detail-grid, .analytics-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.crm-detail-card, .analytics-card { min-width: 0; padding: 25px; border: 1px solid #374151; border-radius: 12px; background: #1b212b; }
.crm-detail-card h2, .analytics-card h2 { margin: 7px 0 24px; font-size: 21px; letter-spacing: -.035em; }
.crm-variables { margin-top: 30px; padding-top: 20px; border-top: 1px solid #3b4655; }
.crm-variables h3 { margin: 0 0 12px; font-size: 14px; }
.crm-variables > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #35404d; font-size: 12px; overflow-wrap: anywhere; }
.crm-variables code { color: #dcc8a7; }
.crm-variables p { color: #9eabba; font-size: 11px; }
.crm-tags { margin-top: 30px; padding-top: 20px; border-top: 1px solid #3b4655; }
.crm-tags h3 { margin: 0 0 12px; font-size: 14px; }
.crm-tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.crm-tag-list > span { padding: 6px 9px; border: 1px solid #776b56; border-radius: 6px; background: #3b3428; color: #ead9bb; font-size: 11px; }
.crm-tag-list button { margin-left: 5px; border: 0; background: none; color: inherit; font-size: 15px; }
.crm-tags form { display: flex; flex-wrap: wrap; gap: 8px; }
.crm-tags input { flex: 1; min-width: 130px; padding: 9px 12px; border: 1px solid #4b5564; border-radius: 7px; background: #151b25; color: #e9edf4; }
.crm-notes { margin-top: 16px; }
.crm-notes form { display: grid; gap: 10px; max-width: 650px; }
.crm-notes label { display: grid; gap: 7px; color: #c6d1df; font-size: 11px; }
.crm-notes textarea { width: 100%; min-height: 100px; padding: 12px; border: 1px solid #4b5564; border-radius: 7px; background: #151b25; color: #e9edf4; font: inherit; }
.crm-notes .button { justify-self: start; }
.crm-note-list { display: grid; gap: 9px; margin-top: 20px; }
.crm-note-list article { padding: 14px; border: 1px solid #394658; border-radius: 8px; background: #222b38; }
.crm-note-list p { margin: 0 0 8px; color: #e0e7f0; font-size: 12px; line-height: 1.6; }
.crm-note-list small { color: #9daec3; font-size: 10px; }
.crm-detail-card form { display: grid; gap: 10px; }
.crm-detail-card label { color: #bfcbd9; font-size: 11px; font-weight: 720; }
.crm-detail-card select, .crm-detail-card textarea { width: 100%; padding: 12px 13px; border: 1px solid #4b586b; border-radius: 8px; outline: none; background: #151b25; color: var(--text); font-size: 12px; }
.crm-detail-card select { height: 45px; margin-bottom: 11px; }
.crm-detail-card textarea { min-height: 100px; resize: vertical; line-height: 1.5; }
.crm-detail-card form .button { justify-self: start; margin-top: 10px; }
.event-list { display: grid; gap: 0; }
.event-row { display: flex; gap: 13px; padding: 0 0 22px; }
.event-dot { position: relative; top: 3px; width: 9px; height: 9px; flex: none; border: 2px solid #9ab3e3; border-radius: 50%; background: #293b59; box-shadow: 0 0 0 4px #27344a; }
.event-row:not(:last-child) .event-dot::after { content: ""; position: absolute; top: 10px; left: 2px; height: calc(100% + 14px); border-left: 1px solid #465367; }
.event-row strong { display: block; color: #d9e2ee; font-size: 12px; }
.event-row small, .event-row time { display: block; margin-top: 5px; color: #95a3b6; font-size: 10px; }
.analytics-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 17px; }
.analytics-kpis > div { min-height: 130px; }
.analytics-kpis strong { font-size: 38px; }
.funnel-stat { margin: 0 0 21px; }
.funnel-stat > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 9px; font-size: 12px; }
.funnel-stat strong { font-weight: 600; }
.funnel-stat span { color: #bccbe1; }
.stat-progress { display: block; width: 100%; height: 6px; overflow: hidden; appearance: none; border: 0;
  border-radius: 9px; background: #30394b; }
.stat-progress::-webkit-progress-bar { background: #30394b; border-radius: 9px; }
.stat-progress::-webkit-progress-value { background: linear-gradient(90deg, #7f9ee6, #a7bdec); border-radius: 9px; }
.stat-progress::-moz-progress-bar { background: linear-gradient(90deg, #7f9ee6, #a7bdec); border-radius: 9px; }
.stage-stat { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid #313a49; color: #b5c2d3; font-size: 12px; }
.stage-stat strong { color: #e4eaf4; }
.choice-analytics { margin-top: 16px; }
.choice-analytics .stage-stat small { color: #8492a5; font-size: 11px; }

/* Course funnel: focused authoring and review workspace */
.course-settings, .course-launch, .course-lesson-card, .course-review-queue {
  border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, #202632, #181d26);
  padding: 28px; margin-top: 24px;
}
.course-content { max-width: none; padding: 35px clamp(28px, 3vw, 54px) 90px; }
.course-studio { width: 100%; }
.course-studio-main { max-width: 1480px; margin: 0 auto; min-width: 0; }
.course-studio .editor-top { margin-bottom: 17px; }
.course-studio .editor-heading { margin-bottom: 18px; }
.course-studio .editor-heading h1 { font-size: clamp(37px, 3.3vw, 50px); }
.course-studio .editor-actions { position: sticky; top: 0; z-index: 8; margin: 0 0 25px; padding: 10px 0;
  border-bottom: 1px solid #303744; background: #0d1016f5; backdrop-filter: blur(14px); }
.course-studio .editor-actions > span { margin-left: auto; }
.course-studio .editor-actions .button.primary:disabled { opacity: 1; background: #242c39; border-color: #404b5b; color: #aab6c6; box-shadow: none; }
.course-module-nav { border-top: 1px solid #303744; border-bottom: 1px solid #303744; margin-bottom: 29px; }
.course-module-groups, .course-module-sections { display: flex; align-items: center; gap: clamp(12px, 2vw, 30px); overflow-x: auto; scrollbar-width: thin; }
.course-module-groups { min-height: 50px; border-bottom: 1px solid #303744; }
.course-module-sections { min-height: 53px; gap: 8px; }
.course-module-nav button { position: relative; flex: 0 0 auto; border: 0; background: transparent; white-space: nowrap; font-size: 13px; font-weight: 600; color: #98a4b5; }
.course-module-nav button:hover { color: #f2f3f6; }
.course-module-groups button { align-self: stretch; padding: 0 5px; }
.course-module-groups button.active { color: #f5f6fa; }
.course-module-groups button.active::after { content: ''; position: absolute; height: 2px; bottom: -1px; left: 5px; right: 5px; background: #a9bbe5; }
.course-module-sections button { padding: 8px 12px; border-radius: 7px; font-size: 12px; }
.course-module-sections button.active { color: #f1f4fb; background: #2c3648; }
.course-module-sections button small { margin-left: 7px; color: #8793a4; font-size: 10px; }
.course-path-workspace { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(285px, .8fr); gap: 22px; align-items: stretch; }
.course-path-main, .course-path-aside { border: 1px solid #303946; border-radius: 12px; background: #191e27; }
.course-path-main { min-width: 0; padding: clamp(25px, 3vw, 44px); }
.course-path-intro { max-width: 660px; }
.course-path-intro .eyebrow, .course-path-aside .eyebrow { margin-bottom: 13px; }
.course-path-intro h2 { margin: 0 0 13px; font-size: clamp(25px, 2.1vw, 34px); font-weight: 630; letter-spacing: -.043em; line-height: 1.17; }
.course-path-intro > p:last-child { color: #aeb8c6; font-size: 14px; line-height: 1.62; margin: 0; }
.course-journey-list { margin-top: 36px; border-top: 1px solid #394250; }
.course-journey-step { width: 100%; min-height: 94px; display: grid; grid-template-columns: 42px minmax(0,1fr) 24px; align-items: center; gap: 22px; padding: 0; border: 0; border-bottom: 1px solid #394250; background: none; color: inherit; text-align: left; }
.course-journey-step:hover { color: #fff; background: #ffffff08; }
.course-journey-number { color: #9eacbf; font-size: 12px; font-weight: 680; font-variant-numeric: tabular-nums; }
.course-journey-step strong { display: block; font-size: 16px; font-weight: 640; letter-spacing: -.02em; }
.course-journey-step small { display: block; margin-top: 7px; color: #96a3b4; font-size: 12px; }
.course-journey-arrow { color: #a6b9de; font-size: 18px; }
.course-path-aside { padding: clamp(23px, 2.4vw, 36px); background: #161b23; }
.course-path-aside h3 { margin: 0; font-size: 19px; font-weight: 640; letter-spacing: -.03em; }
.course-path-aside ol { list-style: none; margin: 23px 0 27px; padding: 0; }
.course-path-aside li { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 12px; padding: 0 0 19px; }
.course-path-aside li > span { padding-top: 2px; color: #cdbb97; font-size: 10px; font-weight: 760; font-variant-numeric: tabular-nums; }
.course-path-aside li strong { display: block; font-size: 13px; font-weight: 650; }
.course-path-aside li small { display: block; margin-top: 5px; color: #97a3b2; font-size: 12px; line-height: 1.45; }
.course-path-actions { border-top: 1px solid #323b48; padding-top: 17px; }
.course-path-actions p { margin: 0 0 10px; color: #9eabbc; font-size: 11px; }
.course-path-actions button { width: 100%; display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border: 0; background: transparent; color: #d4deef; text-align: left; font-size: 12px; font-weight: 620; }
.course-path-actions button:hover { color: #fff; }
.course-path-actions button span { color: #9cb3d9; }
.course-path-list { display: grid; gap: 9px; margin: 24px 0; }
.course-path-list > div, .course-path-list > a { display: flex; align-items: center; gap: 15px; padding: 15px;
  border: 1px solid #354051; border-radius: 10px; background: #181f2a; text-decoration: none; }
.course-path-list strong { flex: 1; font-size: 13px; }
.course-path-list small { color: #b8c4d3; }
.course-quick-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.course-design-sample { display: grid; gap: 13px; margin-top: 25px; padding: 25px; border: 1px solid #7a715c;
  border-radius: 15px; background: radial-gradient(circle at right top,#3c352844,transparent 60%),#111721; }
.course-design-sample.blue { border-color: #507bb1; background: radial-gradient(circle at right top,#2b497344,transparent 60%),#111721; }
.course-design-sample.emerald { border-color: #4e8e76; background: radial-gradient(circle at right top,#1c624a44,transparent 60%),#111721; }
.course-design-sample small { color: var(--gold); font-weight: 800; letter-spacing: .16em; }
.course-design-sample.blue small { color: #94b8ed; }
.course-design-sample.emerald small { color: #8dd5b6; }
.course-design-sample strong { font-size: 25px; }
.course-design-sample span { color: var(--muted); }
.lesson-template-picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 26px; }
.lesson-template-option { position: relative; min-height: 240px; display: flex; flex-direction: column; padding: 23px; border: 1px solid #3f4958; border-radius: 10px; background: #171d26; cursor: pointer; transition: border-color .2s, transform .12s, background-color .2s; }
.lesson-template-option:hover { transform: translateY(-2px); border-color: #71809a; }
.lesson-template-option.selected { border-color: #c8b68f; background: #222119; }
.lesson-template-option input { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
.lesson-template-option > span { color: #9ba7b8; font-size: 9px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.lesson-template-option > strong { margin-top: 29px; font-size: 30px; font-weight: 650; letter-spacing: -.045em; }
.lesson-template-option > p { margin: 12px 0 22px; color: #aeb8c7; font-size: 12px; line-height: 1.55; }
.lesson-template-option > b { margin-top: auto; color: #d8c39d; font-size: 11px; }
.lesson-template-option:nth-child(1)::after { content: ''; position: absolute; top: 19px; right: 19px; width: 28px; height: 28px; border-radius: 50%; background: #e32652; box-shadow: 0 0 30px #e3265266; }
.lesson-template-option:nth-child(2) { background: #f2f2ed; color: #121312; }
.lesson-template-option:nth-child(2) > span, .lesson-template-option:nth-child(2) > p { color: #555952; }
.lesson-template-option:nth-child(2) > b { color: #405b50; }
.lesson-template-option:nth-child(2).selected { border-color: #f2f2ed; box-shadow: inset 0 0 0 2px #405b50; }
.lesson-template-option:nth-child(3) { border-color: #55514b; background: radial-gradient(circle at 88% 18%,#ff6b4933 0 9%,transparent 10%),#f0ede5; color: #171717; }
.lesson-template-option:nth-child(3)::after { content: '03'; position: absolute; top: 17px; right: 18px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #ff6848; color: #171717; font-size: 11px; font-weight: 800; }
.lesson-template-option:nth-child(3) > span, .lesson-template-option:nth-child(3) > p { color: #625e57; }
.lesson-template-option:nth-child(3) > b { color: #c84328; }
.lesson-template-option:nth-child(3).selected { border-color: #ff6848; box-shadow: inset 0 0 0 2px #ff6848; }
.lesson-template-option:nth-child(4) { border-color: #d77655; background: #fff; color: #0f172a; box-shadow: inset 0 42px 0 #d77655; }
.lesson-template-option:nth-child(4)::after { content: '04'; position: absolute; top: 16px; right: 18px; color: #fff; font-size: 11px; font-weight: 850; }
.lesson-template-option:nth-child(4) > span { color: #fff; }
.lesson-template-option:nth-child(4) > p { color: #5e6470; }
.lesson-template-option:nth-child(4) > b { color: #9a402d; }
.lesson-template-option:nth-child(4).selected { border-color: #d77655; box-shadow: inset 0 42px 0 #d77655,inset 0 0 0 2px #d77655; }
.lesson-template-option:nth-child(5) { border: 2px solid #000; border-radius: 4px; background: linear-gradient(135deg,#1f86ff 0 17%,#f7f7f7 17% 75%,#f6609f 75%); color: #000; }
.lesson-template-option:nth-child(5) > span, .lesson-template-option:nth-child(5) > p { color: #252a2d; }
.lesson-template-option:nth-child(5) > b { color: #c33f00; }
.lesson-template-option:nth-child(5).selected { border-color: #ffbb38; box-shadow: 7px 7px 0 #ffbb38; }
.lesson-template-option:nth-child(6) { border-color: #a99778; background: radial-gradient(#4a3e3015 .7px,transparent .7px),#f3ead9; background-size: 7px 7px; color: #21312b; }
.lesson-template-option:nth-child(6)::after { content: ''; position: absolute; top: 15px; right: 17px; width: 58px; height: 22px; background: #ddc893aa; transform: rotate(-4deg); }
.lesson-template-option:nth-child(6) > span, .lesson-template-option:nth-child(6) > p { color: #657069; }
.lesson-template-option:nth-child(6) > b { color: #9b3d2e; }
.lesson-template-option:nth-child(6).selected { border-color: #9b3d2e; box-shadow: inset 0 0 0 2px #9b3d2e; }
.course-visual-editor { margin-top: 24px; padding: 18px; border: 1px solid #3d4757; border-radius: 14px; background: #111720; }
.visual-editor-toolbar { display: grid; grid-template-columns: minmax(210px,1fr) auto auto; align-items: center; gap: 18px; padding: 4px 4px 17px; }
.visual-editor-toolbar > div:first-child { display: grid; gap: 6px; }
.visual-editor-toolbar > div:first-child > strong { font-size: 15px; }
.visual-editor-toolbar .course-preview-nav { margin: 0; }
.visual-editor-toolbar .button { min-height: 39px; }
.visual-editor-note { max-width: 850px; margin: 0 4px 15px; color: #9eabbc; font-size: 11px; line-height: 1.55; }
.visual-editor-canvas { max-height: 76vh; overflow: auto; border: 1px solid #394352; background: #080a0d; scrollbar-color: #596477 #141820; }
.admin-lesson-page { min-width: 880px; }
.admin-lesson-page .lesson-header { position: sticky; top: 0; }
.admin-lesson-page .visual-mode { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-lesson-page input, .admin-lesson-page textarea { width: 100%; overflow: hidden; border: 1px dashed transparent; border-radius: 2px; outline: none; background: transparent; color: inherit; font: inherit; resize: vertical; transition: border-color .12s, background-color .12s; }
.admin-lesson-page input:hover, .admin-lesson-page textarea:hover { border-color: currentColor; }
.admin-lesson-page input:focus, .admin-lesson-page textarea:focus { border-color: currentColor; background: #7f8ea313; box-shadow: 0 0 0 3px #789ae82a; }
.admin-lesson-page .visual-title { display: block; min-height: 2.6em; padding: 0; resize: vertical; }
.admin-lesson-page.lesson-cinema .visual-title { font-family: "Arial Narrow",Impact,sans-serif; font-size: clamp(64px,9.6vw,156px); font-weight: 900; line-height: .84; letter-spacing: -.055em; text-transform: uppercase; }
.admin-lesson-page.lesson-editorial .visual-title { font-size: clamp(58px,8.2vw,132px); font-weight: 590; line-height: .9; letter-spacing: -.075em; }
.admin-lesson-page.lesson-pulse .visual-title { font-size: clamp(58px,7.5vw,116px); font-weight: 800; line-height: .88; letter-spacing: -.07em; }
.admin-lesson-page .visual-summary { min-height: 92px; padding: 4px; font-size: clamp(17px,1.55vw,22px); line-height: 1.45; }
.admin-lesson-page .visual-cue { min-height: 68px; padding: 6px; font-size: 13px; line-height: 1.55; }
.admin-lesson-page .visual-body { min-height: 280px; margin: clamp(30px,5vw,72px) 0; padding: 16px 0; font-size: clamp(17px,1.6vw,21px); line-height: 1.72; }
.admin-lesson-page .visual-homework { min-height: 130px; padding: 12px 0; font-size: 15px; line-height: 1.65; }
.admin-lesson-page .lesson-material button { pointer-events: none; }
.admin-lesson-page .embedded-video { padding: 0!important; }
.course-template-backdrop { justify-content: center; padding: 20px; }
.course-template-preview { width: min(1500px,100%); max-width: 1500px; padding: 18px; border: 1px solid #4b5668; border-radius: 14px; }
.course-template-preview > .preview-head, .course-template-preview > .course-preview-nav { flex: 0 0 auto; }
.course-template-preview .visual-editor-canvas { flex: 1; max-height: none; }

/* Course messages: linear automation workbench */
.message-workbench { overflow: visible; border: 1px solid #3a4350; border-radius: 9px; background: #11161d; box-shadow: 0 24px 70px #03050955; }
.message-workbench-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 28px 30px 24px; border-bottom: 1px solid #343d49; border-radius: 8px 8px 0 0; background: linear-gradient(110deg,#181e27 0 62%,#20231e); }
.message-workbench-head h2 { margin: 5px 0 8px; font-size: clamp(24px,2vw,32px); font-weight: 630; letter-spacing: -.04em; }
.message-workbench-head p:last-child { max-width: 760px; margin: 0; color: #a8b3c2; font-size: 13px; line-height: 1.58; }
.message-workbench-legend { display: flex; gap: 16px; padding-bottom: 4px; color: #98a5b6; font-size: 10px; font-weight: 700; white-space: nowrap; }
.message-workbench-legend span { display: flex; align-items: center; gap: 7px; }
.message-workbench-legend i { width: 7px; height: 7px; border-radius: 50%; background: #697587; box-shadow: 0 0 0 3px #6975871c; }
.message-workbench-legend i.live { background: #79d4a5; box-shadow: 0 0 0 3px #79d4a51f; }
.message-stage-map { display: flex; align-items: center; min-height: 112px; padding: 18px 24px; overflow-x: auto; border-bottom: 1px solid #343d49; background: #151a21; scrollbar-width: thin; }
.message-stage { min-width: 144px; align-self: stretch; display: grid; grid-template-columns: 25px 1fr; grid-template-rows: auto auto; align-content: center; column-gap: 8px; padding: 12px 13px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #d7dde6; text-align: left; }
.message-stage:hover { border-color: #424d5d; background: #1c232d; }
.message-stage.active { border-color: #d0b987; background: #29271f; box-shadow: inset 0 0 0 1px #d0b98720; }
.message-stage > span { grid-row: 1 / 3; align-self: center; color: #7d899a; font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.message-stage.active > span { color: #e2ca97; }
.message-stage strong { overflow: hidden; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.message-stage small { overflow: hidden; margin-top: 4px; color: #8491a2; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.message-stage-line { flex: 0 0 auto; margin: 0 2px; color: #586474; font-size: 12px; }
.message-studio-grid { display: grid; grid-template-columns: minmax(280px,.88fr) minmax(340px,1.14fr) minmax(300px,.9fr); min-height: 660px; }
.message-sequence-panel, .message-recipient-preview, .message-inspector { min-width: 0; }
.message-sequence-panel { padding: 21px; border-right: 1px solid #343d49; background: #171c24; }
.message-panel-title, .message-inspector-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; padding-bottom: 18px; border-bottom: 1px solid #343e4b; }
.message-panel-title > div, .message-inspector-head > div { min-width: 0; }
.message-panel-title span, .message-inspector-head span { display: block; color: #d2bb8c; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.message-panel-title strong, .message-inspector-head strong { display: block; overflow: hidden; margin-top: 6px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.message-switch { display: grid; grid-template-columns: 34px auto; align-items: center; gap: 8px; cursor: pointer; }
.message-switch input { position: absolute; opacity: 0; pointer-events: none; }
.message-switch > span { position: relative; width: 34px; height: 19px; border: 1px solid #566171; border-radius: 99px; background: #252c36; transition: .16s; }
.message-switch > span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #8793a2; transition: .16s; }
.message-switch input:checked + span { border-color: #71bd94; background: #28513b; }
.message-switch input:checked + span::after { left: 18px; background: #9be0ba; }
.message-switch input:focus-visible + span { outline: 2px solid #8daee6; outline-offset: 2px; }
.message-switch b { color: #9ca8b8; font-size: 9px; font-weight: 700; }
.message-switch.compact { grid-template-columns: 34px; }
.message-card-list { display: grid; gap: 8px; margin: 17px 0; }
.message-card { width: 100%; display: grid; grid-template-columns: 28px minmax(0,1fr) 9px; align-items: center; gap: 10px; min-height: 78px; padding: 13px; border: 1px solid #3b4553; border-radius: 5px; background: #1b222c; color: #dfe5ed; text-align: left; }
.message-card.with-media { grid-template-columns: 46px minmax(0,1fr) 9px; }
.message-card > img { width: 46px; height: 46px; border-radius: 4px; object-fit: cover; box-shadow: 0 0 0 1px #ffffff18; }
.message-card:hover { border-color: #617087; }
.message-card.active { border-color: #d0b987; background: #292821; box-shadow: inset 3px 0 #d0b987; }
.message-card.disabled { opacity: .56; }
.message-card > span { color: #7e8a9b; font-size: 9px; font-weight: 800; }
.message-card strong { display: -webkit-box; overflow: hidden; font-size: 11px; font-weight: 650; line-height: 1.42; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.message-card small { display: block; overflow: hidden; margin-top: 7px; color: #8996a8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.message-card > i { width: 7px; height: 7px; border-radius: 50%; background: #7ad0a0; }
.message-empty, .message-inspector-empty { display: grid; justify-items: start; padding: 28px 4px; color: #9aa7b7; }
.message-empty > span, .message-inspector-empty > span { margin-bottom: 17px; color: #d1bb8d; font-size: 27px; font-weight: 300; }
.message-empty strong, .message-inspector-empty strong { color: #d8dee7; font-size: 13px; }
.message-empty p, .message-inspector-empty p { margin: 7px 0 0; font-size: 10px; line-height: 1.5; }
.message-add { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border: 1px dashed #586576; border-radius: 5px; background: transparent; color: #c9d3e1; font-size: 10px; font-weight: 700; }
.message-add:hover:not(:disabled) { border-color: #d0b987; color: #ecd7ab; }
.message-add span { color: #7f8b9a; font-size: 9px; }
.message-recipient-preview { position: sticky; top: 12px; align-self: start; display: flex; flex-direction: column; height: min(620px,calc(100vh - 24px)); min-height: 480px; border-right: 1px solid #343d49; background: radial-gradient(circle at 30% 0,#50637324,transparent 34%),#202a33; }
.message-recipient-preview.is-test { height: min(780px,calc(100vh - 24px)); min-height: 560px; }
.telegram-preview-bar { min-height: 68px; display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 0 17px; background: #17202aee; color: #dbe6ef; box-shadow: 0 1px #ffffff10; }
.telegram-preview-bar > span { color: #67a7d8; font-size: 25px; }
.telegram-preview-bar > div { text-align: center; }
.telegram-preview-bar b, .telegram-preview-bar small { display: block; }
.telegram-preview-bar b { font-size: 12px; }
.telegram-preview-bar small { margin-top: 3px; color: #86a0b5; font-size: 8px; }
.telegram-preview-bar > i { font-style: normal; color: #6ca6d3; letter-spacing: 2px; }
.telegram-chat { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; overflow: auto; padding: 24px clamp(18px,3vw,42px); background-image: linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%); background-size: 32px 32px; }
.telegram-day { align-self: center; flex: 0 0 auto; margin-bottom: 12px; padding: 5px 10px; border-radius: 99px; background: #0f1b23cf; color: #c6d4dd; font-size: 10px; }
.telegram-bubble { position: relative; align-self: flex-start; width: min(86%,410px); padding: 11px 12px 8px; border-radius: 10px 10px 10px 3px; background: #f5f8fa; color: #19222b; box-shadow: 0 5px 18px #0c11172d; }
.telegram-photo { align-self: flex-start; width: min(86%,410px); overflow: hidden; margin-bottom: -3px; border-radius: 10px 10px 4px 4px; background: #111923; box-shadow: 0 5px 18px #0c11172d; }
.telegram-photo.selected { box-shadow: 0 0 0 2px #d6bf8d,0 8px 24px #0c11174d; }
.telegram-photo img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.telegram-bubble.selected { box-shadow: 0 0 0 2px #d6bf8d,0 8px 24px #0c11174d; }
.telegram-bubble > small { display: block; margin-bottom: 6px; color: #788895; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.telegram-bubble p { margin: 0; font-size: 12px; line-height: 1.5; }
.telegram-bubble button { width: calc(100% + 24px); margin: 10px -12px -8px; padding: 9px; border: 0; border-top: 1px solid #d7e0e6; border-radius: 0 0 10px 3px; background: transparent; color: #2481cc; font-size: 10px; font-weight: 750; pointer-events: none; }
.message-test-chat .telegram-bubble button { pointer-events: auto; cursor: pointer; }
.telegram-empty { margin: auto; padding: 20px; border: 1px dashed #70808c; color: #a8b6c0; font-size: 10px; text-align: center; }
.message-recipient-preview > footer { min-height: 56px; display: flex; align-items: center; justify-content: space-between; margin: 8px 11px 11px; padding: 0 14px; border-radius: 11px; background: #f5f7f9; color: #87939d; font-size: 10px; }
.message-recipient-preview > footer b { color: #2c83c7; font-size: 18px; }
.message-preview-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 6px; border-bottom: 1px solid #344453; background: #17202a; }
.message-preview-tabs button { min-height: 37px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #9fadc0; font-size: 11px; font-weight: 700; cursor: pointer; }
.message-preview-tabs button.active { border-color: #607b9b; background: #2a3c52; color: #eef5ff; }
.message-preview-tabs button:focus-visible { outline: 2px solid #8daee6; outline-offset: 2px; }
.message-test-setup { display: grid; gap: 10px; padding: 15px 18px; border-bottom: 1px solid #344453; background: #1b2732; }
.message-test-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 9px; }
.message-test-fields label { display: grid; gap: 5px; color: #bac9d8; font-size: 10px; font-weight: 700; }
.message-test-fields input { width: 100%; min-width: 0; padding: 9px; border: 1px solid #5b7083; border-radius: 5px; background: #111a23; color: #f1f5fa; color-scheme: dark; font: inherit; font-size: 11px; }
.message-test-setup > .button { min-height: 38px; font-size: 11px; }
.message-test-setup > small { color: #9fb2c4; font-size: 10px; line-height: 1.5; }
.message-test-stale { padding: 8px 10px; border: 1px solid #96764c; border-radius: 5px; background: #59421f55; color: #f3dca9; font-size: 10px; line-height: 1.45; }
.message-test-action-note { padding: 9px 14px; border-top: 1px solid #41617e; background: #22394c; color: #d4e9fa; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.message-test-chat { padding-top: 15px; }
.message-test-video { align-self: flex-start; width: min(65%,240px); aspect-ratio: 1; border-radius: 14px; background: #101920; object-fit: cover; }
.message-test-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 12px 14px; border-top: 1px solid #344453; background: #17222c; }
.message-test-controls > div { grid-column: 1 / -1; display: grid; gap: 3px; }
.message-test-controls strong { color: #eaf1f8; font-size: 11px; }
.message-test-controls small { color: #a6b7c8; font-size: 10px; line-height: 1.4; }
.message-test-controls > .button { min-height: 37px; padding: 6px 9px; font-size: 10px; }
.message-test-controls > .button:first-of-type:last-child { grid-column: 1 / -1; }
.message-inspector { padding: 21px; background: #141920; }
.message-media-editor { margin: 18px -4px 2px; padding: 15px; border: 1px solid #3b4655; border-radius: 6px; background: linear-gradient(145deg,#1b222c,#171c23); }
.message-media-editor.busy { border-color: #668db6; box-shadow: inset 0 0 32px #4d84bd12; }
.message-media-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.message-media-heading span { display: block; color: #d2bb8c; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.message-media-heading strong { display: block; margin-top: 4px; color: #e8edf3; font-size: 11px; }
.message-media-status { padding: 5px 7px; border: 1px solid #526073; border-radius: 99px; color: #a8b4c4; font-size: 8px; text-transform: uppercase; }
.message-media-status.queued, .message-media-status.running { border-color: #537ba4; color: #9bc5ed; background: #31577b2c; }
.message-media-status.succeeded { border-color: #4f8f6b; color: #9eddb8; }
.message-media-status.failed, .message-media-status.cancelled { border-color: #85515b; color: #eda8b4; }
.message-media-current { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 12px; align-items: center; }
.message-media-current > img { width: 92px; aspect-ratio: 16 / 10; border-radius: 5px; object-fit: cover; box-shadow: 0 0 0 1px #ffffff15; }
.message-media-current strong, .message-media-current small { display: block; }
.message-media-current strong { overflow: hidden; color: #e6ebf2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.message-media-current small { margin-top: 5px; color: #8390a1; font-size: 8px; line-height: 1.45; }
.message-media-current > div > div { display: flex; gap: 10px; margin-top: 9px; }
.message-media-current button, .message-media-button { padding: 0; border: 0; background: transparent; color: #9fc0e4; font-size: 8px; font-weight: 750; cursor: pointer; }
.message-media-current button { color: #d79da7; }
.message-media-button input, .message-media-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.message-media-drop { min-height: 106px; display: grid; place-items: center; align-content: center; gap: 4px; border: 1px dashed #566579; border-radius: 5px; color: #97a5b6; cursor: pointer; }
.message-media-drop:hover { border-color: #8aa5cf; background: #202a352e; }
.message-media-drop > span { color: #d1bb8d; font-size: 20px; font-weight: 300; }
.message-media-drop strong { color: #dfe6ef; font-size: 10px; }
.message-media-drop small { font-size: 8px; }
.message-field.compact { margin-top: 12px; }
.message-field.compact textarea { min-height: 82px; }
.message-image-generator { margin: 15px -15px -15px; padding: 15px; border-top: 1px solid #35404d; background: #12171e; }
.message-image-generator > div > strong { display: block; margin-top: 5px; color: #e7ecf3; font-size: 11px; }
.message-image-generator > div > p { margin: 5px 0 0; color: #7e8b9c; font-size: 8px; line-height: 1.5; }
.message-image-generator .message-generate { width: 100%; min-height: 38px; margin-top: 13px; font-size: 9px; }
.message-media-error { margin: 9px 0 0; color: #e6a1ad; font-size: 8px; line-height: 1.45; }
.message-field { display: grid; gap: 7px; margin-top: 18px; color: #d1d8e2; font-size: 10px; font-weight: 700; }
.message-field > span { color: #778597; font-size: 9px; font-weight: 500; line-height: 1.45; }
.message-field code { color: #cbb98f; }
.message-field input, .message-field select, .message-field textarea { width: 100%; padding: 11px 12px; border: 1px solid #414c5c; border-radius: 4px; outline: 0; background: #1a212b; color: #edf1f6; font: inherit; font-size: 11px; }
.message-field textarea { min-height: 148px; resize: vertical; line-height: 1.55; }
.message-field input:focus, .message-field select:focus, .message-field textarea:focus { border-color: #8aa5cf; box-shadow: 0 0 0 3px #6e91c621; }
.message-field > small { justify-self: end; color: #69778a; font-size: 8px; }
.message-delay { display: grid; grid-template-columns: 1fr auto; }
.message-delay input { border-radius: 4px 0 0 4px; }
.message-delay b { display: grid; place-items: center; padding: 0 12px; border: 1px solid #414c5c; border-left: 0; border-radius: 0 4px 4px 0; background: #202833; color: #8e9bac; font-size: 9px; }
.message-schedule-editor { display: grid; gap: 9px; margin-top: 18px; padding: 15px; border: 1px solid #465466; border-radius: 6px; background: #1b242e; }
.message-schedule-editor > strong { color: #f0f3f7; font-size: 12px; }
.message-schedule-editor > p { margin: 0; color: #a5b3c3; font-size: 10px; line-height: 1.5; }
.message-delay-parts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.message-delay-parts label { display: grid; gap: 5px; color: #b4c2d1; font-size: 9px; font-weight: 700; }
.message-delay-parts input { width: 100%; min-width: 0; padding: 10px; border: 1px solid #596779; border-radius: 5px; background: #111923; color: #f2f6fa; font-size: 12px; }
.message-delay-presets { display: flex; flex-wrap: wrap; gap: 6px; }
.message-delay-presets button { min-height: 29px; padding: 4px 8px; border: 1px solid #536174; border-radius: 5px; background: #26313e; color: #dce5ef; font-size: 9px; cursor: pointer; }
.message-delay-presets button:hover { border-color: #d0b987; }
.message-schedule-editor .message-field { margin-top: 3px; }
.message-schedule-editor input[type="datetime-local"] { color-scheme: dark; }
.message-schedule-result { color: #a9d8bb; font-size: 10px; line-height: 1.4; }
.message-schedule-error { color: #f1aab3; font-size: 10px; line-height: 1.4; }
.message-inspector-actions { margin-top: 22px; padding: 17px 0; border-top: 1px solid #343d49; border-bottom: 1px solid #343d49; }
.message-inspector-actions .button { width: 100%; min-height: 42px; }
.message-inspector-actions small { display: block; margin-top: 10px; color: #8693a4; font-size: 9px; line-height: 1.5; }
.message-order-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 16px; }
.message-order-actions button { min-height: 35px; border: 1px solid #3c4654; border-radius: 4px; background: #1b222b; color: #aeb9c8; font-size: 9px; font-weight: 700; }
.message-order-actions button.danger { grid-column: 1 / -1; border-color: #684249; color: #e3a4ae; background: #291a1d; }
.message-order-actions button:disabled { opacity: .35; }
@media (max-width: 1240px) {
  .message-studio-grid { grid-template-columns: minmax(280px,.85fr) minmax(360px,1.15fr); }
  .message-inspector { grid-column: 1 / -1; border-top: 1px solid #343d49; }
  .message-inspector { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; }
  .message-inspector-head, .message-media-editor, .message-inspector-actions, .message-order-actions, .message-inspector-empty { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .message-workbench-head { align-items: flex-start; flex-direction: column; padding: 22px 18px; }
  .message-stage-map { min-height: 94px; padding: 12px; }
  .message-stage { min-width: 132px; }
  .message-studio-grid { display: block; min-height: 0; }
  .message-sequence-panel, .message-recipient-preview { border-right: 0; border-bottom: 1px solid #343d49; }
  .message-recipient-preview { position: static; height: 430px; min-height: 0; }
  .message-recipient-preview.is-test { height: 650px; min-height: 0; }
  .message-inspector { display: block; }
}
@media (max-width: 450px) {
  .message-test-fields { grid-template-columns: 1fr; }
  .message-recipient-preview.is-test { height: 700px; }
}
@media (max-width: 980px) {
  .lesson-template-picker { grid-template-columns: 1fr; }
  .lesson-template-option { min-height: 180px; }
  .visual-editor-toolbar { grid-template-columns: 1fr; }
  .visual-editor-toolbar .course-preview-nav { overflow-x: auto; }
  .admin-lesson-page { min-width: 720px; }
}
@media (max-width: 620px) {
  .course-visual-editor { padding: 10px; }
  .visual-editor-canvas { max-height: 70vh; }
  .admin-lesson-page { min-width: 650px; transform-origin: top left; }
  .course-template-backdrop { padding: 0; }
  .course-template-preview { height: 100vh; border: 0; border-radius: 0; }
}
.course-script-preview { max-height: 560px; overflow: auto; margin: 20px 0 0; padding: 22px; border: 1px solid #394558;
  border-radius: 11px; background: #131a24; color: #d8e0ec; font: 12px/1.75 ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: pre-wrap; overflow-wrap: anywhere; }
.course-conversion, .course-lesson-analytics > div { margin-top: 22px; padding: 17px 0; border-bottom: 1px solid #343e4d; }
.course-conversion { display: grid; grid-template-columns: 1fr auto; gap: 12px; font-size: 15px; }
.course-conversion strong { color: var(--gold); font-size: 20px; }
.course-conversion .stat-progress, .course-lesson-analytics .stat-progress { grid-column: 1 / -1; }
.course-lesson-analytics > div { display: grid; grid-template-columns: 1fr auto; gap: 12px; font-size: 13px; }
.course-lesson-analytics strong { color: #e1e7ef; }
.course-settings > div:first-child p:last-child, .course-launch p, .course-lesson-card small { color: var(--muted); line-height: 1.6; }
.course-settings h2, .course-launch h2 { margin-bottom: 8px; }
.course-settings-grid, .course-lesson-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 25px; }
.course-settings label, .course-lesson-fields label { color: #c7ceda; font-weight: 680; font-size: 12px; }
.course-settings input, .course-settings select, .course-settings textarea,
.course-lesson-fields input, .course-lesson-fields textarea, .course-review-actions textarea {
  width: 100%; display: block; margin-top: 8px; padding: 13px 15px; border: 1px solid #414b5b;
  border-radius: 9px; background: #171c25; color: var(--text); outline: none;
}
.course-settings textarea { min-height: 100px; }
.course-lesson-fields textarea { min-height: 130px; resize: vertical; }
.course-settings input:focus, .course-settings select:focus, .course-settings textarea:focus,
.course-lesson-fields input:focus, .course-lesson-fields textarea:focus { border-color: var(--blue); }
.course-wide { grid-column: 1 / -1; }
.course-lessons { margin-top: 34px; }
.course-lessons .section-heading { margin-bottom: 4px; }
.course-lessons-intro { max-width: 650px; margin: 10px 0 0; color: #aab6c6; font-size: 13px; line-height: 1.6; }
.course-lesson-card { padding: 26px; margin-top: 16px; scroll-margin-top: 78px; }
.course-lesson-heading { display: flex; align-items: center; gap: 16px; }
.course-lesson-heading > div { flex: 1; }
.course-lesson-heading h3 { margin: 0; font-size: 22px; }
.lesson-video-status { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #4a5360; border-radius: 99px; color: #aeb9c9; font-size: 11px; font-weight: 680; white-space: nowrap; }
.lesson-video-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #758294; }
.lesson-video-status.ready { border-color: #54725f; color: #b9dcc7; background: #1c3328; }
.lesson-video-status.ready::before { background: #86d5ab; }
.course-number { min-width: 43px; height: 43px; display: inline-grid; place-items: center; border: 1px solid #65708a;
  border-radius: 10px; background: #2d3a52; color: #d9e2f2; font-weight: 760; font-size: 13px; }
.course-lesson-heading .text-button { color: #b8c5d7; }
.course-lesson-controls { display: flex; align-items: center; gap: 10px; }
.course-lesson-controls button { min-width: 34px; min-height: 34px; }
.course-lesson-controls button:disabled { opacity: .35; cursor: default; }
.course-launch { display: flex; justify-content: space-between; gap: 35px; align-items: flex-start; }
.course-launch > div:first-child { max-width: 650px; }
.course-launch .release-actions { flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; }
.course-preview { max-width: 720px; }
.course-preview-nav { display: flex; gap: 8px; margin: 20px 0; }
.course-preview-nav button { border: 1px solid #4c566a; border-radius: 8px; background: #242d3c; color: var(--text); padding: 8px 12px; }
.course-preview-nav button.active { border-color: #d2bd97; color: #e8d3ad; }
.course-preview-body { padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: #161c25; line-height: 1.7; }
.course-preview-body > div { padding: 20px 0; white-space: normal; }
.course-preview-body h2 { font-size: 30px; line-height: 1.13; }
.course-preview-body video { display: block; width: 100%; max-height: 380px; margin: 18px 0;
  border-radius: 10px; background: #080b10; }
.embedded-video { width: 100%; min-height: 200px; aspect-ratio: 16 / 9; margin: 18px 0; padding: 0 !important; border: 1px solid #46536a; border-radius: 12px; overflow: hidden; background: #080b10; }
.embedded-video iframe { display: block; width: 100%; height: 100%; min-height: 200px; border: 0; }
.video-link-preview:empty { display: none; }
.video-link-preview video { display: block; width: 100%; max-height: 360px; margin-top: 18px; border-radius: 10px; background: #080b10; }
.video-link-warning { margin: 16px 0 0 !important; color: #d9c79e !important; font-size: 12px; line-height: 1.6; }
.video-link-warning a { color: #d8e5ff; }
.video-upload-card { min-width: 0; padding: 23px; border: 1px solid #46536a; border-radius: 12px; background: #151d29; }
.video-upload-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.video-upload-heading .eyebrow { margin: 0 0 6px; }
.video-upload-heading strong { color: #edf1f7; font-size: 19px; letter-spacing: -.02em; }
.video-upload-card p, .video-reusable small { color: var(--muted); line-height: 1.5; }
.video-upload-card > p { max-width: 680px; margin: 14px 0 17px; font-size: 13px; }
.video-file-action { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 0 17px; border: 1px solid #8ba6db; border-radius: 8px; background: #30466c; color: #edf3ff; font-size: 12px; font-weight: 720; cursor: pointer; overflow: hidden; }
.video-file-action:hover { border-color: #b5c7ed; background: #3b5682; }
.video-file-action.busy { opacity: .6; cursor: default; }
.video-file-action input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.video-file-action:focus-within { outline: 2px solid #a9bbed; outline-offset: 3px; }
.video-file-limits { display: block; margin-top: 10px; color: #8e9caf; font-size: 11px; }
.video-external-link { display: block; margin-top: 22px; max-width: 680px; }
.video-upload-error { color: #f2b5bf !important; }
.video-save-note { color: #c4d5f2 !important; }
.video-upload-card [data-video-upload-progress] { color: var(--gold); font-weight: 750; }
.video-asset { display: grid; gap: 11px; margin-top: 16px; }
.video-asset video { display: block; width: 100%; max-height: 360px; border-radius: 10px; background: #080b10; }
.video-asset span { color: #d7e1ef; overflow-wrap: anywhere; }
.video-asset button, .video-reusable button { justify-self: start; }
.video-reusable { display: grid; justify-items: start; gap: 8px; padding: 12px 0; }
.video-reusable > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.video-reusable > div > span { color: #d7e1ef; overflow-wrap: anywhere; }
.course-review-queue { margin-bottom: 25px; }
.course-review-list { display: grid; gap: 8px; }
.course-review-list a { display: flex; align-items: center; gap: 15px; padding: 15px; border: 1px solid var(--line);
  border-radius: 9px; background: #181f2a; text-decoration: none; }
.course-review-list a:hover { border-color: var(--blue); }
.course-review-list a strong { min-width: 160px; }
.course-review-list a span { flex: 1; color: var(--muted); }
.course-review-list a small { color: var(--gold); }
.course-crm { margin-bottom: 25px; }
.course-crm-lessons { display: grid; gap: 10px; }
.course-crm-lessons article { padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: #171d26; }
.course-crm-lessons article > div:first-child { display: flex; align-items: center; gap: 14px; }
.course-crm-lessons article > div:first-child strong { flex: 1; }
.course-crm-lessons article > div:first-child small { color: var(--gold); }
.course-crm-lessons blockquote { margin: 16px 0 0 57px; color: #d2d9e5; line-height: 1.6; white-space: normal; }
.course-review-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0 0 57px; }
.course-review-actions textarea { flex-basis: 100%; min-height: 82px; margin: 0; }
.workspace-switch-label { display: grid; gap: 7px; margin: 12px 0 8px; color: var(--quiet); font-size: 11px; }
.workspace-switch-label select { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); }
.curator-invite-url { display: grid; gap: 12px; margin: 22px 0; padding: 17px; border: 1px solid #756d55; border-radius: 10px; background: #756d551a; }
.curator-invite-url p { margin: 0; color: var(--muted); }
.curator-invite-url code { overflow-wrap: anywhere; color: var(--gold); }
.curator-invite-url .button { justify-self: start; }
.curator-list { display: grid; gap: 10px; margin-top: 25px; }
.curator-list h3 { margin: 15px 0 2px; }
.curator-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 9px; background: #171d26; }
.curator-row span { display: grid; gap: 5px; }
.curator-row small { color: var(--muted); }
.curator-assignment { flex-wrap: wrap; }
.curator-assignment form { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.curator-assignment form label { min-width: 190px; margin: 0; }
.curator-assignment form select { margin-top: 4px; }
.curator-assignment form button { margin: 0; }
.review-count { display: inline-flex; margin: 12px 0 20px; padding: 8px 13px; border: 1px solid #766c55; border-radius: 99px; color: var(--gold); font-size: 12px; }
.review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 16px; }
.review-card { padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(145deg, #202632, #171d26); }
.review-card h2 { margin: 0 0 15px; font-size: 21px; }
.review-card > p { color: var(--muted); }
.review-card > p.review-overdue { color: #f0aab2; font-weight: 700; }
.review-card blockquote { min-height: 75px; margin: 18px 0; padding: 15px; border-left: 2px solid var(--gold); background: #0e131b; line-height: 1.6; overflow-wrap: anywhere; }
.review-card .course-review-actions { margin-left: 0; }
.review-card .text-button { display: inline-block; margin-top: 15px; }
.mini-editor-lesson { margin-top: 25px; padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: #171d26; }
.mini-editor-lesson .section-heading { margin-bottom: 15px; }
.mini-editor-lesson h3 { margin: 4px 0 0; }
.payment-editor-plan { padding: 20px 0; border-top: 1px solid var(--line); }
.payment-editor-plan + .payment-editor-plan { margin-top: 10px; }
.payment-editor-plan .course-settings-grid { margin-top: 12px; }
.selected-product-image { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.selected-product-image img { width: 96px; height: 70px; object-fit: cover; border-radius: 7px; }
.selected-product-image span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.image-library { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 15px; margin-top: 20px; }
.image-library article { display: grid; gap: 8px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: #171d26; }
.image-library img { width: 100%; height: 140px; object-fit: cover; border-radius: 7px; background: #0e1219; }
.image-library strong { font-size: 13px; overflow-wrap: anywhere; }
.image-library small { color: var(--muted); }
.image-library article div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.image-library .button { margin: 0; }
.course-signal-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 24px 0; }
.course-signal-stats div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 9px; background: #171d26; }
.course-signal-stats span { color: var(--muted); }
.course-signal-stats strong { white-space: nowrap; }
@media (max-width: 700px) { .course-signal-stats { grid-template-columns: 1fr; } }
.mini-editor-task { display: grid; grid-template-columns: 28px 1fr auto; align-items: start; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line-soft); }
.mini-editor-task > span { color: var(--gold); font-weight: 700; }
.mini-editor-task label { display: grid; gap: 7px; color: var(--muted); }
.mini-editor-task textarea { min-height: 72px; }

@media (max-width: 760px) {
  .course-settings, .course-launch, .course-lesson-card, .course-review-queue { padding: 19px; }
  .course-settings-grid, .course-lesson-fields { grid-template-columns: minmax(0, 1fr); }
  .course-launch { display: block; }
  .course-launch .release-actions { margin-top: 20px; }
  .course-lesson-heading { flex-wrap: wrap; }
  .course-lesson-heading > div { flex-basis: calc(100% - 65px); }
  .course-lesson-controls { width: 100%; justify-content: flex-end; }
  .video-upload-heading { flex-wrap: wrap; }
  .site-lesson-content { align-items: stretch; flex-direction: column; }
  .course-review-list a { display: block; }
  .course-review-list a span, .course-review-list a small { display: block; margin-top: 5px; }
  .course-crm-lessons blockquote, .course-review-actions { margin-left: 0; }
}

@media (max-width: 1000px) {
  .course-path-workspace { grid-template-columns: 1fr; }
  .course-path-aside ol { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 18px; }
  .guide-card ol { grid-template-columns: 1fr; gap: 13px; }
  .content { max-width: 900px; }
  .course-content { max-width: none; }
  .editor-grid { grid-template-columns: 1fr; }
  .editor-help { order: -1; }
  .home-product-grid { grid-template-columns: 1fr; }
  .platform-hero { grid-template-columns: 1fr; }
  .platform-hero aside { min-height: 170px; }
}
@media (max-width: 760px) {
  .course-module-groups { gap: 17px; }
  .course-path-aside ol { grid-template-columns: 1fr; }
  .course-path-list > div, .course-path-list > a { flex-wrap: wrap; }
  .auth-shell { grid-template-columns: 1fr; }
  .auth-aside { min-height: 240px; padding: 26px; }
  .auth-promise { margin-top: 40px; }
  .auth-promise h1 { margin: 14px 0; font-size: 38px; }
  .auth-promise > p:last-child, .auth-foot { display: none; }
  .auth-main { padding: 36px 22px; }
  .shell { display: block; }
  .sidebar { position: relative; height: auto; padding: 16px 18px 11px; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar .brand { margin: 0 0 13px; }
  .workspace-label, .workspace-card { display: none; }
  .sidebar nav { display: flex; gap: 7px; margin: 0 -18px; padding: 0 18px 2px; overflow-x: auto; scrollbar-width: none; }
  .sidebar nav::-webkit-scrollbar { display: none; }
  .nav-section { display: contents; }
  .nav-section-title { display: none; }
  .nav-item { width: max-content; min-height: 38px; flex: 0 0 auto; padding: 0 10px; }
  .nav-subitems, .nav-product-state { display: none; }
  .sidebar-bottom { position: absolute; right: 18px; top: 20px; margin: 0; padding: 0; border: 0; }
  .logout { padding: 8px 0; }
  .logout span { display: none; }
  .topbar { height: 56px; padding: 0 20px; }
  .content { padding: 33px 20px 65px; }
  .course-content { padding: 24px 20px 65px; }
  .course-studio .editor-actions > span { width: 100%; margin: 2px 0 0; }
  .course-journey-step { min-height: 82px; gap: 12px; }
  .page-head h1 { font-size: 35px; }
  .connection-card, .guide-card { padding: 21px; }
  .connection-header { flex-wrap: wrap; }
  .status-pill { margin-left: 0; }
  .studio-intro { grid-template-columns: 1fr; padding: 22px; }
  .editor-top { gap: 12px; }
  .release-card { display: block; padding: 19px; }
  .release-actions { margin-top: 18px; }
  .entry-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .entry-row { flex-wrap: wrap; }
  .entry-row-main { flex-basis: 100%; }
  .flow-canvas { padding: 12px; }
  .flow-step { gap: 10px; padding: 14px; }
  .message-link > div { grid-template-columns: 1fr; }
  .choice-option { grid-template-columns: 20px 1fr 20px; }
  .choice-option label:nth-of-type(2) { grid-column: 2; }
  .choice-option > button { grid-column: 3; grid-row: 1; }
  .flow-add-actions { grid-template-columns: 1fr; }
  .preview-panel { padding: 16px; }
  .crm-detail-grid, .analytics-grid { grid-template-columns: 1fr; }
  .platform-hero, .product-hero { min-height: 0; display: block; padding: 27px 23px; }
  .platform-hero h1, .product-hero h1 { font-size: 39px; }
  .platform-hero aside { min-height: 160px; margin-top: 28px; }
  .product-hero-mark { display: none; }
  .product-module-grid, .product-roadmap { grid-template-columns: 1fr; }
  .product-module-card { grid-template-columns: 40px minmax(0,1fr); }
  .product-module-card aside { grid-column: 2; display: flex; justify-content: space-between; justify-self: stretch; }
  .build-notice { grid-template-columns: 1fr; gap: 10px; }
  .product-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-heading { align-items: flex-start; flex-direction: column; }
  .product-grid.future-grid { grid-template-columns: 1fr; }
  .product-section-title { align-items: flex-start; flex-direction: column; gap: 6px; }
}
@media (max-width: 480px) {
  .sidebar .brand-word { font-size: 13px; }
  .sidebar .brand-mark { width: 32px; height: 32px; }
  .sidebar-bottom { right: 16px; top: 18px; }
  .logout { font-size: 10px; }
  .page-head h1 { font-size: 31px; }
  .token-field input { padding-right: 15px; }
  .token-field span { display: none; }
  .data-notice { display: block; }
  .data-notice span { display: block; margin-top: 7px; }
  .entry-form { grid-template-columns: 1fr; }
  .entry-row-stats { flex: 1; }
  .crm-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-kpis { grid-template-columns: 1fr; }
  .lead-stage { display: none; }
  .simulation-panel { margin: 15px; padding: 19px; }
}
/* Sites studio: modular pages with the product's restrained dark palette. */
.nt-sites-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:32px;align-items:center;margin:30px 0 42px;padding:34px;border:1px solid #465063;border-radius:18px;background:radial-gradient(circle at 85% 15%,#47567436,transparent 44%),linear-gradient(125deg,#202835,#171c25)}
.nt-sites-create h2,.nt-site-settings h2{margin:8px 0;font-size:clamp(23px,2.5vw,32px);letter-spacing:-.045em}.nt-sites-create p,.nt-site-settings p{max-width:540px;color:#aab5c5;line-height:1.65;font-size:13px}.nt-sites-create form{display:grid;gap:12px;padding:20px;border:1px solid #4a5668;border-radius:12px;background:#171d27}.nt-sites-create label,.nt-site-settings label,.nt-site-page-meta label{display:grid;gap:8px;color:#bfc9d7;font-size:12px;font-weight:700}.nt-sites-create input,.nt-site-settings input,.nt-site-settings select,.nt-site-page-meta input,.nt-site-page-tools input{width:100%;min-height:43px;padding:10px 13px;border:1px solid #536071;border-radius:8px;background:#121822;color:#f3f5f7;font:inherit;font-size:13px}.nt-sites-create .button{width:100%}
.nt-site-editor{max-width:1720px;margin:auto}.nt-site-top{display:flex;justify-content:space-between;gap:25px;margin:4px 0 24px}.nt-site-top h1{font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.06em;margin:13px 0}.nt-site-top p:last-child{color:#aeb8c7;line-height:1.6;font-size:13px}.nt-site-status{align-self:start;white-space:nowrap;padding:9px 15px;border:1px solid #5e6270;border-radius:100px;background:#242936;color:#c9d0d9;font-size:12px;font-weight:750}.nt-site-status.live{color:#9dd6ba;border-color:#547a69;background:#233a32}.nt-site-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 0 25px;border-top:1px solid #394353;border-bottom:1px solid #394353}.nt-site-actions small{margin-left:auto;color:#98a5b5;font-size:11px}.nt-site-actions .button{min-height:42px;text-decoration:none}.nt-site-settings{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:32px;padding:25px 0;border-bottom:1px solid #394353}.nt-site-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.nt-site-settings>small{grid-column:2;color:#9eadbc}.nt-site-page-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.nt-site-page-tools form{display:flex;align-items:center;gap:9px;min-width:0}.nt-site-page-tools input{min-width:180px}.nt-site-page-tools .button{white-space:nowrap}.nt-site-page-meta{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:12px;padding:18px;border:1px solid #424d5b;border-radius:12px;background:#1b222d;margin:0 0 22px}.nt-site-page-meta input:disabled{opacity:.6}.nt-site-editor .site-preview-column{position:sticky;top:24px}
.nt-site-top .text-button{display:inline-block;margin:0 0 19px;color:#d4dfef;font-size:12px;text-decoration:none}.nt-site-top .eyebrow{display:block;margin:0 0 11px}.nt-site-top .text-button:hover{text-decoration:underline}
.nt-site-metrics{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-7px 0 18px}.nt-site-metrics span{padding:9px 13px;border:1px solid #3e4b5a;border-radius:9px;background:#1d2530;color:#aebccc;font-size:11px}.nt-site-metrics b{color:#ead2a9;font-size:14px}.nt-site-metrics small{color:#8695a6;font-size:10px}
@media(max-width:1000px){.nt-sites-create,.nt-site-settings{grid-template-columns:1fr}.nt-site-settings>small{grid-column:1}.nt-site-page-meta{grid-template-columns:1fr 1fr}.nt-site-page-meta label:last-child{grid-column:1/-1}.nt-site-editor .site-preview-column{position:static}}
@media(max-width:650px){.nt-sites-create{padding:22px;grid-template-columns:1fr}.nt-site-top{display:block}.nt-site-status{display:inline-block}.nt-site-settings-grid,.nt-site-page-meta{grid-template-columns:1fr}.nt-site-page-meta label:last-child{grid-column:auto}.nt-site-page-tools{align-items:stretch;flex-direction:column}.nt-site-page-tools form{flex-direction:column;align-items:stretch}.nt-site-actions small{width:100%;margin-left:0}}
.site-studio { margin-top: 24px; }
.site-studio-heading { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.site-studio-heading h2 { font-size: clamp(26px, 3vw, 35px); letter-spacing: -.045em; margin: 9px 0; }
.site-studio-heading p:last-child { max-width: 690px; color: var(--muted); line-height: 1.7; font-size: 13px; }
.site-studio-heading-actions { display: flex; flex: 0 0 auto; align-items: flex-start; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.site-design-showcase-link { display: inline-flex; align-items: center; min-height: 37px; padding: 9px 13px; border: 1px solid #a99066; border-radius: 9px; color: #e9d1a7; font-size: 12px; font-weight: 700; text-decoration: none; }
.site-design-showcase-link:hover { background: #2b271f; }
.site-page-count { align-self: flex-start; white-space: nowrap; padding: 9px 13px; border: 1px solid #4b5360; border-radius: 50px; color: var(--gold); font-size: 11px; }
.site-page-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 5px; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 12px; background: #171c25; }
.site-page-tabs button { flex: 0 0 auto; border: 0; border-radius: 8px; padding: 11px 16px; background: transparent; color: #aab3c2; font-size: 12px; font-weight: 650; }
.site-page-tabs button.active { background: #2d3543; color: #f4f2ed; box-shadow: inset 0 0 0 1px #596274; }
.site-studio-grid { display: grid; grid-template-columns: minmax(340px,.9fr) minmax(360px,1.1fr); align-items: start; gap: 22px; }
.site-editor-column { min-width: 0; }
.site-context-note,.site-preview-note { margin: 0 0 18px; padding: 13px 15px; border-left: 2px solid #bda987; background: #bda9870c; color: #bfc7d3; font-size: 12px; line-height: 1.6; }
.site-editor-title { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin: 19px 0 11px; }
.site-editor-title strong { color: #f1f2f5; font-size: 15px; }
.site-editor-title small { color: #8994a4; font-size: 11px; }
.site-lesson-content { display: flex; justify-content: space-between; align-items: center; gap: 14px; border: 1px solid #414b5a; border-radius: 12px; background: #1b222d; margin-bottom: 18px; padding: 16px; }
.site-lesson-content strong { display: block; color: #e5e6e8; font-size: 13px; }
.site-lesson-content small { display: block; margin-top: 5px; color: #97a4b7; font-size: 11px; }
.site-lesson-content .button { min-height: 37px; padding: 0 12px; font-size: 11px; }
.site-block-row { display: flex; align-items: stretch; gap: 6px; border: 1px solid #3b4553; border-radius: 10px; background: #1b222c; margin-bottom: 7px; }
.site-block-row.selected { border-color: #bda987; background: #242b35; box-shadow: 0 0 0 2px #bda98716; }
.site-block-select { min-width: 0; flex: 1; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 3px 10px; padding: 13px; border: 0; background: transparent; color: #f1f3f5; text-align: left; }
.site-block-select span { grid-row: 1/3; color: var(--gold); font-size: 11px; }
.site-block-select strong { font-size: 13px; }
.site-block-select small { overflow: hidden; color: #9ba6b6; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.site-block-controls { display: flex; align-items: center; gap: 2px; padding: 0 8px 0 0; }
.site-block-controls button { width: 24px; height: 30px; padding: 0; border: 0; background: none; color: #aeb9c9; font-size: 15px; }
.site-block-controls button:hover:not(:disabled) { color: #f4d6a8; }
.site-editor-empty { padding: 30px; border: 1px dashed #455061; border-radius: 10px; color: #99a5b6; font-size: 12px; }
.site-inspector { margin: 16px 0 25px; padding: 19px; border: 1px solid #59677c; border-radius: 13px; background: linear-gradient(160deg,#242e3b,#1b222c); }
.site-inspector-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 18px; }
.site-inspector-head strong { font-size: 16px; }
.site-block-fields { display: grid; gap: 14px; }
.site-block-fields label,.site-image-picker label { display: grid; gap: 7px; color: #bec8d6; font-size: 11px; font-weight: 680; }
.site-block-fields input:not([type=file]),.site-block-fields textarea,.site-block-fields select { width: 100%; min-height: 42px; padding: 11px 12px; border: 1px solid #515e70; border-radius: 8px; background: #151b24; color: #f3f5f8; font-size: 13px; }
.site-block-fields textarea { min-height: 84px; line-height: 1.55; resize: vertical; }
.site-items-editor { border-top: 1px solid #435062; padding-top: 15px; }
.site-items-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 12px; }
.site-item-fields { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 13px 0; border-top: 1px solid #394656; }
.site-item-fields > span { color: var(--gold); font-size: 11px; }
.site-item-fields label,.site-item-fields button { grid-column: 2; }
.site-item-fields button { justify-self: start; }
.site-image-picker { display: grid; gap: 13px; }
.site-image-picker img { width: 100%; max-height: 220px; object-fit: cover; border-radius: 9px; }
.site-catalog,.site-templates { padding: 17px; border: 1px solid #3c4553; border-radius: 12px; background: #1a202a; margin: 18px 0; }
.site-catalog .site-editor-title,.site-templates .site-editor-title { margin: 0 0 15px; }
.site-search-label { display: grid; gap: 7px; margin-bottom: 19px; color: #aeb8c7; font-size: 11px; }
.site-search-label input { width: 100%; min-height: 42px; padding: 10px 13px; border: 1px solid #505c6e; border-radius: 8px; background: #141b25; color: #f2f4f7; font: inherit; font-size: 12px; }
.site-catalog-group + .site-catalog-group,.site-template-group + .site-template-group { margin-top: 22px; }
.site-catalog-group h3,.site-template-group h3 { margin: 0 0 10px; color: #cbb795; font-size: 11px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.site-catalog button[hidden],.site-catalog-group[hidden] { display: none !important; }
.site-catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.site-catalog-grid button { min-height: 80px; display: grid; grid-template-columns: 25px 1fr; gap: 2px 8px; align-content: center; padding: 12px; border: 1px solid #424d5d; border-radius: 9px; background: #212936; color: #e9edf4; text-align: left; }
.site-catalog-grid button:hover:not(:disabled),.site-templates button:hover:not(:disabled) { border-color: #bca985; background: #283241; }
.site-catalog-grid button span { grid-row: 1/3; color: var(--gold); font-size: 20px; }
.site-catalog-grid button strong { font-size: 12px; }
.site-catalog-grid button small { color: #99a5b5; font-size: 10px; line-height: 1.4; }
.site-catalog-drilldown { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 19px; color: #9faab9; font-size: 11px; }
.site-catalog-back { border: 0; background: transparent; color: #e7d4ad; font: inherit; font-weight: 730; cursor: pointer; padding: 0; }
.site-catalog-back:hover { color: #fff2d5; }
.site-catalog-module-head { padding: 0 0 17px; border-bottom: 1px solid #3d4857; margin-bottom: 17px; }
.site-catalog-module-head h3 { margin: 6px 0; color: #f2f0eb; font-size: 23px; letter-spacing: -.035em; }
.site-catalog-module-head p { margin: 0; color: #a6b1bf; font-size: 12px; line-height: 1.55; }
.site-variant-grid,.site-layout-inspector-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.site-layout-inspector { border-bottom: 1px solid #424d5d; padding-bottom: 20px; margin-bottom: 20px; }
.site-layout-inspector .site-items-head { gap: 12px; align-items: baseline; }
.site-layout-inspector .site-items-head small { color: #9ca9b9; font-size: 10px; text-align: right; }
.site-variant-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-content: start; min-width: 0; min-height: 202px; padding: 10px; border: 1px solid #465265; border-radius: 12px; background: linear-gradient(160deg,#222c3a,#1b2430); color: #f0f2f6; text-align: left; cursor: pointer; font: inherit; transition: border-color .18s,transform .18s,background .18s; }
.site-variant-card:hover:not(:disabled),.site-variant-card:focus-visible { border-color: #d2bd96; background: #273343; transform: translateY(-2px); outline: none; }
.site-variant-card.selected { border-color: #d2bd96; background: #293546; box-shadow: inset 0 0 0 1px #d2bd9650; }
.site-variant-card:disabled { opacity: .46; cursor: not-allowed; }
.site-variant-thumbnail { position: relative; grid-column: 1/-1; display: block; height: 94px; overflow: hidden; border: 1px solid #586477; border-radius: 7px; background: #111824; }
.site-variant-thumbnail i { position: absolute; display: block; border-radius: 3px; }
.site-variant-thumbnail .sample-kicker { left: 13px; top: 15px; width: 29%; height: 4px; background: #c8ae82; }
.site-variant-thumbnail .sample-title { left: 13px; top: 27px; width: 65%; height: 10px; background: #dce3ed; }
.site-variant-thumbnail .sample-line { left: 13px; top: 46px; width: 74%; height: 4px; background: #8292a8; }
.site-variant-thumbnail .sample-line.short { top: 55px; width: 53%; }
.site-variant-thumbnail .sample-action { left: 13px; bottom: 11px; width: 45px; height: 11px; background: #bea77e; }
.site-variant-thumbnail .sample-media { right: 11px; top: 22px; width: 34%; height: 58px; background: linear-gradient(135deg,#50627b,#273b57); border: 1px solid #8a9cba; }
.site-variant-thumbnail:has(.sample-media) .sample-title { width: 46%; }
.site-variant-thumbnail:has(.sample-media) .sample-line { width: 42%; }
.site-variant-thumbnail:has(.sample-media) .sample-line.short { width: 33%; }
.site-variant-thumbnail.type-hero.layout-classic .sample-media { display: none; }
.site-variant-thumbnail.type-hero.layout-classic .sample-title { width: 70%; }
.site-variant-thumbnail.type-hero.layout-classic .sample-line { width: 80%; }
.site-variant-thumbnail.type-hero.layout-classic .sample-line.short { width: 55%; }
.site-variant-thumbnail .sample-items { left: 13px; right: 13px; bottom: 10px; display: flex; gap: 5px; height: 23px; }
.site-variant-thumbnail .sample-items b { flex: 1; border: 1px solid #78899f; border-radius: 3px; background: #334255; }
.site-variant-thumbnail:has(.sample-items) .sample-action { display: none; }
.site-variant-thumbnail.layout-center .sample-kicker,.site-variant-thumbnail.layout-center .sample-title,.site-variant-thumbnail.layout-center .sample-line,.site-variant-thumbnail.layout-center .sample-action { left: 50%; transform: translateX(-50%); }
.site-variant-thumbnail.layout-center .sample-media { left: 30%; right: auto; top: 60px; width: 40%; height: 24px; }
.site-variant-thumbnail.layout-center .sample-title { width: 54%; }
.site-variant-thumbnail.layout-center .sample-line { width: 46%; }
.site-variant-thumbnail.layout-center .sample-line.short { width: 33%; }
.site-variant-thumbnail.layout-split .sample-title,.site-variant-thumbnail.layout-split .sample-line { width: 40%; }
.site-variant-thumbnail.layout-split .sample-line.short { width: 30%; }
.site-variant-thumbnail.layout-split .sample-items { left: 56%; right: 11px; top: 15px; bottom: auto; height: 65px; flex-direction: column; }
.site-variant-thumbnail.layout-spotlight { background: radial-gradient(circle at 80% 20%,#9b745a90,transparent 55%),#1c2a3b; border-color: #a28b6a; }
.site-variant-thumbnail.layout-editorial,.site-variant-thumbnail.layout-minimal { background: #17202b; border-top: 2px solid #bfa77e; border-bottom: 0; border-left: 0; border-right: 0; }
.site-variant-thumbnail.layout-editorial .sample-title { height: 14px; top: 24px; width: 75%; }
.site-variant-thumbnail.layout-band .sample-title { top: 39px; width: 38%; }
.site-variant-thumbnail.layout-band .sample-line { left: 54%; top: 41px; width: 30%; }
.site-variant-thumbnail.layout-band .sample-line.short { display: none; }
.site-variant-thumbnail.layout-band .sample-action { left: auto; right: 11px; top: 54px; }
.site-variant-thumbnail.layout-columns .sample-line { width: 34%; height: 23px; }
.site-variant-thumbnail.layout-columns .sample-line.short { left: 53%; top: 46px; width: 34%; }
.site-variant-thumbnail.layout-bordered .sample-items b { background: transparent; border-radius: 0; }
.site-variant-thumbnail.layout-rows .sample-items { height: 42px; flex-direction: column; }
.site-variant-thumbnail.layout-carousel .sample-items { right: -18px; }
.site-variant-thumbnail.layout-horizontal .sample-items { height: 12px; border-top: 1px solid #bfa77e; }
.site-variant-thumbnail.layout-mosaic .sample-items { height: 34px; }
.site-variant-thumbnail.layout-mosaic .sample-items b:first-child { flex: 2; }
.site-submissions{margin-bottom:18px}
.site-submission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}
.site-submission-list article{min-width:0;padding:20px;border:1px solid #425066;border-radius:13px;background:#1a2432}
.site-submission-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #3c4a5e}
.site-submission-list header strong{font-size:16px;color:#f2eee6}
.site-submission-list header span{font-size:11px;color:#b0bdd0;white-space:nowrap}
.site-submission-list dl{display:grid;gap:12px;margin:16px 0 0}
.site-submission-list dt{margin-bottom:4px;font-size:11px;color:#d5bd92}
.site-submission-list dd{margin:0;color:#e6ebf3;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.site-variant-copy { min-width: 0; display: grid; gap: 4px; align-content: start; }
.site-variant-copy strong { font-size: 12px; line-height: 1.3; }
.site-variant-copy small { color: #a6b3c3; font-size: 10px; line-height: 1.4; }
.site-variant-arrow { color: #d6bd92; font-size: 14px; }
.site-template-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.site-templates button { width: 100%; display: grid; gap: 7px; align-content: start; padding: 14px; border: 1px solid #424d5d; border-radius: 9px; background: #212936; color: #e9edf4; text-align: left; }
.site-templates button strong { font-size: 12px; }
.site-templates button span { color: #aeb8c7; font-size: 11px; }
.site-field-help { margin: 0 0 13px; color: #96a4b6; font-size: 11px; line-height: 1.5; }
.site-preview-column { min-width: 0; position: sticky; top: 20px; }
.site-preview-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 16px; border: 1px solid #414b59; border-radius: 12px 12px 0 0; background: #202732; }
.site-preview-toolbar > div:first-child { display: grid; gap: 3px; }
.site-preview-toolbar strong { font-size: 13px; }
.site-device-switch { display: flex; gap: 3px; padding: 3px; border: 1px solid #4a5564; border-radius: 8px; }
.site-device-switch button { padding: 7px 10px; border: 0; border-radius: 5px; background: transparent; color: #a7b2c1; font-size: 10px; }
.site-device-switch button.active { background: #697b97; color: #fff; }
.site-preview-stage { max-height: min(760px,calc(100vh - 165px)); overflow: auto; display: flex; justify-content: center; padding: 20px; border: 1px solid #414b59; border-top: 0; border-radius: 0 0 12px 12px; background: radial-gradient(#65728720 1px,transparent 1px) 0 0/16px 16px,#151b23; }
.site-preview-document { width: 100%; min-height: 560px; background: #0e1219; color: #f4f3f0; box-shadow: 0 18px 50px #0008; transition: max-width .2s; }
.site-preview-document.mobile { max-width: 375px; }
.site-preview-header { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 17px 22px; border-bottom: 1px solid #343d4b; }
.site-preview-header strong { color: #dec8a4; font-size: 12px; letter-spacing: .16em; }
.site-preview-header span { color: #a7b1bf; font-size: 10px; }
.site-preview-content { padding: 18px; }
.site-preview-block,.site-preview-lesson,.site-preview-practice { margin-bottom: 13px; padding: 25px; border: 1px solid #394555; border-radius: 13px; background: #1b2330; }
.site-preview-block.preview-selected { outline: 2px solid #c7af84; outline-offset: 3px; }
.site-preview-block.hero { padding: 38px 30px; background: radial-gradient(circle at 88% 20%,#68759033,transparent 40%),#1b2330; }
.site-preview-block.cta { border-color: #717178; background: linear-gradient(135deg,#273549,#242731); }
.site-preview-block.quote { border-left: 3px solid #d4bb91; }
.site-preview-block.text { background: transparent; }
.site-preview-block.divider { border: 0; border-top: 1px solid #6c7688; border-radius: 0; background: transparent; text-align: center; }
.site-preview-block.divider h2 { font-size: 15px; }
.site-preview-block.stats .site-preview-items strong { color: #dec8a4; font-size: 25px; }
.site-preview-block.checklist .site-preview-items > div { border: 0; background: transparent; }
.site-preview-block.timeline .site-preview-items { display: block; border-left: 1px solid #68768a; }
.site-preview-block.timeline .site-preview-items > div { margin-left: 14px; border: 0; border-bottom: 1px solid #485465; background: transparent; }
.site-preview-block.testimonials .site-preview-items p { color: #f0f1f3; font-style: italic; }
.site-preview-block.gallery .site-preview-items > div { padding: 7px; }
.site-preview-block.gallery .site-preview-items img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 6px; margin-bottom: 8px; }
.site-preview-block.pricing .site-preview-items > div { border-color: #a38f6e; }
.site-preview-block h2,.site-preview-lesson h1,.site-preview-practice h2 { margin: 9px 0 11px; font-size: clamp(20px,2.5vw,32px); line-height: 1.13; letter-spacing: -.045em; }
.site-preview-block.hero h2 { font-size: clamp(30px,4vw,48px); }
.site-preview-block p,.site-preview-lesson p,.site-preview-practice p { color: #bdc7d2; line-height: 1.6; white-space: pre-wrap; font-size: 13px; }
.site-preview-kicker,.site-preview-lesson small,.site-preview-practice small { color: #dec8a4; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.site-preview-action { display: inline-block; margin-top: 17px; padding: 11px 15px; border-radius: 7px; background: #d4bb91; color: #151c25; font-size: 12px; font-weight: 760; }
.site-preview-items { display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 8px; margin-top: 17px; }
.site-preview-items > div { padding: 14px; border: 1px solid #455161; border-radius: 9px; background: #242d39; }
.site-preview-items > details { padding: 14px; border: 1px solid #455161; border-radius: 9px; background: #242d39; }
.site-preview-items small { display: block; color: #d4bb91; margin-bottom: 7px; }
.site-preview-items strong { display: block; font-size: 12px; }
.site-preview-items p { font-size: 11px; margin: 7px 0 0; }
.site-preview-block img { display: block; width: 100%; max-height: 340px; object-fit: cover; border-radius: 9px; }
.site-preview-video { height: 160px; display: grid; place-items: center; border: 1px solid #566578; border-radius: 10px; background: #111923; font-size: 12px; }
.site-preview-block video,.site-preview-block audio { display: block; width: 100%; margin-top: 16px; }
.site-preview-block video { max-height: 300px; border-radius: 9px; background: #111923; }
.site-preview-lesson video { width: 100%; max-height: 280px; border-radius: 9px; }
.site-preview-body { margin-top: 20px; color: #ccd4df; line-height: 1.7; font-size: 13px; }
.site-preview-empty { padding: 80px 25px; color: #9ca9b9; text-align: center; }
.site-preview-footer { padding: 18px; color: #818e9d; text-align: center; font-size: 10px; }
.site-preview-note { margin-top: 12px; }
.site-preview-modal { width: min(100%,1000px); max-width: 1000px; }
.site-preview-modal > .site-preview-document { max-height: 68vh; overflow: auto; }
.entry-row-actions { display: grid; gap: 8px; align-content: center; }
.entry-row-actions .text-button { font-size: 11px; }
.publication-panel { margin-top: 22px; padding: 28px; border: 1px solid #3c4553; border-radius: 14px; background: linear-gradient(145deg,#171e29 0%,#141a23 65%,#1d1d21 100%); box-shadow: 0 22px 60px #05070b33; }
.publication-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.publication-panel-head h2 { margin: 8px 0 9px; font-size: 26px; letter-spacing: -.04em; }
.publication-panel-head p:last-child { max-width: 720px; margin: 0; color: #a9b4c3; font-size: 12px; line-height: 1.65; }
.official-bot-chip { flex: none; min-width: 208px; display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; align-items: center; padding: 13px 15px; border: 1px solid #495569; border-radius: 11px; background: #222b39; color: #edf2fa; text-decoration: none; }
.official-bot-chip > span { grid-row: span 2; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #6f8dd1; }
.official-bot-chip .telegram-icon { width: 17px; height: 17px; color: white; }
.official-bot-chip strong { font-size: 12px; }
.official-bot-chip small { color: #9eabbd; font-size: 9px; }
.publication-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 25px 0 18px; }
.publication-steps article { min-height: 122px; padding: 18px; border: 1px solid #394657; border-radius: 11px; background: #1d2633; }
.publication-steps b { display: block; margin-bottom: 16px; color: #d8c39e; font-size: 11px; letter-spacing: .12em; }
.publication-steps strong { display: block; margin-bottom: 7px; font-size: 13px; }
.publication-steps span { color: #99a6b7; font-size: 10px; line-height: 1.55; }
.publication-actions { display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid #35404f; }
.publication-actions > span { color: #8895a6; font-size: 10px; }
.channel-invite { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; margin: 19px 0 0; padding: 16px; border: 1px solid #7c6848; border-radius: 11px; background: #2d281f; }
.channel-invite > div { min-width: 0; display: grid; gap: 6px; }
.channel-invite small { color: #d4bd95; font-size: 9px; letter-spacing: .14em; }
.channel-invite code { overflow: hidden; color: #e6dfd2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.publication-list-head { display: flex; align-items: center; gap: 10px; margin: 26px 0 12px; }
.publication-list-head h3 { margin: 0; font-size: 16px; }
.publication-list-head span { min-width: 24px; padding: 4px 7px; border: 1px solid #475365; border-radius: 99px; color: #aab6c6; font-size: 9px; text-align: center; }
.publication-list { display: grid; gap: 8px; }
.publication-list article { display: grid; grid-template-columns: 38px minmax(180px,1fr) auto auto auto auto; gap: 13px; align-items: center; padding: 14px 16px; border: 1px solid #3b4655; border-radius: 10px; background: #1b232f; }
.channel-avatar { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #637493; border-radius: 11px; background: #33415a; color: #edf3ff; font-size: 14px; font-weight: 800; }
.channel-name { min-width: 0; display: grid; gap: 4px; }
.channel-name strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.channel-name span { color: #98a5b5; font-size: 10px; }
.publication-list .status-pill { margin: 0; }
.text-button.danger { color: #d998a1; }
.publication-empty { padding: 25px; border: 1px dashed #465162; border-radius: 11px; text-align: center; }
.publication-empty strong { display: block; margin-bottom: 7px; font-size: 13px; }
.publication-empty span { color: #929fb0; font-size: 10px; }
.news-control-card { min-width: 0; display: grid; gap: 17px; padding: 24px; border: 1px solid #3d4652; border-radius: 14px; background: radial-gradient(420px 190px at 100% 0,#7898d114,transparent 68%),#1a212a; }
.news-control-card.disabled { border-style: dashed; background: #161c25; }
.news-control-card.connected { border-color: #426c5a; background: radial-gradient(420px 190px at 100% 0,#4da97818,transparent 68%),#19231f; }
.news-control-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 15px; border-bottom: 1px solid #37404c; }
.news-control-card h3 { margin: 7px 0 0; font-size: 19px; letter-spacing: -.035em; }
.news-control-card > p { margin: 0; color: #9eabba; font-size: 10px; line-height: 1.65; }
.news-control-card header > span { padding: 6px 9px; border: 1px solid #496052; border-radius: 99px; color: #8ed0aa; font-size: 8px; font-weight: 760; white-space: nowrap; }
.news-control-card header > span.danger { border-color: #78464c; color: #e79aa4; }
.news-control-card label { display: grid; gap: 7px; color: #aeb8c6; font-size: 9px; font-weight: 720; }
.news-control-card input,.news-control-card select { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #424c5a; border-radius: 8px; outline: none; background: #10161e; color: #edf0f4; font: inherit; font-size: 10px; }
.news-control-card input:focus,.news-control-card select:focus { border-color: #9f8a63; box-shadow: 0 0 0 3px #9f8a631b; }
.news-danger-link { justify-self: start; padding: 0; border: 0; background: transparent; color: #df919b; font: inherit; font-size: 9px; font-weight: 720; cursor: pointer; }
.news-ai-budget { margin-top: 16px; }
.news-budget-numbers { display: flex; align-items: baseline; gap: 9px; }
.news-budget-numbers strong { font-size: 30px; letter-spacing: -.055em; }
.news-budget-numbers span { color: #8f9cac; font-size: 9px; }
.news-budget-track { height: 7px; overflow: hidden; border-radius: 99px; background: #0f151d; box-shadow: inset 0 0 0 1px #343e4b; }
.news-budget-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#708fd4,#cab07e); }
.news-budget-breakdown { display: flex; flex-wrap: wrap; gap: 7px; }
.news-budget-breakdown span { padding: 6px 8px; border: 1px solid #3f4a58; border-radius: 7px; color: #8f9cac; font-size: 8px; }
.news-budget-breakdown b { color: #d5dce6; }
.news-ai-budget form { display: grid; grid-template-columns: minmax(180px,1fr) minmax(220px,1fr) auto; gap: 12px; align-items: end; padding-top: 16px; border-top: 1px solid #37404c; }
.news-checkbox { min-height: 42px; grid-template-columns: 17px 1fr; align-items: center; align-content: center; }
.news-checkbox input { width: 15px; min-height: 15px; accent-color: #7797dd; }
.news-checkbox span { line-height: 1.4; }
.news-destinations { margin-top: 16px; }
.news-destination-list { display: grid; gap: 8px; }
.news-destination-list article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid #3b4655; border-radius: 10px; background: #151c25; }
.news-destination-list article > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.news-destination-list article > div:first-child { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; }
.news-destination-list article span { grid-row: span 2; padding: 7px 8px; border: 1px solid #53647e; border-radius: 7px; color: #c9d7ed; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.news-destination-list article strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.news-destination-list article small { color: #8593a5; font-size: 8px; }
.news-destination-list button { min-height: 34px; padding: 0 11px; border: 1px solid #465366; border-radius: 7px; background: #222c39; color: #b9c4d2; font: inherit; font-size: 8px; font-weight: 760; cursor: pointer; }
.news-destination-list button.active { border-color: #47735f; background: #1e372d; color: #9cdbb7; }
.news-destination-list button.danger { border-color: transparent; background: transparent; color: #d98c96; }
.news-destinations details { border-top: 1px solid #37404c; padding-top: 15px; }
.news-destinations summary { color: #d9c398; font-size: 9px; font-weight: 760; cursor: pointer; }
.news-destinations details form { display: grid; gap: 13px; margin-top: 16px; }
.news-hub { display: grid; gap: 16px; }
.news-hub-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; min-height: 195px; padding: 30px; border: 1px solid #404a59; border-radius: 16px; background: radial-gradient(520px 260px at 85% 0,#7b98d629,transparent 70%),linear-gradient(135deg,#202a38,#191f29 70%); box-shadow: 0 24px 70px #04070d38; }
.news-hub-hero h3 { margin: 10px 0; font-size: clamp(25px,3.3vw,42px); letter-spacing: -.055em; }
.news-hub-hero p:last-child { max-width: 580px; margin: 0; color: #9eabba; font-size: 11px; line-height: 1.6; }
.news-hub-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.news-hub-kpis article { min-height: 105px; display: grid; align-content: end; gap: 7px; padding: 18px; border: 1px solid #394451; border-radius: 11px; background: #1a222d; }
.news-hub-kpis strong { font-size: 27px; letter-spacing: -.045em; }
.news-hub-kpis span { color: #8e9bac; font-size: 8px; }
.news-hub-streams { overflow: hidden; border: 1px solid #3c4654; border-radius: 13px; background: #171e28; }
.news-hub-streams header { padding: 20px; border-bottom: 1px solid #37404c; }
.news-hub-streams header h3 { margin: 7px 0 0; font-size: 18px; }
.news-hub-streams > article { display: grid; grid-template-columns: minmax(180px,1fr) repeat(3,90px) auto; gap: 12px; align-items: center; padding: 15px 20px; border-bottom: 1px solid #303946; }
.news-hub-streams > article:last-child { border-bottom: 0; }
.news-hub-streams article > div { min-width: 0; display: grid; gap: 4px; }
.news-hub-streams article strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.news-hub-streams article small { color: #728095; font-size: 8px; }
.news-hub-streams article > span { display: grid; gap: 2px; color: #798798; font-size: 8px; }
.news-hub-streams article > span b { color: #d9e0e9; font-size: 12px; }
.news-hub-streams article > button { padding: 8px 10px; border: 1px solid #475469; border-radius: 7px; background: #232c39; color: #cad3e0; font: inherit; font-size: 8px; font-weight: 760; cursor: pointer; }
@media (max-width: 1250px) { .site-studio-grid { grid-template-columns: 1fr; } .site-preview-column { position: static; } }
@media (max-width: 1000px) { .news-hub-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } .news-hub-streams > article { grid-template-columns: minmax(180px,1fr) repeat(3,70px); } .news-hub-streams article > button { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 900px) { .publication-panel-head { display: grid; } .official-bot-chip { width: 100%; } .publication-steps { grid-template-columns: 1fr; } .publication-steps article { min-height: 0; } .publication-list article { grid-template-columns: 38px minmax(0,1fr) auto; } .publication-list .button,.publication-list .text-button { grid-column: 2 / -1; } .news-ai-budget form { grid-template-columns: 1fr; } .news-destination-list article { grid-template-columns: 1fr; } .news-destination-list article > div:last-child { justify-content: flex-start; } }
@media (max-width: 700px) { .site-studio-heading { display: block; } .site-studio-heading-actions { justify-content: flex-start; margin-top: 16px; } .site-page-count { display: inline-block; margin-bottom: 12px; } .site-catalog-grid,.site-template-grid { grid-template-columns: 1fr; } .site-preview-stage { padding: 10px; } .site-preview-block,.site-preview-lesson,.site-preview-practice { padding: 20px; } .publication-panel { padding: 20px; } .publication-actions { align-items: flex-start; flex-direction: column; } .channel-invite { grid-template-columns: 1fr; } .channel-invite .button { width: 100%; } .publication-list article { grid-template-columns: 38px minmax(0,1fr); } .publication-list .status-pill,.publication-list .button,.publication-list .text-button { grid-column: 1 / -1; } .news-control-card { padding: 19px; } .news-hub-hero { min-height: 0; align-items: flex-start; flex-direction: column; padding: 22px; } .news-hub-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); } .news-hub-streams > article { grid-template-columns: repeat(3,1fr); padding: 15px; } .news-hub-streams article > div,.news-hub-streams article > button { grid-column: 1 / -1; } .news-destination-list article > div:last-child { display: grid; grid-template-columns: 1fr; width: 100%; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .nav-item { transition: none; }
}

/* News workspace — wide, content-first control room.
   Reference principles: Linear's restrained dark hierarchy, Attio's readable type,
   YouTube Studio's wide work surface and Macaw's navigation/workspace split. */
.content.page-newsProduct {
  width: 100%;
  max-width: none;
  padding: 30px clamp(24px, 3vw, 52px) 88px;
}
.page-newsProduct > * {
  width: 100%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}
.page-newsProduct .eyebrow {
  font-size: 11px;
  letter-spacing: .15em;
}
.page-newsProduct .product-hero.news-compact {
  min-height: 190px;
  grid-template-columns: minmax(0, 1fr) 104px;
  gap: 34px;
  padding: 28px 32px;
  border-color: #383931;
  border-radius: 16px;
  background:
    radial-gradient(520px 240px at 88% 0, #8c71301c, transparent 70%),
    linear-gradient(140deg, #1b1c19, #141820 74%);
  box-shadow: 0 18px 48px #05070b24;
}
.page-newsProduct .product-hero .product-status + .eyebrow { margin-top: 22px; }
.page-newsProduct .product-hero h1 {
  margin: 8px 0 10px;
  font-size: clamp(42px, 4vw, 56px);
  line-height: 1;
}
.page-newsProduct .product-hero > div > p:last-of-type {
  max-width: 780px;
  margin: 0;
  color: #aab3bf;
  font-size: 15px;
  line-height: 1.62;
}
.page-newsProduct .product-status {
  padding: 7px 11px;
  font-size: 10px;
  letter-spacing: .045em;
}
.page-newsProduct .product-hero-mark {
  width: 94px;
  height: 94px;
  border-radius: 25px;
  box-shadow: 0 18px 42px #05070b40, inset 0 1px #ffffff12;
}
.page-newsProduct .product-hero-mark svg { width: 38px; height: 38px; }
.page-newsProduct .product-hero-mark > span { right: 12px; bottom: 10px; font-size: 8px; }

.page-newsProduct .news-kpis {
  margin-top: 16px;
  margin-bottom: 18px;
  border-color: #303640;
  border-radius: 12px;
  background: #303640;
}
.page-newsProduct .news-kpis article {
  min-height: 92px;
  padding: 17px 22px;
  background: #171c23;
}
.page-newsProduct .news-kpis span {
  color: #8c96a4;
  font-size: 10px;
  letter-spacing: .11em;
}
.page-newsProduct .news-kpis strong {
  margin: 6px 0 1px;
  font-size: 30px;
  font-weight: 650;
}
.page-newsProduct .news-kpis strong.word { font-size: 22px; }
.page-newsProduct .news-kpis small { color: #7f8997; font-size: 11px; }

.page-newsProduct .news-studio {
  grid-template-columns: minmax(268px, 292px) minmax(0, 1fr);
  gap: 18px;
}
.page-newsProduct .news-streams,
.page-newsProduct .news-workspace {
  border-color: #303741;
  border-radius: 14px;
  background: #141920;
  box-shadow: 0 14px 40px #05070b1f;
}
.page-newsProduct .news-streams {
  top: 16px;
  padding: 21px;
}
.page-newsProduct .news-stream-title { padding: 1px 1px 17px; border-color: #2b323c; }
.page-newsProduct .news-stream-title h2 { margin-top: 6px; font-size: 23px; }
.page-newsProduct .news-stream-title > span { font-size: 12px; }
.page-newsProduct .news-stream-list { gap: 8px; margin: 15px 0 20px; }
.page-newsProduct .news-stream-list button {
  grid-template-columns: 40px minmax(0,1fr) auto;
  gap: 12px;
  min-height: 66px;
  padding: 12px;
  border-radius: 9px;
}
.page-newsProduct .news-stream-list button:hover { background: #1b222b; }
.page-newsProduct .news-stream-list button.active {
  border-color: #71603f;
  background: #22211d;
  box-shadow: inset 3px 0 #cfb77f;
}
.page-newsProduct .news-stream-list button > span { width: 40px; height: 40px; }
.page-newsProduct .news-stream-list strong { font-size: 14px; }
.page-newsProduct .news-stream-list small { margin-top: 4px; font-size: 11px; }
.page-newsProduct .news-stream-list b { font-size: 14px; }
.page-newsProduct .news-stream-form {
  gap: 12px;
  padding: 17px;
  border-color: #303843;
  border-radius: 10px;
  background: #10151c;
}
.page-newsProduct .news-stream-form label,
.page-newsProduct .news-add-source label {
  gap: 7px;
  font-size: 12px;
}
.page-newsProduct .news-stream-form input,
.page-newsProduct .news-stream-form select,
.page-newsProduct .news-add-source input,
.page-newsProduct .news-add-source select,
.page-newsProduct .news-add-source textarea {
  height: 44px;
  padding: 0 12px;
  border-color: #3b4654;
  border-radius: 8px;
  font-size: 13px;
}
.page-newsProduct .news-add-source textarea { min-height: 120px; padding: 12px; }
.page-newsProduct .news-stream-help { font-size: 11px; line-height: 1.55; }
.page-newsProduct .news-stream-form .button,
.page-newsProduct .news-add-source .button { min-height: 43px; font-size: 12px; }
.page-newsProduct .news-stream-archive summary,
.page-newsProduct .news-stream-archive strong,
.page-newsProduct .news-stream-archive button { font-size: 11px; }
.page-newsProduct .news-stream-archive small { font-size: 10px; }

.page-newsProduct .news-workspace { padding: clamp(22px, 2vw, 32px); }
.page-newsProduct .news-workspace-head {
  align-items: center;
  padding: 0 2px 22px;
}
.page-newsProduct .news-workspace-head h2 {
  margin: 6px 0 7px;
  font-size: clamp(28px, 2.2vw, 36px);
  font-weight: 650;
}
.page-newsProduct .news-workspace-head p:not(.eyebrow) { font-size: 13px; line-height: 1.5; }
.page-newsProduct .news-workspace-head > span {
  padding: 8px 11px;
  font-size: 11px;
}
.page-newsProduct .news-stream-health {
  margin-bottom: 16px;
  padding: 18px;
  border-color: #444238;
  border-radius: 11px;
  background: #191a18;
}
.page-newsProduct .news-stream-health.ready { background: #151d19; }
.page-newsProduct .news-stream-health h3 { margin-top: 5px; font-size: 18px; }
.page-newsProduct .news-stream-health header > span { min-width: 48px; font-size: 12px; }
.page-newsProduct .news-health-checks { gap: 8px; margin-top: 14px; }
.page-newsProduct .news-health-checks article {
  grid-template-columns: 26px minmax(0,1fr);
  gap: 9px;
  min-height: 58px;
  padding: 10px;
  border-color: #303844;
  background: #10151c;
}
.page-newsProduct .news-health-checks article > b { width: 26px; height: 26px; font-size: 12px; }
.page-newsProduct .news-health-checks strong { font-size: 11px; }
.page-newsProduct .news-health-checks small { font-size: 9px; }
.page-newsProduct .news-stream-health > p { margin-top: 13px; font-size: 11px; }

.page-newsProduct .news-tabs {
  position: sticky;
  top: 12px;
  z-index: 8;
  gap: 3px;
  padding: 5px;
  border-color: #303844;
  background: #0f141be8;
  box-shadow: 0 10px 30px #080b1090;
  backdrop-filter: blur(16px);
}
.page-newsProduct .news-tabs button {
  min-height: 43px;
  justify-content: center;
  flex: 1 1 auto;
  padding: 0 14px;
  font-size: 12px;
}
.page-newsProduct .news-tabs button.active { background: #252d38; }
.page-newsProduct .news-tabs button span { min-width: 21px; font-size: 9px; }
.page-newsProduct .news-tab-body { padding-top: 20px; }

.page-newsProduct .news-work-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 18px;
}
.page-newsProduct .news-panel {
  padding: 24px;
  border-color: #303945;
  border-radius: 12px;
  background: #181e26;
}
.page-newsProduct .news-panel-head { margin-bottom: 20px; }
.page-newsProduct .news-panel h3 { font-size: 22px; }
.page-newsProduct .news-panel-lead,
.page-newsProduct .news-source-help { font-size: 12px; line-height: 1.6; }
.page-newsProduct .news-panel-head .button { min-height: 40px; font-size: 11px; }
.page-newsProduct .news-archive-all { font-size: 11px; }
.page-newsProduct .news-source-list { gap: 9px; }
.page-newsProduct .news-source-list article {
  grid-template-columns: 44px minmax(0,1fr) auto;
  gap: 14px;
  min-height: 76px;
  padding: 14px;
  border-color: #303a46;
  background: #11171e;
}
.page-newsProduct .news-source-kind { width: 44px; height: 34px; font-size: 10px; }
.page-newsProduct .news-source-list strong { font-size: 14px; }
.page-newsProduct .news-source-list a,
.page-newsProduct .news-source-list small { font-size: 11px; }
.page-newsProduct .news-source-metrics span { padding: 5px 7px; font-size: 9px; }
.page-newsProduct .news-source-metrics b { font-size: 10px; }
.page-newsProduct .news-source-actions button,
.page-newsProduct .news-bulk summary { font-size: 11px; }
.page-newsProduct .news-private-note span { font-size: 11px; }
.page-newsProduct .news-private-note p,
.page-newsProduct .news-file-help { font-size: 10px; }
.page-newsProduct .news-empty { padding: 24px; font-size: 13px; }
.page-newsProduct .news-empty strong { font-size: 15px; }

.page-newsProduct .news-queue-toolbar { margin-bottom: 14px; }
.page-newsProduct .news-queue-toolbar button { min-height: 36px; padding: 0 13px; font-size: 11px; }
.page-newsProduct .news-queue-toolbar > span { font-size: 11px; }
.page-newsProduct .news-queue { gap: 11px; }
.page-newsProduct .news-queue article { padding: 22px; }
.page-newsProduct .news-score small { font-size: 10px; }
.page-newsProduct .news-item-meta > span { font-size: 10px; }
.page-newsProduct .news-item-meta > b { padding: 5px 8px; font-size: 9px; }
.page-newsProduct .news-item-copy h3 { margin: 9px 0; font-size: 19px; }
.page-newsProduct .news-item-copy > p { font-size: 13px; line-height: 1.65; }
.page-newsProduct .news-item-copy > a { font-size: 12px; }
.page-newsProduct .news-reasons em { font-size: 10px; }
.page-newsProduct .news-queue-pagination span { font-size: 11px; }

.page-newsProduct .news-review-card > header { padding: 24px 26px; }
.page-newsProduct .news-review-card > header p { font-size: 12px; }
.page-newsProduct .news-ai-state { font-size: 10px; }
.page-newsProduct .news-review-score small { font-size: 10px; }
.page-newsProduct .news-review-body { gap: 28px; padding: 26px; }
.page-newsProduct .news-review-copy > span { font-size: 10px; }
.page-newsProduct .news-review-copy h3 { font-size: clamp(25px, 2.2vw, 34px); }
.page-newsProduct .news-review-copy p { font-size: 14px; line-height: 1.72; }
.page-newsProduct .news-review-copy a { font-size: 12px; }
.page-newsProduct .news-review-actions { gap: 10px; padding: 0 26px 26px; }
.page-newsProduct .news-review-actions .button,
.page-newsProduct .news-review-actions .news-reject { min-height: 48px; font-size: 12px; }
.page-newsProduct .news-author-note { font-size: 13px; }
.page-newsProduct .news-author-note span { font-size: 10px; }
.page-newsProduct .news-note-form label { font-size: 12px; }
.page-newsProduct .news-note-form textarea { font-size: 13px; }
.page-newsProduct .news-note-form label small { font-size: 10px; }
.page-newsProduct .news-processing strong { font-size: 13px; }
.page-newsProduct .news-processing p { font-size: 11px; }
.page-newsProduct .news-review-empty > p:not(.eyebrow) { font-size: 14px; }
.page-newsProduct .news-review-empty > small { font-size: 11px; }

.page-newsProduct .news-settings-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.page-newsProduct .news-settings-card {
  gap: 19px;
  padding: 25px;
  border-color: #303945;
  border-radius: 13px;
  background: #181e26;
}
.page-newsProduct .news-settings-head { padding-bottom: 17px; border-color: #303945; }
.page-newsProduct .news-settings-head h3 { margin-top: 6px; font-size: 23px; line-height: 1.2; }
.page-newsProduct .news-settings-head > span { padding: 6px 9px; font-size: 10px; }
.page-newsProduct .news-settings-card > p,
.page-newsProduct .news-publication-channel > p { margin: 0; color: #a0aab8; font-size: 13px; line-height: 1.62; }
.page-newsProduct .news-settings-card > label,
.page-newsProduct .news-form-row label,
.page-newsProduct .news-reviewer-connect > label {
  gap: 8px;
  color: #bcc5d1;
  font-size: 12px;
}
.page-newsProduct .news-settings-card input,
.page-newsProduct .news-settings-card select,
.page-newsProduct .news-settings-card textarea {
  min-height: 46px;
  padding: 0 13px;
  border-color: #3b4654;
  border-radius: 8px;
  background: #0f151c;
  font-size: 13px;
}
.page-newsProduct .news-settings-card textarea { min-height: 142px; padding: 13px; }
.page-newsProduct .news-settings-card label small,
.page-newsProduct .news-reviewer-connect > label small { font-size: 10px; line-height: 1.5; }
.page-newsProduct .news-settings-card > .button { min-height: 44px; font-size: 12px; }
.page-newsProduct .news-prompt-tools button,
.page-newsProduct .news-prompt-file { min-height: 39px; font-size: 11px; }
.page-newsProduct .news-prompt-tools > small { font-size: 10px; }
.page-newsProduct .news-switch span { font-size: 11px; }
.page-newsProduct .news-reviewer-connect { gap: 15px; padding: 18px; }
.page-newsProduct .news-reviewer-connect-head h4 { font-size: 17px; }
.page-newsProduct .news-reviewer-connect-head > span { font-size: 9px; }
.page-newsProduct .news-reviewer-empty { font-size: 12px; }
.page-newsProduct .news-reviewer-list strong { font-size: 12px; }
.page-newsProduct .news-reviewer-list small,
.page-newsProduct .news-reviewer-list .text-button { font-size: 10px; }
.page-newsProduct .news-reviewer-actions .button,
.page-newsProduct .news-reviewer-actions .text-button { font-size: 11px; }
.page-newsProduct .news-reviewer-invite small,
.page-newsProduct .news-reviewer-invite code { font-size: 9px; }
.page-newsProduct .news-publication-channel { margin-top: 18px; }
.page-newsProduct .news-stream-danger strong,
.page-newsProduct .news-stream-danger button { font-size: 11px; }
.page-newsProduct .news-stream-danger small { font-size: 10px; }

.page-newsProduct .news-status-stats { padding: 20px; }
.page-newsProduct .news-status-stats h3,
.page-newsProduct .news-history-heading h3 { font-size: 19px; }
.page-newsProduct .news-status-stats header > span { font-size: 10px; }
.page-newsProduct .news-status-stats article { min-height: 68px; padding: 12px; }
.page-newsProduct .news-status-stats strong { font-size: 21px; }
.page-newsProduct .news-status-stats article span { font-size: 9px; }
.page-newsProduct .news-run-list strong { font-size: 13px; }
.page-newsProduct .news-run-list small { font-size: 10px; }
.page-newsProduct .news-run-list dt { font-size: 9px; }
.page-newsProduct .news-run-list dd { font-size: 15px; }
.page-newsProduct .news-support-export strong { font-size: 14px; }
.page-newsProduct .news-support-export span { font-size: 11px; }

.page-newsProduct .news-hub-hero { min-height: 210px; padding: 32px; }
.page-newsProduct .news-hub-hero p:last-child { font-size: 13px; }
.page-newsProduct .news-hub-kpis article { min-height: 112px; padding: 20px; }
.page-newsProduct .news-hub-kpis strong { font-size: 30px; }
.page-newsProduct .news-hub-kpis span { font-size: 10px; }
.page-newsProduct .news-hub-streams header h3 { font-size: 21px; }
.page-newsProduct .news-hub-streams article strong { font-size: 13px; }
.page-newsProduct .news-hub-streams article small,
.page-newsProduct .news-hub-streams article > span,
.page-newsProduct .news-hub-streams article > button { font-size: 10px; }
.page-newsProduct .news-hub-streams article > span b { font-size: 15px; }

.page-newsProduct .news-control-card > p { font-size: 12px; }
.page-newsProduct .news-control-card header > span { font-size: 10px; }
.page-newsProduct .news-control-card label { font-size: 12px; }
.page-newsProduct .news-control-card input,
.page-newsProduct .news-control-card select { min-height: 46px; font-size: 13px; }
.page-newsProduct .news-danger-link { font-size: 11px; }
.page-newsProduct .news-budget-numbers span,
.page-newsProduct .news-budget-breakdown span { font-size: 10px; }
.page-newsProduct .news-destination-list article strong { font-size: 13px; }
.page-newsProduct .news-destination-list article small,
.page-newsProduct .news-destination-list button,
.page-newsProduct .news-destinations summary { font-size: 10px; }

@media (min-width: 1760px) {
  .page-newsProduct .news-settings-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 1350px) {
  .page-newsProduct .news-studio { grid-template-columns: 1fr; }
  .page-newsProduct .news-streams { position: static; }
  .page-newsProduct .news-stream-list { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .page-newsProduct .news-stream-form { grid-template-columns: minmax(180px,1fr) minmax(280px,1.4fr) auto; align-items: end; }
  .page-newsProduct .news-stream-form > .eyebrow,
  .page-newsProduct .news-stream-form > .news-stream-help { grid-column: 1 / -1; }
  .page-newsProduct .news-stream-form .button { min-width: 180px; }
}

@media (max-width: 1100px) {
  .page-newsProduct .news-work-grid { grid-template-columns: 1fr; }
  .page-newsProduct .news-settings-grid { grid-template-columns: 1fr; }
  .page-newsProduct .news-stream-form { display: grid; grid-template-columns: 1fr; }
  .page-newsProduct .news-stream-form > .eyebrow,
  .page-newsProduct .news-stream-form > .news-stream-help { grid-column: auto; }
  .page-newsProduct .news-stream-form .button { min-width: 0; }
}

@media (max-width: 760px) {
  .content.page-newsProduct { padding: 22px 16px 64px; }
  .page-newsProduct .product-hero.news-compact {
    display: block;
    min-height: 0;
    padding: 23px 21px;
    border-radius: 13px;
  }
  .page-newsProduct .product-hero h1 { font-size: 39px; }
  .page-newsProduct .product-hero > div > p:last-of-type { font-size: 14px; }
  .page-newsProduct .product-hero-mark { display: none; }
  .page-newsProduct .news-kpis { grid-template-columns: repeat(2,1fr); }
  .page-newsProduct .news-kpis article { min-height: 86px; padding: 15px; }
  .page-newsProduct .news-kpis strong { font-size: 25px; }
  .page-newsProduct .news-streams { padding: 17px; }
  .page-newsProduct .news-stream-list { grid-template-columns: 1fr; }
  .page-newsProduct .news-workspace { padding: 17px; }
  .page-newsProduct .news-workspace-head { align-items: flex-start; }
  .page-newsProduct .news-workspace-head > span { align-self: flex-start; }
  .page-newsProduct .news-health-checks { grid-template-columns: 1fr; }
  .page-newsProduct .news-tabs {
    top: 6px;
    justify-content: flex-start;
    margin: 0 -4px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .page-newsProduct .news-tabs::-webkit-scrollbar { display: none; }
  .page-newsProduct .news-tabs button { flex: 0 0 auto; min-height: 42px; }
  .page-newsProduct .news-panel { padding: 19px; }
  .page-newsProduct .news-settings-card { padding: 20px; }
  .page-newsProduct .news-status-stats > div { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .page-newsProduct .news-review-body { padding: 20px; }
  .page-newsProduct .news-review-actions { padding: 0 20px 20px; }
}

@media (max-width: 480px) {
  .page-newsProduct .product-status { font-size: 9px; }
  .page-newsProduct .product-hero h1 { font-size: 35px; }
  .page-newsProduct .news-kpis small { font-size: 10px; }
  .page-newsProduct .news-workspace { padding: 14px; }
  .page-newsProduct .news-workspace-head h2 { font-size: 27px; }
  .page-newsProduct .news-workspace-head > span { white-space: normal; }
  .page-newsProduct .news-stream-health { padding: 14px; }
  .page-newsProduct .news-settings-card { padding: 17px; }
  .page-newsProduct .news-form-row { grid-template-columns: 1fr; }
  .page-newsProduct .news-settings-head { align-items: flex-start; flex-direction: column; }
  .page-newsProduct .news-settings-head.compact { align-items: flex-start; }
}