/* Only supplier and sample workspaces; leave the other modules unchanged. */
html body #content .compact-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:12px;align-items:start}
html body #content .compact-workspace :is(.compact-list,.compact-inspector){min-width:0;max-width:100%;background:white;border:1px solid #d7e1e7;border-radius:6px;overflow:hidden;padding:0;position:static;width:auto}
html body #content .compact-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse}
html body #content .compact-table :is(th,td){display:table-cell!important;height:auto!important;min-width:0!important;padding:9px 10px!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left;border-bottom:1px solid #d7e1e7}
html body #content .compact-table th{background:#f1f5f7;font-weight:400}
html body #content .compact-table th:first-child{width:34%}
html body #content .compact-table th:last-child{width:90px}
html body #content .compact-table small{display:block;color:#738399;margin-top:4px}
html body #content .compact-table :is(.compact-title,small){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #content .compact-table .record-selected{background:#e3f0f2}
html body #content .compact-pager{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px}
html body #content .compact-pager>span:first-child{margin-right:auto}
html body #content .compact-inspector>h3{padding:16px;margin:0;border-bottom:1px solid #d7e1e7}
html body #content .compact-detail{padding:12px}
html body #content .compact-fields{display:grid;grid-template-columns:minmax(75px,29%) minmax(0,1fr);margin:0}
html body #content .compact-fields :is(dt,dd){margin:0;padding:8px;border-bottom:1px solid #d7e1e7;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
html body #content .compact-fields dt{background:#f5f7fa;color:#738399}
html body #content .compact-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;justify-content:flex-start}
html body #content .compact-policy{border-top:1px solid #d7e1e7;margin-top:12px;padding-top:12px}
html body #content .compact-policy h4{margin:0 0 10px}
html body #content .compact-policy details{margin:10px 0;overflow-wrap:anywhere}
html body #content .compact-empty{padding:24px 12px!important;color:#738399}
html body:is([data-page="sample-center"],[data-page="supplier-center"]) #content .business-toolbar{margin-bottom:12px;gap:8px;flex-wrap:wrap}
html body:is([data-page="sample-center"],[data-page="supplier-center"]) #content .business-toolbar .search{width:min(320px,100%);min-width:0}
html body .compact-inspector #modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .compact-inspector #modal :is(input,select,textarea){max-width:100%;min-width:0}
html body .compact-inspector #modal .sample-multi-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px}
html body .compact-inspector #modal .sample-multi-row label{overflow-wrap:anywhere;white-space:normal}
@media(max-width:480px){html body #content .compact-workspace{grid-template-columns:minmax(0,1fr)}html body .compact-inspector #modal .form-grid{grid-template-columns:minmax(0,1fr)!important}}

html body[data-page="sample-center"] #content .sample-entry-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
html body[data-page="sample-center"] #content .sample-entry-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:94px;padding:10px 6px;border:1px solid #d7e1e7;border-radius:5px;background:#fff;color:#60758b;font:inherit}
html body[data-page="sample-center"] #content .sample-entry-card.active{background:#e3f0f2;border-color:#8cbec5;color:#397f89}
html body[data-page="sample-center"] #content .sample-entry-card svg{position:static;width:18px;height:18px}
html body[data-page="sample-center"] #content .sample-entry-card strong{font-size:20px;color:#24364a}
@media(max-width:480px){html body[data-page="sample-center"] #content .sample-entry-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
html body[data-page="supplier-center"] .compact-policy-tools{position:relative}
html body[data-page="supplier-center"] .compact-policy-tools>summary{cursor:pointer;padding:8px;border:1px solid #d7e1e7;border-radius:4px;background:white;list-style:none}
html body[data-page="supplier-center"] .compact-policy-tools[open]{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* Keep the title and its actions together, including the compact desktop panel. */
@layer danfeng-reference {
 html body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"]) header.topbar{display:flex!important;flex-wrap:wrap!important;min-height:0!important;gap:8px!important;padding:10px 12px!important}
 html body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"]) header.topbar>div:first-child{flex:1 1 auto!important;min-width:150px!important}
 html body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"]) header.topbar .top-actions{order:0!important;flex:0 1 auto!important;margin-left:0!important;gap:6px!important}
 html body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"]) header.topbar .ref-help-trigger{margin-left:0!important}
 html body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"]) header.topbar .ref-environment{margin:0!important}
}