/* Shared theme-aware surfaces and restrained account transitions. */
html[data-pc-theme="dark"] .top-filter-card,html[data-pc-theme="dark"] .table-card,html[data-pc-theme="dark"] .master-control-panel,html[data-pc-theme="dark"] .var-box,html[data-pc-theme="dark"] .glass-card{background:#1d2939!important;color:#e2e8f0;border-color:#334155!important}
html[data-pc-theme="dark"] .glass-card .card-header,html[data-pc-theme="dark"] .smart-reminder-bar,html[data-pc-theme="dark"] .btn-vars-pill{background:#263445!important;color:#cbd5e1;border-color:#475569!important}
html[data-pc-theme="dark"] :is(.top-filter-card,.table-card,.master-control-panel,.glass-card) .bg-white{background:#263445!important;color:#cbd5e1}
html[data-pc-theme="dark"] :is(#userGroupsTable,#historyTable){--bs-table-bg:#1d2939;--bs-table-color:#e2e8f0;--bs-table-border-color:#334155}
html[data-pc-theme="dark"] :is(#userGroupsTable,#historyTable) thead th{background:#263445!important;color:#cbd5e1!important;border-color:#475569!important}
html[data-pc-theme="dark"] :is(#userGroupsTable,#historyTable) tbody td{background:#1d2939!important;color:#e2e8f0!important;border-color:#334155!important}
html[data-pc-theme="dark"] #historyTable tbody tr:hover td{background:#263445!important}
html[data-pc-theme="dark"] :is(.filter-label,.top-service-badge){color:#e2e8f0!important}
html[data-pc-theme="dark"] :is(.filter-input,.filter-select,.input-modern){background:#263445!important;color:#e2e8f0!important;border-color:#475569!important}
html[data-pc-theme="dark"] .var-code{background:#111b2b!important}
.vtx-toast{position:fixed;inset-block-start:24px;inset-inline-end:24px;z-index:11000;max-width:min(380px,calc(100vw - 32px));background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#243746);border:1px solid var(--bs-border-color,#e2e8f0);border-inline-start:4px solid var(--bs-primary,#00b5e2);border-radius:14px;padding:16px;box-shadow:0 12px 32px #0002;display:flex;gap:16px;align-items:start;animation:vtx-enter .24s ease-out}
.vtx-toast p{margin:6px 0 0}.vtx-toast button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.vtx-navigation-progress{position:fixed;inset-block-start:0;inset-inline-start:0;height:3px;width:40%;z-index:12000;background:var(--bs-primary,#00b5e2);pointer-events:none;animation:vtx-progress 1s ease-in-out infinite}
.vtx-enter :is(.pc-content,.access-card,.login-panel,.veltrix-main-content,body > .container){animation:vtx-enter .22s ease-out}
form[aria-busy="true"] button[type="submit"]{opacity:.8;cursor:progress}
form[aria-busy="true"] button[type="submit"]::after{content:"";display:inline-block;width:13px;height:13px;margin-inline-start:8px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:vtx-spin .7s linear infinite}
.vtx-profile-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--bs-border-color,#e2e8f0)}
.vtx-avatar-options{display:flex;flex-wrap:wrap;gap:10px}.vtx-avatar-options button{padding:3px;border:2px solid transparent;border-radius:50%;background:transparent}.vtx-avatar-options button[aria-pressed="true"]{border-color:var(--bs-primary,#00b5e2)}.vtx-avatar-options img{width:42px;height:42px;border-radius:50%;object-fit:cover}
@keyframes vtx-enter{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes vtx-spin{to{transform:rotate(360deg)}}
@keyframes vtx-progress{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(prefers-reduced-motion:reduce){.vtx-enter :is(.pc-content,.access-card,.login-panel,.veltrix-main-content,body > .container),.vtx-toast,.vtx-navigation-progress,form[aria-busy="true"] button[type="submit"]::after{animation:none!important}}
@media print{.vtx-toast,.vtx-navigation-progress{display:none!important}}