/* /Pages/SalespersonApprovals.razor.rz.scp.css */
.approvals-page[b-ml7fhm6oxn] {
    box-sizing: border-box;
    --surface: #102637;
    --surface-raised: #173247;
    --line: #315066;
    --text: #e8f2f8;
    --muted: #9fbbcb;
    min-height: calc(100vh - 9rem);
    min-width: 0;
    width: 100%;
    padding: 1.4rem clamp(.8rem, 2vw, 2rem) 2rem;
    background: #0b1b2a;
    color: var(--text);
    font-size: .91rem;
}
.approvals-page *[b-ml7fhm6oxn] { box-sizing: border-box; }
.page-header[b-ml7fhm6oxn], .filter-title[b-ml7fhm6oxn], .results-bar[b-ml7fhm6oxn] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.page-header[b-ml7fhm6oxn] { margin-bottom: 1rem; }
.page-header h1[b-ml7fhm6oxn] { font-size: clamp(1.4rem, 2.4vw, 2rem); margin: 0; color: #fff; }
.eyebrow[b-ml7fhm6oxn] { color: #7ac9ef; text-transform: uppercase; font-size: .73rem; letter-spacing: .1em; font-weight: 700; margin: 0 0 .25rem; }
.module-menu[b-ml7fhm6oxn] { position: relative; }
.module-menu summary[b-ml7fhm6oxn] { list-style: none; padding: .4rem .65rem; border: 1px solid var(--line); border-radius: .35rem; cursor: pointer; font-size: 1.35rem; }
.module-menu summary[b-ml7fhm6oxn]::-webkit-details-marker { display: none; }
.module-menu nav[b-ml7fhm6oxn] { position: absolute; right: 0; top: calc(100% + .25rem); z-index: 10; min-width: 12rem; background: var(--surface-raised); border: 1px solid var(--line); border-radius: .4rem; box-shadow: 0 .8rem 2rem #0008; }
.module-menu nav a[b-ml7fhm6oxn] { display: block; color: var(--text); padding: .65rem .8rem; text-decoration: none; }
.module-menu nav a:hover[b-ml7fhm6oxn] { background: #24445b; }
.tabs[b-ml7fhm6oxn] { display: flex; gap: .1rem; max-width: 100%; overflow-x: auto; border-bottom: 1px solid var(--line); margin-bottom: 1rem; }
.tabs a[b-ml7fhm6oxn] { flex: none; padding: .75rem .85rem; color: var(--muted); text-decoration: none; border-bottom: 3px solid transparent; }
.tabs a:hover[b-ml7fhm6oxn], .tabs a:focus[b-ml7fhm6oxn] { color: white; background: #173247; }
.tabs a.active[b-ml7fhm6oxn] { color: #80d5ff; border-bottom-color: #46b7f0; font-weight: 700; }
.filter-card[b-ml7fhm6oxn] { background: var(--surface); border: 1px solid var(--line); border-radius: .55rem; padding: 1rem; }
.filter-title[b-ml7fhm6oxn] { margin-bottom: .8rem; }
.filter-title h2[b-ml7fhm6oxn] { font-size: 1rem; margin: 0; }
.filter-title button[b-ml7fhm6oxn], .message button[b-ml7fhm6oxn] { color: #87d6ff; border: 1px solid #3a87aa; background: transparent; border-radius: .3rem; padding: .4rem .65rem; cursor: pointer; }
.history-card .filter-title[b-ml7fhm6oxn] { align-items: flex-start; }
.history-card .filter-title button[b-ml7fhm6oxn] { flex: none; }
.history-scroll[b-ml7fhm6oxn] { max-width: 100%; overflow-x: auto; }
.history-scroll table[b-ml7fhm6oxn] { border-collapse: collapse; width: 100%; min-width: 850px; font-size: .82rem; }
.history-scroll th[b-ml7fhm6oxn], .history-scroll td[b-ml7fhm6oxn] { text-align: left; padding: .55rem .65rem; border-bottom: 1px solid #284357; vertical-align: top; }
.history-scroll th[b-ml7fhm6oxn] { color: #c6e2f0; white-space: nowrap; }
.history-scroll td:last-child[b-ml7fhm6oxn] { min-width: 12rem; }
.filter-grid[b-ml7fhm6oxn] { display: grid; grid-template-columns: repeat(5, minmax(9rem, 1fr)); gap: .75rem; }
.filter-grid label[b-ml7fhm6oxn] { display: flex; flex-direction: column; gap: .3rem; color: var(--muted); font-size: .8rem; font-weight: 600; }
.filter-grid select[b-ml7fhm6oxn], .filter-grid input[type=search][b-ml7fhm6oxn], .grid-scroll select[b-ml7fhm6oxn], .grid-scroll input[type=text][b-ml7fhm6oxn] { min-width: 0; width: 100%; padding: .45rem .5rem; border-radius: .3rem; border: 1px solid #41627a; color: var(--text); background: #0c2233; }
.filter-grid select:focus[b-ml7fhm6oxn], .filter-grid input:focus[b-ml7fhm6oxn], .grid-scroll select:focus[b-ml7fhm6oxn], .grid-scroll input:focus[b-ml7fhm6oxn] { outline: 2px solid #62c7f8; outline-offset: 1px; }
.results-bar[b-ml7fhm6oxn] { margin: .9rem .1rem .65rem; color: var(--muted); }
.results-bar strong[b-ml7fhm6oxn] { color: var(--text); font-size: 1rem; }
.results-bar span[b-ml7fhm6oxn] { text-align: right; }
.message[b-ml7fhm6oxn], .loading[b-ml7fhm6oxn] { border-radius: .4rem; padding: .65rem .8rem; background: #164763; color: #e7f7ff; }
.message.warning[b-ml7fhm6oxn] { background: #65501b; color: #fff2c5; }
.message button[b-ml7fhm6oxn] { margin-left: .7rem; color: inherit; border-color: currentColor; }
.grid-scroll[b-ml7fhm6oxn] { max-width: 100%; max-height: min(68vh, 840px); overflow-x: auto; overflow-y: auto; scrollbar-gutter: stable; border: 1px solid var(--line); border-radius: .45rem; background: var(--surface); }
.grid-scroll table[b-ml7fhm6oxn] { border-collapse: collapse; width: 100%; min-width: 1180px; font-size: .82rem; }
.grid-scroll thead[b-ml7fhm6oxn] { position: sticky; top: 0; z-index: 2; background: #1a3a50; }
.grid-scroll th[b-ml7fhm6oxn] { text-align: left; color: #c6e2f0; font-size: .75rem; font-weight: 700; white-space: nowrap; }
.grid-scroll th[b-ml7fhm6oxn], .grid-scroll td[b-ml7fhm6oxn] { border-bottom: 1px solid #284357; padding: .5rem .55rem; vertical-align: middle; }
.grid-scroll th button[b-ml7fhm6oxn] { border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; cursor: pointer; padding: 0; }
.grid-scroll .account-link[b-ml7fhm6oxn] { border: 0; padding: 0; color: #87d6ff; background: transparent; font: inherit; font-weight: 700; text-align: left; text-decoration: underline; cursor: pointer; }
.grid-scroll .account-link:hover[b-ml7fhm6oxn] { color: #c6edff; }
.grid-scroll .account-link:focus-visible[b-ml7fhm6oxn] { outline: 2px solid #62c7f8; outline-offset: 2px; }
.grid-scroll tbody tr:nth-child(even)[b-ml7fhm6oxn] { background: #142d40; }
.grid-scroll tbody tr:hover[b-ml7fhm6oxn] { background: #1e3c52; }
.grid-scroll td small[b-ml7fhm6oxn] { display: block; color: var(--muted); margin-top: .15rem; }
.grid-scroll .product-cell[b-ml7fhm6oxn] { max-width: 14rem; line-height: 1.3; }
.grid-scroll td:nth-child(8)[b-ml7fhm6oxn] { min-width: 12rem; }
.grid-scroll td:nth-child(9)[b-ml7fhm6oxn] { min-width: 9rem; }
.grid-scroll td:nth-child(13)[b-ml7fhm6oxn] { min-width: 12rem; }
.grid-scroll input[type=checkbox][b-ml7fhm6oxn] { width: 1.05rem; height: 1.05rem; accent-color: #4dbdec; cursor: pointer; }
.grid-scroll input:disabled[b-ml7fhm6oxn], .grid-scroll select:disabled[b-ml7fhm6oxn] { opacity: .55; cursor: not-allowed; }
.status[b-ml7fhm6oxn] { display: inline-block; padding: .2rem .4rem; border-radius: .25rem; white-space: nowrap; font-weight: 700; }
.status.unassigned[b-ml7fhm6oxn] { color: #ffd69b; background: #624925; }
.status.pending[b-ml7fhm6oxn] { color: #cae8ff; background: #275372; }
.status.reviewed[b-ml7fhm6oxn] { color: #b1ead8; background: #24574a; }
.status.approved[b-ml7fhm6oxn] { color: #d5f5ba; background: #385c2e; }
.empty[b-ml7fhm6oxn] { padding: 1.2rem; text-align: center; color: var(--muted); }
.loading-backdrop[b-ml7fhm6oxn] { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: #06131ec2; }
.loading-popup[b-ml7fhm6oxn] { display: flex; align-items: center; gap: .8rem; max-width: calc(100vw - 2rem); padding: 1rem 1.4rem; border: 1px solid #5297b9; border-radius: .5rem; box-shadow: 0 1rem 3rem #0009; background: #173247; color: #e8f2f8; font-weight: 700; }
.loading-spinner[b-ml7fhm6oxn] { width: 1.35rem; height: 1.35rem; flex: none; border: .18rem solid #698ca1; border-top-color: #79d3ff; border-radius: 50%; animation: approval-spin-b-ml7fhm6oxn .75s linear infinite; }
@keyframes approval-spin-b-ml7fhm6oxn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .loading-spinner[b-ml7fhm6oxn] { animation: none; } }
@media (max-width: 1100px) { .filter-grid[b-ml7fhm6oxn] { grid-template-columns: repeat(3, minmax(9rem, 1fr)); } }
@media (max-width: 700px) { .filter-grid[b-ml7fhm6oxn] { grid-template-columns: repeat(2, minmax(8rem, 1fr)); } .results-bar[b-ml7fhm6oxn] { display: block; } .results-bar span[b-ml7fhm6oxn] { display: block; text-align: left; margin-top: .2rem; } }
@media (max-width: 480px) { .filter-grid[b-ml7fhm6oxn] { grid-template-columns: 1fr; } }