/* Shared Starlink-inspired palette. Screen-only; receipts retain print styling. */
body.sere-starlink {
    --ubs-blue: #f4f4f5; --ubs-ink: #f4f4f5; --ubs-muted: #a1a1aa;
    --sw-blue: #f4f4f5; --sw-deep: #101012; --sw-ink: #f4f4f5; --sw-muted: #a1a1aa;
    background: #050505 !important; color: #ededed !important; color-scheme: dark;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}
body.sere-starlink .sw-page, body.sere-starlink .ubs-login,
body.sere-starlink .ubs-register-page, body.sere-starlink .ubs-register-hero,
body.sere-starlink .ubs-showcase, body.sere-starlink .ubs-form-side,
body.sere-starlink .right-col, body.sere-starlink .left-col {
    background: #09090b !important; color: #f4f4f5 !important;
}
body.sere-starlink .ubs-showcase { background: radial-gradient(ellipse at 30% 90%, #252528, #050505 70%) !important; border-inline-end: 1px solid #303033; }
body.sere-starlink .sere-login-nav, body.sere-starlink .sw-nav,
body.sere-starlink .ubs-topbar:before, body.sere-starlink .navbar,
body.sere-starlink .main-header, body.sere-starlink .main-header .logo {
    background: #050505 !important; border-color: #303033 !important; box-shadow: none !important;
}
body.sere-starlink .sere-login-nav:after, body.sere-starlink .login-motion,
body.sere-starlink .reg-motion, body.sere-starlink .ubs-form-side:before,
body.sere-starlink .ubs-form-side:after, body.sere-starlink .ubs-showcase .ubs-message:before { display: none !important; }
body.sere-starlink .ubs-showcase:before, body.sere-starlink .ubs-showcase:after,
body.sere-starlink .ubs-register-hero:before, body.sere-starlink .ubs-register-hero:after { border-color: #ffffff0d !important; }
body.sere-starlink .ubs-form-wrap { background: transparent !important; box-shadow: none !important; }
body.sere-starlink .ubs-form-wrap:before { background: #f4f4f5 !important; }
body.sere-starlink h1, body.sere-starlink h2, body.sere-starlink h3,
body.sere-starlink legend, body.sere-starlink .ubs-form-intro strong,
body.sere-starlink .sw-copy h1 em, body.sere-starlink .sw-brand,
body.sere-starlink .ubs-cap-copy strong, body.sere-starlink .ubs-reg-highlight strong {
    color: #f4f4f5 !important; text-shadow: none !important;
}
body.sere-starlink .sw-copy h1, body.sere-starlink .ubs-message h1,
body.sere-starlink .ubs-hero-copy h1 { font-weight: 500 !important; letter-spacing: -.025em !important; }
body.sere-starlink .ubs-eyebrow, body.sere-starlink .ubs-kicker,
body.sere-starlink .sw-kicker { color: #d4d4d8 !important; letter-spacing: .18em; text-transform: uppercase; }
body.sere-starlink .ubs-kicker:before { background: #d4d4d8 !important; }
body.sere-starlink .ubs-subtitle, body.sere-starlink .ubs-register,
body.sere-starlink .ubs-remember, body.sere-starlink .ubs-secure,
body.sere-starlink .ubs-cap-copy span, body.sere-starlink .ubs-hero-copy p,
body.sere-starlink .ubs-reg-highlight small, body.sere-starlink .ubs-form-intro span,
body.sere-starlink .ubs-recovery-copy, body.sere-starlink .sw-copy > p,
body.sere-starlink .sw-proof, body.sere-starlink .sw-feature p,
body.sere-starlink .sw-feature-lead p, body.sere-starlink .help-block { color: #a1a1aa !important; }
body.sere-starlink label, body.sere-starlink .ubs-field a,
body.sere-starlink .ubs-register a, body.sere-starlink .ubs-signin,
body.sere-starlink .ubs-recovery-back, body.sere-starlink .sw-nav-link { color: #e4e4e7 !important; }
body.sere-starlink .ubs-field a, body.sere-starlink .ubs-register a { text-decoration: underline; text-underline-offset: 4px; }
body.sere-starlink .ubs-register-card, body.sere-starlink .ubs-recovery,
body.sere-starlink .box, body.sere-starlink .panel, body.sere-starlink .modal-content,
body.sere-starlink .tw-bg-white, body.sere-starlink .sw-dashboard,
body.sere-starlink .sw-feature, body.sere-starlink .sw-float-card,
body.sere-starlink .sw-metric, body.sere-starlink .sw-app,
body.sere-starlink .sw-app-main, body.sere-starlink .sw-kpi,
body.sere-starlink .sw-chart, body.sere-starlink .sw-report,
body.sere-starlink .sw-stock { background: #141416 !important; color: #e4e4e7 !important; border-color: #343437 !important; border-radius: 4px !important; box-shadow: none !important; }
body.sere-starlink .ubs-capability, body.sere-starlink .ubs-reg-highlight,
body.sere-starlink .ubs-form-intro, body.sere-starlink .sw-kicker,
body.sere-starlink .sw-app-side, body.sere-starlink .sw-app-top,
body.sere-starlink .sw-app-hero, body.sere-starlink .ubs-recovery > div[style] {
    background: #19191c !important; color: #a1a1aa !important; border-color: #343437 !important; box-shadow: none !important; border-radius: 3px !important;
}
body.sere-starlink .ubs-cap-icon, body.sere-starlink .ubs-reg-highlight i,
body.sere-starlink .ubs-form-intro i, body.sere-starlink .ubs-recovery-icon,
body.sere-starlink .sw-feature i, body.sere-starlink .sw-metric i { background: #27272a !important; color: #e4e4e7 !important; border-radius: 3px !important; }
body.sere-starlink .ubs-input, body.sere-starlink .form-control,
body.sere-starlink .select2-container--default .select2-selection--single,
body.sere-starlink .select2-container--default .select2-selection--multiple,
body.sere-starlink .input-group-addon, body.sere-starlink .btn-file,
body.sere-starlink .ubs-register-card input[type=file] {
    background: #0c0c0e !important; color: #f4f4f5 !important; border-color: #52525b !important; border-radius: 3px !important; box-shadow: none !important;
}
body.sere-starlink .select2-selection__rendered { color: #f4f4f5 !important; }
body.sere-starlink .form-control::placeholder, body.sere-starlink .ubs-input::placeholder,
body.sere-starlink .select2-selection__placeholder { color: #a1a1aa !important; }
body.sere-starlink .form-control:focus, body.sere-starlink .ubs-input:focus { border-color: #fafafa !important; box-shadow: 0 0 0 2px #ffffff26 !important; }
body.sere-starlink input[type=checkbox], body.sere-starlink input[type=radio] { accent-color: #e4e4e7; }
body.sere-starlink .ubs-eye, body.sere-starlink .ubs-input-wrap > svg { color: #a1a1aa !important; }
body.sere-starlink .ubs-submit, body.sere-starlink .ubs-recovery-btn,
body.sere-starlink .sw-primary, body.sere-starlink .sw-nav-button,
body.sere-starlink .btn-primary, body.sere-starlink .tw-dw-btn-primary,
body.sere-starlink .wizard > .actions li:not(.disabled):last-child a,
body.sere-starlink .wizard > .actions a.tw-dw-btn-primary {
    background: #f4f4f5 !important; color: #09090b !important; border: 1px solid #f4f4f5 !important; border-radius: 2px !important; box-shadow: none !important; font-weight: 600; letter-spacing: .07em; text-transform: uppercase;
}
body.sere-starlink .ubs-submit:hover, body.sere-starlink .ubs-recovery-btn:hover,
body.sere-starlink .sw-primary:hover, body.sere-starlink .sw-nav-button:hover,
body.sere-starlink .wizard > .actions li:not(.disabled):last-child a:hover { background: #d4d4d8 !important; color: #09090b !important; }
body.sere-starlink .sw-secondary, body.sere-starlink .btn-default,
body.sere-starlink .wizard > .actions a { background: transparent !important; color: #ededed !important; border: 1px solid #71717a !important; border-radius: 2px !important; box-shadow: none !important; }
body.sere-starlink .wizard > .content, body.sere-starlink .wizard > .content > .body { background: #141416 !important; }
body.sere-starlink .wizard > .steps a { background: #202023 !important; color: #d4d4d8 !important; border-color: #52525b !important; border-radius: 3px !important; }
body.sere-starlink .wizard > .steps .current a { background: #f4f4f5 !important; color: #09090b !important; border-color: #f4f4f5 !important; }
body.sere-starlink .wizard > .steps .done a { background: #343437 !important; color: #fafafa !important; border-color: #71717a !important; }
body.sere-starlink .wizard > .actions .disabled a { background: #202023 !important; color: #92929c !important; border-color: #343437 !important; }
body.sere-starlink .wizard legend { border-color: #343437 !important; }
body.sere-starlink .select2-dropdown, body.sere-starlink .dropdown-menu,
body.sere-starlink .daterangepicker { background: #202023; color: #f4f4f5; border-color: #52525b; }
body.sere-starlink .dropdown-menu > li > a { color: #ededed; }
body.sere-starlink .select2-results__option--highlighted[aria-selected] { background: #52525b !important; color: white !important; }
body.sere-starlink label.error, body.sere-starlink .ubs-error,
body.sere-starlink .has-error .help-block { color: #fca5a5 !important; }
body.sere-starlink .form-control.error, body.sere-starlink .has-error .form-control { border-color: #fca5a5 !important; }
body.sere-starlink .sw-orb { background: radial-gradient(circle at 35% 30%, #52525b, #09090b 70%) !important; box-shadow: none !important; }
body.sere-starlink .sw-bars i, body.sere-starlink .sw-chart-line { filter: grayscale(1); }
body.sere-starlink .sw-preview, body.sere-starlink .sw-hero-art { filter: grayscale(1); }
body.sere-starlink .sw-kicker span, body.sere-starlink .sw-proof i { color: #d4d4d8 !important; background-color: transparent; box-shadow: none; }
body.sere-starlink .login-company-mark, body.sere-starlink .login-product-mark,
body.sere-starlink .reg-company-mark, body.sere-starlink .reg-product-mark,
body.sere-starlink .sw-company-mark, body.sere-starlink .sw-product-mark,
body.sere-starlink .sw-brand-logo, body.sere-starlink .ubs-brand { filter: grayscale(1); border-radius: 2px !important; box-shadow: none !important; }
body.sere-starlink .sw-kpi strong, body.sere-starlink .sw-metric strong,
body.sere-starlink .sw-chart-title, body.sere-starlink .sw-window strong,
body.sere-starlink .sw-app-top strong, body.sere-starlink .sw-menu { color: #e4e4e7 !important; }
body.sere-starlink .sw-kpi small, body.sere-starlink .sw-metric small,
body.sere-starlink .sw-brand-name small { color: #a1a1aa !important; }
body.sere-starlink > .card { background: #141416; border-color: #343437; border-radius: 4px; box-shadow: none; }
body.sere-starlink > .card .code { color: #f4f4f5; }
body.sere-starlink > .card .mark { background: #f4f4f5; }
body.sere-starlink > .card p { color: #a1a1aa; }
body.sere-starlink > .card a, body.sere-starlink > .card button { background: #202023; color: #f4f4f5; border-color: #52525b; border-radius: 2px; }
body.sere-starlink > .card .primary { background: #f4f4f5; color: #09090b; }
body.sere-starlink a:focus-visible, body.sere-starlink button:focus-visible { outline: 2px solid #fafafa; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { body.sere-starlink .sw-preview, body.sere-starlink .sw-copy, body.sere-starlink .ubs-recovery { animation: none !important; } }

/* Strict monochrome. The ID branch raises specificity above legacy page themes. */
body:is(#sere-monochrome, .sere-starlink),
body:is(#sere-monochrome, .sere-starlink) * {
    color: #fff !important;
    border-color: #333 !important;
    outline-color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    accent-color: #fff !important;
    scrollbar-color: #fff #000;
}
body:is(#sere-monochrome, .sere-starlink),
body:is(#sere-monochrome, .sere-starlink) :where(
    div, section, main, aside, nav, header, footer, form, fieldset, legend,
    input, textarea, select, option, button, summary, dialog, table, thead,
    tbody, tr, th, td, ul, ol, li, a, label, span, i, strong, small
) {
    background-color: #000 !important;
    background-image: none !important;
}
body:is(#sere-monochrome, .sere-starlink) button,
body:is(#sere-monochrome, .sere-starlink) .btn,
body:is(#sere-monochrome, .sere-starlink) .tw-dw-btn,
body:is(#sere-monochrome, .sere-starlink) .ubs-submit,
body:is(#sere-monochrome, .sere-starlink) .sw-primary,
body:is(#sere-monochrome, .sere-starlink) .sw-nav-button,
body:is(#sere-monochrome, .sere-starlink) .ubs-recovery-btn {
    border: 1px solid #777 !important;
}
body:is(#sere-monochrome, .sere-starlink) input::placeholder,
body:is(#sere-monochrome, .sere-starlink) textarea::placeholder {
    color: #fff !important;
    opacity: .65;
}
body:is(#sere-monochrome, .sere-starlink) :disabled,
body:is(#sere-monochrome, .sere-starlink) .disabled { opacity: .5; }
body:is(#sere-monochrome, .sere-starlink) a:hover,
body:is(#sere-monochrome, .sere-starlink) button:hover { text-decoration: underline; text-underline-offset: 4px; }
body:is(#sere-monochrome, .sere-starlink) :focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }
body:is(#sere-monochrome, .sere-starlink) img,
body:is(#sere-monochrome, .sere-starlink) svg,
body:is(#sere-monochrome, .sere-starlink) canvas { filter: grayscale(1) !important; }
body:is(#sere-monochrome, .sere-starlink) *::before,
body:is(#sere-monochrome, .sere-starlink) *::after {
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #333 !important;
    box-shadow: none !important;
}
body:is(#sere-monochrome, .sere-starlink) .wizard > .steps .current a,
body:is(#sere-monochrome, .sere-starlink) .pagination > .active > a {
    text-decoration: underline;
    text-underline-offset: 5px;
    font-weight: 800;
}
body:is(#sere-monochrome, .sere-starlink) .has-error input,
body:is(#sere-monochrome, .sere-starlink) input.error { border: 2px dashed #fff !important; }
body:is(#sere-monochrome, .sere-starlink) .sere-launcher::backdrop { background: #000 !important; }

/* Highcharts uses SVG fills and strokes rather than CSS text/background colors. */
body:is(#sere-monochrome, .sere-starlink) .highcharts-background,
body:is(#sere-monochrome, .sere-starlink) .highcharts-plot-background,
body:is(#sere-monochrome, .sere-starlink) .highcharts-legend-box,
body:is(#sere-monochrome, .sere-starlink) .highcharts-tooltip-box,
body:is(#sere-monochrome, .sere-starlink) .highcharts-button-box {
    fill: #000 !important;
}
body:is(#sere-monochrome, .sere-starlink) .highcharts-container text,
body:is(#sere-monochrome, .sere-starlink) .highcharts-container tspan {
    fill: #fff !important;
    stroke: none !important;
}
body:is(#sere-monochrome, .sere-starlink) .highcharts-text-outline { display: none !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-graph,
body:is(#sere-monochrome, .sere-starlink) .highcharts-point,
body:is(#sere-monochrome, .sere-starlink) .highcharts-axis-line,
body:is(#sere-monochrome, .sere-starlink) .highcharts-tick,
body:is(#sere-monochrome, .sere-starlink) .highcharts-grid-line,
body:is(#sere-monochrome, .sere-starlink) .highcharts-tooltip-box,
body:is(#sere-monochrome, .sere-starlink) .highcharts-button-symbol {
    stroke: #fff !important;
}
body:is(#sere-monochrome, .sere-starlink) .highcharts-point { fill: #000 !important; stroke-width: 2px; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-area { fill: #fff !important; fill-opacity: .08 !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-grid-line { stroke-opacity: .2; }
/* Different dash patterns keep series distinguishable without colored lines. */
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-1 .highcharts-graph { stroke-dasharray: 8 4; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-2 .highcharts-graph { stroke-dasharray: 2 4; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-3 .highcharts-graph { stroke-dasharray: 8 4 2 4; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-4 .highcharts-graph { stroke-dasharray: 12 6; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-legend-item-hidden text { opacity: .5; }

/* Account portal geometry matched to the supplied Starlink reference. */
body:is(#sere-monochrome, .sere-starlink) .login-product-mark,
body:is(#sere-monochrome, .sere-starlink) .reg-product-mark,
body:is(#sere-monochrome, .sere-starlink) .sw-product-mark {
    width: 168px !important; height: 48px !important; padding: 4px 0 !important;
    background: #000 !important; border: 0 !important;
}
body:is(#sere-monochrome, .sere-starlink) img[src$="sere-infinity.svg"] {
    object-fit: contain !important; max-width: 100%; height: auto; background: #000 !important;
}
body:is(#sere-monochrome, .sere-starlink) .sere-wordmark {
    max-width: min(32vw, 360px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    flex-shrink: 1; text-transform: uppercase;
}
body:is(#sere-monochrome, .sere-starlink) { font-family: Arial, "Segoe UI", sans-serif; }
body:is(#sere-monochrome, .sere-starlink) :where(span, i, strong, small, label, legend, a) { background-color: transparent !important; }
body:is(#sere-monochrome, .sere-starlink) .erpsere-app-nav {
    min-height: 96px; height: auto; border: 0 !important; padding: 18px 32px;
}
body:is(#sere-monochrome, .sere-starlink) .erpsere-app-nav > div { padding: 12px 0; }
body:is(#sere-monochrome, .sere-starlink) .sere-wordmark { font-size: 20px; font-weight: 700; letter-spacing: .22em; margin-inline-end: 24px; text-decoration: none; }
body:is(#sere-monochrome, .sere-starlink) .sere-account-links { display: flex; align-items: center; gap: 32px; margin-inline-end: 20px; }
body:is(#sere-monochrome, .sere-starlink) .sere-account-links a { font-size: 12px; font-weight: 600; }
body:is(#sere-monochrome, .sere-starlink) .sere-current-app { display: none; }
body:is(#sere-monochrome, .sere-starlink) .erpsere-app-nav button,
body:is(#sere-monochrome, .sere-starlink) .erpsere-app-nav summary { border: 0 !important; box-shadow: none !important; }
body:is(#sere-monochrome, .sere-starlink) .sere-shell { min-height: calc(100vh - 160px); }
body:is(#sere-monochrome, .sere-starlink) .side-bar { width: 302px; height: calc(100vh - 160px); border-inline-end: 1px solid #222 !important; }
body:is(#sere-monochrome, .sere-starlink) .side-bar > a[data-erpsere-brand] { display: none !important; }
body:is(#sere-monochrome, .sere-starlink) #side-bar { padding: 8px 16px 24px 62px; border: 0 !important; }
body:is(#sere-monochrome, .sere-starlink) #side-bar > * { margin-top: 0; }
body:is(#sere-monochrome, .sere-starlink) #side-bar a { min-height: 48px; padding: 12px 16px; display: flex; align-items: center; gap: 24px; font-size: 14px; font-weight: 400; border-radius: 6px; letter-spacing: .01em; }
body:is(#sere-monochrome, .sere-starlink) #side-bar a.tw-text-purple-700 { background: #333 !important; box-shadow: none !important; }
body:is(#sere-monochrome, .sere-starlink) #side-bar a:hover { background: #181818 !important; text-decoration: none; }
body:is(#sere-monochrome, .sere-starlink) #side-bar a svg,
body:is(#sere-monochrome, .sere-starlink) #side-bar a > i { opacity: .6; width: 23px; flex-shrink: 0; }
body:is(#sere-monochrome, .sere-starlink) #side-bar .chiled { padding-inline-start: 18px; margin: 0; }
body:is(#sere-monochrome, .sere-starlink) #scrollable-container { height: calc(100vh - 160px); padding: 20px 40px 40px; }
body:is(#sere-monochrome, .sere-starlink) .content-header,
body:is(#sere-monochrome, .sere-starlink) .content { padding: 0; border: 0 !important; }
body:is(#sere-monochrome, .sere-starlink) .content-header { margin: 4px 0 18px; }
body:is(#sere-monochrome, .sere-starlink) .content-header h1 { font-size: 30px; line-height: 1.2; font-weight: 600; }
body:is(#sere-monochrome, .sere-starlink) .box { border: 1px solid #333 !important; border-radius: 4px !important; }
body:is(#sere-monochrome, .sere-starlink) .box-header { padding: 12px 10px; border-color: #222 !important; }
body:is(#sere-monochrome, .sere-starlink) .btn,
body:is(#sere-monochrome, .sere-starlink) .tw-dw-btn { padding: 9px 16px; font-size: 12px; font-weight: 600; border-radius: 4px !important; letter-spacing: 0; text-transform: none; }
body:is(#sere-monochrome, .sere-starlink) table.table thead th { background: #111 !important; padding: 13px 10px; border-bottom: 1px solid #222 !important; font-size: 12px; font-weight: 400; }
body:is(#sere-monochrome, .sere-starlink) table.table tbody td { padding: 16px 10px; border-color: #222 !important; font-size: 13px; }
body:is(#sere-monochrome, .sere-starlink) .form-control,
body:is(#sere-monochrome, .sere-starlink) .ubs-input { border-color: #555 !important; }
body:is(#sere-monochrome, .sere-starlink) .ubs-dashboard-hero { padding: 0 0 24px !important; }
body:is(#sere-monochrome, .sere-starlink) .ubs-dashboard-hero > .tw-px-5 { padding: 4px 0 0; }
body:is(#sere-monochrome, .sere-starlink) .ubs-dashboard-title { font-size: 30px !important; letter-spacing: 0 !important; font-weight: 600 !important; }
body:is(#sere-monochrome, .sere-starlink) .ubs-overview-label { display: none; }
body:is(#sere-monochrome, .sere-starlink) .sere-account-footer { position: fixed; bottom: 0; inset-inline: 0; min-height: 63px; border-top: 1px solid #222 !important; padding: 18px 24px; z-index: 15; }
body:is(#sere-monochrome, .sere-starlink) .sere-account-footer > div { margin: 0; }
body:is(#sere-monochrome, .sere-starlink) .sere-account-footer p { margin: 0; font-size: 11px; line-height: 1.5; }
@media (max-width: 1023px) {
    body:is(#sere-monochrome, .sere-starlink) .erpsere-app-nav { min-height: 72px; padding: 8px 16px; }
    body:is(#sere-monochrome, .sere-starlink) .sere-account-links { display: none; }
    body:is(#sere-monochrome, .sere-starlink) .sere-wordmark { font-size: 17px; margin-inline-end: 8px; }
    body:is(#sere-monochrome, .sere-starlink) #scrollable-container { padding: 20px 16px 32px; height: auto; min-height: calc(100vh - 150px); }
    body:is(#sere-monochrome, .sere-starlink) .sere-account-footer { position: static; margin-top: 32px; }
    body:is(#sere-monochrome, .sere-starlink) #side-bar { padding: 8px 16px; }
    body:is(#sere-monochrome, .sere-starlink) .side-bar { height: calc(100vh - 72px); }
}

/* Semantic feedback takes precedence over the monochrome base. */
body:is(#sere-monochrome, .sere-starlink) .form-control.error,
body:is(#sere-monochrome, .sere-starlink) .has-error input,
body:is(#sere-monochrome, .sere-starlink) [aria-invalid="true"] { border: 1px solid #f87171 !important; }
body:is(#sere-monochrome, .sere-starlink) .has-success input { border-color: #4ade80 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--success { border-color: #4ade80 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--success__line { background: #4ade80 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--error { border-color: #f87171 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--error__line { background: #f87171 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--warning { border-color: #fbbf24 !important; }
body:is(#sere-monochrome, .sere-starlink) .swal-icon--warning__body,
body:is(#sere-monochrome, .sere-starlink) .swal-icon--warning__dot { background: #fbbf24 !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.alert, .toast, .btn-success, .btn-danger, .btn-warning, .btn-info) svg { filter: none !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.btn, button, .sere-app-tile, .sw-primary, .sw-secondary) { transition: transform .2s ease, border-color .2s ease, opacity .2s ease; }
body:is(#sere-monochrome, .sere-starlink) :is(.btn, button, .sere-app-tile, .sw-primary, .sw-secondary):hover { transform: translateY(-2px); }
body:is(#sere-monochrome, .sere-starlink) :is(.btn, button):active { transform: translateY(0) scale(.98); }
@keyframes sere-enter { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
body.sere-starlink.sere-motion-ready :is(.ubs-form-wrap, .ubs-message, .ubs-hero-copy, .ubs-register-card, .ubs-recovery, .sw-copy, .content-header, .ubs-dashboard-title) { animation: sere-enter .7s cubic-bezier(.2,.7,.2,1) both !important; }
body.sere-starlink.sere-motion-ready :is(.box, .sw-feature, .ubs-capability, .ubs-reg-highlight) { animation: sere-enter .65s cubic-bezier(.2,.7,.2,1) both !important; }
body.sere-starlink.sere-motion-ready :is(.sw-feature, .ubs-capability, .ubs-reg-highlight):nth-child(2) { animation-delay: .12s !important; }
body.sere-starlink.sere-motion-ready :is(.sw-feature, .ubs-capability, .ubs-reg-highlight):nth-child(3) { animation-delay: .24s !important; }
body.sere-starlink :is(.toast, .alert) { animation: sere-enter .35s ease both; }
@media (prefers-reduced-motion: reduce) {
    body.sere-starlink.sere-motion-ready *, body.sere-starlink.sere-motion-ready *::before, body.sere-starlink.sere-motion-ready *::after { animation: none !important; transition: none !important; }
    body:is(#sere-monochrome, .sere-starlink) :is(.btn, button, .sere-app-tile, .sw-primary, .sw-secondary):hover { transform: none; }
}
body:is(#sere-monochrome, .sere-starlink) :is(.alert-success, .toast-success, .label-success, .badge-success, .btn-success, .bg-success, .bg-green) { background: #082416 !important; border-color: #4ade80 !important; color: #4ade80 !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.alert-success, .toast-success, .label-success, .badge-success, .btn-success, .bg-success, .bg-green) *, body:is(#sere-monochrome, .sere-starlink) :is(.text-success, .tw-text-green-500, .tw-text-green-600, .tw-text-green-700, .has-success .help-block) { color: #4ade80 !important; background-color: transparent !important; }

body:is(#sere-monochrome, .sere-starlink) :is(.alert-danger, .alert-error, .toast-error, .label-danger, .badge-danger, .btn-danger, .bg-danger, .bg-red) { background: #2b1013 !important; border-color: #f87171 !important; color: #f87171 !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.alert-danger, .alert-error, .toast-error, .label-danger, .badge-danger, .btn-danger, .bg-danger, .bg-red) *, body:is(#sere-monochrome, .sere-starlink) :is(.text-danger, .ubs-error, label.error, .has-error .help-block, .has-error label, .tw-text-red-500, .tw-text-red-600, .tw-text-red-700) { color: #f87171 !important; background-color: transparent !important; }

body:is(#sere-monochrome, .sere-starlink) :is(.alert-warning, .toast-warning, .label-warning, .badge-warning, .btn-warning, .bg-warning, .bg-yellow) { background: #291e08 !important; border-color: #fbbf24 !important; color: #fbbf24 !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.alert-warning, .toast-warning, .label-warning, .badge-warning, .btn-warning, .bg-warning, .bg-yellow) *, body:is(#sere-monochrome, .sere-starlink) :is(.text-warning, .tw-text-yellow-500, .tw-text-yellow-600, .tw-text-amber-500, .tw-text-amber-600) { color: #fbbf24 !important; background-color: transparent !important; }

body:is(#sere-monochrome, .sere-starlink) :is(.alert-info, .toast-info, .label-info, .badge-info, .btn-info, .bg-info) { background: #0b1c33 !important; border-color: #60a5fa !important; color: #60a5fa !important; }
body:is(#sere-monochrome, .sere-starlink) :is(.alert-info, .toast-info, .label-info, .badge-info, .btn-info, .bg-info) *, body:is(#sere-monochrome, .sere-starlink) :is(.text-info, .tw-text-blue-500, .tw-text-blue-600) { color: #60a5fa !important; background-color: transparent !important; }

/* Payment brand artwork retains its original colors. */
body:is(#sere-monochrome, .sere-starlink) .paynow-trust img { filter: none !important; opacity: 1 !important; }

/* Readable entered values, including browser autofill and password dots. */
body:is(#sere-monochrome, .sere-starlink) input,
body:is(#sere-monochrome, .sere-starlink) textarea,
body:is(#sere-monochrome, .sere-starlink) select,
body:is(#sere-monochrome, .sere-starlink) input:-webkit-autofill,
body:is(#sere-monochrome, .sere-starlink) input:-webkit-autofill:hover,
body:is(#sere-monochrome, .sere-starlink) input:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    background-color: #000 !important;
    -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
    box-shadow: 0 0 0 1000px #000 inset !important;
}
body:is(#sere-monochrome, .sere-starlink) input::placeholder,
body:is(#sere-monochrome, .sere-starlink) textarea::placeholder { -webkit-text-fill-color: #aaa !important; color: #aaa !important; opacity: 1; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-point { fill: #fff !important; stroke: #000 !important; stroke-width: 1px; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-1 .highcharts-point { fill: #bbb !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-2 .highcharts-point { fill: #888 !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-1 .highcharts-graph { stroke: #bbb !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-series-2 .highcharts-graph { stroke: #888 !important; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-grid-line { stroke: #444 !important; stroke-opacity: 1; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-container text { font-size: 12px; }
body:is(#sere-monochrome, .sere-starlink) .highcharts-tooltip text { font-size: 13px; }

/* Links and actions use color/focus outlines rather than underlines. */
body:is(#sere-monochrome, .sere-starlink) a,
body:is(#sere-monochrome, .sere-starlink) a:link,
body:is(#sere-monochrome, .sere-starlink) a:visited,
body:is(#sere-monochrome, .sere-starlink) a:hover,
body:is(#sere-monochrome, .sere-starlink) a:focus,
body:is(#sere-monochrome, .sere-starlink) a:active,
body:is(#sere-monochrome, .sere-starlink) button,
body:is(#sere-monochrome, .sere-starlink) button:hover,
body:is(#sere-monochrome, .sere-starlink) button:focus,
body:is(#sere-monochrome, .sere-starlink) .btn,
body:is(#sere-monochrome, .sere-starlink) a *,
body:is(#sere-monochrome, .sere-starlink) button * {
    text-decoration: none !important;
}

/* Table page-size selectors need room for the value and native dropdown arrow. */
body:is(#sere-monochrome, .sere-starlink) .dataTables_length label,
body:is(#sere-monochrome, .sere-starlink) .dt-length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.5;
    white-space: nowrap;
}
body:is(#sere-monochrome, .sere-starlink) .dataTables_length select,
body:is(#sere-monochrome, .sere-starlink) .dt-length select {
    display: inline-block !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 12px !important;
    margin: 0 4px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-indent: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #111 !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    color-scheme: dark;
    vertical-align: middle;
}
body:is(#sere-monochrome, .sere-starlink) .dataTables_length select option,
body:is(#sere-monochrome, .sere-starlink) .dt-length select option {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #111 !important;
    font-size: 14px !important;
}