.va-live-search-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft)}
.va-live-search-field{min-width:min(440px,100%);display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #ccd7de;border-radius:9px;background:var(--panel)}
.va-live-search-field>span{color:var(--muted);font-size:18px}.va-live-search-field input{width:100%;min-width:120px;height:36px;border:0!important;outline:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}.va-live-search-field button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.va-live-search-field button:hover{background:var(--primary-soft);color:var(--primary)}
.va-live-search-count{color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.va-live-search-count.inline{display:inline-flex;margin-left:8px;vertical-align:middle}.va-live-search-hidden{display:none!important}
.va-live-select-native{position:fixed!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.input-shell>.va-live-select-control{flex:1 1 auto;min-width:0}
.va-live-select-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;width:100%;min-width:145px}.va-live-select-input{width:100%;min-width:0;height:38px;padding:7px 35px 7px 10px!important;border:1px solid #ccd7de!important;border-radius:8px!important;background:var(--panel)!important;color:var(--ink)!important;box-shadow:none!important}.va-live-select-input:focus{border-color:#3aa99e!important;box-shadow:0 0 0 3px rgba(11,143,131,.12)!important;outline:0}.va-live-select-toggle{position:absolute;right:1px;top:1px;width:34px;height:36px;border:0;border-left:1px solid var(--line);border-radius:0 7px 7px 0;background:transparent;color:var(--muted);cursor:pointer}.va-live-select-toggle:hover{background:var(--primary-soft);color:var(--primary)}
.va-live-select-list{display:none;position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 5px);max-height:280px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 18px 44px rgba(13,31,45,.18)}.va-live-select-control.is-open .va-live-select-list{display:block}.va-live-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.va-live-select-option:hover,.va-live-select-option.is-active{background:var(--primary-soft);color:var(--primary-dark)}.va-live-select-option[aria-selected="true"]{font-weight:800}.va-live-select-option:disabled{opacity:.55;cursor:not-allowed}.va-live-select-empty{padding:10px;color:var(--muted);font-size:12px;text-align:center}.va-live-select-control.is-disabled{opacity:.72}.va-live-select-control.is-disabled .va-live-select-input,.va-live-select-control.is-disabled .va-live-select-toggle{cursor:not-allowed;background:var(--panel-soft)!important}
.va-live-select-option-copy{display:grid;gap:2px;min-width:0}.va-live-select-option-copy strong{overflow:hidden;text-overflow:ellipsis;font:inherit;font-weight:800;white-space:nowrap}.va-live-select-option-copy small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.va-live-select-control.has-no-options{grid-template-columns:minmax(0,1fr)}.va-live-select-control.has-no-options .va-live-select-input{padding-right:10px!important}.va-live-select-control.has-no-options .va-live-select-list{display:none!important}
body.app-body[data-theme="dark"] .va-live-search-bar{background:#1b2a35;border-color:#334652}body.app-body[data-theme="dark"] .va-live-search-field,body.app-body[data-theme="dark"] .va-live-select-input,body.app-body[data-theme="dark"] .va-live-select-list{background:#101b24!important;border-color:#40535f!important;color:#edf3f7!important}body.app-body[data-theme="dark"] .va-live-select-toggle{border-color:#40535f;color:#aebdca}body.app-body[data-theme="dark"] .va-live-select-option{color:#e6edf2}body.app-body[data-theme="dark"] .va-live-select-option:hover,body.app-body[data-theme="dark"] .va-live-select-option.is-active{background:#23413f;color:#7ce0d2}
.vaerp-error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.vaerp-error-card{width:min(620px,100%);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.vaerp-error-code{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff0f0;color:var(--danger);font-size:28px;font-weight:900}.vaerp-error-card h1{margin:18px 0 8px;font-size:25px}.vaerp-error-card p{margin:7px 0;color:var(--muted)}.vaerp-error-reference{display:block;margin:18px 0;padding:10px;border-radius:9px;background:var(--panel-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}.vaerp-error-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.vaerp-error-actions a,.vaerp-error-actions button{padding:9px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:750;text-decoration:none;cursor:pointer}.vaerp-error-actions .primary{background:var(--primary);border-color:var(--primary);color:#fff}
@media(max-width:760px){.va-live-search-bar{align-items:stretch;flex-direction:column}.va-live-search-field{min-width:0;width:100%}.va-live-search-count.inline{display:block;margin:5px 0 0}.va-live-select-control{min-width:0}.va-live-select-input{height:44px;font-size:16px}.va-live-select-toggle{height:42px}.va-live-select-list{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:45vh;z-index:2400}.va-live-select-option{min-height:44px;padding:10px 12px;font-size:15px}.va-live-select-empty{padding:14px;font-size:14px}}
/* Login selectors must stay attached to their own input shell.  A narrow
   desktop viewport (for example Chrome with Windows display scaling) also
   matches the mobile breakpoint above; fixed positioning then uses the
   animated login card as its containing block and the list appears elsewhere
   on the card.  Keep Company and Financial Year anchored below the control on
   every viewport while retaining the mobile sheet for ERP module dropdowns. */
.login-card .va-live-select-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 5px);
  bottom:auto;
  width:auto;
  max-height:min(280px,45vh);
  z-index:1800;
}
.pricing-pending{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--panel-soft);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}