/* User-approved adaptive right-hand records; preserve the established type scale. */
html body .toast.error{background:#fff!important;color:var(--b-ink,#24364a)!important;border:1px solid var(--b-line,#d7e1e7)!important;box-shadow:0 4px 16px #18385418!important}
html body #content .compliance-split,html body #content .record-pane-workspace,html body.design-reference #content .design-b-reading:not(.design-b-detail-closed){grid-template-columns:minmax(0,1fr) minmax(360px, min(46%,680px))!important;align-items:start!important}
html body :is(.compliance-detail,.design-b-inspector){min-width:0!important;container-type:inline-size}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor :is(table,.silver-report table){table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor :is(th,td){min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;height:auto!important;line-height:1.55!important;padding:8px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%!important;min-width:0!important;box-sizing:border-box}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .silver-report:has(#silverModelRows) th:first-child{width:38px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .silver-report:has(#silverModelRows) th:nth-child(2){width:40%!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .silver-report:has(#silverModelRows) th:nth-child(3){width:27%!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor :is(.silver-editor,.form-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:12px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .silver-preview{min-width:0!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor :is(.field.full,.form-section){grid-column:1/-1!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .modal-foot{justify-content:flex-end!important;gap:8px!important}
@media(max-width:760px){html body #content .compliance-split,html body #content .record-pane-workspace,html body.design-reference #content .design-b-reading:not(.design-b-detail-closed){grid-template-columns:minmax(0,1fr)!important}}

/* Selection feedback is a list of SKUs, not a compressed 27-column table. */
html body #modal .cw-sku-choices{display:grid;gap:10px;min-width:0;width:100%}
html body #modal .cw-sku-choice{min-width:0;border:1px solid var(--b-line,#d7e1e7);border-radius:6px;padding:12px;background:#fff}
html body #modal .cw-sku-choice:has(input[name=sku]:checked){border-color:#397f89;background:#f1f8f9}
html body #modal .cw-sku-choice header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
html body #modal .cw-sku-choice header label{display:flex;align-items:flex-start;gap:8px;min-width:0;margin:0;flex:1}
html body #modal .cw-sku-choice header label span{min-width:0;overflow-wrap:anywhere;line-height:1.5}
html body #modal .cw-sku-choice input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:3px 0 0}
html body #modal .cw-sku-choice .cw-quote-badge{flex:0 0 auto}
html body #modal .cw-sku-choice dl{display:grid;grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:6px 12px;margin:10px 0 0;min-width:0}
html body #modal .cw-sku-choice dt,html body #modal .cw-sku-choice dd{margin:0;min-width:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html body #modal .cw-sku-choice dt{color:var(--b-muted,#738399)}
html body #modal .cw-sku-choice details{margin-top:10px}
html body #modal .cw-sku-choice summary{cursor:pointer;color:#397f89;line-height:1.5}
/* Artwork: four consistent entries and a persistent task detail pane. */
html body[data-page="artwork-center"] #content .aw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
html body[data-page="artwork-center"] #content .aw-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:94px;padding:10px;border:1px solid var(--b-line,#d7e1e7);border-radius:5px;background:#fff;color:var(--b-muted,#60758b);font:inherit}
html body[data-page="artwork-center"] #content .aw-card.active{background:#e3f0f2;border-color:#8cbec5;color:#397f89}
html body[data-page="artwork-center"] #content .aw-card svg{position:static;width:18px;height:18px}
html body[data-page="artwork-center"] #content .aw-card strong{font-size:20px;color:var(--b-ink,#24364a)}
html body[data-page="artwork-center"] #content .aw-search{display:flex;gap:8px;padding:12px;background:#fff;border:1px solid var(--b-line,#d7e1e7);border-radius:6px;margin-bottom:12px}
html body[data-page="artwork-center"] #content .aw-search input{width:min(320px,75%);min-width:0}
html body[data-page="artwork-center"] #content .aw-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,min(44%,640px));gap:12px;align-items:start}
html body[data-page="artwork-center"] #content :is(.aw-list,.aw-inspector){min-width:0;background:#fff;border:1px solid var(--b-line,#d7e1e7);border-radius:6px;overflow:hidden}
html body[data-page="artwork-center"] #content .aw-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse}
html body[data-page="artwork-center"] #content .aw-table :is(th,td){display:table-cell!important;padding:10px!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;min-width:0!important;height:auto!important;text-align:left}
html body[data-page="artwork-center"] #content .aw-table th{background:#f1f5f7;font-weight:400}
html body[data-page="artwork-center"] #content .aw-table td{border-bottom:1px solid var(--b-line,#d7e1e7)}
html body[data-page="artwork-center"] #content .aw-table small{display:block;color:var(--b-muted,#738399);margin-top:4px}
html body[data-page="artwork-center"] #content .aw-table .record-selected{background:#e3f0f2}
html body[data-page="artwork-center"] #content .aw-table .aw-empty{padding:28px 12px!important;text-align:center}
html body[data-page="artwork-center"] #content .aw-pager{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 12px}
html body[data-page="artwork-center"] #content .aw-pager>span:first-child{margin-right:auto}
html body[data-page="artwork-center"] #content .aw-inspector>h3{margin:0;padding:16px;border-bottom:1px solid var(--b-line,#d7e1e7)}
html body[data-page="artwork-center"] #content .aw-detail-body{padding:14px}
html body[data-page="artwork-center"] #content .aw-fields{display:grid;grid-template-columns:minmax(90px,30%) minmax(0,1fr);margin:0}
html body[data-page="artwork-center"] #content .aw-fields :is(dt,dd){margin:0;padding:9px 8px;border-bottom:1px solid var(--b-line,#d7e1e7);min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
html body[data-page="artwork-center"] #content .aw-fields dt{background:#f5f7fa;color:var(--b-muted,#738399)}
html body[data-page="artwork-center"] #content .aw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:flex-start}
html body[data-page="artwork-center"] #content .aw-detail-body details{margin-top:12px}
html body[data-page="artwork-center"] #content .aw-detail-body summary{cursor:pointer;color:#397f89}
html body[data-page="artwork-center"] #content .aw-skus article{margin-top:10px;padding-top:8px;border-top:1px solid var(--b-line,#d7e1e7)}
@media(max-width:480px){html body[data-page="artwork-center"] #content .aw-split{grid-template-columns:minmax(0,1fr)}html body[data-page="artwork-center"] #content .aw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body[data-page="artwork-center"] #content .aw-product-title,html body[data-page="artwork-center"] #content .aw-table small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html body[data-page="artwork-center"] #content .aw-detail-body>.aw-actions{margin:0 0 14px}
html body[data-page="artwork-center"] #content .aw-inspector{padding:0!important;width:auto!important;position:static!important}

@media(min-width:481px) and (max-width:900px){html body[data-page="artwork-center"] #content .aw-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}html body[data-page="artwork-center"] #content .aw-fields{grid-template-columns:minmax(65px,30%) minmax(0,1fr)}}