/* Portal do Fornecedor — estilos isolados */

.fornecedor-body {
    background: #f4f6fb;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.fornecedor-navbar {
    background: linear-gradient(135deg, #1a3a6b 0%, #2563a8 100%);
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    min-height: 56px;
    flex-wrap: wrap;
    gap: 8px;
}

.fornecedor-main {
    flex: 1;
    padding: 24px 16px;
}

.fornecedor-footer {
    background: #fff;
    border-top: 1px solid #dee2e6;
}

/* Cards de estoque */
.brinde-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    transition: transform .15s, box-shadow .15s;
}

.brinde-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.estoque-badge-ok   { background: #17a2b8; color: #fff; }
.estoque-badge-zero { background: #ffc107; color: #333; }

/* Queima */
#reader {
    border: 2px dashed #2563a8;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
}

.queima-result-card {
    border-left: 4px solid #ffc107;
    border-radius: 8px;
}

/* Login */
.fornecedor-login-card {
    max-width: 420px;
    margin: 80px auto;
    border: none;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.12);
}

.fornecedor-login-header {
    background: linear-gradient(135deg, #1a3a6b 0%, #2563a8 100%);
    border-radius: 16px 16px 0 0;
    padding: 32px 24px 24px;
    text-align: center;
    color: #fff;
}