.ccc-uts-wrapper{
max-width:1100px;
margin:0 auto;
padding:40px 20px 120px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ccc-uts-summary-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-bottom:32px;
}
.ccc-uts-summary-card{
background:#f9fafb;
border-radius:12px;
border:1px solid #e5e7eb;
padding:18px 20px;
}
.ccc-uts-summary-title{
font-size:12px;
text-transform:uppercase;
letter-spacing:.04em;
color:#6b7280;
margin-bottom:8px;
}
.ccc-uts-summary-main{
font-size:20px;
font-weight:700;
color:#111827;
}
.ccc-uts-summary-sub{
font-size:13px;
color:#6b7280;
margin-top:4px;
}
.ccc-uts-panel{
background:#ffffff;
border-radius:12px;
border:1px solid #e5e7eb;
padding:18px 20px 20px;
margin-bottom:24px;
}
.ccc-uts-panel-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.ccc-uts-panel-header h3{
margin:0;
font-size:16px;
}
.ccc-uts-panel-header span{
font-size:12px;
color:#6b7280;
} .ccc-uts-bar-strip-full{
width:100%;
display:grid!important;
grid-template-columns:repeat(30,1fr);
gap:6px;
}
.ccc-uts-bar{
width:100%!important;
max-width:none!important;
}
.ccc-uts-bar-uptime{
height:20px;
border-radius:999px;
} .ccc-uts-bar-green{ background:#16a34a; } .ccc-uts-bar-amber{ background:#d97706; } .ccc-uts-bar-red{   background:#dc2626; }  .ccc-uts-incident-item{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:10px;
padding:12px 14px;
margin-bottom:10px;
}
.ccc-uts-incident-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
font-size:13px;
color:#111827;
}
.ccc-uts-incident-msg{
margin-top:6px;
font-size:13px;
color:#374151;
} @media (max-width:640px){
.ccc-uts-wrapper{padding:24px 14px 80px;}
.ccc-uts-panel-header{
flex-direction:column;
align-items:flex-start;
}
}