/* Scoped to the five approved 3C pages. No other workspace styling changes. */
html body.c3-approved{--c3-ink:#626975;--c3-blue:#668fce;--c3-line:#e4ebf3;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
html body.c3-approved #content#content{color:var(--c3-ink)!important;padding:0 24px 24px!important}
html body.c3-approved #content#content :is(button,input,select,th,td,.label,.value,.hint,.panel-title,.panel-subtitle,b,strong,small){font-family:inherit!important;font-weight:400!important;text-align:center!important;color:var(--c3-ink)!important}
html body.c3-approved #content#content .btn.primary{background:#4d80dc!important;color:white!important;border-color:#4d80dc!important}
html body.c3-approved #content#content .btn{font-size:13px!important;border-radius:6px!important;min-height:32px}
html body.c3-approved #content#content :is(.panel,.metric-card){border:1px solid var(--c3-line)!important;border-radius:8px!important;background:white!important;box-shadow:0 2px 8px #354b6b04!important}
html body.c3-approved #content#content .panel-head{padding:14px 16px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important}
html body.c3-approved #content#content .panel-title{font-size:16px!important}
html body.c3-approved #content#content .panel-subtitle{font-size:12px!important;margin-left:10px}
html body.c3-approved #content#content .metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important}
html body.c3-approved #content#content .c3-metric{position:relative;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;align-content:center!important;gap:7px!important;padding:16px 12px!important;min-height:138px!important;overflow:visible!important}
html body.c3-approved #content#content .c3-metric:before,html body.c3-approved #content#content .c3-metric:after{display:none!important}
html body.c3-approved #content#content .c3-metric .label{justify-content:center!important;font-size:14px!important;margin:0!important}
html body.c3-approved #content#content .c3-metric .label svg{display:none!important}
html body.c3-approved #content#content .c3-metric .value{font-size:24px!important;line-height:1.2!important;margin:0!important}
html body.c3-approved #content#content .c3-metric .hint{font-size:12px!important;margin:0!important;line-height:1.6!important}
html body.c3-approved #content#content .c3-icon{width:22px;height:22px;flex:none;color:inherit!important}
html body.c3-approved #content#content .c3-metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-style:normal}
html body.c3-approved #content#content .c3-tone-0{color:#668fce!important;background:#eff4fc!important}
html body.c3-approved #content#content .c3-tone-1{color:#6b9f9c!important;background:#eef7f5!important}
html body.c3-approved #content#content .c3-tone-2{color:#a68f66!important;background:#faf5ea!important}
html body.c3-approved #content#content .c3-tone-3{color:#8d8bb0!important;background:#f3f1f8!important}
html body.c3-approved #content#content .quality-strip{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;margin:14px 0!important;border:1px solid var(--c3-line)!important;border-radius:8px!important;background:#f7f9fc!important;flex-wrap:wrap!important}
html body.c3-approved #content#content .quality-strip button{display:flex!important;flex:1 1 140px!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:white!important;border:1px solid var(--c3-line)!important;padding:12px!important;min-height:45px!important}
html body.c3-approved #content#content .quality-strip strong{font-size:18px!important}
html body.c3-approved #content#content .toolbar{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:16px 0!important}
html body.c3-approved #content#content .toolbar-left{display:flex!important;gap:10px!important;flex:1 1 auto!important;flex-wrap:wrap!important;align-items:center!important;min-width:0!important}
html body.c3-approved #content#content .toolbar-left .search{flex:1 1 240px!important;min-width:220px!important;width:auto!important}
html body.c3-approved #content#content :is(input.search,select.filter){height:38px!important;padding:6px 12px!important;border:1px solid #dbe5f2!important;border-radius:6px!important;font-size:14px!important}
html body.c3-approved #content#content .toolbar-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
html body.c3-approved[data-page=silver] #content#content .toolbar-left{flex-basis:100%!important}
html body.c3-approved[data-page=silver] #content#content .toolbar-actions{width:100%!important}
html body.c3-approved #content#content table.c3-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}
html body.c3-approved #content#content table.c3-table :is(th,td){text-align:center!important;vertical-align:middle!important;line-height:1.6!important;font-size:14px!important;padding:14px 10px!important;border-bottom:1px solid #edf1f6!important;position:static!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
html body.c3-approved #content#content table.c3-table th{background:#f4f7fb!important;font-size:13px!important}
html body.c3-approved #content#content table.c3-table td small{display:block;font-size:12px!important;line-height:1.6!important}
html body.c3-approved #content#content table.c3-table :is(.code,[data-cell-type=code]){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html body.c3-approved #content#content table.c3-table .name-cell{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
html body.c3-approved #content#content table.c3-table :is(.actions,.row-actions-01){display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}
html body.c3-approved #content#content table.c3-table .actions .btn{padding:4px 5px!important;font-size:13px!important;flex:none!important}
html body.c3-approved #content#content .tag{font-size:12px!important;padding:3px 8px!important;border:1px solid #e4eaf1!important;border-radius:5px!important;color:var(--c3-ink)!important;background:#f3f5f8!important;white-space:nowrap!important}
html body.c3-approved #content#content .tag.c3-good{background:#eef6f4!important;border-color:#e1eeea!important}
html body.c3-approved #content#content .tag.c3-pending{background:#faf6ee!important;border-color:#f0e9dc!important}
html body.c3-approved #content#content .silver-image-cell{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important}
html body.c3-approved #content#content .silver-thumb{width:76px!important;height:52px!important;object-fit:contain!important}
html body.c3-approved #content#content .qc-link-basis{font-size:12px!important;line-height:1.6!important}
html body.c3-approved #content#content .empty{padding:48px 20px!important;text-align:center!important;color:var(--c3-ink)!important;font-size:14px!important}
html body.c3-approved #content#content .c3-empty-icon{color:#cdd5e0!important;margin-bottom:16px}
html body.c3-approved #content#content .c3-empty-icon svg{width:48px;height:48px}
html body.c3-approved #content#content .c3-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
html body.c3-approved #content#content .c3-welcome{display:flex;align-items:center;justify-content:center;min-height:215px;gap:8px;padding:24px;background:linear-gradient(110deg,#edf3ff,#f7faff);border:1px solid #e4ecf8;border-radius:8px}
html body.c3-approved #content#content .c3-welcome h2{font-size:28px;font-weight:400;text-align:center;margin:0 0 14px;color:#344965}
html body.c3-approved #content#content .c3-welcome p{font-size:13px;text-align:center;line-height:1.7;margin:0;max-width:240px}
html body.c3-approved #content#content .c3-hero-art{width:230px;min-width:130px;height:185px;flex:1}
html body.c3-approved #content#content .c3-shortcuts{padding:18px;background:white;border:1px solid var(--c3-line);border-radius:8px}
html body.c3-approved #content#content .c3-shortcuts h3{font-size:16px;font-weight:400;margin:0 0 12px;text-align:center}
html body.c3-approved #content#content .c3-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html body.c3-approved #content#content .c3-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;padding:12px 4px;min-height:72px;cursor:pointer}
html body.c3-approved #content#content .c3-quick span{font-size:12px;color:var(--c3-ink)}
html body.c3-approved[data-page=dashboard] #content#content .grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:stretch}
html body.c3-approved #content#content .expiry-item{padding:12px!important;min-height:76px!important;margin-bottom:8px!important;border:1px solid #edf1f6!important;border-radius:7px!important;background:#fff!important}
html body.c3-approved #content#content .expiry-row{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;align-items:center!important;gap:10px!important}
html body.c3-approved #content#content .expiry-row b{font-size:13px!important}
html body.c3-approved #content#content .expiry-row p{font-size:12px!important;line-height:1.5!important}
html body.c3-approved #content#content .progress{height:4px!important;background:#edf1f6!important;margin-top:8px!important}
html body.c3-approved #content#content .progress i{background:#a3b7d2!important}
html body.c3-approved #content#content .risk-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) 75px!important;gap:10px!important;padding:12px!important;min-height:76px!important}
html body.c3-approved #content#content .risk-icon{background:#f8f1eb!important;color:#a89173!important;width:22px!important;height:22px!important}
html body.c3-approved #content#content .risk-row b{font-size:13px!important}
html body.c3-approved #content#content .risk-row p{font-size:12px!important;line-height:1.5!important}
html body.c3-approved #content#content .c3-log-row{display:grid!important;grid-template-columns:200px minmax(0,1fr) 160px;gap:14px;align-items:center;padding:12px!important;margin:0!important;border-bottom:1px solid #edf1f6!important;text-align:center!important}
html body.c3-approved #content#content .c3-log-row :is(b,p,time){font-size:12px!important;margin:0!important;line-height:1.6!important;text-align:center!important;color:var(--c3-ink)!important}
html body.c3-approved #content#content .timeline-dot{display:none!important}
html body.c3-approved #content#content .timeline{padding:0!important;border:0!important}
html body.c3-approved #content#content .import-banner{padding:14px!important;font-size:12px!important;margin-top:14px!important}
@media(max-width:1450px){html body.c3-approved #content#content .c3-welcome{padding:16px;flex-direction:column;gap:0}html body.c3-approved #content#content .c3-hero-art{height:100px;max-height:100px}html body.c3-approved #content#content .c3-metric .hint{font-size:11px!important}html body.c3-approved #content#content .c3-log-row{grid-template-columns:150px minmax(0,1fr) 130px}}
@media(max-width:1000px){html body.c3-approved #content#content .c3-top,html body.c3-approved[data-page=dashboard] #content#content .grid-2{grid-template-columns:1fr!important}html body.c3-approved #content#content .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

html body.c3-approved[data-page=dashboard] .topbar>div:first-child{display:none!important}
html body.c3-approved[data-page=dashboard] .topbar{min-height:44px!important;padding-top:4px!important;padding-bottom:4px!important;justify-content:flex-end!important}
html body.c3-approved[data-page=dashboard] #content#content .c3-top{align-items:stretch}
html body.c3-approved[data-page=dashboard] #content#content .c3-welcome{min-height:180px!important;padding:16px!important}
html body.c3-approved[data-page=dashboard] #content#content .c3-hero-art{height:155px!important}
html body.c3-approved[data-page=dashboard] #content#content .c3-metric{grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:105px!important;padding:14px 20px!important;column-gap:12px!important;row-gap:5px!important}
html body.c3-approved[data-page=dashboard] #content#content .c3-metric-icon{grid-column:1;grid-row:1/3}
html body.c3-approved[data-page=dashboard] #content#content .c3-metric .label{grid-column:2;grid-row:1}
html body.c3-approved[data-page=dashboard] #content#content .c3-metric .value{grid-column:2;grid-row:2}
html body.c3-approved[data-page=dashboard] #content#content .c3-metric .hint{grid-column:1/-1;grid-row:3}
html body.c3-approved #content#content .c3-more summary{font-size:12px;cursor:pointer;text-align:center;padding:8px;color:#626975}
html body.c3-approved #content#content .c3-more[open] summary{margin-bottom:8px}
html body.c3-approved #content#content .c3-welcome h2{font-weight:400!important}
html body.c3-approved #content#content .compliance-note{background:#faf7f1!important;border:1px solid #f0e7d9!important;color:#8a7b65!important}

html body.c3-approved #content#content .conflict-text{color:#626975!important;font-weight:400!important}
html body.c3-approved #content#content table.c3-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body.c3-approved #content#content table.c3-table td.cell-code{white-space:nowrap!important;overflow-wrap:normal!important}
html body.c3-approved #content#content table.c3-table td.cell-code{white-space:normal!important;overflow-wrap:anywhere!important}
html body.c3-approved #content#content table.c3-table td :is(.code,code){white-space:normal!important;overflow-wrap:anywhere!important}