.oa-menu-separator{border:0;border-top:1px solid currentColor;opacity:.28;margin:16px 8px 12px}
.oa-menu-heading{font-size:12px;font-weight:600;padding:0 14px 8px;opacity:.85}
.oa-menu-search-label{display:block;margin:0 10px 8px;font-size:11px;opacity:.9}
.oa-menu-search-label input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:4px;font-size:13px;min-height:36px}
/* Explicit field colors override the drawer's dark native-control scheme. */
#sidebar [data-oa-section] .oa-menu-search-label input[data-oa-search]{color:var(--ink);background:var(--card);caret-color:var(--ink);color-scheme:light}
#sidebar [data-oa-section] .oa-menu-search-label input[data-oa-search]::placeholder{color:var(--muted);opacity:1}
.oa-menu-message{font-size:12px;margin:8px 14px}
@media(max-width:700px){.oa-menu-search-label input{min-height:44px;font-size:16px}}
#oaAdmissionForm .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#oaAdmissionForm [data-oa-count]{font-size:12px}
#oaAdmissionForm input[type=checkbox]{width:18px;height:18px}
#oaAdmissionForm td:first-child{width:48px}
#oaAdmissionForm textarea{min-height:64px}
.oa-company-config .tablewrap{max-width:100%;overflow:auto}
.oa-company-config fieldset label{display:inline-flex;align-items:center;gap:6px;margin-right:14px}
.oa-company-config fieldset input[type=checkbox]{width:18px;height:18px}
.oa-company-config [data-editor]:empty{display:none}
.oa-operating .tablewrap{max-width:100%;overflow:auto}
.oa-operating .toolbar{flex-wrap:wrap;position:static}
.oa-group-summary .toolbar{flex-wrap:wrap;position:static}
.oa-group-summary .operating-info>.operating-info-body{position:fixed;left:50%;right:auto;transform:translateX(-50%);top:20vh;width:min(520px,calc(100vw - 48px));max-height:55vh;overflow:auto}
.oa-import-preview .tablewrap{max-width:100%;overflow:auto}
.oa-history-imports{min-width:0}
.oa-history-imports .tablewrap{max-width:100%;overflow:auto}
.oa-history-imports td{vertical-align:top;overflow-wrap:anywhere}
.oa-history-imports td input:not([type=checkbox]),.oa-history-imports td textarea,.oa-history-imports td select{min-width:160px;max-width:280px}
.oa-history-imports [data-source-rows] td{min-width:160px}
.oa-import-preview .toolbar{flex-wrap:wrap;position:static}
.oa-import-preview input[type=file]{max-width:100%}
.oa-project-detail .tablewrap{max-width:100%;overflow:auto}
.oa-project-detail td{white-space:pre-wrap}
@media(max-width:700px){#oaAdmissionForm td:first-child{min-width:44px}#oaAdmissionForm .tablewrap{overflow-x:auto}}

/* Monthly preparation follows the existing compact sales workspace. */
.oa-monthly .tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.oa-monthly .toolbar{flex-wrap:wrap}
.oa-monthly .toolbar label{min-width:0;max-width:100%}
.oa-monthly select,.oa-monthly input,.oa-monthly textarea{max-width:100%;box-sizing:border-box}
.oa-monthly .toolbar select{width:360px}
.oa-monthly-metrics{display:flex;flex-wrap:wrap;gap:24px}
.oa-monthly-metrics p{display:grid;gap:6px;margin:8px 0}
.oa-monthly-metrics strong{font-size:22px}
.oa-monthly small{display:block;color:var(--muted);font-size:12px}
.oa-monthly-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.oa-monthly fieldset{border:1px solid var(--line,#ddd);border-radius:6px;margin:12px 0;padding:12px;min-width:0}
.oa-monthly fieldset label{display:grid;gap:5px;margin:8px 0}
.oa-monthly fieldset textarea{width:100%}
.oa-monthly-slide{max-height:72vh;overflow:auto;overflow-wrap:anywhere}
.oa-monthly-project{overflow-wrap:anywhere}
@media(max-width:600px){.oa-monthly .toolbar label{width:100%}.oa-monthly .toolbar select{width:100%}.oa-monthly .card{padding:12px}.oa-monthly .actions{flex-wrap:wrap}.oa-monthly-metrics{gap:16px}}

@media(max-width:600px){.oa-monthly-slide{max-height:none;overflow:visible}}

/* Monthly dashboard reuses the platform palette, compact controls and source views. */
.oa-monthly-dashboard{min-width:0}
.oa-monthly-dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
.oa-monthly-dashboard-title h2{font-size:18px;margin:0}.oa-monthly-dashboard-title p{margin:5px 0}
.oa-monthly-headline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.oa-monthly-kpi{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:7px;padding:12px;overflow-wrap:anywhere}
.oa-monthly-kpi>span{font-size:12px;color:var(--muted)}
.oa-monthly-kpi>strong,.oa-monthly-kpi>.link{display:block;font-size:20px;margin:7px 0;font-weight:600;text-align:left;white-space:normal;padding:0}
.oa-monthly-progress{height:4px;border-radius:3px;background:var(--bg);margin-top:8px;overflow:hidden}
.oa-monthly-progress>span{display:block;height:100%;background:var(--blue)}
.oa-monthly-dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:12px 0;align-items:start}
.oa-monthly-dashboard .card{min-width:0;padding:14px}.oa-monthly-dashboard .tablewrap{max-width:100%;overflow-x:auto}
.oa-monthly-dashboard .card h3{font-size:14px;margin:0 0 10px}.oa-monthly-dashboard>details{margin:12px 0}
.oa-monthly-dashboard summary{cursor:pointer;font-weight:600}.oa-monthly-dashboard details[open]>summary{margin-bottom:10px}
.oa-monthly-dashboard .oa-monthly-metrics{gap:14px}.oa-monthly-dashboard .oa-monthly-metrics strong{font-size:17px}
.oa-monthly-dashboard table{min-width:0;font-size:12px}.oa-monthly-dashboard th,.oa-monthly-dashboard td{font-size:12px;padding:7px;text-align:left}
.oa-monthly-total td{background:var(--bg);font-weight:600}
.oa-monthly-attention{padding-left:20px}.oa-monthly-attention li{padding:4px 0;overflow-wrap:anywhere}
.oa-monthly-legend{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px;flex-wrap:wrap}
.oa-monthly-legend>span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--blue);margin-right:5px;border-radius:2px}
.oa-monthly-legend>span:nth-child(2):before{background:var(--green)}
.oa-monthly-chart{display:grid;grid-template-columns:58px minmax(0,1fr);height:170px;padding-bottom:24px;margin:8px 0 14px;font-variant-numeric:tabular-nums}
.oa-monthly-axis{font-size:11px;color:var(--muted);display:flex;flex-direction:column;justify-content:space-between;padding-right:4px;overflow-wrap:anywhere}
.oa-monthly-columns{position:relative;display:flex;border-bottom:1px solid var(--line);min-width:0}
.oa-monthly-columns:before{content:'';position:absolute;left:0;right:0;top:var(--monthly-zero);border-top:1px solid var(--line)}
.oa-monthly-column{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.oa-monthly-column>small{position:absolute;top:calc(100% + 5px);font-size:12px;white-space:nowrap}
.oa-monthly .oa-monthly-mark{position:relative;display:block;width:42%;height:100%;padding:0;border:0;border-radius:0;background:transparent;min-height:0;min-width:0;margin:0}
.oa-monthly-mark>span{position:absolute;left:12%;right:12%;top:var(--monthly-top);height:var(--monthly-height);background:var(--blue);border-radius:2px;min-height:1px}
.oa-monthly-mark.is-paid>span{background:var(--green)}.oa-monthly button.oa-monthly-mark:hover{background:var(--bg)}
.oa-monthly-chart-missing{color:var(--muted);width:42%;text-align:center;font-size:12px}
.oa-monthly-trend-values{margin-top:24px}.oa-monthly-trend-values table{min-width:0}.oa-monthly-trend-values th,.oa-monthly-trend-values td{white-space:normal}
@media(max-width:1050px){.oa-monthly-dashboard-grid{grid-template-columns:1fr}.oa-monthly-headline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oa-monthly-kpi{padding:10px}.oa-monthly-kpi>strong,.oa-monthly-kpi>.link{font-size:18px}.oa-monthly-dashboard-title h2{font-size:16px}.oa-monthly-dashboard .card{overflow:visible}.oa-monthly-dashboard .tablewrap{overflow:auto}.oa-monthly-dashboard table{min-width:470px}.oa-monthly-trend-values table{min-width:0}.oa-monthly-chart{grid-template-columns:48px minmax(0,1fr)}.oa-monthly-headline{gap:8px}.oa-monthly-dashboard-title .primary{min-height:44px}}

/* Keep long policy names and source descriptions inside the existing OA layout. */
.oa-reward-policies{min-width:0;overflow-wrap:anywhere}
.oa-reward-policies .tablewrap{max-width:100%;overflow:auto}
.oa-reward-policies table{min-width:0;table-layout:fixed}
.oa-reward-policies th,.oa-reward-policies td{white-space:normal;overflow-wrap:anywhere}
.oa-reward-policies td small{display:block}

.oa-payroll-assessments{min-width:0;overflow-wrap:anywhere}
.oa-payroll-assessments .tablewrap{max-width:100%;overflow:auto}
.oa-payroll-assessments table{min-width:0;table-layout:fixed}
.oa-payroll-assessments th,.oa-payroll-assessments td{white-space:normal;overflow-wrap:anywhere}
.oa-payroll-assessments small{display:block}
.oa-payroll-assessments label,.oa-payroll-assessments fieldset{min-width:0}
.oa-payroll-assessments input,.oa-payroll-assessments select,.oa-payroll-assessments textarea{max-width:100%;box-sizing:border-box}

/* Payroll batches share the existing compact OA presentation. */
.oa-payroll-batches{min-width:0;overflow-wrap:anywhere}
.oa-payroll-batches .tablewrap{max-width:100%;overflow:auto}
.oa-payroll-batches table{min-width:0;table-layout:fixed}
.oa-payroll-batches th,.oa-payroll-batches td{white-space:normal;overflow-wrap:anywhere}
.oa-payroll-batches small{display:block}
.oa-payroll-batches label,.oa-payroll-batches fieldset{min-width:0}
.oa-payroll-batches input,.oa-payroll-batches select,.oa-payroll-batches textarea{max-width:100%;box-sizing:border-box}
.oa-payroll-batches [data-found] label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;margin:10px 0}
.oa-payroll-batches [data-found] input[type=checkbox]{width:auto;flex:0 0 auto;margin-top:3px}

.oa-payslips article{min-width:0;overflow-wrap:anywhere}
.oa-payslips .oa-private-note{white-space:pre-wrap;overflow-wrap:anywhere}
.oa-payslips [data-detail] table{min-width:480px}
.oa-payslips small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.oa-payslips .oa-private-note{display:block;margin-top:4px}
.oa-salary-payments article{min-width:0;overflow-wrap:anywhere}
.oa-salary-payments small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.oa-salary-payments .oa-salary-choice{display:flex;flex-direction:row;align-items:center;gap:8px}
.oa-salary-payments .oa-salary-choice input{width:auto;margin:0}
.oa-salary-payments .oa-salary-line{margin:10px 0}
.oa-salary-payments .tabs{display:flex;flex-wrap:wrap;gap:6px}
.oa-salary-payments .tabs button{flex:0 0 auto;width:auto;white-space:nowrap}
.oa-salary-payments fieldset{min-width:0;border:1px solid var(--line,#ddd);border-radius:6px;padding:12px}

/* Conditional wage map fields must stay hidden despite the shared label layout. */
.oa-payroll-account-maps [hidden]{display:none!important}
.oa-payroll-accounting{min-width:0;overflow-wrap:anywhere}
.oa-payroll-accounting .tablewrap{max-width:100%;overflow:auto}
.oa-payroll-accounting table{min-width:0;table-layout:auto}
.oa-payroll-accounting th,.oa-payroll-accounting td{white-space:normal;overflow-wrap:anywhere}
.oa-payroll-accounting small{display:block}
.oa-actual-labor{min-width:0;overflow-wrap:anywhere}
.oa-actual-labor small{display:block;margin-top:3px;color:var(--muted)}
.oa-actual-labor label,.oa-actual-labor fieldset{min-width:0}
.oa-actual-labor input,.oa-actual-labor select,.oa-actual-labor textarea{max-width:100%;box-sizing:border-box}
.oa-payroll-accounting label,.oa-payroll-accounting fieldset{min-width:0}
.oa-payroll-accounting input,.oa-payroll-accounting select,.oa-payroll-accounting textarea{max-width:100%;box-sizing:border-box}

/* Scoped staged-source consent; keep checkbox beside its explicit scope label. */
.oa-history-imports [data-stage-confirm-form] label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:flex-start;gap:8px}
.oa-history-imports [data-stage-confirm-form] input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0}
.oa-history-imports [data-staged-panel]{overflow-wrap:anywhere}

/* Restricted history source IDs must wrap on narrow screens, never widen the page. */
.oa-history-bulk,.oa-history-bulk-governance{min-width:0;overflow-wrap:anywhere}
.oa-history-bulk input,.oa-history-bulk select,.oa-history-bulk textarea,.oa-history-bulk-governance input,.oa-history-bulk-governance select{max-width:100%;box-sizing:border-box}
.oa-history-bulk .tablewrap,.oa-history-bulk-governance .tablewrap{max-width:100%;overflow-x:auto}

.oa-history-bulk .oa-bulk-check,.oa-history-bulk-governance .oa-bulk-check{display:flex;align-items:flex-start;gap:8px}
.oa-bulk-check input[type=checkbox]{width:auto;flex:none;margin:4px 0 0}

/* R2 directories keep the current compact typography and text actions. */
.oa-app-directory>summary,.oa-app-contents>summary{cursor:pointer;padding:8px 14px;font-size:13px}
.oa-app-group h3{font-size:12px;margin:12px 14px 4px;opacity:.8}
.oa-app-item{margin:0 8px 8px;min-width:0}
.oa-app-item p{font-size:12px;margin:0 6px 4px;line-height:1.5;opacity:.85;overflow-wrap:anywhere}
.oa-app-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 6px}
.oa-app-actions .linkbtn,.oa-app-views .linkbtn,.oa-app-contents .linkbtn{font-size:12px;background:none;border:0;padding:4px;white-space:normal;text-align:left}
.oa-app-views{display:flex;flex-wrap:wrap;gap:4px}
.oa-app-contents{margin:4px 6px}
.oa-app-contents summary{padding-left:0}
.oa-app-contents details{font-size:12px}
@media(max-width:700px){.oa-app-directory summary,.oa-app-actions .linkbtn,.oa-app-contents .linkbtn{min-height:44px}.oa-app-actions{gap:4px}.oa-app-contents summary{display:flex;align-items:center}}

/* Button elements inside the dark navigation retain its text-only style. */
#sidebar [data-oa-section] button.nav{font:inherit;display:flex;width:calc(100% - 8px);text-align:left;border:0;box-shadow:none;background:transparent;color:inherit;font-weight:inherit;margin:2px 4px;padding:9px 10px;border-radius:8px;gap:9px;white-space:normal}
#sidebar [data-oa-section] button.nav:hover,#sidebar [data-oa-section] button.nav.active{background:#253349;color:#fff}
#sidebar [data-oa-section] .linkbtn{border:0;box-shadow:none;background:transparent;color:#b6cff5;padding:4px;font-size:12px}
#sidebar [data-oa-section] .linkbtn:disabled{color:#8391a7;opacity:.6}
#sidebar [data-oa-section] .oa-app-item{padding:2px 0 8px;border-bottom:1px solid #ffffff12}

/* M2 six-group sidebar keeps the existing dark drawer and compact hierarchy. */
#sidebar [data-oa-section] .ws-nav-group{margin:6px 10px;border:1px solid #293445;border-radius:10px;overflow:hidden}
#sidebar [data-oa-section] .ws-nav-group>summary,#sidebar .oa-legacy-menu>summary{cursor:pointer;list-style:none;padding:12px;font-family:inherit;font-size:13px;font-weight:600;color:#cbd5e1;opacity:1}
#sidebar [data-oa-section] .ws-nav-group>summary::-webkit-details-marker,#sidebar .oa-legacy-menu>summary::-webkit-details-marker{display:none}
#sidebar [data-oa-section] .ws-nav-group>summary::before,#sidebar .oa-legacy-menu>summary::before{content:"›";display:inline-block;width:12px;margin-right:4px;transition:transform .15s ease}
#sidebar [data-oa-section] .ws-nav-group[open]>summary::before,#sidebar .oa-legacy-menu[open]>summary::before{transform:rotate(90deg)}
#sidebar .oa-legacy-menu{margin-top:12px;border-top:1px solid #ffffff1f;border-bottom:0}
#sidebar .oa-legacy-menu>summary{color:#b6cff5}

/* OA navigation loads after account_menu.css; preserve its light-theme palette. */
#sidebar[data-theme=light] [data-oa-section] .ws-nav-group{border-color:#d1dbe8}
#sidebar[data-theme=light] [data-oa-section] .ws-nav-group>summary,
#sidebar[data-theme=light] .oa-legacy-menu>summary,
#sidebar[data-theme=light] [data-oa-section] button.nav{color:#334155}
#sidebar[data-theme=light] [data-oa-section] button.nav:hover{background:#e2eaf5;color:#334155}
#sidebar[data-theme=light] [data-oa-section] button.nav.active{background:#dbeafe;color:#174ba3}
#sidebar[data-theme=light] [data-oa-section] .linkbtn:not(:disabled){color:#174ba3}
#sidebar[data-theme=light] .oa-legacy-menu{border-top-color:#d1dbe8}

/* Application directory lives in content; the drawer contains only daily links. */
.oa-directory .toolbar{position:static;display:flex;align-items:end;flex-wrap:wrap;gap:12px}
.oa-directory .toolbar label{min-width:0;max-width:100%}
.oa-directory input,.oa-directory select{max-width:100%;box-sizing:border-box}
.oa-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.oa-directory .oa-app-item{margin:0;padding:12px 0;border-top:1px solid var(--line,#ddd)}
.oa-directory h4{margin:0 0 6px;font-size:14px}
.oa-directory .oa-app-item p{margin:0 0 6px;color:var(--muted)}
.oa-directory-links{display:flex;flex-wrap:wrap;gap:4px 12px}
#content .oa-directory .linkbtn{min-height:44px;border:0;box-shadow:none;background:transparent;padding:6px 4px;white-space:normal;text-align:left;overflow-wrap:anywhere}
.oa-directory-links small{display:block;font-size:11px;color:var(--muted)}
.oa-directory .oa-app-actions{margin:8px 0;align-items:center}
.oa-directory .oa-app-actions label{min-width:0;max-width:100%}
@media(max-width:700px){.oa-directory .linkbtn,#sidebar [data-oa-section] button.nav{min-height:44px}.oa-directory-grid{grid-template-columns:1fr}}

.oa-menu-search-row{display:flex;align-items:center;gap:4px;margin:0 10px 8px}
.oa-menu-search-row .oa-menu-search-label{flex:1;min-width:0;margin:0}
.oa-menu-search-row .oa-menu-search-label input{margin:0}
#sidebar [data-oa-section] .oa-menu-search-row button.nav{width:auto;flex:none;padding:8px;min-height:36px;font:inherit}
@media(max-width:700px){#sidebar [data-oa-section] .oa-menu-search-row button.nav{min-height:44px}}

/* M2 shared OA surface baseline (2026-09-29).
   New pages may use .oa-page; existing OA routes are recognized by their oa-* roots.
   The selectors intentionally use :where() so module-specific CSS loaded later remains authoritative. */
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))){min-width:0}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card{min-width:0;max-width:100%}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card>.toolbar{
 display:flex;align-items:end;flex-wrap:wrap;gap:8px 12px;min-width:0;
 padding:6px 0 10px;border-bottom:0;position:static;
}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card>.toolbar>label{flex:1 1 180px;min-width:0;max-width:100%}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card>.toolbar>:where(input,select){width:100%;min-width:0;max-width:100%}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .inline-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;min-width:0;margin:0}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .actions{min-width:0;flex-wrap:wrap}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .actions:has(:where([data-prev],[data-next],.pager)){justify-content:flex-start;align-items:center;margin-top:10px}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .actions[role="tablist"]{justify-content:flex-start;margin-top:0}

/* Tables scroll in their own bounded surface; long identifiers and policy text wrap. */
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) :where(.tablewrap,.table-wrap){min-width:0;max-width:100%;overflow-x:auto}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) :where(.tablewrap,.table-wrap)>table{min-width:min(100%,760px)}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) :where(.tablewrap,.table-wrap) :where(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) table :where(.num,.amount){text-align:right;font-variant-numeric:tabular-nums}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) table .total-row>:where(th,td){padding:6px 10px;text-align:left;font-size:12px;line-height:1.4;font-weight:600;background:#f5f8fa;border-bottom:1px solid #e6ecf1}

/* Checkboxes and radios remain beside their explicit scope text. */
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) label:has(:where(input[type="checkbox"],input[type="radio"])){
 flex-direction:row;align-items:flex-start;gap:8px;min-height:32px;
}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) label:has(:where(input[type="checkbox"],input[type="radio"]))>:where(input[type="checkbox"],input[type="radio"]){
 width:16px;height:16px;flex:0 0 16px;margin:2px 0;
}

/* Feedback and empty states do not reserve space before content exists. */
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) :where([role="status"],[role="alert"],[data-result],[data-status],.empty,.compact-note){min-width:0;max-width:100%;overflow-wrap:anywhere}
:where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) :where([role="status"]:empty,[role="alert"]:empty,[data-result]:empty,[data-status]:empty){display:none}

/* A visible PWA message must not cover a sticky form action. */
body:has(.pwa-panel:not([hidden])>:not([hidden])) .dialog form>.actions,
body:has(.pwa-panel:not([hidden])>:not([hidden])) .dialog #channelShareForm>.inline-actions,
body:has(.pwa-panel:not([hidden])>:not([hidden])) .dialog #channelVisibilityForm>.inline-actions{
 padding-bottom:calc(12px + 96px + env(safe-area-inset-bottom,0px));
}

@media(max-width:700px){
 :where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card>.toolbar>label{flex:1 1 100%}
 :where(.oa-page,#content:has(:where([class^="oa-"],[class*=" oa-"],.presales,.system-init,.system-initialization))) .card>.toolbar>button{max-width:100%;white-space:normal}
}