/* ==========================================================
   GRUPO AMPARO — TEMA OFICIAL V104
   Identidade visual baseada em Recebimentos + Pesquisa.
   Escopo administrativo: não altera regras de negócio.
   ========================================================== */
:root{
  --ga-blue-900:#0b4777;
  --ga-blue-800:#0f5c99;
  --ga-blue-700:#176da9;
  --ga-blue-600:#2484bd;
  --ga-blue-200:#b9d8ea;
  --ga-blue-100:#dceef7;
  --ga-blue-050:#eef7fb;
  --ga-bg:#f3f8fb;
  --ga-card:#ffffff;
  --ga-text:#123f63;
  --ga-muted:#647f93;
  --ga-green:#15935f;
  --ga-green-dark:#0f774b;
  --ga-red:#d71920;
  --ga-yellow:#e7ad24;
  --ga-border:#c5ddea;
  --ga-shadow:0 7px 22px rgba(18,63,99,.08);
  --ga-shadow-soft:0 3px 11px rgba(18,63,99,.06);
  --ga-radius:15px;
  --ga-radius-sm:10px;
}

/* Base administrativa */
.app-shell{background:var(--ga-bg);color:var(--ga-text)}
.app-shell .admin-content{background:var(--ga-bg)}
.app-shell .admin-content h1,
.app-shell .admin-content h2,
.app-shell .admin-content h3,
.app-shell .admin-content strong{color:var(--ga-text)}
.app-shell .admin-content p,
.app-shell .admin-content small,
.app-shell .admin-content .muted-text{color:var(--ga-muted)}

/* Cabeçalhos internos: padrão da pesquisa de recebimentos */
.app-shell .admin-content .page-head{
  background:linear-gradient(135deg,var(--ga-blue-800),var(--ga-blue-700))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  padding:22px 24px!important;
  box-shadow:var(--ga-shadow)!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.app-shell .admin-content .page-head h1,
.app-shell .admin-content .page-head h2,
.app-shell .admin-content .page-head h3,
.app-shell .admin-content .page-head p,
.app-shell .admin-content .page-head strong{color:#fff!important}
.app-shell .admin-content .page-head .eyebrow{
  color:#84caee!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}
.app-shell .admin-content .page-head h1{font-size:27px!important;line-height:1.08!important;margin:5px 0!important}
.app-shell .admin-content .page-head p{font-size:12px!important;line-height:1.4!important;opacity:.96!important;margin:0!important}
.app-shell .admin-content .page-head .btn.ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.36)!important}

/* Cards/painéis: mesma leitura visual de Recebimentos */
.app-shell .admin-content .panel,
.app-shell .admin-content .overview-card,
.app-shell .admin-content .review-card,
.app-shell .admin-content .box,
.app-shell .admin-content .sheet,
.app-shell .admin-content .edit-section,
.app-shell .admin-content .app-config-section,
.app-shell .admin-content .plan-config-section,
.app-shell .admin-content .branch-form-section{
  background:var(--ga-card)!important;
  border:1px solid var(--ga-border)!important;
  border-radius:var(--ga-radius)!important;
  box-shadow:var(--ga-shadow-soft)!important;
}
.app-shell .admin-content .panel-head,
.app-shell .admin-content .section-heading,
.app-shell .admin-content .compact-head,
.app-shell .admin-content .gray-head{
  border-bottom:1px solid var(--ga-blue-100)!important;
  background:linear-gradient(180deg,#fff,#f8fcfe)!important;
  color:var(--ga-text)!important;
}
.app-shell .admin-content .panel-head strong,
.app-shell .admin-content .section-heading strong,
.app-shell .admin-content .compact-head strong{font-weight:900!important;color:var(--ga-text)!important}
.app-shell .admin-content .panel-head span,
.app-shell .admin-content .section-heading span{color:var(--ga-muted)!important}

/* Formulários oficiais */
.app-shell .admin-content input:not([type="checkbox"]):not([type="radio"]),
.app-shell .admin-content select,
.app-shell .admin-content textarea{
  border:1.5px solid var(--ga-blue-200)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ga-text)!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.app-shell .admin-content input:not([type="checkbox"]):not([type="radio"]):focus,
.app-shell .admin-content select:focus,
.app-shell .admin-content textarea:focus{
  outline:none!important;
  border-color:var(--ga-blue-600)!important;
  box-shadow:0 0 0 3px rgba(36,132,189,.12)!important;
}
.app-shell .admin-content label{color:#315d79;font-weight:800}

/* Botões oficiais */
.app-shell .admin-content .btn,
.app-shell .admin-content button:not(.modal-close):not(.quantity-arrows button){
  border-radius:9px;
  font-weight:900;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.app-shell .admin-content .btn:hover,
.app-shell .admin-content button:not(.modal-close):not(.quantity-arrows button):hover{transform:translateY(-1px)}
.app-shell .admin-content .btn.primary{
  background:linear-gradient(180deg,var(--ga-blue-700),var(--ga-blue-800))!important;
  border-color:var(--ga-blue-900)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(15,92,153,.18)!important;
}
.app-shell .admin-content .btn.ghost{
  background:#f4faff!important;
  border:1px solid var(--ga-blue-200)!important;
  color:var(--ga-blue-900)!important;
}
.app-shell .admin-content .btn.dark{background:var(--ga-blue-900)!important;color:#fff!important}
.app-shell .admin-content .danger-btn,
.app-shell .admin-content .btn.danger{background:var(--ga-red)!important;color:#fff!important;border-color:#ae1118!important}

/* Ações positivas seguem o padrão do Recebimento */
.app-shell .admin-content .btn.success,
.app-shell .admin-content .action-success{
  background:linear-gradient(180deg,#21a965,var(--ga-green))!important;
  border:1px solid var(--ga-green-dark)!important;
  color:#fff!important;
}

/* Tabelas/listas */
.app-shell .admin-content table{
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  border:1px solid var(--ga-border)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.app-shell .admin-content table thead th{
  background:#eaf5fb!important;
  color:#214f70!important;
  border-bottom:1px solid var(--ga-blue-200)!important;
  font-weight:900!important;
}
.app-shell .admin-content table tbody tr:nth-child(even){background:#f8fcfe!important}
.app-shell .admin-content table tbody tr:hover{background:#eef8fd!important}
.app-shell .admin-content table td{border-bottom:1px solid #e3eef4!important}

/* KPIs/cards de módulo */
.app-shell .admin-content .feature-cards article,
.app-shell .admin-content .commercial-kpi,
.app-shell .admin-content .receivable-kpi,
.app-shell .admin-content .executive-kpi{
  background:#fff!important;
  border:1px solid var(--ga-border)!important;
  border-radius:14px!important;
  box-shadow:var(--ga-shadow-soft)!important;
}
.app-shell .admin-content .feature-cards article strong,
.app-shell .admin-content .commercial-kpi strong,
.app-shell .admin-content .receivable-kpi strong,
.app-shell .admin-content .executive-kpi strong{color:var(--ga-blue-900)!important}

/* Cards de comando/atalhos */
.app-shell .admin-content .member-command-card,
.app-shell .admin-content .tool-card,
.app-shell .admin-content .access-action,
.app-shell .admin-content .setting-action-body{
  background:linear-gradient(180deg,#fff,#f8fcfe)!important;
  border:1px solid var(--ga-border)!important;
  border-radius:12px!important;
  box-shadow:var(--ga-shadow-soft)!important;
}
.app-shell .admin-content .member-command-card:hover,
.app-shell .admin-content .tool-card:hover,
.app-shell .admin-content .access-action:hover{
  border-color:var(--ga-blue-600)!important;
  box-shadow:0 7px 18px rgba(15,92,153,.12)!important;
}

/* Abas */
.app-shell .admin-content [role="tablist"],
.app-shell .admin-content .member-tabs,
.app-shell .admin-content .tabs{
  border-color:var(--ga-blue-100)!important;
}
.app-shell .admin-content .member-tab,
.app-shell .admin-content .tab-btn{
  color:var(--ga-blue-900)!important;
  border-color:var(--ga-blue-200)!important;
}
.app-shell .admin-content .member-tab.active,
.app-shell .admin-content .tab-btn.active{
  background:var(--ga-blue-800)!important;
  color:#fff!important;
  border-color:var(--ga-blue-800)!important;
}

/* Badges/status */
.app-shell .admin-content .pill{border-radius:999px!important;font-weight:900!important}
.app-shell .admin-content .pill.ok{background:#ddf5e9!important;color:#13734b!important;border-color:#a8ddc3!important}
.app-shell .admin-content .pill.warn{background:#fff1c9!important;color:#7a5b0e!important;border-color:#e6c76e!important}
.app-shell .admin-content .pill.muted{background:#edf2f5!important;color:#5f7180!important}

/* Notas, estados vazios e mensagens */
.app-shell .admin-content .info-note,
.app-shell .admin-content .empty{
  background:#eef8fd!important;
  border:1px solid var(--ga-blue-200)!important;
  border-radius:11px!important;
  color:#315d79!important;
}
.app-shell .admin-content .alert{border-radius:11px!important;font-weight:800!important}

/* Barras de ferramentas */
.app-shell .admin-content .toolbar{
  background:#f7fbfe!important;
  border:1px solid var(--ga-blue-100)!important;
  border-radius:11px!important;
}
.app-shell .admin-content .toolbar button,
.app-shell .admin-content .toolbar a{
  border:1px solid var(--ga-blue-200)!important;
  background:#fff!important;
  color:var(--ga-blue-900)!important;
  border-radius:8px!important;
  font-weight:900!important;
}
.app-shell .admin-content .toolbar button:hover,
.app-shell .admin-content .toolbar a:hover{background:#eaf6fc!important;border-color:var(--ga-blue-600)!important}

/* Modais administrativos oficiais */
.app-shell .modal-card{
  border:1px solid var(--ga-blue-200)!important;
  border-radius:16px!important;
  box-shadow:0 28px 80px rgba(8,46,75,.28)!important;
}
.app-shell .modal-head{
  background:linear-gradient(135deg,var(--ga-blue-900),var(--ga-blue-700))!important;
  color:#fff!important;
  border-bottom:3px solid var(--ga-red)!important;
}
.app-shell .modal-head h3,
.app-shell .modal-head span,
.app-shell .modal-head small{color:#fff!important}

/* Rodapé segue identidade institucional */
.app-shell .system-footer{border-top:3px solid var(--ga-red)!important}

/* Proteção: Recebimentos permanece referência oficial e não é redesenhado pelo tema genérico. */
body.receipt-workspace-page .receipt-customer-hero,
body.receipt-workspace-page .receipt-ledger-panel,
body.receipt-workspace-page .receipt-premium-card,
body.receipt-workspace-page .receipt-tab,
body.receipt-workspace-page .modern-open-row,
body.receipt-workspace-page .modern-paid-row{font-family:inherit}

/* Responsividade oficial */
@media(max-width:900px){
  .app-shell .admin-content .page-head{padding:18px!important;border-radius:16px!important;align-items:flex-start!important;flex-direction:column!important}
  .app-shell .admin-content .page-head h1{font-size:23px!important}
}

/* V161 · Gestão de Cobradores: números Online/Offline realmente pretos */
.app-shell .admin-content .page-head.collectors-head .collector-live-badge > strong,
.app-shell .admin-content .page-head.collectors-head .collector-offline-badge > strong{
  color:#111820!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#111820!important;
}