/* _content/CamsCloudDashboard/Components/ApprovalExcelFirmLabel.razor.rz.scp.css */
.firm-label[b-eo15unptc4] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; min-width: 0; }
.firm-name[b-eo15unptc4] { color: #0f172a; overflow-wrap: anywhere; }
.firm-status[b-eo15unptc4] { border-radius: 5px; padding: .15rem .4rem; font-size: .76rem; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; }
.completed[b-eo15unptc4] { color: #15803d; background: #f0fdf4; border: 1px solid #bbf7d0; }
.warning[b-eo15unptc4] { color: #c2410c; background: #fff7ed; border: 1px solid #fed7aa; }
/* _content/CamsCloudDashboard/Components/ApprovalExcelFirmPicker.razor.rz.scp.css */
.firm-picker[b-xfa6jiemwa] { min-width: 0; width: 100%; }
.firm-toggle[b-xfa6jiemwa] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; width: 100%; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 6px; padding: .5rem .65rem; background: #fff; color: #0f172a; text-align: left; font: inherit; cursor: pointer; }
.firm-toggle:disabled[b-xfa6jiemwa] { cursor: not-allowed; background: #e2e8f0; color: #64748b; }
.firm-toggle:focus-visible[b-xfa6jiemwa], .firm-toggle[aria-expanded=true][b-xfa6jiemwa] { outline: 3px solid #14b8a638; border-color: #0f766e; }
.placeholder-text[b-xfa6jiemwa] { color: #475569; }
.chevron[b-xfa6jiemwa] { flex: 0 0 auto; color: #64748b; }
.firm-options[b-xfa6jiemwa] { position: fixed; inset: auto; margin: 0; padding: .35rem; box-sizing: border-box; max-width: calc(100vw - 24px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; box-shadow: 0 12px 36px #0f172a33; }
.firm-options button[b-xfa6jiemwa] { display: block; width: 100%; border: 0; border-radius: 5px; padding: .7rem .6rem; background: #fff; color: #0f172a; text-align: left; font: inherit; font-weight: 700; cursor: pointer; }
.firm-options button:not(:disabled):hover[b-xfa6jiemwa], .firm-options button:not(:disabled):focus-visible[b-xfa6jiemwa] { outline: 0; background: #f0fdfa; box-shadow: inset 0 0 0 2px #14b8a6; }
.firm-options button[aria-selected=true][b-xfa6jiemwa] { background: #f1f5f9; }
.firm-options button:disabled[b-xfa6jiemwa] { cursor: not-allowed; opacity: .65; }
/* _content/CamsCloudDashboard/Components/ApprovalSignatureStatus.razor.rz.scp.css */
.approval-signatures[b-rgapo8lg59] { margin: .8rem 0; padding: .85rem; border: 1px solid #dbe3ed; border-radius: 8px; background: #f8fafc; }
.signatures-heading[b-rgapo8lg59] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: .65rem; color: #334155; }
.signatures-heading strong[b-rgapo8lg59] { color: #0f766e; }
.signatures-heading span[b-rgapo8lg59] { font-size: .8rem; color: #64748b; }
.signature-slots[b-rgapo8lg59] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.signature-slot[b-rgapo8lg59] { display: grid; gap: .35rem; padding: .75rem; border: 1px dashed #cbd5e1; border-radius: 6px; background: #fff; min-width: 0; overflow-wrap: anywhere; }
.signature-slot strong[b-rgapo8lg59] { font-size: .8rem; color: #334155; }
.signature-slot span[b-rgapo8lg59] { font-size: .85rem; color: #64748b; }
.signature-slot small[b-rgapo8lg59] { font-size: .72rem; color: #64748b; }
.signature-slot.signed[b-rgapo8lg59] { border: 1px solid #86efac; background: #f0fdf4; }
.signature-slot.signed span[b-rgapo8lg59] { color: #166534; font-weight: 700; }
p[b-rgapo8lg59] { margin: .65rem 0 0; font-size: .8rem; color: #64748b; }
@media (max-width: 800px) { .signature-slots[b-rgapo8lg59] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 450px) { .signature-slots[b-rgapo8lg59] { grid-template-columns: minmax(0, 1fr); } }
/* _content/CamsCloudDashboard/Components/ComparativeProductPicker.razor.rz.scp.css */
.product-picker[b-acxxivzwro] { width:100%; min-width:0; }
.picker-toggle[b-acxxivzwro] { display:flex; justify-content:space-between; gap:1rem; width:100%; border:1px solid #cbd5e1; border-radius:9px; padding:.65rem .8rem; background:white; color:#0f766e; font:inherit; font-weight:650; text-align:left; }
.picker-toggle:disabled[b-acxxivzwro] { opacity:.5; cursor:not-allowed; }
.picker-panel[b-acxxivzwro] { position:fixed; inset:auto; margin:0; padding:0; box-sizing:border-box; overflow:hidden; border:1px solid #cbd5e1; border-radius:14px; background:white; box-shadow:0 18px 48px #0f172a33; color:#0f172a; }
.picker-panel:popover-open[b-acxxivzwro] { display:flex; flex-direction:column; }
.picker-heading[b-acxxivzwro],.picker-footer[b-acxxivzwro] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.7rem 1rem; }
.picker-heading[b-acxxivzwro] { font-size:.9rem; }
.dismiss[b-acxxivzwro] { border:0; background:transparent; font-size:1.4rem; color:#64748b; }
.picker-search[b-acxxivzwro] { display:grid; gap:.35rem; padding:.5rem 1rem .8rem; font-size:.75rem; font-weight:700; }
input[b-acxxivzwro] { width:100%; min-width:0; border:1px solid #cbd5e1; border-radius:8px; padding:.65rem; font:inherit; background:#f8fafc; }
.picker-options[b-acxxivzwro] { list-style:none; padding:.2rem .5rem; margin:0; max-height:280px; min-height:0; overflow:auto; overscroll-behavior:contain; }
.picker-options button[b-acxxivzwro] { width:100%; display:grid; gap:.25rem; text-align:left; border:0; border-radius:8px; padding:.8rem .6rem; background:white; color:#0f172a; font:inherit; overflow-wrap:anywhere; }
.picker-options button:hover[b-acxxivzwro],.picker-options button:focus-visible[b-acxxivzwro] { background:#f0fdfa; }
.picker-options button:disabled[b-acxxivzwro] { color:#94a3b8; cursor:not-allowed; }
.picker-options span[b-acxxivzwro] { color:#0f766e; font-size:.82rem; }
.picker-options small[b-acxxivzwro] { color:#64748b; font-size:.72rem; }
.picker-footer[b-acxxivzwro] { font-size:.7rem; background:#f8fafc; border-top:1px solid #e2e8f0; }
.picker-footer button[b-acxxivzwro] { border:0; padding:.4rem .6rem; border-radius:6px; background:#e2e8f0; color:#334155; }
.status[b-acxxivzwro] { padding:.8rem 1rem; font-size:.8rem; margin:0; overflow:auto; }
button:focus-visible[b-acxxivzwro],input:focus-visible[b-acxxivzwro] { outline:3px solid #5eead4; outline-offset:2px; }
/* _content/CamsCloudDashboard/Components/ComparativeSheetTable.razor.rz.scp.css */
.comparative-paper[b-sggdmi221j] { border:1px solid #94a3b8; background:#fff; color:#0f172a; }
h3[b-sggdmi221j] { margin:0; padding:1.7rem 1rem; text-align:center; font-family:Georgia,serif; letter-spacing:.06em; font-size:1.4rem; background:#e2efd8; }
.table-wrap[b-sggdmi221j] { overflow:auto; }
.mobile-hint[b-sggdmi221j] { display:none; }
table[b-sggdmi221j] { border-collapse:collapse; width:100%; table-layout:fixed; font-size:.92rem; }
.product-col[b-sggdmi221j] { width:29%; } .serial-col[b-sggdmi221j] { width:8%; } .brand-col[b-sggdmi221j] { width:31%; } .price-col[b-sggdmi221j] { width:16%; }
th[b-sggdmi221j],td[b-sggdmi221j] { border:1px solid #94a3b8; padding:1rem; overflow-wrap:anywhere; vertical-align:middle; }
thead th[b-sggdmi221j] { background:#f1f5f9; font-weight:750; text-align:center; }
.base-product[b-sggdmi221j] { text-align:center; font-size:1rem; font-weight:750; }
.brand[b-sggdmi221j] { text-align:left; } .serial[b-sggdmi221j] { text-align:center; }
.amount[b-sggdmi221j] { text-align:right; font-variant-numeric:tabular-nums; }
.group-start th[b-sggdmi221j],.group-start td[b-sggdmi221j] { border-top-width:2px; }
@media(max-width:650px) { table[b-sggdmi221j] { min-width:580px; } th[b-sggdmi221j],td[b-sggdmi221j] { padding:.8rem .6rem; font-size:.8rem; } h3[b-sggdmi221j] { font-size:1.1rem; padding:1rem; } .mobile-hint[b-sggdmi221j] { display:block; padding:.5rem .8rem; margin:0; font-size:.7rem; color:#64748b; } }
/* _content/CamsCloudDashboard/Components/EvaluationProductPicker.razor.rz.scp.css */
.product-picker[b-ik4bqx7i88] { width:100%; min-width:0; }
.picker-toggle[b-ik4bqx7i88] { display:flex; justify-content:space-between; gap:1rem; width:100%; border:1px solid #cbd5e1; border-radius:9px; padding:.65rem .8rem; background:white; color:#0f766e; font:inherit; font-weight:650; text-align:left; }
.picker-toggle:disabled[b-ik4bqx7i88] { opacity:.5; cursor:not-allowed; }
.picker-panel[b-ik4bqx7i88] { position:fixed; inset:auto; margin:0; padding:0; box-sizing:border-box; overflow:hidden; border:1px solid #cbd5e1; border-radius:14px; background:white; box-shadow:0 18px 48px #0f172a33; color:#0f172a; }
.picker-panel:popover-open[b-ik4bqx7i88] { display:flex; flex-direction:column; }
.picker-heading[b-ik4bqx7i88],.picker-footer[b-ik4bqx7i88] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.7rem 1rem; }
.picker-heading[b-ik4bqx7i88] { font-size:.9rem; }
.dismiss[b-ik4bqx7i88] { border:0; background:transparent; font-size:1.4rem; color:#64748b; }
.picker-search[b-ik4bqx7i88] { display:grid; gap:.35rem; padding:.5rem 1rem .8rem; font-size:.75rem; font-weight:700; }
input[b-ik4bqx7i88] { width:100%; min-width:0; border:1px solid #cbd5e1; border-radius:8px; padding:.65rem; font:inherit; background:#f8fafc; }
.picker-options[b-ik4bqx7i88] { list-style:none; padding:.2rem .5rem; margin:0; max-height:280px; min-height:0; overflow:auto; overscroll-behavior:contain; }
.picker-options button[b-ik4bqx7i88] { width:100%; display:grid; gap:.25rem; text-align:left; border:0; border-radius:8px; padding:.8rem .6rem; background:white; color:#0f172a; font:inherit; overflow-wrap:anywhere; }
.picker-options button:hover[b-ik4bqx7i88],.picker-options button:focus-visible[b-ik4bqx7i88] { background:#f0fdfa; }
.picker-options button:disabled[b-ik4bqx7i88] { color:#94a3b8; cursor:not-allowed; }
.picker-options span[b-ik4bqx7i88] { color:#0f766e; font-size:.82rem; }
.picker-options small[b-ik4bqx7i88] { color:#64748b; font-size:.72rem; }
.picker-footer[b-ik4bqx7i88] { font-size:.7rem; background:#f8fafc; border-top:1px solid #e2e8f0; }
.picker-footer button[b-ik4bqx7i88] { border:0; padding:.4rem .6rem; border-radius:6px; background:#e2e8f0; color:#334155; }
.status[b-ik4bqx7i88] { padding:.8rem 1rem; font-size:.8rem; margin:0; overflow:auto; }
button:focus-visible[b-ik4bqx7i88],input:focus-visible[b-ik4bqx7i88] { outline:3px solid #5eead4; outline-offset:2px; }
/* _content/CamsCloudDashboard/Components/EvaluationSheetTable.razor.rz.scp.css */
.evaluation-paper[b-7h0te492qm] { border:1px solid #94a3b8; background:#fff; color:#0f172a; }
h3[b-7h0te492qm] { margin:0; padding:1.7rem 1rem; text-align:center; font-family:Georgia,serif; letter-spacing:.06em; font-size:1.4rem; }
.table-wrap[b-7h0te492qm] { overflow:auto; }
.mobile-hint[b-7h0te492qm] { display:none; }
table[b-7h0te492qm] { border-collapse:collapse; width:100%; table-layout:fixed; font-size:.92rem; }
.product-col[b-7h0te492qm] { width:26%; } .firm-col[b-7h0te492qm] { width:23%; } .discount-col[b-7h0te492qm] { width:18%; } .approval-col[b-7h0te492qm] { width:33%; }
th[b-7h0te492qm],td[b-7h0te492qm] { border:1px solid #94a3b8; padding:1.5rem 1rem; overflow-wrap:anywhere; vertical-align:middle; }
thead th[b-7h0te492qm] { background:#f8fafc; font-weight:750; text-align:center; letter-spacing:.02em; }
.base-product[b-7h0te492qm] { font-weight:500; text-align:center; font-size:1.05rem; }
.base-product strong[b-7h0te492qm] { display:block; margin-top:.5rem; font-weight:750; }
.discount[b-7h0te492qm] { text-align:center; font-variant-numeric:tabular-nums; }
small[b-7h0te492qm] { display:block; margin-top:.4rem; color:#64748b; font-size:.78rem; }
.group-start th[b-7h0te492qm],.group-start td[b-7h0te492qm] { border-top-width:2px; }
@media(max-width:650px) { table[b-7h0te492qm] { min-width:650px; } th[b-7h0te492qm],td[b-7h0te492qm] { padding:1rem .6rem; font-size:.8rem; } .base-product[b-7h0te492qm] { font-size:.9rem; } h3[b-7h0te492qm] { font-size:1.1rem; padding:1rem; } .mobile-hint[b-7h0te492qm] { display:block; padding:0 .8rem .7rem; margin:0; font-size:.7rem; color:#64748b; } }
/* _content/CamsCloudDashboard/Components/FormattedDateInput.razor.rz.scp.css */
.formatted-date-input[b-1737gwevgt] { min-width: 0; width: 100%; }
.date-controls[b-1737gwevgt] { display: flex; align-items: stretch; min-width: 0; }
.date-text[b-1737gwevgt] { width: 100%; min-width: 0; min-height: 40px; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 6px 0 0 6px; background: #fff; padding: .5rem .65rem; color: #0f172a; font: inherit; }
.date-text:focus[b-1737gwevgt] { outline: 2px solid #0f766e; outline-offset: -2px; }
.date-text:disabled[b-1737gwevgt] { background: #e2e8f0; color: #475569; cursor: not-allowed; }
.date-text[aria-invalid="true"][b-1737gwevgt] { border-color: #dc2626; }
.calendar-control[b-1737gwevgt] { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 40px; border: 1px solid #cbd5e1; border-left: 0; border-radius: 0 6px 6px 0; background: #f8fafc; color: #475569; overflow: hidden; }
.calendar-control:has(input:disabled)[b-1737gwevgt] { background: #e2e8f0; }
.calendar-input[b-1737gwevgt] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.calendar-input:disabled[b-1737gwevgt] { cursor: not-allowed; }
.calendar-input[b-1737gwevgt]::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.date-error[b-1737gwevgt] { display: block; margin-top: .3rem; color: #b91c1c; font-size: .75rem; font-weight: 500; }
/* _content/CamsCloudDashboard/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-booxl5aj02] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, .9), rgba(17, 24, 39, .95)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='rgba(255,255,255,.16)' stroke-width='1'%3E%3Cpath d='M0 30h180M0 90h180M0 150h180M30 0v180M90 0v180M150 0v180'/%3E%3C/g%3E%3C/svg%3E");
}
/* _content/CamsCloudDashboard/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-cfmh6rtgse] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px 1fr;
    align-items: stretch;
    background: linear-gradient(90deg, #111827 0 280px, #eef2f6 280px 100%);
    overflow-x: hidden;
}

.sidebar[b-cfmh6rtgse] {
    position: relative;
    align-self: stretch;
    height: 100%;
    min-height: 100vh;
    background: #111827;
    color: #e5e7eb;
    padding: 1.25rem;
}

.main-panel[b-cfmh6rtgse] {
    min-width: 0;
    overflow: hidden;
}

.topbar[b-cfmh6rtgse] {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 2rem;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: rgba(248, 250, 252, .92);
    backdrop-filter: blur(14px);
}

.eyebrow[b-cfmh6rtgse] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.topbar-title[b-cfmh6rtgse] {
    color: #0f172a;
    font-weight: 800;
    font-size: 1.1rem;
}

.content[b-cfmh6rtgse] {
    padding: 1.5rem 2rem 2rem;
    min-width: 0;
    max-width: 100%;
}

.icon-button[b-cfmh6rtgse] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    border-radius: 6px;
    padding: .55rem .8rem;
    font-weight: 700;
}

#blazor-error-ui[b-cfmh6rtgse] {
    color-scheme: light only;
    background: #fef3c7;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-cfmh6rtgse] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}

@media (max-width: 900px) {
    .app-shell[b-cfmh6rtgse] {
        grid-template-columns: 1fr;
        background: #eef2f6;
    }

    .sidebar[b-cfmh6rtgse] {
        position: relative;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem;
    }

    .topbar[b-cfmh6rtgse] {
        position: relative;
        height: auto;
        min-height: 68px;
        padding: 0 1rem;
    }

    .content[b-cfmh6rtgse] {
        padding: 1rem;
    }
}

@media (max-width: 560px) {
    .sidebar[b-cfmh6rtgse],
    .topbar[b-cfmh6rtgse] {
        align-items: flex-start;
    }

    .sidebar[b-cfmh6rtgse] {
        display: grid;
        gap: .75rem;
    }

    .topbar[b-cfmh6rtgse] {
        display: grid;
        gap: .75rem;
        padding: .85rem;
    }

    .topbar form[b-cfmh6rtgse],
    .icon-button[b-cfmh6rtgse] {
        width: 100%;
    }

    .content[b-cfmh6rtgse] {
        padding: .75rem;
    }

    .eyebrow[b-cfmh6rtgse] {
        font-size: .7rem;
    }

    .topbar-title[b-cfmh6rtgse] {
        font-size: 1rem;
    }
}
/* _content/CamsCloudDashboard/Components/Layout/NavMenu.razor.rz.scp.css */
.brand-block[b-q3cmy8y71l] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.brand-mark[b-q3cmy8y71l] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #14b8a6;
    color: #042f2e;
    font-weight: 900;
    font-size: 1.25rem;
}

.brand-title[b-q3cmy8y71l] {
    font-size: 1.1rem;
    font-weight: 900;
    color: #fff;
}

.brand-subtitle[b-q3cmy8y71l] {
    color: #9ca3af;
    font-size: .82rem;
}

.nav-list[b-q3cmy8y71l] {
    display: grid;
    gap: .45rem;
    margin-top: 1.25rem;
}

.nav-link[b-q3cmy8y71l] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 44px;
    color: #cbd5e1;
    text-decoration: none;
    border-radius: 7px;
    padding: .65rem .75rem;
    font-weight: 700;
}

.nav-link:hover[b-q3cmy8y71l],
.nav-link.active[b-q3cmy8y71l] {
    background: rgba(20, 184, 166, .16);
    color: #fff;
}

.nav-icon[b-q3cmy8y71l] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    font-size: .78rem;
    font-weight: 900;
}

.sidebar-note[b-q3cmy8y71l] {
    margin-top: 2rem;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: #cbd5e1;
    font-size: .9rem;
}

.sidebar-note-label[b-q3cmy8y71l] {
    color: #5eead4;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: .35rem;
}

@media (max-width: 900px) {
    .brand-block[b-q3cmy8y71l] {
        flex: 0 0 auto;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .sidebar-note[b-q3cmy8y71l] {
        margin-top: 0;
        padding: .75rem .9rem;
        text-align: right;
    }
}

@media (max-width: 560px) {
    .brand-block[b-q3cmy8y71l] {
        width: 100%;
    }

    .brand-mark[b-q3cmy8y71l] {
        width: 40px;
        height: 40px;
    }

    .sidebar-note[b-q3cmy8y71l] {
        width: 100%;
        text-align: left;
    }
}
/* _content/CamsCloudDashboard/Components/MarketStudyProductPicker.razor.rz.scp.css */
.product-picker[b-z5zz9bq2uy] { width: 100%; min-width: 0; }
.picker-toggle[b-z5zz9bq2uy] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; width: 100%; text-align: left; padding: .55rem; background: #fff; border: 1px solid #94a3b8; border-radius: 6px; color: #0f172a; overflow-wrap: anywhere; }
.picker-toggle:disabled[b-z5zz9bq2uy] { opacity: .6; cursor: not-allowed; }
.picker-panel[b-z5zz9bq2uy] { position: fixed; inset: auto; margin: 0; padding: 0; box-sizing: border-box; overflow: hidden; background: #fff; border: 1px solid #dbe4ee; border-radius: 14px; box-shadow: 0 18px 48px #0f172a33, 0 4px 12px #0f172a14; color: #0f172a; }
.picker-panel:popover-open[b-z5zz9bq2uy] { display: flex; flex-direction: column; }
label[b-z5zz9bq2uy] { display: grid; gap: .3rem; font-size: .75rem; font-weight: 700; }
input[b-z5zz9bq2uy] { width: 100%; min-width: 0; border: 1px solid #cbd5e1; border-radius: 4px; padding: .5rem; font: inherit; }
.picker-options[b-z5zz9bq2uy] { list-style: none; margin: .4rem 0; padding: 0; max-height: 240px; overflow-y: auto; }
.picker-options button[b-z5zz9bq2uy] { width: 100%; border: 0; border-bottom: 1px solid #e2e8f0; padding: .6rem .4rem; background: #fff; text-align: left; color: #0f172a; font-size: .85rem; overflow-wrap: anywhere; }
.picker-options button:hover[b-z5zz9bq2uy], .picker-options button:focus-visible[b-z5zz9bq2uy] { background: #ccfbf1; }
.picker-options small[b-z5zz9bq2uy] { display: block; color: #64748b; }
.picker-status[b-z5zz9bq2uy] { padding: .7rem .2rem; color: #64748b; }
.picker-close[b-z5zz9bq2uy] { border: 0; border-radius: 4px; padding: .4rem; background: #e2e8f0; color: #334155; font-weight: 700; margin-top: .4rem; }
button:focus-visible[b-z5zz9bq2uy], input:focus-visible[b-z5zz9bq2uy] { outline: 3px solid #5eead4; outline-offset: 2px; }
.picker-toggle[b-z5zz9bq2uy] { padding: .6rem .7rem; border-color: #cbd5e1; border-radius: 9px; font: inherit; transition: border-color .15s, box-shadow .15s; }
.selected-product[b-z5zz9bq2uy] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.picker-chevron[b-z5zz9bq2uy] { flex: 0 0 auto; color: #64748b; }
.picker-toggle:hover[b-z5zz9bq2uy], .picker-toggle[aria-expanded=true][b-z5zz9bq2uy] { border-color: #14b8a6; box-shadow: 0 0 0 3px #ccfbf180; }
.picker-heading[b-z5zz9bq2uy] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .75rem 1rem .3rem; font-size: .88rem; font-weight: 800; flex: 0 0 auto; }
.picker-dismiss[b-z5zz9bq2uy] { border: 0; background: transparent; color: #64748b; font-size: 1.3rem; width: 30px; height: 30px; border-radius: 7px; }
.picker-dismiss:hover[b-z5zz9bq2uy] { background: #f1f5f9; }
.picker-search[b-z5zz9bq2uy] { padding: .4rem 1rem .8rem; font-size: .72rem; color: #64748b; flex: 0 0 auto; }
input[b-z5zz9bq2uy] { background: #f8fafc; border-radius: 8px; padding: .6rem .7rem; font-size: .85rem; color: #0f172a; }
.picker-options[b-z5zz9bq2uy] { margin: 0; padding: .25rem .5rem; max-height: 260px; min-height: 0; overscroll-behavior: contain; }
.picker-options button[b-z5zz9bq2uy] { display: block; border: 0; border-radius: 8px; padding: .7rem .6rem; font-weight: 650; }
.picker-options button:hover[b-z5zz9bq2uy], .picker-options button:focus-visible[b-z5zz9bq2uy] { background: #f0fdfa; color: #0f766e; }
.picker-options small[b-z5zz9bq2uy] { margin-top: .2rem; font-weight: 400; }
.picker-panel > small[b-z5zz9bq2uy] { padding: .4rem 1rem; color: #64748b; font-size: .7rem; }
.picker-status[b-z5zz9bq2uy] { padding: 1.2rem 1rem; font-size: .85rem; min-height: 0; overflow: auto; }
.picker-footer[b-z5zz9bq2uy] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .6rem 1rem; border-top: 1px solid #e2e8f0; background: #f8fafc; color: #64748b; font-size: .67rem; flex: 0 0 auto; }
.picker-close[b-z5zz9bq2uy] { margin: 0; border-radius: 6px; padding: .35rem .5rem; color: #475569; font-size: .7rem; white-space: nowrap; }
/* _content/CamsCloudDashboard/Components/MarketStudyTable.razor.rz.scp.css */
.study-table-wrap[b-uno8jzu0hw] { width: 100%; min-width: 0; overflow: auto; border: 1px solid #e2e8f0; border-radius: 10px; }
.column-editor[b-uno8jzu0hw] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: .8rem; }
.columns-label[b-uno8jzu0hw] { font-size: .72rem; color: #64748b; margin-right: .25rem; }
.column-chip[b-uno8jzu0hw] { display: flex; align-items: center; gap: .2rem; padding: .2rem .3rem .2rem .5rem; background: #f0fdfa; border: 1px solid #ccfbf1; border-radius: 8px; min-width: 0; max-width: 100%; }
.column-chip input[b-uno8jzu0hw] { width: 145px; min-width: 0; border: 0; padding: .35rem; background: transparent; color: #0f766e; font-size: .75rem; font-weight: 700; }
.remove-column[b-uno8jzu0hw] { border: 0; padding: 0; width: 25px; height: 25px; border-radius: 5px; background: transparent; color: #0f766e; font-size: 1.15rem; }
.remove-column:hover:not(:disabled)[b-uno8jzu0hw] { background: #ccfbf1; }
.study-table[b-uno8jzu0hw] { width: 100%; border-collapse: collapse; font-size: .84rem; }
th[b-uno8jzu0hw], td[b-uno8jzu0hw] { padding: .55rem .5rem; border-bottom: 1px solid #e2e8f0; text-align: left; vertical-align: middle; min-width: 100px; }
th[b-uno8jzu0hw] { background: #f1f5f9; color: #475569; font-size: .72rem; font-weight: 750; }
th:first-child[b-uno8jzu0hw], td:first-child[b-uno8jzu0hw] { min-width: 48px; width: 48px; }
.row-start[b-uno8jzu0hw] { display: flex; align-items: center; gap: .4rem; }
th:nth-child(2)[b-uno8jzu0hw], td:nth-child(2)[b-uno8jzu0hw] { min-width: 230px; max-width: 300px; overflow-wrap: anywhere; }
th:nth-child(5)[b-uno8jzu0hw] { min-width: 135px; }
.row-number[b-uno8jzu0hw] { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: #f1f5f9; color: #64748b; font-size: .72rem; font-weight: 700; }
.last-product-row .row-number[b-uno8jzu0hw] { color: #0f766e; background: #ccfbf1; }
.last-product-row[b-uno8jzu0hw] { box-shadow: inset 3px 0 #14b8a6; }
.comparison-column[b-uno8jzu0hw] { background: #ccfbf1; }
input[b-uno8jzu0hw] { width: 100%; min-width: 75px; border: 1px solid #dbe4ee; border-radius: 7px; padding: .55rem; font: inherit; font-size: .8rem; color: #0f172a; }
input:focus[b-uno8jzu0hw] { outline: 3px solid #99f6e4; outline-offset: 1px; }
input[aria-invalid=true][b-uno8jzu0hw] { border-color: #b91c1c; background: #fef2f2; }
.cpc-cell[b-uno8jzu0hw] { background: #fff7ed; }
.cpc-lower[b-uno8jzu0hw], .cpc-lower input[b-uno8jzu0hw] { background: #dcfce7; color: #166534; }
.cpc-lower input[b-uno8jzu0hw] { border-color: #86efac; }
.cpc-higher[b-uno8jzu0hw], .cpc-higher input[b-uno8jzu0hw] { background: #fee2e2; color: #991b1b; }
.cpc-higher input[b-uno8jzu0hw] { border-color: #fca5a5; }
.calculated[b-uno8jzu0hw] { background: #f8fafc; font-variant-numeric: tabular-nums; }
input:disabled[b-uno8jzu0hw], button:disabled[b-uno8jzu0hw] { opacity: .6; cursor: not-allowed; }
.empty[b-uno8jzu0hw] { padding: 1.5rem; color: #64748b; }
.calculation-note[b-uno8jzu0hw] { margin: .65rem 0 0; color: #64748b; font-size: .7rem; line-height: 1.6; }
.actions-cell[b-uno8jzu0hw] { min-width: 110px; width: 110px; }
.inline-row-actions[b-uno8jzu0hw] { display: flex; align-items: center; justify-content: end; gap: .35rem; }
.add-product[b-uno8jzu0hw], .remove-row[b-uno8jzu0hw] { display: inline-grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border: 1px solid #99f6e4; border-radius: 8px; padding: 0; background: #f0fdfa; color: #0f766e; font-size: 1.2rem; font-weight: 700; }
.add-product[b-uno8jzu0hw] { width: 48px; height: 48px; border-radius: 12px; border-color: #0f766e; background: #0f766e; color: #fff; font-size: 1.85rem; box-shadow: 0 3px 8px #0f766e26; }
.remove-row[b-uno8jzu0hw] { border-color: #e2e8f0; background: #fff; color: #94a3b8; }
.remove-row:hover:not(:disabled)[b-uno8jzu0hw] { color: #be123c; border-color: #fecaca; background: #fff1f2; }
.add-product:hover:not(:disabled)[b-uno8jzu0hw] { background: #115e59; border-color: #115e59; }
button:focus-visible[b-uno8jzu0hw] { outline: 3px solid #5eead4; outline-offset: 2px; }
.empty-product[b-uno8jzu0hw] { color: #94a3b8; font-size: .8rem; padding: 1rem .5rem; }
.table-guide[b-uno8jzu0hw] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; margin-top: .8rem; color: #64748b; font-size: .68rem; }
.table-guide > span[b-uno8jzu0hw] { display: inline-flex; align-items: center; gap: .4rem; }
.legend-dot[b-uno8jzu0hw] { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; }.legend-dot.red[b-uno8jzu0hw] { background: #ef4444; }
.next-row-guide[b-uno8jzu0hw] { margin-left: auto; }
.calculation-details[b-uno8jzu0hw] { margin-top: .7rem; padding-top: .6rem; border-top: 1px solid #f1f5f9; }.calculation-details summary[b-uno8jzu0hw] { font-size: .68rem; color: #94a3b8; cursor: pointer; }
@media (max-width: 680px) {
    .study-table-wrap[b-uno8jzu0hw] { overflow: visible; border: 0; }
    .study-table[b-uno8jzu0hw], tbody[b-uno8jzu0hw], tr[b-uno8jzu0hw] { display: block; width: 100%; }
    thead[b-uno8jzu0hw] { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
    tr[b-uno8jzu0hw] { padding: .5rem; margin-bottom: .8rem; border: 1px solid #cbd5e1; border-radius: 6px; }
    td[b-uno8jzu0hw], td:first-child[b-uno8jzu0hw], td:nth-child(2)[b-uno8jzu0hw] { width: auto; min-width: 0; max-width: none; display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 60%); gap: .4rem; padding: .45rem .2rem; overflow-wrap: anywhere; }
    td[b-uno8jzu0hw]::before { content: attr(data-label); color: #475569; font-weight: 750; }
    input[b-uno8jzu0hw] { min-width: 0; }
    .product-cell[b-uno8jzu0hw] { grid-template-columns: 1fr !important; }
    .first-product-row[b-uno8jzu0hw] { background: #f8fafc; }.first-product-row .empty-product[b-uno8jzu0hw] { display: block; width: 100%; }
    .first-product-row .empty-product[b-uno8jzu0hw]::before { content: none; }
    .actions-cell[b-uno8jzu0hw] { width: auto; }.inline-row-actions[b-uno8jzu0hw] { justify-content: end; }
    .remove-row[b-uno8jzu0hw] { width: 38px; height: 38px; }
    .next-row-guide[b-uno8jzu0hw] { margin-left: 0; }
}
/* _content/CamsCloudDashboard/Components/Pages/ApprovalFirmSheet.razor.rz.scp.css */
.firm-sheet[b-1etmu47q1q] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #64748b; background: #fff; }
.firm-sheet > div[b-1etmu47q1q] { display: flex; flex-direction: column; gap: .3rem; border: 1px solid #c1c8cd; padding: .6rem .75rem; min-width: 0; }
.firm-sheet .wide[b-1etmu47q1q] { grid-column: span 2; }
.address strong[b-1etmu47q1q] { white-space: pre-wrap; }
span[b-1etmu47q1q] { color: #475569; font-weight: 800; font-size: .7rem; text-transform: uppercase; }
strong[b-1etmu47q1q] { font-size: .85rem; color: #172033; overflow-wrap: anywhere; }
@media (max-width: 700px) { .firm-sheet[b-1etmu47q1q] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* _content/CamsCloudDashboard/Components/Pages/ApprovalProductTable.razor.rz.scp.css */
.approval-product-layout[b-803ygjn2yp] { min-width: 0; container: approval-products / inline-size; }
.tag-filter-toolbar[b-803ygjn2yp] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: .8rem; }
.tag-filter-toolbar label[b-803ygjn2yp] { font-size: .85rem; font-weight: 700; color: #334155; }
.tag-filter-toolbar select[b-803ygjn2yp] { max-width: 100%; min-width: 160px; padding: .5rem .7rem; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; color: #172033; font: inherit; }
.tag-filter-toolbar span[b-803ygjn2yp] { margin-left: auto; color: #64748b; font-size: .8rem; }
.line-table .tag-heading[b-803ygjn2yp] { background: #e2f3f0; }
.line-table .tag-heading th[b-803ygjn2yp] { background: #e2f3f0; color: #115e59; text-align: left; padding: .6rem .8rem; font-size: .9rem; }
.line-table .tag-heading small[b-803ygjn2yp] { display: inline; margin-left: .8rem; color: #475569; font-size: .75rem; font-weight: 500; }
.line-table-wrap[b-803ygjn2yp] { min-width: 0; max-width: 100%; border: 1px solid #64748b; background: #fff; }
.line-table[b-803ygjn2yp] { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; }
.field-label[b-803ygjn2yp] { display: none; }
th[b-803ygjn2yp], td[b-803ygjn2yp] { border: 1px solid #94a3b8; padding: .55rem .4rem; text-align: center; vertical-align: middle; color: #172033; }
th[b-803ygjn2yp] { background: #f2f3ed; font-size: .78rem; line-height: 1.4; font-weight: 800; }
.product-column[b-803ygjn2yp] { width: 10.8%; text-align: left; }
td.product-column strong[b-803ygjn2yp] { font-size: calc(.82rem - 2px); }
.serial-column[b-803ygjn2yp] { width: 2%; }
.tag-column[b-803ygjn2yp] { width: 5%; }
.brand-column[b-803ygjn2yp] { width: 4%; }
.hsn-column[b-803ygjn2yp] { width: 3%; }
.units-column[b-803ygjn2yp] { width: 3%; }
.numeric-column[b-803ygjn2yp] { width: 5.3%; }
.gst-column[b-803ygjn2yp] { width: 4.293%; }
.firm-discount-column[b-803ygjn2yp] { width: 3.975%; }
.additional-discount-column[b-803ygjn2yp] { width: 2.65%; }
.tag-cell select[b-803ygjn2yp] { width: 100%; min-width: 0; padding: .4rem .15rem; border: 1px solid #94a3b8; border-radius: 4px; background: #fff; color: #172033; font: inherit; font-size: .75rem; }
.tag-cell select:focus[b-803ygjn2yp] { outline: 2px solid #0f766e; outline-offset: 1px; }
.tag-cell select:disabled[b-803ygjn2yp] { cursor: not-allowed; background: #f1f5f9; }
.selection-toolbar[b-803ygjn2yp] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .8rem; margin-bottom: .65rem; font-size: .8rem; color: #475569; }
.selection-toolbar > span[b-803ygjn2yp] { flex: 1 1 350px; }
.selection-toolbar strong[b-803ygjn2yp] { color: #0f766e; white-space: nowrap; }
.selection-clear[b-803ygjn2yp] { padding: .4rem .65rem; border: 1px solid #cbd5e1; border-radius: 6px; background: #f8fafc; font: inherit; cursor: pointer; }
.selection-clear:disabled[b-803ygjn2yp] { opacity: .5; cursor: default; }
.line-table tbody tr.row-selected[b-803ygjn2yp] { outline: 2px solid #0d9488; outline-offset: -2px; background: #f0fdfa; }
.approval-product-layout[data-selection-enabled="true"] tr[data-selectable="true"] .product-column[b-803ygjn2yp] { cursor: crosshair; }
.selecting-rows[b-803ygjn2yp] { user-select: none; cursor: crosshair; }
.serial-cell[b-803ygjn2yp] { touch-action: none; }
input.row-select[b-803ygjn2yp] { display: inline-block; width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0 .2rem .2rem 0; vertical-align: middle; accent-color: #0f766e; cursor: pointer; }
th small[b-803ygjn2yp] { display: block; font-weight: 500; font-size: .72rem; }

/* Use a light hairline within old/new pairs, keeping the other grid borders unchanged. */
.comparison-old[b-803ygjn2yp] {
    border-right: 0;
    box-shadow: inset -.5px 0 0 #d5dde5;
}
.comparison-new[b-803ygjn2yp] {
    border-left: 0;
}
td[b-803ygjn2yp] { font-size: .82rem; overflow-wrap: anywhere; }
tbody tr:nth-child(even)[b-803ygjn2yp] { background: #fbfcf8; }
input[b-803ygjn2yp], .saved-value[b-803ygjn2yp] { display: block; width: 100%; min-width: 0; min-height: 38px; padding: .4rem; border: 1px solid #bac3cc; border-radius: 4px; color: #172033; background: #fff; font: inherit; text-align: right; box-sizing: border-box; }
input:focus[b-803ygjn2yp] { outline: 2px solid #0f766e; outline-offset: 1px; }
input.old-value[b-803ygjn2yp] { background: #edf0f3; color: #475569; border-style: dashed; }
input.calculated-value[b-803ygjn2yp] { background: #f1f5f9; color: #475569; }
.calculation-note[b-803ygjn2yp] { font-size: .75rem; color: #64748b; margin: .6rem 0 0; line-height: 1.5; }
.saved-value[b-803ygjn2yp] { border-color: transparent; }
input[type=number][b-803ygjn2yp] { appearance: textfield; -moz-appearance: textfield; }
input[type=number][b-803ygjn2yp]::-webkit-inner-spin-button, input[type=number][b-803ygjn2yp]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.line-table-wrap:focus-visible[b-803ygjn2yp] { outline: 2px solid #0f766e; outline-offset: 2px; }
input.rate-lower[b-803ygjn2yp], .saved-value.rate-lower[b-803ygjn2yp] { background: #dcfce7; color: #166534; border-color: #16a34a; }
input.rate-higher[b-803ygjn2yp], .saved-value.rate-higher[b-803ygjn2yp] { background: #fee2e2; color: #991b1b; border-color: #dc2626; }
.comparison-legend[b-803ygjn2yp] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: .75rem 0 0; color: #64748b; font-size: .75rem; }
.legend-lower[b-803ygjn2yp] { color: #166534; font-weight: 700; }
.legend-higher[b-803ygjn2yp] { color: #991b1b; font-weight: 700; }
.line-table tbody tr.import-blocked[b-803ygjn2yp] { background: #fff1f2; border-color: #f87171; }
.import-blocked td[b-803ygjn2yp] { color: #991b1b; }
.import-blocked input[b-803ygjn2yp] { background: #fee2e2; border-color: #fca5a5; color: #991b1b; }
.import-row-error[b-803ygjn2yp] { display: block; margin-top: .4rem; color: #b91c1c; font-size: .72rem; font-weight: 700; }
input:disabled[b-803ygjn2yp] { cursor: not-allowed; }

/* Product rows remain table rows at every viewport width. Never switch cells
   into a grid/card layout: the shared headings must stay aligned. */
/* _content/CamsCloudDashboard/Components/Pages/AuditLogs.razor.rz.scp.css */
.audit-page[b-w9nnrqt08i] { display: grid; gap: 1.25rem; min-width: 0; }
.audit-filters[b-w9nnrqt08i] { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.audit-filters label[b-w9nnrqt08i] { display: grid; gap: .3rem; flex: 1 1 160px; min-width: 0; }
.audit-filters input[b-w9nnrqt08i], .audit-filters select[b-w9nnrqt08i] { width: 100%; min-width: 0; padding: .55rem; border: 1px solid #d6deea; border-radius: .4rem; }
.audit-list[b-w9nnrqt08i] { min-width: 0; }
.audit-summary[b-w9nnrqt08i] { margin-bottom: 1rem; color: #56647a; }
.audit-event[b-w9nnrqt08i] { padding: 1.1rem; border: 1px solid #e0e6ef; border-radius: .65rem; margin-bottom: .85rem; overflow-wrap: anywhere; background: #fff; }
.audit-header[b-w9nnrqt08i] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin-bottom: .65rem; }
.audit-header time[b-w9nnrqt08i] { margin-left: auto; color: #64748b; font-size: .85rem; }
.audit-module[b-w9nnrqt08i] { color: #334155; background: #f1f5f9; border-radius: .35rem; padding: .2rem .5rem; font-size: .8rem; font-weight: 650; }
.audit-outcome[b-w9nnrqt08i] { font-size: .75rem; padding: .2rem .5rem; border-radius: 1rem; font-weight: 700; }
.audit-outcome.success[b-w9nnrqt08i] { color: #166534; background: #dcfce7; }
.audit-outcome.denied[b-w9nnrqt08i] { color: #92400e; background: #fef3c7; }
.audit-outcome.failed[b-w9nnrqt08i] { color: #991b1b; background: #fee2e2; }
.audit-outcome.neutral[b-w9nnrqt08i] { color: #475569; background: #f1f5f9; }
.audit-event h2[b-w9nnrqt08i] { font-size: 1.05rem; line-height: 1.5; margin: 0 0 .25rem; color: #0f172a; }
.audit-actor[b-w9nnrqt08i] { font-size: .9rem; color: #475569; }
.audit-record[b-w9nnrqt08i] { color: #64748b; font-size: .8rem; margin: .3rem 0; }
.audit-note[b-w9nnrqt08i] { font-size: .9rem; color: #475569; margin: .5rem 0; }
.audit-changes[b-w9nnrqt08i] { margin-top: .8rem; }
summary[b-w9nnrqt08i] { cursor: pointer; color: #0f766e; padding: .35rem 0; font-size: .85rem; font-weight: 650; }
summary:focus-visible[b-w9nnrqt08i] { outline: 2px solid #0f766e; outline-offset: 3px; }
.audit-technical[b-w9nnrqt08i] { margin-top: .5rem; }
.audit-technical > summary[b-w9nnrqt08i] { color: #64748b; font-weight: 500; }
.changes-table[b-w9nnrqt08i] { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .85rem; margin-top: .5rem; }
.changes-table th[b-w9nnrqt08i], .changes-table td[b-w9nnrqt08i] { text-align: left; vertical-align: top; padding: .65rem; border-bottom: 1px solid #e2e8f0; white-space: pre-wrap; }
.changes-table thead th[b-w9nnrqt08i] { background: #f1f5f9; color: #475569; }
.changes-table th:first-child[b-w9nnrqt08i] { width: 30%; }
.changes-table tbody th[b-w9nnrqt08i] { font-weight: 600; color: #334155; }
.changes-table tbody td:nth-child(2)[b-w9nnrqt08i] { color: #64748b; background: #fafbfc; }
.changes-table tbody td:nth-child(3)[b-w9nnrqt08i] { color: #0f172a; background: #f0fdfa; }
.audit-error[b-w9nnrqt08i] { padding: .75rem; background: #fee2e2; color: #991b1b; border-radius: .4rem; }
.audit-values[b-w9nnrqt08i] { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1rem; }
pre[b-w9nnrqt08i] { white-space: pre-wrap; overflow-wrap: anywhere; background: #f4f7fb; padding: .75rem; border-radius: .4rem; }
dl[b-w9nnrqt08i] { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .5rem; font-size: .85rem; }
dd[b-w9nnrqt08i] { margin: 0; }
.audit-pagination[b-w9nnrqt08i] { display: flex; gap: .6rem; margin-top: 1rem; }
@media (max-width: 650px) {
    .audit-values[b-w9nnrqt08i] { grid-template-columns: minmax(0,1fr); }
    .audit-header time[b-w9nnrqt08i] { width: 100%; margin-left: 0; }
    .changes-table thead[b-w9nnrqt08i] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .changes-table[b-w9nnrqt08i], .changes-table tbody[b-w9nnrqt08i], .changes-table tr[b-w9nnrqt08i] { display: block; width: 100%; }
    .changes-table tr[b-w9nnrqt08i] { border: 1px solid #e2e8f0; border-radius: .35rem; overflow: hidden; margin-bottom: .5rem; }
    .changes-table th:first-child[b-w9nnrqt08i], .changes-table td[b-w9nnrqt08i] { display: block; width: 100%; }
    .changes-table td[b-w9nnrqt08i]::before { content: attr(data-label) ": "; font-weight: 650; color: #475569; }
    dl[b-w9nnrqt08i] { grid-template-columns: minmax(0,1fr); gap: .25rem; }
    dd[b-w9nnrqt08i] { margin-bottom: .6rem; }
}
/* _content/CamsCloudDashboard/Components/Pages/CanteenSync.razor.rz.scp.css */
.sync-panel[b-u2pkxhfkfm] { background:white; padding:1.5rem; border:1px solid #e2e8f0; border-radius:1rem; }
.sync-panel h1[b-u2pkxhfkfm] { margin:.25rem 0 .7rem; }.sync-panel p[b-u2pkxhfkfm] { color:#475569; }
.sync-actions[b-u2pkxhfkfm] { display:flex; align-items:end; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.sync-actions label[b-u2pkxhfkfm] { display:grid; gap:.35rem; font-weight:600; }
.sync-panel input[b-u2pkxhfkfm],.sync-panel button[b-u2pkxhfkfm] { border:1px solid #cbd5e1; border-radius:.5rem; padding:.6rem .85rem; }
.sync-panel button[b-u2pkxhfkfm] { background:#0f766e; color:white; font-weight:600; cursor:pointer; }.sync-panel button:disabled[b-u2pkxhfkfm] { opacity:.5; }
.sync-key[b-u2pkxhfkfm] { background:#ecfdf5; border:1px solid #6ee7b7; border-radius:.75rem; padding:1rem; }.sync-key code[b-u2pkxhfkfm] { overflow-wrap:anywhere; display:block; margin:.7rem 0; user-select:all; }
.sync-key button[b-u2pkxhfkfm] { margin:.25rem .5rem .25rem 0; }
.sync-progress[b-u2pkxhfkfm] { display:grid; gap:.35rem; min-width:15rem; max-width:24rem; }
.sync-progress progress[b-u2pkxhfkfm] { width:100%; height:1rem; accent-color:#0f766e; }
.sync-progress small[b-u2pkxhfkfm] { color:#64748b; font-size:.75rem; }
.sync-table[b-u2pkxhfkfm] { overflow-x:auto; }.sync-table table[b-u2pkxhfkfm] { width:100%; border-collapse:collapse; }.sync-table th[b-u2pkxhfkfm],.sync-table td[b-u2pkxhfkfm] { padding:.8rem .6rem; text-align:left; border-bottom:1px solid #e2e8f0; }
.sync-note[b-u2pkxhfkfm] { font-size:.85rem; margin-top:1rem; }
.sync-products[b-u2pkxhfkfm] { margin-top:1.5rem; border-top:1px solid #cbd5e1; padding-top:1rem; }
.sync-table td button[b-u2pkxhfkfm] { margin:.15rem .3rem .15rem 0; }
.sync-panel select[b-u2pkxhfkfm] { max-width:100%; border:1px solid #cbd5e1; border-radius:.5rem; padding:.6rem .85rem; background:white; }
.sync-panel h2 small[b-u2pkxhfkfm] { color:#64748b; font-size:.8rem; font-weight:500; }
.sync-data-grid[b-u2pkxhfkfm] { max-height:65vh; border:1px solid #e2e8f0; border-radius:.5rem; }
.sync-data-grid table[b-u2pkxhfkfm] { width:max-content; min-width:100%; font-size:.82rem; }
.sync-data-grid th[b-u2pkxhfkfm] { position:sticky; top:0; z-index:2; background:#f1f5f9; white-space:nowrap; }
.sync-data-grid td[b-u2pkxhfkfm] { max-width:22rem; overflow-wrap:anywhere; vertical-align:top; }
.sync-data-grid th:first-child[b-u2pkxhfkfm],.sync-data-grid td:first-child[b-u2pkxhfkfm] { position:sticky; left:0; background:#f0fdfa; }
.sync-data-grid th:first-child[b-u2pkxhfkfm] { z-index:3; }
.sync-panel button.sync-danger[b-u2pkxhfkfm],.sync-delete-dialog button.sync-danger[b-u2pkxhfkfm] { background:#b91c1c; color:white; }
.sync-modal-backdrop[b-u2pkxhfkfm] { position:fixed; inset:0; background:#0f172a99; z-index:1500; display:flex; align-items:center; justify-content:center; padding:1rem; }
.sync-delete-dialog[b-u2pkxhfkfm] { width:min(40rem,95vw); max-height:90vh; overflow:auto; background:white; border-radius:1rem; padding:1.5rem; box-shadow:0 20px 70px #0005; }
.sync-delete-dialog h2[b-u2pkxhfkfm] { margin-top:0; }.sync-delete-warning[b-u2pkxhfkfm] { color:#b91c1c; }
.sync-delete-dialog label[b-u2pkxhfkfm] { display:grid; gap:.4rem; }.sync-delete-dialog input[b-u2pkxhfkfm] { padding:.7rem; border:1px solid #94a3b8; border-radius:.5rem; }
.sync-delete-dialog button[b-u2pkxhfkfm] { border:0; border-radius:.5rem; padding:.7rem 1rem; cursor:pointer; }.sync-delete-dialog button:disabled[b-u2pkxhfkfm] { opacity:.5; cursor:default; }
.sync-detached[b-u2pkxhfkfm] { margin-top:1rem; padding:1rem; border:1px solid #fbbf24; border-radius:.75rem; background:#fffbeb; }
/* _content/CamsCloudDashboard/Components/Pages/Categories.razor.rz.scp.css */
.categories-page[b-enudpi3pce] { display: grid; gap: 1rem; min-width: 0; }
.category-panel[b-enudpi3pce] { min-width: 0; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 1.2rem; box-shadow: 0 16px 48px #0f172a0a; }
.category-header[b-enudpi3pce] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: linear-gradient(135deg,#fff,#ecfeff); }
.kicker[b-enudpi3pce] { color: #0f766e; text-transform: uppercase; font-size: .78rem; font-weight: 900; }
h1[b-enudpi3pce],h2[b-enudpi3pce] { color: #0f172a; margin: .2rem 0 .65rem; }
p[b-enudpi3pce] { color: #64748b; line-height: 1.5; }
label[b-enudpi3pce] { display: grid; gap: .45rem; color: #475569; font-weight: 750; }
input[b-enudpi3pce] { width: 100%; min-width: 0; box-sizing: border-box; min-height: 42px; padding: .6rem; border: 1px solid #cbd5e1; border-radius: 6px; font: inherit; }
input:focus[b-enudpi3pce] { outline: 2px solid #0f766e; outline-offset: 1px; }
.search-field[b-enudpi3pce] { max-width: 450px; }
button[b-enudpi3pce] { min-height: 38px; padding: .5rem .75rem; border: 0; border-radius: 6px; font: inherit; font-weight: 800; cursor: pointer; }
button:disabled[b-enudpi3pce] { opacity: .5; cursor: not-allowed; }
.primary-action[b-enudpi3pce] { background: #0f766e; color: #fff; }
.secondary-action[b-enudpi3pce] { background: #e2e8f0; color: #334155; }
.danger-action[b-enudpi3pce] { background: #b91c1c; color: #fff; }
.category-table-wrap[b-enudpi3pce] { overflow-x: auto; margin-top: 1rem; }
table[b-enudpi3pce] { width: 100%; border-collapse: collapse; }
th[b-enudpi3pce],td[b-enudpi3pce] { padding: .75rem .5rem; border-bottom: 1px solid #e2e8f0; text-align: left; overflow-wrap: anywhere; }
th[b-enudpi3pce] { font-size: .78rem; color: #64748b; text-transform: uppercase; }
.actions[b-enudpi3pce] { text-align: right; }
.actions button[b-enudpi3pce] { margin: .15rem; }
.modal-backdrop[b-enudpi3pce] { position: fixed; inset: 0; z-index: 1000; background: #0f172a94; display: grid; place-items: center; padding: 1rem; overflow-y: auto; }
.category-dialog[b-enudpi3pce] { width: min(500px,100%); box-sizing: border-box; border-radius: 10px; padding: 1.25rem; background: #fff; max-height: calc(100vh - 2rem); overflow-y: auto; box-shadow: 0 24px 64px #0f172a4d; }
.category-dialog form[b-enudpi3pce] { display: grid; gap: 1rem; }
.form-actions[b-enudpi3pce] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.error[b-enudpi3pce] { color: #991b1b; }
.message.error[b-enudpi3pce] { background: #fef2f2; border-color: #fecaca; }
.message.success[b-enudpi3pce] { color: #065f46; background: #ecfdf5; border-color: #a7f3d0; }
@media(max-width:680px) { .category-panel[b-enudpi3pce] { padding: .85rem; } h1[b-enudpi3pce] { font-size: 1.55rem; } .actions button[b-enudpi3pce] { font-size: .8rem; padding: .4rem .5rem; } }
/* _content/CamsCloudDashboard/Components/Pages/ComparativeSheets.razor.rz.scp.css */
.comparative-page[b-ias5jymtn4] { display:grid; gap:1rem; }
.panel[b-ias5jymtn4] { padding:1.3rem; background:white; border:1px solid #e2e8f0; border-radius:14px; }
.page-header[b-ias5jymtn4],.dialog-header[b-ias5jymtn4] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
h1[b-ias5jymtn4],h2[b-ias5jymtn4],h3[b-ias5jymtn4],p[b-ias5jymtn4] { margin:0; } h1[b-ias5jymtn4] { font-size:1.7rem; margin:.3rem 0; } h2[b-ias5jymtn4] { font-size:1.3rem; margin:.3rem 0; } h3[b-ias5jymtn4] { font-size:1rem; margin:.3rem 0; }
.kicker[b-ias5jymtn4] { font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#0f766e; }
.page-header p[b-ias5jymtn4],.dialog-header p[b-ias5jymtn4],.hint[b-ias5jymtn4] { color:#64748b; font-size:.85rem; line-height:1.5; }
button[b-ias5jymtn4] { border:0; border-radius:8px; padding:.6rem .85rem; font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }
.primary[b-ias5jymtn4] { background:#0f766e; color:white; } .secondary[b-ias5jymtn4] { background:#e2e8f0; color:#334155; } .danger[b-ias5jymtn4] { background:#fee2e2; color:#b91c1c; }
button:disabled[b-ias5jymtn4] { opacity:.55; cursor:not-allowed; } button:focus-visible[b-ias5jymtn4],input:focus-visible[b-ias5jymtn4],select:focus-visible[b-ias5jymtn4] { outline:3px solid #5eead4; outline-offset:2px; }
label[b-ias5jymtn4] { display:grid; gap:.4rem; font-size:.78rem; font-weight:750; }
input[b-ias5jymtn4],select[b-ias5jymtn4] { min-width:0; width:100%; padding:.65rem; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; background:white; font:inherit; }
.search-form[b-ias5jymtn4] { display:flex; align-items:end; gap:.7rem; margin-bottom:1rem; } .search-form label[b-ias5jymtn4] { flex:1; }
.list-meta[b-ias5jymtn4] { color:#64748b; font-size:.8rem; margin-bottom:.7rem; }
.list-wrap[b-ias5jymtn4] { overflow:auto; } table[b-ias5jymtn4] { border-collapse:collapse; width:100%; font-size:.85rem; }
th[b-ias5jymtn4],td[b-ias5jymtn4] { text-align:left; padding:.8rem; border-bottom:1px solid #e2e8f0; } th[b-ias5jymtn4] { background:#f8fafc; color:#475569; }
.row-actions[b-ias5jymtn4],.pager[b-ias5jymtn4] { display:flex; gap:.5rem; flex-wrap:wrap; } .pager[b-ias5jymtn4] { justify-content:flex-end; margin-top:1rem; }
.message[b-ias5jymtn4] { padding:.85rem 1rem; border-radius:8px; font-size:.85rem; } .error[b-ias5jymtn4] { background:#fef2f2; color:#b91c1c; } .success[b-ias5jymtn4] { background:#ecfdf5; color:#047857; }
.warning[b-ias5jymtn4] { background:#fffbeb; color:#92400e; }
.comparative-backdrop[b-ias5jymtn4] { position:fixed; inset:0; z-index:1100; display:flex; justify-content:center; align-items:center; padding:2vh 2vw; background:#0f172a99; }
.comparative-dialog[b-ias5jymtn4] { width:95vw; max-width:1450px; max-height:95vh; min-width:0; display:flex; flex-direction:column; border-radius:16px; background:#f8fafc; box-shadow:0 30px 90px #0f172a66; overflow:hidden; }
.dialog-header[b-ias5jymtn4] { padding:1.25rem 1.5rem; border-bottom:1px solid #e2e8f0; background:white; }
.dialog-body[b-ias5jymtn4] { overflow:auto; padding:1.25rem 1.5rem; display:grid; grid-auto-rows:max-content; align-content:start; gap:1rem; min-height:0; }
.dialog-footer[b-ias5jymtn4] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.5rem; background:white; border-top:1px solid #e2e8f0; }
.dialog-footer > span[b-ias5jymtn4] { color:#64748b; font-size:.75rem; }
.approval-fields[b-ias5jymtn4] { display:grid; grid-template-columns:1fr 2fr; gap:1rem; padding:1rem; background:white; border:1px solid #e2e8f0; border-radius:10px; }
.approval-fields div[b-ias5jymtn4] { display:grid; gap:.4rem; } .approval-fields span[b-ias5jymtn4] { color:#64748b; font-size:.75rem; }
.product-card[b-ias5jymtn4] { display:grid; grid-template-columns:minmax(180px,26%) minmax(0,1fr); background:white; border:1px solid #cbd5e1; border-radius:12px; overflow:hidden; }
.product-heading[b-ias5jymtn4] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; padding:1.25rem; text-align:center; min-width:0; overflow-wrap:anywhere; background:#f8fafc; } .product-heading p[b-ias5jymtn4] { color:#64748b; font-size:.8rem; line-height:1.6; } .product-heading p strong[b-ias5jymtn4] { display:block; color:#0f766e; font-size:1.1rem; margin-top:.35rem; }
.firm-comparisons[b-ias5jymtn4] { min-width:0; border-left:1px solid #cbd5e1; padding:1rem; }
.comparison-heading[b-ias5jymtn4] { display:grid; grid-template-columns:45px minmax(0,1fr) 80px 80px 30px; gap:1rem; padding:0 .85rem .65rem; color:#64748b; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.comparison-list[b-ias5jymtn4] { display:grid; gap:.5rem; margin-bottom:.8rem; }
.comparison-row[b-ias5jymtn4] { display:grid; grid-template-columns:45px minmax(0,1fr) 80px 80px 30px; align-items:center; gap:1rem; padding:.85rem; background:#f8fafc; border-radius:8px; font-size:.85rem; overflow-wrap:anywhere; }
.serial[b-ias5jymtn4] { text-align:center; color:#64748b; } .amount[b-ias5jymtn4] { text-align:right; font-variant-numeric:tabular-nums; }
.comparison-row .amount[b-ias5jymtn4]:before { font-weight:500; color:#64748b; }
.comparison-row small[b-ias5jymtn4] { display:block; color:#64748b; margin-top:.3rem; }
.reference[b-ias5jymtn4] { color:#475569; font-size:.8rem; overflow-wrap:anywhere; }
.remove[b-ias5jymtn4] { padding:.25rem .5rem; font-size:1.3rem; background:transparent; color:#b91c1c; }
.add-product[b-ias5jymtn4] { border:1px dashed #99f6e4; padding:.75rem; border-radius:10px; background:#f0fdfa; }
.preview summary[b-ias5jymtn4] { padding:.8rem 0; font-size:.85rem; font-weight:750; color:#0f766e; cursor:pointer; }
.busy[b-ias5jymtn4] { padding:.5rem 1.5rem; color:#64748b; }
.confirmation[b-ias5jymtn4] { z-index:1200; } .confirm-dialog[b-ias5jymtn4] { width:min(440px,95vw); background:white; border-radius:14px; padding:1.5rem; } .confirm-dialog p[b-ias5jymtn4] { margin:1rem 0; line-height:1.5; color:#64748b; }
@media(max-width:800px) { .product-card[b-ias5jymtn4] { grid-template-columns:minmax(0,1fr); } .firm-comparisons[b-ias5jymtn4] { border-left:0; border-top:1px solid #cbd5e1; } .product-heading[b-ias5jymtn4] { flex-direction:row; justify-content:space-between; text-align:left; padding:1rem; } .product-heading p strong[b-ias5jymtn4] { display:inline; margin-left:.35rem; } .comparison-heading[b-ias5jymtn4] { display:none; } }
@media(max-width:650px) { .page-header[b-ias5jymtn4],.dialog-footer[b-ias5jymtn4] { align-items:flex-start; flex-direction:column; } .approval-fields[b-ias5jymtn4] { grid-template-columns:1fr; } .comparison-row[b-ias5jymtn4] { grid-template-columns:25px minmax(0,1fr) 30px; gap:.5rem; } .comparison-row .serial[b-ias5jymtn4] { grid-column:1; grid-row:1/4; } .comparison-row > div[b-ias5jymtn4] { grid-column:2; grid-row:1; } .comparison-row .amount[b-ias5jymtn4] { grid-column:2; text-align:left; } .comparison-row .amount[b-ias5jymtn4]:before { content:attr(aria-label) ": "; } .remove[b-ias5jymtn4] { grid-column:3; grid-row:1/4; } .dialog-header[b-ias5jymtn4],.dialog-body[b-ias5jymtn4],.dialog-footer[b-ias5jymtn4] { padding:1rem; } .product-heading[b-ias5jymtn4] { align-items:flex-start; flex-direction:column; } .report-list thead[b-ias5jymtn4] { display:none; } .report-list tr[b-ias5jymtn4] { display:grid; border-bottom:1px solid #cbd5e1; } .report-list td[b-ias5jymtn4] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; } .report-list td[b-ias5jymtn4]::before { content:attr(data-label); font-weight:700; color:#64748b; } }
/* _content/CamsCloudDashboard/Components/Pages/EvaluationSheets.razor.rz.scp.css */
.evaluation-page[b-nmqsg9cz9t] { display:grid; gap:1rem; }
.panel[b-nmqsg9cz9t] { padding:1.3rem; background:white; border:1px solid #e2e8f0; border-radius:14px; }
.page-header[b-nmqsg9cz9t],.dialog-header[b-nmqsg9cz9t] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
h1[b-nmqsg9cz9t],h2[b-nmqsg9cz9t],h3[b-nmqsg9cz9t],p[b-nmqsg9cz9t] { margin:0; } h1[b-nmqsg9cz9t] { font-size:1.7rem; margin:.3rem 0; } h2[b-nmqsg9cz9t] { font-size:1.3rem; margin:.3rem 0; } h3[b-nmqsg9cz9t] { font-size:1rem; margin:.3rem 0; }
.kicker[b-nmqsg9cz9t] { font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#0f766e; }
.page-header p[b-nmqsg9cz9t],.dialog-header p[b-nmqsg9cz9t],.hint[b-nmqsg9cz9t] { color:#64748b; font-size:.85rem; line-height:1.5; }
button[b-nmqsg9cz9t] { border:0; border-radius:8px; padding:.6rem .85rem; font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }
.primary[b-nmqsg9cz9t] { background:#0f766e; color:white; } .secondary[b-nmqsg9cz9t] { background:#e2e8f0; color:#334155; } .danger[b-nmqsg9cz9t] { background:#fee2e2; color:#b91c1c; }
button:disabled[b-nmqsg9cz9t] { opacity:.55; cursor:not-allowed; } button:focus-visible[b-nmqsg9cz9t],input:focus-visible[b-nmqsg9cz9t],select:focus-visible[b-nmqsg9cz9t] { outline:3px solid #5eead4; outline-offset:2px; }
label[b-nmqsg9cz9t] { display:grid; gap:.4rem; font-size:.78rem; font-weight:750; }
input[b-nmqsg9cz9t],select[b-nmqsg9cz9t] { min-width:0; width:100%; padding:.65rem; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; background:white; font:inherit; }
.search-form[b-nmqsg9cz9t] { display:flex; align-items:end; gap:.7rem; margin-bottom:1rem; } .search-form label[b-nmqsg9cz9t] { flex:1; }
.list-meta[b-nmqsg9cz9t] { color:#64748b; font-size:.8rem; margin-bottom:.7rem; }
.list-wrap[b-nmqsg9cz9t] { overflow:auto; } table[b-nmqsg9cz9t] { border-collapse:collapse; width:100%; font-size:.85rem; }
th[b-nmqsg9cz9t],td[b-nmqsg9cz9t] { text-align:left; padding:.8rem; border-bottom:1px solid #e2e8f0; } th[b-nmqsg9cz9t] { background:#f8fafc; color:#475569; }
.row-actions[b-nmqsg9cz9t],.pager[b-nmqsg9cz9t] { display:flex; gap:.5rem; flex-wrap:wrap; } .pager[b-nmqsg9cz9t] { justify-content:flex-end; margin-top:1rem; }
.message[b-nmqsg9cz9t] { padding:.85rem 1rem; border-radius:8px; font-size:.85rem; } .error[b-nmqsg9cz9t] { background:#fef2f2; color:#b91c1c; } .success[b-nmqsg9cz9t] { background:#ecfdf5; color:#047857; }
.warning[b-nmqsg9cz9t] { background:#fffbeb; color:#92400e; }
.evaluation-backdrop[b-nmqsg9cz9t] { position:fixed; inset:0; z-index:1100; display:flex; justify-content:center; align-items:center; padding:2vh 2vw; background:#0f172a99; }
.evaluation-dialog[b-nmqsg9cz9t] { width:95vw; max-width:1450px; max-height:95vh; min-width:0; display:flex; flex-direction:column; border-radius:16px; background:#f8fafc; box-shadow:0 30px 90px #0f172a66; overflow:hidden; }
.dialog-header[b-nmqsg9cz9t] { padding:1.25rem 1.5rem; border-bottom:1px solid #e2e8f0; background:white; }
.dialog-body[b-nmqsg9cz9t] { overflow:auto; padding:1.25rem 1.5rem; display:grid; grid-auto-rows:max-content; align-content:start; gap:1rem; min-height:0; }
.dialog-footer[b-nmqsg9cz9t] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.5rem; background:white; border-top:1px solid #e2e8f0; }
.dialog-footer > span[b-nmqsg9cz9t] { color:#64748b; font-size:.75rem; }
.approval-fields[b-nmqsg9cz9t] { display:grid; grid-template-columns:1fr 2fr; gap:1rem; padding:1rem; background:white; border:1px solid #e2e8f0; border-radius:10px; }
.approval-fields div[b-nmqsg9cz9t] { display:grid; gap:.4rem; } .approval-fields span[b-nmqsg9cz9t] { color:#64748b; font-size:.75rem; }
.product-card[b-nmqsg9cz9t] { display:grid; grid-template-columns:minmax(180px,26%) minmax(0,1fr); background:white; border:1px solid #cbd5e1; border-radius:12px; overflow:hidden; }
.product-heading[b-nmqsg9cz9t] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; padding:1.25rem; text-align:center; min-width:0; overflow-wrap:anywhere; background:#f8fafc; } .product-heading p[b-nmqsg9cz9t] { color:#64748b; font-size:.8rem; line-height:1.6; } .product-heading p strong[b-nmqsg9cz9t] { display:block; color:#0f766e; font-size:1.1rem; margin-top:.35rem; }
.firm-comparisons[b-nmqsg9cz9t] { min-width:0; border-left:1px solid #cbd5e1; padding:1rem; }
.comparison-heading[b-nmqsg9cz9t] { display:grid; grid-template-columns:1.2fr .5fr 1.5fr 30px; gap:1rem; padding:0 .85rem .65rem; color:#64748b; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.comparison-list[b-nmqsg9cz9t] { display:grid; gap:.5rem; margin-bottom:.8rem; }
.comparison-row[b-nmqsg9cz9t] { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(55px,.5fr) minmax(0,1.5fr) 30px; align-items:center; gap:1rem; padding:.85rem; background:#f8fafc; border-radius:8px; font-size:.85rem; overflow-wrap:anywhere; }
.comparison-row small[b-nmqsg9cz9t] { display:block; color:#64748b; margin-top:.3rem; }
.discount[b-nmqsg9cz9t] { color:#0f766e; font-weight:800; font-variant-numeric:tabular-nums; }
.reference[b-nmqsg9cz9t] { color:#475569; font-size:.8rem; overflow-wrap:anywhere; }
.remove[b-nmqsg9cz9t] { padding:.25rem .5rem; font-size:1.3rem; background:transparent; color:#b91c1c; }
.add-product[b-nmqsg9cz9t] { border:1px dashed #99f6e4; padding:.75rem; border-radius:10px; background:#f0fdfa; }
.preview summary[b-nmqsg9cz9t] { padding:.8rem 0; font-size:.85rem; font-weight:750; color:#0f766e; cursor:pointer; }
.busy[b-nmqsg9cz9t] { padding:.5rem 1.5rem; color:#64748b; }
.confirmation[b-nmqsg9cz9t] { z-index:1200; } .confirm-dialog[b-nmqsg9cz9t] { width:min(440px,95vw); background:white; border-radius:14px; padding:1.5rem; } .confirm-dialog p[b-nmqsg9cz9t] { margin:1rem 0; line-height:1.5; color:#64748b; }
@media(max-width:800px) { .product-card[b-nmqsg9cz9t] { grid-template-columns:minmax(0,1fr); } .firm-comparisons[b-nmqsg9cz9t] { border-left:0; border-top:1px solid #cbd5e1; } .product-heading[b-nmqsg9cz9t] { flex-direction:row; justify-content:space-between; text-align:left; padding:1rem; } .product-heading p strong[b-nmqsg9cz9t] { display:inline; margin-left:.35rem; } .comparison-heading[b-nmqsg9cz9t] { display:none; } }
@media(max-width:650px) { .page-header[b-nmqsg9cz9t],.dialog-footer[b-nmqsg9cz9t] { align-items:flex-start; flex-direction:column; } .approval-fields[b-nmqsg9cz9t] { grid-template-columns:1fr; } .comparison-row[b-nmqsg9cz9t] { grid-template-columns:minmax(0,1fr) 30px; gap:.5rem; } .discount[b-nmqsg9cz9t],.reference[b-nmqsg9cz9t] { grid-column:1; } .remove[b-nmqsg9cz9t] { grid-column:2; grid-row:1/4; } .dialog-header[b-nmqsg9cz9t],.dialog-body[b-nmqsg9cz9t],.dialog-footer[b-nmqsg9cz9t] { padding:1rem; } .product-heading[b-nmqsg9cz9t] { align-items:flex-start; flex-direction:column; } .report-list thead[b-nmqsg9cz9t] { display:none; } .report-list tr[b-nmqsg9cz9t] { display:grid; border-bottom:1px solid #cbd5e1; } .report-list td[b-nmqsg9cz9t] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; } .report-list td[b-nmqsg9cz9t]::before { content:attr(data-label); font-weight:700; color:#64748b; } }
/* _content/CamsCloudDashboard/Components/Pages/Firms.razor.rz.scp.css */
.firms-page[b-tftqbbrgcq] {
    display: grid;
    gap: 1rem;
}

.firms-header[b-tftqbbrgcq],
.firms-panel[b-tftqbbrgcq],
.message-panel[b-tftqbbrgcq] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.firms-header[b-tftqbbrgcq],
.editor-header[b-tftqbbrgcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.firms-header[b-tftqbbrgcq] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-tftqbbrgcq] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-tftqbbrgcq],
h2[b-tftqbbrgcq] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-tftqbbrgcq] {
    font-size: 2rem;
}

h2[b-tftqbbrgcq] {
    font-size: 1.25rem;
}

p[b-tftqbbrgcq] {
    margin: 0;
    color: #64748b;
}

.firms-panel[b-tftqbbrgcq],
.message-panel[b-tftqbbrgcq] {
    padding: 1rem;
}

.message-panel.success[b-tftqbbrgcq] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-tftqbbrgcq],
.form-errors[b-tftqbbrgcq] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.firm-search[b-tftqbbrgcq] {
    display: flex;
    align-items: end;
    gap: .7rem;
}

.firm-search label[b-tftqbbrgcq],
.form-grid label[b-tftqbbrgcq] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

.firm-search label[b-tftqbbrgcq] {
    flex: 1;
}

input[b-tftqbbrgcq], textarea[b-tftqbbrgcq] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-tftqbbrgcq], textarea:focus[b-tftqbbrgcq] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

.primary-action[b-tftqbbrgcq],
.secondary-action[b-tftqbbrgcq],
.clear-action[b-tftqbbrgcq],
.table-action[b-tftqbbrgcq] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-tftqbbrgcq] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-tftqbbrgcq] {
    background: #111827;
    color: #fff;
}

.clear-action[b-tftqbbrgcq],
.table-action[b-tftqbbrgcq] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-tftqbbrgcq] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-tftqbbrgcq] {
    color: #fff;
    background: #b91c1c;
}

.primary-action:disabled[b-tftqbbrgcq],
.table-action:disabled[b-tftqbbrgcq] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-tftqbbrgcq],
.pager[b-tftqbbrgcq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.table-wrap[b-tftqbbrgcq] {
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-tftqbbrgcq] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

th[b-tftqbbrgcq],
td[b-tftqbbrgcq] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-tftqbbrgcq] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-tftqbbrgcq] {
    color: #0f172a;
}

td strong[b-tftqbbrgcq],
td small[b-tftqbbrgcq] {
    display: block;
}

td small[b-tftqbbrgcq] {
    margin-top: .15rem;
    color: #64748b;
}

.actions-column[b-tftqbbrgcq] {
    text-align: right;
    min-width: 180px;
}

.empty-row[b-tftqbbrgcq],
.loading-state[b-tftqbbrgcq] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.modal-backdrop[b-tftqbbrgcq] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}

.firm-dialog[b-tftqbbrgcq] {
    width: min(900px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.editor-header[b-tftqbbrgcq] {
    margin-bottom: 1rem;
}

.firm-form[b-tftqbbrgcq] {
    display: grid;
    gap: 1rem;
}

.form-grid[b-tftqbbrgcq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    border: 0;
    padding: 0;
    margin: 0;
}

.firm-status[b-tftqbbrgcq] { display: inline-block; border-radius: 5px; padding: .3rem .5rem; font-size: .8rem; font-weight: 800; }
.document-debug-warning[b-tftqbbrgcq] { padding: .8rem 1rem; border: 1px solid #fcd34d; border-radius: 8px; background: #fffbeb; color: #92400e; font-size: .85rem; }
.approved[b-tftqbbrgcq], .table-action.approve[b-tftqbbrgcq] { background: #dcfce7; color: #166534; }
.pending[b-tftqbbrgcq] { background: #fef3c7; color: #92400e; }
.firm-status.inactive[b-tftqbbrgcq] { background: #fee2e2; color: #991b1b; }
.firm-status-tags[b-tftqbbrgcq] { display: flex; flex-wrap: wrap; gap: .35rem; }
.inactive-checkbox[b-tftqbbrgcq] { min-height: unset; width: 1rem; height: 1rem; padding: 0; flex-shrink: 0; accent-color: #b91c1c; }
.inactive-confirm-backdrop[b-tftqbbrgcq] { z-index: 1200; }
.inactive-confirm-dialog[b-tftqbbrgcq] { width: min(520px, 100%); }
.inactive-confirm-dialog h2[b-tftqbbrgcq] { margin-bottom: .8rem; }
.inactive-confirm-dialog p[b-tftqbbrgcq] { line-height: 1.6; }
.form-grid .check-field[b-tftqbbrgcq] { display: flex; align-items: center; gap: .5rem; }
.check-field input[b-tftqbbrgcq] { min-height: unset; }
.document-checklist[b-tftqbbrgcq] { display: grid; gap: .65rem; border-top: 1px solid #cbd5e1; padding-top: 1rem; }
.document-row[b-tftqbbrgcq] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #e2e8f0; padding: .75rem; border-radius: 6px; }
.document-row.uploaded[b-tftqbbrgcq], .document-row.selected[b-tftqbbrgcq] { border-color: #86efac; background: #dcfce7; }
.document-row.uploaded .uploaded-status[b-tftqbbrgcq] { color: #166534; font-weight: 800; }
.document-row > div[b-tftqbbrgcq] { min-width: 0; overflow-wrap: anywhere; }
.document-row small[b-tftqbbrgcq] { display: block; margin-top: .25rem; color: #64748b; }
.document-row a[b-tftqbbrgcq] { display: block; margin-top: .35rem; color: #0f766e; }
.requirement[b-tftqbbrgcq] { font-size: .72rem; font-weight: 500; color: #64748b; }
.document-row .missing-document[b-tftqbbrgcq] { color: #b45309; }
.document-row .selected-document[b-tftqbbrgcq] { color: #166534; }
.upload-button[b-tftqbbrgcq] { position: relative; display: inline-flex; flex-shrink: 0; overflow: hidden; padding: .6rem .9rem; background: #e0f2fe; color: #075985; border-radius: 6px; font-weight: 800; }
.upload-button[b-tftqbbrgcq]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.upload-button:focus-within[b-tftqbbrgcq] { outline: 3px solid #14b8a6; }
fieldset:disabled input[b-tftqbbrgcq], fieldset:disabled textarea[b-tftqbbrgcq] { background: #f1f5f9; }
textarea[b-tftqbbrgcq] { resize: vertical; min-width: 0; max-width: 100%; }
.firm-address[b-tftqbbrgcq] { white-space: pre-wrap; overflow-wrap: anywhere; }

.form-grid .wide-field[b-tftqbbrgcq] {
    grid-column: span 2;
}
.form-grid .address-field[b-tftqbbrgcq] { grid-column: 1 / -1; }

.form-errors[b-tftqbbrgcq] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-tftqbbrgcq] {
    display: flex;
    justify-content: end;
    gap: .65rem;
}

@media (max-width: 800px) {
    .form-grid[b-tftqbbrgcq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .firms-header[b-tftqbbrgcq],
    .editor-header[b-tftqbbrgcq],
    .firm-search[b-tftqbbrgcq] {
        display: grid;
    }

    .firms-header[b-tftqbbrgcq],
    .firms-panel[b-tftqbbrgcq],
    .message-panel[b-tftqbbrgcq],
    .firm-dialog[b-tftqbbrgcq] {
        padding: .85rem;
    }

    .modal-backdrop[b-tftqbbrgcq] {
        padding: .75rem;
    }

    .firm-dialog[b-tftqbbrgcq] {
        max-height: calc(100vh - 1.5rem);
    }

    h1[b-tftqbbrgcq] {
        font-size: 1.55rem;
    }

    .form-grid[b-tftqbbrgcq] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide-field[b-tftqbbrgcq] {
        grid-column: auto;
    }

    .form-actions button[b-tftqbbrgcq] {
        flex: 1;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-bd75wc052u] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
}

.hero-panel[b-bd75wc052u],
.filter-bar[b-bd75wc052u],
.panel[b-bd75wc052u],
.loading-panel[b-bd75wc052u],
.empty-state[b-bd75wc052u],
.alert-panel[b-bd75wc052u] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.hero-panel[b-bd75wc052u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.35rem;
    background: linear-gradient(135deg, #ffffff, #ecfeff);
    min-width: 0;
}

.section-kicker[b-bd75wc052u] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-bd75wc052u] {
    margin: .2rem 0;
    color: #0f172a;
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1.05;
}

p[b-bd75wc052u] {
    margin: 0;
    color: #64748b;
}

.filter-bar[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(140px, .45fr)) auto;
    gap: .85rem;
    align-items: end;
    padding: 1rem;
    min-width: 0;
}

.filter-bar label[b-bd75wc052u] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-weight: 800;
    font-size: .86rem;
}

.filter-bar select[b-bd75wc052u],
.filter-bar input[b-bd75wc052u] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .55rem .65rem;
    background: #fff;
    color: #0f172a;
}

.primary-action[b-bd75wc052u],
.secondary-action[b-bd75wc052u] {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: 6px;
    padding: .55rem .9rem;
    font-weight: 900;
}

.primary-action[b-bd75wc052u] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-bd75wc052u] {
    background: #111827;
    color: #fff;
}

.primary-action:disabled[b-bd75wc052u] {
    opacity: .65;
}

.kpi-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

[b-bd75wc052u] .kpi-card {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .07);
    min-width: 0;
}

[b-bd75wc052u] .kpi-card span {
    color: #64748b;
    font-weight: 800;
}

[b-bd75wc052u] .kpi-card strong {
    color: #0f172a;
    font-size: 1.65rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

[b-bd75wc052u] .kpi-card small {
    color: #0f766e;
    font-weight: 800;
}

.chart-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.panel[b-bd75wc052u] {
    padding: 1rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.panel.wide[b-bd75wc052u] {
    grid-column: 1 / -1;
}

.panel-header[b-bd75wc052u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
    min-width: 0;
}

.panel-header h2[b-bd75wc052u] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
    min-width: 0;
}

.panel-header span[b-bd75wc052u] {
    color: #64748b;
    font-size: .86rem;
    font-weight: 700;
    text-align: right;
}

.chart-box[b-bd75wc052u] {
    height: 300px;
    position: relative;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.chart-box.compact[b-bd75wc052u] {
    height: 240px;
}

.chart-box canvas[b-bd75wc052u] {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.canteen-sales-list[b-bd75wc052u] {
    display: grid;
    gap: .75rem;
    max-height: 520px;
    overflow-y: auto;
    padding-right: .35rem;
}

.canteen-sales-row[b-bd75wc052u] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.canteen-sales-meta[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: baseline;
}

.canteen-sales-meta strong[b-bd75wc052u] {
    min-width: 0;
    color: #0f172a;
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.canteen-sales-meta span[b-bd75wc052u] {
    color: #0f766e;
    font-weight: 900;
    white-space: nowrap;
}

.canteen-sales-track[b-bd75wc052u] {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.canteen-sales-fill[b-bd75wc052u] {
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, #2563eb);
}

.table-grid[b-bd75wc052u] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 1rem;
}

.table-wrap[b-bd75wc052u] {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

table[b-bd75wc052u] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

th[b-bd75wc052u] {
    text-align: left;
    color: #64748b;
    font-size: .78rem;
    text-transform: uppercase;
    padding: .65rem .5rem;
    border-bottom: 1px solid #e2e8f0;
}

td[b-bd75wc052u] {
    padding: .8rem .5rem;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
    vertical-align: top;
}

td strong[b-bd75wc052u] {
    display: block;
    font-weight: 900;
}

td small[b-bd75wc052u] {
    display: block;
    color: #64748b;
    margin-top: .2rem;
}

.number-column[b-bd75wc052u] {
    width: 42px;
    text-align: right;
    color: #64748b;
    font-weight: 800;
}

.loading-panel[b-bd75wc052u],
.empty-state[b-bd75wc052u],
.alert-panel[b-bd75wc052u] {
    padding: 1.5rem;
}

.alert-panel[b-bd75wc052u] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

@media (max-width: 1100px) {
    .kpi-grid[b-bd75wc052u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chart-grid[b-bd75wc052u],
    .table-grid[b-bd75wc052u] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-bd75wc052u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {
    .hero-panel[b-bd75wc052u],
    .panel-header[b-bd75wc052u] {
        display: grid;
    }

    .hero-panel[b-bd75wc052u] {
        padding: 1rem;
    }

    h1[b-bd75wc052u] {
        font-size: 1.55rem;
    }

    .kpi-grid[b-bd75wc052u],
    .chart-grid[b-bd75wc052u],
    .table-grid[b-bd75wc052u],
    .filter-bar[b-bd75wc052u] {
        grid-template-columns: 1fr;
    }

    .panel[b-bd75wc052u],
    .filter-bar[b-bd75wc052u],
    .loading-panel[b-bd75wc052u],
    .empty-state[b-bd75wc052u],
    .alert-panel[b-bd75wc052u] {
        padding: .85rem;
    }

    .panel-header[b-bd75wc052u] {
        gap: .25rem;
    }

    .panel-header span[b-bd75wc052u] {
        text-align: left;
    }

    [b-bd75wc052u] .kpi-card {
        padding: .85rem;
    }

    [b-bd75wc052u] .kpi-card strong {
        font-size: 1.35rem;
    }

    .chart-box[b-bd75wc052u] {
        height: 260px;
    }

    .chart-box.compact[b-bd75wc052u] {
        height: 220px;
    }

    table[b-bd75wc052u] {
        min-width: 520px;
    }
}

@media (max-width: 420px) {
    .dashboard-page[b-bd75wc052u] {
        gap: .75rem;
    }

    .hero-panel[b-bd75wc052u],
    .filter-bar[b-bd75wc052u],
    .panel[b-bd75wc052u],
    .loading-panel[b-bd75wc052u],
    .empty-state[b-bd75wc052u],
    .alert-panel[b-bd75wc052u] {
        border-radius: 7px;
    }

    .canteen-sales-meta[b-bd75wc052u] {
        grid-template-columns: 1fr;
        gap: .15rem;
    }

    .canteen-sales-meta strong[b-bd75wc052u] {
        white-space: normal;
    }

    .canteen-sales-meta span[b-bd75wc052u] {
        font-size: .9rem;
    }

    .chart-box[b-bd75wc052u] {
        height: 240px;
    }

    .chart-box.compact[b-bd75wc052u] {
        height: 210px;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Login.razor.rz.scp.css */
.login-card[b-ggnme3cmu5] {
    width: min(100%, 440px);
    padding: 2rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.login-brand[b-ggnme3cmu5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.login-mark[b-ggnme3cmu5] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
    font-size: 1.4rem;
}

h1[b-ggnme3cmu5] {
    margin: 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

p[b-ggnme3cmu5] {
    margin: .25rem 0 0;
    color: #64748b;
}

.login-alert[b-ggnme3cmu5] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
    border-radius: 6px;
    font-weight: 700;
}

.login-success[b-ggnme3cmu5] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
    border-radius: 6px;
    font-weight: 700;
}

.login-form[b-ggnme3cmu5] {
    display: grid;
    gap: 1rem;
}

label[b-ggnme3cmu5] {
    display: grid;
    gap: .4rem;
    color: #334155;
    font-weight: 800;
}

input[b-ggnme3cmu5] {
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .7rem .8rem;
    font: inherit;
}

input:focus[b-ggnme3cmu5] {
    outline: 3px solid rgba(20, 184, 166, .25);
    border-color: #0f766e;
}

.remember-row[b-ggnme3cmu5] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
}

.remember-row input[b-ggnme3cmu5] {
    min-height: auto;
}

button[b-ggnme3cmu5] {
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
}

.login-hint[b-ggnme3cmu5] {
    margin-top: 1.2rem;
    color: #64748b;
    font-size: .9rem;
}

.login-hint a[b-ggnme3cmu5] {
    color: #0f766e;
    font-weight: 800;
}
/* _content/CamsCloudDashboard/Components/Pages/MarketStudy.razor.rz.scp.css */
.market-page[b-0xzjbzye6m] { display: grid; gap: 1rem; min-width: 0; }
.panel[b-0xzjbzye6m] { min-width: 0; padding: 1.2rem; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.page-header[b-0xzjbzye6m], .dialog-header[b-0xzjbzye6m] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.page-header[b-0xzjbzye6m] { background: linear-gradient(135deg,#fff,#ecfeff); }
.kicker[b-0xzjbzye6m] { font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; color: #0f766e; }
h1[b-0xzjbzye6m], h2[b-0xzjbzye6m] { margin: .2rem 0; font-weight: 850; color: #0f172a; }
h1[b-0xzjbzye6m] { font-size: 2rem; } h2[b-0xzjbzye6m] { font-size: 1.35rem; }
p[b-0xzjbzye6m] { margin: .3rem 0; color: #64748b; }
label[b-0xzjbzye6m] { display: grid; gap: .35rem; color: #475569; font-size: .85rem; font-weight: 750; min-width: 0; }
input[b-0xzjbzye6m], select[b-0xzjbzye6m], textarea[b-0xzjbzye6m] { width: 100%; min-width: 0; padding: .55rem; border: 1px solid #cbd5e1; border-radius: 6px; color: #0f172a; background: #fff; font: inherit; }
button[b-0xzjbzye6m] { border: 0; border-radius: 6px; padding: .5rem .75rem; font-weight: 800; min-height: 36px; }
.primary[b-0xzjbzye6m] { background: #0f766e; color: #fff; }
.secondary[b-0xzjbzye6m] { background: #e2e8f0; color: #334155; }
.danger[b-0xzjbzye6m] { background: #b91c1c; color: #fff; }
button:disabled[b-0xzjbzye6m] { opacity: .5; cursor: not-allowed; }
button:focus-visible[b-0xzjbzye6m], input:focus-visible[b-0xzjbzye6m], select:focus-visible[b-0xzjbzye6m], textarea:focus-visible[b-0xzjbzye6m] { outline: 3px solid #5eead4; outline-offset: 2px; }
.search-form[b-0xzjbzye6m] { display: flex; align-items: end; gap: .6rem; }.search-form label[b-0xzjbzye6m] { flex: 1; }
.list-meta[b-0xzjbzye6m] { display: flex; justify-content: space-between; margin: 1rem 0; font-size: .85rem; color: #64748b; }
.report-list[b-0xzjbzye6m] { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .9rem; }
.report-list th[b-0xzjbzye6m], .report-list td[b-0xzjbzye6m] { padding: .7rem .5rem; border-bottom: 1px solid #e2e8f0; text-align: left; overflow-wrap: anywhere; }
.report-list th[b-0xzjbzye6m] { font-size: .78rem; color: #64748b; text-transform: uppercase; }
.report-list th:first-child[b-0xzjbzye6m] { width: 16%; }.report-list th:nth-child(2)[b-0xzjbzye6m] { width: 26%; }.report-list th:nth-child(3)[b-0xzjbzye6m] { width: 23%; }.report-list th:nth-child(4)[b-0xzjbzye6m] { width: 10%; }.report-list th:last-child[b-0xzjbzye6m] { width: 25%; }
.row-actions[b-0xzjbzye6m] { display: flex; flex-wrap: wrap; gap: .3rem; }.row-actions button[b-0xzjbzye6m] { font-size: .78rem; padding: .35rem .5rem; }
.pager[b-0xzjbzye6m], .dialog-actions[b-0xzjbzye6m] { display: flex; justify-content: end; gap: .6rem; margin-top: 1rem; }
.empty[b-0xzjbzye6m] { padding: 1.5rem; text-align: center; color: #64748b; }
.message[b-0xzjbzye6m] { padding: .8rem; border-radius: 6px; }.error[b-0xzjbzye6m] { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }.success[b-0xzjbzye6m] { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.study-backdrop[b-0xzjbzye6m] { position: fixed; z-index: 1050; inset: 0; display: grid; place-items: center; padding: 2.5vh 2.5vw; background: rgba(15,23,42,.6); backdrop-filter: blur(5px); }
.study-dialog[b-0xzjbzye6m] { display: flex; flex-direction: column; min-width: 0; width: 95vw; max-height: 95vh; padding: 0; border: 1px solid #ffffff70; border-radius: 18px; background: #f8fafc; box-shadow: 0 32px 100px #02061766; overflow: hidden; }
.dialog-header[b-0xzjbzye6m], .dialog-actions[b-0xzjbzye6m], .study-dialog > .message[b-0xzjbzye6m] { flex: 0 0 auto; }
.dialog-body[b-0xzjbzye6m] { min-height: 0; overflow: auto; padding: 1rem 1.25rem; display: grid; gap: .8rem; overscroll-behavior: contain; }
.report-fields[b-0xzjbzye6m] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }.remarks[b-0xzjbzye6m] { grid-column: 1 / -1; }
.editor-toolbar[b-0xzjbzye6m] { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: .8rem; margin-bottom: 1rem; }
.add-column[b-0xzjbzye6m] { display: flex; align-items: end; flex-wrap: wrap; gap: .5rem; }.add-column label[b-0xzjbzye6m] { min-width: 240px; }
.dialog-header[b-0xzjbzye6m] { padding: 1rem 1.25rem; background: linear-gradient(110deg,#f0fdfa,#fff 55%); border-bottom: 1px solid #dbeee9; }
.dialog-heading[b-0xzjbzye6m] { display: flex; align-items: center; gap: .85rem; min-width: 0; }
.dialog-heading h2[b-0xzjbzye6m] { font-size: 1.4rem; letter-spacing: -.025em; overflow-wrap: anywhere; }
.dialog-heading p[b-0xzjbzye6m] { font-size: .8rem; margin-top: .2rem; }
.dialog-icon[b-0xzjbzye6m] { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; color: #0f766e; background: linear-gradient(140deg,#ccfbf1,#f0fdfa); border: 1px solid #99f6e4; font-size: .9rem; font-weight: 850; }
.mode-badge[b-0xzjbzye6m] { display: inline-block; margin-left: .5rem; padding: .2rem .5rem; color: #64748b; background: #f1f5f9; border-radius: 6px; font-size: .6rem; letter-spacing: .04em; }
.close-dialog[b-0xzjbzye6m] { flex: 0 0 auto; width: 36px; height: 36px; padding: 0; background: #f1f5f9; color: #64748b; font-size: 1.5rem; border-radius: 10px; }
.details-card[b-0xzjbzye6m], .comparison-card[b-0xzjbzye6m] { min-width: 0; padding: 1rem; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.section-heading[b-0xzjbzye6m] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
.section-heading > div:first-child[b-0xzjbzye6m] { display: flex; align-items: center; gap: .6rem; }
.section-heading h3[b-0xzjbzye6m] { margin: 0; font-size: .95rem; font-weight: 800; letter-spacing: -.015em; color: #0f172a; }
.section-caption[b-0xzjbzye6m], .toolbar-hint[b-0xzjbzye6m] { color: #94a3b8; font-size: .72rem; }
.approval-hint[b-0xzjbzye6m] { margin-top: .7rem; color: #64748b; font-size: .78rem; }
.report-counts[b-0xzjbzye6m] { display: flex; flex-wrap: wrap; gap: .5rem; color: #64748b; font-size: .7rem; }
.report-counts span[b-0xzjbzye6m] { padding: .3rem .55rem; border: 1px solid #e2e8f0; border-radius: 20px; background: #f8fafc; }
.study-dialog input[b-0xzjbzye6m], .study-dialog select[b-0xzjbzye6m], .study-dialog textarea[b-0xzjbzye6m] { border-radius: 9px; padding: .65rem .75rem; font-size: .82rem; font-weight: 500; transition: border-color .15s; }
.study-dialog textarea[b-0xzjbzye6m] { min-height: 42px; resize: vertical; }
.study-dialog label[b-0xzjbzye6m] { font-size: .75rem; font-weight: 750; }
.optional[b-0xzjbzye6m] { font-size: .67rem; color: #94a3b8; font-weight: 400; }
.remarks[b-0xzjbzye6m] { position: relative; }.remarks .optional[b-0xzjbzye6m] { position: absolute; top: 0; right: 0; }
.study-dialog .primary[b-0xzjbzye6m] { background: #0f766e; box-shadow: 0 2px 4px #0f766e26; border-radius: 9px; font-size: .8rem; padding: .65rem .9rem; }
.study-dialog .primary:hover:not(:disabled)[b-0xzjbzye6m] { background: #115e59; }
.study-dialog .secondary[b-0xzjbzye6m] { border: 1px solid #dbe4ee; background: #fff; border-radius: 9px; font-size: .8rem; padding: .6rem .85rem; }
.study-dialog .secondary:hover:not(:disabled)[b-0xzjbzye6m] { background: #f8fafc; }
.editor-toolbar[b-0xzjbzye6m] { align-items: center; padding: .65rem .8rem; background: #f8fafc; border: 1px solid #e9eef5; border-radius: 9px; }
.toolbar-copy strong[b-0xzjbzye6m] { color: #475569; font-size: .75rem; }.toolbar-hint[b-0xzjbzye6m] { margin: .2rem 0 0; }
.editor-footer[b-0xzjbzye6m] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex: 0 0 auto; padding: 1rem 1.5rem; border-top: 1px solid #e2e8f0; background: #fff; }
.editor-footer .dialog-actions[b-0xzjbzye6m] { margin: 0; }
.footer-hint[b-0xzjbzye6m] { color: #94a3b8; font-size: .72rem; }
.confirmation[b-0xzjbzye6m] { z-index: 1100; }.confirm-dialog[b-0xzjbzye6m] { width: min(480px,95vw); padding: 1.25rem; border-radius: 10px; background: #fff; }
@media (max-width: 680px) {
    .page-header[b-0xzjbzye6m] { align-items: start; flex-direction: column; }.search-form[b-0xzjbzye6m] { align-items: stretch; flex-direction: column; }
    .report-list thead[b-0xzjbzye6m] { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
    .report-list[b-0xzjbzye6m], .report-list tbody[b-0xzjbzye6m], .report-list tr[b-0xzjbzye6m] { display: block; width: 100%; }
    .report-list tr[b-0xzjbzye6m] { padding: .5rem; border: 1px solid #cbd5e1; border-radius: 6px; margin-bottom: .6rem; }
    .report-list td[b-0xzjbzye6m] { display: grid; grid-template-columns: 5rem minmax(0,1fr); gap: .4rem; padding: .5rem .2rem; }
    .report-list td[b-0xzjbzye6m]::before { content: attr(data-label); font-weight: 750; color: #475569; }
    .study-dialog[b-0xzjbzye6m] { padding: 0; border-radius: 16px; max-height: 95dvh; }.report-fields[b-0xzjbzye6m] { grid-template-columns: 1fr; }.remarks[b-0xzjbzye6m] { grid-column: auto; }
    .add-column[b-0xzjbzye6m], .add-column label[b-0xzjbzye6m] { width: 100%; min-width: 0; }.editor-toolbar[b-0xzjbzye6m] { align-items: stretch; flex-direction: column; }
    .dialog-actions button[b-0xzjbzye6m] { flex: 1; }.dialog-header[b-0xzjbzye6m] { align-items: start; } h1[b-0xzjbzye6m] { font-size: 1.6rem; }
    .dialog-header[b-0xzjbzye6m] { padding: .85rem; }.dialog-icon[b-0xzjbzye6m], .mode-badge[b-0xzjbzye6m], .section-caption[b-0xzjbzye6m] { display: none; }
    .dialog-heading h2[b-0xzjbzye6m] { font-size: 1.1rem; }.dialog-heading p[b-0xzjbzye6m] { font-size: .7rem; }
    .dialog-body[b-0xzjbzye6m] { padding: .7rem; gap: .7rem; }.details-card[b-0xzjbzye6m], .comparison-card[b-0xzjbzye6m] { padding: .8rem; }
    .section-heading[b-0xzjbzye6m] { align-items: start; }.report-counts[b-0xzjbzye6m] { width: 100%; }
    .editor-footer[b-0xzjbzye6m] { padding: .75rem; }.footer-hint[b-0xzjbzye6m] { display: none; }.editor-footer .dialog-actions[b-0xzjbzye6m] { width: 100%; }
}
/* _content/CamsCloudDashboard/Components/Pages/Products.razor.rz.scp.css */
.products-page[b-4366vg43cy] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.catalog-actions[b-4366vg43cy] { display: flex; flex-wrap: wrap; gap: .6rem; }
.import-inactive-warning[b-4366vg43cy] { color: #b91c1c; }
.excel-upload[b-4366vg43cy] { position: relative; overflow: hidden; display: inline-flex; align-items: center; cursor: pointer; }
.excel-upload[b-4366vg43cy]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.excel-upload:focus-within[b-4366vg43cy] { outline: 3px solid rgba(20,184,166,.5); outline-offset: 2px; }
.excel-upload:has(input:disabled)[b-4366vg43cy] { opacity: .5; cursor: not-allowed; }
.product-dialog.import-dialog[b-4366vg43cy] { width: min(1600px, 100%); max-width: 95vw; min-width: 0; display: flex; flex-direction: column; }
.import-dialog > :not(.import-table-wrap)[b-4366vg43cy] { flex: 0 0 auto; }
.import-table-wrap[b-4366vg43cy] { max-height: 55vh; min-height: 0; flex: 1 1 auto; }
.import-sheet[b-4366vg43cy] { margin-bottom: 1.25rem; }
.import-sheet:last-child[b-4366vg43cy] { margin-bottom: 0; }
.import-sheet-header[b-4366vg43cy] { padding: .75rem; background: #f0fdfa; border: 1px solid #ccfbf1; border-radius: 6px; margin-bottom: .5rem; overflow-wrap: anywhere; }
.import-sheet-header h3[b-4366vg43cy] { font-size: 1rem; font-weight: 800; color: #0f172a; margin: 0 0 .4rem; }
.import-sheet-firm[b-4366vg43cy] { display: flex; flex-wrap: wrap; gap: .3rem 1.5rem; font-size: .85rem; color: #475569; }
.import-table[b-4366vg43cy] { table-layout: fixed; min-width: 880px; font-size: .8rem; }
.import-table th[b-4366vg43cy], .import-table td[b-4366vg43cy] { overflow-wrap: anywhere; vertical-align: top; }
.import-table th:first-child[b-4366vg43cy] { width: 28%; }
.import-table th:last-child[b-4366vg43cy] { width: 20%; }
.import-table thead[b-4366vg43cy] { position: sticky; top: 0; background: #fff; z-index: 1; }
.import-table .import-duplicate[b-4366vg43cy] { background: #e5e7eb; }
.import-table .import-duplicate td[b-4366vg43cy], .import-table .import-duplicate small[b-4366vg43cy] { color: #4b5563; }
.import-table .import-blocked[b-4366vg43cy] { background: #fff7ed; }
.import-table .import-blocked td:last-child[b-4366vg43cy] { color: #9a3412; }
.import-table .import-created[b-4366vg43cy] { background: #ecfdf5; }
.import-actions[b-4366vg43cy] { margin-top: 1rem; flex-wrap: wrap; }
.import-loading[b-4366vg43cy] { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 1.5rem .5rem; color: #0f766e; font-weight: 750; }
.import-spinner[b-4366vg43cy] { width: 2rem; height: 2rem; flex: 0 0 2rem; border: 3px solid #ccfbf1; border-top-color: #0f766e; border-radius: 50%; animation: import-spin-b-4366vg43cy .8s linear infinite; }
@keyframes import-spin-b-4366vg43cy { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .import-spinner[b-4366vg43cy] { animation: none; } }

@media (max-width: 680px) {
    .import-table[b-4366vg43cy] { min-width: 0; table-layout: auto; }
    .import-table thead[b-4366vg43cy] { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
    .import-table[b-4366vg43cy], .import-table tbody[b-4366vg43cy], .import-table tr[b-4366vg43cy] { display: block; width: 100%; }
    .import-table tr[b-4366vg43cy] { border: 1px solid #cbd5e1; border-radius: 6px; padding: .5rem; margin-bottom: .6rem; }
    .import-table td[b-4366vg43cy] { display: grid; grid-template-columns: 7rem minmax(0,1fr); gap: .4rem; padding: .35rem; }
    .import-table td[b-4366vg43cy]::before { content: attr(data-label); font-weight: 750; color: #475569; }
    .import-table td small[b-4366vg43cy] { grid-column: 2; }
    .import-table-wrap[b-4366vg43cy] { max-height: 55vh; }
}

.products-header[b-4366vg43cy],
.products-panel[b-4366vg43cy],
.message-panel[b-4366vg43cy] {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.products-header[b-4366vg43cy],
.editor-header[b-4366vg43cy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.products-header[b-4366vg43cy] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-4366vg43cy] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-4366vg43cy],
h2[b-4366vg43cy] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-4366vg43cy] {
    font-size: 2rem;
}

h2[b-4366vg43cy] {
    font-size: 1.25rem;
}

p[b-4366vg43cy] {
    margin: 0;
    color: #64748b;
}

.products-panel[b-4366vg43cy],
.message-panel[b-4366vg43cy] {
    padding: 1rem;
}

.message-panel.success[b-4366vg43cy] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-4366vg43cy],
.form-errors[b-4366vg43cy] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.product-search[b-4366vg43cy] {
    display: flex;
    align-items: end;
    gap: .7rem;
}

.product-search label[b-4366vg43cy] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: .35rem;
    color: #475569;
    font-size: .86rem;
    font-weight: 800;
}

input[b-4366vg43cy],
select[b-4366vg43cy] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-4366vg43cy] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

input.approval-price[b-4366vg43cy] { background: #e2e8f0; color: #475569; cursor: default; }
.price-source[b-4366vg43cy] { font-size: .8rem; }
.form-grid input[b-4366vg43cy], .form-grid select[b-4366vg43cy] { min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; }

.primary-action[b-4366vg43cy],
.secondary-action[b-4366vg43cy],
.clear-action[b-4366vg43cy],
.table-action[b-4366vg43cy] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-4366vg43cy] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-4366vg43cy] {
    background: #111827;
    color: #fff;
}

.clear-action[b-4366vg43cy],
.table-action[b-4366vg43cy] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-4366vg43cy] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-4366vg43cy] {
    color: #fff;
    background: #b91c1c;
}

.primary-action:disabled[b-4366vg43cy],
.table-action:disabled[b-4366vg43cy] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-4366vg43cy],
.pager[b-4366vg43cy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.results-meta[b-4366vg43cy], .pager[b-4366vg43cy] { align-items: center; flex-wrap: wrap; }
.results-meta label[b-4366vg43cy] { display: flex; align-items: center; gap: .5rem; }
.page-buttons[b-4366vg43cy] { display: flex; flex-wrap: wrap; gap: .25rem; }
.page-buttons .table-action[b-4366vg43cy] { margin: 0; min-width: 2rem; }
.table-action.current-page[b-4366vg43cy] { background: #0f766e; color: #fff; }
.product-dialog.delete-dialog[b-4366vg43cy] { width: min(520px, 100%); display: grid; gap: 1rem; }
.delete-dialog p[b-4366vg43cy] { overflow-wrap: anywhere; line-height: 1.6; }

.table-wrap[b-4366vg43cy] {
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-4366vg43cy] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

th[b-4366vg43cy],
td[b-4366vg43cy] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-4366vg43cy] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-4366vg43cy] {
    color: #0f172a;
}

td strong[b-4366vg43cy],
td small[b-4366vg43cy] {
    display: block;
}

td small[b-4366vg43cy] {
    margin-top: .15rem;
    color: #64748b;
}

.actions-column[b-4366vg43cy] {
    text-align: right;
    white-space: nowrap;
}

.empty-row[b-4366vg43cy],
.loading-state[b-4366vg43cy] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.editor-header[b-4366vg43cy] {
    margin-bottom: 1rem;
}

.modal-backdrop[b-4366vg43cy] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}

.product-dialog[b-4366vg43cy] {
    width: min(1100px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.product-form[b-4366vg43cy] {
    display: grid;
    gap: 1rem;
}

.form-grid[b-4366vg43cy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.form-grid label[b-4366vg43cy] {
    display: grid;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

.form-grid .wide-field[b-4366vg43cy] {
    grid-column: span 2;
}

.form-errors[b-4366vg43cy] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-4366vg43cy] {
    display: flex;
    justify-content: end;
    gap: .65rem;
}

@media (max-width: 1000px) {
    .form-grid[b-4366vg43cy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .products-header[b-4366vg43cy],
    .editor-header[b-4366vg43cy],
    .product-search[b-4366vg43cy] {
        display: grid;
    }

    .products-header[b-4366vg43cy],
    .products-panel[b-4366vg43cy],
    .message-panel[b-4366vg43cy] {
        padding: .85rem;
    }

    .modal-backdrop[b-4366vg43cy] {
        padding: .75rem;
    }

    .product-dialog[b-4366vg43cy] {
        max-height: calc(100vh - 1.5rem);
        padding: .85rem;
    }

    h1[b-4366vg43cy] {
        font-size: 1.55rem;
    }

    .form-grid[b-4366vg43cy] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide-field[b-4366vg43cy] {
        grid-column: auto;
    }

    .form-actions[b-4366vg43cy] {
        justify-content: stretch;
    }

    .form-actions button[b-4366vg43cy] {
        flex: 1;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/PurchaseApprovals.razor.rz.scp.css */
.approvals-page[b-d77phpcylb] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.approvals-header[b-d77phpcylb],
.approvals-panel[b-d77phpcylb],
.message-panel[b-d77phpcylb] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.approvals-header[b-d77phpcylb],
.editor-header[b-d77phpcylb],
.products-heading[b-d77phpcylb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.approvals-header[b-d77phpcylb] {
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-d77phpcylb] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-d77phpcylb],
h2[b-d77phpcylb],
h3[b-d77phpcylb] {
    margin: .2rem 0;
    color: #0f172a;
    font-weight: 900;
}

h1[b-d77phpcylb] {
    font-size: 2rem;
}

h2[b-d77phpcylb] {
    font-size: 1.25rem;
}

h3[b-d77phpcylb] {
    font-size: 1rem;
}

p[b-d77phpcylb] {
    margin: 0;
    color: #64748b;
}

.approvals-panel[b-d77phpcylb],
.message-panel[b-d77phpcylb] {
    min-width: 0;
    padding: 1rem;
}

.approvals-panel[b-d77phpcylb] { container: approval-list / inline-size; }

.message-panel.success[b-d77phpcylb] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.message-panel.error[b-d77phpcylb],
.form-errors[b-d77phpcylb] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.approval-search[b-d77phpcylb] {
    display: flex;
    align-items: end;
    gap: .7rem;
    flex-wrap: wrap;
}

.approval-list-tabs[b-d77phpcylb] { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.signature-count[b-d77phpcylb] { display: block; margin-top: .2rem; color: #0f766e; font-weight: 700; white-space: nowrap; }
.signing-notice[b-d77phpcylb] { font-size: .8rem; color: #64748b; margin-top: .5rem; }
.approval-search .approval-date-filter[b-d77phpcylb] { flex: 0 1 220px; }

.approval-search label[b-d77phpcylb],
.header-fields label[b-d77phpcylb] {
    display: grid;
    flex: 1;
    min-width: 0;
    gap: .35rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 800;
}

input[b-d77phpcylb],
select[b-d77phpcylb] {
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .5rem .65rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
}

input:focus[b-d77phpcylb],
select:focus[b-d77phpcylb] {
    outline: 3px solid rgba(20, 184, 166, .22);
    border-color: #0f766e;
}

.header-fields input:disabled[b-d77phpcylb],
.header-fields select:disabled[b-d77phpcylb] { background: #e2e8f0; color: #64748b; border-color: #cbd5e1; cursor: not-allowed; opacity: 1; }
.header-lock-notice[b-d77phpcylb] { font-size: .8rem; color: #64748b; }

.primary-action[b-d77phpcylb],
.secondary-action[b-d77phpcylb],
.clear-action[b-d77phpcylb],
.table-action[b-d77phpcylb] {
    min-height: 40px;
    border: 0;
    border-radius: 6px;
    padding: .5rem .75rem;
    font: inherit;
    font-weight: 900;
}

.primary-action[b-d77phpcylb] {
    background: #0f766e;
    color: #fff;
}

.secondary-action[b-d77phpcylb] {
    background: #111827;
    color: #fff;
}

.clear-action[b-d77phpcylb],
.table-action[b-d77phpcylb] {
    color: #334155;
    background: #e2e8f0;
}

.table-action[b-d77phpcylb] {
    min-height: 32px;
    margin-left: .35rem;
    padding: .35rem .55rem;
    font-size: .8rem;
}

.table-action.danger[b-d77phpcylb] {
    color: #fff;
    background: #b91c1c;
}
.table-action.market-study-alert:not(:disabled)[b-d77phpcylb],
.secondary-action.market-study-alert:not(:disabled)[b-d77phpcylb] { background: #b91c1c; color: #fff; }
.market-study-view[b-d77phpcylb] { display: grid; min-width: 0; gap: .8rem; text-align: left; }
.market-view-header[b-d77phpcylb], .market-view-actions[b-d77phpcylb] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; }
.market-view-header p[b-d77phpcylb], .market-view-remarks[b-d77phpcylb] { font-size: .83rem; overflow-wrap: anywhere; }
.market-view-remarks[b-d77phpcylb] { white-space: pre-wrap; }
.view-only-badge[b-d77phpcylb] { padding: .25rem .5rem; border-radius: 5px; background: #e2e8f0; color: #475569; font-size: .75rem; font-weight: 800; }

.primary-action:disabled[b-d77phpcylb],
.table-action:disabled[b-d77phpcylb] {
    cursor: not-allowed;
    opacity: .5;
}

.results-meta[b-d77phpcylb],
.pager[b-d77phpcylb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: #64748b;
    font-size: .86rem;
    font-weight: 800;
}

.table-wrap[b-d77phpcylb] {
    min-width: 0;
    max-width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
}

table[b-d77phpcylb] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

th[b-d77phpcylb],
td[b-d77phpcylb] {
    padding: .75rem .55rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-d77phpcylb] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
}

td[b-d77phpcylb] {
    color: #0f172a;
}

.actions-column[b-d77phpcylb] {
    text-align: right;
    white-space: normal;
}

.approval-actions[b-d77phpcylb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
    min-width: 0;
    max-width: 100%;
}

.approval-actions .table-action[b-d77phpcylb] {
    margin: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.empty-row[b-d77phpcylb],
.loading-state[b-d77phpcylb],
.products-empty[b-d77phpcylb] {
    padding: 1.5rem;
    color: #64748b;
    text-align: center;
}

.modal-backdrop[b-d77phpcylb] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem 2.5vw;
    overflow-y: auto;
    background: rgba(15, 23, 42, .58);
}
.approval-firm-basics[b-d77phpcylb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1.2rem; padding: 1rem; margin: .75rem 0; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.header-fields.editing-header-fields[b-d77phpcylb] { grid-template-columns: minmax(0, 360px); }
.approval-edit-reference[b-d77phpcylb] { margin: .4rem 0 .8rem; color: #64748b; font-size: .85rem; }
.approval-firm-basics span[b-d77phpcylb] { display: block; color: #64748b; font-size: .75rem; margin-bottom: .3rem; }
.approval-firm-basics strong[b-d77phpcylb] { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.approval-firm-basics .firm-address[b-d77phpcylb] { grid-column: 1 / -1; }
.review-document-actions[b-d77phpcylb] { display: flex; gap: .6rem; margin: .8rem 0 1rem; flex-wrap: nowrap; }
.review-document-actions button[b-d77phpcylb] { flex: 1; min-width: 0; padding: .65rem .4rem; }
.review-document-actions .document-action[b-d77phpcylb] { background: #15803d; color: #fff; }
.review-document-actions button:disabled[b-d77phpcylb] { background: #e2e8f0; border-color: #cbd5e1; color: #94a3b8; cursor: not-allowed; opacity: 1; }
.supporting-backdrop[b-d77phpcylb] { z-index: 1200; }
.supporting-dialog[b-d77phpcylb] { width: min(95vw, 1800px); }
.rejection-dialog[b-d77phpcylb] { width: min(560px, 95vw); }
.deletion-dialog[b-d77phpcylb] { width: min(620px, 95vw); padding: 1.5rem; gap: 1rem; overflow-y: auto; }
.delete-warning[b-d77phpcylb] { color: #b91c1c; font-weight: 700; }
.table-action.absent-action[b-d77phpcylb] { background: #c2410c; color: #fff; }
.absent-status[b-d77phpcylb] { display: block; color: #9a3412; font-weight: 700; }
.absence-dialog[b-d77phpcylb] { width: min(580px, 95vw); padding: 1.5rem; gap: 1rem; overflow-y: auto; }
.absence-dialog label[b-d77phpcylb] { display: grid; gap: .4rem; font-weight: 700; }
.absence-dialog input[b-d77phpcylb] { min-height: 40px; padding: .6rem; border: 1px solid #cbd5e1; border-radius: 6px; font: inherit; }
ul.delete-warning[b-d77phpcylb] { margin: 0; padding-left: 1.4rem; line-height: 1.7; }
.reject-action[b-d77phpcylb] { border: 1px solid #b91c1c; background: #b91c1c; color: #fff; border-radius: 6px; padding: .7rem 1rem; font: inherit; font-weight: 700; cursor: pointer; }
.reject-action:disabled[b-d77phpcylb] { opacity: .5; cursor: not-allowed; }
.rejected-status[b-d77phpcylb], .rejection-details[b-d77phpcylb] { display: block; color: #991b1b; font-weight: 700; }
.rejection-details[b-d77phpcylb] { background: #fef2f2; padding: .8rem; border-radius: 8px; white-space: pre-wrap; }

.approval-dialog[b-d77phpcylb] {
    width: 95vw;
    max-width: 100%;
    box-sizing: border-box;
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 10px;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .3);
}

.approval-register[b-d77phpcylb] { min-width: 0; max-width: 100%; table-layout: fixed; }
.register-label[b-d77phpcylb] { display: none; }
.approval-register th[b-d77phpcylb], .approval-register td[b-d77phpcylb] {
    border: 1px solid #aeb8bd;
    overflow-wrap: anywhere;
}

.approval-register th[b-d77phpcylb] {
    background: #f2f3ed;
    color: #334155;
    text-transform: none;
    text-align: center;
    font-weight: 800;
}

.approval-register tbody tr:nth-child(even)[b-d77phpcylb] { background: #fbfcf8; }
.approval-register th:first-child[b-d77phpcylb] { width: 5%; }
.approval-register th:nth-child(2)[b-d77phpcylb] { width: 12%; }
.approval-register th:nth-child(3)[b-d77phpcylb] { width: 17%; }
.approval-register th:nth-child(4)[b-d77phpcylb] { width: 26%; }
.approval-register th:nth-child(5)[b-d77phpcylb] { width: 8%; }
.approval-register th:nth-child(6)[b-d77phpcylb] { width: 32%; }
.approval-register td:first-child[b-d77phpcylb] { text-align: center; }
.approval-register .expanded-sheet-row > td[b-d77phpcylb] { padding: 1rem; text-align: left; background: #f8faf5; }
.approval-sheet[b-d77phpcylb] { display: grid; min-width: 0; gap: .75rem; }
.sheet-title[b-d77phpcylb] { text-align: center; text-transform: uppercase; font-weight: 900; color: #172033; }
.sheet-reference[b-d77phpcylb] { text-align: center; color: #475569; font-size: .8rem; }

.editor-header[b-d77phpcylb] {
    margin-bottom: 1rem;
}

.approval-form[b-d77phpcylb] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.approval-excel-upload[b-d77phpcylb] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; }
.approval-excel-upload p[b-d77phpcylb] { margin-top: .3rem; font-size: .8rem; }
.excel-upload-button[b-d77phpcylb] { position: relative; overflow: hidden; flex: 0 0 auto; padding: .65rem 1rem; border-radius: 6px; color: #fff; background: #0f766e; font-weight: 800; }
.excel-upload-button:focus-within[b-d77phpcylb] { outline: 3px solid #99f6e4; outline-offset: 2px; }
.excel-upload-button[b-d77phpcylb]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.excel-upload-button[b-d77phpcylb]  input:disabled { cursor: not-allowed; }
.excel-file-name[b-d77phpcylb], .excel-loading[b-d77phpcylb] { flex: 1 1 100%; color: #475569; font-size: .82rem; overflow-wrap: anywhere; }
.excel-loading[b-d77phpcylb] { display: flex; align-items: center; gap: .85rem; padding: 1rem; border: 1px solid #99f6e4; border-radius: 8px; background: #f0fdfa; }
.excel-loading-copy[b-d77phpcylb] { display: grid; gap: .25rem; min-width: 0; }
.excel-loading-copy strong[b-d77phpcylb] { color: #0f766e; font-size: .95rem; }
.excel-spinner[b-d77phpcylb] { flex: 0 0 32px; width: 32px; height: 32px; box-sizing: border-box; border: 3px solid #b8e4df; border-top-color: #0f766e; border-radius: 50%; animation: excel-spin-b-d77phpcylb .8s linear infinite; }
@keyframes excel-spin-b-d77phpcylb { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .excel-spinner[b-d77phpcylb] { animation: none; } }
.excel-sheet-summary[b-d77phpcylb] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: .75rem 0; font-size: .85rem; color: #475569; }
.excel-warning[b-d77phpcylb], .excel-existing[b-d77phpcylb] { border-radius: 6px; padding: .75rem; margin-bottom: .75rem; font-size: .84rem; }
.excel-warning[b-d77phpcylb] { background: #fff1f2; border: 1px solid #fecaca; color: #991b1b; }
.excel-existing[b-d77phpcylb] { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }

.header-fields[b-d77phpcylb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.approval-products[b-d77phpcylb] {
    min-width: 0;
    border: 1px solid #aeb8bd;
    padding: 1rem;
    background: #fff;
}

.products-heading p[b-d77phpcylb] {
    font-size: .82rem;
}

.products-heading > span[b-d77phpcylb] {
    color: #0f766e;
    font-size: .8rem;
    font-weight: 900;
}

.form-errors[b-d77phpcylb] {
    display: grid;
    gap: .3rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: .75rem;
    font-weight: 700;
}

.form-actions[b-d77phpcylb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: .65rem;
}

/* Respond to the panel's actual space, including sidebar and page padding. */
@container approval-list (max-width: 760px) {
    .approval-register[b-d77phpcylb] { display: block; min-width: 0; }
    .approval-register > thead[b-d77phpcylb] { display: none; }
    .approval-register > tbody[b-d77phpcylb] { display: grid; gap: .75rem; }
    .approval-register > tbody > tr[b-d77phpcylb] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
        border: 1px solid #aeb8bd;
        padding: .85rem;
    }
    .approval-register > tbody > tr > td[b-d77phpcylb] { min-width: 0; padding: 0; border: 0; text-align: left; }
    .register-label[b-d77phpcylb] { display: block; margin-bottom: .25rem; font-size: .72rem; color: #475569; font-weight: 800; }
    .approval-register .actions-column[b-d77phpcylb] { grid-column: 1 / -1; }
    .approval-actions[b-d77phpcylb] { justify-content: flex-start; }
    .approval-register > tbody > tr.expanded-sheet-row[b-d77phpcylb] { display: block; padding: 0; border: 0; }
    .approval-register > tbody > tr.expanded-sheet-row > td[b-d77phpcylb] { display: block; padding: .5rem; }
    .approval-register .empty-row[b-d77phpcylb] { grid-column: 1 / -1; }
}

@container approval-list (max-width: 400px) {
    .approval-register > tbody > tr[b-d77phpcylb] { gap: .65rem; padding: .65rem; }
    .approval-actions .table-action[b-d77phpcylb] { flex: 1 1 7rem; min-height: 40px; }
    .results-meta[b-d77phpcylb] { flex-wrap: wrap; gap: .4rem; }
}

@media (max-width: 680px) {
    .approvals-header[b-d77phpcylb],
    .editor-header[b-d77phpcylb],
    .approval-search[b-d77phpcylb],
    .products-heading[b-d77phpcylb] {
        display: grid;
    }

    .approvals-header[b-d77phpcylb],
    .approvals-panel[b-d77phpcylb],
    .message-panel[b-d77phpcylb],
    .approval-dialog[b-d77phpcylb] {
        padding: .85rem;
    }

    .modal-backdrop[b-d77phpcylb] {
        padding: .75rem 2.5vw;
    }

    .approval-dialog[b-d77phpcylb] {
        max-height: calc(100vh - 1.5rem);
    }

    h1[b-d77phpcylb] {
        font-size: 1.55rem;
    }

    .header-fields[b-d77phpcylb] {
        grid-template-columns: 1fr;
    }

    .form-actions button[b-d77phpcylb] {
        flex: 1;
    }
}
.approval-remarks-field[b-d77phpcylb] { display: grid; gap: .45rem; font-size: .85rem; font-weight: 700; }
.approval-remarks-field textarea[b-d77phpcylb] { width: 100%; box-sizing: border-box; padding: .7rem; border: 1px solid #cbd5e1; border-radius: 6px; font: inherit; font-weight: 400; resize: vertical; }
.approval-remarks-field textarea:focus[b-d77phpcylb] { outline: 2px solid #0f766e; outline-offset: 1px; }
.approval-remarks[b-d77phpcylb] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; }
/* _content/CamsCloudDashboard/Components/Pages/Register.razor.rz.scp.css */
.register-card[b-sig8ahhvlh] {
    width: min(100%, 480px);
    padding: 2rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.register-brand[b-sig8ahhvlh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.register-mark[b-sig8ahhvlh] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #0f766e;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 900;
}

h1[b-sig8ahhvlh] {
    margin: 0;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 900;
}

p[b-sig8ahhvlh] {
    margin: .25rem 0 0;
    color: #64748b;
}

.register-alert[b-sig8ahhvlh] {
    margin-bottom: 1rem;
    padding: .75rem;
    border: 1px solid #fecaca;
    border-radius: 6px;
    background: #fef2f2;
    color: #991b1b;
    font-weight: 700;
}

.register-form[b-sig8ahhvlh] {
    display: grid;
    gap: 1rem;
}

label[b-sig8ahhvlh] {
    display: grid;
    gap: .4rem;
    color: #334155;
    font-weight: 800;
}

input[b-sig8ahhvlh] {
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: .7rem .8rem;
    font: inherit;
}

input:focus[b-sig8ahhvlh] {
    outline: 3px solid rgba(20, 184, 166, .25);
    border-color: #0f766e;
}

small[b-sig8ahhvlh] {
    color: #64748b;
    font-weight: 500;
}

button[b-sig8ahhvlh] {
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: #0f766e;
    color: #fff;
    font-weight: 900;
}

.register-hint[b-sig8ahhvlh] {
    margin-top: 1.2rem;
    color: #64748b;
    font-size: .9rem;
}

.register-hint a[b-sig8ahhvlh] {
    color: #0f766e;
    font-weight: 800;
}

@media (max-width: 520px) {
    .register-card[b-sig8ahhvlh] {
        padding: 1.25rem;
    }
}
/* _content/CamsCloudDashboard/Components/Pages/Roles.razor.rz.scp.css */
.roles-page[b-1enj4vw9f5] { display: grid; gap: 1rem; }
.roles-panel[b-1enj4vw9f5] { min-width: 0; padding: 1.25rem; border: 1px solid #dbe2e9; border-radius: 8px; background: #fff; }
.roles-header[b-1enj4vw9f5] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(135deg, #fff, #ecfeff); }
.kicker[b-1enj4vw9f5] { color: #0f766e; text-transform: uppercase; font-weight: 800; font-size: .78rem; }
h1[b-1enj4vw9f5], h2[b-1enj4vw9f5] { color: #0f172a; margin: .25rem 0; font-weight: 800; }
h1[b-1enj4vw9f5] { font-size: 2rem; }
h2[b-1enj4vw9f5] { font-size: 1.35rem; }
p[b-1enj4vw9f5], .note[b-1enj4vw9f5] { color: #64748b; margin: .5rem 0 1rem; }
button[b-1enj4vw9f5] { padding: .55rem .8rem; border: 0; border-radius: 6px; background: #0f766e; color: #fff; font: inherit; font-weight: 800; }
button.secondary[b-1enj4vw9f5] { background: #e2e8f0; color: #334155; }
button.danger[b-1enj4vw9f5] { background: #b91c1c; }
button:disabled[b-1enj4vw9f5] { opacity: .5; }
.actions[b-1enj4vw9f5] { display: flex; flex-wrap: wrap; gap: .5rem; }
.table-wrap[b-1enj4vw9f5] { overflow-x: auto; }
table[b-1enj4vw9f5] { width: 100%; border-collapse: collapse; }
th[b-1enj4vw9f5], td[b-1enj4vw9f5] { border-bottom: 1px solid #e2e8f0; padding: .75rem; text-align: left; }
th[b-1enj4vw9f5] { color: #475569; font-size: .8rem; }
.permission-table[b-1enj4vw9f5] { min-width: 420px; }
.permission-table th[b-1enj4vw9f5], .permission-table td[b-1enj4vw9f5] { border: 1px solid #dbe2e9; }
.permission-table thead[b-1enj4vw9f5] { background: #f1f5f9; }
.permission-table td[b-1enj4vw9f5] { text-align: center; }
input[type=checkbox][b-1enj4vw9f5] { width: 20px; height: 20px; accent-color: #0f766e; cursor: pointer; }
input[type=checkbox]:disabled[b-1enj4vw9f5] { cursor: not-allowed; opacity: .45; }
small[b-1enj4vw9f5] { display: block; margin-top: .25rem; color: #64748b; }
.name-field[b-1enj4vw9f5] { display: grid; gap: .4rem; max-width: 450px; margin: 1rem 0; font-weight: 700; }
input:not([type=checkbox])[b-1enj4vw9f5] { border: 1px solid #cbd5e1; padding: .6rem; border-radius: 6px; }
.form-actions[b-1enj4vw9f5] { display: flex; gap: .5rem; margin-top: 1rem; }
.message[b-1enj4vw9f5] { color: #065f46; background: #ecfdf5; }
.message.error[b-1enj4vw9f5] { color: #991b1b; background: #fef2f2; }
.delete-role-dialog[b-1enj4vw9f5] { width: min(440px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 1.5rem; border: 1px solid #dbe2e9; border-radius: 12px; background: #fff; box-shadow: 0 24px 64px #0f172a40; }
.delete-role-dialog[b-1enj4vw9f5]::backdrop { background: #0f172a80; }
.delete-role-dialog strong[b-1enj4vw9f5] { color: #0f172a; overflow-wrap: anywhere; }
.delete-dialog-actions[b-1enj4vw9f5] { display: flex; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; }
button:focus-visible[b-1enj4vw9f5] { outline: 3px solid #0891b2; outline-offset: 3px; }
@media (max-width: 680px) { .roles-header[b-1enj4vw9f5] { display: grid; } h1[b-1enj4vw9f5] { font-size: 1.5rem; } .roles-panel[b-1enj4vw9f5] { padding: .85rem; } }
/* _content/CamsCloudDashboard/Components/Pages/Users.razor.rz.scp.css */
.users-page[b-tumcf72wds] {
    display: grid;
    gap: 1rem;
}

.users-header[b-tumcf72wds],
.users-panel[b-tumcf72wds],
.users-message[b-tumcf72wds] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .08);
}

.users-header[b-tumcf72wds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, #fff, #ecfeff);
}

.section-kicker[b-tumcf72wds] {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1[b-tumcf72wds] {
    margin: .2rem 0;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 900;
}

p[b-tumcf72wds],
.users-header > span[b-tumcf72wds] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.users-panel[b-tumcf72wds],
.users-message[b-tumcf72wds] {
    padding: 1rem;
}

.users-message.success[b-tumcf72wds] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #065f46;
}

.users-message.error[b-tumcf72wds] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

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

table[b-tumcf72wds] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-tumcf72wds],
td[b-tumcf72wds] {
    padding: .8rem .65rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

th[b-tumcf72wds] {
    color: #64748b;
    font-size: .76rem;
    text-transform: uppercase;
}

td[b-tumcf72wds] {
    color: #0f172a;
}

td strong[b-tumcf72wds],
td small[b-tumcf72wds] {
    display: block;
}

td small[b-tumcf72wds] {
    margin-top: .15rem;
    color: #64748b;
}

.role-select[b-tumcf72wds],
.permission-button[b-tumcf72wds] {
    min-height: 36px;
    border-radius: 6px;
    font: inherit;
    font-weight: 800;
}

.role-select[b-tumcf72wds] {
    border: 1px solid #cbd5e1;
    padding: .35rem .5rem;
    background: #fff;
}

.role-badge[b-tumcf72wds],
.status-badge[b-tumcf72wds] {
    display: inline-block;
    border-radius: 999px;
    padding: .28rem .55rem;
    font-size: .75rem;
    font-weight: 900;
}

.role-badge[b-tumcf72wds] {
    color: #334155;
    background: #e2e8f0;
}
.role-badges[b-tumcf72wds] { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .4rem; }
.roles-backdrop[b-tumcf72wds] { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 1rem; background: rgba(15,23,42,.55); }
.roles-dialog[b-tumcf72wds] { width: min(540px, 95vw); max-height: 90vh; overflow: auto; border-radius: 12px; background: #fff; padding: 1.5rem; box-shadow: 0 20px 70px #0f172a40; }
.roles-dialog h2[b-tumcf72wds] { margin-top: 0; color: #0f172a; }
.roles-dialog p[b-tumcf72wds] { font-size: .9rem; color: #64748b; }
.role-choices[b-tumcf72wds] { display: grid; gap: .55rem; margin: 1rem 0; }
.role-choices label[b-tumcf72wds] { display: flex; align-items: center; gap: .65rem; border: 1px solid #dbe3ed; border-radius: 7px; padding: .65rem; color: #334155; }
.role-choices input[b-tumcf72wds] { width: 18px; height: 18px; accent-color: #0f766e; }
.role-dialog-actions[b-tumcf72wds] { display: flex; gap: .6rem; justify-content: flex-end; }

.status-badge.active[b-tumcf72wds] {
    color: #047857;
    background: #d1fae5;
}

.status-badge.pending[b-tumcf72wds] {
    color: #92400e;
    background: #fef3c7;
}

.actions-column[b-tumcf72wds] {
    text-align: right;
}

.permission-button[b-tumcf72wds] {
    min-width: 88px;
    border: 0;
    padding: .4rem .7rem;
    color: #fff;
}

.permission-button.approve[b-tumcf72wds] {
    background: #0f766e;
}

.permission-button.revoke[b-tumcf72wds] {
    background: #b91c1c;
}

.permission-button:disabled[b-tumcf72wds] {
    cursor: not-allowed;
    opacity: .4;
}

@media (max-width: 680px) {
    .users-header[b-tumcf72wds] {
        display: grid;
        padding: 1rem;
    }

    h1[b-tumcf72wds] {
        font-size: 1.55rem;
    }
}