/* Last stylesheet: a single explicit size applies to tables and their editors. */
:root{--work-font:12px;--work-heading:15px}
:root[data-display-font="medium"]{--work-font:14px;--work-heading:17px}
:root[data-display-font="large"]{--work-font:16px;--work-heading:19px}
.display-setting{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;order:2}
.display-setting select{width:auto;padding:3px 5px;border-radius:3px;font-size:12px}
html[data-display-font] :is(.app,.dialog){font-size:var(--work-font)}
html[data-display-font] :is(.app,.dialog) :is(p,small,label,summary,button,input,select,textarea,td,th,.badge,.grid-caption,.fact b,.kv dd){font-size:var(--work-font)}
html[data-display-font] :is(.app,.dialog) :is(h1,h2,h3){font-size:var(--work-heading)}
html[data-display-font] .cell-note-popover{font-size:var(--work-font)}
.app .main{max-width:none}
.app .panel{border-radius:4px;box-shadow:none;padding:10px}
.app :is(.product-grid,.comparison-grid){border-collapse:collapse}
.app :is(.product-grid,.comparison-grid) :is(th,td){padding:4px 6px;border:1px solid #dbe2e9}
.app table tbody tr:focus-within{background:#eaf3fb}
.version-history>label{margin:8px 12px}
.version-history [data-history-choice]{width:auto;max-width:100%}
.usage-help{margin:5px 0;color:#526477}
[data-formula-reference]{border:1px solid #dbe2e9;padding:8px}
[data-formula-reference]>summary{cursor:pointer;color:#175b94}
[data-formula-reference] label{margin:6px 0}
[data-formula-reference] input[type=checkbox]{width:auto;justify-self:start}
[data-reference-list]{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.usage-help>summary{cursor:pointer;color:#175b94;padding:4px 0}
.usage-help>p{margin:5px 0;padding:6px 8px;background:#f4f7fa;line-height:1.5}
.treatment-group{margin:10px 0;padding:8px;border:1px solid #dbe2e9;border-radius:3px}
.treatment-group h3,.handling-choice h3{margin:0 0 6px}
html[data-display-font] :is(#templateItems,.bom-table,.inspection-entry-grid) :is(label,input,select,textarea,small,th,td){font-size:var(--work-font);height:auto;min-height:28px}
html[data-display-font] :is(.bom-note pre,.comment-body,.draft-notice){font-size:var(--work-font);white-space:pre-wrap;overflow-wrap:anywhere}
.app .facts{gap:1px;margin:8px 0;background:#dbe2e9;border:1px solid #dbe2e9}
.app .fact{border-radius:0;background:#f7fafc;padding:6px 8px}
.app .fact b{margin-top:2px}
.app .actions,.dialog .actions{flex-wrap:wrap;margin-top:8px}
@media(max-width:650px){html[data-display-font] :is(.app,.dialog) :is(input,select,textarea){font-size:max(16px,var(--work-font))}.display-setting{flex-wrap:wrap}}