.rollout-page{max-width:1380px}.rollout-banner{margin:0 0 12px}.rollout-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:10px 0}.rollout-kpi>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:14px;box-shadow:0 3px 12px rgba(16,24,40,.05)}.rollout-kpi b{display:block;font-size:25px;line-height:1.15;color:#101828}.rollout-kpi span{display:block;margin-top:5px;font-size:11px;color:#667085}.rollout-breaks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px}.rollout-breaks-marketing{grid-template-columns:repeat(2,minmax(0,1fr))}.rollout-breaks section{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px 14px}.rollout-breaks h4{margin:0 0 8px;font-size:13px;color:#344054}.rollout-breaks p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;padding-bottom:5px;border-bottom:1px dashed #eaecf0;font-size:12px;color:#475467}.rollout-section{font-size:16px;margin:20px 0 9px;color:#101828}.rollout-siteplan{padding:10px}.rollout-clickable{cursor:pointer}.rollout-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px}.rollout-unit-card{background:#fff;border:1px solid #d0d5dd;border-top:5px solid #98a2b3;border-radius:12px;padding:11px;text-align:left;display:grid;gap:5px;min-height:74px;color:#172033}.rollout-unit-card b{font-size:14px}.rollout-unit-card span{font-size:10px;color:#667085;font-weight:650}.rollout-unit-card.fill-UTJ{border-top-color:#f5b942}.rollout-unit-card.fill-BKP{border-top-color:#6ca6df}.rollout-unit-card.fill-SP3K{border-top-color:#92b9a4}.rollout-unit-card.fill-TERJUAL_KPR{border-top-color:#9c513c}.rollout-unit-card.fill-TERJUAL_CASH{border-top-color:#65483c}.rollout-unit-card.fill-TERJUAL_CICILAN{border-top-color:#563752}.rollout-unit-card.fill-CANCEL_PENDING{border-top-color:#9ca3af}.rollout-unit-backbar{display:flex;justify-content:flex-start;margin:4px 0 12px}.rollout-unit-backbar .btn{min-width:190px}.rollout-readonly{margin:0 0 12px}.rollout-legend{margin-top:8px}.rollout-tabs{margin-bottom:14px}
@media(max-width:760px){.rollout-page{padding:8px 9px 28px}.rollout-page .topbar{padding-left:2px;padding-right:2px}.rollout-page .brand{font-size:17px;line-height:1.2}.rollout-page .topbar .small{font-size:11px}.rollout-page .tracker-dashboard-title{margin:8px 0 13px}.rollout-page .tracker-dashboard-title h1{font-size:19px;line-height:1.2}.rollout-page .tracker-dashboard-title .muted{font-size:11px}.rollout-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rollout-kpi>div{padding:12px;border-radius:12px;min-height:76px}.rollout-kpi b{font-size:23px}.rollout-kpi span{font-size:10px}.rollout-breaks,.rollout-breaks-marketing{grid-template-columns:1fr;gap:8px}.rollout-breaks section{border-radius:12px;padding:11px 12px}.rollout-section{font-size:15px;margin-top:17px}.rollout-siteplan{padding:7px;border-radius:12px}.rollout-siteplan .siteplan{min-width:590px}.rollout-legend{justify-content:flex-start;gap:8px;font-size:10px}.rollout-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rollout-unit-card{padding:10px;min-height:68px;border-radius:10px}.rollout-unit-card b{font-size:13px}.rollout-unit-card span{font-size:9px;line-height:1.35}.rollout-unit-backbar .btn{width:100%;min-width:0}.rollout-tabs{width:100%;justify-content:flex-start}.rollout-tabs .tracker-project-tab{padding:9px 15px}.rollout-banner,.rollout-readonly{font-size:12px;line-height:1.45}}
@media(max-width:420px){.rollout-unit-grid{grid-template-columns:1fr 1fr}.rollout-kpi b{font-size:21px}.rollout-page .btn{font-size:14px}.rollout-page .summary .card{padding:11px}.rollout-page .summary strong{font-size:17px}}