/* Semantic status colors override monochrome surfaces and inherited link styling. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-success,.badge-success,.bg-green,.bg-success,.alert-success,.toast-success,.text-success,.tw-text-green-500,.tw-text-green-600,.tw-text-green-700,.tw-bg-green-100,.label[data-orig-value="paid"],.label[data-orig-value="received"]) { color: #4ade80 !important; -webkit-text-fill-color: #4ade80 !important; border-color: #4ade80 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-success,.badge-success,.bg-green,.bg-success,.alert-success,.toast-success,.text-success,.tw-text-green-500,.tw-text-green-600,.tw-text-green-700,.tw-bg-green-100,.label[data-orig-value="paid"],.label[data-orig-value="received"]) * { color: #4ade80 !important; -webkit-text-fill-color: #4ade80 !important; background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-success,.badge-success,.bg-green,.bg-success,.alert-success,.toast-success,.text-success,.tw-text-green-500,.tw-text-green-600,.tw-text-green-700,.tw-bg-green-100,.label[data-orig-value="paid"],.label[data-orig-value="received"]) svg { filter: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-success,.badge-success,.bg-green,.bg-success,.alert-success,.toast-success,.tw-bg-green-100,.label[data-orig-value="paid"],.label[data-orig-value="received"]) { background: #0b2919 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-danger,.badge-danger,.bg-red,.bg-danger,.alert-danger,.toast-error,.text-danger,.ubs-error,label.error,.has-error .help-block,.tw-text-red-500,.tw-text-red-600,.tw-text-red-700,.tw-bg-red-100,.label[data-orig-value="due"]) { color: #f87171 !important; -webkit-text-fill-color: #f87171 !important; border-color: #f87171 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-danger,.badge-danger,.bg-red,.bg-danger,.alert-danger,.toast-error,.text-danger,.ubs-error,label.error,.has-error .help-block,.tw-text-red-500,.tw-text-red-600,.tw-text-red-700,.tw-bg-red-100,.label[data-orig-value="due"]) * { color: #f87171 !important; -webkit-text-fill-color: #f87171 !important; background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-danger,.badge-danger,.bg-red,.bg-danger,.alert-danger,.toast-error,.text-danger,.ubs-error,label.error,.has-error .help-block,.tw-text-red-500,.tw-text-red-600,.tw-text-red-700,.tw-bg-red-100,.label[data-orig-value="due"]) svg { filter: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-danger,.badge-danger,.bg-red,.bg-danger,.alert-danger,.tw-bg-red-100,.label[data-orig-value="due"]) { background: #301216 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-warning,.badge-warning,.bg-yellow,.bg-warning,.alert-warning,.toast-warning,.text-warning,.tw-text-yellow-500,.tw-text-yellow-600,.tw-bg-yellow-100,.label[data-orig-value="partial"]) { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; border-color: #fbbf24 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-warning,.badge-warning,.bg-yellow,.bg-warning,.alert-warning,.toast-warning,.text-warning,.tw-text-yellow-500,.tw-text-yellow-600,.tw-bg-yellow-100,.label[data-orig-value="partial"]) * { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-warning,.badge-warning,.bg-yellow,.bg-warning,.alert-warning,.toast-warning,.text-warning,.tw-text-yellow-500,.tw-text-yellow-600,.tw-bg-yellow-100,.label[data-orig-value="partial"]) svg { filter: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-warning,.badge-warning,.bg-yellow,.bg-warning,.alert-warning,.toast-warning,.tw-bg-yellow-100,.label[data-orig-value="partial"]) { background: #302309 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-info,.badge-info,.bg-info,.bg-aqua,.bg-navy,.label-primary,.alert-info,.toast-info,.text-info) { color: #60a5fa !important; -webkit-text-fill-color: #60a5fa !important; border-color: #60a5fa !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-info,.badge-info,.bg-info,.bg-aqua,.bg-navy,.label-primary,.alert-info,.toast-info,.text-info) * { color: #60a5fa !important; -webkit-text-fill-color: #60a5fa !important; background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-info,.badge-info,.bg-info,.bg-aqua,.bg-navy,.label-primary,.alert-info,.toast-info,.text-info) svg { filter: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label-info,.badge-info,.bg-info,.bg-aqua,.bg-navy,.label-primary,.alert-info,.toast-info) { background: #102541 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label,.badge).status-label, body.sere-starlink:is(#sere-monochrome,.sere-starlink) .label[class*="bg-"], body.sere-starlink:is(#sere-monochrome,.sere-starlink) .label[class*="label-"] { display: inline-block; padding: 4px 8px; border: 1px solid currentColor; border-radius: 4px; font-size: 12px; line-height: 1.4; font-weight: 600; }

/* Reference-style status pills: colored outline and text, no colored fill. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.label,.badge,.status-label):is([class*="label-"],[class*="badge-"],[class*="bg-"],[data-orig-value],.status-label) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 2px 8px !important;
    background: #000 !important;
    border: 1px solid currentColor !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: normal;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: none !important;
}

/* Subscription history uses custom ubs-status labels, not Bootstrap badges. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-status {
    --sere-status-color: #aaa;
    display: inline-flex !important; align-items: center; justify-content: center;
    background: #000 !important; color: var(--sere-status-color) !important;
    -webkit-text-fill-color: var(--sere-status-color) !important;
    border: 1px solid var(--sere-status-color) !important; border-radius: 999px !important;
    min-height: 24px; padding: 2px 8px !important; font-size: 12px !important;
    line-height: 18px !important; font-weight: 400 !important; letter-spacing: normal !important;
    text-transform: none !important; white-space: nowrap; box-shadow: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-status:is(.is-active,.is-paid,.is-success,.is-completed,.is-approved) { --sere-status-color: #4ade80; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-status:is(.is-pending,.is-processing,.is-partial) { --sere-status-color: #fbbf24; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-status:is(.is-failed,.is-error,.is-cancelled,.is-canceled,.is-expired,.is-rejected) { --sere-status-color: #f87171; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-status:is(.is-trial,.is-trialing,.is-created) { --sere-status-color: #60a5fa; }

/* Notification count: readable next to the bell, with no empty outline. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .notifications-menu > a { display: inline-flex !important; align-items: center; gap: 6px; min-height: 36px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .notifications-menu .notifications_count.label {
    position: static !important; display: inline-flex !important; align-items: center; justify-content: center;
    min-width: 22px; min-height: 22px; width: auto !important; height: auto !important;
    margin: 0 !important; padding: 2px 6px !important; border-radius: 999px !important;
    background: #000 !important; border: 1px solid #fbbf24 !important;
    color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important;
    font-size: 12px !important; font-weight: 600 !important; line-height: 16px !important;
    font-variant-numeric: tabular-nums; letter-spacing: normal; text-indent: 0;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .notifications-menu .notifications_count.label:empty { display: none !important; }

/* Readable status text, including the current-subscription Active pill. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.ubs-live-pill,.ubs-status,.status-label,.label,.badge) {
    font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important;
    text-transform: none !important; letter-spacing: normal !important;
    min-height: 24px; padding: 2px 8px !important; border-radius: 999px !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-live-pill {
    display: inline-flex !important; align-items: center; gap: 6px;
    background: #000 !important; color: #4ade80 !important;
    -webkit-text-fill-color: #4ade80 !important; border: 1px solid #4ade80 !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .ubs-live-pill > span {
    width: 5px; height: 5px; min-width: 5px; border-radius: 50%;
    background: #4ade80 !important; border: 0 !important;
}