/* Paleta unificada Terraço Engenharia (igual PontoObra) — overrides */

:root {
    --bg:        #070d1f;
    --surface:   #0c1a3d;
    --surface-2: #1a326e;
    --border:    #1a326e;
    --primary:   #2563eb;
    --primary-d: #1d4fc4;
    --text:      #ffffff;
    --text-2:    #8fa3c8;
    --accent:    #f39c12;   /* laranja - acoes principais (Cotar/Comprar/Despachar/NF) */
    --accent-d:  #1a1a2e;   /* preto sobre laranja */
    --danger:    #e74c3c;
    --success:   #27ae60;
    --warn:      #f39c12;
    --info:      #3498db;
}

/* === Background base === */
body { background: var(--bg) !important; color: var(--text) !important; }

/* === Header (chrome azul) === */
.header {
    background: var(--surface) !important;
    border-bottom-color: var(--primary) !important;
}
.header h1 { color: var(--primary) !important; }
.header img,
.header img.logo,
img.logo {
    height: 38px !important;
    width: auto !important;
    max-width: 140px !important;
    margin-right: 10px;
    vertical-align: middle;
    object-fit: contain;
}
.header { display: flex !important; align-items: center !important; gap: 10px; flex-wrap: wrap; }
.header .left { display: flex; align-items: center; gap: 10px; }

/* === Nav (links chrome) === */
.nav a              { color: var(--text-2) !important; }
.nav a:hover        { background: var(--surface-2) !important; color: var(--text) !important; }
.nav a.active       { color: var(--primary) !important; }

/* === Cards / superficies === */
.card,
.batch-card,
.info-card,
.status-box,
.driver-card,
.fornecedor-card,
.group,
.progress-card,
.quote-entry,
.item             { background: var(--surface) !important; }

.batch-card,
.card               { border-color: var(--border) !important; }

/* === Tabs (status) === */
.status-tabs .status-tab { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text-2) !important; }
.status-tabs .status-tab.active { background: var(--accent) !important; color: var(--accent-d) !important; border-color: var(--accent) !important; }

/* === Filters / inputs === */
.filter-group select,
input, textarea, select {
    background: var(--bg) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
.filter-group label { color: var(--text-2) !important; }
label { color: var(--text-2) !important; }

.confirmed-by-input,
.who-input  { background: var(--surface-2) !important; }

/* Step bar (Cotar / Comprar / Despachar) */
.step-bar a       { background: var(--surface) !important; color: var(--text-2) !important; }
.step-bar a.prev,
.step-bar a.next  { background: var(--primary) !important; color: var(--text) !important; }
.step-bar a.active { background: var(--accent) !important; color: var(--accent-d) !important; }

/* Batch sub / texto secundario */
.batch-sub, .batch-info, .batch-notes, .item-meta,
.empty, .empty-text { color: var(--text-2) !important; }

/* === Botao verde "Novo Pedido" === */
.novo-btn { background: var(--success) !important; color: var(--text) !important; }

/* === Fluxo dos pedidos: laranja onde for "acao do app de pedido" === */
.act-btn.btn-cotar     { background: #1abc9c !important; color: var(--text); }
.act-btn.btn-comprar   { background: #8e44ad !important; color: var(--text); }
.act-btn.btn-despachar { background: var(--info) !important; color: var(--text); }
.act-btn.btn-aprovar   { background: var(--info) !important; color: var(--text); }
.act-btn.btn-cancelar  { background: #555 !important; color: var(--text); }
.act-btn.btn-reabrir   { background: var(--accent) !important; color: var(--accent-d); }

/* Cards de batch: borda lateral por status */
.batch-card.urgente   { border-left-color: var(--danger) !important; }
.batch-card.aprovado  { border-left-color: var(--info) !important; }
.batch-card.cotando   { border-left-color: #1abc9c !important; }
.batch-card.comprado  { border-left-color: #8e44ad !important; }
.batch-card.enviado   { border-left-color: var(--primary) !important; }
.batch-card.parcial   { border-left-color: var(--accent) !important; }
.batch-card.entregue  { border-left-color: var(--success) !important; }

/* Badges */
.badge-pendente  { background: var(--accent); color: var(--accent-d); }
.badge-aprovado  { background: var(--info); color: var(--text); }
.badge-cotando   { background: #1abc9c; color: var(--text); }
.badge-comprado  { background: #8e44ad; color: var(--text); }
.badge-enviado   { background: var(--primary); color: var(--text); }
.badge-parcial   { background: var(--accent); color: var(--accent-d); }
.badge-entregue  { background: var(--success); color: var(--text); }
.badge-urgente   { background: var(--danger); color: var(--text); }

/* Login compacto */
.login-card { background: var(--surface) !important; }

/* Item lists */
.items-list li,
.item-row,
.item-line       { border-color: rgba(255,255,255,.06) !important; }

/* Progress bars */
.progress-bar    { background: var(--border) !important; }
.progress-fill   { background: var(--success); }

/* Inputs especificos do form */
.urgency-toggle label {
    background: var(--bg) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}
.urgency-toggle label:has(input:checked) {
    background: var(--accent) !important;
    color: var(--accent-d) !important;
    border-color: var(--accent) !important;
}

/* Manter alguns tons custom mas escurecer fundo */
.urgency-toggle label.urgente:has(input:checked) {
    background: var(--danger) !important;
    color: var(--text) !important;
    border-color: var(--danger) !important;
}

/* Sub-cards dentro de cards (cotar / despachar) */
.fornecedor-card,
.group,
.driver-card {
    background: var(--surface-2) !important;
}

/* Tipografia leve */
h1, h2, h3, .card h3 { color: var(--accent); }
.batch-info strong, .item-info strong { color: var(--text); }