.cfCapacity{margin:20px 0;padding:24px;border:1px solid #e4dde0;border-radius:14px;background:#fff;color:#263142}.cfCapacityHead{display:flex;justify-content:space-between;align-items:center;gap:16px}.cfCapacityHead h3{margin:0 0 6px;font-size:18px}.cfCapacityHead p{margin:0;color:#738093;font-size:12px}.cfCapacityBadge{padding:5px 10px;border-radius:6px;font-size:12px;white-space:nowrap}.cfCapacityBadge.normal{background:#edf6f0;color:#286749}.cfCapacityBadge.warning{background:#fff3dc;color:#95601c}.cfCapacityBadge.critical{background:#ffedef;color:#b02a42}.cfCapacityBadge.unknown{background:#f0f2f6;color:#626f83}.cfCapacityMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 18px}.cfCapacityMetrics span{font-size:12px;color:#6f7a8b}.cfCapacityMetrics strong{display:block;font-size:28px;letter-spacing:-.7px;margin:5px 0}.cfCapacityMetrics small{font-size:11px;color:#8190a2}.cfCapacityProgress{position:relative;height:9px;border-radius:8px;background:#eff1f5;overflow:hidden}.cfCapacityProgress i{display:block;height:100%;background:#800020;border-radius:8px}.cfCapacity.warning .cfCapacityProgress i{background:#c98a26}.cfCapacity.critical .cfCapacityProgress i{background:#c83950}.cfCapacity.unknown .cfCapacityProgress i{background:#a9b2bf}.cfCapacityProgress em{position:absolute;height:100%;top:0;border-left:1px solid #fff8}.cfCapacitySplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.cfCapacitySplit article{background:#f8f9fb;border:1px solid #edf0f4;border-radius:9px;padding:14px 16px;min-width:0}.cfCapacitySplit article>span,.cfCapacitySplit article>small{display:block;font-size:12px;color:#768298}.cfCapacitySplit b{display:block;font-size:21px;margin:6px 0;color:#263142}.cfCapacitySplit b small{font-size:11px;font-weight:400}.cfCapacityThresholds{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cfCapacityThresholds span{padding:4px 7px;background:#f3f4f6;color:#667387;border-radius:5px;font-size:11px}.cfCapacity footer p{font-size:11px;line-height:1.7;color:#7a8799;margin:7px 0 0}.cfCapacityNotice,.cfCapacityForecast{padding:11px 13px;font-size:12px;line-height:1.7;background:#fff5e5;color:#8a601d;border-radius:7px;margin:16px 0}.cfCapacityEmpty{padding:25px 0;color:#7a8799;font-size:13px}.cfCapacitySite{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 0 14px;color:#68758c;font-size:11px;border-bottom:1px solid #edf0f4}.cfCapacitySite b{font-size:14px;color:#33435a}.cfCapacitySite small{width:100%;font-size:11px}.cfCapacitySite.unknown b{color:#7b8798}.cfCapacityBanner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;margin:0 0 18px;border:1px solid #ead6ad;border-radius:9px;background:#fffaee;color:#865d20;font-size:12px}.cfCapacityBanner.critical{background:#fff0f2;border-color:#f0bfc8;color:#a32840}.cfCapacityBanner.unknown{background:#f5f6f8;border-color:#dce1e8;color:#65748a}.cfCapacityBanner span{flex:1;min-width:150px}.cfCapacityBanner button{font:inherit;border:1px solid currentColor;border-radius:5px;padding:5px 9px;color:inherit;background:transparent;cursor:pointer}#cfCapacityAlert:empty{display:none}.cfCapacityGlobal{padding:0 28px}.cfCapacityGlobal:has(.cfCapacityBanner){padding-top:18px}@media(max-width:760px){.cfCapacity{padding:16px}.cfCapacityMetrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.cfCapacityMetrics strong{font-size:25px}.cfCapacityHead{align-items:flex-start}.cfCapacitySplit{grid-template-columns:1fr}.cfCapacityGlobal{padding-left:14px;padding-right:14px}.cfCapacityBanner{padding:12px}.cfCapacitySite{line-height:1.6}}