.vx-app-footer { color: var(--vx-text-muted); font-size: 12px; padding: 16px 24px 20px; text-align: center; }
.portal-blazor-page-head .text-muted, .surface-description { display: none; }
.vx-auth-header { display: grid; grid-template-columns: 1fr auto 1fr; justify-content: normal; }
.vx-auth-header .vx-brand-logo-link { justify-self: start; }
.vx-auth-company { display: grid; line-height: 1.15; text-align: center; }
.vx-auth-company strong { font-size: 15px; letter-spacing: -.02em; }
.vx-auth-company small { color: var(--vx-text-muted); font-size: 11px; margin-top: 3px; }
.vx-auth-header-spacer { justify-self: end; min-width: 52px; }
.auth-context-panel { justify-content: center; }
.auth-form-wrap { padding: 56px 24px; }
.auth-panel { gap: 24px; }
.vx-auth-page { align-items: center; display: flex; max-width: 1200px; min-height: calc(100vh - 122px); padding: 24px; }
.auth-shell { margin: 0 auto; max-width: 1160px; min-height: 500px; width: 100%; }
.vx-brand-logo { height: 46px; width: 56px; }
.auth-form-wrap { padding: 42px 24px; }
.auth-panel { max-width: 410px; }
.vx-empty-state { color: var(--vx-text-muted); padding: 28px 4px; }
.vx-portal-app { display: flex; flex-direction: column; min-height: 100vh; }.vx-portal-shell { flex: 1 0 auto; }.vx-portal-app > .vx-app-footer { margin-top: auto; }.portal-blazor-surface > .table-responsive { max-height: 560px; overflow: auto; }.portal-blazor-table thead th { background: var(--vx-surface); position: sticky; top: 0; z-index: 2; } @media (max-width: 768px) { .portal-blazor-surface > .table-responsive { max-height: none; } }
.vx-table, .portal-blazor-table { table-layout: auto; width: 100%; }.vx-table thead, .vx-table tbody, .vx-table tr, .portal-blazor-table thead, .portal-blazor-table tbody, .portal-blazor-table tr { width: 100%; }
.portal-blazor-surface-head { padding-bottom: 12px; padding-top: 12px; }
.portal-blazor-filter-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 12px; }
.portal-blazor-filter-toolbar input { flex: 1 1 250px; }
.portal-blazor-filter-toolbar select { flex: 0 1 150px; }
.portal-filter-count { color: var(--vx-text-muted); font-size: 12px; margin-left: auto; white-space: nowrap; }
.portal-blazor-order-timestamp { color: var(--vx-text-muted); font-size: 13px; margin: 4px 0 0; }
.portal-blazor-order-source { display: inline-flex; margin-top: 8px; }
.portal-blazor-order-details { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }
.portal-blazor-order-details > div, .portal-blazor-order-comment { background: var(--vx-surface-secondary); border-radius: 8px; padding: 10px; }
.portal-blazor-order-details span, .portal-blazor-order-comment span { color: var(--vx-text-muted); display: block; font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.portal-blazor-order-details p, .portal-blazor-order-comment p { color: var(--vx-text-primary); margin: 3px 0 0; }
.portal-blazor-order-comment { margin-top: 12px; }
.portal-blazor-surface > .table-responsive { margin-top: 0; }
.portal-blazor-table thead th { position: static; }
.portal-blazor-table th:nth-child(1) { width: 14%; }.portal-blazor-table th:nth-child(2) { width: 40%; }.portal-blazor-table th:nth-child(3) { width: 15%; }.portal-blazor-table th:nth-child(4) { width: 18%; }.portal-blazor-table th:nth-child(5) { width: 13%; }
.portal-recent-order a { font-weight: 650; }.portal-blazor-table small { display: block; font-size: 12px; margin-top: 3px; }
.portal-menu-filter-bar { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 12px; }
.portal-menu-search { flex: 1 1 35%; }.portal-menu-category-filters { display: contents; }.portal-menu-category-filters .form-select { flex: 1 1 150px; max-width: 210px; }.portal-menu-clear-filters { white-space: nowrap; }
.product-name { display: block; font-weight: 600; }.product-description { color: var(--vx-text-muted); display: block; font-size: 13px; line-height: 1.4; margin-top: 3px; }
@media (max-width: 768px) { .portal-blazor-filter-toolbar { align-items: stretch; padding: 0 16px 12px; } .portal-blazor-filter-toolbar input, .portal-blazor-filter-toolbar select { flex-basis: 100%; } .portal-filter-count { margin-left: 0; } .portal-blazor-order-details { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .vx-auth-page { min-height: auto; padding: 0; }.auth-shell { grid-template-columns: 1fr; min-height: calc(100vh - 110px); }.auth-context-panel { display: none; }.portal-menu-search { flex-basis: 100%; }.portal-menu-category-filters .form-select { flex: 1 1 calc(50% - 8px); max-width: none; } }
@media (max-width: 768px) { .vx-portal-app > .vx-app-footer { padding-bottom: 82px; } }