.yt-page {
  --yt-ink: #e8eef3;
  --yt-muted: #91a0ad;
  --yt-bg: #071018;
  --yt-panel: #0d1922;
  --yt-line: #20313d;
  --yt-green: #77e2b4;
  --yt-cyan: #72d9ef;
  background: var(--yt-bg);
  color: var(--yt-ink);
}

/* Clone estrutural e monitor ATC — sempre restritos ao namespace /yt/clone. */
.yt-clone-entry .yt-actions { align-items: center; }
.yt-clone-readiness { color: var(--yt-muted); font-size: .78rem; }
.yt-clone-readiness.is-ready { color: var(--yt-green); }

.yt-clone-page { --clone-panel: #212121; --clone-muted: #aaa; }
.yt-clone-page main.container { max-width: 1440px; padding-inline: clamp(1rem, 4vw, 4rem); }
.yt-clone-boundary { display: flex; gap: 1rem; justify-content: center; margin-inline: calc(50% - 50vw); padding: .75rem 1rem; color: #fff; background: #8b1e1e; font-size: .78rem; letter-spacing: .04em; }
.yt-clone-boundary span { color: #ffd8d8; }
.yt-clone-channel { min-height: 70vh; padding: 1.4rem 0 3rem; color: #f1f1f1; }
.yt-clone-banner { display: grid; min-height: 180px; place-items: center; border-radius: 12px; color: #777; background: #171717; font-size: .76rem; letter-spacing: .16em; }
.yt-clone-channel-head { display: grid; grid-template-columns: 128px minmax(0, 1fr) auto; gap: 1.4rem; align-items: center; padding: 1.8rem 0; }
.yt-clone-avatar, .yt-clone-channel-mini span { display: grid; place-items: center; border-radius: 50%; color: #0f0f0f; background: #d98f2b; font-weight: 900; }
.yt-clone-avatar { width: 128px; height: 128px; font-size: 3rem; }
.yt-clone-channel-head h1, .yt-clone-watch-shell h1 { margin: 0 0 .55rem; color: #fff; letter-spacing: -.035em; }
.yt-clone-channel-head p { max-width: 760px; margin: .25rem 0; color: var(--clone-muted); }
.yt-clone-follow-actions, .yt-clone-video-bar { display: flex; gap: .65rem; align-items: center; }
.yt-clone-subscribe, .yt-clone-pill, .yt-clone-comment-button { display: inline-flex; min-height: 40px; align-items: center; padding: .6rem 1rem; border: 0; border-radius: 999px; font-size: .86rem; font-weight: 750; text-decoration: none; }
.yt-clone-subscribe { color: #0f0f0f; background: #fff; }
.yt-clone-pill { color: #fff; background: #272727; }
.yt-clone-tabs { display: flex; gap: 2rem; border-bottom: 1px solid #333; color: var(--clone-muted); }
.yt-clone-tabs > * { padding: .9rem .2rem; }
.yt-clone-tabs b { color: #fff; border-bottom: 2px solid #fff; }
.yt-clone-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; padding-top: 1.5rem; }
.yt-clone-video-grid a, .yt-clone-side-list a { color: #fff; text-decoration: none; }
.yt-clone-video-grid h2 { margin: .7rem 0 .25rem; font-size: .95rem; }
.yt-clone-video-grid p { color: var(--clone-muted); font-size: .78rem; }
.yt-clone-broken-thumb { display: grid; aspect-ratio: 16 / 9; place-items: center; border: 1px dashed #454545; border-radius: 10px; color: #777; background: #171717; font-size: .7rem; }
.yt-clone-watch-shell { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 1.5rem; padding: 1.5rem 0 3rem; }
.yt-clone-player { display: grid; aspect-ratio: 16 / 9; place-items: center; border: 1px dashed #484848; border-radius: 12px; color: #777; background: #080808; }
.yt-clone-watch-shell h1 { margin-top: 1rem; font-size: 1.35rem; }
.yt-clone-video-bar { padding: .6rem 0 1.2rem; }
.yt-clone-channel-mini { display: flex; gap: .6rem; align-items: center; margin-right: auto; color: #fff; text-decoration: none; }
.yt-clone-channel-mini span { width: 40px; height: 40px; }
.yt-clone-comments { padding-top: 1.2rem; border-top: 1px solid #333; }
.yt-clone-comments h2 { color: #fff; font-size: 1.1rem; }
.yt-clone-comments p { color: var(--clone-muted); }
.yt-clone-comment-button { color: #15171c; background: #d98f2b; }
.yt-clone-side-list { display: grid; gap: .75rem; align-content: start; }
.yt-clone-side-list a { display: grid; grid-template-columns: 168px 1fr; gap: .7rem; align-items: start; }
.yt-clone-side-list .yt-clone-broken-thumb { width: 168px; }
.yt-clone-side-list b { font-size: .82rem; line-height: 1.35; }
.yt-clone-status { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin: 1rem 0 3rem; padding: 1rem; border: 1px solid var(--yt-line); border-radius: 10px; color: var(--yt-muted); font-size: .78rem; }
.yt-clone-status a { color: var(--yt-cyan); }

.yt-campaign-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.yt-campaign-form fieldset { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin: .5rem 0; padding: 1rem; border: 1px solid var(--yt-line); border-radius: 12px; }
.yt-campaign-form legend { padding: 0 .5rem; color: #fff; font-weight: 800; }
.yt-campaign-check { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: .85rem; border: 1px solid var(--yt-line); border-radius: 9px; background: #071018; }
.yt-campaign-check input { width: 18px; min-height: 18px; }
.yt-campaign-check small { grid-column: 2; color: var(--yt-muted); }
.yt-campaign-comment, .yt-campaign-form .yt-notice, .yt-campaign-form > button { grid-column: 1 / -1; }
.yt-campaign-comment code { color: var(--yt-green); }
.yt-monitor-head { padding-bottom: 3rem; }
.yt-stop-button { min-height: 42px; padding: .65rem 1rem; border: 1px solid #e46b62; border-radius: 8px; color: #ffd7d3; background: rgba(201, 79, 61, .15); font: inherit; font-weight: 800; cursor: pointer; }
.yt-progress-track { height: 12px; overflow: hidden; border-radius: 999px; background: #071018; }
.yt-progress-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--yt-green), var(--yt-cyan)); transition: width .25s ease; }
.yt-progress-copy { color: var(--yt-muted); }
.yt-live-counts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.yt-live-counts div { padding: 1rem; border: 1px solid var(--yt-line); border-radius: 10px; background: #071018; }
.yt-live-counts dt { color: var(--yt-muted); font-size: .72rem; text-transform: uppercase; }
.yt-live-counts dd { margin: .35rem 0 0; color: #fff; font-size: 1.65rem; font-weight: 850; }
.yt-live-feed ol { display: grid; max-height: 430px; gap: .55rem; overflow-y: auto; padding-left: 1.4rem; color: var(--yt-muted); }
.yt-live-feed li b { color: var(--yt-green); }

@media (max-width: 900px) {
  .yt-clone-channel-head { grid-template-columns: 88px 1fr; }
  .yt-clone-avatar { width: 88px; height: 88px; }
  .yt-clone-follow-actions { grid-column: 1 / -1; }
  .yt-clone-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yt-clone-watch-shell { grid-template-columns: 1fr; }
  .yt-campaign-form { grid-template-columns: 1fr; }
  .yt-campaign-form fieldset { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .yt-clone-boundary { flex-direction: column; gap: .25rem; }
  .yt-clone-video-grid, .yt-campaign-form fieldset, .yt-live-counts { grid-template-columns: 1fr; }
  .yt-clone-video-bar { flex-wrap: wrap; }
  .yt-clone-channel-mini { width: 100%; }
  .yt-clone-side-list a { grid-template-columns: 128px 1fr; }
  .yt-clone-side-list .yt-clone-broken-thumb { width: 128px; }
}

.yt-page main.container {
  max-width: 1240px;
  padding-top: 0;
}

.yt-page h1,
.yt-page h2,
.yt-page h3,
.yt-page p {
  margin-top: 0;
}

.yt-page a {
  text-underline-offset: 3px;
}

.yt-kicker {
  color: var(--yt-green);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.yt-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 3rem;
  margin-inline: calc(50% - 50vw);
  padding: 5.5rem max(1.25rem, calc((100vw - 1200px) / 2)) 6rem;
  background:
    radial-gradient(circle at 78% 18%, rgba(119, 226, 180, .14), transparent 30%),
    linear-gradient(180deg, #071018, #09141d);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.yt-hero h1,
.yt-doc-head h1,
.yt-dossier-head h1 {
  max-width: 850px;
  margin: 1rem 0 1.4rem;
  color: #fff;
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: .98;
  letter-spacing: -.055em;
}

.yt-hero h1 span {
  color: var(--yt-green);
}

.yt-hero > div > p:not(.yt-kicker),
.yt-doc-head > p:not(.yt-kicker) {
  max-width: 760px;
  color: var(--yt-muted);
  font-size: 1.06rem;
  line-height: 1.8;
}

.yt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.6rem;
}

.yt-page .button-primary,
.yt-page .button-secondary {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: .72rem 1.05rem;
  border: 1px solid transparent;
  border-radius: 8px;
  font: inherit;
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
}

.yt-page .button-primary {
  color: #052116;
  background: var(--yt-green);
}

.yt-page .button-secondary {
  color: var(--yt-ink);
  background: transparent;
  border-color: var(--yt-line);
}

.yt-page button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.yt-hero-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem;
  align-content: start;
  margin: 0;
}

.yt-hero-facts div {
  min-height: 145px;
  padding: 1.25rem;
  border: 1px solid var(--yt-line);
  border-radius: 16px;
  background: rgba(13, 25, 34, .78);
}

.yt-hero-facts dt {
  color: var(--yt-green);
  font-size: 1.25rem;
  font-weight: 800;
}

.yt-hero-facts dd {
  margin: .45rem 0 0;
  color: var(--yt-muted);
  font-size: .82rem;
  line-height: 1.55;
}

.yt-panel {
  margin: 2rem 0;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid var(--yt-line);
  border-radius: 20px;
  background: rgba(13, 25, 34, .86);
}

.yt-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.yt-section-head h2,
.yt-panel > h2 {
  margin-bottom: 0;
  color: #fff;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  letter-spacing: -.035em;
}

.yt-section-head > span {
  color: var(--yt-muted);
  font-size: .78rem;
}

.yt-search {
  display: grid;
  grid-template-columns: minmax(180px, .65fr) minmax(260px, 1.35fr) auto;
  gap: .85rem;
  align-items: end;
}

.yt-page label {
  display: grid;
  gap: .45rem;
  color: #cbd6de;
  font-size: .78rem;
  font-weight: 700;
}

.yt-page select,
.yt-page input {
  width: 100%;
  min-height: 44px;
  padding: .72rem .8rem;
  color: var(--yt-ink);
  background: #071018;
  border: 1px solid #314452;
  border-radius: 8px;
  font: inherit;
}

.yt-page select:focus,
.yt-page input:focus {
  outline: 2px solid var(--yt-green);
  outline-offset: 2px;
}

.yt-empty {
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px dashed #38505f;
  border-radius: 12px;
  color: var(--yt-muted);
}

.yt-empty strong {
  color: var(--yt-ink);
}

.yt-empty p {
  margin: .45rem 0 0;
  line-height: 1.65;
}

.yt-person {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1.3rem;
  border-radius: 14px;
  background: rgba(119, 226, 180, .07);
  border: 1px solid rgba(119, 226, 180, .18);
}

.yt-person h3 {
  margin: .2rem 0 .3rem;
  font-size: 1.6rem;
}

.yt-person p:last-child {
  margin: 0;
  color: var(--yt-muted);
}

.yt-module-grid,
.yt-method-grid,
.yt-channel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1.2rem;
}

.yt-module-grid > a,
.yt-module-grid > div,
.yt-method-grid > article,
.yt-channel-grid > a {
  display: block;
  padding: 1.25rem;
  color: var(--yt-ink);
  background: #09151e;
  border: 1px solid var(--yt-line);
  border-radius: 14px;
  text-decoration: none;
}

.yt-module-grid b,
.yt-method-levels span {
  color: var(--yt-green);
  font-size: .75rem;
  letter-spacing: .12em;
}

.yt-module-grid h3,
.yt-method-grid h2,
.yt-method-grid h3 {
  margin: .65rem 0 .55rem;
  color: #fff;
}

.yt-module-grid p,
.yt-method-grid p,
.yt-channel-grid span {
  color: var(--yt-muted);
  font-size: .85rem;
  line-height: 1.6;
}

.yt-module-grid span {
  display: block;
  margin-top: .8rem;
  color: var(--yt-cyan);
  font-size: .8rem;
}

.yt-split {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 1rem;
}

.yt-split .yt-panel {
  margin: 0;
}

.yt-panel > p {
  color: var(--yt-muted);
  line-height: 1.72;
}

.yt-link-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: end;
  margin-top: 1.3rem;
}

.yt-signals,
.yt-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .7rem;
  margin: 1.2rem 0 0;
}

.yt-signals div,
.yt-metrics div {
  padding: 1rem;
  background: #071018;
  border: 1px solid var(--yt-line);
  border-radius: 11px;
}

.yt-signals dt,
.yt-metrics dt {
  color: #718492;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.yt-signals dd,
.yt-metrics dd {
  margin: .4rem 0 0;
  color: #fff;
  font-size: .95rem;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.yt-notice,
.yt-boundary {
  margin: 1.2rem 0 2rem;
  padding: 1.15rem 1.25rem;
  color: #c8d5dd;
  background: rgba(114, 217, 239, .06);
  border: 1px solid rgba(114, 217, 239, .2);
  border-radius: 12px;
}

.yt-notice p,
.yt-boundary p {
  margin: .45rem 0 0;
  color: var(--yt-muted);
  line-height: 1.65;
}

.yt-notice-warn {
  color: #f0d19d;
  background: rgba(231, 173, 83, .07);
  border-color: rgba(231, 173, 83, .22);
}

.yt-method-card ol,
.yt-steps,
.yt-limit-list {
  padding-left: 1.2rem;
  color: var(--yt-muted);
  line-height: 1.75;
}

.yt-method-card li + li,
.yt-steps li + li,
.yt-limit-list li + li {
  margin-top: .65rem;
}

.yt-method-card b,
.yt-steps b {
  color: var(--yt-ink);
}

.yt-boundary {
  margin: 2rem 0 4rem;
  background: rgba(255, 255, 255, .025);
  border-color: var(--yt-line);
}

.yt-boundary a {
  display: inline-block;
  margin-top: .8rem;
  color: var(--yt-cyan);
}

.audit-guide {
  margin: 1.4rem 0;
  padding: 1.35rem;
  border: 1px solid rgba(114, 217, 239, .26);
  border-radius: 16px;
  background: rgba(114, 217, 239, .055);
}

.audit-guide h2 { margin: .25rem 0 .65rem; }
.audit-guide p { line-height: 1.65; }
.audit-guide details { margin-top: 1rem; }
.audit-guide summary, .audit-trail summary { cursor: pointer; font-weight: 800; }
.audit-links { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.audit-links a { color: var(--yt-cyan); font-size: .78rem; }
.audit-trail { margin-top: 1rem; padding: 1rem; border: 1px solid var(--yt-line); border-radius: 11px; }
.audit-trail ol { display: grid; gap: .55rem; padding-left: 1.2rem; }
.audit-trail li span { display: block; color: var(--yt-muted); font-size: .8rem; line-height: 1.5; }
.audit-localizado b { color: var(--yt-green); }
.audit-lacuna b, .audit-nao_localizado b, .audit-a_pesquisar b { color: #f0d19d; }
.audit-nao_informado b { color: var(--yt-muted); }
.audit-alert { color: #f0d19d; font-size: .82rem; }

.yt-doc-head,
.yt-dossier-head {
  margin-inline: calc(50% - 50vw);
  padding: 4.5rem max(1.25rem, calc((100vw - 1200px) / 2));
  background: radial-gradient(circle at 78% 18%, rgba(114, 217, 239, .12), transparent 30%);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.yt-doc-head h1,
.yt-dossier-head h1 {
  max-width: 960px;
  font-size: clamp(2.5rem, 5vw, 4.7rem);
}

.yt-doc-section,
.yt-dossier-section {
  margin-top: 1.5rem;
}

.yt-doc-section > h3 {
  margin-top: 1.8rem;
  color: #fff;
}

.yt-method-levels {
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 0;
}

.yt-method-levels article {
  min-height: 205px;
}

.yt-dossier-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}

.yt-dossier-head h1 {
  margin-bottom: .7rem;
}

.yt-dossier-head p:not(.yt-kicker) {
  margin-bottom: .5rem;
  color: var(--yt-muted);
}

.yt-dossier-head small {
  color: #718492;
}

.yt-dossier-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
}

.yt-dossier-grid .yt-panel {
  margin: 0;
}

.yt-metrics {
  grid-template-columns: repeat(2, 1fr);
}

.yt-caveat {
  margin: 1rem 0 0;
  color: #8495a1;
  font-size: .78rem;
  line-height: 1.6;
}

.yt-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.yt-page table {
  width: 100%;
  border-collapse: collapse;
  color: var(--yt-ink);
  font-size: .82rem;
}

.yt-page th,
.yt-page td {
  padding: .8rem;
  border-bottom: 1px solid var(--yt-line);
  text-align: left;
}

.yt-page th {
  color: var(--yt-muted);
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.yt-record-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .85rem;
}

.yt-record-list article {
  padding: 1.15rem;
  background: #071018;
  border: 1px solid var(--yt-line);
  border-radius: 12px;
  break-inside: avoid;
}

.yt-record-list h3 {
  margin: .65rem 0 .5rem;
}

.yt-record-list p {
  color: var(--yt-muted);
  line-height: 1.58;
}

.yt-record-list a {
  color: var(--yt-cyan);
  font-size: .8rem;
}

.yt-record-meta {
  display: flex;
  justify-content: space-between;
  gap: .7rem;
  color: #8294a0;
  font-size: .7rem;
  text-transform: uppercase;
}

.yt-evidence,
.yt-gap {
  margin: .8rem 0;
  padding: .75rem;
  color: #bdebd7;
  background: rgba(119, 226, 180, .06);
  border-left: 3px solid var(--yt-green);
  font-size: .78rem;
  line-height: 1.55;
}

.yt-gap {
  color: #efd3a5;
  background: rgba(231, 173, 83, .06);
  border-left-color: #e7ad53;
}

.yt-record-compact article {
  min-height: 170px;
}

.yt-source-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem 2rem;
  padding-left: 1.4rem;
}

.yt-source-list li {
  padding: .55rem 0;
  color: #8395a1;
}

.yt-source-list a {
  display: block;
  color: var(--yt-cyan);
}

.yt-source-list small {
  display: block;
  margin-top: .2rem;
}

.yt-channel-grid a {
  display: grid;
  gap: .45rem;
}

.yt-channel-grid b {
  color: var(--yt-cyan);
}

.yt-import-panel { display: grid; grid-template-columns: 1fr minmax(300px, .7fr); gap: 2rem; align-items: end; }
.yt-import-panel form, .yt-control-card { display: grid; gap: .9rem; }
.yt-control-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.yt-control-card { align-content: start; padding: 1.2rem; border: 1px solid var(--yt-line); border-radius: 14px; background: #071018; }
.yt-control-card p, .yt-control-card small { color: var(--yt-muted); }
.yt-control-card form { margin-top: auto; }
.yt-control-state { display: flex; gap: .5rem; align-items: center; font-size: .7rem; letter-spacing: .1em; }
.yt-control-state span { width: .65rem; height: .65rem; border-radius: 50%; background: #66727a; }
.yt-control-card.is-on .yt-control-state span { background: var(--yt-green); box-shadow: 0 0 14px rgba(119, 226, 180, .7); }
.yt-flag-green { border-top: 3px solid var(--yt-green); }
.yt-flag-red { border-top: 3px solid #ff5c6c; }
.yt-flag-red .yt-kicker { color: #ff7c88; }
.yt-tool-paused { color: #e7ad53; font-size: .8rem; font-weight: 700; }
.yt-final-warning { margin: 2rem 0; padding: 1.6rem; color: #ff6675; background: rgba(255, 49, 69, .08); border: 2px solid #ff4355; border-radius: 14px; }
.yt-final-warning strong { font-size: 1.15rem; letter-spacing: .12em; }
.yt-final-warning p { margin: .75rem 0 0; font-size: 1.1rem; font-weight: 850; line-height: 1.55; }
.yt-access-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: .55rem; align-items: center; }
.yt-online-state { color: #8d9aa3; font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.yt-online-state.is-online { color: var(--yt-green); }
.yt-coverage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.yt-coverage-grid article { padding: 1rem; border: 1px solid var(--yt-line); border-radius: 12px; background: #071018; }
.yt-coverage-grid p { color: var(--yt-muted); line-height: 1.55; }
.yt-coverage-status { display: inline-flex; padding: .3rem .48rem; border-radius: 5px; color: #cbd4da; background: #263641; font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.yt-coverage-status.is-documentado { color: #062318; background: var(--yt-green); }
.yt-coverage-status.is-lacuna, .yt-coverage-status.is-sem_registro { color: #342002; background: #e7ad53; }
.yt-coverage-status.is-nao_aplicavel, .yt-coverage-status.is-nao_analisado { color: #d7e0e5; background: #344550; }

@media (max-width: 900px) {
  .yt-hero,
  .yt-split,
  .yt-dossier-grid,
  .yt-import-panel {
    grid-template-columns: 1fr;
  }

  .yt-search {
    grid-template-columns: 1fr 1fr;
  }

  .yt-search button {
    grid-column: 1 / -1;
  }

  .yt-module-grid,
  .yt-method-grid,
  .yt-method-levels,
  .yt-channel-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .yt-control-grid { grid-template-columns: repeat(2, 1fr); }

  .yt-dossier-head {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .yt-hero {
    padding-top: 3.4rem;
  }

  .yt-hero-facts,
  .yt-search,
  .yt-module-grid,
  .yt-method-grid,
  .yt-method-levels,
  .yt-link-form,
  .yt-signals,
  .yt-metrics,
  .yt-record-list,
  .yt-source-list,
  .yt-channel-grid {
    grid-template-columns: 1fr;
  }

  .yt-control-grid { grid-template-columns: 1fr; }
  .yt-coverage-grid { grid-template-columns: 1fr; }

  .yt-person,
  .yt-section-head,
  .yt-record-meta {
    align-items: start;
    flex-direction: column;
  }

  .yt-person .button-primary {
    width: 100%;
  }
}

@media print {
  @page { margin: 13mm; }

  .yt-page {
    --yt-ink: #12161a;
    --yt-muted: #4b5961;
    --yt-bg: #fff;
    --yt-panel: #fff;
    --yt-line: #cbd2d6;
    color: #12161a;
    background: #fff;
  }

  .yt-page .vivaz-header,
  .yt-page .site-footer,
  .yt-page .consent-banner,
  .yt-page .whatsapp-fab,
  .yt-no-print {
    display: none !important;
  }

  .yt-page main.container {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .yt-dossier-head {
    margin: 0;
    padding: 0 0 1rem;
    color: #12161a;
    background: none;
    border-bottom: 2px solid #12161a;
  }

  .yt-dossier-head h1,
  .yt-panel h2,
  .yt-panel h3,
  .yt-metrics dd {
    color: #12161a;
  }

  .yt-panel,
  .yt-record-list article,
  .yt-signals div,
  .yt-metrics div,
  .yt-module-grid > a,
  .yt-module-grid > div {
    color: #12161a;
    background: #fff;
    box-shadow: none;
  }

  .yt-dossier-grid,
  .yt-record-list {
    gap: .55rem;
  }

  .yt-panel {
    margin: .8rem 0;
    padding: 1rem;
    break-inside: avoid;
  }

  .yt-record-list a,
  .yt-source-list a {
    color: #174e67;
  }

  .yt-final-warning { color: #b00020; background: #fff4f5; border-color: #b00020; }
}
