#appView #content[data-compliance-page] [hidden]{display:none!important}
#appView #content[data-compliance-page] button{min-height:44px}
#appView .media-review-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
#appView .compliance-stat-icon{width:48px;height:48px;border-radius:50%;background:#fff2de;color:#a95f16;display:grid;place-items:center;float:left;margin-right:14px;font-size:23px}
#appView .compliance-stat-icon.tone-2{background:#e8f6ee;color:#258455}
#appView .compliance-stat-icon.tone-3{background:#fff0ee;color:#b64a38}
#appView .compliance-stat-icon.tone-4{background:#f0efec;color:#77716a}
#appView #content[data-compliance-page=qualifications] .compliance-stat-icon.tone-0{background:#edf3ff;color:#326fcc}
#appView #content[data-compliance-page=qualifications] .compliance-stat-icon.tone-2{background:#fff2de;color:#a95f16}
#appView #content[data-compliance-page=qualifications] .compliance-stat-icon.tone-3{background:#e8f6ee;color:#258455}
#appView #content[data-compliance-page=legal] .compliance-stat-icon.tone-2,#appView #content[data-compliance-page=legal] .compliance-stat-icon.tone-3{background:#fff2de;color:#a95f16}
#appView #content[data-compliance-page=media] .media-review-stats{gap:16px;border:0;background:transparent;box-shadow:none}
#appView #content[data-compliance-page=media] .media-review-stats .stat{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:18px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:104px}
#appView .media-review-stats .compliance-stat-icon{grid-column:1;grid-row:1/3;margin:0}
#appView .media-review-stats .stat strong{grid-column:2;grid-row:1;font-size:27px;line-height:1.2}
#appView .media-review-stats .stat>span:not(.compliance-stat-icon){grid-column:2;grid-row:2}
#appView .media-review-stats .stat small{grid-column:1/-1;font-size:12px}
#appView #content[data-compliance-page=legal] .legal-summary>div,#appView #content[data-compliance-page=qualifications] .qualification-counts>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 14px;align-content:center}
#appView .legal-summary .compliance-stat-icon,#appView .qualification-counts .compliance-stat-icon{grid-column:1;grid-row:1/3;margin:0}
#appView .legal-summary>div>strong,#appView .qualification-counts>div>strong{grid-column:2;font-size:28px;line-height:1.2}
#appView .legal-summary>div>span:not(.compliance-stat-icon),#appView .qualification-counts>div>span:not(.compliance-stat-icon){grid-column:2;font-size:14px}
#appView .compliance-policy{margin:12px 0 20px;border:1px solid #e7dfd2;border-radius:10px;background:#fffaf1;padding:12px 16px;font-size:13px}
#appView .compliance-policy summary{cursor:pointer;min-height:24px;color:#8c5b20}
#appView .compliance-policy .review-policy-banner{margin:14px 0 0}
#appView .compliance-focus-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#appView .compliance-focus-bar>div{display:flex;gap:12px}
#appView .platform-review-grid.compliance-focused{grid-template-columns:minmax(0,1fr)}
#appView .compliance-focused .platform-review-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#appView .compliance-focused .review-preview{min-height:330px;margin:24px;border-radius:8px;overflow:hidden}
#appView .review-actions button{display:inline-flex;gap:8px;align-items:center;justify-content:center}
#appView .compliance-search{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#appView .compliance-search-label{flex:1 1 300px}
#appView .compliance-search label{display:grid;gap:8px;min-width:160px}
#appView .compliance-search input,#appView .compliance-search select{min-height:44px}
#appView .compliance-search [role=status]{font-size:13px;color:var(--muted)}
#appView .compliance-legal-directory{padding:0;overflow:hidden;margin-top:18px}
#appView .compliance-legal-directory table{width:100%;min-width:800px}
#appView .compliance-legal-directory td{padding:11px 14px}
#appView .compliance-legal-directory tr.selected{background:#fff2df}
#appView .compliance-legal-directory [data-legal-select-button]{text-align:left;font-weight:650}
#appView .compliance-legal-detail{grid-template-columns:minmax(0,1fr);margin-top:20px}
#appView .compliance-legal-detail .legal-document-card{margin:0}
#appView .qualification-counts>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
#appView #content[data-compliance-page=qualifications] table{min-width:0;width:100%;table-layout:fixed}
#appView #content[data-compliance-page=qualifications] th,#appView #content[data-compliance-page=qualifications] td{overflow-wrap:anywhere;white-space:normal}
#modalRoot .compliance-dialog .notice{line-height:1.7}
#modalRoot .compliance-dialog button{min-height:44px}
#modalRoot .compliance-media-summary{margin:0 0 18px;padding:14px;border:1px solid var(--line);border-radius:10px;grid-column:1/-1}
#modalRoot .compliance-media-dialog{width:min(660px,100%)}
#modalRoot .compliance-legal-dialog{width:min(760px,100%)}
#modalRoot .compliance-legal-dialog textarea[name=content]{min-height:240px;height:300px;resize:vertical}
#modalRoot .compliance-qualification-dialog{width:min(1140px,100%)}
#modalRoot .compliance-qualification-dialog .qualification-review textarea{min-height:130px}
#modalRoot .compliance-hash{font-family:monospace;overflow-wrap:anywhere;max-width:460px}
@media(max-width:900px){#appView .media-review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#appView .compliance-focused .platform-review-card{grid-template-columns:minmax(0,1fr)}#appView #content[data-compliance-page=qualifications] table{min-width:760px;table-layout:auto}}
