/* RC88 · Autopilota del canale dentro la Home.
   Il riquadro del pannello (mao/panel-autopilota.css) è pensato per la pagina
   /mao, dove i pulsanti «mao-*» hanno già il loro stile. Qui quello stile non
   esiste, quindi si definisce solo ciò che serve, con selettori ristretti alla
   sezione: nessuna regola globale, nessun effetto sulle altre schermate. */

.canale-autopilot-page {
  min-height: calc(100vh - 60px);
  padding: clamp(16px, 4vw, 42px) clamp(12px, 4vw, 40px) 70px;
  background: linear-gradient(180deg, #f8f3ea 0%, #efe6d8 100%);
}

.canale-autopilot-page[hidden] {
  display: none !important;
}

.canale-autopilot-page .autopilota-panel {
  width: min(1080px, 100%);
  margin: 0 auto;
}

/* Pulsanti: stessa forma e stessa misura del pannello di ufficio. */
.canale-autopilot-page .mao-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(83, 61, 32, .22);
  border-radius: 12px;
  background: #fffaf0;
  color: #4a3826;
  font: 850 .86rem/1 system-ui, sans-serif;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease;
}

.canale-autopilot-page .mao-button:hover {
  background: #fff;
  transform: translateY(-1px);
}

.canale-autopilot-page .mao-button:focus-visible {
  outline: 3px solid rgba(194, 120, 36, .35);
  outline-offset: 2px;
}

.canale-autopilot-page .mao-button-primary {
  border-color: #a56a18;
  background: linear-gradient(135deg, #fff0bd, #f6bf4d 58%, #d88422);
  color: #3f270c;
  font-weight: 950;
}

.canale-autopilot-page .mao-button-ghost {
  background: transparent;
  color: #5c4326;
}

.canale-autopilot-page .mao-eyebrow {
  margin: 0 0 9px;
  color: #a35e18;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.canale-autopilot-page .mao-status {
  width: min(1080px, 100%);
  margin: 14px auto 0;
  min-height: 22px;
  color: #6b5b4a;
  font-size: .86rem;
  font-weight: 750;
}

@media (max-width: 640px) {
  .canale-autopilot-page {
    padding: 16px 12px 54px;
  }

  .canale-autopilot-page .mao-button {
    min-height: 48px;
    font-size: .82rem;
  }
}