/* Restricted to the five approved 3C pages. All existing actions are retained. */
body.cc-compact .topbar{min-height:0!important;padding:16px 24px 12px!important;gap:12px;align-items:center!important}
body.cc-compact .topbar h1{font-size:22px!important;margin:0 0 4px!important}
body.cc-compact .topbar p{margin:0!important;font-size:12px!important}
body.cc-compact .top-actions{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px!important;margin:0!important}
html body.cc-compact #content#content#content#content{padding-top:0!important;min-width:0}
html body.cc-compact #content#content#content#content .metric-grid,html body.cc-compact #content#content#content#content .cr-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 10px!important}
html body.cc-compact #content#content#content#content .metric-card,html body.cc-compact #content#content#content#content .cr-card{min-height:0!important;padding:10px 12px!important;gap:3px!important;text-align:center!important;align-items:center!important}
html body.cc-compact #content#content#content#content .metric-card .value,html body.cc-compact #content#content#content#content .cr-card strong{font-size:24px!important;line-height:1.3!important;margin:2px 0!important;font-weight:400!important}
html body.cc-compact #content#content#content#content .metric-card .hint{font-size:11px!important;line-height:1.4!important;margin:0!important}
html body.cc-compact #content#content#content#content .metric-card .label{margin:0!important;justify-content:center!important;font-size:12px!important}
html body.cc-compact #content#content#content#content .c3-metric-icon{display:none!important}
html body.cc-compact #content#content#content#content .quality-strip{padding:6px 10px!important;margin:0 0 10px!important;gap:12px!important;display:flex!important;flex-wrap:wrap!important}
html body.cc-compact #content#content#content#content .quality-strip button{padding:5px 10px!important;min-height:0!important;flex:0 0 auto!important;display:flex!important;gap:8px!important;align-items:center!important}
html body.cc-compact #content#content#content#content .quality-strip strong{font-size:17px!important}
html body.cc-compact #content#content#content#content .quality-strip>span{font-size:11px!important;flex:1 1 300px}
html body.cc-compact #content#content#content#content .toolbar{margin:0 0 10px!important;gap:8px!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important}
html body.cc-compact #content#content#content#content .toolbar-left{display:flex!important;flex:1 1 450px!important;min-width:0!important;gap:8px!important;flex-wrap:wrap!important}
html body.cc-compact #content#content#content#content .toolbar-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
html body.cc-compact #content#content#content#content .toolbar input.search{flex:1 1 200px!important;min-width:180px!important;width:auto!important}
html body.cc-compact #content#content#content#content .toolbar select{max-width:190px!important;min-width:100px!important;width:auto!important}
html body.cc-compact #content#content#content#content .cc-silver-tools>.toolbar-left{flex-basis:100%!important}
html body.cc-compact #content#content#content#content .cc-selection{padding:6px 10px!important;background:#fff;border:1px solid #e3eaf3;border-radius:6px}
html body.cc-compact #content#content#content#content .cc-selection [hidden]{display:none!important}
html body.cc-compact #content#content#content#content .panel-head{padding:10px 12px!important;min-height:0!important}
html body.cc-compact #content#content#content#content .panel{margin-bottom:10px!important;min-width:0!important}
html body.cc-compact #content#content#content#content .cr-tabs{margin:8px 0!important;gap:8px}
html body.cc-compact #content#content#content#content .cr-note{padding:6px 10px!important;margin:8px 0!important;font-size:12px!important}
html body.cc-compact #content#content#content#content table th{text-align:center!important;font-weight:400!important;padding:9px 8px!important}
html body.cc-compact #content#content#content#content table td{padding:9px 8px!important;text-align:left!important;border-bottom:1px solid #e5eaf0!important;vertical-align:middle!important;font-weight:400!important}
html body.cc-compact #content#content#content#content table td b{font-weight:400!important}
html body.cc-compact #content#content#content#content .cc-action-cell{position:sticky!important;right:0!important;z-index:3!important;background:#fff!important;width:125px!important;min-width:125px!important;box-shadow:-2px 0 3px #e4eaf0}
html body.cc-compact #content#content#content#content th.cc-action-cell{background:#f3f7fc!important;z-index:4!important}
html body.cc-compact #content#content#content#content .cc-row-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;align-items:center!important;justify-content:center!important}
html body.cc-compact #content#content#content#content .cc-row-actions>.btn{white-space:nowrap!important}
.cc-more{display:inline-block}.cc-more>summary,.cc-manual>summary{cursor:pointer;list-style:none}.cc-more>summary:after,.cc-manual>summary:after{content:' ▾'}
.cc-more>summary::-webkit-details-marker,.cc-manual>summary::-webkit-details-marker{display:none}
body.cc-compact .cc-menu{position:fixed;z-index:10050;display:flex;flex-direction:column;gap:2px;padding:6px;background:white;border:1px solid #dce5f1;border-radius:6px;box-shadow:0 5px 16px #263d5829;max-height:70vh;overflow:auto}
body.cc-compact .cc-menu>.btn{display:block!important;width:100%!important;text-align:left!important;margin:0!important;padding:8px!important;white-space:normal!important}
body.cc-compact .cc-more:not([open])>.cc-menu{display:none!important}
body.cc-compact .cc-manual{position:relative;margin-left:auto}
body.cc-compact .cc-manual>summary{border:1px solid #dbe5f2;border-radius:6px;background:white;padding:8px 12px;color:#245ba8;font-size:13px}
body.cc-compact .cc-manual[open]>div{position:absolute;right:0;top:100%;z-index:30;width:370px;max-width:80vw;background:white!important;box-shadow:0 4px 16px #263d5829;border:1px solid #dbe5f2;padding:12px!important;margin:4px 0!important;display:block!important}
body.cc-compact .cc-manual input{width:100%!important;box-sizing:border-box}
body.cc-compact .cc-history,body.cc-compact .cc-explanation{border:1px solid #dfe7f1;border-radius:6px;background:white;margin:0 0 10px}
body.cc-compact .cc-history>summary,body.cc-compact .cc-explanation>summary{padding:10px 12px;cursor:pointer;font-size:13px;color:#29466f}
body.cc-compact .cc-history>.panel{border:0!important;margin:0!important}
body.cc-compact .cc-history .panel-head{display:none}
body.cc-compact .cc-explanation>.compliance-note{margin:0!important;border:0!important}
@media(max-width:1100px){html body.cc-compact #content#content#content#content .metric-grid,html body.cc-compact #content#content#content#content .cr-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.cc-compact .topbar{flex-wrap:wrap}body.cc-compact .cc-manual{margin-left:0}}

html body.cc-compact #content#content#content#content .cc-selection>.toolbar-left{flex:1 1 420px!important}
html body.cc-compact #content#content#content#content .metric-card{grid-template-rows:auto auto auto!important}

html body.cc-compact #content#content#content#content .cc-selection>.toolbar-actions{width:auto!important;flex:0 1 auto!important}
html body.cc-compact #content#content#content#content .cc-query-controls{overflow:visible!important;position:relative;z-index:5}
html body.cc-compact #content#content#content#content .cc-query-controls>.cr-tabs{padding:0 10px!important}
html body.cc-compact #content#content#content#content .cc-query-controls>p{margin:6px 10px 10px!important;font-size:12px!important;line-height:1.5!important}
html body.cc-compact #content#content#content#content .cc-manual .official-query-actions{display:flex!important;gap:8px!important;margin-top:8px!important;flex-wrap:wrap!important}
html body.cc-compact #content#content#content#content .cc-menu>.btn{text-align:left!important;min-height:32px!important;height:auto!important;padding:8px!important}
html body.cc-compact #content#content#content#content .cc-manual[open]>.official-query-box{display:block!important;max-width:calc(100vw - 40px)!important}
html body.cc-compact #content#content#content#content .cc-manual #officialCertificateNo{display:block!important;margin:10px 0!important;width:100%!important;min-width:0!important}