
@layer uiControls {
  html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:not([role=switch]) {
    appearance:none!important;display:inline-block!important;position:relative!important;flex:none!important;
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
    margin:0!important;padding:0!important;border:1.5px solid var(--ui-muted)!important;border-radius:4px!important;
    background:var(--ui-panel)!important;box-shadow:none!important;vertical-align:middle!important;cursor:pointer!important;
  }
  html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:checked {
    border-color:var(--ui-brand)!important;background:var(--ui-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat!important;
  }
  html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:indeterminate {
    border-color:var(--ui-brand)!important;background:var(--ui-brand) linear-gradient(white,white) center/10px 2px no-repeat!important;
  }
  html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:focus-visible {outline:2px solid var(--ui-brand)!important;outline-offset:4px!important;}
  html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:disabled {opacity:.4!important;cursor:not-allowed!important;}
  html body #main :is(.row-select,.tree-check,.ui-select-hit,.select-all) {min-width:40px!important;min-height:44px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer!important;}
  html body #main :is(.row-menu>summary.icon-button,.row-actions>.options,.ui-row-options) {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
    margin:0!important;padding:9px!important;border:1px solid var(--ui-rule)!important;border-radius:6px!important;background:transparent!important;color:var(--ui-muted)!important;box-shadow:none!important;cursor:pointer!important;
  }
  html body #main :is(.row-menu>summary.icon-button,.row-actions>.options,.ui-row-options):hover,
  html body #main .row-menu[open]>summary.icon-button {border-color:var(--ui-brand)!important;background:var(--ui-hover)!important;color:var(--ui-brand)!important;}
  html body #main :is(.row-menu>summary.icon-button,.row-actions>.options,.ui-row-options)>svg {width:20px!important;height:20px!important;}
  html body #main :is(.select-all,.qa-select-page) {width:auto!important;flex:none!important;white-space:nowrap!important;}
  html body #main .ui-sort {display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;max-width:100%!important;margin:0!important;padding:0 12px!important;border:1px solid var(--ui-rule)!important;border-radius:6px!important;background:transparent!important;color:var(--ui-text)!important;box-sizing:border-box!important;white-space:nowrap!important;font-size:15px!important;}
  html body #main .ui-sort:hover {border-color:var(--ui-brand)!important;}
  html body #main .ui-sort:focus-within {outline:2px solid var(--ui-brand)!important;outline-offset:2px!important;}
  html body #main .ui-sort>svg {width:18px!important;height:18px!important;flex:none!important;color:var(--ui-muted)!important;}
  html body #main .ui-sort>span {color:var(--ui-muted)!important;font-size:15px!important;}
  html body #main .ui-sort select {appearance:auto!important;max-width:none!important;min-width:0!important;width:auto!important;min-height:42px!important;margin:0!important;padding:0 4px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--ui-text)!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important;}
  html body #main .ui-sort option {background:var(--ui-panel)!important;color:var(--ui-text)!important;}
  html body #main :is(.ui-selection-bar,.selection-bar) {border:1px solid var(--ui-rule)!important;border-radius:7px!important;background:var(--ui-panel)!important;box-shadow:none!important;padding:14px 18px!important;}
  html body #main :is(.ui-selection-bar,.selection-bar) :is(#host-selection-count,#selection-count,#flaw-selected-count,.ui-selection-count),
  html body #main :is(.pickbar .pb-n,.tree-total) {font-size:18px!important;font-weight:600!important;line-height:1.45!important;color:var(--ui-heading,var(--ui-text))!important;}
  html body #main .selection-bar>div>span {font-size:18px!important;}
  html body #main .ui-selection-bar {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px;}
  html body #main .ui-selection-bar[hidden] {display:none!important;}
  html body #main .ui-selection-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  html body #main .ui-selection-note {display:block;font-size:14px;color:var(--ui-muted);margin-top:4px;}
  html body :is(#top,.topbar) .ui-menu.ui-notification-menu {width:440px!important;max-width:calc(100vw - 24px)!important;max-height:min(650px,calc(100dvh - 106px));padding:0!important;right:12px;left:auto;transform:none!important;}
  html body #top .ui-notification-menu {display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  html body #top .ui-notification-menu :is(.notes-hd,.notes-state,.notes-ft,.notes-empty) {flex:0 0 auto!important;}
  html body #top .ui-notification-menu .notes-hd {min-height:64px!important;margin:0!important;padding:10px 18px!important;gap:6px!important;border-bottom:1px solid var(--ui-border)!important;}
  html body #top .ui-notification-menu .notes-hd h2 {font-size:18px!important;line-height:1.4!important;color:var(--ui-heading,var(--ui-text))!important;}
  html body #top .ui-notification-menu :is(.notes-gear,.mclose) {width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:8px!important;background:transparent!important;color:var(--ui-muted)!important;}
  html body #top .ui-notification-menu :is(.notes-gear,.mclose)>svg {width:20px!important;height:20px!important;}
  html body #top .ui-notification-menu .notes-state {padding:12px 18px!important;margin:0!important;font-size:14px!important;}
  html body #top .ui-notification-menu ol.notes {flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;margin:0!important;padding:0 18px!important;}
  html body #top .ui-notification-menu ol.notes>li>a {padding:18px 0!important;grid-template-columns:26px minmax(0,1fr)!important;gap:7px 12px!important;}
  html body #top .ui-notification-menu ol.notes .nb {grid-column:1!important;grid-row:1/4!important;width:26px!important;height:26px!important;}
  html body #top .ui-notification-menu ol.notes .s {grid-column:2!important;font-size:15px!important;gap:5px!important;}
  html body #top .ui-notification-menu ol.notes .site {font-size:15px!important;}
  html body #top .ui-notification-menu ol.notes time {grid-column:2!important;grid-row:auto!important;font-size:13px!important;color:var(--ui-muted)!important;}
  html body #top .ui-notification-menu .notes-ft {position:static!important;background:var(--ui-panel)!important;margin:0!important;padding:16px 18px!important;border-top:1px solid var(--ui-border)!important;}
  html body #top .ui-notification-menu .notes-empty {padding:20px 18px!important;margin:0!important;font-size:15px!important;}
  html body[data-workspace] #main a.qa-metric {text-decoration:none!important;color:var(--ui-text)!important;border-radius:6px!important;}
  html body[data-workspace] #main a.qa-metric:hover {background:var(--ui-hover)!important;}
  html body[data-workspace] #main a.qa-metric:focus-visible {outline:2px solid var(--ui-brand)!important;outline-offset:4px!important;}
  html body[data-workspace] #main .ws-sites .ui-site-row {grid-template-columns:24px 26px minmax(0,1fr) minmax(110px,auto) 44px 44px!important;}
  html body[data-workspace] #main .ws-sites .list-controls {flex:0 0 auto!important;width:auto!important;margin:0!important;}
  html body[data-workspace] #main .ws-sites .list-controls>div {display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;}
  html body[data-workspace] #main .ws-sites .sort-control.ui-sort {width:auto!important;min-width:0!important;position:static!important;}
  html body[data-workspace] #main .ws-sites .sort-control.ui-sort :is(select,svg) {position:static!important;inset:auto!important;opacity:1!important;}
  html body[data-workspace] #main .ws-sites .sort-control.ui-sort select {width:auto!important;max-width:none!important;height:42px!important;}
  html body[data-workspace] #main .site-meta>span {font:inherit!important;}
  html body[data-workspace] #main .site-meta .site-updated {font:inherit!important;color:inherit!important;white-space:nowrap!important;}
  html body[data-workspace] #main .ws-sites .list-controls .select-all {font-size:15px!important;color:var(--ui-muted)!important;}
  html body[data-workspace] #main .ws-reports>.catalog-tools>.ui-sort {grid-area:2/2!important;justify-self:end!important;}
  html body[data-workspace] #main .ws-reports .report-mobile-sort {display:none!important;}
  @media(max-width:699px) {
    html body[data-workspace] #main .ws-sites .list-controls {flex:1 1 100%!important;width:100%!important;}
    html body[data-workspace] #main .ws-sites .list-controls>div {width:100%!important;justify-content:space-between!important;}
    html body[data-workspace] #main .ws-sites .ui-site-row {grid-template-columns:20px 24px minmax(0,1fr) 40px!important;}
    html body[data-workspace] #main .ws-reports>.catalog-tools>.ui-sort {grid-area:3/1!important;}
  }
  @media(max-width:599px) {
    html body #main :is(.ui-selection-bar,.selection-bar) :is(#host-selection-count,#selection-count,#flaw-selected-count,.ui-selection-count),
    html body #main :is(.pickbar .pb-n,.tree-total) {font-size:16px!important;}
    html body #main :is(.select-all,.qa-select-page) {width:auto!important;flex:none!important;white-space:nowrap!important;}
  html body #main .ui-sort {padding-inline:10px!important;}
  }
  @media(forced-colors:active) {
    html body #main :is(.ws-sites,.ws-flaws,.ws-reports,.ref-inventory,.ref-findings,.focus-controls,.focus-flaw,.pickbar,.ui-selection-bar) input[type=checkbox]:not([role=switch]) {appearance:auto!important;}
  }
}
