/* Shared account controls. Specificity intentionally supersedes legacy themes. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn,.tw-dw-btn,.dt-button,.ubs-submit,.ubs-recovery-btn,.sw-primary,.sw-secondary,.sw-nav-button,button[type=submit],input[type=submit],.wizard>.actions a) {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
    min-height: 38px !important; height: auto; padding: 9px 16px !important;
    border: 1px solid #777 !important; border-radius: 4px !important;
    background: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    font-family: inherit; font-size: 13px !important; font-weight: 600 !important; line-height: 18px !important;
    letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important;
    box-shadow: none !important; white-space: normal; text-align: center; cursor: pointer;
    transition: background-color .18s ease,border-color .18s ease !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn,.tw-dw-btn,.dt-button,.ubs-submit,.ubs-recovery-btn,.sw-primary,.sw-secondary,.sw-nav-button,button[type=submit],input[type=submit],.wizard>.actions a):hover { background: #202020 !important; border-color: #ddd !important; transform: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn,.tw-dw-btn,.dt-button,button):focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn-xs,.btn-sm,.tw-dw-btn-xs) { min-height: 32px !important; padding: 6px 11px !important; font-size: 12px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn,.tw-dw-btn,.dt-button) :is(i,svg) { flex-shrink: 0; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn,.tw-dw-btn) :is(span,i) { background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.btn-success,.btn-danger,.btn-warning,.btn-info) { border-color: var(--sere-control-status) !important; color: var(--sere-control-status) !important; -webkit-text-fill-color: var(--sere-control-status) !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-success { --sere-control-status: #4ade80; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-danger { --sere-control-status: #f87171; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-warning { --sere-control-status: #fbbf24; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-info { --sere-control-status: #60a5fa; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(button:disabled,input:disabled,.btn.disabled,.wizard>.actions .disabled a) { opacity: .45; cursor: not-allowed; transform: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-group { display: inline-flex; flex-wrap: nowrap; vertical-align: middle; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-group>.btn { margin: 0 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .btn-group>.dropdown-toggle { min-width: 32px; padding-inline: 8px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dt-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dataTables_length,.dt-length) { overflow: visible !important; margin-bottom: 16px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dataTables_length,.dt-length) label { display: inline-flex !important; align-items: center; gap: 10px; height: auto !important; width: auto !important; margin: 0; white-space: nowrap; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) select:not([multiple]) {
    color: #fff !important; -webkit-text-fill-color: #fff !important; background-color: #000 !important;
    min-height: 38px; border: 1px solid #777 !important; border-radius: 4px !important; font-size: 14px !important;
    box-shadow: none !important; text-indent: 0 !important; line-height: normal !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dataTables_length,.dt-length) select {
    flex: 0 0 96px !important; width: 96px !important; min-width: 96px !important; max-width: none !important;
    height: 40px !important; padding: 8px 12px !important; margin: 0 !important;
    appearance: auto !important; -webkit-appearance: menulist !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dataTables_length,.dt-length) .select2-container { flex: 0 0 96px; width: 96px !important; min-width: 96px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-selection--single { height: 40px !important; border: 1px solid #777 !important; border-radius: 4px !important; padding: 0 !important; background: #000 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-selection--single .select2-selection__rendered { line-height: 38px !important; padding-inline: 12px 32px !important; font-size: 14px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-selection--single .select2-selection__arrow { height: 38px !important; inset-inline-end: 6px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-selection__arrow b { border-color: #aaa transparent transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dataTables_paginate .pagination { display: flex; flex-wrap: wrap; gap: 4px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dataTables_paginate .pagination>li>a { min-width: 34px; min-height: 34px; padding: 7px 10px; border: 1px solid #444 !important; border-radius: 4px; margin: 0; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dataTables_paginate .pagination>.active>a { background: #333 !important; border-color: #aaa !important; }

/* Dropdowns: quiet surfaces, full-row highlights and visible keyboard focus. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,.select2-dropdown,details>ul.tw-dw-dropdown-content) {
    background: #101010 !important; border: 1px solid #3a3a3a !important; border-radius: 5px !important;
    padding: 5px !important; box-shadow: 0 12px 28px #0009 !important; color: #fff !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(li,div),
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.select2-results,.select2-results__options,.select2-search) { background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button),
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option {
    min-height: 36px; padding: 9px 12px !important; margin: 2px 0;
    border: 0 !important; border-radius: 3px !important; background: transparent !important;
    font-size: 13px !important; line-height: 18px !important; font-weight: 400;
    color: #eee !important; text-decoration: none !important; transform: none !important;
    transition: background-color .12s ease !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button):hover,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button):focus,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option--highlighted,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option--highlighted[aria-selected] {
    background: #303030 !important; color: #fff !important; transform: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button) *,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option * { background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option[aria-selected=true],
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option--selected,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dropdown-menu>.active>a {
    background: #242424 !important; font-weight: 600 !important;
    box-shadow: inset 2px 0 #ddd !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option[aria-selected=true].select2-results__option--highlighted { background: #383838 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option[aria-disabled=true],
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dropdown-menu>.disabled>a,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dropdown-menu>.disabled>a:hover {
    background: transparent !important; color: #777 !important; cursor: not-allowed; box-shadow: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .dropdown-menu .divider { height: 1px; margin: 5px 0; background: #333 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-search__field { min-height: 36px; padding: 7px 10px !important; border: 1px solid #555 !important; border-radius: 3px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__options { max-height: 260px; scrollbar-width: thin; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-selection:hover { border-color: #aaa !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-container--open .select2-selection { border-color: #ddd !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-container--open .select2-selection__arrow b { border-color: transparent transparent #ddd !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) details[open]>summary,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .open>.dropdown-toggle { background: #242424 !important; transform: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button):focus-visible { outline: 1px solid #ddd !important; outline-offset: -2px; }
@media(prefers-reduced-motion:reduce) {
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.dropdown-menu,details>ul.tw-dw-dropdown-content) :is(a,button),
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .select2-results__option { transition: none !important; }
}

/* Date controls and calendar popups share the dark surface and readable states. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) button[id*="date"],
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterange-btn,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterange,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) [id$="daterange"] {
    background: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    border: 1px solid #777 !important; border-radius: 4px !important; min-height: 38px;
    padding: 9px 14px !important; box-shadow: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) button[id*="date"] *,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterange-btn * { background: transparent !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker { background: #111 !important; border: 1px solid #555 !important; border-radius: 5px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker :is(.calendar-table,table,thead,tbody,tr,th,td,.ranges,ul,li,.drp-buttons,.calendar-time) { background: transparent !important; color: #eee !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker td { padding: 6px !important; font-size: 12px; border-radius: 3px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker :is(td.available,th.available,.ranges li):hover { background: #333 !important; color: #fff !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker td.in-range { background: #272727 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker :is(td.active,td.active:hover,.ranges li.active) { background: #444 !important; color: #fff !important; box-shadow: inset 0 0 0 1px #aaa !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker :is(td.off,td.disabled) { color: #777 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker td.disabled { text-decoration: line-through; cursor: not-allowed; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker :is(.prev,.next) span { border-color: #fff !important; background: transparent !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker select { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #111 !important; box-shadow: none !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker .drp-buttons { border-top: 1px solid #444 !important; padding: 10px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker::before,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker::after { display: none; }

/* Action hover: white outline, never a light fill behind white text. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(button,input[type=submit],input[type=button],.btn,.tw-dw-btn,.dt-button,.ubs-submit,.ubs-recovery-btn,.sw-primary,.sw-secondary,.sw-nav-button,.daterange-btn,.wizard>.actions a,summary):hover {
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    transform: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(button,input[type=submit],input[type=button],.btn,.tw-dw-btn,.dt-button,.ubs-submit,.ubs-recovery-btn,.sw-primary,.sw-secondary,.sw-nav-button,.daterange-btn,.wizard>.actions a,summary):hover * {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Active links stay legible; submenu wrappers must not paint pale strips. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar > div,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar .sere-menu-open,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar .chiled { background: transparent !important; border-radius: 5px; padding-bottom: 0; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.sere-menu-open,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.tw-text-purple-700,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.nav-tabs,.nav-pills) > .active > a,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) a[aria-current=page] { background: #292929 !important; color: #fff !important; border-color: #777 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar .chiled > .tw-absolute { background: #333 !important; width: 1px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.nav-tabs,.nav-pills) a { border: 1px solid transparent !important; transition: border-color .18s ease, background-color .18s ease !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a:hover,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.nav-tabs,.nav-pills) a:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) a:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) a.sere-link-pressed { animation: sere-link-feedback .3s ease !important; }
@keyframes sere-link-feedback { 0% { opacity: .65; } 100% { opacity: 1; } }
@media(prefers-reduced-motion:reduce) {
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) a.sere-link-pressed { animation: none !important; }
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a { transition: none !important; }
}

/* Parent menu triggers must remain dark in the retained focus state after click. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down:focus,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down:active,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down:hover {
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down.sere-menu-open {
    background: #292929 !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down * {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down:hover,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a.drop_down:focus-visible {
    border-color: #fff !important;
}

/* Calendars float above cards and remain within the visible viewport. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker.sere-date-popup {
    position: fixed !important; z-index: 1100 !important; margin: 0 !important;
    max-width: calc(100vw - 24px) !important; overflow: auto !important;
    overscroll-behavior: contain; box-sizing: border-box;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel { margin-bottom: 24px; overflow: visible; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel .box-body { padding: 20px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel .row { display: flex; flex-wrap: wrap; align-items: flex-end; row-gap: 12px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel .row > [class*="col-"] { min-width: 220px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel .form-group { margin-bottom: 12px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel :is(button[id*="date"],.daterange-btn,input[id*="date"]) { width: 100%; white-space: normal; height: auto; min-height: 40px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel label { display: block; margin-bottom: 8px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #dashboard_date_filter { white-space: normal; height: auto; min-width: 190px; }
@media(max-width:767px) {
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-filter-panel .row > [class*="col-"] { width: 100%; min-width: 0; }
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .daterangepicker.sere-date-popup { width: calc(100vw - 24px) !important; }
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-date-popup :is(.drp-calendar,.ranges) { float: none !important; width: 100% !important; max-width: none !important; }
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-date-popup .ranges ul { width: 100% !important; display: flex; flex-wrap: wrap; }
 body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-date-popup .ranges li { flex: 1 1 45%; }
}

/* Pagination uses legible numbers and consistent targets across list pages. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.pagination,.dt-paging) { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.pagination>li>a,.pagination>li>span,.paginate_button:not(.pagination li),.dt-paging-button) {
    display: inline-flex !important; align-items: center; justify-content: center;
    min-width: 36px; min-height: 36px; width: auto !important; height: auto !important;
    padding: 7px 11px !important; margin: 0 !important;
    background: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    border: 1px solid #555 !important; border-radius: 4px !important;
    font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important;
    font-variant-numeric: tabular-nums; letter-spacing: normal; text-indent: 0;
    box-shadow: none !important; text-decoration: none !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.pagination>.active>a,.pagination>.active>span,.paginate_button.current,.dt-paging-button.current) { background: #303030 !important; border-color: #ddd !important; font-weight: 700 !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.pagination>li>a,.paginate_button,.dt-paging-button):hover { background: #000 !important; color: #fff !important; border-color: #fff !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.pagination>.disabled>a,.pagination>.disabled>span,.paginate_button.disabled,.dt-paging-button.disabled) { color: #888 !important; -webkit-text-fill-color: #888 !important; border-color: #333 !important; cursor: default; }

/* White textbox borders on all dark pages, including calculator displays. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(input:not([type]),input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],textarea,#calculator input.screen) {
    border: 1px solid #fff !important;
    border-radius: 4px !important;
    background: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(input,textarea):focus-visible { outline: 2px solid #aaa !important; outline-offset: 2px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .popover { background: #000 !important; border: 1px solid #555 !important; max-width: min(320px,calc(100vw - 24px)); }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .popover-title { background: #111 !important; color: #fff !important; border-bottom: 1px solid #444 !important; padding: 10px 14px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #calc,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .row { margin: 0; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .calcBG { padding: 0; width: 100%; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #result { padding: 6px 0 14px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator input.screen { display: block; width: 100% !important; max-width: 100%; height: 52px !important; min-height: 52px; padding: 10px 12px !important; font-size: 22px !important; line-height: 30px !important; text-align: right; box-sizing: border-box; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .row:not(#result):not(#calc) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin-bottom: 6px; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .row::before,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .row::after { display: none; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .btn { width: 100%; min-width: 0; margin: 0 !important; padding: 8px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #blank { visibility: hidden; }

/* Keep calculator display inside the same content width as its keypad. */
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .popover:has(#calculator) {
    width: 320px !important; max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .popover:has(#calculator) .popover-content { padding: 14px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #calc,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator .calcBG,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #result,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator form {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; float: none !important;
    box-sizing: border-box !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #result { margin-bottom: 14px !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #calculator #result input.screen {
    display: block !important; position: static !important; float: none !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 10px 12px !important; box-sizing: border-box !important;
    height: 54px !important; text-align: right !important;
}