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