/* Windland Contagem de Stocks — palette from stockslogo.png. */
:root {
    --radius: 12px;
    --radius-sm: 8px;
    --primary: #ff7900;
    --primary-dark: #a83d00;
    --primary-light: #ffb13b;
    --primary-soft: #fff0df;
    --brand-rgb: 255, 121, 0;
    --secondary: #202529;
    --secondary-light: #383d40;
    --accent: #ff7900;
    --accent-light: #ff9b21;
    --bg: #fffaf5;
    --bg-card: #ffffff;
    --text: #202529;
    --text-muted: #6f6963;
    --border: #eadfd4;
    --success: #a83d00;
    --warning: #a65e00;
    --error: #b83220;
}
.header {
    background: var(--bg-card);
    border-top: 4px solid var(--primary);
    border-bottom: 1px solid var(--border);
    padding: .5rem 1.25rem .65rem;
    box-shadow: 0 3px 18px rgba(72, 38, 12, .06);
}
.header-content { gap: 1rem; }
.logo { flex-shrink: 0; }
.brand-logo { display: block; width: 136px; height: auto; background: transparent; object-fit: contain; }
.header-context { max-width: 800px; margin: .25rem auto 0; font-size: .75rem; color: var(--text-muted); overflow-wrap: anywhere; }
.user-menu { min-width: 0; gap: .5rem; }
.user-badge { background: var(--primary-soft); color: var(--secondary); overflow-wrap: anywhere; min-width: 0; }
.btn-logout { color: var(--primary-dark); background: var(--primary-soft); flex-shrink: 0; }
.btn-logout:hover { background: #ffe0bd; }
.btn-primary, .btn-accent { background: var(--primary); color: var(--secondary); font-weight: 600; }
.btn-primary:hover, .btn-accent:hover { background: var(--primary-dark); color: white; }
.btn-outline:hover { border-color: var(--primary); color: var(--primary-dark); background: var(--primary-soft); }
.nav-item:hover, .nav-item.active { color: var(--primary-dark); background: var(--primary-soft); }
.badge-primary, .badge-success { color: var(--primary-dark); background: var(--primary-soft); }
.badge-warning { color: #864400; background: #fff2d8; }
.alert-success, .alert-info { background: #fff4e8; color: #873400; border-color: #ffd5ab; }
.alert-warning { background: #fff5e2; color: #864400; border-color: #f4d39e; }
.alert-error { background: #fff0ec; color: var(--error); border-color: #efc5bb; }
.form-input:focus { box-shadow: 0 0 0 3px rgba(var(--brand-rgb), .14); }
.stat-card { background: linear-gradient(135deg, #bd4800 0%, #8f3300 100%); }
.stat-card.secondary { background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%); }
a:not(.btn):not(.logo):not(.nav-item):not(.btn-logout) { text-decoration-color: var(--primary); }
:focus-visible { outline: 3px solid var(--primary-dark); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 480px) {
    .brand-logo { width: 112px; }
    .header { padding-inline: 1rem; }
    .header-content { gap: .65rem; }
    .user-badge { font-size: .75rem; padding: .35rem .5rem; }
}

.list-item > span { min-width: 0; overflow-wrap: anywhere; }
.list-item > form { flex-shrink: 0; }
.card > .list-item { gap: .75rem; }