/* ==========================================================================
    TEMA PADRÃO (Listagens) — classes .lst-*
   Usado por: listar-orcamentos-projetos.php, listar-orcamentos-medicoes.php,
              listar-agendamentos.php
   ========================================================================== */

.lst-wrap{max-width:90%;margin:0 auto;padding:30px 16px;font:14px/1.45 -apple-system,Segoe UI,Roboto,Arial;background:#121212;color:#e0e0e0}
.lst-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.4);padding:16px;margin-bottom:16px}
.lst-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.lst-col-12{grid-column:span 12}.lst-col-6{grid-column:span 6}.lst-col-4{grid-column:span 4}.lst-col-3{grid-column:span 3}.lst-col-2{grid-column:span 2}.lst-col-8{grid-column:span 8}
.lst-h1{font-size:18px;margin:0 0 6px;color:#fff}
.lst-small{color:#c9c9c9;font-size:12px}

.tbl{width:100%;border-collapse:collapse;color:#e0e0e0}
.tbl th,.tbl td{border-bottom:1px solid #333;padding:10px;text-align:left;vertical-align:top}
.tbl th{font-size:12px;color:#d0d0d0;letter-spacing:.02em;text-transform:uppercase}
.tbl a,.tbl a:visited{color:#4da3ff}
.tbl a:hover{color:#80bcff;text-decoration:underline}

.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #555;background:#2a2a2a;color:#e0e0e0}
.kpis{display:flex;gap:8px;flex-wrap:wrap}
.kpi{background:#2a2a2a;border:1px solid #444;border-radius:10px;padding:10px 12px;color:#fff}
.kpi strong{font-size:16px}

.pager a{display:inline-block;margin:0 4px;padding:6px 10px;border:1px solid #555;border-radius:6px;text-decoration:none;color:#e0e0e0;background:#1e1e1e}
.pager .cur{background:#1f7aec;border-color:#1f7aec;color:#fff}

.row-toggle{cursor:pointer;color:#4da3ff}
.sub{background:#171717;border:1px dashed #444;border-radius:10px;padding:10px;margin-top:8px;color:#e0e0e0}

.btn{background:#1f7aec;color:#fff;border:0;border-radius:6px;padding:8px 12px;font-weight:600;cursor:pointer}
.btn.ghost{background:#2a2a2a;color:#e0e0e0;border:1px solid #555}

.search .lst-input, .search .lst-select{width:100%;padding:10px;border:1px solid #555;border-radius:8px;font:inherit;background:#1e1e1e;color:#e0e0e0}
.search .lst-input::placeholder{color:#9da3aa}

details summary{color:#eaeaea}
details[open] summary{color:#ffffff}
.help{background:#1a1f24;border:1px solid #2b3a4a;border-radius:8px;padding:10px;color:#eaeaea}
.help, .help *{color:#eaeaea !important}
.help a, .help a:visited{color:#80bcff !important}
.help a:hover{color:#a8d0ff !important;text-decoration:underline}
.help ul{margin:6px 0 0 18px}
.help li{margin:4px 0}
.help strong{color:#ffffff !important}
.help em{color:#eaeaea !important}

@media (max-width:900px){.hide-sm{display:none}}

.status-form{display:inline-flex;gap:6px;align-items:center}
.status-select{background:#1e1e1e;color:#e0e0e0;border:1px solid #555;border-radius:6px;padding:6px}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}


/* ==========================================================================
   MÓDULO DE AGENDAMENTO (Formulário) — classes .ag3-*
   Escopo isolado e compatível com a paleta/tipografia do tema .lst-*
   Usado por: agendamento-medicao.php (HTML do formulário), e onde houver
   ========================================================================== */

.ag3-scope{
  --ag3-bg:#121212;
  --ag3-card:#1e1e1e;
  --ag3-border:#333;
  --ag3-text:#e0e0e0;
  --ag3-muted:#c9c9c9;
  --ag3-link:#4da3ff;
  --ag3-link-h:#80bcff;
  --ag3-ghost:#2a2a2a;
  --ag3-ghost-b:#555;
  --ag3-btn:#1f7aec;
  --ag3-radius-lg:12px;
  --ag3-radius-md:10px;
  --ag3-radius-sm:8px;
  --ag3-shadow:0 6px 14px rgba(0,0,0,.4);
}

.ag3-scope *{box-sizing:border-box}

/* Área visual do módulo (use como wrapper do formulário) */
.ag3-section{background:var(--ag3-bg);color:var(--ag3-text);padding:30px 16px;margin-top:0}
.ag3-container{max-width:90%;margin:0 auto}

/* Cabeçalho do módulo */
.ag3-header{margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ag3-h1{font-size:18px;margin:0;color:#fff}
.ag3-muted{color:var(--ag3-muted);font-size:12px}

/* Card do módulo */
.ag3-card{background:var(--ag3-card);border:1px solid var(--ag3-border);border-radius:var(--ag3-radius-lg);box-shadow:var(--ag3-shadow);padding:16px;margin-bottom:16px}

/* Grid utilitária igual ao tema */
.ag3-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.ag3-col-12{grid-column:span 12}
.ag3-col-6{grid-column:span 6}
.ag3-col-4{grid-column:span 4}
.ag3-col-3{grid-column:span 3}
.ag3-col-2{grid-column:span 2}
.ag3-col-8{grid-column:span 8}
@media (max-width:900px){
  .ag3-col-6,.ag3-col-4,.ag3-col-3,.ag3-col-2,.ag3-col-8{grid-column:span 12}
}

/* Campos do formulário */
.ag3-label{display:block;margin:10px 0 6px;font-weight:600;color:#dbe4ee;font-size:12px;letter-spacing:.02em}
.ag3-input,.ag3-select,.ag3-textarea{
  width:100%;padding:10px;border:1px solid var(--ag3-ghost-b);border-radius:var(--ag3-radius-sm);
  background:var(--ag3-card);color:var(--ag3-text);font:inherit;outline:none
}
.ag3-input::placeholder,.ag3-textarea::placeholder{color:#9da3aa}
.ag3-input:focus,.ag3-select:focus,.ag3-textarea:focus{border-color:var(--ag3-link);box-shadow:0 0 0 3px rgba(77,163,255,.15)}
.ag3-textarea{min-height:110px;resize:vertical}

/* Ações/botões */
.ag3-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ag3-btn{background:var(--ag3-btn);color:#fff;border:0;border-radius:var(--ag3-radius-sm);padding:8px 12px;font-weight:600;cursor:pointer}
.ag3-btn:hover{filter:brightness(1.08)}
.ag3-btn--light{background:var(--ag3-ghost);color:var(--ag3-text);border:1px solid var(--ag3-ghost-b)}
.ag3-btn--light:hover{background:#1f1f1f}

/* Links do módulo (consistentes com a tabela) */
.ag3-link,.ag3-link:visited{color:var(--ag3-link);text-decoration:none}
.ag3-link:hover{color:var(--ag3-link-h);text-decoration:underline}

/* Preview de arquivos */
.ag3-file-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ag3-frame{width:200px;height:200px;border:1px solid var(--ag3-ghost-b);border-radius:var(--ag3-radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ag3-card)}
.ag3-frame img,.ag3-frame embed{max-width:100%;max-height:100%;display:block}

/* Modal do módulo */
.ag3-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:9999;padding:16px}
.ag3-modal--open{display:flex}
.ag3-modal__content{background:var(--ag3-card);border:1px solid var(--ag3-border);border-radius:var(--ag3-radius-lg);max-width:900px;width:100%;max-height:85vh;overflow:auto;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.ag3-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ag3-modal__title{margin:0;font-size:18px;color:#fff}
.ag3-modal__close{background:var(--ag3-ghost);color:var(--ag3-text);border:1px solid var(--ag3-ghost-b);border-radius:var(--ag3-radius-sm);padding:6px 10px;cursor:pointer}
.ag3-modal__close:hover{background:#1f1f1f}
.ag3-modal__body p{margin:8px 0;color:var(--ag3-text)}

/* Alertas superiores do módulo */
.ag3-alert{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:10000;padding:10px 14px;border-radius:var(--ag3-radius-sm);border:1px solid var(--ag3-border);background:var(--ag3-card);color:var(--ag3-text);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.ag3-alert--ok{border-color:#0b6b50;background:#114f3e;color:#d1fae5}
.ag3-alert--warn{border-color:#7c520b;background:#3a2a0e;color:#fffbeb}
.ag3-alert--err{border-color:#7f1d1d;background:#3a1717;color:#fee2e2}

/* Espaçadores utilitários */
.ag3-space-8{height:8px}
.ag3-space-12{height:12px}

/* Tabela no contexto do módulo (se necessário ali) */
.ag3-table{width:100%;border-collapse:collapse;color:var(--ag3-text)}
.ag3-table th,.ag3-table td{border-bottom:1px solid var(--ag3-border);padding:10px;text-align:left;vertical-align:top}
.ag3-table th{font-size:12px;color:#d0d0d0;letter-spacing:.02em;text-transform:uppercase}
.ag3-table a,.ag3-table a:visited{color:var(--ag3-link)}
.ag3-table a:hover{color:var(--ag3-link-h);text-decoration:underline}

/* Ações de linha e select de status dentro do módulo (compat) */
.ag3-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.ag3-status-form{display:inline-flex;gap:6px;align-items:center}
.ag3-status-select{background:var(--ag3-card);color:var(--ag3-text);border:1px solid var(--ag3-ghost-b);border-radius:6px;padding:6px}

/* Responsivo auxiliar do módulo */
@media (max-width:900px){.ag3-hide-sm{display:none}}



/* ===== Abas custom (sem Bootstrap) ===== */
.tabs-custom {
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0 0 10px 0;
  border-bottom:1px solid #333;               /* combina com .lst- */
}
.tabs-custom li { margin:0; }
.tabs-custom li a {
  display:block;
  padding:8px 12px;
  text-decoration:none;
  background:#2a2a2a;                         /* “ghost” do tema */
  color:#e0e0e0;
  border:1px solid #555;
  border-bottom:none;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}
.tabs-custom li a:hover { background:#1f1f1f; }
.tabs-custom li.active a {
  background:#1f7aec;                         /* botão primário */
  color:#fff;
  border-color:#1f7aec;
  font-weight:600;
}

.tab-content-custom {
  background:#1e1e1e;                          /* .lst-card */
  border:1px solid #333;
  border-radius:0 6px 6px 6px;
  padding:0;                                   /* iframe ocupa tudo */
  box-shadow:0 6px 14px rgba(0,0,0,.4);
}
.tab-pane-custom { display:none; }
.tab-pane-custom.active { display:block; }

/* opcional: iframe full */
.tab-pane-custom iframe {
  display:block;
  width:100%;
  height:900px;
  border:0;
}