/* Rota 262 Truck Center — tema industrial escuro */
:root {
  --brand-primary: #F47A0A;
  --brand-primary-hover: #FF922B;
  --brand-primary-active: #B84E00;

  --bg-page: #07090C;
  --bg-sidebar: #0B0E12;
  --bg-card: #11161C;
  --bg-card-hover: #181E26;
  --border-color: #2A313B;

  --text-primary: #F7F8FA;
  --text-secondary: #C3C9D0;
  --text-muted: #A5ADB8;

  --status-orcamento: #7B8490;
  --status-autorizada: #1971C2;
  --status-execucao: #F59F00;
  --status-finalizada: #2F9E44;
  --status-cancelada: #E03131;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-card: 0 12px 30px rgba(0, 0, 0, .28);
  --shadow-orange: 0 8px 24px rgba(244, 122, 10, .22);
}

html {
  color-scheme: dark;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 80% 0%, rgba(244, 122, 10, .09), transparent 28rem),
    var(--bg-page);
  color: var(--text-primary);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3, .display-title {
  font-family: "Roboto Condensed", Inter, system-ui, sans-serif;
  letter-spacing: 0;
}

.card {
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent), var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

.btn-primary {
  background: var(--brand-primary);
  color: #111;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-weight: 800;
  box-shadow: var(--shadow-orange);
}

.btn-primary:hover {
  background: var(--brand-primary-hover);
}

.btn-secondary {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
}

input, select, textarea {
  background: var(--surface, #0B0E12);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
}

input:focus, select:focus, textarea:focus {
  outline: 3px solid rgba(244, 122, 10, .18);
  border-color: var(--brand-primary);
}

a {
  color: var(--brand-primary-hover);
}

.table-row:hover {
  background: rgba(255, 255, 255, .035);
}

.badge-orcamento { background: rgba(123,132,144,.16); color: #CCD1D7; }
.badge-autorizada { background: rgba(25,113,194,.18); color: #74C0FC; }
.badge-execucao { background: rgba(245,159,0,.18); color: #FFD43B; }
.badge-finalizada { background: rgba(47,158,68,.18); color: #69DB7C; }
.badge-cancelada { background: rgba(224,49,49,.18); color: #FF8787; }