/* AutoLicita Pro — Sistema visual (mockup). Juliana 2026-06-30 */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --petroleo:#0F3D52; --petroleo-900:#0B2E3E;
  --grafite:#10151C; --grafite-800:#1A222C;
  --papel:#F4F7F9; --papel-branco:#FBFDFE;
  --tinta:#1B2733; --tinta-fraca:#5A6B79; --linha:#D7E1E8;
  --teal:#1F7A8C; --azul-aco:#2C6E8F;
  --conforme:#2E8B57; --conforme-bg:#E7F2EC;
  --revisar:#C8881E; --revisar-bg:#FBF1DE;
  --risco:#B23A3A; --risco-bg:#F7E6E6;
  --analise:#2C6E8F; --analise-bg:#E6EEF4;
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --sombra-card:0 1px 2px rgba(16,21,28,.06),0 2px 8px rgba(16,21,28,.05);
  --sombra-lift:0 4px 16px rgba(15,61,82,.10);
  --serif:"Source Serif 4",Georgia,serif;
  --sans:"Inter",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--azul-aco);text-decoration:none}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.serif{font-family:var(--serif)}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}

/* ---------- marca ---------- */
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--petroleo)}
.brand .pro{font-family:var(--sans);font-weight:700;font-size:.7rem;letter-spacing:.04em;background:var(--petroleo);color:#fff;padding:3px 7px;border-radius:5px;transform:translateY(-1px)}
.brand--light{color:#EAF2F6}
.brand--light .pro{background:#EAF2F6;color:var(--petroleo)}

/* ---------- botoes ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:.9375rem;border-radius:var(--r-sm);padding:12px 22px;border:1px solid transparent;cursor:pointer;transition:.15s;line-height:1}
.btn-primary{background:var(--petroleo);color:#fff}
.btn-primary:hover{background:var(--petroleo-900)}
.btn-ghost{background:transparent;color:var(--petroleo);border-color:var(--petroleo)}
.btn-ghost:hover{background:rgba(15,61,82,.06)}
.btn-block{width:100%;justify-content:center}
.btn-lg{padding:15px 28px;font-size:1rem}
.btn svg{width:18px;height:18px}

/* ---------- inputs ---------- */
.field{display:block;margin-bottom:16px}
.field label{display:block;font-weight:500;font-size:.8125rem;color:var(--azul-aco);margin-bottom:6px}
.input{width:100%;font-family:var(--sans);font-size:1rem;color:var(--tinta);background:#fff;border:1px solid var(--linha);border-radius:var(--r-sm);padding:12px 14px;outline:none;transition:.15s}
.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(31,122,140,.15)}
.input::placeholder{color:#9BA9B4}

/* ---------- badge status ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;padding:5px 11px;border-radius:999px;line-height:1}
.badge svg{width:14px;height:14px;flex:none}
.badge--conforme{background:var(--conforme-bg);color:#1E6A41}
.badge--revisar{background:var(--revisar-bg);color:#9A6612}
.badge--risco{background:var(--risco-bg);color:#8C2E2E}
.badge--analise{background:var(--analise-bg);color:#1F5475}

/* ---------- card dossie ---------- */
.dossie{position:relative;background:var(--papel-branco);border:1px solid var(--linha);border-radius:var(--r-md);box-shadow:var(--sombra-card);padding:20px 22px 20px 26px;overflow:hidden;transition:.15s}
.dossie:hover{box-shadow:var(--sombra-lift)}
.dossie::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tinta-fraca)}
.dossie.is-conforme::before{background:var(--conforme)}
.dossie.is-revisar::before{background:var(--revisar)}
.dossie.is-risco::before{background:var(--risco)}
.dossie.is-analise::before{background:var(--analise)}
.dossie-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.dossie-proc{font-family:var(--mono);font-size:.8125rem;color:var(--azul-aco);font-variant-numeric:tabular-nums}
.dossie h3{font-family:var(--sans);font-size:1.125rem;font-weight:600;margin:6px 0 4px}
.dossie-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;padding-top:14px;border-top:1px solid var(--linha)}
.dossie-meta .k{font-size:.75rem;color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.06em}
.dossie-meta .v{font-family:var(--mono);font-size:.9375rem;color:var(--tinta);font-variant-numeric:tabular-nums}
.dossie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* ---------- selo ---------- */
.selo{width:104px;height:104px;flex:none}
.selo--off{opacity:.4;filter:grayscale(1)}

/* ---------- layout ---------- */
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.muted{color:var(--tinta-fraca)}
@media(max-width:600px){.btn-lg{padding:13px 20px}}