@layer danfeng-reference {
body.compliance-reading :is(.main,#content){height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
body.compliance-reading #content .compliance-split{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)!important;gap:12px!important;align-items:start!important}
body.compliance-reading .compliance-list{min-width:0!important}
body.compliance-reading #content .compliance-list :is(.panel,.table-wrap,.r4-scroll){height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
body.compliance-reading #content table.compliance-list-table{table-layout:fixed!important;min-width:0!important;width:100%!important}
body.compliance-reading #content .compliance-list-table :is(th,td){position:static!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important;padding:10px 8px!important;max-height:none!important;overflow:visible!important}
body.compliance-reading #content .compliance-list-table .compliance-secondary{display:none!important}
body.compliance-reading #content .compliance-list-table td:last-child>*:not(.compliance-view){display:none!important}
body.compliance-reading #content .compliance-list-table tr.compliance-selected>td{background:var(--b-tint,#e5f2f3)!important}
body.compliance-reading #content .compliance-list-table th:last-child{width:90px!important}
body.compliance-reading .compliance-detail{border:1px solid var(--b-line,#d7e1e7)!important;border-radius:7px!important;background:white!important;min-width:0!important;color:var(--b-ink)!important}
body.compliance-reading .compliance-detail h3{margin:0!important;padding:16px!important;border-bottom:1px solid var(--b-line)!important;color:var(--b-title)!important}
body.compliance-reading .compliance-detail dl{display:grid!important;grid-template-columns:minmax(90px,30%) minmax(0,1fr)!important;margin:16px!important}
body.compliance-reading .compliance-detail :is(dt,dd){margin:0!important;padding:9px!important;border-bottom:1px solid var(--b-line)!important;overflow-wrap:anywhere!important;min-width:0!important}
body.compliance-reading .compliance-detail dt{background:var(--b-bg)!important;color:var(--b-muted)!important}
body.compliance-reading .compliance-detail dd{color:var(--b-ink)!important}
body.compliance-reading .compliance-detail img{max-width:100%!important;height:auto!important;max-height:220px!important;object-fit:contain!important}
body.compliance-reading .compliance-detail .compliance-view{display:none!important}
body.compliance-reading .compliance-detail :is(.actions,.cr-actions,.cc-row-actions){display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.compliance-reading .compliance-detail .cc-more{display:block!important}
body.compliance-reading .compliance-detail .cc-menu{position:static!important;display:flex!important;flex-wrap:wrap!important;box-shadow:none!important;width:auto!important}
body.compliance-reading .compliance-detail p{padding:16px!important}
@media(max-width:900px){body.compliance-reading #content .compliance-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:8px!important}body.compliance-reading .compliance-detail dl{grid-template-columns:minmax(60px,30%) minmax(0,1fr)!important;margin:8px!important}}
}

@layer danfeng-table-type {body.compliance-reading #content .compliance-list-table td:last-child>*:not(.compliance-view){display:none!important} body.compliance-reading #content .compliance-list-table :is(th,td){width:auto!important;min-width:0!important} body.compliance-reading #content .compliance-list-table th:last-child{width:100px!important}}

@layer danfeng-reference {body.compliance-reading .compliance-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;position:static!important;width:auto!important}}

@layer danfeng-table-type {body.compliance-reading #content .compliance-list .compliance-cell-content{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:44px!important;line-height:22px!important}body.compliance-reading #content .compliance-list-table td{height:60px!important}body.compliance-reading #content .compliance-list-table th{font-weight:500!important}body.compliance-reading #content .compliance-list-table td.compliance-secondary{display:none!important}}

html body #modal#modal#modal#modal#modal#modal.compliance-pane-editor .form-grid{grid-template-columns:minmax(0,1fr)!important}
html body #modal#modal#modal#modal#modal#modal.compliance-pane-editor :is(#modalBody,#modalForm,.modal-content){height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
html body #modal#modal#modal#modal#modal#modal.compliance-pane-editor :is(input,select,textarea){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body #modal#modal#modal#modal#modal#modal.compliance-pane-editor .table-wrap{max-height:none!important;height:auto!important;overflow-x:auto!important}

@layer danfeng-reference {
body.compliance-reading header.topbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;min-height:0!important;height:auto!important;padding:12px!important}
body.compliance-reading header.topbar>div:first-child{margin-right:auto!important}
body.compliance-reading header.topbar .top-actions{order:0!important;flex:0 1 auto!important;margin:0!important;gap:6px!important}
body.compliance-reading header.topbar :is(.ref-help-trigger,.ref-environment){position:static!important;inset:auto!important;margin:0!important}
body.compliance-reading #content>.compliance-sections{display:flex!important;justify-content:flex-start!important;gap:8px!important;margin:0 0 10px!important;width:100%!important;position:static!important}
body.compliance-reading #content .compliance-filter-toolbar{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important;background:white!important;border:1px solid var(--b-line)!important;border-radius:6px!important}
body.compliance-reading #content .compliance-search-row{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;flex-wrap:nowrap!important}
body.compliance-reading #content .compliance-search-row .search-combo{display:flex!important;flex:1 1 0!important;min-width:0!important;gap:8px!important;width:auto!important}
body.compliance-reading #content .compliance-search-row .search-combo input{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}
body.compliance-reading #content .compliance-search-row .toolbar-actions{display:flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important}
body.compliance-reading #content .compliance-search-row button{white-space:nowrap!important}
body.compliance-reading #content .compliance-filter-toolbar .select-pair{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;gap:8px!important;margin:0!important}
body.compliance-reading #content .compliance-filter-toolbar .select-pair select{width:100%!important;min-width:0!important}
body.compliance-reading #content .compliance-list .compliance-cell-content .compliance-redundant{display:none!important}
body.compliance-reading #content .compliance-list .compliance-cell-content .tag{white-space:normal!important}
}

@layer danfeng-table-type {body.compliance-reading #content .compliance-list-table td:last-child::after{content:none!important;display:none!important}}

/* Compact review controls: preserve room for records and right-hand details. */
@layer danfeng-table-type {
html body.compliance-reading #content#content#content#content#content :is(.silver-metrics,.cr-cards){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
html body.compliance-reading #content#content#content#content#content :is(.silver-summary-card,.cr-card){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:58px!important;min-height:58px!important;padding:10px!important;text-align:left!important}
html body.compliance-reading #content#content#content#content#content :is(.silver-summary-more,.cr-card small){display:none!important}
html body.compliance-reading #content#content#content#content#content .silver-summary-title{width:auto!important;flex:1!important;text-align:left!important;white-space:normal!important}
html body.compliance-reading #content#content#content#content#content :is(.silver-summary-value,.cr-card strong){margin:0 0 0 auto!important;font-size:20px!important;line-height:1.2!important}
html body.compliance-reading #content#content#content#content#content .silver-filter-bar>.toolbar-left{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
html body.compliance-reading #content#content#content#content#content .silver-filter-bar>.toolbar-left>input.search{grid-column:auto!important;width:100%!important}
html body.compliance-reading #content#content#content#content#content .silver-filter-bar{padding:8px!important;margin-bottom:10px!important;min-height:0!important}
html body.compliance-reading #content#content#content#content#content .silver-filter-bar :is(input,select){height:32px!important;min-height:32px!important;width:100%!important;min-width:0!important}
html body.compliance-reading #content#content#content#content#content .silver-filter-bar .muted{grid-column:1/-1!important;margin:0!important}
html body.compliance-reading #content#content#content#content#content .compliance-detail :is(.actions,.cc-row-actions,.compliance-actions){display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:6px!important}
html body.compliance-reading #content#content#content#content#content .compliance-detail .btn{margin-left:0!important;margin-right:0!important;flex:0 0 auto!important}
}

@layer danfeng-table-type {
html body[data-page="certificates"] #content#content#content#content#content .certificate-toolbar .r10-certificate-row{width:100%!important;max-width:none!important;margin:0 0 12px!important;display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;box-sizing:border-box!important}
html body[data-page="certificates"] #content#content#content#content#content .r10-certificate-row .search-combo{flex:1 1 540px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;justify-content:flex-start!important;flex-wrap:wrap!important}
html body[data-page="certificates"] #content#content#content#content#content .r10-certificate-row .search-combo input{flex:1 1 240px!important;width:320px!important;min-width:160px!important;max-width:480px!important}
html body[data-page="certificates"] #content#content#content#content#content .r10-certificate-row .toolbar-actions{margin:0!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important}
}

/* Keep model search results beside their certificate detail, not above it. */
@layer danfeng-reference {
 body.compliance-reading[data-page="certificates"] #content .compliance-split {grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)!important;}
 body[data-page="certificates"] #content .compliance-list .lookup-result {margin-top:0;margin-bottom:12px;}
 body[data-page="certificates"] #content .compliance-list .model-hit {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:8px 12px;}
 body[data-page="certificates"] #content .compliance-list .model-hit .actions {flex-wrap:wrap;}
 body[data-page="certificates"] #content .lookup-result .match-label {color:var(--b-title,#397f89)!important;background:var(--b-tint,#e5f2f3)!important;}
 @media(max-width:1000px){body.compliance-reading[data-page="certificates"] #content .compliance-split {grid-template-columns:minmax(0,1fr)!important;}}
 @media(max-width:520px){body[data-page="certificates"] #content .compliance-list .model-hit {grid-template-columns:minmax(0,1fr)!important;}}
}

@layer danfeng-reference { body[data-page='certificates'] #content .compliance-list .model-hit>div:first-child>b {display:block;margin-top:4px;} }