/* =====================================================================
   WEPROV — Estilo principal (PHP)
   Cores: azul-marinho #15233f, verde-limão #7bc043
   ===================================================================== */
:root{
  --navy:#15233f; --navy-deep:#0d1a30; --navy-soft:#1d2f52; --navy-line:#27395c;
  --lime:#7bc043; --lime-bright:#8fd44e; --gray-soft:#9aa6ba;
  --paper:#eef1f5; --paper-2:#dbe4f0; --line:#d6dae2;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,Helvetica,sans-serif}
body{background:var(--paper);color:var(--navy);line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* ---- BOTÕES ---- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;font-weight:700;
     border:none;cursor:pointer;font-size:.95rem;transition:transform .15s,background .2s,box-shadow .2s;text-align:center;justify-content:center}
.btn-lime{background:var(--lime);color:var(--navy-deep);box-shadow:0 8px 22px rgba(123,192,67,.3)}
.btn-lime:hover{transform:translateY(-2px);background:var(--lime-bright)}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 8px 22px rgba(21,35,63,.22)}
.btn-navy:hover{transform:translateY(-2px);background:var(--navy-deep)}
.btn-ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.btn-sm{padding:8px 16px;font-size:.85rem}
.btn-block{width:100%}

/* ---- CONTAINERS ---- */
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.page{min-height:100vh}
.center{display:flex;align-items:center;justify-content:center;padding:40px 20px}

/* ---- CARDS / PAINÉIS ---- */
.card{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(13,26,48,.08);padding:26px}
.panel{background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(13,26,48,.06);padding:22px;margin-bottom:18px}
.panel h2{font-size:1.15rem;margin-bottom:14px;color:var(--navy)}

/* ---- FORMULÁRIOS ---- */
.field{margin-bottom:14px}
.field label{display:block;font-size:.82rem;font-weight:700;color:#46536e;margin-bottom:6px}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:1rem;background:#fff}
.field textarea{min-height:90px;resize:vertical}

/* ---- TABELAS ---- */
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{text-align:left;color:#8593ad;font-size:.72rem;text-transform:uppercase;font-weight:700;padding:10px 12px;border-bottom:2px solid var(--line)}
td{padding:11px 12px;border-bottom:1px solid var(--line)}
tr:hover td{background:#f9fbfd}

/* ---- BADGES DE STATUS ---- */
.badge{padding:3px 11px;border-radius:16px;font-size:.72rem;font-weight:700;display:inline-block}
.b-analise{background:#fff3e0;color:#b8791a}
.b-concluido{background:#e8f6ec;color:#1b8a3f}
.b-aberto{background:#e7f0fb;color:#1c5fb0}
.b-andamento{background:#ede7fb;color:#6b3fb0}

/* ---- CABEÇALHO DO SITE ---- */
.site-header{background:#fff;box-shadow:0 2px 14px rgba(13,26,48,.06);position:sticky;top:0;z-index:100}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}
.logo-wp{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;color:var(--navy)}
.logo-wp .mark{display:flex;gap:3px}
.logo-wp .mark span{width:10px;height:26px;background:var(--navy);transform:skewX(-11deg);border-radius:2px}
.logo-wp .mark .tri{width:0;height:0;background:none;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--lime)}
.site-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.site-nav a{font-weight:600;color:var(--navy);font-size:.95rem}
.site-nav a:hover{color:var(--lime)}

/* ---- SEÇÕES ---- */
.sec-h{margin:24px 0 16px}
.sec-h h1{font-size:1.8rem;color:var(--navy)}
.sec-h p{color:var(--gray-soft);margin-top:4px}

/* ---- GRID DE CARDS DE NÚMEROS ---- */
.dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}
.dash-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(13,26,48,.06);border-left:5px solid var(--lime);position:relative}
.dash-card .dc-n{font-size:2rem;font-weight:800;color:var(--navy)}
.dash-card .dc-l{color:var(--gray-soft);font-size:.85rem}
.dash-card .dc-ic{position:absolute;top:16px;right:16px;font-size:1.2rem;opacity:.6}
.dc-amber{border-left-color:#f0a818}
.dc-green{border-left-color:#1b8a3f}
.dc-red{border-left-color:#c0392b}

@media (max-width:640px){
  .site-nav{gap:12px;font-size:.85rem}
  .sec-h h1{font-size:1.4rem}
}