/* Approved C 262:23/25, nested tile A 245:7. Only this editor is styled here. */
.material-selection-dialog{width:min(1440px,100vw);max-width:100vw;height:min(1040px,100dvh);max-height:100dvh;margin:auto;border:1px solid var(--border);padding:0;background:var(--surface);color:var(--text);font:400 14px/22px "Gothic A1",sans-serif;overflow:hidden}
.material-selection-dialog[open]{display:flex;flex-direction:column}.material-selection-dialog::backdrop{background:#0009}
.material-selection-dialog>header{height:80px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px}
.material-selection-dialog h2{font:600 18px/24px "Gothic A1",sans-serif;margin:0}.material-selection-dialog h3{font:600 14px/20px "Gothic A1",sans-serif;margin:0}
.material-selection-dialog p{margin:0;overflow-wrap:anywhere}.material-selection-dialog .selection-caption{font:500 12px/18px "Gothic A1",sans-serif;color:var(--muted)}
.material-selection-dialog .selection-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 24px}
.material-selection-dialog>footer{height:72px;flex:none;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding:12px 24px}
.material-selection-dialog>footer>.selection-hit{width:112px;flex:none}.material-selection-dialog>p[role="status"]{padding:0 24px;min-height:18px}
.selection-ledger-layout{display:grid;grid-template-columns:minmax(0,1fr) 384px;grid-template-areas:"ledger add" "workflow add";gap:24px}.selection-ledger{grid-area:ledger}.selection-add{grid-area:add}.selection-workflow{grid-area:workflow;display:flex;flex-direction:column;gap:8px}.selection-ledger,.selection-add{min-width:0;display:flex;flex-direction:column;gap:16px}
.selection-material-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--accent);min-height:132px;justify-content:flex-start}
.selection-block{display:flex;flex-direction:column;gap:12px;padding:16px}.selection-choices{display:flex;flex-wrap:wrap;gap:8px}
.selection-hit{min-width:48px;height:48px;display:flex;align-items:center;flex:1 1 0}.selection-hit>.physical{width:100%;height:36px;min-height:36px;padding:6px 8px;white-space:nowrap;font-size:14px;line-height:22px}
.selection-block>.selection-hit{flex:0 0 48px}
.selection-hit>.physical[aria-pressed="true"]{padding:5px 7px}.material-selection-dialog>header>.selection-hit{flex:none;width:60px}
.material-selection-dialog input,.material-selection-dialog select{width:100%;font:400 14px/22px "Gothic A1",sans-serif;color:var(--text);border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:10px 12px;min-height:48px;box-sizing:border-box}
.material-selection-dialog label{display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0}
.tile-editor-layout{display:grid;grid-template-columns:312px minmax(0,1fr);gap:16px;min-height:0}.tile-library,.tile-preview-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.tile-library{padding:8px}.tile-product-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;overscroll-behavior:contain}
.tile-family{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;min-height:96px;flex:none;text-align:left;font:400 14px/22px "Gothic A1",sans-serif;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:4px}.tile-family:before{content:"";grid-column:1;grid-row:1/4;width:48px;height:4px;background:#b3b1a4;align-self:center}.tile-family>*{grid-column:2}
.tile-family[aria-pressed="true"]{border:2px solid var(--accent);padding:11px}.tile-family h3{overflow-wrap:anywhere}
.tile-live-preview{height:390px;width:100%;background:#e9eeec;border-radius:16px;overflow:hidden}.tile-live-preview canvas{display:block;width:100%;height:100%;touch-action:none}
.tile-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.tile-details>section{display:flex;flex-direction:column;gap:12px;min-width:0}
.tile-reference-minis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile-reference-minis figure{display:flex;align-items:center;justify-content:center;height:112px;margin:0;background:#e9eeec;border-radius:16px;overflow:hidden}.tile-reference-minis img{display:block;flex:none;max-width:none}
.tile-library>.selection-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tile-mobile-select,.tile-mobile-module{display:none}
.tile-colour-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:359px){.tile-view-choices .physical{padding:6px 3px;font-size:12px}.tile-view-choices .physical[aria-pressed="true"]{padding:5px 2px}}
@media(max-width:899px){.material-selection-dialog{width:100vw;height:100dvh;margin:0;border-radius:0}.material-selection-dialog>header{padding:12px 16px}.material-selection-dialog .selection-body{padding:16px}.material-selection-dialog>footer{padding:12px 16px}.material-selection-dialog>footer>.selection-hit{flex:1;width:auto;min-width:0}.material-selection-dialog>p[role="status"]{padding:0 16px}.selection-ledger-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"ledger" "add" "workflow";gap:16px}.tile-editor-layout{grid-template-columns:minmax(0,1fr)}.tile-library{display:none;padding:0}.tile-picker-open .tile-library{display:flex}.tile-picker-open .tile-preview-column{display:none}.tile-product-list{max-height:none;overflow:visible}.tile-live-preview{height:240px}.tile-details{grid-template-columns:minmax(0,1fr)}.tile-mobile-select{display:flex;gap:8px}.tile-mobile-select>.selection-hit:first-child{flex:0 0 36%}.tile-mobile-select>.selection-hit:last-child{min-width:0}.tile-mobile-select button{overflow:hidden;text-overflow:ellipsis}.tile-mobile-module{display:block}.selection-block{padding:16px}.tile-reference-minis{gap:8px}.tile-reference-minis img{transform:scale(.75)}}
/* E85: one selection, one save; only the material dialog is affected. */
.material-selection-dialog [hidden]{display:none!important}
.material-selection-dialog{box-sizing:border-box}.material-selection-dialog>header{height:auto;min-height:76px;box-sizing:border-box}.material-selection-dialog>footer{box-sizing:border-box;height:auto;min-height:76px}.material-selection-dialog .physical{height:auto;min-height:44px;white-space:normal;overflow-wrap:anywhere}.material-selection-dialog .selection-hit{height:auto;min-height:48px}.material-selection-dialog>p[role=status]:empty{display:none}.material-selection-dialog>p[role=status]{flex:none;max-height:120px;overflow:auto}.material-selection-dialog>p[role=status] .selection-hit{display:inline-flex;margin-right:8px}.tile-editor-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.tile-library{display:flex;padding:0;gap:16px}.tile-preview-column{position:sticky;top:0}.tile-product-fields,.tile-dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-product-fields>label:first-child{grid-column:1/-1}.tile-details{display:flex;flex-direction:column;gap:16px}.tile-grout-fields{display:flex;flex-direction:column;gap:12px}.tile-live-preview{position:relative;height:390px;min-height:220px;flex:none}.tile-live-preview canvas[hidden]{display:none}.tile-live-preview .tile-fallback{width:100%;height:100%;object-fit:contain}.tile-reference-help{padding:12px;border:1px solid var(--border);border-radius:10px}.tile-reference-help summary{cursor:pointer;font-weight:600;min-height:44px}.tile-reference-help img{max-width:100%;height:auto}.tile-apply-footer{display:grid!important;grid-template-columns:minmax(0,1fr) 100px 180px;align-items:center}.material-selection-dialog>.tile-apply-footer>.selection-hit{width:auto}.tile-apply-footer>p{font-size:12px;line-height:18px}.tile-view-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tile-view-choices .physical{font-size:14px}.tile-preview-column>h3{overflow-wrap:anywhere}.tile-preview-column>p[role=status]{min-height:36px}
@media(max-width:899px){.material-selection-dialog{height:100dvh;max-height:100dvh;width:100%;max-width:100%;border:0}.material-selection-dialog>header{padding:10px 16px;min-height:74px}.material-selection-dialog .selection-body{padding:12px 16px}.tile-editor-layout{display:flex;flex-direction:column;gap:16px}.tile-library{display:contents}.tile-product-fields{order:0;width:100%;grid-template-columns:minmax(0,1fr) 115px}.tile-product-fields>label:first-child{grid-column:auto}.tile-preview-column{order:1;position:static;width:100%;gap:8px}.tile-details{order:2;width:100%}.tile-reference-help{order:3;width:100%;box-sizing:border-box}.tile-library>.selection-caption{order:4}.tile-live-preview{height:220px;min-height:220px}.tile-apply-footer{grid-template-columns:100px minmax(0,1fr);gap:6px 12px;padding:8px 16px max(10px,env(safe-area-inset-bottom))!important}.tile-apply-footer>p{grid-column:1/-1;max-height:36px;overflow:auto}.material-selection-dialog h2{font-size:18px;line-height:24px}.material-selection-dialog .selection-caption{font-size:12px;line-height:18px}.material-selection-dialog input,.material-selection-dialog select{font-size:16px;min-height:44px}.material-selection-dialog>header>.selection-hit{width:60px}.tile-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:560px) and (max-width:899px){.material-selection-dialog>header{min-height:60px}.material-selection-dialog>header .selection-caption{display:none}.tile-live-preview{height:220px}.tile-apply-footer>p{max-height:18px}}
.tile-applied-summary{font-size:13px;line-height:20px;overflow-wrap:anywhere}.tile-applied-summary:empty{display:none}.tile-grout-fields details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:600}.tile-grout-fields .selection-caption{margin-top:4px}
@media(max-width:899px){.tile-product-fields{grid-template-columns:minmax(0,1fr)}.tile-details{order:1}.tile-preview-column{order:2}.tile-product-fields>label:first-child{grid-column:1/-1}}
.material-selection-dialog .tile-primary-apply{background:var(--accent,#748360);color:#fff;border-color:var(--accent,#748360);font-weight:700}.material-selection-dialog .tile-primary-apply:disabled{opacity:.5}
.material-selection-dialog .tile-apply-footer .tile-primary-apply{background:var(--accent,#748360);color:#fff;border-color:var(--accent,#748360)}