.cloud-number-list{display:grid;gap:16px;margin-bottom:20px}.cloud-count{display:flex;align-items:center;gap:8px;color:#58cc02;font-size:13px}.cloud-number-card,.pixel-measure-card{padding:18px;border:1px solid #38373e;border-radius:14px;background:#242328}.cloud-card-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-api-chip{display:inline-flex;align-items:center;gap:5px;color:#18afe9;background:#18afe919;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.cloud-state{font-size:11px;font-weight:800;color:#fff;padding:4px 10px;border-radius:20px;background:#58a900}.blocked .cloud-state{background:#ee4545}.pending .cloud-state{background:#b97400}.cloud-number-title{display:flex;align-items:center;gap:12px;margin:12px 0}.cloud-number-title h3{margin:0 0 4px;font-size:16px}.cloud-number-title small{display:block;color:#9d9ea7;margin-top:4px}.cloud-number-card.active h3{color:#58cc02}.cloud-number-card.blocked h3{color:#ff5555}.cloud-logo{display:grid;place-items:center;background:#18afe9;border-radius:12px;width:40px;height:40px;color:#fff;box-shadow:0 3px 0 #087ba9}.cloud-warning{padding:10px 12px;border-radius:8px;background:#f5a62315;color:#ffbc48;font-size:13px}.cloud-warning.blocked{color:#ff6565;background:#ff45451a}.cloud-caption{color:#9d9ea7;font-size:12px;line-height:1.6;display:block}.cloud-caption svg{width:14px;vertical-align:middle}.cloud-number-card .wide{margin-top:12px;width:100%}.cloud-number-card.active .wide{background:#58b900;color:#fff}.cloud-detail-body{padding:24px}.cloud-capacity-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}.cloud-capacity-grid>span{display:grid;grid-template-columns:26px 1fr;gap:8px}.cloud-capacity-grid small{grid-column:2}.cloud-health{margin:24px 0;padding:28px;border:1px solid #58cc02;border-radius:16px;background:#58cc020c}.cloud-health.blocked{border-color:#ff5555;background:#ff453514}.cloud-health.pending{border-color:#e8a13b;background:#e8a13b10}.cloud-health h2{color:#58cc02;font-size:28px;overflow-wrap:anywhere}.cloud-health.blocked h2,.cloud-health.blocked .cloud-health-message{color:#ff5555}.cloud-health.pending h2{color:#e8a13b}.cloud-health h3{font-size:18px}.cloud-health p{line-height:1.7;color:#9d9ea7}.cloud-health-message{color:#58cc02!important}.cloud-health.blocked .cloud-health-message{color:#ff5555!important}.cloud-health-badges{display:flex;gap:8px;flex-wrap:wrap}.cloud-health-badges>*{padding:6px 10px;border-radius:20px;background:#ffffff0b;font-size:12px}.cloud-health-badges b{background:#58a900;color:#fff}.cloud-health.blocked .cloud-health-badges b{background:#ee4545}.cloud-prevention{padding:16px;background:#ffffff06;margin-top:24px;border-radius:10px}.cloud-prevention summary{cursor:pointer;display:flex;gap:10px;align-items:center}.cloud-detail-note{padding-top:24px;border-top:1px solid #38373e;line-height:1.7;color:#9d9ea7}.cloud-detail-buttons{display:grid;gap:16px;justify-content:center;margin:28px 0}.cloud-detail-buttons .btn{min-height:48px}.cloud-warmup{background:#fa8900;color:#fff}.cloud-empty{padding:48px 24px;text-align:center;color:#9d9ea7;line-height:1.7}.pixel-list{padding:20px;display:grid;gap:16px}.pixel-list h3{margin:0}.pixel-periods{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.pixel-periods button{border:1px solid #38373e;background:#2b2a30;color:#9d9ea7;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer}.pixel-periods .selected{background:#18afe9;color:white;border-color:#18afe9}.pixel-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;margin-top:7px;gap:14px}.pixel-stat strong{font-size:13px}.pixel-stat small{display:block;color:#9d9ea7;font-size:11px;margin-top:5px}.pixel-stat b{font-size:22px}.pixel-stat.green{background:#58cc0216;color:#58cc02}.pixel-stat.blue{background:#18afe919;color:#18afe9}.pixel-stat.amber{background:#ffc3401c;color:#ffc340}.pixel-payments{padding:12px 0 0}.pixel-payments>.cloud-card-line{font-size:14px;padding:0 12px}.pixel-status{margin:12px 0 6px;background:#ffffff05;border-radius:6px;padding:8px 10px;color:#9d9ea7;font-size:12px}.pixel-edit-tabs{display:flex;border-bottom:1px solid #38373e}.pixel-edit-tabs button{flex:1;border:0;background:none;color:#9d9ea7;padding:18px;cursor:pointer}.pixel-edit-tabs .selected{border-bottom:2px solid #18afe9;color:#18afe9}.pixel-token-status{color:#58cc02;font-size:13px;margin:12px 0}.pixel-date-range{display:flex;gap:12px;margin:12px 0}.pixel-date-range label{display:grid;gap:6px;flex:1;font-size:12px;color:#9d9ea7}.pixel-date-range input{width:100%;min-width:0;background:#1b1a1f;color:#f5f3f2;border:1px solid #38373e;border-radius:6px;padding:8px}#modal[data-kind=cloud],#modal[data-kind=capi]{width:min(750px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto}#modal[data-kind=capi]{width:min(700px,calc(100vw - 32px))}#modal[data-kind=cloud] .modal-head,#modal[data-kind=capi] .modal-head{position:sticky;top:0;background:#242328;z-index:3}#modal[data-kind=cloud] .reference-modal-footer,#modal[data-kind=capi] .reference-modal-footer{position:sticky;bottom:0;background:#242328;z-index:2}.pixel-measure-card .icon-btn{margin-left:4px}.cloud-number-list svg,.cloud-health svg,.pixel-list svg{width:20px;height:20px;flex-shrink:0}@media(max-width:600px){.cloud-health{padding:18px}.cloud-detail-body,.pixel-list{padding:16px}.pixel-list>.cloud-card-line{align-items:flex-start;flex-direction:column}.cloud-health>.cloud-card-line{flex-wrap:wrap}.cloud-health h2{font-size:24px}.cloud-number-title{min-width:0}.cloud-number-title h3{overflow-wrap:anywhere}}
