body {
    font-family: Inter, system-ui, sans-serif;
    background-color: var(--tblr-bg-surface);
}
.page,
.page-wrapper,
.page-body {
    background: transparent;
}
.app-wordmark { font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 1.125rem; }
.app-logo { max-height: 38px; width: auto; }
.logo-dark { display: none; }
html[data-bs-theme="dark"][data-has-dark-logo="1"] .logo-light { display: none; }
html[data-bs-theme="dark"][data-has-dark-logo="1"] .logo-dark { display: inline-block; }
html[data-bs-theme="light"] .logo-dark { display: none; }
html[data-has-light-logo="0"][data-has-dark-logo="1"] .logo-dark { display: inline-block; }
.preloader-backdrop { position: fixed; inset: 0; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2000; transition: opacity .25s ease; }
html[data-bs-theme="dark"] .preloader-backdrop { background: #0b1220; }
.preloader-backdrop.hidden { opacity: 0; pointer-events: none; }
.preloader-spinner {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 10px solid rgba(255, 138, 0, .25);
    border-top-color: #ff8a00;
    border-right-color: #ff8a00;
    animation: preloader-spin .8s linear infinite;
}
.preloader-text {
    font-weight: 600;
    font-size: .95rem;
    color: var(--tblr-body-color);
}
@keyframes preloader-spin { to { transform: rotate(1turn); } }
.theme-toggle-btn { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.theme-toggle-btn:hover, .theme-toggle-btn:focus { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.profile-sticky-card { position: sticky; top: 1rem; }
.auth-page-logo { max-height: 58px; width: auto; max-width: 100%; }
.inventory-table .form-control,
.inventory-table .form-select { font-size: 0.95rem; }
.category-header-row td { background: rgba(32, 107, 196, 0.12); border-top: 1px solid rgba(32, 107, 196, 0.22); border-bottom: 1px solid rgba(32, 107, 196, 0.22); }
.category-toggle-btn { font-weight: 600; color: #1f4b99; text-decoration: none; }
html[data-bs-theme="dark"] .category-header-row td { background: rgba(84, 160, 255, 0.16); border-top-color: rgba(84, 160, 255, 0.35); border-bottom-color: rgba(84, 160, 255, 0.35); }
html[data-bs-theme="dark"] .category-toggle-btn { color: #8fc1ff; }
.show-context { border-left: 4px solid var(--tblr-primary); }
.order-action-add { background: #d1f5e0; }
.order-action-return { background: #ffd9d9; }
.order-action-exchange { background: #fff4cc; }
.order-action-notes { background: #d7e8ff; }

.app-context-badge {
    font-size: .78rem;
    letter-spacing: .01em;
    border: 1px solid rgba(32, 107, 196, 0.32);
}

.launch-screen {
    min-height: calc(100vh - 150px);
    border-radius: 1rem;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #e9f3ff 0%, #f3f8ff 45%, #f8fbff 100%);
}
html[data-bs-theme="dark"] .launch-screen {
    background: linear-gradient(135deg, #111a2e 0%, #0f1729 45%, #111b32 100%);
}
.launch-screen-lx {
    background-image: linear-gradient(135deg, #e7f2ff 0%, #edf6ff 48%, #f7fbff 100%);
}
html[data-bs-theme="dark"] .launch-screen-lx {
    background-image: linear-gradient(135deg, #0f223e 0%, #142845 45%, #13233d 100%);
}
.launch-screen-snd {
    background-image: linear-gradient(135deg, #e7f2ff 0%, #edf6ff 48%, #f7fbff 100%);
}
html[data-bs-theme="dark"] .launch-screen-snd {
    background-image: linear-gradient(135deg, #0f223e 0%, #142845 45%, #13233d 100%);
}
.launch-screen-panel {
    max-width: 500px;
    width: 100%;
    text-align: center;
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    box-shadow: 0 20px 48px rgba(9, 20, 46, .18);
}
html[data-bs-theme="dark"] .launch-screen-panel {
    box-shadow: 0 20px 48px rgba(0, 0, 0, .45);
}

.dashboard-hero-title {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.2;
}
.dashboard-hero-name {
    color: #ff8a00;
    font-size: 1.1em;
    font-weight: 800;
}

.role-dropdown { position: relative; }
.role-dropdown-summary { list-style: none; cursor: pointer; display: flex; align-items: center; min-height: 2.25rem; }
.role-dropdown-summary::-webkit-details-marker { display: none; }
.role-dropdown[open] .role-dropdown-summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.role-dropdown-menu {
    border: 1px solid var(--tblr-border-color);
    border-top: 0;
    border-bottom-left-radius: var(--tblr-border-radius);
    border-bottom-right-radius: var(--tblr-border-radius);
    padding: .6rem .75rem;
    background: var(--tblr-bg-surface);
    max-height: 220px;
    overflow: auto;
}

.card-title-enhanced .card-title-pill {
}