/** * BARMO Fornecedores — design manual escopado (Fase 2) * ESCOPO: somente páginas com class="barmo-fornecedores" no . */ .barmo-fornecedores { --forn-brand: #102a43; --forn-accent: #d9a441; --forn-bg: #0b1220; --forn-bg-elevated: #111b2e; --forn-bg-card: #152238; --forn-ink: #e8eef6; --forn-ink-muted: #8b9cb3; --forn-ink-subtle: #5c6f88; --forn-line: rgba(255, 255, 255, 0.08); --forn-line-strong: rgba(255, 255, 255, 0.14); --forn-shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.32); --forn-info: #5eb3f0; --forn-radius-md: 14px; } body.barmo-fornecedores { background: radial-gradient(ellipse 60% 40% at 0% 0%, rgba(30, 91, 140, 0.14), transparent 55%), var(--forn-bg); color: var(--forn-ink); } .barmo-fornecedores .shell-header { border-bottom-color: var(--forn-line); } .barmo-fornecedores .shell-logo-mark { background: linear-gradient(145deg, #173b5d, var(--forn-brand)); color: var(--forn-accent); box-shadow: var(--forn-shadow-soft); } .barmo-fornecedores .shell-title { color: var(--forn-ink); } .barmo-fornecedores .shell-subtitle, .barmo-fornecedores .shell-date { color: var(--forn-ink-muted); } .barmo-fornecedores .shell-section-title { border-left-color: var(--forn-accent); color: var(--forn-ink); } .barmo-fornecedores .shell-section-hint { color: var(--forn-ink-subtle); } .barmo-fornecedores .alert-bar { background: rgba(30, 91, 140, 0.15); border-color: rgba(94, 179, 240, 0.2); color: var(--forn-ink-muted); } .barmo-fornecedores .alert-bar strong { color: var(--forn-info); } .barmo-fornecedores .forn-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; } .barmo-fornecedores .forn-stat { padding: 10px 14px; border-radius: 12px; border: 1px solid var(--forn-line); background: var(--forn-bg-card); font-size: 13px; } .barmo-fornecedores .forn-stat strong { display: block; font-size: 18px; color: var(--forn-ink); } /* Tabela read-only (Cap. 20) */ .barmo-fornecedores .forn-table-wrap { overflow: auto; border: 1px solid var(--forn-line); border-radius: var(--forn-radius-md); background: var(--forn-bg-elevated); box-shadow: var(--forn-shadow-soft); } .barmo-fornecedores .forn-table { width: 100%; border-collapse: collapse; font-size: 13px; } .barmo-fornecedores .forn-table th, .barmo-fornecedores .forn-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--forn-line); vertical-align: top; } .barmo-fornecedores .forn-table th { background: var(--forn-brand); color: var(--forn-ink-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; position: sticky; top: 0; } .barmo-fornecedores .forn-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.02); } .barmo-fornecedores .forn-table tbody tr:hover td { background: rgba(30, 91, 140, 0.12); } .barmo-fornecedores .forn-empty { padding: 24px; color: var(--forn-ink-subtle); text-align: center; } .barmo-fornecedores .sistema-gate.is-locked { border-color: var(--forn-line); background: rgba(16, 42, 67, 0.35); } .barmo-fornecedores .sistema-gate__form { background: rgba(16, 42, 67, 0.5); border-color: var(--forn-line); } .barmo-fornecedores .sistema-gate__input { background: var(--forn-bg-elevated); border-color: var(--forn-line-strong); color: var(--forn-ink); } .barmo-fornecedores .sistema-gate__submit { background: var(--forn-accent); border-color: var(--forn-accent); color: var(--forn-brand); } .barmo-fornecedores .shell-footer { border-top-color: var(--forn-line); color: var(--forn-ink-subtle); }