/* /Components/Adm/CashManagement.razor.rz.scp.css */
:root[b-aiv83tug8x] {
    /* reuse dashboard vars — no redefinition needed */
}

.cm-shell[b-aiv83tug8x] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.cm-page-header[b-aiv83tug8x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.cm-page-title[b-aiv83tug8x] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .cm-page-title i[b-aiv83tug8x] {
        font-size: 2rem;
        color: #e07010;
    }

    .cm-page-title strong[b-aiv83tug8x] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .cm-page-title span[b-aiv83tug8x] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.cm-back[b-aiv83tug8x] {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #e07010;
    font-weight: 600;
    text-decoration: none;
}

    .cm-back:hover[b-aiv83tug8x] {
        color: #c85e08;
    }

.cm-card[b-aiv83tug8x] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.cm-section-title[b-aiv83tug8x] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 20px;
}

.cm-filters[b-aiv83tug8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.cm-field[b-aiv83tug8x] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 160px;
}

    .cm-field label[b-aiv83tug8x] {
        font-size: 0.85rem;
        color: #7a5c3a;
        font-weight: 600;
    }

.cm-field--sm[b-aiv83tug8x] {
    min-width: 120px;
}

.cm-field--grow[b-aiv83tug8x] {
    flex: 1;
    min-width: 200px;
}

.cm-field-actions[b-aiv83tug8x] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding-bottom: 2px;
}

.cm-input[b-aiv83tug8x] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .cm-input:focus[b-aiv83tug8x] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.cm-btn-primary[b-aiv83tug8x] {
    background: #e07010;
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
    font-size: 0.95rem;
    white-space: nowrap;
}

    .cm-btn-primary:hover:not(:disabled)[b-aiv83tug8x] {
        background: #c85e08;
    }

    .cm-btn-primary:disabled[b-aiv83tug8x] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.cm-btn-ghost[b-aiv83tug8x] {
    background: rgba(200, 100, 20, 0.08);
    border: 1px solid rgba(200, 100, 20, 0.2);
    color: #1c1008;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
    white-space: nowrap;
}

    .cm-btn-ghost:hover:not(:disabled)[b-aiv83tug8x] {
        background: rgba(200, 100, 20, 0.16);
    }

    .cm-btn-ghost:disabled[b-aiv83tug8x] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.cm-btn-danger[b-aiv83tug8x] {
    background: #dc2626;
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25);
    font-size: 0.95rem;
    white-space: nowrap;
}

    .cm-btn-danger:hover:not(:disabled)[b-aiv83tug8x] {
        background: #b91c1c;
    }

    .cm-btn-danger:disabled[b-aiv83tug8x] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.cm-loading[b-aiv83tug8x] {
    color: #7a5c3a;
    font-style: italic;
    padding: 20px 0;
}

.cm-status[b-aiv83tug8x] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .cm-status.success[b-aiv83tug8x] {
        background: #f0fdf4;
        border: 1px solid rgba(21, 128, 61, 0.25);
        color: #15803d;
    }

    .cm-status.error[b-aiv83tug8x] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

    .cm-status.warning[b-aiv83tug8x] {
        background: #fffbeb;
        border: 1px solid rgba(217, 119, 6, 0.25);
        color: #b45309;
    }

.cm-summary-grid[b-aiv83tug8x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 8px;
}

.cm-summary-card[b-aiv83tug8x] {
    background: linear-gradient(135deg, #fff9f2, #fff0dd);
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(200, 100, 20, 0.2);
}

    .cm-summary-card.--highlight[b-aiv83tug8x] {
        background: linear-gradient(135deg, #fff0dd, #ffe8c8);
        border-color: rgba(200, 100, 20, 0.35);
    }

    .cm-summary-card.--alert[b-aiv83tug8x] {
        background: linear-gradient(135deg, #fff5f5, #fee2e2);
        border-color: rgba(220, 38, 38, 0.3);
    }

.cm-summary-label[b-aiv83tug8x] {
    display: block;
    font-size: 0.82rem;
    color: #7a5c3a;
    font-weight: 600;
    margin-bottom: 4px;
}

.cm-summary-value[b-aiv83tug8x] {
    font-size: 1.45rem;
    font-weight: 700;
    color: #1c1008;
}

.cm-pos[b-aiv83tug8x] {
    color: #15803d;
}

.cm-neg[b-aiv83tug8x] {
    color: #dc2626;
}

.cm-neutral[b-aiv83tug8x] {
    color: #6b7280;
}

.cm-pos-dim[b-aiv83tug8x] {
    color: #16a34a;
    font-size: 0.9rem;
}

.cm-neg-dim[b-aiv83tug8x] {
    color: #dc2626;
    font-size: 0.9rem;
}

.cm-divider[b-aiv83tug8x] {
    border: none;
    border-top: 1px solid rgba(200, 100, 20, 0.15);
    margin: 20px 0;
}

.cm-subsection[b-aiv83tug8x] {
    font-size: 1rem;
    color: #7a5c3a;
    font-weight: 700;
    margin: 0 0 12px;
}

.cm-formas-list[b-aiv83tug8x] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cm-forma-row[b-aiv83tug8x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(200, 100, 20, 0.2);
    font-size: 0.92rem;
    color: #1c1008;
}

    .cm-forma-row:last-child[b-aiv83tug8x] {
        border-bottom: none;
    }

.cm-forma-vals[b-aiv83tug8x] {
    display: flex;
    gap: 18px;
    align-items: center;
}

.cm-caixa-info[b-aiv83tug8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.cm-caixa-detail[b-aiv83tug8x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .cm-caixa-detail span[b-aiv83tug8x] {
        color: #7a5c3a;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .cm-caixa-detail strong[b-aiv83tug8x] {
        color: #1c1008;
        font-size: 1rem;
    }

.cm-hint[b-aiv83tug8x] {
    font-size: 0.85rem;
    color: #7a5c3a;
    margin-top: 12px;
    margin-bottom: 0;
}

.cm-muted[b-aiv83tug8x] {
    color: #7a5c3a;
    margin: 0;
}

.cm-muted-inline[b-aiv83tug8x] {
    color: #7a5c3a;
}

.cm-table-wrap[b-aiv83tug8x] {
    overflow-x: auto;
}

.cm-table[b-aiv83tug8x] {
    width: 100%;
    border-collapse: collapse;
}

    .cm-table th[b-aiv83tug8x] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.82rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .cm-table td[b-aiv83tug8x] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.12);
        font-size: 0.9rem;
        color: #1c1008;
    }

    .cm-table tr:hover td[b-aiv83tug8x] {
        background: #fff8f2;
    }

.cm-align-right[b-aiv83tug8x] {
    text-align: right;
}

.cm-tipo-badge[b-aiv83tug8x] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.cm-tipo-e[b-aiv83tug8x] {
    background: #dcfce7;
    color: #15803d;
}

.cm-tipo-s[b-aiv83tug8x] {
    background: #fee2e2;
    color: #dc2626;
}

.cm-link[b-aiv83tug8x] {
    color: #e07010;
    font-weight: 600;
    text-decoration: none;
}

    .cm-link:hover[b-aiv83tug8x] {
        color: #c85e08;
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .cm-shell[b-aiv83tug8x] {
        padding: 16px;
    }

    .cm-summary-grid[b-aiv83tug8x] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .cm-page-header[b-aiv83tug8x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .cm-page-title strong[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-btn-ghost[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-summary-value[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-forma-row[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-caixa-detail strong[b-aiv83tug8x] { color: #e6e6e6; }

[data-admin-theme="dark"] .cm-table td[b-aiv83tug8x] { color: #e6e6e6; }

[data-admin-theme="dark"] .cm-page-title span[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-field label[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-loading[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-summary-label[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-subsection[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-caixa-detail span[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-hint[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-muted[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-muted-inline[b-aiv83tug8x],
[data-admin-theme="dark"] .cm-table th[b-aiv83tug8x] { color: #b0a291; }

[data-admin-theme="dark"] .cm-neutral[b-aiv83tug8x] { color: #a8a8a8; }

[data-admin-theme="dark"] .cm-card[b-aiv83tug8x] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .cm-input[b-aiv83tug8x] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .cm-summary-card[b-aiv83tug8x] { background: #2a241b; }
[data-admin-theme="dark"] .cm-summary-card.--highlight[b-aiv83tug8x] { background: #2a241b; }
[data-admin-theme="dark"] .cm-summary-card.--alert[b-aiv83tug8x] { background: #3a1f1f; border-color: #5b2e2e; }

[data-admin-theme="dark"] .cm-status.success[b-aiv83tug8x] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .cm-status.error[b-aiv83tug8x] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }
[data-admin-theme="dark"] .cm-status.warning[b-aiv83tug8x] { background: #3a3320; border-color: #5b5230; color: #ffe08a; }

[data-admin-theme="dark"] .cm-table tr:hover td[b-aiv83tug8x] { background: #2d2d30; }

[data-admin-theme="dark"] .cm-tipo-e[b-aiv83tug8x] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .cm-tipo-s[b-aiv83tug8x] { background: #3a1f1f; color: #ffb4b4; }
/* /Components/Adm/Chat.razor.rz.scp.css */
/* ── Shell: two-row flex column that fills the viewport height ── */
.ch-shell[b-2oyzbif3gn] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 3.5rem - 4px);
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px 16px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.ch-page-header[b-2oyzbif3gn] { margin-bottom: 14px; flex-shrink: 0; }

.ch-page-title[b-2oyzbif3gn] {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .ch-page-title i[b-2oyzbif3gn] { font-size: 1.8rem; color: #e07010; }

    .ch-page-title strong[b-2oyzbif3gn] { display: block; font-size: 1.2rem; color: #1c1008; }

    .ch-page-title span[b-2oyzbif3gn] { display: block; font-size: 0.85rem; color: #7a5c3a; }

/* ── Body: sidebar + main panel ── */
.ch-body[b-2oyzbif3gn] {
    display: flex;
    gap: 12px;
    flex: 1;
    min-height: 0; /* critical — lets flex children scroll */
    padding-bottom: 12px;
}

/* ── Sidebar ── */
.ch-sidebar[b-2oyzbif3gn] {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 2px 10px rgba(200, 100, 20, 0.07);
    overflow: hidden;
}

.ch-sidebar-header[b-2oyzbif3gn] {
    padding: 12px 16px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7a5c3a;
    border-bottom: 1px solid rgba(200, 100, 20, 0.12);
    flex-shrink: 0;
}

.ch-conv-list[b-2oyzbif3gn] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

.ch-conv-item[b-2oyzbif3gn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 0;
    transition: background 0.1s;
}

    .ch-conv-item:hover[b-2oyzbif3gn] { background: #fff8f2; }

.ch-conv-active[b-2oyzbif3gn] { background: rgba(224, 112, 16, 0.1) !important; }

.ch-conv-name[b-2oyzbif3gn] {
    flex: 1;
    font-size: 0.9rem;
    color: #1c1008;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.ch-conv-active .ch-conv-name[b-2oyzbif3gn] { color: #e07010; font-weight: 700; }

/* ── Avatars ── */
.ch-avatar[b-2oyzbif3gn] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e07010;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 800;
    flex-shrink: 0;
}

.ch-avatar--geral[b-2oyzbif3gn] {
    background: #7a5c3a;
}

.ch-avatar--geral i[b-2oyzbif3gn] { font-size: 1rem; }

.ch-avatar--client[b-2oyzbif3gn] { background: #1565c0; }

.ch-sidebar-section[b-2oyzbif3gn] {
    padding: 10px 16px 4px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9e9e9e;
    border-top: 1px solid rgba(0,0,0,0.07);
    margin-top: 6px;
}

.ch-avatar-wrap[b-2oyzbif3gn] {
    position: relative;
    flex-shrink: 0;
}

.ch-presence-dot[b-2oyzbif3gn] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.ch-presence-dot--on[b-2oyzbif3gn] { background: #43a047; }
.ch-presence-dot--off[b-2oyzbif3gn] { background: #9e9e9e; }

.ch-avatar--sm[b-2oyzbif3gn] {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
}

/* ── Unread badge ── */
.ch-unread-badge[b-2oyzbif3gn] {
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #e07010;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    flex-shrink: 0;
}

/* ── Main panel ── */
.ch-main[b-2oyzbif3gn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 2px 10px rgba(200, 100, 20, 0.07);
    overflow: hidden;
}

.ch-main-header[b-2oyzbif3gn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(200, 100, 20, 0.15);
    background: #fff8f2;
    font-size: 1rem;
    font-weight: 700;
    color: #1c1008;
    flex-shrink: 0;
}

.ch-main-header-icon[b-2oyzbif3gn] { color: #7a5c3a; font-size: 1.4rem; }

.ch-main-header-sub[b-2oyzbif3gn] {
    font-size: 0.78rem;
    font-weight: 400;
    color: #7a5c3a;
    margin-left: 2px;
}

/* ── Error bar ── */
.ch-error-bar[b-2oyzbif3gn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: #fef2f2;
    border-bottom: 1px solid rgba(220, 38, 38, 0.2);
    color: #dc2626;
    font-size: 0.85rem;
    flex-shrink: 0;
}

/* ── Messages area ── */
.ch-messages[b-2oyzbif3gn] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #fafaf8;
}

.ch-empty[b-2oyzbif3gn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #b08060;
    padding: 40px 0;
    text-align: center;
}

    .ch-empty i[b-2oyzbif3gn] { font-size: 3rem; }

    .ch-empty span[b-2oyzbif3gn] { font-size: 0.95rem; }

/* ── Message bubbles ── */
.ch-msg-wrap[b-2oyzbif3gn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 70%;
}

.ch-msg-wrap--me[b-2oyzbif3gn] {
    align-self: flex-end;
    align-items: flex-end;
}

.ch-msg-sender[b-2oyzbif3gn] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #7a5c3a;
    margin-bottom: 2px;
    padding-left: 4px;
}

.ch-bubble[b-2oyzbif3gn] {
    padding: 8px 14px;
    border-radius: 18px;
    font-size: 0.92rem;
    line-height: 1.45;
    word-break: break-word;
}

.ch-bubble-img[b-2oyzbif3gn] {
    max-width: 240px;
    max-height: 320px;
    border-radius: 10px;
    display: block;
    cursor: zoom-in;
}

.ch-bubble--other[b-2oyzbif3gn] {
    background: #fff;
    border: 1px solid rgba(200, 100, 20, 0.18);
    border-bottom-left-radius: 4px;
    color: #1c1008;
}

.ch-bubble--me[b-2oyzbif3gn] {
    background: #e07010;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.ch-bubble--donna[b-2oyzbif3gn] {
    background: #0f766e;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.ch-msg-time[b-2oyzbif3gn] {
    font-size: 0.72rem;
    color: #b08060;
    margin-top: 2px;
    padding-left: 4px;
}

.ch-msg-time--me[b-2oyzbif3gn] { padding-left: 0; padding-right: 4px; }

/* ── Input bar ── */
.ch-input-bar[b-2oyzbif3gn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid rgba(200, 100, 20, 0.15);
    background: #fff;
    flex-shrink: 0;
}

.ch-input[b-2oyzbif3gn] {
    flex: 1;
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 999px;
    padding: 9px 16px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    outline: none;
}

    .ch-input:focus[b-2oyzbif3gn] {
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

    .ch-input:disabled[b-2oyzbif3gn] { opacity: 0.6; }

.ch-send-btn[b-2oyzbif3gn] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #e07010;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(224, 112, 16, 0.3);
}

    .ch-send-btn:hover:not(:disabled)[b-2oyzbif3gn] { background: #c85e08; }

    .ch-send-btn:disabled[b-2oyzbif3gn] { opacity: 0.4; cursor: not-allowed; }

    .ch-send-btn i[b-2oyzbif3gn] { font-size: 1.1rem; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .ch-shell[b-2oyzbif3gn] { padding: 8px 8px 0; }

    .ch-sidebar[b-2oyzbif3gn] { width: 52px; }

    .ch-conv-name[b-2oyzbif3gn],
    .ch-sidebar-header[b-2oyzbif3gn],
    .ch-unread-badge[b-2oyzbif3gn] { display: none; }

    .ch-conv-item[b-2oyzbif3gn] { justify-content: center; padding: 8px; }

    .ch-msg-wrap[b-2oyzbif3gn] { max-width: 90%; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .ch-page-title strong[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-conv-name[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-main-header[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-bubble--other[b-2oyzbif3gn] { color: #e6e6e6; }

[data-admin-theme="dark"] .ch-page-title span[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-sidebar-header[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-main-header-icon[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-main-header-sub[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-msg-sender[b-2oyzbif3gn] { color: #b0a291; }

[data-admin-theme="dark"] .ch-sidebar-section[b-2oyzbif3gn] { color: #9a9a9a; border-top-color: #3c3c3c; }

[data-admin-theme="dark"] .ch-sidebar[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-main[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-input-bar[b-2oyzbif3gn] { background: #252526; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .ch-conv-item:hover[b-2oyzbif3gn] { background: #3a3a3d; }

[data-admin-theme="dark"] .ch-main-header[b-2oyzbif3gn] { background: #2a241b; }

[data-admin-theme="dark"] .ch-messages[b-2oyzbif3gn] { background: #2d2d30; }

[data-admin-theme="dark"] .ch-bubble--other[b-2oyzbif3gn] { background: #3a3a3d; border-color: #3c3c3c; }

[data-admin-theme="dark"] .ch-input[b-2oyzbif3gn] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .ch-empty[b-2oyzbif3gn],
[data-admin-theme="dark"] .ch-msg-time[b-2oyzbif3gn] { color: #b0a291; }

[data-admin-theme="dark"] .ch-error-bar[b-2oyzbif3gn] { background: #3a1f1f; border-bottom-color: #5b2e2e; color: #ffb4b4; }
/* /Components/Adm/Dashboard.razor.rz.scp.css */
/* Paleta do Dashboard nas variáveis do .dashboard-shell — regras :root/body NÃO
   funcionam em CSS isolado (o scope [b-xxx] não casa com <html>/<body>).
   Dark ativado por [data-admin-theme="dark"] no <html>. */
.dashboard-shell[b-p89vtqz9f9] {
	--dash-card: #ffffff;
	--dash-card-alt: #fef8f0;
	--dash-border: rgba(200, 100, 20, 0.18);
	--dash-text: #1c1008;
	--dash-muted: #7a5c3a;
	--dash-accent: #e07010;
	--dash-accent-soft: rgba(224, 112, 16, 0.12);
	--dash-input-bg: #fff8f2;
	--dash-hero: linear-gradient(135deg, #ffe0b2, #fff4e6);
	--dash-highlight: linear-gradient(135deg, #fff0dd, #ffffff);
	--dash-panel: #fffaf4;
	--dash-panel-hover: #ffe8cc;
	--dash-critical-bg: #fff3f3;
	--dash-critical-text: #b91c1c;
	--dash-critical-border: rgba(239, 68, 68, 0.45);

	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 24px 80px;
	color: var(--dash-text);
	font-family: "Segoe UI", "Inter", system-ui;
}

/* Tema escuro: superfícies escuras + texto claro. Como var() cascateia, quase
   todo o dashboard adapta só redefinindo estas variáveis. */
[data-admin-theme="dark"] .dashboard-shell[b-p89vtqz9f9] {
	--dash-card: #252526;
	--dash-card-alt: #2a2620;
	--dash-border: #3c3c3c;
	--dash-text: #e6e6e6;
	--dash-muted: #b0a291;
	--dash-accent: #f0842a;
	--dash-accent-soft: rgba(224, 112, 16, 0.20);
	--dash-input-bg: #3c3c3c;
	--dash-hero: linear-gradient(135deg, #3a2c17, #241c12);
	--dash-highlight: linear-gradient(135deg, #33281a, #252526);
	--dash-panel: #2d2d30;
	--dash-panel-hover: #3a3a3d;
	--dash-critical-bg: #3a1f1f;
	--dash-critical-text: #ff9b9b;
	--dash-critical-border: rgba(239, 68, 68, 0.5);
}

.hero[b-p89vtqz9f9] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 32px;
	background: var(--dash-hero);
	border-radius: 24px;
	padding: 32px;
	border: 1px solid var(--dash-border);
}

.dashboard-logo[b-p89vtqz9f9] {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}

	.dashboard-logo img[b-p89vtqz9f9] {
		height: 48px;
		width: auto;
	}

	.dashboard-logo .logo-text[b-p89vtqz9f9] {
		display: flex;
		flex-direction: column;
		line-height: 1.2;
	}

		.dashboard-logo .logo-text small[b-p89vtqz9f9] {
			color: var(--dash-muted);
			font-size: 0.8rem;
		}

		.dashboard-logo .logo-text strong[b-p89vtqz9f9] {
			color: var(--dash-text);
			font-size: 1.1rem;
		}

.hero h1[b-p89vtqz9f9] {
	margin: 0;
	font-size: 2rem;
	color: var(--dash-text);
}

.hero p[b-p89vtqz9f9] {
	margin: 4px 0 0 0;
	color: var(--dash-muted);
}

.filter-bar[b-p89vtqz9f9] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: flex-end;
	margin-bottom: 32px;
	padding: 20px 24px;
	border-radius: 18px;
	border: 1px solid var(--dash-border);
	background: var(--dash-card);
	box-shadow: 0 2px 12px rgba(200, 100, 20, 0.08);
}

.filter-group[b-p89vtqz9f9] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 160px;
}

	.filter-group label[b-p89vtqz9f9] {
		font-size: 0.85rem;
		color: var(--dash-muted);
		font-weight: 600;
	}

.filter-input[b-p89vtqz9f9] {
	background: var(--dash-input-bg);
	border: 1px solid var(--dash-border);
	border-radius: 999px;
	padding: 10px 16px;
	color: var(--dash-text);
}

.filter-actions[b-p89vtqz9f9] {
	display: flex;
	gap: 12px;
}

.filter-quick[b-p89vtqz9f9] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

	.filter-quick .btn-ghost[b-p89vtqz9f9],
	.filter-quick .btn-primary[b-p89vtqz9f9] {
		padding: 10px 16px;
	}

.month-nav[b-p89vtqz9f9] {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	border: 1px solid var(--dash-border);
	background: var(--dash-accent-soft);
}

	.month-nav button[b-p89vtqz9f9],
	.month-nav .month-current[b-p89vtqz9f9] {
		border: none;
		background: transparent;
		color: var(--dash-text);
		font-weight: 600;
		padding: 10px 14px;
	}

	.month-nav button[b-p89vtqz9f9] {
		cursor: pointer;
	}

	.month-nav button:hover[b-p89vtqz9f9] {
		color: var(--dash-accent);
	}

.month-current[b-p89vtqz9f9] {
	min-width: 90px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.btn-primary[b-p89vtqz9f9],
.btn-ghost[b-p89vtqz9f9] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.btn-primary[b-p89vtqz9f9] {
	background: var(--dash-accent);
	color: #ffffff;
	box-shadow: 0 6px 20px rgba(224, 112, 16, 0.30);
}

	.btn-primary:hover[b-p89vtqz9f9] {
		background: #c85e08;
		color: #ffffff;
	}

.btn-ghost[b-p89vtqz9f9] {
	border-color: var(--dash-border);
	background: var(--dash-accent-soft);
	color: var(--dash-text);
}

	.btn-ghost:hover[b-p89vtqz9f9] {
		background: rgba(200, 100, 20, 0.14);
	}

.cards-grid[b-p89vtqz9f9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 18px;
	margin-bottom: 32px;
}

.card[b-p89vtqz9f9] {
	background: var(--dash-card);
	border-radius: 20px;
	padding: 20px 22px;
	border: 1px solid var(--dash-border);
	box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
	display: flex;
	flex-direction: column;
	gap: 6px;
}

	.card.highlight[b-p89vtqz9f9] {
		background: var(--dash-highlight);
		border-color: var(--dash-border);
	}

	.card span[b-p89vtqz9f9] {
		color: var(--dash-muted);
		font-size: 0.85rem;
		font-weight: 600;
	}

	.card strong[b-p89vtqz9f9] {
		font-size: 2rem;
		color: var(--dash-text);
	}

	.card small[b-p89vtqz9f9] {
		color: var(--dash-muted);
	}

.chart-grid[b-p89vtqz9f9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-bottom: 32px;
}

.chart-card[b-p89vtqz9f9] {
	padding: 20px;
	background: var(--dash-card-alt);
	border-radius: 20px;
	border: 1px solid var(--dash-border);
	box-shadow: 0 4px 16px rgba(200, 100, 20, 0.06);
}

	.chart-card h3[b-p89vtqz9f9] {
		margin: 0 0 12px 0;
		font-size: 1rem;
		color: var(--dash-text);
		font-weight: 700;
	}

canvas[b-p89vtqz9f9] {
	width: 100% !important;
	height: 220px !important;
}

.alerts-grid[b-p89vtqz9f9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 18px;
	margin-bottom: 40px;
}

	.alerts-grid h2[b-p89vtqz9f9] {
		color: var(--dash-text);
		margin: 0 0 16px 0;
		font-size: 1.2rem;
	}

	.alerts-grid ul[b-p89vtqz9f9] {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

.alert-item[b-p89vtqz9f9] {
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid var(--dash-border);
	background: var(--dash-panel);
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--dash-text);
}

	.alert-item.critical[b-p89vtqz9f9] {
		border-color: var(--dash-critical-border);
		background: var(--dash-critical-bg);
		color: var(--dash-critical-text);
	}

.quick-links[b-p89vtqz9f9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

	.quick-links a[b-p89vtqz9f9] {
		padding: 14px 16px;
		border-radius: 14px;
		border: 1px solid var(--dash-border);
		color: var(--dash-text);
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 10px;
		background: var(--dash-panel);
		transition: background 0.18s, box-shadow 0.18s;
	}

	.quick-links a:hover[b-p89vtqz9f9] {
		background: var(--dash-panel-hover);
		box-shadow: 0 4px 14px rgba(200, 100, 20, 0.14);
	}

.role-panel[b-p89vtqz9f9] {
	margin-bottom: 36px;
	border: 1px solid var(--dash-border);
	border-radius: 22px;
	padding: 24px;
	background: var(--dash-card);
	box-shadow: 0 4px 16px rgba(200, 100, 20, 0.07);
}

	.role-panel h2[b-p89vtqz9f9] {
		margin: 0 0 12px 0;
		font-size: 1.3rem;
		color: var(--dash-text);
	}

	.role-panel p[b-p89vtqz9f9] {
		margin: 0 0 20px 0;
		color: var(--dash-muted);
	}

.mini-grid[b-p89vtqz9f9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.list-table[b-p89vtqz9f9] {
	margin-top: 16px;
	width: 100%;
	border-collapse: collapse;
}

	.list-table th[b-p89vtqz9f9] {
		font-weight: 600;
		text-align: left;
		padding: 6px 0;
		color: var(--dash-muted);
		border-bottom: 1px solid var(--dash-border);
	}

	.list-table td[b-p89vtqz9f9] {
		padding: 10px 0;
		border-bottom: 1px solid var(--dash-border);
		color: var(--dash-text);
	}

@media (max-width: 768px) {
	.hero[b-p89vtqz9f9] {
		flex-direction: column;
		align-items: flex-start;
	}

		.hero h1[b-p89vtqz9f9] {
			font-size: 1.5rem;
		}

	.dashboard-shell[b-p89vtqz9f9] {
		padding: 16px;
	}
}

.list-table tr.est-critico td[b-p89vtqz9f9] {
    color: var(--dash-critical-text);
    font-weight: 600;
}
/* /Components/Adm/DeliveryTracker.razor.rz.scp.css */
.dt-shell[b-2yhb92yw6b] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.dt-page-header[b-2yhb92yw6b] { margin-bottom: 24px; }

.dt-page-title[b-2yhb92yw6b] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .dt-page-title i[b-2yhb92yw6b] {
        font-size: 2rem;
        color: #e07010;
    }

    .dt-page-title strong[b-2yhb92yw6b] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .dt-page-title span[b-2yhb92yw6b] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.dt-card[b-2yhb92yw6b] {
    background: #ffffff;
    border-radius: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 20px;
}

/* Controls */
.dt-controls-card[b-2yhb92yw6b] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.dt-field[b-2yhb92yw6b] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 200px;
}

    .dt-field label[b-2yhb92yw6b] {
        font-size: 0.82rem;
        color: #7a5c3a;
        font-weight: 600;
    }

.dt-select[b-2yhb92yw6b] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
}

    .dt-select:focus[b-2yhb92yw6b] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

    .dt-select:disabled[b-2yhb92yw6b] { opacity: 0.65; }

.dt-control-actions[b-2yhb92yw6b] {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

/* Buttons */
.dt-btn[b-2yhb92yw6b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border: none;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

    .dt-btn i[b-2yhb92yw6b] { font-size: 1.1rem; }

.dt-btn-start[b-2yhb92yw6b] {
    background: #e07010;
    color: #fff;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
}

    .dt-btn-start:hover:not(:disabled)[b-2yhb92yw6b] { background: #c85e08; }

    .dt-btn-start:disabled[b-2yhb92yw6b] { opacity: 0.45; cursor: not-allowed; }

.dt-btn-pause[b-2yhb92yw6b] {
    background: rgba(200, 100, 20, 0.1);
    border: 1px solid rgba(200, 100, 20, 0.25);
    color: #1c1008;
}

    .dt-btn-pause:hover[b-2yhb92yw6b] { background: rgba(200, 100, 20, 0.18); }

.dt-btn-stop[b-2yhb92yw6b] {
    background: #ef5350;
    color: #fff;
}

    .dt-btn-stop:hover[b-2yhb92yw6b] { background: #c62828; }

/* Status */
.dt-status[b-2yhb92yw6b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-size: 0.9rem;
}

.dt-error[b-2yhb92yw6b] {
    background: #fef2f2;
    border: 1px solid rgba(220, 38, 38, 0.25);
    color: #dc2626;
}

/* Map card — no padding so iframe fills flush */
.dt-map-card[b-2yhb92yw6b] { padding: 0; overflow: hidden; }

.dt-location-bar[b-2yhb92yw6b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(200, 100, 20, 0.15);
    background: #fff8f2;
}

.dt-updated-badge[b-2yhb92yw6b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(224, 112, 16, 0.12);
    color: #e07010;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.82rem;
    font-weight: 600;
}

    .dt-updated-badge i[b-2yhb92yw6b] { font-size: 0.9rem; }

.dt-coords-text[b-2yhb92yw6b] {
    font-size: 0.8rem;
    color: #7a5c3a;
    font-family: monospace;
}

.dt-address-text[b-2yhb92yw6b] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    color: #1c1008;
    flex: 1;
}

    .dt-address-text i[b-2yhb92yw6b] { font-size: 0.9rem; color: #e07010; }

.dt-map-frame[b-2yhb92yw6b] {
    width: 100%;
    height: 440px;
    border: none;
    display: block;
}

.dt-map-placeholder[b-2yhb92yw6b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 260px;
    color: #b08060;
    padding: 20px;
    text-align: center;
}

    .dt-map-placeholder i[b-2yhb92yw6b] { font-size: 3.5rem; }

    .dt-map-placeholder span[b-2yhb92yw6b] { font-size: 1rem; }

/* Section title */
.dt-section-title[b-2yhb92yw6b] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e07010;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 14px;
}

.dt-count-badge[b-2yhb92yw6b] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #7a5c3a;
    margin-left: 2px;
}

/* History */
.dt-history-scroll[b-2yhb92yw6b] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 -4px;
    padding: 0 4px;
}

.dt-history-row[b-2yhb92yw6b] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.84rem;
    color: #5a4030;
    transition: background 0.1s;
}

    .dt-history-row:hover[b-2yhb92yw6b] { background: #fff8f2; }

.dt-history-active[b-2yhb92yw6b] {
    background: rgba(224, 112, 16, 0.1) !important;
    color: #e07010;
}

.dt-h-num[b-2yhb92yw6b] {
    min-width: 24px;
    font-weight: 700;
    color: #c08860;
    font-size: 0.78rem;
    text-align: right;
    flex-shrink: 0;
}

.dt-history-active .dt-h-num[b-2yhb92yw6b] { color: #e07010; }

.dt-h-time[b-2yhb92yw6b] {
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.dt-h-dist[b-2yhb92yw6b] {
    background: rgba(224, 112, 16, 0.1);
    color: #c85e08;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 0.78rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.dt-h-coords[b-2yhb92yw6b] {
    font-family: monospace;
    font-size: 0.78rem;
    color: #9a7a5a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .dt-shell[b-2yhb92yw6b] { padding: 12px; }
    .dt-map-frame[b-2yhb92yw6b] { height: 300px; }
    .dt-controls-card[b-2yhb92yw6b] { flex-direction: column; align-items: stretch; }
    .dt-control-actions[b-2yhb92yw6b] { justify-content: flex-end; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .dt-page-title strong[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-btn-pause[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-address-text[b-2yhb92yw6b] { color: #e6e6e6; }

[data-admin-theme="dark"] .dt-page-title span[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-field label[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-coords-text[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-count-badge[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-map-placeholder[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-history-row[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-h-num[b-2yhb92yw6b],
[data-admin-theme="dark"] .dt-h-coords[b-2yhb92yw6b] { color: #b0a291; }

[data-admin-theme="dark"] .dt-card[b-2yhb92yw6b] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .dt-select[b-2yhb92yw6b] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .dt-error[b-2yhb92yw6b] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .dt-location-bar[b-2yhb92yw6b] { background: #2a241b; border-bottom-color: #3c3c3c; }

[data-admin-theme="dark"] .dt-history-row:hover[b-2yhb92yw6b] { background: #3a3a3d; }
/* /Components/Adm/FluxoComanda.razor.rz.scp.css */
.fc-shell[b-tjeki28mtc] {
    padding: 12px 14px 20px;
    max-width: 100%;
}

.fc-header[b-tjeki28mtc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 12px;
}

.fc-title[b-tjeki28mtc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fc-title > i[b-tjeki28mtc] {
    font-size: 2rem;
    color: #c0392b;
}

.fc-title strong[b-tjeki28mtc] {
    display: block;
    font-size: 1.15rem;
    line-height: 1.1;
}

.fc-title span[b-tjeki28mtc] {
    font-size: 0.8rem;
    color: #8a8a8a;
}

.fc-header-right[b-tjeki28mtc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fc-refresh-ts[b-tjeki28mtc] {
    font-size: 0.75rem;
    color: #9a9a9a;
}

.fc-btn-refresh[b-tjeki28mtc] {
    border: none;
    background: #f1f1f1;
    border-radius: 8px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fc-btn-refresh:hover[b-tjeki28mtc] { background: #e6e6e6; }

.fc-error[b-tjeki28mtc] {
    background: #fdecea;
    color: #b71c1c;
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}

.fc-filters[b-tjeki28mtc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.fc-pills[b-tjeki28mtc] {
    display: inline-flex;
    gap: 6px;
}

.fc-pill[b-tjeki28mtc] {
    border: 1px solid #d0d5dd;
    background: #fff;
    border-radius: 999px;
    padding: 5px 15px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #55606e;
    cursor: pointer;
}

.fc-pill:hover[b-tjeki28mtc] { background: #f3f4f6; }

.fc-pill.active[b-tjeki28mtc] {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.fc-date[b-tjeki28mtc] {
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 0.82rem;
    color: #33373d;
}

.fc-window[b-tjeki28mtc] {
    font-size: 0.78rem;
    color: #8a8a8a;
}

/* Board horizontal, colunas roláveis */
.fc-board[b-tjeki28mtc] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 12px;
    align-items: flex-start;
}

.fc-col[b-tjeki28mtc] {
    flex: 0 0 260px;
    background: #f5f6f8;
    border-radius: 12px;
    border-top: 4px solid #b0b7c3;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 150px);
}

.fc-col--10[b-tjeki28mtc] { border-top-color: #2d7ff9; }   /* Fila */
.fc-col--20[b-tjeki28mtc] { border-top-color: #f39c12; }   /* Em Preparo */
.fc-col--30[b-tjeki28mtc] { border-top-color: #27ae60; }   /* Pronto */
.fc-col--40[b-tjeki28mtc] { border-top-color: #8e44ad; }   /* Despachado */
.fc-col--50[b-tjeki28mtc] { border-top-color: #16a085; }   /* Entregue */
.fc-col--100[b-tjeki28mtc] { border-top-color: #d4b106; }  /* Aguardando */
.fc-col--99[b-tjeki28mtc] { border-top-color: #c0392b; }   /* Cancelado */

.fc-col-header[b-tjeki28mtc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 8px;
}

.fc-col-name[b-tjeki28mtc] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #33373d;
}

.fc-col-count[b-tjeki28mtc] {
    background: #e2e5ea;
    color: #55606e;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 22px;
    text-align: center;
    padding: 2px 7px;
}

.fc-col-body[b-tjeki28mtc] {
    padding: 0 10px 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fc-col-empty[b-tjeki28mtc] {
    text-align: center;
    color: #b7bcc4;
    font-size: 0.85rem;
    padding: 8px 0;
}

.fc-card[b-tjeki28mtc] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    padding: 9px 10px;
}

/* Comanda de Retira/Balcão: fundo distinto p/ diferenciar de Delivery à distância. */
.fc-card--retirada[b-tjeki28mtc] {
    background: #fff4e0;
    box-shadow: inset 3px 0 0 #e08a00, 0 1px 3px rgba(0,0,0,0.08);
}

.fc-tag-retirada[b-tjeki28mtc] {
    background: #e08a00;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 4px;
    padding: 1px 5px;
    line-height: 1.4;
}

.fc-card-header[b-tjeki28mtc] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 5px;
}

.fc-order-num[b-tjeki28mtc] {
    font-weight: 700;
    color: #c0392b;
    font-size: 0.85rem;
}

.fc-order-name[b-tjeki28mtc] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-order-time[b-tjeki28mtc] {
    font-size: 0.72rem;
    color: #9a9a9a;
}

/* Comprovante de pagamento pendente de conferência */
.fc-comprovante[b-tjeki28mtc] {
    display: inline-flex;
    align-items: center;
    color: #2d7ff9;
    text-decoration: none;
}

.fc-comprovante i[b-tjeki28mtc] { font-size: 1rem; }
.fc-comprovante:hover[b-tjeki28mtc] { color: #1b5fc0; }

.fc-items[b-tjeki28mtc] {
    list-style: none;
    margin: 0 0 6px;
    padding: 0;
}

.fc-item[b-tjeki28mtc] {
    font-size: 0.78rem;
    line-height: 1.25;
    padding: 2px 0;
    border-bottom: 1px dashed #eee;
}

.fc-item:last-child[b-tjeki28mtc] { border-bottom: none; }
.fc-item-main[b-tjeki28mtc] { font-weight: 600; color: #333; }
.fc-item-detail[b-tjeki28mtc] { color: #777; }
.fc-item-detail em[b-tjeki28mtc] { font-style: normal; color: #444; }
.fc-item-obs[b-tjeki28mtc] { color: #b9770a; }

.fc-card-actions[b-tjeki28mtc] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
}

.fc-btn[b-tjeki28mtc] {
    border: none;
    border-radius: 7px;
    padding: 5px 8px;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #eef0f3;
    color: #444;
}

.fc-btn i[b-tjeki28mtc] { font-size: 0.95rem; }
.fc-btn:disabled[b-tjeki28mtc] { opacity: 0.5; cursor: default; }

.fc-btn-next[b-tjeki28mtc] { background: #27ae60; color: #fff; flex: 1; justify-content: center; }
.fc-btn-next:hover[b-tjeki28mtc] { background: #219150; }
.fc-btn-resume[b-tjeki28mtc] { background: #2d7ff9; color: #fff; flex: 1; justify-content: center; }
.fc-btn-reopen[b-tjeki28mtc] { background: #55606e; color: #fff; flex: 1; justify-content: center; }
.fc-btn-wait[b-tjeki28mtc] { background: #fbeec2; color: #8a6d0a; }
.fc-btn-cancel[b-tjeki28mtc] { background: #fbe0dd; color: #c0392b; }

/* ── Tema escuro ── */
[data-admin-theme="dark"] .fc-title strong[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-col-name[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-order-name[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-item-main[b-tjeki28mtc] { color: #e6e6e6; }

[data-admin-theme="dark"] .fc-title span[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-refresh-ts[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-window[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-order-time[b-tjeki28mtc],
[data-admin-theme="dark"] .fc-col-empty[b-tjeki28mtc] { color: #9a9a9a; }

[data-admin-theme="dark"] .fc-item-detail[b-tjeki28mtc] { color: #a8a8a8; }
[data-admin-theme="dark"] .fc-item-detail em[b-tjeki28mtc] { color: #b0a291; }

[data-admin-theme="dark"] .fc-btn-refresh[b-tjeki28mtc] { background: #2d2d30; }
[data-admin-theme="dark"] .fc-btn-refresh:hover[b-tjeki28mtc] { background: #3a3a3d; }

[data-admin-theme="dark"] .fc-error[b-tjeki28mtc] { background: #3a1f1f; color: #ffb4b4; }

[data-admin-theme="dark"] .fc-pill[b-tjeki28mtc] { background: #252526; border-color: #3c3c3c; color: #a8a8a8; }
[data-admin-theme="dark"] .fc-pill:hover[b-tjeki28mtc] { background: #3a3a3d; }

[data-admin-theme="dark"] .fc-date[b-tjeki28mtc] { background: #2d2d30; border-color: #3c3c3c; color: #e6e6e6; }

[data-admin-theme="dark"] .fc-col[b-tjeki28mtc] { background: #2d2d30; }

[data-admin-theme="dark"] .fc-col-count[b-tjeki28mtc] { background: #3c3c3c; color: #a8a8a8; }

[data-admin-theme="dark"] .fc-card[b-tjeki28mtc] { background: #252526; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .fc-card--retirada[b-tjeki28mtc] { background: #2a241b; box-shadow: inset 3px 0 0 #e08a00, 0 1px 3px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .fc-item[b-tjeki28mtc] { border-bottom-color: #3c3c3c; }

[data-admin-theme="dark"] .fc-btn[b-tjeki28mtc] { background: #2d2d30; color: #e6e6e6; }
/* /Components/Adm/Pager.razor.rz.scp.css */
.pager[b-m619om36v1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 0 4px;
    flex-wrap: wrap;
}

.pager-btn[b-m619om36v1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1px solid var(--dash-border, #d8c4a8);
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 0.9rem;
}

    .pager-btn:disabled[b-m619om36v1] {
        opacity: 0.4;
        cursor: default;
    }

    .pager-btn:not(:disabled):hover[b-m619om36v1] {
        background: rgba(200, 100, 20, 0.12);
    }

    .pager-btn .material-icons[b-m619om36v1] {
        font-size: 18px;
    }

.pager-info[b-m619om36v1] {
    font-size: 0.9rem;
    opacity: 0.85;
}
/* /Components/Adm/PedidosCozinha.razor.rz.scp.css */
.kc-shell[b-aycw0tlk5x] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 16px 16px 60px;
}

/* ── Header ── */
.kc-header[b-aycw0tlk5x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.kc-title[b-aycw0tlk5x] {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .kc-title i[b-aycw0tlk5x] {
        font-size: 2rem;
        color: #e07010;
    }

    .kc-title strong[b-aycw0tlk5x] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .kc-title span[b-aycw0tlk5x] {
        display: block;
        font-size: 0.82rem;
        color: #7a5c3a;
    }

.kc-header-right[b-aycw0tlk5x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.kc-refresh-ts[b-aycw0tlk5x] {
    font-size: 0.82rem;
    color: #7a5c3a;
}

.kc-btn-refresh[b-aycw0tlk5x] {
    background: rgba(200, 100, 20, 0.1);
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #e07010;
    padding: 0;
}

    .kc-btn-refresh:hover:not(:disabled)[b-aycw0tlk5x] {
        background: rgba(200, 100, 20, 0.2);
    }

    .kc-btn-refresh:disabled[b-aycw0tlk5x] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .kc-btn-refresh i[b-aycw0tlk5x] {
        font-size: 1.2rem;
    }

/* ── States ── */
.kc-error[b-aycw0tlk5x] {
    background: #fef2f2;
    border: 1px solid rgba(220, 38, 38, 0.25);
    color: #dc2626;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-weight: 500;
}

.kc-empty[b-aycw0tlk5x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: #7a5c3a;
}

    .kc-empty i[b-aycw0tlk5x] {
        font-size: 3rem;
        color: #43a047;
    }

    .kc-empty span[b-aycw0tlk5x] {
        font-size: 1.1rem;
    }

.kc-muted[b-aycw0tlk5x] {
    color: #7a5c3a;
    padding: 20px 0;
}

/* ── Cards grid ── */
.kc-grid[b-aycw0tlk5x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
}

.kc-card[b-aycw0tlk5x] {
    background: #fff;
    border-radius: 16px;
    padding: 18px 22px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    border-left: 8px solid #e53935;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kc-card-header[b-aycw0tlk5x] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.kc-order-num[b-aycw0tlk5x] {
    font-size: 1.8rem;
    font-weight: 800;
    color: #43a047;
}

.kc-order-name[b-aycw0tlk5x] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1c1008;
    flex: 1;
}

.kc-order-time[b-aycw0tlk5x] {
    font-size: 1.05rem;
    color: #7a5c3a;
    white-space: nowrap;
}

/* ── Items ── */
.kc-items[b-aycw0tlk5x] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.kc-item[b-aycw0tlk5x] {
    padding: 9px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.4rem;
    color: #1c1008;
    line-height: 1.4;
}

    .kc-item:last-child[b-aycw0tlk5x] {
        border-bottom: none;
    }

.kc-item-main[b-aycw0tlk5x] {
    font-weight: 700;
}

.kc-item-detail[b-aycw0tlk5x] {
    color: #555;
    font-size: 1.1rem;
}

.kc-item-obs[b-aycw0tlk5x] {
    color: #e53935;
    font-size: 1.15rem;
    font-weight: 700;
}

.kc-ingred-btn[b-aycw0tlk5x] {
    background: none;
    border: none;
    cursor: pointer;
    color: #7a5c3a;
    padding: 0 4px;
    vertical-align: middle;
    opacity: 0.7;
}

    .kc-ingred-btn:hover[b-aycw0tlk5x] {
        opacity: 1;
        color: #e07010;
    }

/* ── Item type variants ── */
.kc-type-broto .kc-item-main[b-aycw0tlk5x] {
    color: #1565c0;
}

.kc-type-esfiha .kc-item-main[b-aycw0tlk5x] {
    color: #6a1a9a;
}

/* ── Actions ── */
.kc-card-actions[b-aycw0tlk5x] {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.kc-btn-ready[b-aycw0tlk5x] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #43a047;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 20px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    flex: 1;
    justify-content: center;
}

    .kc-btn-ready:hover:not(:disabled)[b-aycw0tlk5x] {
        background: #2e7d32;
    }

    .kc-btn-ready:disabled[b-aycw0tlk5x] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .kc-btn-ready i[b-aycw0tlk5x] {
        font-size: 1rem;
    }

.kc-btn-cancel[b-aycw0tlk5x] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #9e9e9e;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 18px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
}

    .kc-btn-cancel:hover:not(:disabled)[b-aycw0tlk5x] {
        background: #616161;
    }

    .kc-btn-cancel:disabled[b-aycw0tlk5x] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .kc-btn-cancel i[b-aycw0tlk5x] {
        font-size: 1rem;
    }

/* ── Overlay ── */
.kc-overlay[b-aycw0tlk5x] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.kc-overlay-box[b-aycw0tlk5x] {
    background: #fff;
    border-radius: 16px;
    max-width: 560px;
    width: 100%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

.kc-overlay-header[b-aycw0tlk5x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(200, 100, 20, 0.15);
    font-weight: 700;
    color: #1c1008;
}

.kc-overlay-close[b-aycw0tlk5x] {
    background: none;
    border: none;
    cursor: pointer;
    color: #7a5c3a;
    display: flex;
    padding: 4px;
    border-radius: 50%;
}

    .kc-overlay-close:hover[b-aycw0tlk5x] {
        background: rgba(200, 100, 20, 0.1);
        color: #e07010;
    }

.kc-overlay-body[b-aycw0tlk5x] {
    padding: 18px;
    overflow-y: auto;
    white-space: pre-wrap;
    font-size: 0.92rem;
    color: #1c1008;
    line-height: 1.6;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .kc-grid[b-aycw0tlk5x] {
        grid-template-columns: 1fr;
    }

    .kc-header[b-aycw0tlk5x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .kc-title strong[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-order-name[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-overlay-header[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-overlay-body[b-aycw0tlk5x] { color: #e6e6e6; }

[data-admin-theme="dark"] .kc-title span[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-refresh-ts[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-empty[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-muted[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-order-time[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-ingred-btn[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-overlay-close[b-aycw0tlk5x] { color: #b0a291; }

[data-admin-theme="dark"] .kc-card[b-aycw0tlk5x],
[data-admin-theme="dark"] .kc-overlay-box[b-aycw0tlk5x] { background: #252526; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .kc-item[b-aycw0tlk5x] { color: #e0e0e0; border-bottom-color: #3c3c3c; }
[data-admin-theme="dark"] .kc-item-detail[b-aycw0tlk5x] { color: #a8a8a8; }
[data-admin-theme="dark"] .kc-overlay-header[b-aycw0tlk5x] { border-bottom-color: #3c3c3c; }

[data-admin-theme="dark"] .kc-error[b-aycw0tlk5x] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .kc-type-broto .kc-item-main[b-aycw0tlk5x] { color: #64b5f6; }
[data-admin-theme="dark"] .kc-type-esfiha .kc-item-main[b-aycw0tlk5x] { color: #ce93d8; }
/* /Components/Adm/PedidosDelivery.razor.rz.scp.css */
.pd-shell[b-lcboekn8mb] {
    max-width: 680px;
    margin: 0 auto;
    padding: 16px 16px 60px;
}

.pd-page-header[b-lcboekn8mb] {
    margin-bottom: 20px;
}

.pd-page-title[b-lcboekn8mb] {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .pd-page-title i[b-lcboekn8mb] {
        font-size: 2rem;
        color: #e07010;
    }

    .pd-page-title strong[b-lcboekn8mb] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .pd-page-title span[b-lcboekn8mb] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.pd-card[b-lcboekn8mb] {
    background: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 20px;
}

.pd-field[b-lcboekn8mb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .pd-field label[b-lcboekn8mb] {
        font-size: 0.85rem;
        color: #7a5c3a;
        font-weight: 600;
    }

.pd-input[b-lcboekn8mb] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .pd-input:focus[b-lcboekn8mb] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.pd-status[b-lcboekn8mb] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .pd-status.error[b-lcboekn8mb] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

.pd-muted[b-lcboekn8mb] { color: #7a5c3a; padding: 16px 0; }

.pd-empty[b-lcboekn8mb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 50px 0;
    color: #7a5c3a;
}

    .pd-empty i[b-lcboekn8mb] {
        font-size: 3rem;
        color: #43a047;
    }

    .pd-empty span[b-lcboekn8mb] { font-size: 1.05rem; }

/* ── Order cards ── */
.pd-orders[b-lcboekn8mb] { display: flex; flex-direction: column; gap: 14px; }

.pd-order-card[b-lcboekn8mb] {
    background: #fff;
    border-radius: 16px;
    border-left: 6px solid #fdd835;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
}

.pd-order-header[b-lcboekn8mb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #f8f9fa;
    cursor: pointer;
    user-select: none;
    gap: 10px;
}

    .pd-order-header:hover[b-lcboekn8mb] { background: #f0f4f8; }

.pd-order-header-left[b-lcboekn8mb] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.pd-order-num[b-lcboekn8mb] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1976d2;
    white-space: nowrap;
}

.pd-order-name[b-lcboekn8mb] {
    font-size: 1.45rem;
    font-weight: 700;
    color: #1c1008;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-order-header-right[b-lcboekn8mb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pd-order-time[b-lcboekn8mb] { font-size: 0.82rem; color: #7a5c3a; }
.pd-collapse-icon[b-lcboekn8mb] { font-size: 1.2rem; color: #7a5c3a; }

.pd-order-body[b-lcboekn8mb] { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }

.pd-info-line[b-lcboekn8mb] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    font-size: 1.25rem;
    color: #1c1008;
}

.pd-info-icon[b-lcboekn8mb] { font-size: 1rem; color: #7a5c3a; flex-shrink: 0; margin-top: 1px; }

.pd-address[b-lcboekn8mb] { font-weight: 700; color: #1976d2; font-size: 1.4rem; line-height: 1.3; }

.pd-bairro[b-lcboekn8mb] { color: #555; font-size: 1.05rem; }

.pd-pgto[b-lcboekn8mb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.88rem;
}

    .pd-pgto i[b-lcboekn8mb] { font-size: 1rem; }

.pd-pgto--ok[b-lcboekn8mb] {
    background: #e8f5e9;
    border-left: 4px solid #43a047;
    color: #2e7d32;
}

.pd-pgto--pending[b-lcboekn8mb] {
    background: #fff3cd;
    border-left: 4px solid #ff9800;
    color: #7a4f00;
}

.pd-products[b-lcboekn8mb] {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 10px 12px;
}

.pd-products-label[b-lcboekn8mb] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #7a5c3a;
    display: block;
    margin-bottom: 6px;
}

.pd-product-list[b-lcboekn8mb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.88rem;
    color: #1c1008;
}

.pd-totals[b-lcboekn8mb] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    font-size: 1.05rem;
    color: #555;
    padding-top: 4px;
    border-top: 1px solid #eee;
}

    .pd-totals strong[b-lcboekn8mb] { color: #1c1008; font-size: 1.35rem; }

.pd-actions[b-lcboekn8mb] {
    display: flex;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid #eee;
}

.pd-btn-map[b-lcboekn8mb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border: 1.5px solid #1976d2;
    border-radius: 999px;
    background: #fff;
    color: #1976d2;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

    .pd-btn-map:hover[b-lcboekn8mb] { background: #e3f2fd; }

    .pd-btn-map i[b-lcboekn8mb] { font-size: 1rem; }

.pd-btn-delivered[b-lcboekn8mb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border: none;
    border-radius: 999px;
    background: #43a047;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(67, 160, 71, 0.2);
    flex: 1;
    justify-content: center;
}

    .pd-btn-delivered:hover:not(:disabled)[b-lcboekn8mb] { background: #2e7d32; }

    .pd-btn-delivered:disabled[b-lcboekn8mb] { opacity: 0.5; cursor: not-allowed; }

    .pd-btn-delivered i[b-lcboekn8mb] { font-size: 1rem; }

.pd-btn-dispatch[b-lcboekn8mb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border: none;
    border-radius: 999px;
    background: #8e44ad;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(142, 68, 173, 0.2);
    flex: 1;
    justify-content: center;
}

    .pd-btn-dispatch:hover:not(:disabled)[b-lcboekn8mb] { background: #763a8f; }

    .pd-btn-dispatch:disabled[b-lcboekn8mb] { opacity: 0.5; cursor: not-allowed; }

    .pd-btn-dispatch i[b-lcboekn8mb] { font-size: 1rem; }

@media (max-width: 480px) {
    .pd-shell[b-lcboekn8mb] { padding: 12px; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .pd-page-title strong[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-order-name[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-info-line[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-product-list[b-lcboekn8mb] { color: #e6e6e6; }

[data-admin-theme="dark"] .pd-totals strong[b-lcboekn8mb] { color: #e6e6e6; }

[data-admin-theme="dark"] .pd-page-title span[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-field label[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-muted[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-empty[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-order-time[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-collapse-icon[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-info-icon[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-products-label[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-bairro[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-totals[b-lcboekn8mb] { color: #b0a291; }

[data-admin-theme="dark"] .pd-card[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-order-card[b-lcboekn8mb] { background: #252526; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .pd-input[b-lcboekn8mb] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .pd-order-header[b-lcboekn8mb] { background: #2d2d30; }
[data-admin-theme="dark"] .pd-order-header:hover[b-lcboekn8mb] { background: #3a3a3d; }

[data-admin-theme="dark"] .pd-products[b-lcboekn8mb] { background: #2d2d30; }

[data-admin-theme="dark"] .pd-totals[b-lcboekn8mb],
[data-admin-theme="dark"] .pd-actions[b-lcboekn8mb] { border-top-color: #3c3c3c; }

[data-admin-theme="dark"] .pd-btn-map[b-lcboekn8mb] { background: #252526; }

[data-admin-theme="dark"] .pd-status.error[b-lcboekn8mb] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .pd-pgto--ok[b-lcboekn8mb] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .pd-pgto--pending[b-lcboekn8mb] { background: #3a3320; color: #ffe08a; }
/* /Components/Adm/PesquisaPedidos.razor.rz.scp.css */
.pp-shell[b-anw0wjq20v] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.pp-page-header[b-anw0wjq20v] { margin-bottom: 24px; }

.pp-page-title[b-anw0wjq20v] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .pp-page-title i[b-anw0wjq20v] {
        font-size: 2rem;
        color: #e07010;
    }

    .pp-page-title strong[b-anw0wjq20v] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .pp-page-title span[b-anw0wjq20v] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.pp-card[b-anw0wjq20v] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.pp-section-title[b-anw0wjq20v] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 18px;
}

.pp-result-count[b-anw0wjq20v] {
    font-size: 0.85rem;
    font-weight: 400;
    color: #7a5c3a;
    margin-left: 4px;
}

/* ── Pill de prêmio ── */
.pp-pill[b-anw0wjq20v] {
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
}
.pp-pill--red[b-anw0wjq20v] { background: #fdeae7; color: #c0392b; border: 1px solid #ecb6ae; }
.pp-pill--green[b-anw0wjq20v] { background: #e3f6ec; color: #1f7a4d; border: 1px solid #a8dcc0; }

/* ── Filters ── */
.pp-filters[b-anw0wjq20v] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-end;
    margin-bottom: 18px;
}

.pp-field[b-anw0wjq20v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
}

    .pp-field label[b-anw0wjq20v] {
        font-size: 0.82rem;
        color: #7a5c3a;
        font-weight: 600;
        white-space: nowrap;
    }

.pp-field--xs[b-anw0wjq20v] { min-width: 90px; max-width: 110px; }
.pp-field--sm[b-anw0wjq20v] { min-width: 130px; }
.pp-field--grow[b-anw0wjq20v] { flex: 1; min-width: 180px; }

.pp-input[b-anw0wjq20v] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 0.9rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .pp-input:focus[b-anw0wjq20v] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.pp-filter-actions[b-anw0wjq20v] {
    display: flex;
    gap: 10px;
}

.pp-btn-primary[b-anw0wjq20v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e07010;
    color: #fff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
}

    .pp-btn-primary:hover:not(:disabled)[b-anw0wjq20v] { background: #c85e08; }

    .pp-btn-primary:disabled[b-anw0wjq20v] { opacity: 0.55; cursor: not-allowed; }

    .pp-btn-primary i[b-anw0wjq20v] { font-size: 1rem; }

.pp-btn-ghost[b-anw0wjq20v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(200, 100, 20, 0.08);
    border: 1px solid rgba(200, 100, 20, 0.2);
    color: #1c1008;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
}

    .pp-btn-ghost:hover[b-anw0wjq20v] { background: rgba(200, 100, 20, 0.16); }

    .pp-btn-ghost i[b-anw0wjq20v] { font-size: 1rem; }

.pp-status[b-anw0wjq20v] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .pp-status.error[b-anw0wjq20v] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

.pp-muted[b-anw0wjq20v] { color: #7a5c3a; margin: 0; }

.pp-hint[b-anw0wjq20v] {
    font-size: 0.85rem;
    color: #7a5c3a;
    margin-top: 12px;
    margin-bottom: 0;
}

/* ── Table ── */
.pp-table-wrap[b-anw0wjq20v] { overflow-x: auto; }

.pp-table[b-anw0wjq20v] {
    width: 100%;
    border-collapse: collapse;
}

    .pp-table th[b-anw0wjq20v] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.8rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .pp-table td[b-anw0wjq20v] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.1);
        font-size: 0.88rem;
        color: #1c1008;
    }

.pp-row-link[b-anw0wjq20v] { cursor: pointer; }

    .pp-row-link:hover td[b-anw0wjq20v] { background: #fff8f2; }

.pp-order-code[b-anw0wjq20v] {
    font-weight: 700;
    color: #e07010;
}

.pp-order-btn[b-anw0wjq20v] {
    display: inline-block;
    font-weight: 700;
    color: #e07010;
    background: rgba(224, 112, 16, 0.08);
    border: 1px solid rgba(224, 112, 16, 0.3);
    border-radius: 6px;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 0.88rem;
    white-space: nowrap;
    text-decoration: none;
}

    .pp-order-btn:hover[b-anw0wjq20v] { background: rgba(224, 112, 16, 0.2); color: #c85e08; }

.pp-align-right[b-anw0wjq20v] { text-align: right; }

.pp-nowrap[b-anw0wjq20v] { white-space: nowrap; }

@media (max-width: 768px) {
    .pp-shell[b-anw0wjq20v] { padding: 16px; }

    .pp-field--grow[b-anw0wjq20v] { min-width: 100%; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .pp-page-title strong[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-btn-ghost[b-anw0wjq20v] { color: #e6e6e6; }
[data-admin-theme="dark"] .pp-table td[b-anw0wjq20v] { color: #e6e6e6; }

[data-admin-theme="dark"] .pp-page-title span[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-result-count[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-field label[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-muted[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-hint[b-anw0wjq20v],
[data-admin-theme="dark"] .pp-table th[b-anw0wjq20v] { color: #b0a291; }

[data-admin-theme="dark"] .pp-card[b-anw0wjq20v] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .pp-input[b-anw0wjq20v] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .pp-status.error[b-anw0wjq20v] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .pp-row-link:hover td[b-anw0wjq20v] { background: #2d2d30; }

[data-admin-theme="dark"] .pp-pill--red[b-anw0wjq20v] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }
[data-admin-theme="dark"] .pp-pill--green[b-anw0wjq20v] { background: #1c2a22; border-color: #2e5b3e; color: #b8e6c8; }
/* /Components/Adm/PesquisaPessoas.razor.rz.scp.css */
.pp-shell[b-eubor7wpe3] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.pp-page-header[b-eubor7wpe3] { margin-bottom: 24px; }

.pp-page-title[b-eubor7wpe3] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .pp-page-title i[b-eubor7wpe3] {
        font-size: 2rem;
        color: #e07010;
    }

    .pp-page-title strong[b-eubor7wpe3] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .pp-page-title span[b-eubor7wpe3] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.pp-card[b-eubor7wpe3] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.pp-section-title[b-eubor7wpe3] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 18px;
}

.pp-result-count[b-eubor7wpe3] {
    font-size: 0.85rem;
    font-weight: 400;
    color: #7a5c3a;
    margin-left: 4px;
}

/* ── Filters ── */
.pp-filters[b-eubor7wpe3] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-end;
    margin-bottom: 18px;
}

.pp-field[b-eubor7wpe3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
}

    .pp-field label[b-eubor7wpe3] {
        font-size: 0.82rem;
        color: #7a5c3a;
        font-weight: 600;
        white-space: nowrap;
    }

.pp-field--xs[b-eubor7wpe3] { min-width: 90px; max-width: 110px; }
.pp-field--sm[b-eubor7wpe3] { min-width: 130px; }
.pp-field--grow[b-eubor7wpe3] { flex: 1; min-width: 180px; }

.pp-input[b-eubor7wpe3] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 0.9rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .pp-input:focus[b-eubor7wpe3] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.pp-filter-actions[b-eubor7wpe3] {
    display: flex;
    gap: 10px;
}

.pp-btn-primary[b-eubor7wpe3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e07010;
    color: #fff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
}

    .pp-btn-primary:hover:not(:disabled)[b-eubor7wpe3] { background: #c85e08; }

    .pp-btn-primary:disabled[b-eubor7wpe3] { opacity: 0.55; cursor: not-allowed; }

    .pp-btn-primary i[b-eubor7wpe3] { font-size: 1rem; }

.pp-btn-ghost[b-eubor7wpe3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(200, 100, 20, 0.08);
    border: 1px solid rgba(200, 100, 20, 0.2);
    color: #1c1008;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
}

    .pp-btn-ghost:hover[b-eubor7wpe3] { background: rgba(200, 100, 20, 0.16); }

    .pp-btn-ghost i[b-eubor7wpe3] { font-size: 1rem; }

.pp-status[b-eubor7wpe3] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .pp-status.error[b-eubor7wpe3] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

.pp-muted[b-eubor7wpe3] { color: #7a5c3a; margin: 0; }

.pp-hint[b-eubor7wpe3] {
    font-size: 0.85rem;
    color: #7a5c3a;
    margin-top: 12px;
    margin-bottom: 0;
}

/* ── Table ── */
.pp-table-wrap[b-eubor7wpe3] { overflow-x: auto; }

.pp-table[b-eubor7wpe3] {
    width: 100%;
    border-collapse: collapse;
}

    .pp-table th[b-eubor7wpe3] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.8rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .pp-table td[b-eubor7wpe3] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.1);
        font-size: 0.88rem;
        color: #1c1008;
    }

.pp-row-link[b-eubor7wpe3] { cursor: pointer; }

    .pp-row-link:hover td[b-eubor7wpe3] { background: #fff8f2; }

.pp-order-btn[b-eubor7wpe3] {
    display: inline-block;
    font-weight: 700;
    color: #e07010;
    background: rgba(224, 112, 16, 0.08);
    border: 1px solid rgba(224, 112, 16, 0.3);
    border-radius: 6px;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 0.88rem;
    white-space: nowrap;
    text-decoration: none;
}

    .pp-order-btn:hover[b-eubor7wpe3] { background: rgba(224, 112, 16, 0.2); color: #c85e08; }

.pp-nowrap[b-eubor7wpe3] { white-space: nowrap; }

@media (max-width: 768px) {
    .pp-shell[b-eubor7wpe3] { padding: 16px; }

    .pp-field--grow[b-eubor7wpe3] { min-width: 100%; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .pp-page-title strong[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-btn-ghost[b-eubor7wpe3] { color: #e6e6e6; }
[data-admin-theme="dark"] .pp-table td[b-eubor7wpe3] { color: #e6e6e6; }

[data-admin-theme="dark"] .pp-page-title span[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-result-count[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-field label[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-muted[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-hint[b-eubor7wpe3],
[data-admin-theme="dark"] .pp-table th[b-eubor7wpe3] { color: #b0a291; }

[data-admin-theme="dark"] .pp-card[b-eubor7wpe3] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .pp-input[b-eubor7wpe3] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .pp-status.error[b-eubor7wpe3] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .pp-row-link:hover td[b-eubor7wpe3] { background: #2d2d30; }
/* /Components/Adm/PesquisaProdutos.razor.rz.scp.css */
.pp-shell[b-mwlxrdcxid] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.pp-page-header[b-mwlxrdcxid] { margin-bottom: 24px; }

.pp-page-title[b-mwlxrdcxid] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .pp-page-title i[b-mwlxrdcxid] {
        font-size: 2rem;
        color: #e07010;
    }

    .pp-page-title strong[b-mwlxrdcxid] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .pp-page-title span[b-mwlxrdcxid] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.pp-card[b-mwlxrdcxid] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.pp-section-title[b-mwlxrdcxid] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 18px;
}

.pp-result-count[b-mwlxrdcxid] {
    font-size: 0.85rem;
    font-weight: 400;
    color: #7a5c3a;
    margin-left: 4px;
}

/* ── Filters ── */
.pp-filters[b-mwlxrdcxid] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-end;
    margin-bottom: 18px;
}

.pp-field[b-mwlxrdcxid] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
}

    .pp-field label[b-mwlxrdcxid] {
        font-size: 0.82rem;
        color: #7a5c3a;
        font-weight: 600;
        white-space: nowrap;
    }

.pp-field--xs[b-mwlxrdcxid] { min-width: 90px; max-width: 110px; }
.pp-field--sm[b-mwlxrdcxid] { min-width: 130px; }
.pp-field--grow[b-mwlxrdcxid] { flex: 1; min-width: 180px; }

.pp-input[b-mwlxrdcxid] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 0.9rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .pp-input:focus[b-mwlxrdcxid] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.pp-filter-actions[b-mwlxrdcxid] {
    display: flex;
    gap: 10px;
}

.pp-btn-primary[b-mwlxrdcxid] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e07010;
    color: #fff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
}

    .pp-btn-primary:hover:not(:disabled)[b-mwlxrdcxid] { background: #c85e08; }

    .pp-btn-primary:disabled[b-mwlxrdcxid] { opacity: 0.55; cursor: not-allowed; }

    .pp-btn-primary i[b-mwlxrdcxid] { font-size: 1rem; }

.pp-btn-ghost[b-mwlxrdcxid] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(200, 100, 20, 0.08);
    border: 1px solid rgba(200, 100, 20, 0.2);
    color: #1c1008;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
}

    .pp-btn-ghost:hover[b-mwlxrdcxid] { background: rgba(200, 100, 20, 0.16); }

    .pp-btn-ghost i[b-mwlxrdcxid] { font-size: 1rem; }

.pp-status[b-mwlxrdcxid] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .pp-status.error[b-mwlxrdcxid] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

.pp-muted[b-mwlxrdcxid] { color: #7a5c3a; margin: 0; }

.pp-hint[b-mwlxrdcxid] {
    font-size: 0.85rem;
    color: #7a5c3a;
    margin-top: 12px;
    margin-bottom: 0;
}

/* ── Table ── */
.pp-table-wrap[b-mwlxrdcxid] { overflow-x: auto; }

.pp-table[b-mwlxrdcxid] {
    width: 100%;
    border-collapse: collapse;
}

    .pp-table th[b-mwlxrdcxid] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.8rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .pp-table td[b-mwlxrdcxid] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.1);
        font-size: 0.88rem;
        color: #1c1008;
    }

.pp-row-link[b-mwlxrdcxid] { cursor: pointer; }

    .pp-row-link:hover td[b-mwlxrdcxid] { background: #fff8f2; }

.pp-order-btn[b-mwlxrdcxid] {
    display: inline-block;
    font-weight: 700;
    color: #e07010;
    background: rgba(224, 112, 16, 0.08);
    border: 1px solid rgba(224, 112, 16, 0.3);
    border-radius: 6px;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 0.88rem;
    white-space: nowrap;
    text-decoration: none;
}

    .pp-order-btn:hover[b-mwlxrdcxid] { background: rgba(224, 112, 16, 0.2); color: #c85e08; }

.pp-nowrap[b-mwlxrdcxid] { white-space: nowrap; }

@media (max-width: 768px) {
    .pp-shell[b-mwlxrdcxid] { padding: 16px; }

    .pp-field--grow[b-mwlxrdcxid] { min-width: 100%; }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .pp-page-title strong[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-btn-ghost[b-mwlxrdcxid] { color: #e6e6e6; }
[data-admin-theme="dark"] .pp-table td[b-mwlxrdcxid] { color: #e6e6e6; }

[data-admin-theme="dark"] .pp-page-title span[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-result-count[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-field label[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-muted[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-hint[b-mwlxrdcxid],
[data-admin-theme="dark"] .pp-table th[b-mwlxrdcxid] { color: #b0a291; }

[data-admin-theme="dark"] .pp-card[b-mwlxrdcxid] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .pp-input[b-mwlxrdcxid] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .pp-status.error[b-mwlxrdcxid] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .pp-row-link:hover td[b-mwlxrdcxid] { background: #2d2d30; }
/* /Components/Adm/Pessoas.razor.rz.scp.css */
.autocomplete-list[b-gjyni2rdv5] {
    max-height: 16rem;
    overflow-y: auto;
    font-size: 0.9rem;
    padding: 0;
}

.autocomplete-list button[b-gjyni2rdv5] {
    text-align: left;
    padding: 0.35rem 0.75rem;
    font-size: 0.9rem;
}

.search-trigger[b-gjyni2rdv5] {
    min-width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.5rem;
}

.search-trigger .material-icons[b-gjyni2rdv5] {
    font-size: 1.1rem;
}

/* /Components/Adm/RecipeManagement.razor.rz.scp.css */
.rm-shell[b-c34teckep1] {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.rm-page-header[b-c34teckep1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.rm-page-title[b-c34teckep1] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .rm-page-title i[b-c34teckep1] {
        font-size: 2rem;
        color: #e07010;
    }

    .rm-page-title strong[b-c34teckep1] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .rm-page-title span[b-c34teckep1] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.rm-back[b-c34teckep1] {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #e07010;
    font-weight: 600;
    text-decoration: none;
}

    .rm-back:hover[b-c34teckep1] {
        color: #c85e08;
    }

.rm-card[b-c34teckep1] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.rm-section-title[b-c34teckep1] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 20px;
}

.rm-filters[b-c34teckep1] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.rm-field[b-c34teckep1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 160px;
}

    .rm-field label[b-c34teckep1] {
        font-size: 0.85rem;
        color: #7a5c3a;
        font-weight: 600;
    }

.rm-field--sm[b-c34teckep1] {
    min-width: 120px;
}

.rm-field--grow[b-c34teckep1] {
    flex: 1;
    min-width: 200px;
}

.rm-field-actions[b-c34teckep1] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding-bottom: 2px;
}

.rm-input[b-c34teckep1] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .rm-input:focus[b-c34teckep1] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

.rm-btn-primary[b-c34teckep1] {
    background: #e07010;
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
    font-size: 0.95rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .rm-btn-primary:hover:not(:disabled)[b-c34teckep1] {
        background: #c85e08;
    }

    .rm-btn-primary:disabled[b-c34teckep1] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.rm-btn-danger-sm[b-c34teckep1] {
    background: transparent;
    border: 1px solid rgba(220, 38, 38, 0.4);
    color: #dc2626;
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

    .rm-btn-danger-sm:hover:not(:disabled)[b-c34teckep1] {
        background: #fee2e2;
    }

    .rm-btn-danger-sm:disabled[b-c34teckep1] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.rm-status[b-c34teckep1] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .rm-status.success[b-c34teckep1] {
        background: #f0fdf4;
        border: 1px solid rgba(21, 128, 61, 0.25);
        color: #15803d;
    }

    .rm-status.error[b-c34teckep1] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

.rm-table-wrap[b-c34teckep1] {
    overflow-x: auto;
}

.rm-table[b-c34teckep1] {
    width: 100%;
    border-collapse: collapse;
}

    .rm-table th[b-c34teckep1] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.82rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .rm-table td[b-c34teckep1] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.12);
        font-size: 0.9rem;
        color: #1c1008;
    }

    .rm-table tr:hover td[b-c34teckep1] {
        background: #fff8f2;
    }

.rm-align-right[b-c34teckep1] {
    text-align: right;
}

.rm-muted[b-c34teckep1] {
    color: #7a5c3a;
    margin: 0;
}

@media (max-width: 768px) {
    .rm-shell[b-c34teckep1] {
        padding: 16px;
    }

    .rm-page-header[b-c34teckep1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .rm-page-title strong[b-c34teckep1] { color: #e6e6e6; }
[data-admin-theme="dark"] .rm-table td[b-c34teckep1] { color: #e6e6e6; }

[data-admin-theme="dark"] .rm-page-title span[b-c34teckep1],
[data-admin-theme="dark"] .rm-field label[b-c34teckep1],
[data-admin-theme="dark"] .rm-table th[b-c34teckep1],
[data-admin-theme="dark"] .rm-muted[b-c34teckep1] { color: #b0a291; }

[data-admin-theme="dark"] .rm-card[b-c34teckep1] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .rm-input[b-c34teckep1] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .rm-status.success[b-c34teckep1] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .rm-status.error[b-c34teckep1] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .rm-btn-danger-sm:hover:not(:disabled)[b-c34teckep1] { background: #3a1f1f; }

[data-admin-theme="dark"] .rm-table tr:hover td[b-c34teckep1] { background: #2d2d30; }
/* /Components/Adm/StockManagement.razor.rz.scp.css */
.sm-shell[b-p5j6jy1fcd] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 24px 80px;
}

.sm-page-header[b-p5j6jy1fcd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.sm-page-title[b-p5j6jy1fcd] {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .sm-page-title i[b-p5j6jy1fcd] {
        font-size: 2rem;
        color: #e07010;
    }

    .sm-page-title strong[b-p5j6jy1fcd] {
        display: block;
        font-size: 1.3rem;
        color: #1c1008;
    }

    .sm-page-title span[b-p5j6jy1fcd] {
        display: block;
        font-size: 0.875rem;
        color: #7a5c3a;
    }

.sm-back[b-p5j6jy1fcd] {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #e07010;
    font-weight: 600;
    text-decoration: none;
}

    .sm-back:hover[b-p5j6jy1fcd] {
        color: #c85e08;
    }

/* ── Tabs ── */
.sm-tabs[b-p5j6jy1fcd] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid rgba(200, 100, 20, 0.2);
    margin-bottom: 0;
}

.sm-tab[b-p5j6jy1fcd] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: transparent;
    border: none;
    border-radius: 10px 10px 0 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: #7a5c3a;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .sm-tab:hover:not(.active)[b-p5j6jy1fcd] {
        background: rgba(200, 100, 20, 0.07);
        color: #e07010;
    }

    .sm-tab.active[b-p5j6jy1fcd] {
        background: #e07010;
        color: #ffffff;
    }

    .sm-tab i[b-p5j6jy1fcd] {
        font-size: 1.1rem;
    }

.sm-tab-body[b-p5j6jy1fcd] {
    padding-top: 24px;
}

/* ── Card ── */
.sm-card[b-p5j6jy1fcd] {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(200, 100, 20, 0.18);
    box-shadow: 0 4px 16px rgba(200, 100, 20, 0.08);
    margin-bottom: 24px;
}

.sm-section-title[b-p5j6jy1fcd] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 18px;
}

/* ── Filters / form ── */
.sm-filters[b-p5j6jy1fcd] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.sm-filters--toolbar[b-p5j6jy1fcd] {
    margin-bottom: 16px;
}

.sm-field[b-p5j6jy1fcd] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 160px;
}

    .sm-field label[b-p5j6jy1fcd] {
        font-size: 0.85rem;
        color: #7a5c3a;
        font-weight: 600;
    }

.sm-field--sm[b-p5j6jy1fcd] {
    min-width: 120px;
}

.sm-field--grow[b-p5j6jy1fcd] {
    flex: 1;
    min-width: 200px;
}

.sm-field-actions[b-p5j6jy1fcd] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding-bottom: 2px;
}

.sm-input[b-p5j6jy1fcd] {
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 0.95rem;
    background: #fff8f2;
    color: #1c1008;
    width: 100%;
    box-sizing: border-box;
}

    .sm-input:focus[b-p5j6jy1fcd] {
        outline: none;
        border-color: #e07010;
        box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
    }

/* ── Buttons ── */
.sm-btn-primary[b-p5j6jy1fcd] {
    background: #e07010;
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(224, 112, 16, 0.28);
    font-size: 0.95rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .sm-btn-primary:hover:not(:disabled)[b-p5j6jy1fcd] {
        background: #c85e08;
    }

    .sm-btn-primary:disabled[b-p5j6jy1fcd] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.sm-btn-ghost[b-p5j6jy1fcd] {
    background: rgba(200, 100, 20, 0.08);
    border: 1px solid rgba(200, 100, 20, 0.2);
    color: #1c1008;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .sm-btn-ghost:hover:not(:disabled)[b-p5j6jy1fcd] {
        background: rgba(200, 100, 20, 0.16);
    }

    .sm-btn-ghost:disabled[b-p5j6jy1fcd] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* ── Status messages ── */
.sm-status[b-p5j6jy1fcd] {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 500;
}

    .sm-status.success[b-p5j6jy1fcd] {
        background: #f0fdf4;
        border: 1px solid rgba(21, 128, 61, 0.25);
        color: #15803d;
    }

    .sm-status.error[b-p5j6jy1fcd] {
        background: #fef2f2;
        border: 1px solid rgba(220, 38, 38, 0.25);
        color: #dc2626;
    }

/* ── Table ── */
.sm-table-wrap[b-p5j6jy1fcd] {
    overflow-x: auto;
}

.sm-table[b-p5j6jy1fcd] {
    width: 100%;
    border-collapse: collapse;
}

    .sm-table th[b-p5j6jy1fcd] {
        text-align: left;
        padding: 8px 12px;
        color: #7a5c3a;
        font-size: 0.82rem;
        font-weight: 600;
        border-bottom: 2px solid rgba(200, 100, 20, 0.2);
        white-space: nowrap;
    }

    .sm-table td[b-p5j6jy1fcd] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(200, 100, 20, 0.12);
        font-size: 0.9rem;
        color: #1c1008;
    }

    .sm-table tr:hover td[b-p5j6jy1fcd] {
        background: #fff8f2;
    }

.sm-align-right[b-p5j6jy1fcd] {
    text-align: right;
}

/* ── Badges ── */
.sm-badge[b-p5j6jy1fcd] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.sm-badge--ok[b-p5j6jy1fcd] {
    background: #dcfce7;
    color: #15803d;
}

.sm-badge--low[b-p5j6jy1fcd] {
    background: #fef9c3;
    color: #a16207;
}

.sm-badge--critical[b-p5j6jy1fcd] {
    background: #fee2e2;
    color: #dc2626;
}

/* ── Colors ── */
.sm-pos[b-p5j6jy1fcd] {
    color: #15803d;
    font-weight: 600;
}

.sm-neg[b-p5j6jy1fcd] {
    color: #dc2626;
    font-weight: 600;
}

.sm-warn[b-p5j6jy1fcd] {
    color: #a16207;
    font-weight: 600;
}

/* ── Misc ── */
.sm-muted[b-p5j6jy1fcd] {
    color: #7a5c3a;
    margin: 0;
}

.sm-hint[b-p5j6jy1fcd] {
    font-size: 0.85rem;
    color: #7a5c3a;
    margin-top: 12px;
    margin-bottom: 0;
}

.sm-link[b-p5j6jy1fcd] {
    color: #e07010;
    font-weight: 600;
    text-decoration: none;
}

    .sm-link:hover[b-p5j6jy1fcd] {
        color: #c85e08;
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .sm-shell[b-p5j6jy1fcd] {
        padding: 16px;
    }

    .sm-page-header[b-p5j6jy1fcd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .sm-tabs[b-p5j6jy1fcd] {
        flex-wrap: wrap;
    }
}

/* ── Tema escuro ── */
[data-admin-theme="dark"] .sm-page-title strong[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-btn-ghost[b-p5j6jy1fcd] { color: #e6e6e6; }
[data-admin-theme="dark"] .sm-table td[b-p5j6jy1fcd] { color: #e6e6e6; }

[data-admin-theme="dark"] .sm-page-title span[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-tab[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-field label[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-table th[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-muted[b-p5j6jy1fcd],
[data-admin-theme="dark"] .sm-hint[b-p5j6jy1fcd] { color: #b0a291; }

[data-admin-theme="dark"] .sm-card[b-p5j6jy1fcd] { background: #252526; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); }

[data-admin-theme="dark"] .sm-input[b-p5j6jy1fcd] { background: #2d2d30; color: #e6e6e6; border-color: #3c3c3c; }

[data-admin-theme="dark"] .sm-status.success[b-p5j6jy1fcd] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .sm-status.error[b-p5j6jy1fcd] { background: #3a1f1f; border-color: #5b2e2e; color: #ffb4b4; }

[data-admin-theme="dark"] .sm-table tr:hover td[b-p5j6jy1fcd] { background: #2d2d30; }

[data-admin-theme="dark"] .sm-badge--ok[b-p5j6jy1fcd] { background: #1c2a22; color: #b8e6c8; }
[data-admin-theme="dark"] .sm-badge--low[b-p5j6jy1fcd] { background: #3a3320; color: #ffe08a; }
[data-admin-theme="dark"] .sm-badge--critical[b-p5j6jy1fcd] { background: #3a1f1f; color: #ffb4b4; }
/* /Components/Layout/ChatWidget.razor.rz.scp.css */
/* ── Trigger button ── */
.cw-trigger[b-k0jnv2iwew] {
    position: fixed;
    bottom: 28px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e07010;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(224, 112, 16, 0.5);
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.22s, background 0.18s;
}

.cw-trigger:hover[b-k0jnv2iwew] { background: #c85e08; transform: scale(1.08); }

.cw-trigger--open[b-k0jnv2iwew] { background: #1c1008; }
.cw-trigger--open:hover[b-k0jnv2iwew] { background: #3a2010; }

.cw-trigger i[b-k0jnv2iwew] { font-size: 1.5rem; }

.cw-trigger-badge[b-k0jnv2iwew] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #c0392b;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Panel ── */
.cw-panel[b-k0jnv2iwew] {
    position: fixed;
    bottom: 96px;
    right: 24px;
    width: 340px;
    max-height: 520px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18);
    z-index: 1099;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: scale(0.9) translateY(20px);
    opacity: 0;
    pointer-events: none;
    transform-origin: bottom right;
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.18s;
}

.cw-panel--open[b-k0jnv2iwew] {
    transform: scale(1) translateY(0);
    opacity: 1;
    pointer-events: all;
}

/* Desktop: chat 2x maior (largura e altura) para uma leitura mais confortável. */
@media (min-width: 768px) {
    .cw-panel[b-k0jnv2iwew] {
        width: 680px;
        max-height: min(1040px, 88vh);
    }
}

/* ── Header ── */
.cw-panel-header[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #1c1008;
    color: #fff;
    flex-shrink: 0;
}

.cw-header-logo[b-k0jnv2iwew] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: contain;
    flex-shrink: 0;
    background: #fff;
    padding: 3px;
}

.cw-header-title[b-k0jnv2iwew] {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff;
}

.cw-header-sub[b-k0jnv2iwew] {
    display: block;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.62);
}

.cw-close-btn[b-k0jnv2iwew] {
    margin-left: auto;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    transition: color 0.15s;
}

.cw-close-btn:hover[b-k0jnv2iwew] { color: #fff; }
.cw-close-btn i[b-k0jnv2iwew] { font-size: 1.1rem; }

/* ── Intro form ── */
.cw-intro[b-k0jnv2iwew] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 18px;
    flex: 1;
}

.cw-intro-text[b-k0jnv2iwew] {
    font-size: 0.88rem;
    color: #4a3520;
    line-height: 1.55;
    margin: 0 0 6px;
}

.cw-intro-error[b-k0jnv2iwew] {
    font-size: 0.8rem;
    color: #c0392b;
    font-weight: 600;
}

.cw-input-field[b-k0jnv2iwew] {
    padding: 10px 12px;
    border: 1.5px solid rgba(200, 100, 20, 0.25);
    border-radius: 9px;
    font-size: 0.9rem;
    color: #1c1008;
    outline: none;
    transition: border-color 0.18s;
    width: 100%;
    box-sizing: border-box;
}

.cw-input-field:focus[b-k0jnv2iwew] {
    border-color: #e07010;
    box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.1);
}

.cw-intro-btn[b-k0jnv2iwew] {
    padding: 11px;
    background: #e07010;
    color: #fff;
    border: none;
    border-radius: 9px;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s;
    margin-top: 4px;
}

.cw-intro-btn:hover[b-k0jnv2iwew] { background: #c85e08; }

/* ── Messages area ── */
.cw-messages[b-k0jnv2iwew] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 14px 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}

.cw-history-bar[b-k0jnv2iwew] {
    display: flex;
    justify-content: center;
    padding: 2px 0 4px;
}

.cw-history-btn[b-k0jnv2iwew] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: #8a4718;
    background: #fff3e0;
    border: 1px solid rgba(200, 100, 20, 0.25);
    border-radius: 999px;
    padding: 5px 12px;
    cursor: pointer;
    transition: background 0.15s;
}

.cw-history-btn:hover:not(:disabled)[b-k0jnv2iwew] {
    background: #ffe7c7;
}

.cw-history-btn:disabled[b-k0jnv2iwew] {
    opacity: 0.6;
    cursor: default;
}

.cw-history-btn .material-icons[b-k0jnv2iwew] {
    font-size: 16px;
}

.cw-welcome[b-k0jnv2iwew] {
    font-size: 0.85rem;
    color: #4a3520;
    line-height: 1.6;
    background: #fff8f2;
    border-radius: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(200, 100, 20, 0.12);
}

.cw-msg[b-k0jnv2iwew] {
    display: flex;
    flex-direction: column;
    max-width: 82%;
}

.cw-msg--me[b-k0jnv2iwew] { align-self: flex-end; align-items: flex-end; }
.cw-msg--them[b-k0jnv2iwew] { align-self: flex-start; align-items: flex-start; }

.cw-msg-author[b-k0jnv2iwew] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #7a5c3a;
    margin-bottom: 2px;
}

.cw-bubble[b-k0jnv2iwew] {
    padding: 8px 12px;
    border-radius: 14px;
    font-size: 0.87rem;
    line-height: 1.45;
    word-break: break-word;
    white-space: pre-line; /* preserva quebras de linha (\n) das mensagens */
}

.cw-msg--me .cw-bubble[b-k0jnv2iwew] {
    background: #e07010;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.cw-msg--them .cw-bubble[b-k0jnv2iwew] {
    background: #f5e6d0;
    color: #1c1008;
    border-bottom-left-radius: 4px;
}

.cw-msg--donna[b-k0jnv2iwew] { align-self: flex-start; align-items: flex-start; }

.cw-msg--donna .cw-bubble[b-k0jnv2iwew] {
    background: #ede7f6;
    border: 1px solid rgba(103, 58, 183, 0.22);
    border-bottom-left-radius: 4px;
    color: #4a148c;
}

.cw-msg-author--donna[b-k0jnv2iwew] { color: #7b1fa2; }

.cw-msg-time[b-k0jnv2iwew] {
    font-size: 0.65rem;
    color: #a07850;
    margin-top: 3px;
}

.cw-bubble-img[b-k0jnv2iwew] {
    max-width: 180px;
    max-height: 240px;
    border-radius: 8px;
    display: block;
    cursor: zoom-in;
}

/* ── AI extraction feedback ── */
.cw-extracted-hint[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    color: #2e7d32;
    background: #f1f8e9;
    border: 1px solid #c8e6c9;
    border-radius: 8px;
    padding: 5px 10px;
    align-self: center;
    animation: cwFadeIn-b-k0jnv2iwew 0.25s ease;
}

.cw-extracted-hint i[b-k0jnv2iwew] { font-size: 0.85rem; }

@keyframes cwFadeIn-b-k0jnv2iwew {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Input bar ── */
.cw-input-bar[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid rgba(200, 100, 20, 0.1);
    background: #fff;
    flex-shrink: 0;
}

.cw-input-msg[b-k0jnv2iwew] {
    flex: 1;
    padding: 9px 12px;
    border: 1.5px solid rgba(200, 100, 20, 0.2);
    border-radius: 999px;
    font-size: 0.88rem;
    color: #1c1008;
    outline: none;
    transition: border-color 0.18s;
    background: #faf7f4;
}

.cw-input-msg:focus[b-k0jnv2iwew] {
    border-color: #e07010;
    background: #fff;
}

.cw-send-btn[b-k0jnv2iwew] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e07010;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    flex-shrink: 0;
}

.cw-send-btn:hover:not(:disabled)[b-k0jnv2iwew] { background: #c85e08; }
.cw-send-btn:disabled[b-k0jnv2iwew] { opacity: 0.5; cursor: not-allowed; }
.cw-send-btn i[b-k0jnv2iwew] { font-size: 1rem; }

/* ── Anexar comprovante ── */
.cw-attach-btn[b-k0jnv2iwew] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f1e4d6;
    color: #b96a12;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cw-attach-btn:hover[b-k0jnv2iwew] { background: #e8d5c2; }
.cw-attach-btn i[b-k0jnv2iwew] { font-size: 1.15rem; }

/* ── Rastreio do pedido (pills de status) ── */
.cw-track[b-k0jnv2iwew] {
    background: #fff7ef;
    border-bottom: 1px solid rgba(200, 100, 20, 0.15);
    padding: 8px 10px 6px;
    flex-shrink: 0;
}

.cw-track-head[b-k0jnv2iwew] {
    font-size: 0.72rem;
    color: #8a6a4a;
    margin-bottom: 6px;
}

.cw-track-head strong[b-k0jnv2iwew] { color: #c0392b; }

.cw-track-steps[b-k0jnv2iwew] {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.cw-track-step[b-k0jnv2iwew] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

/* linha conectora entre os passos */
.cw-track-step:not(:first-child)[b-k0jnv2iwew]::before {
    content: "";
    position: absolute;
    top: 11px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: #e2d3c2;
    z-index: 0;
}

.cw-track-step.done[b-k0jnv2iwew]::before { background: #43a047; }

.cw-track-dot[b-k0jnv2iwew] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e2d3c2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.cw-track-dot i[b-k0jnv2iwew] { font-size: 0.85rem; }

.cw-track-step.done .cw-track-dot[b-k0jnv2iwew] { background: #43a047; }
.cw-track-step.current .cw-track-dot[b-k0jnv2iwew] { background: #e07010; box-shadow: 0 0 0 3px rgba(224,112,16,0.2); }

.cw-track-label[b-k0jnv2iwew] {
    font-size: 0.6rem;
    line-height: 1.15;
    color: #9a7a5a;
    margin-top: 3px;
}

.cw-track-step.done .cw-track-label[b-k0jnv2iwew],
.cw-track-step.current .cw-track-label[b-k0jnv2iwew] { color: #5a4632; font-weight: 600; }

.cw-track-cancel[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #c0392b;
    font-size: 0.8rem;
    font-weight: 600;
}

.cw-track-cancel i[b-k0jnv2iwew] { font-size: 1rem; }

/* ── PIX (QR + copia-e-cola) ── */
.cw-pix[b-k0jnv2iwew] {
    background: #f0faf4;
    border-bottom: 1px solid rgba(20, 120, 60, 0.15);
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.cw-pix-btn[b-k0jnv2iwew] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #00a86b;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 8px 18px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

.cw-pix-btn:hover[b-k0jnv2iwew] { background: #00925c; }
.cw-pix-btn i[b-k0jnv2iwew] { font-size: 1.05rem; }

.cw-pix-opts[b-k0jnv2iwew] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.cw-pix-opt[b-k0jnv2iwew] {
    border: 1px solid #b7e3cc;
    background: #fff;
    color: #1c7a4d;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.cw-pix-opt:hover[b-k0jnv2iwew] { background: #eafaf1; }
.cw-pix-opt.active[b-k0jnv2iwew] { background: #00a86b; color: #fff; border-color: #00a86b; }

.cw-pix-title[b-k0jnv2iwew] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1c7a4d;
}

.cw-pix-qr[b-k0jnv2iwew] {
    width: 180px;
    height: 180px;
    image-rendering: pixelated;
    background: #fff;
    border-radius: 8px;
    padding: 6px;
}

.cw-pix-copy[b-k0jnv2iwew] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #1c7a4d;
    border: 1px solid #b7e3cc;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.cw-pix-copy:hover[b-k0jnv2iwew] { background: #eafaf1; }
.cw-pix-copy i[b-k0jnv2iwew] { font-size: 0.95rem; }

.cw-pix-hint[b-k0jnv2iwew] {
    font-size: 0.68rem;
    color: #6a8a78;
}

/* ── AI info bar ── */
.cw-ai-bar[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: #fff8f0;
    border-bottom: 1px solid rgba(224, 112, 16, 0.18);
    flex-shrink: 0;
}

.cw-ai-label[b-k0jnv2iwew] {
    flex: 1;
    font-size: 0.72rem;
    color: #7a5c3a;
    font-weight: 600;
}

.cw-human-btn[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1.5px solid rgba(224, 112, 16, 0.45);
    border-radius: 999px;
    background: transparent;
    color: #e07010;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}

.cw-human-btn:hover[b-k0jnv2iwew] {
    background: #e07010;
    color: #fff;
}

.cw-human-btn i[b-k0jnv2iwew] { font-size: 0.9rem; }

/* ── Typing indicator ── */
.cw-bubble--typing[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px;
    min-height: 36px;
}

.cw-bubble--typing span[b-k0jnv2iwew] {
    width: 7px;
    height: 7px;
    background: #7a5c3a;
    border-radius: 50%;
    display: inline-block;
    animation: cwTypingDot-b-k0jnv2iwew 1.2s infinite ease-in-out;
}

.cw-bubble--typing span:nth-child(2)[b-k0jnv2iwew] { animation-delay: 0.2s; }
.cw-bubble--typing span:nth-child(3)[b-k0jnv2iwew] { animation-delay: 0.4s; }

@keyframes cwTypingDot-b-k0jnv2iwew {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40%  { transform: scale(1);   opacity: 1;   }
}

/* ── Order done panel ── */
.cw-order-done[b-k0jnv2iwew] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    background: #f0fdf4;
    border-top: 1px solid rgba(34, 197, 94, 0.25);
    color: #166534;
    font-size: 0.88rem;
    font-weight: 700;
    flex-shrink: 0;
}

.cw-order-done i[b-k0jnv2iwew] { color: #22c55e; font-size: 1.3rem; }

/* ── Mobile ── */
@media (max-width: 480px) {
    .cw-panel[b-k0jnv2iwew] {
        right: 0;
        bottom: 0;
        width: 100vw;
        max-height: 70vh;
        border-radius: 18px 18px 0 0;
    }

    .cw-trigger[b-k0jnv2iwew] {
        right: 16px;
        bottom: 16px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sgivo735ye] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-sgivo735ye] {
    flex: 1;
}

.sidebar[b-sgivo735ye] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-sgivo735ye] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-sgivo735ye]  a, .top-row[b-sgivo735ye]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-sgivo735ye]  a:hover, .top-row[b-sgivo735ye]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-sgivo735ye]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-sgivo735ye] {
        justify-content: space-between;
    }

    .top-row[b-sgivo735ye]  a, .top-row[b-sgivo735ye]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-sgivo735ye] {
        flex-direction: row;
    }

    .sidebar[b-sgivo735ye] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-sgivo735ye] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-sgivo735ye]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-sgivo735ye], article[b-sgivo735ye] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-a0ohl153gw] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-a0ohl153gw] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-a0ohl153gw] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-a0ohl153gw] {
    font-size: 1.1rem;
}

.bi[b-a0ohl153gw] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-a0ohl153gw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-chat-badge[b-a0ohl153gw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #e07010;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0 4px;
    margin-left: auto;
    line-height: 1;
}

.nav-icon[b-a0ohl153gw] {
    font-size: 1.1rem;
    width: 1.25rem;
    margin-right: 0.75rem;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.75);
}

.nav-item[b-a0ohl153gw] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-a0ohl153gw] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-a0ohl153gw] {
        padding-bottom: 1rem;
    }

    .nav-item[b-a0ohl153gw]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-a0ohl153gw]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-a0ohl153gw]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-a0ohl153gw] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-a0ohl153gw] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-a0ohl153gw] {
        display: none;
    }

    .nav-scrollable[b-a0ohl153gw] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* ── Navbar ── */
.pub-navbar[b-vqoglrqm6s] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #1c1008;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.pub-nav-inner[b-vqoglrqm6s] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.pub-brand[b-vqoglrqm6s] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.pub-logo[b-vqoglrqm6s] {
    height: 42px;
    width: auto;
}

.pub-brand-name[b-vqoglrqm6s] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #e07010;
    letter-spacing: 0.02em;
}

/* ── Nav links ── */
.pub-nav-links[b-vqoglrqm6s] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.pub-nav-link[b-vqoglrqm6s] {
    color: #f5e6d0;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    transition: color 0.2s;
}

.pub-nav-link:hover[b-vqoglrqm6s] { color: #e07010; }

.pub-nav-cta[b-vqoglrqm6s] {
    background: #e07010;
    color: #fff !important;
    padding: 8px 22px;
    border-radius: 999px;
    font-weight: 700;
    transition: background 0.2s;
}

.pub-nav-cta:hover[b-vqoglrqm6s] { background: #c85e08 !important; }

/* ── Hamburger (CSS-only toggle) ── */
.pub-nav-toggle[b-vqoglrqm6s] {
    display: none !important;
}

.pub-hamburger[b-vqoglrqm6s] {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 8px;
    order: 3;
}

.pub-hamburger span[b-vqoglrqm6s] {
    display: block;
    width: 24px;
    height: 2px;
    background: #f5e6d0;
    border-radius: 2px;
    transition: transform 0.28s ease, opacity 0.2s;
}

/* ── Main content ── */
.pub-main[b-vqoglrqm6s] {
    min-height: calc(100svh - 64px);
}

/* ── Footer ── */
.pub-footer[b-vqoglrqm6s] {
    background: #1c1008;
    color: #c8a882;
    padding: 48px 24px 0;
    border-top: 3px solid #e07010;
}

.pub-footer-grid[b-vqoglrqm6s] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-bottom: 40px;
}

.pub-footer-logo[b-vqoglrqm6s] {
    height: 50px;
    width: auto;
    margin-bottom: 12px;
    display: block;
}

.pub-footer-tagline[b-vqoglrqm6s] {
    font-size: 0.9rem;
    color: #a07850;
    line-height: 1.6;
    margin: 0;
}

.pub-footer-heading[b-vqoglrqm6s] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #e07010;
    margin: 0 0 8px;
}

.pub-mt[b-vqoglrqm6s] { margin-top: 20px; }

.pub-footer p[b-vqoglrqm6s] {
    font-size: 0.88rem;
    line-height: 1.7;
    margin: 0;
    color: #c8a882;
}

.pub-social-links[b-vqoglrqm6s] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.pub-social-link img[b-vqoglrqm6s] {
    width: 32px;
    height: 32px;
    opacity: 0.75;
    transition: opacity 0.2s, transform 0.2s;
}

.pub-social-link:hover img[b-vqoglrqm6s] {
    opacity: 1;
    transform: scale(1.12);
}

.pub-footer-bottom[b-vqoglrqm6s] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
    border-top: 1px solid rgba(224, 112, 16, 0.15);
    font-size: 0.78rem;
    color: #7a5c3a;
    text-align: center;
}

/* ── Mobile ── */
@media (max-width: 768px) {
    .pub-hamburger[b-vqoglrqm6s] { display: flex; }

    .pub-nav-links[b-vqoglrqm6s] {
        display: none;
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        background: #1c1008;
        padding: 16px 24px 24px;
        gap: 18px;
        border-top: 1px solid rgba(224, 112, 16, 0.2);
        box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    }

    .pub-nav-toggle:checked ~ .pub-nav-links[b-vqoglrqm6s] { display: flex; }

    .pub-nav-toggle:checked ~ .pub-hamburger span:nth-child(1)[b-vqoglrqm6s] {
        transform: translateY(7px) rotate(45deg);
    }
    .pub-nav-toggle:checked ~ .pub-hamburger span:nth-child(2)[b-vqoglrqm6s] {
        opacity: 0;
    }
    .pub-nav-toggle:checked ~ .pub-hamburger span:nth-child(3)[b-vqoglrqm6s] {
        transform: translateY(-7px) rotate(-45deg);
    }

    .pub-footer-grid[b-vqoglrqm6s] {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-m19uhafkhy],
.components-reconnect-repeated-attempt-visible[b-m19uhafkhy],
.components-reconnect-failed-visible[b-m19uhafkhy],
.components-pause-visible[b-m19uhafkhy],
.components-resume-failed-visible[b-m19uhafkhy],
.components-rejoining-animation[b-m19uhafkhy] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-retrying[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-failed[b-m19uhafkhy],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-m19uhafkhy] {
    display: block;
}


#components-reconnect-modal[b-m19uhafkhy] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-m19uhafkhy 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-m19uhafkhy 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-m19uhafkhy 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-m19uhafkhy]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-m19uhafkhy 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-m19uhafkhy {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-m19uhafkhy {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-m19uhafkhy {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-m19uhafkhy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-m19uhafkhy] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-m19uhafkhy] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-m19uhafkhy] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-m19uhafkhy] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-m19uhafkhy] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-m19uhafkhy] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-m19uhafkhy 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-m19uhafkhy] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-m19uhafkhy {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Cardapio.razor.rz.scp.css */
/* ── Hero ── */
.cd-hero[b-z6832tmau8] {
    background: linear-gradient(135deg, #1c1008 0%, #3a2010 100%);
    padding: 56px 24px 44px;
    text-align: center;
    border-bottom: 3px solid #e07010;
}

.cd-hero-title[b-z6832tmau8] {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    color: #fff;
    margin: 0 0 10px;
}

.cd-hero-sub[b-z6832tmau8] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 1rem;
    margin: 0;
}

/* ── Container ── */
.cd-container[b-z6832tmau8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ── Filter bar ── */
.cd-filter-bar[b-z6832tmau8] {
    position: sticky;
    top: 64px;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid rgba(200, 100, 20, 0.15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.cd-filters[b-z6832tmau8] {
    display: flex;
    gap: 8px;
    padding: 12px 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.cd-filters[b-z6832tmau8]::-webkit-scrollbar { display: none; }

.cd-filter-btn[b-z6832tmau8] {
    white-space: nowrap;
    padding: 7px 18px;
    border: 1.5px solid rgba(200, 100, 20, 0.3);
    border-radius: 999px;
    background: transparent;
    color: #4a3520;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s;
    flex-shrink: 0;
}

.cd-filter-btn:hover[b-z6832tmau8] { border-color: #e07010; color: #e07010; }

.cd-filter-btn--active[b-z6832tmau8] {
    background: #e07010;
    border-color: #e07010;
    color: #fff;
}

/* ── Loading / empty ── */
.cd-loading[b-z6832tmau8], .cd-empty[b-z6832tmau8] {
    text-align: center;
    padding: 80px 24px;
    color: #7a5c3a;
    font-size: 1rem;
}

.cd-spin[b-z6832tmau8] {
    font-size: 3rem !important;
    color: #e07010;
    animation: cdSpin-b-z6832tmau8 1.1s linear infinite;
    display: inline-block;
    margin-bottom: 16px;
}

@keyframes cdSpin-b-z6832tmau8 { to { transform: rotate(360deg); } }

/* ── Section ── */
.cd-section[b-z6832tmau8] { padding: 44px 0 28px; }

.cd-section--destaque[b-z6832tmau8] {
    background: linear-gradient(180deg, #fff6ec 0%, #fff 100%);
    border-bottom: 1px solid rgba(224, 96, 15, 0.18);
}
.cd-section--destaque .cd-section-title[b-z6832tmau8] { color: #e0600f; }

.cd-section + .cd-section[b-z6832tmau8] { border-top: 1px solid rgba(200, 100, 20, 0.1); }

.cd-section-title[b-z6832tmau8] {
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 800;
    color: #1c1008;
    margin: 0 0 22px;
}

.cd-section-title[b-z6832tmau8]::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #e07010;
    border-radius: 2px;
    margin-top: 8px;
}

/* ── Grid ── */
.cd-grid[b-z6832tmau8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* ── Card ── */
.cd-card[b-z6832tmau8] {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(200, 100, 20, 0.12);
    box-shadow: 0 2px 8px rgba(200, 100, 20, 0.06);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
}

.cd-card:hover[b-z6832tmau8] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(200, 100, 20, 0.14);
}

.cd-img-wrap[b-z6832tmau8] {
    aspect-ratio: 3 / 4;
    background: #fff3e0;
    flex-shrink: 0;
    overflow: hidden;
}

.cd-img[b-z6832tmau8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.cd-card:hover .cd-img[b-z6832tmau8] { transform: scale(1.05); }

.cd-img-placeholder[b-z6832tmau8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e07010;
    font-size: 3.2rem;
}

.cd-badge[b-z6832tmau8] {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e07010;
    color: #fff;
    font-size: 0.67rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cd-body[b-z6832tmau8] {
    padding: 13px 14px 10px;
    flex: 1;
}

.cd-name[b-z6832tmau8] {
    font-size: 0.97rem;
    font-weight: 700;
    color: #1c1008;
    margin: 0 0 5px;
}

.cd-ingredients[b-z6832tmau8] {
    font-size: 0.77rem;
    color: #7a5c3a;
    margin: 0 0 10px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cd-prices[b-z6832tmau8] { display: flex; flex-direction: column; gap: 3px; }

.cd-price-row[b-z6832tmau8] { display: flex; align-items: baseline; gap: 6px; }

.cd-price-label[b-z6832tmau8] {
    font-size: 0.7rem;
    color: #7a5c3a;
    font-weight: 600;
    min-width: 38px;
}

.cd-price[b-z6832tmau8] {
    font-size: 0.97rem;
    font-weight: 800;
    color: #e07010;
}

/* ── Add button ── */
.cd-add-btn[b-z6832tmau8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 11px;
    background: #e07010;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: background 0.18s;
    margin-top: auto;
}

.cd-add-btn i[b-z6832tmau8] { font-size: 1rem; }

.cd-add-btn:hover[b-z6832tmau8] { background: #c85e08; }

/* ── Meia a meia ── */
.cd-meia-btn[b-z6832tmau8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 9px;
    background: #fff;
    color: #c85e08;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid #e07010;
    cursor: pointer;
    transition: background 0.18s;
}

.cd-meia-btn i[b-z6832tmau8] { font-size: 1rem; }
.cd-meia-btn:hover[b-z6832tmau8] { background: #fff1e3; }

/* Dropdown customizado do 2º sabor (meia a meia): nome + preço em duas colunas. */
.cd-meia-dd[b-z6832tmau8] {
    position: relative;
    width: 100%;
}

.cd-meia-dd-toggle[b-z6832tmau8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(200, 100, 20, 0.35);
    border-radius: 8px;
    background: #fff;
    color: #3a2a1a;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

    .cd-meia-dd-toggle i[b-z6832tmau8] {
        font-size: 20px;
        color: #c85800;
    }

/* In-flow (não absolute): o card tem overflow:hidden e cortaria uma lista absoluta.
   Assim o card cresce para conter a lista e nada é cortado. */
.cd-meia-dd-list[b-z6832tmau8] {
    margin-top: 4px;
    width: 100%;
    max-height: 292px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(200, 100, 20, 0.35);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.cd-meia-dd-item[b-z6832tmau8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    background: #fff;
    border: none;
    border-bottom: 1px solid rgba(200, 100, 20, 0.12);
    cursor: pointer;
    text-align: left;
}

    .cd-meia-dd-item:last-child[b-z6832tmau8] {
        border-bottom: none;
    }

    .cd-meia-dd-item:hover[b-z6832tmau8] {
        background: #fff1e3;
    }

    .cd-meia-dd-item.is-sel[b-z6832tmau8] {
        background: #ffe6cc;
    }

.cd-meia-dd-name[b-z6832tmau8] {
    color: #3a2a1a;
    font-size: 0.92rem;
    font-weight: 700;
}

.cd-meia-dd-price[b-z6832tmau8] {
    color: #c85800;
    font-size: 0.92rem;
    font-weight: 700;
    white-space: nowrap;
}

.cd-meia-price[b-z6832tmau8] {
    font-size: 0.82rem;
    color: #4a3520;
}

/* ── Size panel ── */
.cd-size-panel[b-z6832tmau8] {
    padding: 12px;
    background: #fff8f2;
    border-top: 1px solid rgba(200, 100, 20, 0.15);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

.cd-size-label[b-z6832tmau8] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #4a3520;
}

.cd-size-radios[b-z6832tmau8] { display: flex; flex-direction: column; gap: 6px; }

.cd-size-radio[b-z6832tmau8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1.5px solid rgba(200, 100, 20, 0.25);
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    color: #4a3520;
    transition: all 0.15s;
}

.cd-size-radio input[b-z6832tmau8] { display: none; }

.cd-size-radio--sel[b-z6832tmau8] {
    border-color: #e07010;
    background: rgba(224, 112, 16, 0.06);
    color: #1c1008;
}

.cd-size-price[b-z6832tmau8] {
    margin-left: auto;
    font-weight: 800;
    color: #e07010;
}

.cd-qty-row[b-z6832tmau8] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}

.cd-qty-btn[b-z6832tmau8] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid #e07010;
    background: #fff;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.cd-qty-btn:hover[b-z6832tmau8] { background: #e07010; color: #fff; }

.cd-qty-val[b-z6832tmau8] {
    font-size: 1rem;
    font-weight: 700;
    color: #1c1008;
    min-width: 24px;
    text-align: center;
}

.cd-size-actions[b-z6832tmau8] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cd-size-confirm[b-z6832tmau8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 9px;
    background: #e07010;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
}

.cd-size-confirm:hover:not(:disabled)[b-z6832tmau8] { background: #c85e08; }
.cd-size-confirm:disabled[b-z6832tmau8] { opacity: 0.45; cursor: not-allowed; }
.cd-size-confirm i[b-z6832tmau8] { font-size: 0.9rem; }

.cd-size-cancel[b-z6832tmau8] {
    background: none;
    border: none;
    color: #7a5c3a;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 2px 8px;
    text-decoration: underline;
    white-space: nowrap;
}

.cd-size-cancel:hover[b-z6832tmau8] { color: #c85e08; }

/* ── Cart FAB ── */
.cd-cart-fab[b-z6832tmau8] {
    position: fixed;
    bottom: 96px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e07010;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(224, 112, 16, 0.5);
    z-index: 800;
    text-decoration: none;
    transition: transform 0.2s;
}

.cd-cart-fab:hover[b-z6832tmau8] { transform: scale(1.08); color: #fff; }

.cd-cart-fab i[b-z6832tmau8] { font-size: 1.4rem; }

.cd-cart-badge[b-z6832tmau8] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #1c1008;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Toast ── */
.cd-toast[b-z6832tmau8] {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: #1c1008;
    color: #fff;
    padding: 10px 24px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    z-index: 2000;
    pointer-events: none;
    animation: cdToastIn-b-z6832tmau8 0.2s ease;
}

@keyframes cdToastIn-b-z6832tmau8 {
    from { opacity: 0; transform: translateX(-50%) translateY(10px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .cd-grid[b-z6832tmau8] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .cd-grid[b-z6832tmau8] { grid-template-columns: 1fr; }
    .cd-filter-bar[b-z6832tmau8] { top: 0; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Hero ── */
.hm-hero[b-9i67n26wlw] {
    position: relative;
    min-height: calc(100svh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/layout/fundo1920.jpg') center / cover no-repeat;
    text-align: center;
    color: #fff;
}

.hm-hero-overlay[b-9i67n26wlw] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
}

.hm-hero-content[b-9i67n26wlw] {
    position: relative;
    z-index: 1;
    padding: 40px 24px;
    max-width: 720px;
}

.hm-hero-logo[b-9i67n26wlw] {
    height: 130px;
    width: auto;
    margin-bottom: 28px;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.55));
}

.hm-hero-title[b-9i67n26wlw] {
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 900;
    margin: 0 0 16px;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.hm-hero-subtitle[b-9i67n26wlw] {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: rgba(255, 255, 255, 0.88);
    margin: 0 0 40px;
    line-height: 1.5;
}

.hm-hero-ctas[b-9i67n26wlw] {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ── Buttons ── */
.hm-btn[b-9i67n26wlw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: 999px;
    font-size: 0.97rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    border: none;
}

.hm-btn i[b-9i67n26wlw] { font-size: 1.1rem; }

.hm-btn-primary[b-9i67n26wlw] {
    background: #e07010;
    color: #fff;
    box-shadow: 0 4px 18px rgba(224, 112, 16, 0.42);
}
.hm-btn-primary:hover[b-9i67n26wlw] { background: #c85e08; color: #fff; transform: translateY(-1px); }

.hm-btn-secondary[b-9i67n26wlw] {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(4px);
}
.hm-btn-secondary:hover[b-9i67n26wlw] { background: rgba(255, 255, 255, 0.26); color: #fff; }

.hm-btn-whatsapp[b-9i67n26wlw] {
    background: #25d366;
    color: #fff;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.38);
}
.hm-btn-whatsapp:hover[b-9i67n26wlw] { background: #1da851; color: #fff; transform: translateY(-1px); }

.hm-whatsapp-icon[b-9i67n26wlw] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

/* ── Shared section ── */
.hm-container[b-9i67n26wlw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.hm-section[b-9i67n26wlw] { padding: 80px 0; }

.hm-section-header[b-9i67n26wlw] {
    text-align: center;
    margin-bottom: 48px;
}

.hm-section-title[b-9i67n26wlw] {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    color: #1c1008;
    margin: 0 0 0;
}

.hm-section-title[b-9i67n26wlw]::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #e07010;
    border-radius: 2px;
    margin: 10px auto 0;
}

.hm-section-sub[b-9i67n26wlw] {
    color: #7a5c3a;
    margin: 14px 0 0;
    font-size: 1rem;
}

/* ── Loading spinner ── */
.hm-loading[b-9i67n26wlw] {
    text-align: center;
    padding: 64px 0;
    color: #e07010;
}

.hm-spin[b-9i67n26wlw] {
    font-size: 3rem !important;
    animation: hmSpin-b-9i67n26wlw 1.1s linear infinite;
    display: inline-block;
}

@keyframes hmSpin-b-9i67n26wlw { to { transform: rotate(360deg); } }

.hm-muted[b-9i67n26wlw] {
    text-align: center;
    color: #7a5c3a;
    padding: 48px 0;
    font-size: 1rem;
}

/* ── Destaques ── */
.hm-destaques[b-9i67n26wlw] { background: #faf7f4; }

.hm-product-grid[b-9i67n26wlw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.hm-product-card[b-9i67n26wlw] {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(200, 100, 20, 0.12);
    box-shadow: 0 2px 10px rgba(200, 100, 20, 0.07);
    display: flex;
    flex-direction: column;
    transition: transform 0.22s, box-shadow 0.22s;
    position: relative;
}

.hm-product-card:hover[b-9i67n26wlw] {
    transform: translateY(-5px);
    box-shadow: 0 10px 28px rgba(200, 100, 20, 0.16);
}

.hm-product-img-wrap[b-9i67n26wlw] {
    height: 180px;
    background: #fff3e0;
    overflow: hidden;
    flex-shrink: 0;
}

.hm-product-img[b-9i67n26wlw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.hm-product-card:hover .hm-product-img[b-9i67n26wlw] { transform: scale(1.06); }

.hm-product-img-placeholder[b-9i67n26wlw] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e07010;
    font-size: 3.5rem;
}

.hm-product-badge[b-9i67n26wlw] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #e07010;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.hm-product-body[b-9i67n26wlw] {
    padding: 16px 16px 10px;
    flex: 1;
}

.hm-product-name[b-9i67n26wlw] {
    font-size: 1rem;
    font-weight: 700;
    color: #1c1008;
    margin: 0 0 6px;
}

.hm-product-ingredients[b-9i67n26wlw] {
    font-size: 0.82rem;
    color: #7a5c3a;
    margin: 0 0 12px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hm-product-price[b-9i67n26wlw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hm-price-row[b-9i67n26wlw] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.hm-price-label[b-9i67n26wlw] {
    font-size: 0.72rem;
    color: #7a5c3a;
    font-weight: 600;
    min-width: 40px;
}

.hm-price[b-9i67n26wlw] {
    font-size: 1rem;
    font-weight: 800;
    color: #e07010;
}

.hm-product-link[b-9i67n26wlw] {
    display: block;
    padding: 10px 16px;
    text-align: right;
    font-size: 0.82rem;
    font-weight: 700;
    color: #e07010;
    text-decoration: none;
    border-top: 1px solid rgba(200, 100, 20, 0.1);
    transition: background 0.15s;
}
.hm-product-link:hover[b-9i67n26wlw] { background: #fff8f2; color: #c85e08; }

.hm-destaques-cta[b-9i67n26wlw] {
    text-align: center;
    margin-top: 44px;
}

/* ── Sobre ── */
.hm-sobre[b-9i67n26wlw] { background: #fff; }

.hm-sobre-grid[b-9i67n26wlw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.hm-sobre-text .hm-section-title[b-9i67n26wlw]::after { margin-left: 0; }

.hm-sobre-text p[b-9i67n26wlw] {
    color: #4a3520;
    line-height: 1.8;
    margin: 0 0 18px;
    font-size: 0.97rem;
}

.hm-sobre-ctas[b-9i67n26wlw] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.hm-sobre-img-wrap[b-9i67n26wlw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hm-sobre-img[b-9i67n26wlw] {
    max-width: 100%;
    max-height: 440px;
    object-fit: contain;
    filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.15));
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .hm-product-grid[b-9i67n26wlw] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .hm-section[b-9i67n26wlw] { padding: 56px 0; }
    .hm-product-grid[b-9i67n26wlw] { grid-template-columns: 1fr; }

    .hm-sobre-grid[b-9i67n26wlw] {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .hm-sobre-img-wrap[b-9i67n26wlw] { order: -1; }

    .hm-hero[b-9i67n26wlw] {
        background-image: url('/layout/fundoMob.jpg');
    }
}
/* /Components/Pages/Pedido.razor.rz.scp.css */
/* ── Hero ── */
.pe-hero[b-chn5j7my97] {
    background: linear-gradient(135deg, #1c1008 0%, #3a2010 100%);
    padding: 40px 24px 32px;
    text-align: center;
    border-bottom: 3px solid #e07010;
}

.pe-hero-title[b-chn5j7my97] {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 900;
    color: #fff;
    margin: 0;
}

/* ── Layout ── */
.pe-layout[b-chn5j7my97] { padding: 40px 0 80px; background: #faf7f4; min-height: 60vh; }

.pe-container[b-chn5j7my97] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}

.pe-grid[b-chn5j7my97] {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 28px;
    align-items: start;
}

/* ── Card ── */
.pe-card[b-chn5j7my97] {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(200, 100, 20, 0.12);
    box-shadow: 0 2px 10px rgba(200, 100, 20, 0.07);
    padding: 24px;
}

.pe-card-title[b-chn5j7my97] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #1c1008;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(200, 100, 20, 0.12);
}

.pe-card-title i[b-chn5j7my97] { color: #e07010; font-size: 1.2rem; }

/* ── Cart items ── */
.pe-items[b-chn5j7my97] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}

.pe-item[b-chn5j7my97] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(200, 100, 20, 0.08);
}

.pe-item:last-child[b-chn5j7my97] { border-bottom: none; }

.pe-item-info[b-chn5j7my97] { flex: 1; min-width: 0; }

.pe-item-name[b-chn5j7my97] {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1008;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pe-item-size[b-chn5j7my97] {
    display: block;
    font-size: 0.75rem;
    color: #7a5c3a;
}

.pe-item-price[b-chn5j7my97] {
    display: block;
    font-size: 0.8rem;
    color: #e07010;
    font-weight: 600;
}

.pe-qty-ctrl[b-chn5j7my97] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.pe-qty-btn[b-chn5j7my97] {
    width: 28px;
    height: 28px;
    border: 1.5px solid rgba(200, 100, 20, 0.3);
    border-radius: 6px;
    background: #fff;
    color: #e07010;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    line-height: 1;
    padding: 0;
}

.pe-qty-btn:hover[b-chn5j7my97] { background: #e07010; color: #fff; border-color: #e07010; }

.pe-qty-val[b-chn5j7my97] {
    min-width: 24px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1008;
}

.pe-qty-remove[b-chn5j7my97] {
    background: none;
    border: none;
    color: #c8a882;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    transition: color 0.15s;
}

.pe-qty-remove:hover[b-chn5j7my97] { color: #c85e08; }
.pe-qty-remove i[b-chn5j7my97] { font-size: 1rem; }

.pe-item-subtotal[b-chn5j7my97] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1c1008;
    min-width: 70px;
    text-align: right;
    flex-shrink: 0;
}

/* ── Totals ── */
.pe-totals[b-chn5j7my97] {
    border-top: 1px solid rgba(200, 100, 20, 0.12);
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pe-total-row[b-chn5j7my97] {
    display: flex;
    justify-content: space-between;
    font-size: 0.88rem;
    color: #4a3520;
}

.pe-total-row--total[b-chn5j7my97] {
    font-size: 1rem;
    font-weight: 800;
    color: #1c1008;
    padding-top: 8px;
    border-top: 1.5px solid rgba(200, 100, 20, 0.15);
    margin-top: 4px;
}

.pe-total-row--total span:last-child[b-chn5j7my97] { color: #e07010; }

/* ── Form ── */
.pe-form[b-chn5j7my97] { display: flex; flex-direction: column; gap: 16px; }

.pe-field[b-chn5j7my97] { display: flex; flex-direction: column; gap: 5px; }

.pe-label[b-chn5j7my97] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #4a3520;
}

.pe-input[b-chn5j7my97], .pe-select[b-chn5j7my97], .pe-textarea[b-chn5j7my97] {
    padding: 10px 12px;
    border: 1.5px solid rgba(200, 100, 20, 0.25);
    border-radius: 9px;
    font-size: 0.92rem;
    color: #1c1008;
    background: #fff;
    transition: border-color 0.18s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.pe-input:focus[b-chn5j7my97], .pe-select:focus[b-chn5j7my97], .pe-textarea:focus[b-chn5j7my97] {
    border-color: #e07010;
    box-shadow: 0 0 0 3px rgba(224, 112, 16, 0.12);
}

.pe-textarea[b-chn5j7my97] { resize: vertical; min-height: 72px; }

/* ── Toggle ── */
.pe-toggle-row[b-chn5j7my97] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pe-toggle[b-chn5j7my97] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.pe-toggle input[b-chn5j7my97] { display: none; }

.pe-toggle-slider[b-chn5j7my97] {
    position: absolute;
    inset: 0;
    background: rgba(200, 100, 20, 0.2);
    border-radius: 24px;
    cursor: pointer;
    transition: background 0.22s;
}

.pe-toggle-slider[b-chn5j7my97]::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.22s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.pe-toggle input:checked ~ .pe-toggle-slider[b-chn5j7my97] { background: #e07010; }
.pe-toggle input:checked ~ .pe-toggle-slider[b-chn5j7my97]::after { transform: translateX(20px); }

.pe-toggle-label[b-chn5j7my97] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #4a3520;
}

/* ── Alert ── */
.pe-alert[b-chn5j7my97] {
    background: #fff3e0;
    border: 1px solid rgba(224, 112, 16, 0.3);
    color: #c85e08;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.88rem;
    font-weight: 600;
}

/* ── Submit ── */
.pe-submit[b-chn5j7my97] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    background: #e07010;
    color: #fff;
    font-size: 0.97rem;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.18s;
    width: 100%;
    margin-top: 4px;
}

.pe-submit:hover:not(:disabled)[b-chn5j7my97] { background: #c85e08; }
.pe-submit:disabled[b-chn5j7my97] { opacity: 0.7; cursor: not-allowed; }
.pe-submit i[b-chn5j7my97] { font-size: 1.1rem; }

.pe-spin-sm[b-chn5j7my97] {
    font-size: 1.1rem !important;
    animation: peSpin-b-chn5j7my97 0.9s linear infinite;
    display: inline-block;
}

@keyframes peSpin-b-chn5j7my97 { to { transform: rotate(360deg); } }

/* ── Loading ── */
.pe-loading[b-chn5j7my97] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    color: #e07010;
    font-size: 2.5rem;
}

/* ── Empty ── */
.pe-empty[b-chn5j7my97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 100px 24px;
    text-align: center;
    color: #7a5c3a;
    font-size: 1rem;
}

.pe-empty i[b-chn5j7my97] { font-size: 3.5rem; color: #c8a882; }

/* ── Confirmation ── */
.pe-confirm[b-chn5j7my97] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: #faf7f4;
}

.pe-confirm-card[b-chn5j7my97] {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(200, 100, 20, 0.15);
    box-shadow: 0 8px 32px rgba(200, 100, 20, 0.1);
    padding: 40px 36px;
    max-width: 480px;
    width: 100%;
    text-align: center;
}

.pe-confirm-icon i[b-chn5j7my97] {
    font-size: 4rem;
    color: #25d366;
}

.pe-confirm-title[b-chn5j7my97] {
    font-size: 1.7rem;
    font-weight: 900;
    color: #1c1008;
    margin: 16px 0 8px;
}

.pe-confirm-num[b-chn5j7my97] {
    font-size: 1.1rem;
    color: #e07010;
    font-weight: 700;
    margin: 0 0 12px;
}

.pe-confirm-sub[b-chn5j7my97] {
    color: #4a3520;
    line-height: 1.7;
    margin: 0 0 16px;
    font-size: 0.97rem;
}

.pe-confirm-total[b-chn5j7my97] {
    font-size: 1.1rem;
    color: #1c1008;
    margin: 0 0 28px;
}

.pe-confirm-actions[b-chn5j7my97] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ── Buttons ── */
.pe-btn[b-chn5j7my97] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 22px;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.18s;
}

.pe-btn--primary[b-chn5j7my97] { background: #e07010; color: #fff; }
.pe-btn--primary:hover[b-chn5j7my97] { background: #c85e08; color: #fff; }
.pe-btn--secondary[b-chn5j7my97] { background: #f5e6d0; color: #4a3520; }
.pe-btn--secondary:hover[b-chn5j7my97] { background: #e8d4b8; color: #1c1008; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .pe-grid[b-chn5j7my97] {
        grid-template-columns: 1fr;
    }

    .pe-cart-col[b-chn5j7my97] { order: 2; }
    .pe-form-col[b-chn5j7my97] { order: 1; }
}
/* /Components/Pages/Roleta.razor.rz.scp.css */
/* ══════════════════ Hero (compacto p/ caber em landscape) ══════════════════ */
.rl-hero[b-ewr8umsag4] {
    background: radial-gradient(circle at 50% -30%, #5a2e12 0%, #1c1008 70%);
    padding: 22px 24px 18px;
    text-align: center;
    border-bottom: 3px solid #e07010;
}

.rl-hero-title[b-ewr8umsag4] {
    font-size: clamp(1.4rem, 3.4vw, 2.2rem);
    font-weight: 900;
    color: #fff;
    margin: 0 0 4px;
    letter-spacing: -0.5px;
}

.rl-hero-emoji[b-ewr8umsag4] { display: inline-block; animation: rlWobble-b-ewr8umsag4 2.4s ease-in-out infinite; }

@keyframes rlWobble-b-ewr8umsag4 {
    0%, 100% { transform: rotate(-8deg); }
    50% { transform: rotate(8deg); }
}

.rl-hero-sub[b-ewr8umsag4] { color: rgba(255, 255, 255, 0.8); font-size: 0.95rem; margin: 0; }
.rl-hero-sub strong[b-ewr8umsag4] { color: #ffd43b; }

/* ══════════════════ Mode banner ══════════════════ */
.rl-mode-banner[b-ewr8umsag4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    text-align: center;
    padding: 10px 20px;
    max-width: 580px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(224, 96, 15, 0.4);
    color: #ffe9d6;
    font-size: 0.88rem;
}

.rl-mode-banner a[b-ewr8umsag4] { color: #ff9a3d; font-weight: 700; text-decoration: underline; }
.rl-mode-banner .material-icons[b-ewr8umsag4] { font-size: 19px; color: #e07010; }
.rl-mode-banner--win[b-ewr8umsag4] {
    background: linear-gradient(90deg, #1f7a4d, #2fa363);
    border-color: transparent;
    color: #fff;
}
.rl-mode-banner--win .material-icons[b-ewr8umsag4] { color: #fff; }

/* ══════════════════ Stage ══════════════════ */
.rl-stage[b-ewr8umsag4] {
    position: relative;
    overflow: hidden;          /* contém os raios/faixas que giram (evita scroll horizontal) */
    background: radial-gradient(circle at 50% 32%, #2a1810 0%, #150b05 78%);
    padding: 70px 12px 26px;   /* espaço extra no topo p/ o flapper não cobrir o título */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.rl-sound-toggle[b-ewr8umsag4] {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1.5px solid rgba(224, 96, 15, 0.5);
    background: rgba(0, 0, 0, 0.35);
    color: #ff9a3d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    z-index: 8;
    transition: background 0.16s;
}

.rl-sound-toggle:hover[b-ewr8umsag4] { background: rgba(224, 96, 15, 0.22); }

/* Roda: respeita a largura (portrait) ou a altura (landscape). */
.rl-wheel-wrap[b-ewr8umsag4] {
    position: relative;
    z-index: 2;
    width: min(92vw, 72vh);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    box-shadow: 0 12px 34px rgba(120, 50, 10, 0.34),
                0 0 0 9px #6b3410,
                0 0 0 13px #8a4718;
}

/* ══════════════════ Efeitos de cassino (só no modo premiado) ══════════════════ */
/* Raios de luz girando ao fundo */
.rl-rays[b-ewr8umsag4] {
    position: absolute;
    inset: -12% 0 0 0;
    z-index: 0;
    pointer-events: none;
    background: repeating-conic-gradient(from 0deg at 50% 42%,
        rgba(255, 170, 50, 0.13) 0deg 7deg, transparent 7deg 20deg);
    -webkit-mask-image: radial-gradient(circle at 50% 42%, #000 20%, transparent 72%);
            mask-image: radial-gradient(circle at 50% 42%, #000 20%, transparent 72%);
    animation: rlRays-b-ewr8umsag4 14s linear infinite;
}
@keyframes rlRays-b-ewr8umsag4 { to { transform: rotate(360deg); } }

/* Faixas de luz varrendo o fundo */
.rl-bands[b-ewr8umsag4] { position: absolute; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; }
.rl-bands span[b-ewr8umsag4] {
    position: absolute;
    top: -25%;
    width: 26%;
    height: 150%;
    background: linear-gradient(90deg, transparent, rgba(255, 195, 95, 0.12), transparent);
    transform: rotate(15deg);
    animation: rlBand-b-ewr8umsag4 6s linear infinite;
}
.rl-bands span:nth-child(2)[b-ewr8umsag4] { animation-delay: -2s; opacity: 0.7; }
.rl-bands span:nth-child(3)[b-ewr8umsag4] { animation-delay: -4s; opacity: 0.5; }
@keyframes rlBand-b-ewr8umsag4 { from { left: -35%; } to { left: 125%; } }

/* Glow pulsante na moldura da roda */
.rl-stage--premiado .rl-wheel-wrap[b-ewr8umsag4] { animation: rlWrapGlow-b-ewr8umsag4 1.6s ease-in-out infinite; }
@keyframes rlWrapGlow-b-ewr8umsag4 {
    0%, 100% {
        box-shadow: 0 12px 34px rgba(120,50,10,.34), 0 0 0 9px #6b3410, 0 0 0 13px #8a4718,
                    0 0 26px 6px rgba(255,170,60,.35);
    }
    50% {
        box-shadow: 0 12px 34px rgba(120,50,10,.34), 0 0 0 9px #6b3410, 0 0 0 13px #8a4718,
                    0 0 52px 16px rgba(255,195,85,.72);
    }
}

/* Pisca-pisca ao redor da roda */
.rl-bulbs[b-ewr8umsag4] { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.rl-bulb[b-ewr8umsag4] {
    position: absolute;
    width: clamp(8px, 1.7vmin, 16px);
    height: clamp(8px, 1.7vmin, 16px);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at 35% 30%, #fff, #ffd24a 45%, #e0600f);
    box-shadow: 0 0 7px 2px rgba(255, 200, 80, 0.85);
    animation: rlBulb-b-ewr8umsag4 1.2s ease-in-out infinite;
}
.rl-bulb:nth-child(even)[b-ewr8umsag4] {
    background: radial-gradient(circle at 35% 30%, #fff, #ff7a3d 45%, #c1170a);
    box-shadow: 0 0 7px 2px rgba(255, 120, 60, 0.85);
}
@keyframes rlBulb-b-ewr8umsag4 {
    0%, 100% { opacity: 0.28; transform: translate(-50%, -50%) scale(0.8); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
}

/* Tudo mais intenso/rápido enquanto gira */
.rl-stage--spinning .rl-bulb[b-ewr8umsag4] { animation-duration: 0.5s; }
.rl-stage--spinning .rl-rays[b-ewr8umsag4] { animation-duration: 6s; }
.rl-stage--spinning .rl-bands span[b-ewr8umsag4] { animation-duration: 3.4s; }
.rl-stage--spinning.rl-stage--premiado .rl-wheel-wrap[b-ewr8umsag4] { animation-duration: 0.8s; }

.rl-wheel-rotor[b-ewr8umsag4] {
    position: absolute;
    inset: 0;
    transform-origin: 50% 50%;
    will-change: transform;
}

.rl-svg[b-ewr8umsag4] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Flipper (fixo no topo, defletido pelo JS) ── */
.rl-flapper[b-ewr8umsag4] {
    position: absolute;
    top: -9%;
    left: 50%;
    width: 5.5%;
    height: 13%;
    margin-left: -2.75%;
    transform-origin: 50% 8%;
    z-index: 7;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.45));
}

.rl-flapper-body[b-ewr8umsag4] {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #eceff1 0%, #b0b6bb 55%, #8a9095 100%);
    clip-path: polygon(18% 0, 82% 0, 100% 55%, 50% 100%, 0 55%);
    border-radius: 4px;
}

.rl-flapper[b-ewr8umsag4]::before {
    content: '';
    position: absolute;
    top: -8%;
    left: 50%;
    transform: translateX(-50%);
    width: 42%;
    height: 42%;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #ff5a4d, #c1170a);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

/* ── Botão central ── */
.rl-hub[b-ewr8umsag4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22%;
    height: 22%;
    min-width: 64px;
    min-height: 64px;
    border-radius: 50%;
    border: 5px solid #fff;
    background: radial-gradient(circle at 35% 30%, #ff8a3d, #e0600f 60%, #b8460a);
    color: #fff;
    font-weight: 900;
    font-size: clamp(0.7rem, 2vw, 0.95rem);
    letter-spacing: 0.5px;
    cursor: pointer;
    z-index: 6;
    box-shadow: 0 6px 14px rgba(120, 50, 10, 0.4);
    transition: transform 0.12s;
}

.rl-hub:hover:not(:disabled)[b-ewr8umsag4] { transform: translate(-50%, -50%) scale(1.06); }
.rl-hub:active:not(:disabled)[b-ewr8umsag4] { transform: translate(-50%, -50%) scale(0.94); }
.rl-hub:disabled[b-ewr8umsag4] { cursor: not-allowed; opacity: 0.9; }
.rl-hub:not(:disabled)[b-ewr8umsag4] { animation: rlPulse-b-ewr8umsag4 1.8s ease-in-out infinite; }

.rl-hub-logo[b-ewr8umsag4] {
    width: 82%;
    height: 82%;
    object-fit: contain;
    border-radius: 50%;
    pointer-events: none;
}

@keyframes rlPulse-b-ewr8umsag4 {
    0%, 100% { box-shadow: 0 6px 14px rgba(120, 50, 10, 0.4); }
    50% { box-shadow: 0 6px 14px rgba(120, 50, 10, 0.4), 0 0 0 8px rgba(224, 96, 15, 0.18); }
}

/* Aceso enquanto gira — laranja fluorescente */
.rl-hub.rl-hub--lit[b-ewr8umsag4] {
    opacity: 1;
    background: radial-gradient(circle at 35% 30%, #fff0b8, #ffb24d 50%, #ff8a1e);
    border-color: #fff4d6;
    color: #7a2d0c;
    animation: rlHubGlow-b-ewr8umsag4 0.65s ease-in-out infinite alternate;
}

@keyframes rlHubGlow-b-ewr8umsag4 {
    from {
        box-shadow: 0 6px 14px rgba(120, 50, 10, 0.4),
                    0 0 16px 3px rgba(255, 190, 80, 0.7),
                    0 0 34px 8px rgba(255, 150, 40, 0.4);
    }
    to {
        box-shadow: 0 6px 14px rgba(120, 50, 10, 0.4),
                    0 0 28px 8px rgba(255, 215, 110, 1),
                    0 0 60px 18px rgba(255, 165, 55, 0.65);
    }
}

.rl-spins-left[b-ewr8umsag4] { font-size: 0.95rem; color: #e8c9a8; }
.rl-spins-left strong[b-ewr8umsag4] { color: #ff9a3d; font-size: 1.25rem; }
.rl-spins-left--demo[b-ewr8umsag4] { color: #a98a6a; font-style: italic; }

/* ── Desbloqueio por telefone ── */
.rl-unlock[b-ewr8umsag4] { width: 100%; max-width: 440px; text-align: center; }
.rl-unlock-title[b-ewr8umsag4] { color: #ffe9d6; font-weight: 700; margin-bottom: 8px; font-size: 0.95rem; }
.rl-unlock-form[b-ewr8umsag4] { display: flex; gap: 8px; }

.rl-unlock-input[b-ewr8umsag4] {
    flex: 1;
    min-width: 0;
    padding: 11px 16px;
    border-radius: 999px;
    border: 1.5px solid rgba(224, 96, 15, 0.5);
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.95rem;
}
.rl-unlock-input[b-ewr8umsag4]::placeholder { color: rgba(255, 255, 255, 0.4); }
.rl-unlock-input:focus[b-ewr8umsag4] { outline: none; border-color: #ff9a3d; }

.rl-unlock-btn[b-ewr8umsag4] {
    padding: 11px 20px;
    border-radius: 999px;
    border: none;
    background: #e0600f;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.16s;
}
.rl-unlock-btn:hover:not(:disabled)[b-ewr8umsag4] { background: #c85208; }
.rl-unlock-btn:disabled[b-ewr8umsag4] { opacity: 0.7; cursor: not-allowed; }

.rl-unlock-err[b-ewr8umsag4] { color: #ffb4a0; font-size: 0.82rem; margin-top: 8px; }

/* ── Painel de prêmios ganhos (premiado) ── */
.rl-won-panel[b-ewr8umsag4] {
    width: 100%;
    max-width: 580px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(224, 96, 15, 0.4);
    border-radius: 14px;
    padding: 14px 16px;
}

.rl-won-title[b-ewr8umsag4] { color: #ffe9d6; font-size: 0.9rem; margin-bottom: 10px; text-align: center; }
.rl-won-title strong[b-ewr8umsag4] { color: #ffd43b; }

.rl-won-list[b-ewr8umsag4] { display: flex; flex-direction: column; gap: 6px; }

.rl-won-item[b-ewr8umsag4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 7px 12px;
}

.rl-won-item--best[b-ewr8umsag4] {
    background: rgba(224, 96, 15, 0.22);
    border-color: #ff9a3d;
}

.rl-won-name[b-ewr8umsag4] { color: #ffe9d6; font-weight: 700; font-size: 0.9rem; }
.rl-won-code[b-ewr8umsag4] {
    color: #ff9a3d;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 0.85rem;
    white-space: nowrap;
}

.rl-won-choose[b-ewr8umsag4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
}
.rl-won-choose:hover[b-ewr8umsag4] { background: rgba(224, 96, 15, 0.28); border-color: #ff9a3d; }
.rl-won-choose:active[b-ewr8umsag4] { transform: scale(0.98); }
.rl-won-pick[b-ewr8umsag4] { color: #ff9a3d; font-weight: 800; font-size: 0.8rem; white-space: nowrap; }

.rl-won-note[b-ewr8umsag4] { color: rgba(255, 255, 255, 0.72); font-size: 0.82rem; margin-top: 10px; text-align: center; }
.rl-won-note strong[b-ewr8umsag4] { color: #ffd43b; }

/* ── Seletor de sabor ── */
.rl-flavor-grid[b-ewr8umsag4] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 6px; }
.rl-flavor-btn[b-ewr8umsag4] {
    padding: 10px 8px;
    border-radius: 10px;
    border: 1.5px solid rgba(224, 96, 15, 0.5);
    background: rgba(0, 0, 0, 0.25);
    color: #ffe9d6;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
}
.rl-flavor-btn:hover[b-ewr8umsag4] { background: rgba(224, 96, 15, 0.3); border-color: #ff9a3d; }
.rl-flavor-btn:active[b-ewr8umsag4] { transform: scale(0.97); }

/* No modal (fundo claro) */
.rl-flavor-grid--modal .rl-flavor-btn[b-ewr8umsag4] {
    background: #fff3e0;
    color: #8a4718;
    border-color: #e0a060;
}
.rl-flavor-grid--modal .rl-flavor-btn:hover[b-ewr8umsag4] { background: #ffe6cc; border-color: #e0600f; }

.rl-regulamento[b-ewr8umsag4] {
    margin: 18px auto 0;
    max-width: 680px;
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.5;
    text-align: center;
}
.rl-regulamento strong[b-ewr8umsag4] { color: rgba(255, 255, 255, 0.8); }

/* ══════════════════ How / tiers ══════════════════ */
.rl-how[b-ewr8umsag4] { background: #1c1008; padding: 32px 24px; text-align: center; }
.rl-how-inner[b-ewr8umsag4] { max-width: 760px; margin: 0 auto; }

.rl-how-title[b-ewr8umsag4] {
    color: #fff;
    font-size: clamp(1.2rem, 3vw, 1.7rem);
    font-weight: 800;
    margin: 0 0 4px;
}

.rl-how-sub[b-ewr8umsag4] { color: rgba(255, 255, 255, 0.65); margin: 0 0 20px; }

.rl-tiers[b-ewr8umsag4] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

.rl-tier[b-ewr8umsag4] {
    background: linear-gradient(160deg, #2e1c0e, #3d2613);
    border: 1.5px solid rgba(224, 96, 15, 0.4);
    border-radius: 14px;
    padding: 16px 10px;
}

.rl-tier-val[b-ewr8umsag4] { color: #ffd43b; font-size: clamp(1rem, 2.6vw, 1.35rem); font-weight: 900; }
.rl-tier-spins[b-ewr8umsag4] { color: #ffe9d6; margin-top: 4px; font-size: 0.88rem; }
.rl-tier-spins strong[b-ewr8umsag4] { color: #ff8a3d; font-size: 1.1rem; }

/* ══════════════════ Result modal ══════════════════ */
.rl-modal-backdrop[b-ewr8umsag4] {
    position: fixed;
    inset: 0;
    background: rgba(20, 10, 4, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: rlFade-b-ewr8umsag4 0.25s ease;
}

@keyframes rlFade-b-ewr8umsag4 { from { opacity: 0; } to { opacity: 1; } }

.rl-modal[b-ewr8umsag4] {
    position: relative;
    background: #fff;
    border-radius: 22px;
    padding: 34px 28px 28px;
    max-width: 380px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    animation: rlPop-b-ewr8umsag4 0.45s cubic-bezier(0.18, 1.4, 0.4, 1);
}

@keyframes rlPop-b-ewr8umsag4 {
    from { transform: scale(0.6); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.rl-modal-emoji[b-ewr8umsag4] { font-size: 4rem; line-height: 1; animation: rlBounce-b-ewr8umsag4 0.7s ease 0.2s both; }

@keyframes rlBounce-b-ewr8umsag4 {
    0% { transform: scale(0) rotate(-30deg); }
    60% { transform: scale(1.25) rotate(10deg); }
    100% { transform: scale(1) rotate(0); }
}

.rl-modal-kicker[b-ewr8umsag4] {
    margin-top: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #9a7a5a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rl-modal-prize[b-ewr8umsag4] { margin-top: 6px; font-size: 1.5rem; font-weight: 900; color: #e0600f; }

.rl-modal-code[b-ewr8umsag4] {
    margin-top: 10px;
    font-size: 1rem;
    color: #5a3a1c;
    background: #fff3e0;
    border: 1.5px dashed #e0a060;
    border-radius: 10px;
    padding: 8px 14px;
    display: inline-block;
}
.rl-modal-code strong[b-ewr8umsag4] { color: #c85208; letter-spacing: 1px; font-size: 1.15rem; }
.rl-modal-note[b-ewr8umsag4] { margin: 14px 0 20px; font-size: 0.9rem; color: #5a3a1c; line-height: 1.4; }

.rl-modal-btn[b-ewr8umsag4] {
    display: block;
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 12px;
    background: #e0600f;
    color: #fff;
    font-weight: 800;
    font-size: 0.98rem;
    cursor: pointer;
    transition: background 0.16s, transform 0.1s;
}

.rl-modal-btn:hover[b-ewr8umsag4] { background: #c85208; }
.rl-modal-btn:active[b-ewr8umsag4] { transform: scale(0.97); }

/* ── Confetti ── */
.rl-confetti[b-ewr8umsag4] { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }

.rl-conf[b-ewr8umsag4] {
    position: absolute;
    top: -16px;
    width: 9px;
    height: 14px;
    border-radius: 2px;
    opacity: 0.9;
    animation-name: rlFall-b-ewr8umsag4;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
}

@keyframes rlFall-b-ewr8umsag4 {
    to { transform: translateY(520px) rotate(540deg); opacity: 0; }
}

/* ══════════════════ Responsive ══════════════════ */
@media (max-width: 560px) {
    .rl-tiers[b-ewr8umsag4] { grid-template-columns: repeat(2, 1fr); }
}