@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/inter-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/inter-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/static/fonts/notosans/noto-sans-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/static/fonts/notosans/noto-sans-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

:root {
  --bg: #efe5d2;
  --surface: rgba(255, 251, 244, 0.9);
  --surface-strong: #fffaf1;
  --ink: #182126;
  --muted: #6b6a65;
  --line: rgba(24, 33, 38, 0.1);
  --accent: #d26139;
  --accent-deep: #9e3f1d;
  --olive: #35493b;
  --sand: #dcc4a4;
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --shadow-soft: 0 16px 48px rgba(89, 61, 25, 0.12);
  --shadow-card: 0 20px 36px rgba(25, 28, 23, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(210, 97, 57, 0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(53, 73, 59, 0.12), transparent 22%),
    linear-gradient(180deg, #f4ebdb 0%, #efe5d2 48%, #f8f2e9 100%);
}

h1,h2,h3,h4,h5,h6,.welcome-content h1,.dash-metric>strong,.metric-card strong {
  font-family: "Noto Sans", "Inter", system-ui, sans-serif;
}

button,
input,
textarea,
select {
  font: inherit;
}

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  width: min(100% - 20px, 560px);
  margin: 0 auto;
}

.login-card {
  width: 100%;
  padding: 28px;
  background: rgba(255, 251, 245, 0.92);
  border: 1px solid rgba(24, 33, 38, 0.08);
  border-radius: 24px;
  box-shadow: var(--shadow-card);
}

.login-error {
  margin: 14px 0 0;
  color: #a53030;
  font-weight: 600;
}

.logout-form {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.dashboard-shell {
  width: min(1440px, calc(100% - 40px));
  margin: 0 auto;
  padding: 28px 0 48px;
}

.hero-panel {
  margin-bottom: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.8fr);
  gap: 22px;
  align-items: stretch;
  padding: 28px;
  border-radius: var(--radius-xl);
  background: linear-gradient(140deg, rgba(255, 250, 241, 0.96), rgba(226, 206, 174, 0.66));
  border: 1px solid rgba(24, 33, 38, 0.08);
  box-shadow: var(--shadow-soft);
  position: relative;
  overflow: hidden;
}

.hero-panel::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -80px;
  top: -120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(210, 97, 57, 0.28), transparent 68%);
}

.eyebrow,
.card-kicker,
.metric-card span,
.signal-label {
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.76rem;
  color: var(--accent-deep);
}

.hero-copy h1 {
  margin: 0;
  max-width: 13ch;
  font-size: clamp(1.45rem, 2.8vw, 2.7rem);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.015em;
}

.hero-text {
  max-width: 64ch;
  margin: 20px 0 0;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--muted);
}

.hero-aside {
  display: flex;
  align-items: flex-end;
}

.signal-card {
  width: 100%;
  min-height: 100%;
  padding: 24px;
  border-radius: 24px;
  background: rgba(24, 33, 38, 0.92);
  color: #fff9f1;
  box-shadow: var(--shadow-card);
}

.signal-card strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.8rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.metrics-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 20px;
}

.metric-card {
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(24, 33, 38, 0.08);
  box-shadow: var(--shadow-card);
}

.metric-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: -0.015em;
}

.metric-card p,
.helper-text,
.entity-list p,
.source-list p,
.news-main p,
.channel-meta,
.automation-result,
.empty-news p,
.empty-state {
  margin: 0;
  line-height: 1.55;
  color: inherit;
}

.accent-burn {
  background: linear-gradient(145deg, #d26139, #eb9b73);
  color: #fff7ef;
}

.accent-burn span,
.accent-burn p,
.accent-ink span,
.accent-ink p,
.accent-olive span,
.accent-olive p {
  color: rgba(255, 247, 239, 0.82);
}

.accent-ink {
  background: linear-gradient(145deg, #1f2c33, #344b54);
  color: #f6f2ea;
}

.accent-sand {
  background: linear-gradient(145deg, #fff5e4, #ead3ae);
}

.accent-olive {
  background: linear-gradient(145deg, #415846, #73907c);
  color: #f2ede6;
}

.workspace-grid {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  gap: 20px;
}

.controls-column,
.content-column {
  display: grid;
  gap: 20px;
  align-content: start;
}

.dashboard-card {
  padding: 24px;
  background: rgba(255, 251, 245, 0.88);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(24, 33, 38, 0.08);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}

.bot-card {
  background: linear-gradient(180deg, rgba(255, 250, 241, 0.98), rgba(246, 234, 214, 0.96));
}

.card-head,
.channel-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.card-head {
  margin-bottom: 18px;
}

.card-head h2 {
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: -0.03em;
}

.badge,
.state-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
}

.badge {
  background: rgba(210, 97, 57, 0.12);
  color: var(--accent-deep);
}

.badge.muted {
  background: rgba(24, 33, 38, 0.06);
  color: var(--muted);
}

.badge.warm,
.state-pill-active {
  background: rgba(53, 73, 59, 0.12);
  color: var(--olive);
}

.state-pill {
  background: rgba(24, 33, 38, 0.06);
  color: var(--muted);
}

.stack-form,
.publish-form,
.channel-analytics-form {
  display: grid;
  gap: 14px;
}

.stack-form label,
.publish-form label,
.channel-analytics-form label {
  display: grid;
  gap: 8px;
}

.stack-form span,
.publish-form span,
.channel-analytics-form span,
.stats-grid span {
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--muted);
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid rgba(24, 33, 38, 0.1);
  background: rgba(255, 255, 255, 0.78);
  color: var(--ink);
  border-radius: 16px;
  padding: 13px 14px;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(210, 97, 57, 0.44);
  box-shadow: 0 0 0 4px rgba(210, 97, 57, 0.1);
}

textarea {
  min-height: 92px;
  resize: vertical;
}

button {
  border: 0;
  border-radius: 16px;
  padding: 14px 18px;
  cursor: pointer;
  background: linear-gradient(135deg, var(--accent), var(--accent-deep));
  color: #fff9f4;
  font-weight: 700;
  letter-spacing: -0.01em;
  box-shadow: 0 12px 24px rgba(158, 63, 29, 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(158, 63, 29, 0.22);
}

button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.form-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.triple-split {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.source-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.wide-field {
  grid-column: 1 / -1;
}

.checkbox-label {
  align-content: end;
}

.checkbox-label input {
  width: 20px;
  height: 20px;
  margin-top: 8px;
}

.entity-list,
.source-list,
.news-stream,
.analytics-grid {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.entity-list li,
.source-list li,
.news-item,
.channel-card,
.automation-result {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(250, 244, 234, 0.94);
  border: 1px solid rgba(24, 33, 38, 0.07);
}

.automation-result {
  display: none;
  margin-top: 14px;
  color: var(--ink);
  white-space: pre-line;
}

.source-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.entity-list strong,
.source-list strong,
.news-link,
.channel-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink);
  text-decoration: none;
}

.news-link {
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.stats-grid div {
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.58);
}

.stats-grid strong {
  display: block;
  margin-top: 6px;
  font-size: 1.35rem;
  letter-spacing: -0.04em;
}

.channel-meta,
.helper-text,
.news-main p {
  color: var(--muted);
}

.empty-news {
  padding: 22px;
  border-radius: 20px;
  background: rgba(255, 250, 241, 0.86);
  border: 1px dashed rgba(24, 33, 38, 0.14);
}

@media (max-width: 1280px) {
  .metrics-row,
  .stats-grid,
  .triple-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .workspace-grid,
  .hero-panel,
  .metrics-row,
  .two-column-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  width: min(100% - 20px, 560px);
  margin: 0 auto;
}

/* Dashboard */
.dashboard-page{--bg:#f3f5f2;--ink:#172923;--muted:#7b8981;--accent:#15966d;background:#f3f5f2;color:var(--ink)}
.dashboard-page .dashboard-shell{width:min(1420px,calc(100% - 64px));padding:26px 0 30px}
.dashboard-page .page-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;padding:8px 0}
.dashboard-page .top-menu{display:flex;gap:5px;flex-wrap:wrap}
.dashboard-page .top-menu a{padding:10px 13px;border-radius:12px;color:#65756d;text-decoration:none;font-size:.9rem;transition:.2s}
.dashboard-page .top-menu a:hover{background:#e6ece7;color:#172923}
.dashboard-page .logout-form{margin:0}.dashboard-page .logout-form button{padding:10px 17px;border-radius:12px;background:#17382d;box-shadow:none;font-size:.86rem}
.dash-welcome{min-height:340px;position:relative;overflow:hidden;border-radius:28px;background:#153c30;color:#f4f7ef;padding:43px 48px 25px;display:flex;align-items:center;box-shadow:0 20px 50px #244c3924}
.welcome-content{position:relative;z-index:2}.welcome-tag,.section-index,.metric-label,.welcome-footer,.lower-count,.activity-foot,.dash-footer{font-size:.68rem;font-weight:700;letter-spacing:.12em}
.welcome-tag{color:#a8c1b4}.welcome-tag i,.live-mark i,.activity-foot i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#5ce1a2}.welcome-tag span{padding:0 6px;color:#5ce1a2}
.welcome-content h1{margin:23px 0 13px;font-size:clamp(2.9rem,6vw,5.15rem);line-height:.94;letter-spacing:-.065em;font-weight:550}.welcome-content h1 em{color:#8de1b5;font-style:normal}.welcome-content>p{margin:0;color:#b8cac0;font-size:1.03rem}
.welcome-actions{display:flex;align-items:center;gap:23px;margin-top:26px}.welcome-primary,.welcome-secondary{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-size:.9rem;font-weight:700}.welcome-primary{padding:13px 17px;border-radius:12px;color:#11382a;background:#a5ebbf}.welcome-primary span{font-size:1.1rem}.welcome-secondary{color:#e1ece4}.welcome-secondary span{color:#8de1b5;font-size:1.2rem}
.welcome-art{position:absolute;right:9%;top:50%;width:330px;height:290px;transform:translateY(-51%)}.art-orbit{position:absolute;inset:10px 25px;border:1px solid #b5e7ca30;border-radius:50%;transform:rotate(-28deg)}.orbit-two{inset:37px 2px;transform:rotate(35deg)}.art-core{position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #9de4bb70;border-radius:44px;background:linear-gradient(145deg,#72c89534,#a8efc114);box-shadow:0 0 90px #74d59a22;rotate:12deg}.art-core span{font-size:5rem;color:#a6edbd;rotate:-12deg}.art-chip{position:absolute;z-index:1;padding:10px 14px;background:#f2f7ed;color:#18372c;border-radius:13px;box-shadow:0 12px 28px #0b251c55}.art-chip b,.art-chip small{display:block}.art-chip b{font-size:1.25rem}.art-chip small{font-size:.67rem;color:#718177}.chip-top{top:28px;right:3px}.chip-bottom{bottom:27px;left:2px}.art-star{position:absolute;right:43px;bottom:47px;color:#9be8b7;font-size:1.6rem}.welcome-footer{position:absolute;bottom:21px;left:48px;right:48px;display:flex;justify-content:space-between;color:#85a195;font-size:.59rem}
.dash-section-head,.lower-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dash-section-head{margin:34px 2px 16px}.section-index{color:#84948b}.dash-section-head h2,.lower-heading h2{margin:6px 0 0;font-size:1.45rem;letter-spacing:-.04em}.live-mark{font-size:.64rem;letter-spacing:.1em;color:#52816a}.live-mark i{width:6px;height:6px;background:#28ae74}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-metric{position:relative;min-height:190px;padding:19px 20px;border:1px solid #e5eae5;border-radius:19px;background:#fff;box-shadow:0 7px 20px #203a2e08}.metric-symbol{position:absolute;top:16px;right:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef4ef;color:#25835e;font-size:1.08rem}.metric-label{display:block;color:#839188;font-size:.62rem}.dash-metric>strong{display:block;margin-top:14px;font-size:3rem;line-height:1;letter-spacing:-.07em}.dash-metric>small{display:block;margin-top:5px;color:#839188;font-size:.8rem}.dash-metric>a{position:absolute;left:20px;right:18px;bottom:17px;display:flex;justify-content:space-between;text-decoration:none;color:#436458;font-size:.78rem}.dash-metric>a b{font-size:1rem;font-weight:500}.metric-main{background:#ddf3e4;border-color:#d4efdc}.metric-main .metric-symbol{background:#c5ebd1}.metric-auto .metric-symbol{background:#f0e9d9;color:#9f7840}
.dash-lower{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;margin-top:16px}.dash-quick-panel,.dash-activity{padding:23px;border:1px solid #e5eae5;border-radius:20px;background:#fff}.lower-heading{align-items:center}.lower-heading h2{font-size:1.25rem}.lower-count,.activity-all{color:#839188;font-size:.65rem}.activity-all{text-decoration:none;font-size:.78rem}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.quick-link{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border-radius:14px;background:#f5f7f4;color:var(--ink);text-decoration:none;transition:.2s}.quick-link:hover{background:#e9f2eb;transform:translateY(-2px)}.quick-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#e2eee5;color:#25835e;font-size:1.1rem}.quick-link>span:nth-child(2){min-width:0}.quick-link b,.quick-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-link b{font-size:.82rem}.quick-link small{margin-top:4px;color:#859188;font-size:.68rem}.quick-link>i{margin-left:auto;color:#85a091;font-style:normal}
.activity-list{list-style:none;margin:17px 0 12px;padding:0;display:grid}.activity-list li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #eff2ef}.activity-list li:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a8b2ac}.dot-success{background:#27a872}.dot-fail{background:#d47d53}.activity-list li div{min-width:0;flex:1}.activity-list b,.activity-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-list b{font-size:.77rem;text-transform:capitalize}.activity-list small{margin-top:4px;color:#8a968f;font-size:.66rem}.activity-list time{color:#8a968f;font-size:.66rem;white-space:nowrap}.activity-empty{font-size:.78rem;color:#89958e}.activity-foot{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #eff2ef;color:#96a19a;font-size:.56rem}.activity-foot i{width:6px;height:6px;margin:0 0 0 4px;color:#27a872;font-size:.5rem}.dash-footer{display:flex;justify-content:space-between;margin:23px 3px 0;color:#9aa59e;font-size:.57rem}
@media(max-width:1050px){.dashboard-page .dashboard-shell{width:min(calc(100% - 36px),900px)}.dashboard-page .page-topbar{align-items:flex-start;flex-direction:column}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{right:3%;opacity:.75}.dash-lower{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-page .dashboard-shell{width:calc(100% - 24px);padding-top:12px}.dashboard-page .top-menu{gap:1px}.dashboard-page .top-menu a{padding:8px;font-size:.78rem}.dash-welcome{min-height:365px;padding:30px 24px 55px;border-radius:22px}.welcome-content h1{font-size:3.25rem}.welcome-content>p{max-width:25ch;font-size:.9rem}.welcome-art{right:-100px;top:64%;opacity:.32;transform:translateY(-50%) scale(.8)}.welcome-footer{left:24px;right:24px;bottom:17px;font-size:.5rem}.welcome-actions{gap:14px;flex-wrap:wrap}.welcome-primary,.welcome-secondary{font-size:.78rem}.dash-metrics{gap:9px}.dash-metric{min-height:165px;padding:15px}.dash-metric>strong{font-size:2.5rem}.dash-metric>a{left:15px;right:12px;bottom:13px;font-size:.68rem}.metric-label{font-size:.54rem;max-width:80%}.metric-symbol{top:11px;right:11px;width:29px;height:29px}.dash-section-head{margin-top:25px}.dash-quick-panel,.dash-activity{padding:17px}.quick-grid{grid-template-columns:1fr}.dash-footer{font-size:.48rem}}

.login-card {
  width: 100%;
  padding: 28px;
  background: rgba(255, 251, 245, 0.92);
  border: 1px solid rgba(24, 33, 38, 0.08);
  border-radius: 24px;
  box-shadow: var(--shadow-card);
}

.login-error {
  margin: 14px 0 0;
  color: #a53030;
  font-weight: 600;
}

.logout-form {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.dashboard-shell {
    width: min(100% - 20px, 1440px);
    padding-top: 18px;
  }

  .hero-panel,
  .dashboard-card,
  .metric-card,
  .news-item,
  .channel-card {
    padding: 18px;
    border-radius: 20px;
  }

  .hero-copy h1 {
    font-size: clamp(1.2rem, 6vw, 1.95rem);
    font-weight: 500;
  }

  .form-split,
  .source-grid,
  .stats-grid,
  .triple-split {
    grid-template-columns: 1fr;
  }

  .source-list li,
  .channel-card-head,
  .card-head,
  .page-topbar {
    flex-direction: column;
    align-items: flex-start;
  }
}


.page-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 18px;
  backdrop-filter: blur(16px);
  background: rgba(244, 235, 219, 0.82);
  border: 1px solid rgba(24, 33, 38, 0.08);
}

.logout-form-inline {
  margin-bottom: 0;
}

.page-link {
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
}

.page-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--accent), var(--accent-deep));
  color: #fff9f4;
  box-shadow: 0 12px 24px rgba(158, 63, 29, 0.18);
}

.hero-panel-compact .hero-copy h1 {
  max-width: 16ch;
}

.two-column-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 20px;
}

.source-list-tall li {
  align-items: flex-start;
}

.section-link-card {
  display: grid;
  gap: 14px;
}


.single-dashboard {
  padding-top: 20px;
}

.top-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.top-menu a {
  text-decoration: none;
  color: var(--ink);
  background: rgba(255, 251, 245, 0.82);
  border: 1px solid rgba(24, 33, 38, 0.08);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
}

.top-menu a:hover {
  border-color: rgba(210, 97, 57, 0.3);
}

.dashboard-stack {
  display: grid;
  gap: 20px;
}

.compact-list {
  margin-top: 14px;
}

.entity-list-tall {
  display: grid;
  gap: 12px;
}

#overview,
#settings,
#channels,
#sources,
#analytics,
#security,
#news {
  scroll-margin-top: 90px;
}

.unified-topbar {
  align-items: center;
}

.topbar-brand {
  display: grid;
  gap: 4px;
  min-width: 220px;
}

.topbar-brand .eyebrow {
  margin-bottom: 0;
}

.topbar-brand strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.quick-nav-card {
  margin-bottom: 20px;
}

.quick-nav-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.section-jump {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: var(--ink);
  background: rgba(250, 244, 234, 0.94);
  border: 1px solid rgba(24, 33, 38, 0.08);
  font-weight: 700;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.section-jump:hover {
  transform: translateY(-1px);
  border-color: rgba(210, 97, 57, 0.3);
  box-shadow: 0 14px 24px rgba(89, 61, 25, 0.1);
}

.unified-sections {
  gap: 22px;
}

.info-panel {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 20px;
  border-radius: 20px;
  background: rgba(250, 244, 234, 0.94);
  border: 1px solid rgba(24, 33, 38, 0.07);
}

.info-panel strong {
  font-size: 1.05rem;
}

#groups,
#channels,
#sources,
#analytics,
#settings,
#news,
#security {
  scroll-margin-top: 120px;
}

@media (max-width: 1180px) {
  .quick-nav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .unified-topbar {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .quick-nav-grid {
    grid-template-columns: 1fr;
  }

  .topbar-brand {
    min-width: 0;
  }

  .section-jump {
    justify-content: flex-start;
  }
}

.overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 22px 0;
}

.section-link-card {
  text-decoration: none;
  color: var(--ink);
}

.section-link-card strong {
  font-size: 1.2rem;
  letter-spacing: -0.03em;
}

.section-link-card p {
  margin: 8px 0 0;
  color: var(--muted);
}

.inline-select-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}

.inline-select-form label {
  display: grid;
  gap: 8px;
}

@media (max-width: 1280px) {
  .overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .overview-grid,
  .inline-select-form {
    grid-template-columns: 1fr;
  }
}

.bot-analytics-card {
  align-content: start;
}

.bot-analytics-meta {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
}

.bot-analytics-meta p {
  margin: 0;
  color: var(--muted);
}

.bot-channel-list {
  display: grid;
  gap: 10px;
}

.bot-channel-list > strong {
  font-size: 0.95rem;
}

.source-list li,
.entity-list li,
.news-item,
.channel-card {
  overflow: hidden;
}

.source-list li {
  flex-wrap: wrap;
}

.source-list li > div {
  min-width: 0;
  flex: 1 1 260px;
}

.source-list li button {
  flex: 0 0 auto;
  max-width: 100%;
}

.source-list p,
.entity-list p,
.channel-meta,
.helper-text,
.news-main p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 760px) {
  .source-list li button,
  .inline-select-form button {
    width: 100%;
  }
}

:root {
  --bg: #0d1117;
  --surface: rgba(16, 22, 31, 0.92);
  --surface-strong: #161d27;
  --ink: #edf2f7;
  --muted: #9aabbd;
  --line: rgba(255, 255, 255, 0.1);
  --accent: #e46f42;
  --accent-deep: #ff9a6b;
  --olive: #7eb498;
  --sand: #233142;
  --shadow-soft: 0 18px 52px rgba(0, 0, 0, 0.34);
  --shadow-card: 0 22px 38px rgba(0, 0, 0, 0.28);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(228, 111, 66, 0.18), transparent 26%),
    radial-gradient(circle at top right, rgba(126, 180, 152, 0.12), transparent 24%),
    linear-gradient(180deg, #0b1016 0%, #0f141c 48%, #121924 100%);
}

.login-card,
.dashboard-card,
.metric-card,
.news-item,
.channel-card,
.automation-result,
.entity-list li,
.source-list li {
  background: rgba(16, 22, 31, 0.92);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow-card);
}

.hero-panel {
  background: linear-gradient(145deg, rgba(18, 24, 33, 0.96), rgba(27, 38, 52, 0.92));
  border-color: rgba(255, 255, 255, 0.08);
}

.hero-panel::after {
  background: radial-gradient(circle, rgba(228, 111, 66, 0.18), transparent 68%);
}

.signal-card {
  background: linear-gradient(180deg, rgba(228, 111, 66, 0.16), rgba(22, 29, 39, 0.98));
  color: var(--ink);
}

.accent-burn {
  background: linear-gradient(145deg, #5b2d20, #8f4a32);
  color: #fff5ef;
}

.accent-ink {
  background: linear-gradient(145deg, #16202a, #223140);
  color: #edf2f7;
}

.accent-sand {
  background: linear-gradient(145deg, #18212c, #223040);
  color: #edf2f7;
}

.accent-olive {
  background: linear-gradient(145deg, #20352b, #2f4a3d);
  color: #edf2f7;
}

.accent-sand span,
.accent-sand p {
  color: rgba(237, 242, 247, 0.8);
}

.bot-card {
  background: linear-gradient(180deg, rgba(19, 25, 34, 0.98), rgba(24, 33, 45, 0.96));
}

.page-topbar {
  background: rgba(10, 15, 22, 0.86);
  border-color: rgba(255, 255, 255, 0.08);
}

.top-menu a,
.page-link {
  color: var(--ink);
}

.top-menu a {
  background: rgba(20, 27, 37, 0.88);
  border-color: rgba(255, 255, 255, 0.08);
}

.top-menu a:hover {
  border-color: rgba(228, 111, 66, 0.4);
  background: rgba(28, 37, 50, 0.96);
}

.badge {
  background: rgba(228, 111, 66, 0.14);
  color: #ffb28d;
}

.badge.muted,
.state-pill {
  background: rgba(255, 255, 255, 0.06);
  color: var(--muted);
}

.badge.warm,
.state-pill-active {
  background: rgba(126, 180, 152, 0.14);
  color: #9fd0b3;
}

input,
textarea,
select {
  background: rgba(8, 12, 18, 0.92);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink);
}

input::placeholder,
textarea::placeholder {
  color: #7e8ea0;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(228, 111, 66, 0.52);
  box-shadow: 0 0 0 4px rgba(228, 111, 66, 0.12);
}

button {
  background: linear-gradient(135deg, #d9653d, #a94928);
  color: #fff8f3;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24);
}

button:hover {
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.3);
}

.stats-grid div,
.info-panel,
.empty-news {
  background: rgba(10, 15, 22, 0.88);
  border-color: rgba(255, 255, 255, 0.08);
}

.info-panel strong,
.entity-list strong,
.source-list strong,
.news-link,
.channel-card strong,
.card-head h2,
.hero-copy h1,
.signal-card strong {
  color: var(--ink);
}

.login-error {
  color: #ff8f8f;
}

/* Shared workspace design system */
:root{
  color-scheme:light;
  --bg:#f3f5f2;--surface:#fff;--surface-strong:#fff;--ink:#172923;--muted:#718078;
  --line:#e5ebe6;--accent:#15835d;--accent-deep:#126c4d;--olive:#216b4c;--sand:#e8eee8;
  --radius-xl:24px;--radius-lg:18px;--radius-md:13px;
  --shadow-soft:0 16px 40px rgba(25,55,39,.07);--shadow-card:0 5px 20px rgba(25,55,39,.055)
}
body:not(.dashboard-page){color:var(--ink);background:#f3f5f2}
.dashboard-shell{width:min(1440px,calc(100% - 48px));padding:24px 0 48px}
.page-topbar{position:sticky;top:10px;display:flex;align-items:center;gap:20px;margin-bottom:22px;padding:10px 12px;border:1px solid #e6ebe6;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 6px 22px #1938230a;backdrop-filter:blur(16px)}
.topbar-brand{display:flex;align-items:center;gap:10px;min-width:185px;color:var(--ink);text-decoration:none}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#153c30;color:#a5ebbf;font-size:1.45rem;font-weight:800;line-height:1}.topbar-brand strong,.topbar-brand small{display:block}.topbar-brand strong{font-size:.91rem;letter-spacing:-.035em}.topbar-brand small{margin-top:3px;color:#87948c;font-size:.52rem;font-weight:700;letter-spacing:.12em}
.top-menu{display:flex;flex:1;flex-wrap:nowrap;gap:2px;align-items:center;overflow-x:auto;scrollbar-width:none}.top-menu::-webkit-scrollbar{display:none}.top-menu a{flex:0 0 auto;padding:9px 11px;border:0;border-radius:10px;background:transparent;color:#68776f;font-size:.79rem;font-weight:600;white-space:nowrap}.top-menu a:hover{background:#f0f5f1;border:0;color:#17382d}.top-menu a[aria-current="page"]{background:#e8f4eb;color:#176342}.logout-form-inline{margin:0}.logout-form-inline button{min-height:38px;padding:0 14px;border:1px solid #e4eae5;border-radius:11px;background:#fff;color:#52645a;box-shadow:none;font-size:.77rem}.logout-form-inline button:hover{transform:none;background:#f5f7f5;box-shadow:none}
.hero-panel{padding:32px;border-color:#e5ebe6;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#edf5ee 100%);box-shadow:var(--shadow-card)}.hero-panel::after{background:radial-gradient(circle,rgba(54,164,105,.14),transparent 70%)}.eyebrow,.card-kicker{color:#25835e}.hero-copy h1{color:#17382d;line-height:1.02}.hero-text{color:#718078}.signal-card{background:#17382d;color:#f4f8f4;box-shadow:none}.signal-card p{color:#bdd0c4}
.dashboard-card,.metric-card,.login-card,.news-item,.channel-card,.automation-result,.entity-list li,.source-list li{border:1px solid #e6ebe6;background:#fff;box-shadow:var(--shadow-card)}.dashboard-card{border-radius:18px}.metric-card{border-radius:17px}.accent-burn{background:#e7f4ea;color:#17382d}.accent-burn span,.accent-burn p{color:#718078}.accent-ink{background:#fff;color:#17382d}.accent-ink span,.accent-ink p{color:#718078}.accent-sand{background:#f2f5f1;color:#17382d}.accent-sand span,.accent-sand p{color:#718078}.accent-olive{background:#e8f2eb;color:#17382d}.accent-olive span,.accent-olive p{color:#718078}
.card-head h2,.hero-copy h1,.signal-card strong,.info-panel strong,.entity-list strong,.source-list strong,.news-link,.channel-card strong{color:var(--ink)}.card-head h2{font-size:1.25rem}.page-link{color:#237452}.badge{background:#e8f4eb;color:#237452}.badge.warm,.state-pill-active{background:#e8f4eb;color:#237452}.badge.muted,.state-pill{background:#f1f4f1;color:#748178}
input,textarea,select{border-color:#dfe6e0;border-radius:11px;background:#fff;color:#172923;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:#64ad83;box-shadow:0 0 0 3px #2e9b6220}input::placeholder,textarea::placeholder{color:#99a49d}button,.page-link-button{border-radius:11px;background:#176b4b;color:#fff;box-shadow:none}button:hover{background:#10583d;box-shadow:none;transform:translateY(-1px)}.stats-grid div,.info-panel,.empty-news{background:#f6f8f6;border-color:#e7ece8}.entity-list li,.source-list li,.news-item,.channel-card,.automation-result{border-radius:14px;background:#f8faf8}.news-link{font-size:1.05rem}.empty-news{color:#718078}.helper-text,.channel-meta,.news-main p{color:#718078}
.login-shell{width:min(calc(100% - 32px),480px)}.login-card{padding:34px;border-radius:22px;background:#fff;border-color:#e5ebe6}.login-error{color:#b54747}
.top-menu a:focus-visible,.topbar-brand:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #48a876;outline-offset:3px}button:focus-visible{box-shadow:0 0 0 5px #48a87630}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.dashboard-page .page-topbar{position:static;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.dashboard-page .topbar-brand{display:none}.dashboard-page .top-menu{flex:1}.dashboard-page .logout-form-inline button{border-color:#ffffff2b;background:#ffffff12;color:#d6e3da}.dashboard-page .logout-form-inline button:hover{background:#ffffff20}
.dashboard-page .dashboard-shell{width:min(1420px,calc(100% - 64px));padding:25px 0 30px}.dashboard-page .dash-welcome{margin-bottom:0}.dashboard-page .dash-metrics .dash-metric{background:#fff}.dashboard-page .dash-metrics .metric-main{background:#ddf3e4}.dashboard-page .dash-metrics .dash-metric strong{color:#172923}.dashboard-page .dash-lower .dash-quick-panel,.dashboard-page .dash-lower .dash-activity{background:#fff}
@media(max-width:1050px){.dashboard-shell{width:min(calc(100% - 36px),900px)}.page-topbar{align-items:flex-start;flex-wrap:wrap}.top-menu{order:3;flex-basis:100%}.logout-form-inline{margin-left:auto}.dashboard-page .dashboard-shell{width:min(calc(100% - 36px),900px)}}
@media(max-width:650px){.dashboard-shell{width:calc(100% - 24px);padding-top:12px}.page-topbar{top:4px;gap:8px;padding:8px}.topbar-brand{min-width:0}.top-menu{gap:1px}.top-menu a{padding:8px 9px;font-size:.74rem}.hero-panel,.dashboard-card{padding:18px}.hero-panel{border-radius:18px}.card-head h2{font-size:1.12rem}.form-split,.source-grid,.stats-grid,.triple-split{grid-template-columns:1fr}.source-list li,.channel-card-head,.card-head{align-items:flex-start}.login-card{padding:24px}}

/* Dark workspace inspired by modern AI control panels */
:root{color-scheme:dark;--bg:#282b2d;--surface:#242729;--surface-strong:#202325;--ink:#e8e9e8;--muted:#a4a8a9;--line:#3c4042;--accent:#09a8a8;--accent-deep:#29c0bd;--olive:#74bba1;--sand:#303436;--shadow-soft:0 18px 45px #0002;--shadow-card:0 8px 24px #00000016}
html{background:#282b2d}body,body:not(.dashboard-page){margin:0;color:#e8e9e8;background:#282b2d;font-family:"Inter",system-ui,sans-serif}h1,h2,h3,h4,h5,h6,.hero-copy h1,.welcome-content h1,.dash-metric>strong,.metric-card strong{font-family:"Noto Sans", "Inter",system-ui,sans-serif}
.dashboard-shell{width:auto;min-height:100vh;margin:0 0 0 258px;padding:88px 38px 36px}.app-sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:258px;display:flex;flex-direction:column;padding:19px 13px 13px;background:#1f2122;border-right:1px solid #3a3d3f;color:#d5d7d7}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:2px 9px 21px;color:#f0f1f1;text-decoration:none}.sidebar-brand>span:last-child{display:block}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:.98rem;letter-spacing:-.025em}.sidebar-brand small{margin-top:3px;color:#898e90;font-size:.57rem;letter-spacing:.16em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e9edeb;color:#222728;font-family:"Inter",sans-serif;font-size:1.65rem;font-weight:700;line-height:1}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45494a transparent}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:41px;padding:0 11px;border-radius:8px;color:#b3b7b8;text-decoration:none;font-size:.84rem;transition:background .15s,color .15s}.sidebar-link:hover{background:#2a2d2f;color:#f2f3f3}.sidebar-link.is-active{background:#34383a;color:#f6f7f7;font-weight:600}.sidebar-link.is-active .nav-icon{color:#57d3d0}.nav-icon{width:19px;flex:0 0 19px;text-align:center;color:#aab0b1;font-size:1.05rem}.nav-caption{margin:19px 11px 5px;color:#7e8587;font-size:.59rem;font-weight:700;letter-spacing:.13em}.sidebar-bottom{border-top:1px solid #3a3e40;padding-top:11px}.sidebar-account{display:flex;align-items:center;gap:10px;padding:8px}.account-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#36554d;color:#b1ead6;font-weight:700}.sidebar-account b,.sidebar-account small{display:block}.sidebar-account b{font-size:.78rem}.sidebar-account small{margin-top:2px;color:#929899;font-size:.66rem}.sidebar-logout{margin-top:7px}.sidebar-logout button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:0;background:transparent;color:#aeb3b3;text-align:left;font-size:.78rem;box-shadow:none}.sidebar-logout button:hover{background:#2a2d2f;color:#fff;transform:none}.app-topbar{position:fixed;z-index:65;inset:0 0 auto 258px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 29px;border-bottom:1px solid #3a3e40;background:#222526}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#a6abad;font-size:.81rem}.breadcrumbs b{color:#606668;font-weight:400}.breadcrumbs strong{color:#f0f1f1;font-weight:600}.topbar-status{display:flex;align-items:center;gap:8px;color:#b5bbbb;font-size:.72rem}.status-pulse,.studio-eyebrow i{width:7px;height:7px;border-radius:50%;background:#27c39a;box-shadow:0 0 0 4px #27c39a1a}.page-topbar{display:contents}.logout-form{margin:0}
.dashboard-page .dashboard-shell{width:auto;min-height:100vh;margin:0 0 0 258px;padding:88px 38px 36px}
.studio-hero{position:relative;min-height:316px;display:flex;align-items:center;overflow:hidden;padding:43px 46px;border:1px solid #3b4042;border-radius:14px;background:linear-gradient(110deg,#202426 0%,#202426 48%,#24232d 100%)}.studio-hero::before{content:"";position:absolute;right:-4%;top:-93%;width:68%;height:185%;border-radius:50%;background:radial-gradient(ellipse at center,#6745aa75 0%,#44336d38 42%,transparent 70%);filter:blur(2px)}.studio-hero::after{content:"";position:absolute;right:10%;top:-18%;width:38%;height:125%;border-radius:50%;background:radial-gradient(ellipse at center,#006a6a77 0%,#1a383d72 48%,transparent 72%);transform:rotate(-18deg)}.studio-hero-copy{position:relative;z-index:2}.studio-eyebrow{display:flex;align-items:center;gap:9px;color:#9fa7a8;font-size:.68rem;font-weight:700;letter-spacing:.12em}.studio-hero h1{max-width:690px;margin:20px 0 10px;color:#f2f3f2;font-size:clamp(1.75rem,3vw,2.65rem);font-weight:550;line-height:1.2;letter-spacing:-.045em}.studio-hero p{margin:0;color:#afb6b6;font-size:.92rem}.docs-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#12b8c1;text-decoration:none;font-size:.85rem}.docs-link:hover{color:#61e0e2}.docs-link span{font-size:1rem}.hero-rings{position:absolute;z-index:1;right:14%;top:50%;width:225px;height:225px;border:1px solid #18a2a255;border-radius:48%;transform:translateY(-50%) rotate(-24deg);box-shadow:0 0 0 18px #2b76651a,0 0 0 36px #6752a51b}.hero-rings span{position:absolute;inset:23px;border:1px solid #8862bc66;border-radius:50%;transform:rotate(50deg)}.hero-rings i{position:absolute;inset:52px;border:1px solid #4bc8c055;border-radius:43%;transform:rotate(-40deg)}
.studio-section{margin-top:27px}.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.studio-section-title h2{margin:0;color:#e7e9e8;font-size:1.12rem;font-weight:600;letter-spacing:-.025em}.studio-section-title>span,.studio-section-title>a{color:#8f9698;font-size:.61rem;font-weight:600;letter-spacing:.1em;text-decoration:none}.studio-section-title>a{font-size:.73rem;letter-spacing:0}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #414648;border-radius:12px;background:#292c2e}.action-grid>a{position:relative;display:flex;align-items:center;gap:13px;min-height:72px;padding:13px 16px;border-right:1px solid #414648;border-bottom:1px solid #414648;color:#e1e4e3;text-decoration:none;font-size:.83rem;transition:background .15s}.action-grid>a:nth-child(3n){border-right:0}.action-grid>a:nth-last-child(-n+3){border-bottom:0}.action-grid>a:hover{background:#323638}.action-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#173a3d;color:#a8e4e4;font-size:1rem}.action-icon.violet{background:#382e50;color:#d8c4ff}.action-icon.amber{background:#433b29;color:#f2d48c}.action-icon.blue{background:#2d3c5d;color:#c0d2ff}.action-icon.green{background:#294437;color:#b1e7c5}.action-arrow{margin-left:auto;color:#828b8c;font-size:.98rem}.action-grid>a:hover .action-arrow{color:#35cbca}
.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-stat{display:flex;align-items:center;gap:12px;min-height:91px;padding:15px;border:1px solid #3c4143;border-radius:11px;background:#242729;color:#e7e9e8;text-decoration:none;transition:border-color .15s,transform .15s}.overview-stat:hover{transform:translateY(-2px);border-color:#5b7776}.stat-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#174446;color:#84dddd}.stat-icon.purple{background:#39304d;color:#d2bfff}.stat-icon.blue{background:#2b3b58;color:#bbd0ff}.stat-icon.amber{background:#403728;color:#eed38e}.overview-stat>span:nth-child(2){min-width:0;flex:1}.overview-stat small,.overview-stat b{display:block}.overview-stat small{color:#a7adae;font-size:.7rem}.overview-stat b{margin-top:6px;color:#f4f5f4;font-size:1.32rem;font-weight:600;line-height:1}.overview-stat>i{color:#858d8e;font-style:normal}.studio-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-panel{min-width:0;padding:17px 18px;border:1px solid #3b4042;border-radius:12px;background:#242729}.studio-panel .studio-section-title{margin-bottom:8px}.workspace-links{display:grid}.workspace-links a{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #393e40;color:#cfd3d2;text-decoration:none;font-size:.79rem}.workspace-links a:last-child{border-bottom:0}.workspace-links a>span{color:#67c9c3;font-size:1rem}.workspace-links a b{font-weight:500}.workspace-links a i{margin-left:auto;color:#899091;font-style:normal}.workspace-links a:hover{color:#fff}.activity-list{list-style:none;margin:0;padding:0;display:grid}.activity-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #393e40}.activity-list li:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#92999a}.dot-success{background:#37c796}.dot-fail{background:#d88365}.activity-list li div{min-width:0;flex:1}.activity-list b,.activity-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-list b{color:#dfe2e1;font-size:.75rem;text-transform:capitalize}.activity-list small,.activity-list time{margin-top:3px;color:#8d9596;font-size:.64rem}.activity-list time{white-space:nowrap}.activity-empty{color:#a2a8a8;font-size:.74rem}.studio-footer{display:flex;justify-content:space-between;margin-top:26px;color:#737a7c;font-size:.57rem;font-weight:600;letter-spacing:.13em}
.hero-panel{border-color:#3b4042;background:linear-gradient(110deg,#202426,#292630);box-shadow:none}.hero-panel::after{background:radial-gradient(circle,#2c898044,transparent 70%)}.hero-copy h1{color:#f0f2f1}.hero-text{color:#aeb5b5}.eyebrow,.card-kicker{color:#55c8c1}.signal-card{background:#202729;border:1px solid #3b4747;color:#edf1f0}.signal-card p{color:#aebbbb}.dashboard-card,.metric-card,.login-card,.news-item,.channel-card,.automation-result,.entity-list li,.source-list li,.studio-panel{border-color:#3b4042;background:#242729;box-shadow:none}.metric-card{border-radius:12px}.accent-burn,.accent-ink,.accent-sand,.accent-olive{background:#242729;color:#e8e9e8}.accent-burn span,.accent-burn p,.accent-ink span,.accent-ink p,.accent-sand span,.accent-sand p,.accent-olive span,.accent-olive p{color:#a4a8a9}.card-head h2,.info-panel strong,.entity-list strong,.source-list strong,.news-link,.channel-card strong{color:#e8e9e8}.badge{background:#163a3c;color:#85dddd}.badge.warm,.state-pill-active{background:#1b3c31;color:#91d9b2}.badge.muted,.state-pill{background:#333739;color:#abb1b1}.page-link{color:#61cfca}
input,textarea,select{border-color:#414749;border-radius:9px;background:#1d2022;color:#e8e9e8}input::placeholder,textarea::placeholder{color:#777f81}input:focus,textarea:focus,select:focus{border-color:#18a7a5;box-shadow:0 0 0 3px #18a7a522}button,.page-link-button{border-radius:9px;background:#087e82;color:#f3ffff;box-shadow:none}button:hover{background:#09979a;box-shadow:none;transform:translateY(-1px)}.stats-grid div,.info-panel,.empty-news{background:#202426;border-color:#3c4143}.entity-list li,.source-list li,.news-item,.channel-card,.automation-result{border-radius:11px;background:#202426}.empty-news{color:#a5acac}.helper-text,.channel-meta,.news-main p{color:#a4a8a9}.login-card{background:#242729}.login-error{color:#ff9999}.studio-page-title,.hero-panel-compact .hero-copy h1{font-size:clamp(1.7rem,3vw,2.3rem)}
.top-menu a:focus-visible,.sidebar-link:focus-visible,.sidebar-logout button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #41d3d0;outline-offset:2px}
@media(max-width:1120px){.dashboard-shell,.dashboard-page .dashboard-shell{margin-left:228px;padding-right:25px;padding-left:25px}.app-sidebar{width:228px}.app-topbar{left:228px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-sidebar{inset:62px 0 auto 0;width:auto;height:60px;display:block;padding:0 10px;border-right:0;border-bottom:1px solid #3a3d3f}.sidebar-brand,.sidebar-bottom,.nav-caption{display:none}.sidebar-nav{height:60px;flex-direction:row;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden}.sidebar-link{flex:0 0 auto;min-height:38px;padding:0 10px;font-size:.72rem}.sidebar-link .nav-icon{width:16px;flex-basis:16px}.app-topbar{left:0;height:62px;padding:0 16px}.dashboard-shell,.dashboard-page .dashboard-shell{margin-left:0;padding:142px 18px 30px}.studio-hero{min-height:265px;padding:30px 25px}.hero-rings{right:3%;opacity:.55;transform:translateY(-50%) scale(.8) rotate(-24deg)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid>a:nth-child(3n){border-right:1px solid #414648}.action-grid>a:nth-child(2n){border-right:0}.action-grid>a:nth-last-child(-n+3){border-bottom:1px solid #414648}.action-grid>a:nth-last-child(-n+2){border-bottom:0}.overview-stats{gap:8px}.overview-stat{padding:12px;gap:9px}.studio-bottom-grid{grid-template-columns:1fr}}
@media(max-width:480px){.dashboard-shell{padding-right:12px;padding-left:12px}.studio-hero{min-height:260px;padding:26px 20px}.studio-hero h1{font-size:1.65rem}.hero-rings{right:-60px;opacity:.35}.studio-section-title h2{font-size:1rem}.studio-section-title>span{font-size:.52rem}.action-grid>a{min-height:65px;padding:10px;font-size:.7rem;gap:8px}.action-icon{width:29px;height:29px;flex-basis:29px}.overview-stats{grid-template-columns:1fr 1fr}.overview-stat{min-height:83px}.overview-stat small{font-size:.62rem}.studio-panel{padding:14px}.studio-footer{font-size:.48rem}}

/* Feed library and health controls */
[hidden]{display:none!important}.feed-hero{min-height:225px}.feed-hero .hero-copy h1{font-size:clamp(1.65rem,2.4vw,2.2rem)}.feed-summary{min-width:210px}.feed-summary strong{margin:4px 0;font-size:2.1rem}.feed-summary p{font-size:.75rem}.health-good{color:#58d39e}.health-bad{color:#f09a87}.feed-section{margin-top:27px}.feed-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:15px}.feed-overline{color:#6b9693;font-size:.59rem;font-weight:700;letter-spacing:.14em}.feed-section-head h2{margin:6px 0 4px;color:#e8e9e8;font-size:1.22rem;font-weight:600;letter-spacing:-.025em}.feed-section-head p{max-width:680px;margin:0;color:#9ea5a6;font-size:.78rem;line-height:1.55}.feed-section-head>button{flex:0 0 auto;padding:10px 14px;font-size:.75rem}.feed-section-head>button span{margin-left:6px;font-size:1rem}.managed-feeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.managed-feed{min-width:0;padding:16px;border:1px solid #3b4042;border-radius:12px;background:#242729}.managed-feed-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.managed-feed-name{display:flex;align-items:center;gap:10px;min-width:0}.managed-feed-name h3{margin:0 0 4px;overflow-wrap:anywhere;color:#e7e9e8;font-size:.87rem;font-weight:600}.feed-source-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#303638;color:#abb3b3}.source-icon-ok{background:#1d3d32;color:#6fdda8}.source-icon-error{background:#472d2a;color:#ffab96}.feed-category,.feed-status{color:#9da5a5;font-size:.64rem}.feed-status{flex:0 0 auto;padding:5px 8px;border-radius:99px;background:#343839}.status-ok{background:#1e3b31;color:#74d8a5}.status-error{background:#432e2a;color:#f0a18b}.status-unknown{color:#bec2c2}.managed-feed-url,.catalog-url{display:block;overflow:hidden;margin:12px 0 7px;color:#55c4c4;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;text-decoration:none}.managed-feed-url:hover,.catalog-url:hover{color:#9be6e3;text-decoration:underline}.feed-error-note{margin:7px 0;color:#f0a18b;font-size:.69rem;overflow-wrap:anywhere}.feed-check-meta{margin:7px 0 12px;color:#828a8b;font-size:.63rem}.feed-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:11px;border-top:1px solid #393e40}.feed-settings>input{min-width:0;min-height:34px;padding:8px 9px;font-size:.68rem}.feed-settings>input:nth-child(2){grid-column:1/-1}.feed-settings>input:nth-child(3){grid-column:1/-1}.feed-toggle{display:flex;align-items:center;gap:6px;color:#b6baba;font-size:.67rem}.feed-toggle input{width:14px;height:14px;margin:0;accent-color:#16aaa6}.interval-field{display:flex;align-items:center;gap:6px;color:#9ba2a2;font-size:.64rem}.interval-field input{width:76px;min-height:30px;padding:5px 7px;font-size:.68rem}.feed-actions{grid-column:1/-1;display:flex;gap:7px;margin-top:3px}.feed-actions button{min-height:32px;padding:0 10px;font-size:.67rem}.feed-actions .button-secondary{border:1px solid #454a4c;background:#303436;color:#d2d6d5}.feed-actions .button-secondary:hover{background:#3a4042}.feed-actions .button-danger{margin-left:auto;background:transparent;color:#df998b;border:1px solid #563b37}.feed-actions .button-danger:hover{background:#442d2a}.empty-feeds{grid-column:1/-1;display:grid;justify-items:center;padding:30px;border:1px dashed #414749;border-radius:12px;color:#aeb5b5;text-align:center}.empty-feeds>span{font-size:1.5rem;color:#54c6c4}.empty-feeds b{margin-top:8px;font-size:.87rem}.empty-feeds p{margin:5px 0 0;font-size:.74rem}.custom-feed-details{margin-top:17px;border:1px solid #3b4042;border-radius:11px;background:#232628}.custom-feed-details summary{padding:13px 16px;color:#bcc2c2;cursor:pointer;font-size:.77rem;list-style-position:inside}.custom-feed-details[open] summary{border-bottom:1px solid #393e40}.custom-feed-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;padding:16px}.custom-feed-form label{display:grid;gap:6px;color:#9ea5a6;font-size:.7rem}.custom-feed-form input,.custom-feed-form select{min-width:0;min-height:36px;padding:8px 10px;font-size:.73rem}.custom-url-field{grid-column:span 2}.custom-feed-form button{align-self:end;min-height:36px;padding:0 13px;font-size:.72rem}.catalog-section{margin-top:30px}.catalog-total{padding:6px 9px;border:1px solid #3d4244;border-radius:99px}.catalog-toolbar{display:flex;gap:10px;margin-bottom:13px}.catalog-search{display:flex;flex:1;align-items:center;gap:9px;min-width:0;padding:0 11px;border:1px solid #404648;border-radius:9px;background:#202325;color:#9aa2a2}.catalog-search>span{font-size:1.2rem}.catalog-search input{width:100%;min-height:37px;padding:7px 0;border:0;background:transparent;box-shadow:none;font-size:.74rem}.catalog-toolbar select{width:min(240px,40%);min-height:39px;padding:7px 10px;font-size:.72rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.catalog-feed{display:flex;min-width:0;flex-direction:column;padding:14px;border:1px solid #3b4042;border-radius:11px;background:#242729}.catalog-category{align-self:flex-start;padding:4px 7px;border-radius:99px;background:#303638;color:#9fd2cf;font-size:.57rem}.catalog-feed h3{margin:10px 0 5px;color:#e6e8e7;font-size:.81rem;font-weight:600;line-height:1.35}.catalog-feed p{min-height:33px;margin:0;color:#a0a7a8;font-size:.68rem;line-height:1.5}.catalog-feed .catalog-url{margin:10px 0 12px;font-size:.61rem}.catalog-feed button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:33px;margin-top:auto;padding:0 10px;border:1px solid #385353;border-radius:8px;background:#233334;color:#81d1d0;text-align:left;font-size:.68rem}.catalog-feed button:hover{background:#2c4545;transform:none}.catalog-feed button span{font-size:.92rem}.catalog-feed button.catalog-added{justify-content:center;gap:7px;border-color:#36443e;background:#29322e;color:#94c8a9}.catalog-empty{padding:20px;color:#aeb4b4;font-size:.78rem;text-align:center}
@media(max-width:1000px){.managed-feeds{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-feed-form{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.feed-hero{min-height:auto}.feed-section-head{align-items:flex-start;flex-direction:column}.feed-section-head>button{width:100%}.catalog-toolbar{flex-direction:column}.catalog-toolbar select{width:100%}.catalog-grid{grid-template-columns:1fr}.custom-feed-form{grid-template-columns:1fr}.custom-url-field{grid-column:auto}.feed-actions{flex-wrap:wrap}.feed-actions button{flex:1}.feed-actions .button-danger{margin-left:0}.managed-feed-top{align-items:center}}

.news-stream{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.news-page .dashboard-shell{width:min(1600px,calc(100% - 32px))}
.news-page .news-stream{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.news-source-group{min-width:0;padding:16px;border:1px solid #3b4042;border-radius:13px;background:linear-gradient(145deg,#24292b,#202426)}
.news-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px;padding-bottom:10px;border-bottom:1px solid #3b4143}
.news-source-heading h3{margin:0;color:#e8e9e8;font-size:.91rem;font-weight:600}
.news-source-heading span{flex:0 0 auto;color:#929a9b;font-size:.66rem}
.news-source-items{display:grid;gap:10px}
.news-source-items .news-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-color:#3a4042;background:#1d2123;box-shadow:none}
.news-source-items .news-main{min-width:0}
.news-source-items .news-link{display:block;font-size:.76rem;line-height:1.4}
.news-source-items .news-main p{margin:3px 0 0;font-size:.66rem;line-height:1.4}
.summary-ai-badge{display:inline-block;margin-left:4px;color:#78c9a3;font-size:.56rem;font-weight:700;white-space:nowrap}
.news-publish-details{position:relative;align-self:center}
.news-publish-details>summary{padding:6px 8px;border:1px solid #3d4a4b;border-radius:7px;color:#8dd8d4;cursor:pointer;font-size:.62rem;white-space:nowrap;list-style:none}
.news-publish-details>summary::-webkit-details-marker{display:none}
.news-publish-details[open]{grid-column:1/-1}
.news-publish-details .publish-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:8px}
.news-publish-details .publish-grid{grid-template-columns:minmax(130px,.8fr) minmax(160px,1.2fr);gap:8px}
.news-publish-details .publish-form label{gap:4px}
.news-publish-details .publish-form span{font-size:.62rem}
.news-publish-details .publish-form select,.news-publish-details .publish-form textarea{min-height:34px;padding:6px 8px;font-size:.67rem}
.news-publish-details .publish-form textarea{height:34px;resize:vertical}
.news-publish-details .publish-form button{min-height:34px;padding:0 9px;font-size:.63rem}
.news-summary-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:6px}
.news-summary-controls button{min-height:24px;padding:0 7px;border:1px solid #3d5550;border-radius:6px;background:#263532;color:#9dd6b2;font-size:.57rem}
.news-summary-controls button:hover{background:#30443f;transform:none}
.summary-review-state{color:#e5b27b;font-size:.57rem}
.summary-review-state.approved{color:#83d2a5}
.summary-regenerate-button{color:#92d9d6!important}
.gigachat-connection-check{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.gigachat-connection-check button{width:auto;min-height:36px;padding:0 12px}
.gigachat-test-pending,.gigachat-test-success,.gigachat-test-error{font-size:.75rem}
.gigachat-test-pending{color:#b5bdbe}.gigachat-test-success{color:#78d6a0}.gigachat-test-error{color:#f0a18b}
@media(max-width:1000px){.news-stream{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.news-stream{grid-template-columns:1fr}.news-source-group{padding:12px}.news-source-heading h3{font-size:.83rem}}

/* Refined hierarchy and calmer card surfaces */
.studio-hero h1{font-size:clamp(1.58rem,2.65vw,2.32rem);line-height:1.16;letter-spacing:-.035em}
.feed-hero .hero-copy h1,.studio-page-title,.hero-panel-compact .hero-copy h1{font-size:clamp(1.52rem,2.3vw,2.02rem)}
.studio-section-title h2{font-size:1.04rem;letter-spacing:-.018em}
.feed-section-head h2{font-size:1.12rem}
.studio-section,.feed-section{margin-top:25px}
.action-grid,.overview-stat,.studio-panel,.managed-feed,.catalog-feed,.custom-feed-details{border-color:#3c4245;background:linear-gradient(145deg,#262a2c,#222628)}
.action-grid{box-shadow:0 10px 30px #00000012}
.action-grid>a{min-height:68px;border-color:#3a4042;font-size:.79rem}
.action-grid>a:hover{background:#2d3234}
.overview-stat{min-height:84px;box-shadow:inset 0 1px #ffffff08;transition:background .16s,border-color .16s}
.overview-stat:hover{background:linear-gradient(145deg,#2b3032,#252a2c);border-color:#4b6564}
.overview-stat b{font-size:1.22rem}
.studio-panel{padding:17px 19px;box-shadow:inset 0 1px #ffffff08}
.managed-feed,.catalog-feed{box-shadow:inset 0 1px #ffffff08;transition:border-color .16s,background .16s}
.managed-feed:hover,.catalog-feed:hover{border-color:#4c5a5c;background:linear-gradient(145deg,#292e30,#24292b)}
.managed-feed-name h3{font-size:.83rem}
.catalog-feed h3{font-size:.78rem;line-height:1.4}
.catalog-feed p{min-height:38px}
.hero-panel,.studio-hero{box-shadow:inset 0 1px #ffffff0a,0 12px 30px #00000012}
@media(max-width:760px){.studio-hero h1{font-size:1.72rem}.studio-section-title h2,.feed-section-head h2{font-size:1rem}}

/* Unified editorial workspace refresh */
:root{
  color-scheme:light;
  --bg:#f4f6f4;--surface:#fff;--surface-strong:#fff;--ink:#172b25;--muted:#71817a;
  --line:#e4ebe6;--accent:#16825d;--accent-deep:#116849;--olive:#2c7556;--sand:#edf3ef;
  --radius-xl:22px;--radius-lg:17px;--radius-md:12px;
  --shadow-soft:0 16px 42px rgba(25,55,39,.065);--shadow-card:0 3px 12px rgba(28,55,42,.035)
}
html{background:var(--bg)}
body,body:not(.dashboard-page){color:var(--ink);background:var(--bg);font-family:"Inter",system-ui,sans-serif}
h1,h2,h3,h4,h5,h6,.hero-copy h1,.welcome-content h1,.dash-metric>strong,.metric-card strong{font-family:"Noto Sans", "Inter",system-ui,sans-serif}
.app-sidebar{background:#18352b;border:0;color:#e8f0eb;padding:22px 14px 14px}
.sidebar-brand{padding:2px 9px 24px;color:#f4faf6}
.sidebar-brand small{color:#9eb5a8}
.brand-mark{border-radius:12px;background:#b9efcf;color:#143d2a;font-size:1.35rem}
.sidebar-link{min-height:42px;border-radius:10px;color:#b8c9bf;font-size:.82rem}
.sidebar-link:hover{background:#ffffff10;color:#fff}
.sidebar-link.is-active{background:#285141;color:#fff}
.sidebar-link.is-active .nav-icon{color:#9ee1b6}
.nav-icon{color:#9ab2a4}
.nav-caption{color:#7f9c8c}
.sidebar-bottom{border-color:#ffffff20}
.sidebar-account small{color:#a0b6a8}
.account-avatar{border-radius:10px;background:#b9efcf;color:#183d2b}
.sidebar-logout button{border-radius:9px;color:#c1d0c7}
.sidebar-logout button:hover{background:#ffffff10}
.app-topbar{height:64px;border-color:#e5ebe6;background:rgba(255,255,255,.92);box-shadow:0 2px 10px #213d2c08;backdrop-filter:blur(16px)}
.breadcrumbs{color:#8b9891;font-size:.78rem}
.breadcrumbs b{color:#c4cdc7}
.breadcrumbs strong{color:#263d33}
.topbar-status{color:#62796c}
.status-pulse,.studio-eyebrow i{background:#26a66c;box-shadow:0 0 0 4px #26a66c18}
.dashboard-shell,.dashboard-page .dashboard-shell{padding-top:88px;padding-bottom:48px}
.studio-hero{min-height:278px;padding:42px 44px;border:1px solid #d9e8dd;border-radius:22px;background:linear-gradient(112deg,#e9f4eb 0%,#f5f8f3 54%,#e4f1ec 100%);box-shadow:var(--shadow-soft)}
.studio-hero::before{background:radial-gradient(ellipse at center,#6bc98935 0%,#a8d7b41c 44%,transparent 72%)}
.studio-hero::after{background:radial-gradient(ellipse at center,#47a98626 0%,#70caa81a 48%,transparent 72%)}
.studio-eyebrow{color:#527564}
.studio-hero h1{color:#173b2c;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.05em}
.studio-hero p{color:#63776b}
.docs-link{color:#197b57}.docs-link:hover{color:#0c5d3d}
.hero-rings{border-color:#57a98150;box-shadow:0 0 0 18px #6aaf8520,0 0 0 36px #a2cda21a}
.hero-rings span{border-color:#5e9f7860}.hero-rings i{border-color:#439e8260}
.studio-section{margin-top:31px}
.studio-section-title h2{color:#20392e;font-size:1.08rem}
.studio-section-title>span,.studio-section-title>a{color:#87948b}
.action-grid{border-color:#e2eae4;border-radius:15px;background:#fff;box-shadow:var(--shadow-card)}
.action-grid>a{min-height:76px;border-color:#edf1ed;color:#31483c;font-size:.81rem}
.action-grid>a:hover{background:#f7faf7}
.action-icon{border-radius:11px;background:#e5f3e9;color:#238259}
.action-icon.violet{background:#eeeaf8;color:#7356a5}.action-icon.amber{background:#fbf2dd;color:#a27726}.action-icon.blue{background:#e8eef9;color:#4f70a8}.action-icon.green{background:#e6f3ea;color:#318057}
.action-arrow{color:#9aa69e}.action-grid>a:hover .action-arrow{color:#18805a}
.overview-stat{border-color:#e4ebe6;border-radius:14px;background:#fff;color:#20392e;box-shadow:var(--shadow-card)}
.overview-stat:hover{background:#fbfdfb;border-color:#bfd9c7}
.stat-icon{border-radius:11px;background:#e6f3e9;color:#21845b}.stat-icon.purple{background:#efebf7;color:#785ba5}.stat-icon.blue{background:#eaf0fa;color:#5878ad}.stat-icon.amber{background:#faf2e2;color:#a17835}
.overview-stat small{color:#7c8a81}.overview-stat b{color:#1d3429}
.studio-panel{border-color:#e4ebe6;border-radius:15px;background:#fff;box-shadow:var(--shadow-card)}
.workspace-links a{border-color:#edf1ed;color:#43584d}.workspace-links a>span{color:#25845e}.workspace-links a:hover{color:#16714d}
.activity-list li{border-color:#edf1ed}.activity-list b{color:#344b3f}.activity-list small,.activity-list time{color:#8b9890}.activity-empty{color:#7b8981}
.studio-footer{color:#9ba69e}
.hero-panel{border-color:#e3ebe5;border-radius:19px;background:linear-gradient(115deg,#fff,#f1f7f2);box-shadow:var(--shadow-card)}
.hero-panel::after{background:radial-gradient(circle,#79bd8d20,transparent 70%)}
.hero-copy h1{color:#1b392c}.hero-text{color:#708077}
.signal-card{border:1px solid #244b38;border-radius:15px;background:linear-gradient(145deg,#214c38,#17392b);color:#f2faf4;box-shadow:none}
.signal-card p{color:#c1d8c8}.signal-label{color:#9fc8ad}
.dashboard-card,.metric-card,.login-card,.news-item,.channel-card,.automation-result,.entity-list li,.source-list li{border:1px solid #e5ebe6;border-radius:15px;background:#fff;box-shadow:var(--shadow-card)}
.dashboard-card{border-radius:17px;padding:24px}
.bot-card{background:#fff}
.card-head h2,.card-head h3,.info-panel strong,.entity-list strong,.source-list strong,.news-link,.channel-card strong{color:#20382d}
.card-head h2{font-size:1.22rem}
.card-kicker,.eyebrow{color:#26805b}
.badge{background:#e8f4eb;color:#23734f}.badge.muted,.state-pill{background:#f0f4f1;color:#758279}.badge.warm,.state-pill-active{background:#e8f4eb;color:#23734f}
input,textarea,select{border:1px solid #dfe7e1;border-radius:10px;background:#fff;color:#1b3227;padding:11px 13px}
input::placeholder,textarea::placeholder{color:#9aa69e}
input:focus,textarea:focus,select:focus{border-color:#72b28a;box-shadow:0 0 0 3px #3b9d6520}
button,.page-link-button{border-radius:10px;background:#18734f;color:#fff;box-shadow:none}
button:hover{background:#105f40;box-shadow:0 5px 14px #155b3d18;transform:translateY(-1px)}
.button-secondary{border:1px solid #dce7df;background:#f7faf7;color:#476353;box-shadow:none}
.button-secondary:hover{background:#edf5ef;box-shadow:none}
.button-danger{background:#fff7f5;color:#a7473c;border:1px solid #f0d7d2;box-shadow:none}
.button-danger:hover{background:#fff0ed;color:#8f3128;box-shadow:none}
.entity-list li,.source-list li,.news-item,.channel-card,.automation-result{background:#f9fbf9;box-shadow:none}
.stats-grid div,.info-panel,.empty-news{background:#f6f9f6;border-color:#e7eee8}
.helper-text,.channel-meta,.news-main p{color:#718078}
.empty-news{color:#718078}
.news-link{font-size:1.05rem}
.login-shell{position:relative;width:min(calc(100% - 32px),460px);padding:32px 0}
.login-shell::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,#dcefe1,transparent 52%),#f4f7f4}
.login-card{padding:36px;border-radius:20px;background:#fff;border-color:#e3ebe5;box-shadow:0 20px 60px #1d503218}
.login-card h1{margin:0;color:#183b2b;font-size:1.7rem;letter-spacing:-.04em}
.login-card>.hero-text{margin:12px 0 23px;font-size:.9rem}
.login-error{color:#ae4740}
.logout-form-inline button{border-color:#dce8df;background:#f8fbf8;color:#476252}
.source-list li{background:#f9fbf9}

/* RSS workspace */
.feed-hero{min-height:205px}
.feed-summary{background:linear-gradient(145deg,#214c38,#17392b)}
.feed-section{margin-top:30px}
.feed-section-head h2{color:#1e392d}
.feed-section-head p{color:#74837a}
.feed-overline{color:#53866a}
.managed-feed,.catalog-feed,.custom-feed-details{border-color:#e3eae4;border-radius:14px;background:#fff;box-shadow:var(--shadow-card)}
.managed-feed{padding:17px}
.managed-feed-name h3,.catalog-feed h3{color:#233c30}
.feed-category,.feed-check-meta{color:#77867d}
.feed-status{background:#f1f4f1;color:#727e76}
.status-ok{background:#e9f5ec;color:#28764d}.status-error{background:#fff0ed;color:#ae4c40}.status-unknown{color:#7b8981}
.managed-feed-url,.catalog-url{color:#278061}.managed-feed-url:hover,.catalog-url:hover{color:#145c40}
.feed-settings{border-color:#e8eee9}
.feed-toggle{color:#62756a}.feed-toggle input{accent-color:#21845d}
.feed-actions .button-secondary{border-color:#dce7df;background:#f6f9f6;color:#476353}.feed-actions .button-secondary:hover{background:#eaf3ec}
.feed-actions .button-danger{border-color:#eed8d3;background:#fff8f6;color:#a7473c}
.empty-feeds{border-color:#cbdcd0;color:#64786b}.empty-feeds>span{color:#27845c}
.custom-feed-details summary{color:#3e5a49}
.custom-feed-details[open] summary{border-color:#e5ece6}
.custom-feed-form label{color:#64776b}
.catalog-total{border-color:#dfe8e1;color:#64806d}
.catalog-search{border-color:#dfe7e1;border-radius:10px;background:#fff;color:#74837a}
.catalog-search input{background:transparent;color:#263d31}
.catalog-feed{padding:15px}
.catalog-category{background:#edf5ef;color:#4d795d}
.catalog-feed p{color:#718078}
.catalog-feed button{border-color:#d7e9dc;background:#edf6ef;color:#276f4d}
.catalog-feed button:hover{background:#e3f1e6}
.catalog-feed button.catalog-added{border-color:#e0e9e2;background:#f3f7f3;color:#6f8777}
.catalog-empty{color:#718078}

/* News source columns */
.news-page .dashboard-shell{width:auto;max-width:1800px}
.news-page .dashboard-card{padding:22px}
.news-page .news-stream{gap:14px}
.news-source-group{border:1px solid #e1e9e3;border-radius:14px;background:#fff;box-shadow:var(--shadow-card)}
.news-source-heading{border-color:#edf1ed}
.news-source-heading h3{color:#274333}
.news-source-heading span{color:#829087}
.news-source-items .news-item{border-color:#e8eee9;background:#f8faf8}
.news-source-items .news-link{color:#243b2e}
.news-source-items .news-main p{color:#718078}
.news-publish-details>summary{border-color:#d8e7dc;color:#307651;background:#f7fbf7}
.news-summary-controls button{border-color:#d4e8da;background:#f0f7f1;color:#36734f}
.summary-review-state{color:#a16b27}.summary-review-state.approved{color:#287b50}
.summary-regenerate-button{color:#287b80!important}
.gigachat-test-pending{color:#839088}.gigachat-test-success{color:#287b50}.gigachat-test-error{color:#b84e43}
.notice{padding:11px 13px;border:1px solid #cfe5d4;border-radius:10px;background:#f0f8f1;color:#286344}
code{overflow-wrap:anywhere;color:#35654a}

@media(max-width:1120px){.dashboard-shell,.dashboard-page .dashboard-shell{padding-right:25px;padding-left:25px}}
@media(max-width:760px){
  .dashboard-shell,.dashboard-page .dashboard-shell{padding-right:18px;padding-left:18px}
  .app-sidebar{border-color:#dce7df;background:#fdfefd;box-shadow:0 5px 15px #203d2c0c}
  .sidebar-link{color:#53685b}.sidebar-link:hover{background:#eef5ef;color:#1f5d3d}.sidebar-link.is-active{background:#e7f3e9;color:#1c6945}.sidebar-link.is-active .nav-icon{color:#228253}.nav-icon{color:#84988a}
  .app-topbar{background:rgba(255,255,255,.96);border-color:#e2eae4}
  .breadcrumbs strong{color:#1f392d}.breadcrumbs{color:#829087}
  .studio-hero{min-height:250px;padding:30px 25px}.hero-rings{right:3%;opacity:.5}
  .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid>a:nth-child(3n){border-right:1px solid #edf1ed}.action-grid>a:nth-child(2n){border-right:0}.action-grid>a:nth-last-child(-n+3){border-bottom:1px solid #edf1ed}.action-grid>a:nth-last-child(-n+2){border-bottom:0}
  .news-page .dashboard-shell{width:auto}
}
@media(max-width:580px){
  .dashboard-shell,.dashboard-page .dashboard-shell{padding-right:12px;padding-left:12px}
  .app-topbar{padding:0 12px}.breadcrumbs{gap:7px;font-size:.7rem}.topbar-status{font-size:0}.status-pulse{width:8px;height:8px}
  .studio-hero{min-height:230px;padding:24px 20px}.studio-hero h1{font-size:1.65rem}.studio-hero p{max-width:29ch;font-size:.82rem}.hero-rings{right:-65px;opacity:.28}
  .studio-section{margin-top:24px}.studio-section-title h2{font-size:.98rem}.studio-section-title>span{font-size:.5rem}
  .action-grid>a{min-height:64px;padding:9px;font-size:.68rem;gap:8px}.action-icon{width:29px;height:29px;flex-basis:29px}
  .overview-stats{grid-template-columns:1fr 1fr;gap:8px}.overview-stat{min-height:82px;padding:11px;gap:8px}.overview-stat small{font-size:.61rem}.overview-stat b{font-size:1.1rem}.stat-icon{width:31px;height:31px;flex-basis:31px}
  .studio-panel{padding:14px}.studio-footer{font-size:.48rem}
  .hero-panel,.dashboard-card{padding:17px}.hero-panel{border-radius:16px}.card-head h2{font-size:1.06rem}.form-split,.source-grid,.stats-grid,.triple-split{grid-template-columns:1fr}
  .news-page .dashboard-card{padding:14px}.news-source-group{padding:11px}.news-source-items .news-item{grid-template-columns:minmax(0,1fr);gap:9px}.news-publish-details{justify-self:start}.news-publish-details[open]{grid-column:auto}.news-publish-details .publish-form,.news-publish-details .publish-grid{grid-template-columns:1fr}
  .login-card{padding:25px}.feed-section-head{align-items:flex-start;flex-direction:column}.feed-section-head>button{width:100%}.catalog-toolbar{flex-direction:column}.catalog-toolbar select{width:100%}.catalog-grid{grid-template-columns:1fr}.custom-feed-form{grid-template-columns:1fr}.custom-url-field{grid-column:auto}.feed-actions{flex-wrap:wrap}.feed-actions button{flex:1}.feed-actions .button-danger{margin-left:0}
}

/* Dark editorial control room */
:root{
  color-scheme:dark;
  --bg:#101513;--surface:#191f1c;--surface-strong:#1e2622;--ink:#f1f4f1;--muted:#9ba8a0;
  --line:#303b35;--accent:#a9ed77;--accent-deep:#81cc52;--olive:#9bdc87;--sand:#222b26;
  --radius-xl:18px;--radius-lg:14px;--radius-md:10px;
  --shadow-soft:0 20px 60px #0004;--shadow-card:0 8px 24px #0002
}
html{background:#101513}
body,body:not(.dashboard-page){background:#101513;color:#eef2ee}
.dashboard-shell,.dashboard-page .dashboard-shell{padding-top:84px;padding-bottom:56px}
.app-sidebar{width:248px;padding:22px 14px 15px;background:#151b18;border-right:1px solid #27312b}
.sidebar-brand{padding:0 8px 24px;color:#f5f7f4}
.sidebar-brand strong{font-size:1rem;font-weight:800;letter-spacing:-.04em}
.sidebar-brand small{color:#77877d}
.brand-mark{width:38px;height:38px;border:1px solid #c6f2a2;background:#a9ed77;color:#152219;font-size:1.36rem}
.sidebar-nav{gap:4px}
.nav-caption{margin:22px 10px 7px;color:#748178;font-size:.57rem;letter-spacing:.16em}
.sidebar-link{min-height:43px;border:1px solid transparent;border-radius:9px;color:#aab5ad;font-size:.8rem;font-weight:600}
.sidebar-link:hover{background:#202823;color:#f1f4f1}
.sidebar-link.is-active{border-color:#354339;background:#26342a;color:#d6f8bb}
.sidebar-link.is-active .nav-icon{color:#a9ed77}
.nav-icon{color:#829087}
.sidebar-bottom{border-color:#2b342f}
.sidebar-account b{color:#e1e9e3;font-weight:700}
.sidebar-account small{color:#829087}
.account-avatar{border:1px solid #587448;border-radius:9px;background:#29382a;color:#bdf293}
.sidebar-logout button{border-radius:9px;color:#a7b2aa;font-weight:600}
.sidebar-logout button:hover{background:#222a25;color:#f4f7f4}
.app-topbar{left:248px;height:60px;padding:0 34px;border-color:#27312b;background:rgba(17,23,20,.92);box-shadow:0 8px 24px #0002}
.breadcrumbs{color:#7e8c82;font-size:.74rem;font-weight:600}
.breadcrumbs b{color:#3b4940}.breadcrumbs strong{color:#edf3ed;font-weight:800}
.topbar-status{color:#a0aea3;font-size:.67rem;font-weight:650;letter-spacing:.03em}
.status-pulse,.studio-eyebrow i{background:#a9ed77;box-shadow:0 0 0 4px #a9ed7718}
.studio-hero{min-height:300px;padding:48px 52px;border:1px solid #34463a;border-radius:17px;background:radial-gradient(ellipse at 81% 48%,#335b3d 0%,#26372c 24%,transparent 48%),linear-gradient(110deg,#1c2821,#18211c 58%,#1c2921);box-shadow:0 22px 55px #0003}
.studio-hero::before{background:radial-gradient(ellipse at center,#a9ed7723 0%,transparent 70%);filter:blur(10px)}
.studio-hero::after{background:radial-gradient(ellipse at center,#5c9a6530 0%,transparent 70%)}
.studio-eyebrow{color:#a7b9aa;font-size:.62rem;letter-spacing:.18em}
.studio-hero h1{max-width:760px;margin:22px 0 13px;color:#f5f8f4;font-size:clamp(2.15rem,4.4vw,3.55rem);font-weight:800;line-height:1.02;letter-spacing:-.06em}
.studio-hero p{color:#aebbb0;font-size:.92rem}
.docs-link{margin-top:22px;color:#b8f18f;font-size:.8rem;font-weight:750}
.docs-link:hover{color:#d5ffb2}
.hero-rings{right:12%;width:250px;height:250px;border-color:#a9ed7750;box-shadow:0 0 0 19px #a9ed7714,0 0 0 40px #a9ed770a}
.hero-rings span{border-color:#a9ed7755}.hero-rings i{border-color:#74cf9c55}
.studio-section{margin-top:34px}
.studio-section-title{margin-bottom:14px}
.studio-section-title h2{color:#f0f3f0;font-size:1.18rem;font-weight:800;letter-spacing:-.035em}
.studio-section-title>span,.studio-section-title>a{color:#849188;font-size:.57rem;font-weight:750;letter-spacing:.14em}
.action-grid{border:1px solid #303b35;border-radius:13px;background:#171e1a;box-shadow:none}
.action-grid>a{min-height:78px;padding:14px 17px;border-color:#2a342e;color:#e2e9e3;font-size:.79rem;font-weight:700}
.action-grid>a:hover{background:#202a23}
.action-icon{width:36px;height:36px;flex-basis:36px;border:1px solid #3d5341;border-radius:10px;background:#26392b;color:#b9f28f}
.action-icon.violet{border-color:#49415d;background:#302a3c;color:#cdbbff}.action-icon.amber{border-color:#554b32;background:#383225;color:#f0cf84}.action-icon.blue{border-color:#3b4a61;background:#273242;color:#b6cdfd}.action-icon.green{border-color:#3a5341;background:#25382a;color:#a9e88e}
.action-arrow{color:#7d8b81}.action-grid>a:hover .action-arrow{color:#b9f28f}
.overview-stats{gap:11px}
.overview-stat{min-height:88px;padding:14px;border:1px solid #303b35;border-radius:12px;background:#171e1a;color:#edf3ee;box-shadow:none}
.overview-stat:hover{transform:translateY(-2px);border-color:#536c4c;background:#1c261f}
.stat-icon{width:34px;height:34px;flex-basis:34px;border:1px solid #3d5341;border-radius:9px;background:#26392b;color:#b9f28f}.stat-icon.purple{background:#302a3c;color:#cdbbff}.stat-icon.blue{background:#273242;color:#b6cdfd}.stat-icon.amber{background:#383225;color:#f0cf84}
.overview-stat small{color:#a0ada3;font-size:.66rem;font-weight:600}.overview-stat b{color:#f4f7f3;font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.overview-stat>i{color:#a9ed77}
.studio-bottom-grid{gap:13px;margin-top:14px}
.studio-panel{padding:20px;border:1px solid #303b35;border-radius:13px;background:#171e1a;box-shadow:none}
.workspace-links a{padding:13px 3px;border-color:#29332d;color:#cdd7cf;font-size:.77rem;font-weight:650}
.workspace-links a>span{color:#a9ed77}.workspace-links a i{color:#849188}
.activity-list li{border-color:#29332d}.activity-list b{color:#e4ebe5;font-size:.73rem;font-weight:750}.activity-list small,.activity-list time{color:#849188;font-size:.62rem}
.studio-footer{color:#5e6c62;font-size:.54rem;letter-spacing:.16em}

/* Shared interior pages: strong title hierarchy and task-first layouts */
.hero-panel{position:relative;min-height:190px;margin-bottom:26px;padding:34px 38px;border:1px solid #303b35;border-radius:14px;background:linear-gradient(112deg,#1a221d,#1c2820 70%,#202b21);box-shadow:none}
.hero-panel::after{background:radial-gradient(circle,#a9ed7712,transparent 68%)}
.hero-panel .hero-copy::before{content:"РАБОЧАЯ ПАНЕЛЬ  /  TELEGRAM STUDIO";display:block;margin-bottom:13px;color:#a9ed77;font-size:.55rem;font-weight:800;letter-spacing:.17em}
.feed-hero .hero-copy::before{display:none}
.hero-copy h1{max-width:none;color:#f4f7f4;font-size:clamp(1.9rem,3.5vw,2.75rem);font-weight:800;line-height:1.04;letter-spacing:-.055em}
.hero-text{max-width:70ch;margin-top:11px;color:#a2afa5;font-size:.84rem;line-height:1.6}
.hero-aside{align-items:center}
.signal-card{min-height:0;padding:19px 21px;border:1px solid #3b4d3e;border-radius:12px;background:#202b23;color:#eff5ef}
.signal-label{margin-bottom:8px;color:#9aac9e;font-size:.55rem;font-weight:800;letter-spacing:.16em}
.signal-card strong{margin-bottom:5px;color:#c4f39d;font-size:1.52rem;font-weight:800;letter-spacing:-.04em}
.signal-card p{margin-top:6px;color:#9eaca1;font-size:.68rem;line-height:1.5}
.two-column-layout{grid-template-columns:minmax(275px,.76fr) minmax(0,1.24fr);gap:14px;align-items:start}
.two-column-layout>.dashboard-card:first-child{position:sticky;top:76px;align-self:start}
.dashboard-card,.metric-card,.login-card,.news-item,.channel-card,.automation-result,.entity-list li,.source-list li{border:1px solid #303b35;border-radius:12px;background:#171e1a;box-shadow:none}
.dashboard-card{padding:21px}
.bot-card{background:#171e1a}
.card-head{align-items:center;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #2b352e}
.card-kicker{margin-bottom:5px;color:#a9ed77;font-size:.55rem;font-weight:800;letter-spacing:.17em}
.card-head h2{color:#f0f4f0;font-size:1.18rem;font-weight:800;letter-spacing:-.035em}
.badge{background:#29372b;color:#b9ed94;font-weight:750}.badge.muted,.state-pill{background:#252d28;color:#9ca89f}.badge.warm,.state-pill-active{background:#29372b;color:#b9ed94}
.stack-form,.publish-form,.channel-analytics-form{gap:12px}
.stack-form label,.publish-form label,.channel-analytics-form label{gap:6px}
.stack-form span,.publish-form span,.channel-analytics-form span,.stats-grid span{color:#9eaba1;font-size:.68rem;font-weight:750}
input,textarea,select{border:1px solid #344038;border-radius:8px;background:#111714;color:#edf3ee;padding:10px 11px;font-size:.77rem}
input::placeholder,textarea::placeholder{color:#647269}
input:focus,textarea:focus,select:focus{border-color:#8bd36a;box-shadow:0 0 0 3px #9fe8701b}
textarea{min-height:78px}
button,.page-link-button{min-height:40px;border:1px solid #b8f28e;border-radius:8px;background:#a9ed77;color:#172217;font-size:.73rem;font-weight:850;box-shadow:none}
button:hover{background:#c0f69a;color:#132016;box-shadow:0 5px 18px #8fce5d24;transform:translateY(-1px)}
.button-secondary{border-color:#39483d;background:#252e28;color:#c5d2c8}.button-secondary:hover{border-color:#607c5b;background:#2d3a30;color:#ecf4ed}
.button-danger{border-color:#583c38;background:#382826;color:#f1a397}.button-danger:hover{background:#4a302c;color:#ffc0b3}
.entity-list,.source-list,.news-stream,.analytics-grid{gap:9px;margin-top:14px}
.entity-list li,.source-list li,.news-item,.channel-card,.automation-result{padding:14px;border-radius:10px;background:#1d2520}
.entity-list strong,.source-list strong,.channel-card strong{color:#f0f4f0;font-size:.85rem;font-weight:800}
.entity-list p,.source-list p,.channel-meta,.helper-text{color:#9ba89f;font-size:.72rem}
.inline-select-form{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:8px;margin-top:11px}
.inline-select-form label{gap:5px}
.inline-select-form button{min-height:35px;padding:0 11px;font-size:.65rem}
.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}
.channel-card{padding:16px}
.channel-card-head{gap:12px}
.channel-card-head>div>strong{font-size:.96rem}
.stats-grid{gap:7px}
.stats-grid div{padding:10px;border:1px solid #2d3831;border-radius:8px;background:#141a16}
.stats-grid span{font-size:.59rem}.stats-grid strong{color:#c5f39f;font-size:1.13rem;font-weight:800}
.channel-meta{margin-top:12px;padding-top:10px;border-top:1px solid #2b352e}
.automation-card{border-color:#445b42;background:linear-gradient(130deg,#1b271f,#171e1a)}
.automation-card>p{max-width:80ch;margin:0 0 18px;color:#a8b5ab;font-size:.78rem;line-height:1.65}
.automation-card>button{padding:0 17px}
.automation-result{margin-top:13px;color:#dbe7dc;white-space:pre-line}
.automation-result.is-visible{display:block}
.totp-uri{overflow-wrap:anywhere}
.info-panel{border:1px solid #2d3831;border-radius:10px;background:#1d2520}
.news-page .dashboard-shell{width:auto;max-width:1900px}
.news-page .hero-panel{margin-bottom:18px}
.news-page .dashboard-card{padding:20px}
.news-page .card-head h2{font-size:1.32rem}
.news-page .news-stream{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
.news-source-group{padding:14px;border:1px solid #334037;border-radius:11px;background:#171e1a}
.news-source-heading{border-color:#2d3831}
.news-source-heading h3{color:#eff4ef;font-size:.86rem;font-weight:850}
.news-source-heading span{color:#8f9d93;font-size:.62rem}
.news-source-items .news-item{border-color:#2d3831;border-radius:8px;background:#111714}
.news-source-items .news-link{color:#ecf3ed;font-size:.75rem;font-weight:750}
.news-source-items .news-main p{color:#9daaa0;font-size:.64rem}
.news-publish-details>summary{border-color:#405442;background:#202a22;color:#b8eb95}
.news-summary-controls button{border-color:#405442;background:#232e25;color:#b8e69a}
.summary-ai-badge{color:#b4e68d}.summary-review-state{color:#e6bc75}.summary-review-state.approved{color:#9bdc87}
.news-publish-details .publish-form button{min-height:34px}
.source-list li{background:#1d2520}
.entity-edit{margin-top:12px;border:1px solid #303b35;border-radius:9px;background:#171e1a}
.entity-edit>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:8px 11px;color:#c8d5ca;cursor:pointer;font-size:.68rem;font-weight:800;list-style:none}
.entity-edit>summary::-webkit-details-marker{display:none}
.entity-edit>summary::after{content:"＋";display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid #3a493d;border-radius:6px;color:#b4e98f;font-size:.77rem}
.entity-edit[open]>summary{border-bottom:1px solid #2b352e;color:#c5f39d}
.entity-edit[open]>summary::after{content:"−"}
.entity-edit>form{padding:12px}
.entity-edit>summary strong{color:#edf3ee;font-size:.78rem;font-weight:850}
.entity-edit>summary span{overflow:hidden;color:#89978d;font-size:.65rem;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.feed-edit{margin-top:13px}
.feed-edit>form{padding:0 11px 11px}
.feed-hero{background:radial-gradient(ellipse at 78% 50%,#283d2b 0%,transparent 43%),linear-gradient(112deg,#1a221d,#1b2820)}
.feed-section-head h2{color:#f0f4f0;font-size:1.23rem;font-weight:850}
.feed-section-head p{color:#9eaba1}
.feed-overline{color:#a9ed77;font-size:.56rem;font-weight:850;letter-spacing:.16em}
.managed-feeds{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.managed-feed,.catalog-feed,.custom-feed-details{border:1px solid #303b35;border-radius:11px;background:#171e1a;box-shadow:none}
.managed-feed{padding:15px}
.managed-feed:hover,.catalog-feed:hover{border-color:#56694e;background:#1c251f}
.managed-feed-name h3,.catalog-feed h3{color:#edf3ee;font-size:.81rem;font-weight:800}
.feed-category,.feed-check-meta{color:#87958b}.feed-status{background:#252e28;color:#aab5ad}
.status-ok{background:#21382a;color:#a9e78e}.status-error{background:#402925;color:#f0a293}.status-unknown{color:#abb5ad}
.managed-feed-url,.catalog-url{color:#9fda80}.managed-feed-url:hover,.catalog-url:hover{color:#c5f39d}
.feed-settings{border-color:#2c362f}.feed-toggle,.interval-field{color:#aab5ac}
.feed-actions .button-secondary{border-color:#39483d;background:#252e28;color:#c5d2c8}.feed-actions .button-secondary:hover{background:#2d3a30}
.feed-actions .button-danger{border-color:#583c38;background:#382826;color:#f1a397}
.empty-feeds{border-color:#435447;color:#aab7ad}.empty-feeds>span{color:#a9ed77}
.custom-feed-details summary{color:#d7e1d9}.custom-feed-form label{color:#a3afa6}
.catalog-total{border-color:#3a463d;color:#a9baad}
.catalog-search{border-color:#344038;border-radius:8px;background:#111714;color:#87958b}
.catalog-search input{background:transparent;color:#edf3ee}
.catalog-category{background:#253229;color:#b4dc9d}.catalog-feed p{color:#9eaba1}
.catalog-feed button{border-color:#435b40;background:#253126;color:#c1ed9f}.catalog-feed button:hover{background:#31432f;color:#ddffc1}
.catalog-feed button.catalog-added{border-color:#344239;background:#202822;color:#9aab9e}
.catalog-empty{color:#a0aca3}
.notice{border-color:#44583e;background:#253126;color:#c0eb9d}
code{color:#c0eb9d}
.login-shell::before{background:radial-gradient(ellipse at 50% 0,#263b2a,transparent 58%),#101513}
.login-card{border:1px solid #35453a;border-radius:14px;background:#191f1c;box-shadow:0 22px 70px #0006}
.login-card h1{color:#f3f6f2;font-size:1.85rem;font-weight:850;letter-spacing:-.055em}
.login-card>.hero-text{color:#a3b0a6;font-size:.82rem}
.login-card .eyebrow{color:#a9ed77;font-weight:850;letter-spacing:.16em}
.login-error{color:#f0a293}
.dashboard-page .dashboard-shell{display:flex;flex-direction:column}
.dashboard-page .studio-whats-new{order:1}
.dashboard-page .studio-section:not(.studio-whats-new):not(.studio-bottom-grid){order:2}
.dashboard-page .studio-bottom-grid{order:3}
.dashboard-page .studio-footer{order:4}
.top-menu a:focus-visible,.sidebar-link:focus-visible,.sidebar-brand:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #a9ed77;outline-offset:3px}
@media(max-width:1120px){.dashboard-shell,.dashboard-page .dashboard-shell{padding-right:24px;padding-left:24px}.two-column-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}}
@media(max-width:760px){
  .app-sidebar{background:#151b18;border-color:#303b35;box-shadow:0 8px 20px #0005}
  .sidebar-link{color:#aab5ad}.sidebar-link:hover{background:#202823;color:#f1f4f1}.sidebar-link.is-active{border-color:#354339;background:#26342a;color:#d6f8bb}.sidebar-link.is-active .nav-icon{color:#a9ed77}
  .app-topbar{background:rgba(17,23,20,.96);border-color:#27312b}
  .breadcrumbs strong{color:#edf3ed}.breadcrumbs{color:#7e8c82}
  .dashboard-shell,.dashboard-page .dashboard-shell{padding-top:142px;padding-right:18px;padding-left:18px}
  .studio-hero{min-height:258px;padding:31px 27px}.studio-hero h1{font-size:clamp(1.9rem,7vw,2.7rem)}.hero-rings{right:3%;opacity:.45}
  .two-column-layout{grid-template-columns:1fr}.two-column-layout>.dashboard-card:first-child{position:static}
  .managed-feeds{grid-template-columns:1fr}.news-page .dashboard-shell{width:auto}
}
@media(max-width:580px){
  .dashboard-shell,.dashboard-page .dashboard-shell{padding-right:12px;padding-left:12px}
  .app-topbar{padding:0 12px}.hero-panel{min-height:0;padding:23px 19px}.hero-panel .hero-copy::before{font-size:.49rem}.hero-copy h1{font-size:1.75rem}.hero-text{font-size:.76rem}
  .signal-card{padding:14px}.signal-card strong{font-size:1.28rem}
  .studio-hero{min-height:226px;padding:25px 19px}.studio-hero h1{font-size:1.8rem}.studio-hero p{max-width:29ch;font-size:.79rem}.hero-rings{right:-65px;opacity:.25}
  .studio-section{margin-top:25px}.studio-section-title h2{font-size:1rem}.studio-section-title>span{font-size:.49rem}
  .action-grid>a{min-height:66px;padding:9px;font-size:.66rem;gap:8px}.action-icon{width:29px;height:29px;flex-basis:29px}
  .overview-stats{grid-template-columns:1fr 1fr;gap:7px}.overview-stat{min-height:80px;padding:10px;gap:7px}.overview-stat small{font-size:.57rem}.overview-stat b{font-size:1.1rem}.stat-icon{width:29px;height:29px;flex-basis:29px}
  .studio-panel{padding:14px}.studio-footer{font-size:.45rem}
  .dashboard-card{padding:15px}.card-head h2{font-size:1.04rem}.inline-select-form{grid-template-columns:1fr}.inline-select-form button{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-page .dashboard-card{padding:13px}.news-source-group{padding:10px}.news-source-items .news-item{grid-template-columns:1fr;gap:8px}.news-publish-details{justify-self:start}.news-publish-details[open]{grid-column:auto}.news-publish-details .publish-form,.news-publish-details .publish-grid{grid-template-columns:1fr}
  .catalog-toolbar{flex-direction:column}.catalog-toolbar select{width:100%}.catalog-grid{grid-template-columns:1fr}.custom-feed-form{grid-template-columns:1fr}.custom-url-field{grid-column:auto}.feed-actions{flex-wrap:wrap}.feed-actions button{flex:1}.feed-actions .button-danger{margin-left:0}
  .login-card{padding:23px}
}

/* Final interaction sizing and editorial feed fit */
button,.page-link-button{min-height:44px;padding:0 17px;font-size:.88rem;font-weight:800;letter-spacing:-.01em}
.sidebar-logout button{min-height:39px;padding:8px 11px;font-size:.76rem}
.feed-section-head>button,.feed-actions button,.inline-select-form button,.news-publish-details .publish-form button,.news-summary-controls button,.catalog-feed button{min-height:38px;font-size:.76rem;font-weight:750}
.news-summary-controls button{padding:0 10px}
.news-publish-details>summary{min-height:36px;padding:0 10px;font-size:.72rem;font-weight:750;display:inline-flex;align-items:center}
.feed-actions button{padding:0 12px}
.entity-edit>summary{min-height:42px;font-size:.75rem}
.entity-edit>summary strong{font-size:.84rem}

.news-page .news-stream{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));grid-auto-rows:clamp(310px,calc(100vh - 405px),560px);align-items:stretch;gap:14px}
.news-source-group{--source-accent:#a9ed77;position:relative;display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;padding:0;border-top:3px solid var(--source-accent);border-radius:11px;background:#171e1a}
.news-source-group:nth-child(6n+2){--source-accent:#76c9f4}
.news-source-group:nth-child(6n+3){--source-accent:#c19bff}
.news-source-group:nth-child(6n+4){--source-accent:#f3c76f}
.news-source-group:nth-child(6n+5){--source-accent:#ff9179}
.news-source-group:nth-child(6n){--source-accent:#67d8bd}
.news-source-heading{position:sticky;z-index:1;top:0;flex:0 0 auto;margin:0;padding:13px 14px 11px;border-bottom:1px solid #303b35;background:#1a221d}
.news-source-heading h3{min-width:0;overflow:hidden;color:var(--source-accent);font-size:.91rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.news-source-heading span{padding:4px 8px;border:1px solid #39453b;border-radius:999px;color:#b1bcb2;font-size:.65rem;font-weight:750;white-space:nowrap}
.news-source-items{display:grid;grid-auto-rows:152px;flex:1;min-height:0;gap:0;overflow-x:hidden;overflow-y:auto;padding:0 10px 8px;overscroll-behavior:contain;scrollbar-color:#56644f #1a221d;scrollbar-width:thin}
.news-source-items::-webkit-scrollbar{width:8px}.news-source-items::-webkit-scrollbar-track{background:#1a221d}.news-source-items::-webkit-scrollbar-thumb{border:2px solid #1a221d;border-radius:9px;background:#56644f}
.news-source-items .news-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px;min-width:0;height:152px;overflow:hidden;padding:11px 8px;border:0;border-bottom:1px solid #2b352e;border-radius:0;background:transparent}
.news-source-items .news-item:last-child{border-bottom:0}
.news-source-items .news-main{min-width:0;overflow:hidden}
.news-source-items .news-link{display:-webkit-box;overflow:hidden;color:#f1f4f1;font-size:.83rem;font-weight:800;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-source-items .news-main p{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:#9ba9a0;font-size:.71rem;line-height:1.43;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-source-items .news-publish-details{max-width:94px;align-self:start}
.news-source-items .news-publish-details>summary{padding:0 8px;font-size:.67rem}
.news-source-items .news-publish-details[open]{grid-column:1/-1;max-width:none;width:100%}
.news-source-items .news-publish-details[open]{position:absolute;z-index:4;top:55px;right:12px;width:calc(100% - 24px);max-width:none;max-height:calc(100% - 65px);overflow:auto;padding:10px;border:1px solid #405442;border-radius:9px;background:#1a231c;box-shadow:0 12px 35px #0009}
.news-source-items .news-publish-details .publish-form{grid-template-columns:minmax(0,1fr);max-height:210px;overflow:auto;padding:10px;border:1px solid #38453b;border-radius:8px;background:#141a16}
.news-source-items .news-publish-details .publish-grid{grid-template-columns:1fr 1fr}
.news-source-items .news-publish-details .publish-form button{min-height:38px;font-size:.74rem}
.news-summary-controls{max-height:42px;overflow:hidden;flex-wrap:wrap}
.news-summary-controls button{min-height:26px;padding:0 8px;font-size:.65rem;white-space:nowrap}
.summary-review-state{font-size:.65rem;white-space:nowrap}
.summary-ai-badge{font-size:.61rem}
.news-page .empty-news{min-height:160px;display:grid;align-content:center;padding:24px;border:1px dashed #465148;border-radius:11px;background:#171e1a}
.news-page .empty-news strong{color:#f0f4f0;font-size:1.08rem;font-weight:850}
.news-page .empty-news p{color:#9ba9a0;font-size:.82rem}
@media(max-width:900px){.news-page .news-stream{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(300px,calc(100vh - 405px),520px)}}
@media(max-width:580px){
  button,.page-link-button{min-height:44px;padding:0 14px;font-size:.83rem}
  .feed-actions button,.news-summary-controls button,.news-publish-details .publish-form button,.catalog-feed button{font-size:.75rem}
  .news-page .news-stream{grid-template-columns:minmax(0,1fr);grid-auto-rows:min(58vh,480px);gap:11px}
  .news-source-items{grid-auto-rows:144px}.news-source-items .news-item{height:144px}
  .news-source-items .news-publish-details .publish-grid{grid-template-columns:1fr}
}
/* Dashboard insights and source removal controls */
.dashboard-page .dashboard-insights{order:3}.dashboard-page .studio-bottom-grid{order:4}.dashboard-page .studio-footer{order:5}
.dashboard-insights{margin-top:14px}.dashboard-insights-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.dashboard-insights-head h2{margin:4px 0 0;color:#edf3ee;font-size:1.08rem;font-weight:800}.insights-kicker{color:#a9ed77;font-size:.58rem;font-weight:800;letter-spacing:.13em}.dashboard-insights-head button{min-height:42px;padding:0 16px;font-size:.82rem;font-weight:750}.insights-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.insights-metrics a{display:flex;min-width:0;flex-direction:column;gap:6px;padding:13px;border:1px solid #2d3a32;border-radius:9px;background:#131a16;color:#a5b0a7;text-decoration:none;transition:border-color .15s,background .15s}.insights-metrics a:hover{border-color:#586d4c;background:#19231b}.insights-metrics a>span{font-size:.67rem;font-weight:650}.insights-metrics strong{color:#eef4ed;font-size:1.42rem;font-weight:800;line-height:1.1}.insights-metrics small{color:#748178;font-size:.61rem}.insights-metrics .insights-warning{color:#ff9b77}.insights-metrics .insights-good{color:#a9ed77}.dashboard-insights-result{min-height:40px;margin-top:11px;padding:12px 14px;border-left:2px solid #49564a;border-radius:0 8px 8px 0;background:#131916;color:#c9d5cb;font-size:.78rem;line-height:1.7;white-space:pre-line}.dashboard-insights-result.is-visible{border-left-color:#a9ed77}.dashboard-insights-result.is-loading{color:#98a69a}.insights-placeholder{color:#818d83}.insights-footnote{margin-top:8px;color:#778279;font-size:.58rem}.managed-feed-top{align-items:flex-start}.feed-top-actions{display:flex;align-items:center;gap:8px}.feed-delete-button{min-height:31px;padding:0 10px;font-size:.72rem;font-weight:700}.button-danger{border:1px solid #633b37;background:#30201f;color:#ffb6a6}.button-danger:hover{border-color:#a2574e;background:#452724;color:#ffd0c4}
@media(max-width:760px){.insights-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights-head{align-items:flex-start;flex-direction:column}.dashboard-insights-head button{width:100%}.feed-top-actions{align-items:flex-end;flex-direction:column;gap:6px}}
/* Channel analytics: audience, reach and delivery metrics */
.analytics-hero .hero-copy{max-width:760px}.analytics-hero .hero-text{max-width:70ch}.analytics-audience-total{min-width:220px}.analytics-audience-total strong{font-size:1.8rem!important}.analytics-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 28px}.analytics-kpi{display:flex;min-width:0;min-height:122px;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid #303d34;border-radius:11px;background:#171e1a}.analytics-kpi>span{color:#a7b1a8;font-size:.7rem;font-weight:700}.analytics-kpi strong{color:#eff5ee;font-size:1.7rem;font-weight:850;letter-spacing:-.04em;line-height:1.1}.analytics-kpi small{color:#849087;font-size:.62rem}.kpi-audience strong{color:#a9ed77}.kpi-reach strong{color:#83d8d0}.kpi-engagement strong{color:#c4a7ff}.kpi-publications strong{color:#f0cf84}.analytics-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 13px}.analytics-section-heading h2{margin:5px 0 0;color:#edf3ee;font-size:1.2rem;font-weight:850}.analytics-section-heading>span,.analytics-overline{color:#8e9b91;font-size:.63rem;font-weight:750;letter-spacing:.1em}.analytics-channel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));align-items:start}.analytics-channel-card{min-width:0;padding:18px;border-color:#303d34;background:#171e1a}.analytics-channel-card .channel-card-head{align-items:flex-start;gap:12px;margin-bottom:16px}.analytics-channel-title{min-width:0}.analytics-channel-title>strong{font-size:1rem;font-weight:850}.analytics-channel-title p{margin:5px 0;color:#aab5ac;font-size:.7rem}.analytics-channel-title p span{color:#849188}.analytics-channel-title small{color:#748077;font-size:.61rem}.analytics-channel-card .state-pill{flex:0 0 auto}.audience-chart{margin-bottom:13px;padding:11px 12px;border:1px solid #29362e;border-radius:8px;background:#121814}.audience-chart-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#93a096;font-size:.63rem}.audience-chart-label strong{color:#c3f39f;font-size:.68rem}.audience-track{height:6px;overflow:hidden;border-radius:99px;background:#29322b}.audience-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b9b63,#b2ef79)}.audience-track .view-range-0{width:0}.audience-track .view-range-1{width:20%}.audience-track .view-range-2{width:40%}.audience-track .view-range-3{width:60%}.audience-track .view-range-4{width:80%}.audience-track .view-range-5{width:100%}.channel-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.channel-metric{display:flex;min-width:0;min-height:76px;flex-direction:column;justify-content:space-between;gap:6px;padding:10px;border:1px solid #2b3730;border-radius:8px;background:#141a16}.channel-metric>span{color:#9aa69c;font-size:.59rem;font-weight:700}.channel-metric strong{overflow:hidden;color:#e9f0e9;font-size:1rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.channel-metric small{overflow:hidden;color:#77837a;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.subscribers-metric strong{color:#b9ef91}.analytics-card-actions{display:flex;align-items:center;gap:10px;min-height:42px;margin-top:11px}.refresh-subscriber-button{min-height:35px;padding:0 12px;font-size:.68rem;font-weight:750}.subscriber-refresh-result{color:#8e9c90;font-size:.62rem}.analytics-edit{margin-top:7px}.analytics-edit>summary{font-size:.7rem}.analytics-edit form{padding-top:13px}.analytics-channel-card .channel-meta{margin-bottom:0}.analytics-data-note{margin:13px 2px 0;color:#78857b;font-size:.62rem;line-height:1.6}.analytics-empty{grid-column:1/-1;padding:30px}.analytics-empty .page-link{font-size:.75rem}
@media(max-width:1050px){.analytics-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.analytics-overview{gap:8px}.analytics-kpi{min-height:105px;padding:12px}.analytics-kpi strong{font-size:1.35rem}.analytics-section-heading{align-items:flex-start}.analytics-channel-card{padding:13px}.analytics-channel-grid{grid-template-columns:minmax(0,1fr)}.channel-metric-grid{gap:5px}.channel-metric{min-height:70px;padding:8px}.channel-metric>span{font-size:.54rem}.channel-metric strong{font-size:.85rem}.channel-metric small{font-size:.48rem}.analytics-audience-total{min-width:0}}

/* Console refresh: graphite surfaces, clearer hierarchy, and compact navigation */
:root {
  color-scheme: dark;
  --bg: #1b2026;
  --surface: #242a31;
  --surface-strong: #2b323a;
  --ink: #eef2f6;
  --muted: #a0a9b3;
  --line: #3b434c;
  --accent: #4aa8f5;
  --accent-deep: #2385d4;
  --olive: #70d6b3;
  --sand: #303840;
  --radius-xl: 12px;
  --radius-lg: 10px;
  --radius-md: 8px;
  --shadow-soft: 0 16px 36px #080b0e36;
  --shadow-card: 0 4px 12px #080b0e20;
}

html { background: var(--bg); }
body, body:not(.dashboard-page) {
  color: var(--ink);
  background: radial-gradient(ellipse at 50% -20%, #303944 0, transparent 55%), var(--bg);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 15px;
}
h1, h2, h3, h4, h5, h6, .hero-copy h1, .welcome-content h1,
.dash-metric > strong, .metric-card strong, .brand-mark {
  font-family: "Noto Sans", "Inter", system-ui, sans-serif;
}
.dashboard-shell, .dashboard-page .dashboard-shell {
  width: auto;
  min-height: 100vh;
  margin: 0 0 0 248px;
  padding: 82px clamp(24px, 3vw, 46px) 48px;
}
.app-sidebar {
  width: 248px;
  padding: 18px 12px 12px;
  border-right: 1px solid #353d46;
  background: #20262d;
  color: #e3e8ed;
}
.sidebar-brand { padding: 2px 9px 20px; color: #f2f5f8; }
.sidebar-brand small { color: #8f9ba7; }
.brand-mark {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 9px;
  background: #2488d7;
  color: #fff;
  font-size: 1.45rem;
}
.nav-caption { margin: 19px 10px 6px; color: #85919d; font-size: .6rem; letter-spacing: .11em; }
.sidebar-link {
  min-height: 42px;
  gap: 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #b9c2cb;
  font-size: .84rem;
  font-weight: 550;
}
.sidebar-link:hover { background: #2a323b; color: #fff; }
.sidebar-link.is-active {
  border-color: #2d5e84;
  background: #293d50;
  color: #f5faff;
  font-weight: 750;
}
.sidebar-link.is-active .nav-icon { color: #65b9fa; }
.nav-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: #9ba7b2;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sidebar-bottom { border-color: #39424b; }
.sidebar-account b { color: #edf2f6; }
.sidebar-account small { color: #9aa5ae; }
.account-avatar { border-radius: 8px; background: #324555; color: #a8d7ff; }
.sidebar-logout button { min-height: 38px; border-radius: 7px; color: #aeb8c2; font-size: .8rem; }
.sidebar-logout button:hover { background: #2a323b; color: #fff; }
.app-topbar {
  left: 248px;
  height: 60px;
  padding: 0 clamp(24px, 3vw, 46px);
  border-color: #353d46;
  background: rgb(32 38 45 / 94%);
  box-shadow: 0 4px 18px #090c1030;
  backdrop-filter: blur(14px);
}
.breadcrumbs { color: #9da8b2; font-size: .8rem; }
.breadcrumbs b { color: #5f6c78; }
.breadcrumbs strong { color: #f0f4f7; font-weight: 700; }
.topbar-status { color: #aeb8c1; font-size: .74rem; }
.status-pulse, .studio-eyebrow i { background: #4acb9f; box-shadow: 0 0 0 4px #4acb9f1c; }
.mobile-logout { display: none; }

.dashboard-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 6px 0 26px;
}
.dashboard-kicker {
  color: #83bce7;
  font-size: .65rem;
  font-weight: 750;
  letter-spacing: .1em;
}
.dashboard-heading h1 {
  margin: 7px 0 4px;
  color: #f2f5f8;
  font-size: clamp(1.7rem, 2.6vw, 2.3rem);
  font-weight: 750;
  letter-spacing: -.035em;
}
.dashboard-heading p { margin: 0; color: #a8b2bc; font-size: .91rem; }
.dashboard-heading-action {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 43px;
  padding: 0 15px;
  border: 1px solid #427eae;
  border-radius: 7px;
  background: #267fbe;
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s, transform .15s;
}
.dashboard-heading-action:hover { transform: translateY(-1px); background: #3295d8; }
.dashboard-heading-action b { font-size: 1rem; }

.studio-hero {
  min-height: 250px;
  padding: 38px 42px;
  border: 1px solid #414b56;
  border-radius: 12px;
  background: radial-gradient(ellipse at 82% 45%, #34638760, transparent 37%), linear-gradient(120deg, #252c33, #20262d 72%);
  box-shadow: var(--shadow-card);
}
.studio-hero::before { background: radial-gradient(ellipse, #419ce92a, transparent 68%); }
.studio-hero::after { background: radial-gradient(ellipse, #4fc9c51b, transparent 68%); }
.studio-eyebrow { color: #9eb1c2; }
.studio-hero h1 { color: #f1f5f8; font-weight: 800; }
.studio-hero p { color: #b0bac4; }
.hero-rings { border-color: #55a9e750; box-shadow: 0 0 0 18px #459ce718, 0 0 0 36px #459ce70d; }
.hero-rings span { border-color: #73b9ed55; }
.hero-rings i { border-color: #5dc5d555; }

.hero-panel {
  min-height: 160px;
  padding: 28px 32px;
  border: 1px solid #3b444e;
  border-radius: 11px;
  background: linear-gradient(115deg, #252c33, #222a32 76%, #24303a);
  box-shadow: var(--shadow-card);
}
.hero-panel::after { background: radial-gradient(circle, #4aa8f522, transparent 68%); }
.hero-panel .hero-copy::before { color: #79bff1; }
.hero-copy h1 { color: #f0f4f7; font-weight: 800; }
.hero-text { color: #aab5bf; }
.eyebrow, .card-kicker, .feed-overline { color: #7fc3f3; }
.signal-card {
  border: 1px solid #485663;
  border-radius: 9px;
  background: #2b343d;
  color: #eef4f8;
}
.signal-label { color: #a6b5c1; }
.signal-card strong { color: #8dcbfa; }
.signal-card p { color: #aebac4; }

.studio-section { margin-top: 27px; }
.studio-section-title h2 { color: #edf1f5; font-size: 1.08rem; font-weight: 800; }
.studio-section-title > span, .studio-section-title > a { color: #9ca8b2; font-size: .64rem; }
.action-grid, .overview-stat, .studio-panel, .dashboard-insights,
.dashboard-card, .metric-card, .channel-card, .analytics-channel-card,
.analytics-kpi, .managed-feed, .catalog-feed, .news-source-group,
.news-item, .entity-list li, .source-list li, .automation-result,
.custom-feed-details, .entity-edit, .info-panel {
  border-color: #3b444e;
  border-radius: 9px;
  background: #252c33;
  box-shadow: none;
}
.action-grid { overflow: hidden; }
.action-grid > a {
  min-height: 69px;
  border-color: #3a434c;
  color: #e1e7ec;
  font-size: .85rem;
  font-weight: 650;
}
.action-grid > a:hover { background: #2d3741; }
.action-icon { border: 1px solid #3e6788; background: #2a4357; color: #9bd2ff; }
.action-icon.violet { border-color: #655987; background: #383449; color: #c7b8ff; }
.action-icon.amber { border-color: #786542; background: #403a2d; color: #f2d58b; }
.action-icon.blue { border-color: #45658d; background: #2b3a4c; color: #b6d1ff; }
.action-icon.green { border-color: #426e5c; background: #2a4138; color: #a5e3c5; }
.action-arrow { color: #9ba8b3; }
.action-grid > a:hover .action-arrow { color: #73c2ff; }
.overview-stats { gap: 12px; }
.overview-stat {
  min-height: 92px;
  border: 1px solid #3b444e;
  background: #252c33;
  color: #eef2f6;
  transition: border-color .16s, background .16s;
}
.overview-stat:hover { transform: translateY(-1px); border-color: #5289b5; background: #2b343d; }
.overview-stat small { color: #acb7c0; font-size: .73rem; }
.overview-stat b { color: #f3f6f9; font-size: 1.38rem; font-weight: 800; }
.stat-icon { border: 1px solid #3e6788; background: #2a4357; color: #9bd2ff; }
.stat-icon.purple { border-color: #655987; background: #383449; color: #c7b8ff; }
.stat-icon.blue { border-color: #45658d; background: #2b3a4c; color: #b6d1ff; }
.stat-icon.amber { border-color: #786542; background: #403a2d; color: #f2d58b; }
.studio-bottom-grid { gap: 14px; }
.studio-panel { padding: 19px; }
.workspace-links a { border-color: #38424c; color: #d2dbe3; font-size: .82rem; }
.workspace-links a > span { color: #79c1f5; }
.activity-list li { border-color: #38424c; }
.activity-list b { color: #e5ebf0; }
.activity-list small, .activity-list time { color: #9da9b3; }
.studio-footer { color: #87939e; }

.dashboard-insights { padding: 19px; }
.dashboard-insights-head h2 { color: #eff3f6; }
.insights-kicker { color: #82c5f4; }
.insights-metrics a { border-color: #3b444e; border-radius: 8px; background: #20272e; color: #adb8c2; }
.insights-metrics a:hover { border-color: #5289b5; background: #2b343d; }
.insights-metrics strong { color: #f1f5f8; }
.insights-metrics .insights-good { color: #71d5a7; }
.insights-metrics .insights-warning { color: #ffb56f; }
.dashboard-insights-result { border-left-color: #4aa8f5; background: #20272e; color: #d5e0e8; }
.dashboard-insights-result.is-visible { border-left-color: #53c9ae; }
.insights-placeholder, .insights-footnote { color: #9aa6b0; }

.analytics-kpi { min-height: 122px; padding: 17px; }
.analytics-kpi > span { color: #b0bbc4; }
.analytics-kpi strong { color: #f1f5f8; }
.kpi-audience strong { color: #79c6ff; }
.kpi-reach strong { color: #71d5cf; }
.kpi-engagement strong { color: #c3a9ff; }
.kpi-publications strong { color: #f2cd79; }
.analytics-channel-card { background: #252c33; }
.channel-metric { border-color: #3b444e; background: #20272e; }
.channel-metric > span, .channel-metric small { color: #a4b0ba; }
.channel-metric strong { color: #edf3f7; }
.subscribers-metric strong { color: #80c8ff; }
.audience-chart { border-color: #3b444e; background: #20272e; }
.audience-track { background: #3a444e; }
.audience-track span { background: linear-gradient(90deg, #378cd0, #71d5cf); }
.analytics-data-note, .analytics-overline, .analytics-section-heading > span { color: #9aa7b1; }

.managed-feed, .catalog-feed, .custom-feed-details { background: #252c33; }
.managed-feed:hover, .catalog-feed:hover { border-color: #568db8; background: #2b343d; }
.managed-feed-name h3, .catalog-feed h3 { color: #ecf2f6; }
.managed-feed-url, .catalog-url { color: #87caff; }
.feed-status { background: #343e48; color: #ccd5dc; }
.status-ok { background: #234b3b; color: #83e1b1; }
.status-error { background: #4b302e; color: #ffaca0; }
.news-source-group { --source-accent: #63b9ff; background: #252c33; }
.news-source-group:nth-child(6n+2) { --source-accent: #6bd6cb; }
.news-source-group:nth-child(6n+3) { --source-accent: #b39aff; }
.news-source-group:nth-child(6n+4) { --source-accent: #f2c66d; }
.news-source-group:nth-child(6n+5) { --source-accent: #ff987d; }
.news-source-group:nth-child(6n) { --source-accent: #74d5a6; }
.news-source-heading { border-color: #3a444e; background: #2b333b; }
.news-source-heading span { border-color: #4a5662; color: #c0cad3; }
.news-source-items { scrollbar-color: #536373 #20272e; }
.news-source-items::-webkit-scrollbar-track { background: #20272e; }
.news-source-items::-webkit-scrollbar-thumb { border-color: #20272e; background: #536373; }
.news-source-items .news-item { border-color: #39434d; background: transparent; }
.news-source-items .news-link { color: #f0f4f7; }
.news-source-items .news-main p { color: #adb8c1; }
.news-publish-details > summary { border-color: #49627a; background: #2b3c4b; color: #9bd2ff; }
.news-summary-controls button { border-color: #49627a; background: #293a49; color: #a8d8ff; }

input, textarea, select {
  border-color: #46515c;
  border-radius: 7px;
  background: #1c232a;
  color: #eef3f7;
}
input::placeholder, textarea::placeholder { color: #88949f; }
input:focus, textarea:focus, select:focus { border-color: #58b2f6; box-shadow: 0 0 0 3px #58b2f624; }
button, .page-link-button {
  min-height: 42px;
  border: 1px solid #3795dc;
  border-radius: 7px;
  background: #2788ca;
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  box-shadow: none;
  transition: background .15s, border-color .15s, transform .15s;
}
button:hover { transform: translateY(-1px); border-color: #67baff; background: #3599dd; color: #fff; box-shadow: none; }
.button-secondary { border-color: #4a5661; background: #303941; color: #e2e8ed; }
.button-secondary:hover { border-color: #6a7d8d; background: #3a4650; color: #fff; }
.button-danger { border-color: #754c4b; background: #442f31; color: #ffbbb3; }
.button-danger:hover { border-color: #a26662; background: #553638; color: #ffe0db; }
.button-success, .catalog-feed button.catalog-added { border-color: #39725d; background: #26483b; color: #9de4c1; }
.badge { background: #2c4c67; color: #a9d8ff; }
.badge.warm, .state-pill-active { background: #254b3e; color: #8fe0b8; }
.badge.muted, .state-pill { background: #343d45; color: #bac4cd; }
.entity-edit { border-color: #3b444e; background: #20272e; }
.entity-edit > summary { color: #d5dde4; }
.entity-edit > summary::after { border-color: #4b6478; color: #8ecbfa; }
.entity-edit[open] > summary { border-color: #3b444e; color: #a9d8ff; }
.notice { border-color: #4b6478; background: #243443; color: #b4ddfb; }
.login-shell::before { background: radial-gradient(ellipse at 50% 0, #304252, transparent 58%), #1b2026; }
.login-card { border-color: #414c57; border-radius: 12px; background: #252c33; box-shadow: 0 22px 60px #090d1280; }
.login-card h1 { color: #f0f4f7; }
.login-card .eyebrow { color: #81c6f8; }
.login-card > .hero-text { color: #aab5bf; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline: 2px solid #78c4ff;
  outline-offset: 3px;
}

@media (max-width: 980px) and (min-width: 761px) {
  .app-sidebar { width: 76px; padding-right: 8px; padding-left: 8px; }
  .sidebar-brand { justify-content: center; padding-right: 0; padding-left: 0; }
  .sidebar-brand > span:last-child { display: none; }
  .sidebar-link { justify-content: center; gap: 0; padding-right: 5px; padding-left: 5px; font-size: 0; }
  .sidebar-link .nav-icon { width: 21px; height: 21px; flex-basis: 21px; }
  .nav-caption { overflow: hidden; height: 1px; margin: 10px 4px; border-top: 1px solid #3b444e; font-size: 0; }
  .sidebar-account { justify-content: center; padding-right: 0; padding-left: 0; }
  .sidebar-account > span:last-child, .sidebar-logout button { display: none; }
  .dashboard-shell, .dashboard-page .dashboard-shell { margin-left: 76px; }
  .app-topbar { left: 76px; }
  .two-column-layout { grid-template-columns: 1fr; }
  .two-column-layout > .dashboard-card:first-child { position: static; }
}
@media (max-width: 760px) {
  .app-sidebar {
    position: fixed;
    inset: auto 0 0;
    width: auto;
    height: calc(68px + env(safe-area-inset-bottom));
    padding: 5px 6px max(5px, env(safe-area-inset-bottom));
    border: 0;
    border-top: 1px solid #3b444e;
    background: rgb(32 38 45 / 97%);
    box-shadow: 0 -8px 26px #090c103d;
    backdrop-filter: blur(16px);
  }
  .sidebar-brand, .sidebar-bottom, .nav-caption { display: none; }
  .sidebar-nav { flex-direction: row; align-items: stretch; gap: 3px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  .sidebar-nav::-webkit-scrollbar { display: none; }
  .sidebar-link {
    min-width: 63px;
    min-height: 56px;
    flex: 1 0 63px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 4px 3px;
    border-radius: 7px;
    font-size: .59rem;
    line-height: 1.1;
    text-align: center;
  }
  .sidebar-link .nav-icon { width: 19px; height: 19px; flex-basis: 19px; }
  .app-topbar { inset: 0 0 auto; height: 54px; padding: 0 14px; }
  .breadcrumbs { gap: 7px; font-size: .72rem; }
  .breadcrumbs > span { display: none; }
  .breadcrumbs > b { display: none; }
  .topbar-status { display: none; }
  .mobile-logout { display: block; margin: 0; }
  .mobile-logout button { min-height: 34px; padding: 0 12px; border-radius: 6px; font-size: .72rem; }
  .dashboard-shell, .dashboard-page .dashboard-shell {
    width: auto;
    min-height: 100vh;
    margin: 0;
    padding: 72px 15px calc(84px + env(safe-area-inset-bottom));
  }
  .dashboard-heading { align-items: flex-start; flex-direction: column; gap: 14px; margin: 0 0 21px; }
  .dashboard-heading h1 { font-size: 1.75rem; }
  .dashboard-heading p { max-width: 42ch; font-size: .84rem; }
  .dashboard-heading-action { min-height: 39px; }
  .hero-panel { padding: 22px 19px; }
  .hero-panel .hero-copy::before { font-size: .58rem; }
  .hero-copy h1 { font-size: 1.7rem; }
  .overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-grid > a:nth-child(3n) { border-right: 1px solid #3a434c; }
  .action-grid > a:nth-child(2n) { border-right: 0; }
  .action-grid > a:nth-last-child(-n+3) { border-bottom: 1px solid #3a434c; }
  .action-grid > a:nth-last-child(-n+2) { border-bottom: 0; }
  .studio-bottom-grid { grid-template-columns: 1fr; }
  .two-column-layout { grid-template-columns: 1fr; }
  .two-column-layout > .dashboard-card:first-child { position: static; }
  .managed-feeds { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .dashboard-shell, .dashboard-page .dashboard-shell { padding-right: 11px; padding-left: 11px; }
  .dashboard-heading-action { width: 100%; justify-content: space-between; }
  .studio-section-title { align-items: flex-start; }
  .studio-section-title > span { max-width: 45%; text-align: right; }
  .action-grid > a { min-height: 65px; padding: 8px; gap: 7px; font-size: .66rem; }
  .action-icon { width: 29px; height: 29px; flex-basis: 29px; }
  .overview-stat { min-height: 78px; gap: 7px; padding: 9px; }
  .overview-stat small { font-size: .6rem; }
  .overview-stat b { font-size: 1.14rem; }
  .stat-icon { width: 29px; height: 29px; flex-basis: 29px; }
  .dashboard-insights { padding: 13px; }
  .insights-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-page .news-stream { grid-template-columns: minmax(0, 1fr); grid-auto-rows: min(58vh, 480px); }
}

/* Keep headings prominent while reducing the extra heavy look. */
h1, h2, h3, h4, h5, h6,
.dashboard-heading h1, .hero-copy h1, .studio-hero h1,
.studio-section-title h2, .card-head h2, .feed-section-head h2,
.analytics-section-heading h2, .dashboard-insights-head h2,
.news-source-heading h3, .managed-feed-name h3, .catalog-feed h3,
.login-card h1, .analytics-channel-title > strong {
  font-weight: 700;
  -webkit-text-stroke: 0.1px var(--bg);
}