#cetg-app, #cetg-app *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
#cetg-app{display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff;color:#17212b;min-height:760px;border:1px solid #d9e0e5}
#cetg-app .cetg-sidebar{background:#fff!important;color:#17212b!important;border-right:1px solid #d9e0e5;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}
#cetg-app .cetg-brand{font-size:18px;font-weight:700;line-height:1.2;margin:2px 8px 20px;color:#17212b!important}
#cetg-app .cetg-brand span{font-size:12px;font-weight:400;color:#5b6873}
#cetg-app button.cetg-nav{display:block;width:100%;text-align:left;border:0!important;background:#fff!important;color:#17212b!important;padding:10px 11px;margin:2px 0;border-radius:5px!important;font-size:13px!important;line-height:1.25!important;box-shadow:none!important;text-transform:none!important}
#cetg-app button.cetg-nav:hover{background:#f1f4f6!important;color:#17212b!important}
#cetg-app button.cetg-nav.active{background:#e7edf1!important;color:#101820!important;font-weight:700!important;border-left:4px solid #6e7f89!important;padding-left:7px}
#cetg-app .cetg-nav-group{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#77838c;margin:17px 10px 5px}
#cetg-app .cetg-main{min-width:0;background:#fff}
#cetg-app .cetg-topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #d9e0e5;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
#cetg-app .cetg-topbar h1{font-size:21px!important;line-height:1.15!important;margin:0 0 4px!important;color:#17212b!important;font-weight:700!important}
#cetg-app .cetg-topbar p{margin:0;color:#697680;font-size:12px}
#cetg-app .cetg-actions{display:flex;gap:8px;flex-shrink:0}
#cetg-app .cetg-actions button,#cetg-app #cetg-view-results{border:1px solid #aab5bc!important;background:#fff!important;color:#17212b!important;padding:8px 12px!important;border-radius:4px!important;font-size:12px!important;box-shadow:none!important;text-transform:none!important}
#cetg-app .cetg-page{display:none;padding:28px;max-width:1250px;margin:0 auto}
#cetg-app .cetg-page.active{display:block}
#cetg-app .cetg-hero{border-bottom:1px solid #d9e0e5;padding-bottom:18px;margin-bottom:20px}
#cetg-app .cetg-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;color:#71808a}
#cetg-app h2{font-size:26px!important;margin:6px 0 10px!important;color:#17212b!important}
#cetg-app h3{font-size:16px!important;margin:0 0 10px!important;color:#17212b!important}
#cetg-app p{font-size:13px;line-height:1.55;color:#33424c}
#cetg-app .cetg-grid{display:grid;gap:16px;margin:16px 0}.cetg-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cetg-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
#cetg-app .cetg-card,#cetg-app .cetg-level{border:1px solid #d9e0e5;background:#fff;padding:17px;border-radius:5px}
#cetg-app .cetg-note{padding:13px 15px;background:#f5f7f8;border-left:4px solid #8a9aa4;margin-top:18px;font-size:13px}
#cetg-app .cetg-image-card{text-align:center;border:1px solid #d9e0e5;padding:18px;margin:18px 0;background:#fff}
#cetg-app .cetg-image-card img{max-width:100%;height:auto;max-height:560px}
#cetg-app .cetg-source{font-size:10px;color:#6c7880;line-height:1.4}
#cetg-app .cetg-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#cetg-app .cetg-principle{border:1px solid #d9e0e5;padding:16px;border-radius:5px}.cetg-principle .num{font-size:11px;color:#6f7c85;font-weight:700}.cetg-principle b{display:block;margin:5px 0 8px}.cetg-principle p{margin:0}
#cetg-app .cetg-maturity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cetg-level b{display:block;font-size:14px}.cetg-level p{font-size:12px;margin-bottom:0}
#cetg-app .cetg-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.cetg-flow div{border:1px solid #bdc7cd;padding:12px 14px;font-size:12px;font-weight:700;text-align:center}.cetg-flow span{color:#7a8790}
#cetg-app .cetg-assess-row{display:grid;grid-template-columns:minmax(260px,1fr) 1.2fr;gap:18px;align-items:center;border-bottom:1px solid #e2e7ea;padding:14px 4px}.cetg-assess-row .label{font-size:13px;font-weight:700}.cetg-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cetg-scale label{border:1px solid #cbd4d9;border-radius:4px;text-align:center;padding:8px 4px;font-size:11px;cursor:pointer;background:#fff}.cetg-scale input{display:block;margin:0 auto 4px}.cetg-assessment-actions{text-align:right;margin-top:18px}
#cetg-app .cetg-scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.cetg-scorecard>div{border:1px solid #d9e0e5;padding:15px}.cetg-scorecard span,.cetg-scorecard small{display:block;font-size:11px;color:#6a7680}.cetg-scorecard strong{display:block;font-size:23px;margin-top:6px;color:#17212b}
#cetg-app .cetg-chart-wrap{border:1px solid #d9e0e5;padding:14px;overflow-x:auto;background:#fff}.cetg-chart-wrap canvas{width:100%;min-width:900px;height:auto}
@media(max-width:900px){#cetg-app{grid-template-columns:1fr}#cetg-app .cetg-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #d9e0e5}#cetg-app .cetg-topbar{position:relative}.cetg-grid.two,.cetg-grid.three,#cetg-app .cetg-principles,#cetg-app .cetg-maturity-grid{grid-template-columns:1fr}#cetg-app .cetg-assess-row{grid-template-columns:1fr}#cetg-app .cetg-scorecard{grid-template-columns:1fr}}
#cetg-app .cetg-team-badge{font-size:11px;font-weight:700;padding:7px 9px;background:#f1f4f6;border:1px solid #d9e0e5;border-radius:4px;white-space:nowrap}
#cetg-app .cetg-field{display:block;font-size:12px;font-weight:700;margin:10px 0;color:#33424c}#cetg-app .cetg-field input,#cetg-app .cetg-field select{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #bdc7cd;border-radius:4px;background:#fff;color:#17212b}
#cetg-app .cetg-primary,#cetg-app .cetg-secondary,#cetg-app .cetg-select-team{border:1px solid #7d8b94!important;background:#17212b!important;color:#fff!important;padding:8px 12px!important;border-radius:4px!important;font-size:12px!important;text-transform:none!important}.cetg-secondary{float:right}
#cetg-app .cetg-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e7ea;padding:9px 0}#cetg-app .cetg-team-row span{display:block;font-size:12px;color:#65727b;margin-top:2px}
#cetg-app .cetg-pin-card{max-width:430px}.cetg-error{color:#8b1e1e!important;font-weight:700}
#cetg-app .cetg-table-wrap{overflow-x:auto}#cetg-app .cetg-table{width:100%;border-collapse:collapse;font-size:12px}#cetg-app .cetg-table th,#cetg-app .cetg-table td{padding:9px;border-bottom:1px solid #dfe5e8;text-align:left}#cetg-app .cetg-table th{background:#f5f7f8;font-weight:700}
#cetg-app .cetg-compare-row{display:grid;grid-template-columns:130px 1fr 45px;align-items:center;gap:9px;margin:10px 0;font-size:12px}#cetg-app .cetg-compare-row>div{height:12px;background:#edf1f3;border-radius:10px;overflow:hidden}#cetg-app .cetg-compare-row i{display:block;height:100%;background:#8fa2ad}
@media(max-width:900px){#cetg-app .cetg-team-badge{display:none}#cetg-app .cetg-compare-row{grid-template-columns:90px 1fr 40px}}
