/**
 * Comercial — adaptação do conteúdo legado ao layout padrão Pierini (topnav + tokens).
 */

html[data-theme="light"],
html[data-theme="dark"] {
  --fg: var(--text);
  --card: var(--card-bg);
  --stroke: var(--card-border);
  --accent: var(--brand);
  --accent-hot: var(--brand-hover);
  --glass: color-mix(in srgb, var(--card-bg) 70%, transparent);
  --glass-edge: var(--card-border);
  --glass-shine: color-mix(in srgb, var(--bandeira-branco) 40%, transparent);
  --subtle-fill: var(--brand-soft);
  --font: var(--font-app);
  --font-heading: var(--font-app);
}

/* Shell antigo (sidebar fixa) desativado — menu no cabeçalho Pierini */
.atv-backdrop,
.atv-top,
.ios-topbar {
  display: none !important;
}

body.pierini-app .app-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-blocks, 1rem);
  min-width: 0;
}

body.pierini-app .app-content .atv-rows,
body.pierini-app .app-content > main.atv-rows {
  margin: 0;
  width: 100%;
  max-width: var(--content-max, 100%);
  padding: 0;
  box-sizing: border-box;
}

body.pierini-app .atv-row {
  margin-bottom: var(--space-block, 1rem);
}

body.pierini-app .atv-row > h2 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text);
}

body.pierini-app .tile,
body.pierini-app .tile-sector {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  padding: var(--card-pad);
  box-shadow: var(--shadow-card);
  color: var(--text);
}

body.pierini-app .sector-lead,
body.pierini-app .sector-hint {
  color: var(--muted);
}

body.pierini-app .alert {
  border-radius: var(--radius);
  border: 1px solid var(--alert-border);
  background: var(--alert-bg);
  color: var(--alert-text);
  padding: 0.75rem 1rem;
}

body.pierini-app .btn-ui,
body.pierini-app .btn-ui-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--card-border);
  background: var(--card-bg);
  color: var(--brand);
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

body.pierini-app .btn-ui:hover,
body.pierini-app .btn-ui-inline:hover {
  background: var(--nav-hover-bg);
  border-color: var(--brand-mid);
}

body.pierini-app .data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

body.pierini-app .data-table th {
  background: var(--brand);
  color: var(--on-brand);
  text-align: left;
  padding: 0.55rem 0.65rem;
}

body.pierini-app .data-table td {
  border-bottom: 1px solid var(--card-border);
  padding: 0.55rem 0.65rem;
  color: var(--text);
}

body.pierini-app .comercial-page-intro {
  margin: 0 0 var(--gap-blocks);
  color: var(--muted);
  font-size: 0.95rem;
}

body.pierini-app .comercial-scope-hint {
  margin: 0 0 var(--gap-blocks);
  padding: 0.75rem 1rem;
  border-radius: var(--radius);
  border: 1px solid var(--card-border);
  background: var(--brand-soft);
  font-size: 0.88rem;
  color: var(--text);
}

body.pierini-app .comercial-scope-hint .muted {
  margin: 0;
}

/* Banner de degradação do sistema */
.app-sys-degraded-banner {
  margin: 0 0 var(--gap-blocks);
  padding: 0.75rem 1rem;
  border-radius: var(--radius);
  border: 1px solid var(--alert-border);
  background: var(--alert-bg);
  color: var(--alert-text);
}

.app-sys-degraded-banner__text {
  margin: 0;
  font-size: 0.9rem;
}

body.login-page .login-user-select {
  width: 100%;
}

/* Modal de logout (mantido do painel anterior) */
.logout-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 20, 60, 0.45);
}

.logout-modal-backdrop.show {
  display: flex;
}

.logout-modal {
  width: min(420px, 100%);
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--card-border);
  background: var(--card-bg);
  color: var(--text);
  box-shadow: var(--shadow-header);
}

.logout-modal h3 {
  margin: 0 0 0.5rem;
}

.logout-modal p {
  margin: 0 0 1rem;
  color: var(--muted);
}

.logout-confirm-form {
  display: grid;
  gap: 0.75rem;
}

.logout-confirm-label {
  display: grid;
  gap: 0.35rem;
}

.logout-confirm-select {
  width: 100%;
}

.admin-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.logout-confirm-submit {
  padding: 0.5rem 1rem;
  border-radius: var(--radius);
  border: none;
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 600;
  cursor: pointer;
}

.logout-modal-cancel {
  padding: 0.5rem 1rem;
}