/* /processos/modules/documentos/assets/theme.css */
:root{
  --brand:#0a3b8e;        /* azul principal */
  --brand-700:#072a66;
  --bg:#f6f8ff;
  --card:#ffffff;
  --muted:#667085;
  --text:#0b1733;
  --border:#e6e9f3;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,Helvetica,sans-serif;
  color:var(--text);
  background:var(--bg);
}

/* --------- Topbar --------- */
.topbar{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--brand);
  color:#fff;
  padding:12px 16px;
  box-shadow:0 4px 18px #0b1d3a20;
}
.topbar .brand{
  font-weight:700;
  letter-spacing:.3px;
  cursor:pointer;
}
.topbar .grow{flex:1}
.topbar .meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.topbar .meta .sep{opacity:.7}
.pill{
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
}

/* --------- Botões --------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; text-decoration:none; border-radius:10px; border:1px solid var(--border);
  padding:10px 14px; font-weight:600; cursor:pointer; user-select:none;
  background:#fff; color:var(--text);
  transition:transform .05s ease, box-shadow .15s ease, background .15s ease;
}
.btn:active{ transform: translateY(1px); }
.btn-sm{ padding:6px 10px; font-size:12px; border-radius:8px; }

.btn-primary{
  background:var(--brand); color:#fff; border-color:transparent;
  box-shadow:0 6px 14px rgba(10,59,142,.22);
}
.btn-primary:hover{ background:var(--brand-700); }

.btn-gray{
  background:#fff; color:var(--text);
}
.btn-gray:hover{ background:#f1f4fc; }

/* tabelas simples (se precisar) */
table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden}
th,td{border:1px solid var(--border);padding:10px;vertical-align:top}
th{background:#f7f9ff}

/* inputs padrão */
input,select,textarea{
  width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:10px;
  background:#fff; color:var(--text); font:inherit;
}
label{display:block;margin-bottom:6px;color:var(--muted);font-size:14px}