.sub-cloud-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:24px 28px;background:linear-gradient(120deg,#10273d,#0f1d31 58%,#103c38);border:1px solid #24524e;border-radius:22px}.sub-cloud-hero h1{margin:5px 0;font-size:clamp(27px,3vw,40px)}.sub-cloud-hero p{margin:0;color:#91a1b8}.sub-hero-icon{display:grid;place-items:center;width:58px;height:58px;color:#64e7ca;background:#123b38;border:1px solid #26766c;border-radius:16px;font-size:25px}.sub-hero-actions{display:flex;align-items:center;gap:10px}.sub-hero-actions .select{min-width:240px}.sub-tabs{display:inline-flex;gap:5px;margin:7px 0 20px;padding:5px;background:#101b2e;border:1px solid #21324a;border-radius:13px}.sub-tabs button{padding:11px 16px;color:#8798b1;background:transparent;border:0;border-radius:9px;font-weight:800;cursor:pointer}.sub-tabs button.active{color:#fff;background:#159879}.sub-kpis{margin-bottom:18px}.sub-plans-panel,.sub-history-panel{overflow:hidden}.sub-plan-table{min-width:980px}.sub-plan-table td,.sub-history-table td{vertical-align:middle}.sub-plan-name{display:flex;align-items:center;gap:12px;min-width:190px}.sub-plan-name b,.sub-plan-name small,.sub-history-table td>small{display:block}.sub-plan-name small,.sub-history-table td>small{margin-top:4px;color:#71839c;font-size:10px}.sub-capacity{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;color:#c3abff;background:#211d45;border:1px solid #493b82;border-radius:11px}.sub-capacity i{width:14px;height:14px;margin:0 -3px;color:transparent;background:currentColor;border-radius:50% 50% 42% 42%;box-shadow:0 8px 0 -2px currentColor}.sub-capacity-2 i:nth-child(2),.sub-capacity-3 i:nth-child(2){color:#75d8f5}.sub-capacity-3 i{width:12px;height:12px}.sub-capacity-3 i:nth-child(2){transform:translateY(-3px);z-index:1}.sub-capacity-3 i:nth-child(3){color:#6ee7c7}.sub-active,.sub-sync,.sub-history-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.sub-active.yes,.sub-sync.ok,.sub-history-status.ok{color:#2ee7ae;background:#0c372f;border:1px solid #17614f}.sub-active.no,.sub-sync.error,.sub-history-status.closed{color:#ff758a;background:#371522;border:1px solid #6a2639}.sub-sync.pending,.sub-history-status.pending{color:#69afff;background:#102c50;border:1px solid #285b91}.sub-row-actions{display:flex;gap:7px}.btn.danger{color:#ff8294;border-color:#5f2b3a}.sub-history-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.35fr) minmax(180px,.35fr);gap:10px;margin-bottom:16px}.sub-history-panel .table-wrap{overflow-x:hidden}.sub-history-table{width:100%;min-width:0;table-layout:fixed}.sub-history-table th,.sub-history-table td{padding:12px 9px}.sub-history-table th{font-size:9px;letter-spacing:.07em}.sub-history-table th:nth-child(1){width:8%}.sub-history-table th:nth-child(2){width:19%}.sub-history-table th:nth-child(3){width:13%}.sub-history-table th:nth-child(4){width:22%}.sub-history-table th:nth-child(5){width:11%}.sub-history-table th:nth-child(6){width:10%}.sub-history-table th:nth-child(7){width:11%}.sub-history-table th:nth-child(8){width:6%}.sub-history-table .sub-plan-name,.sub-history-table .sub-holder{min-width:0}.sub-history-table .sub-plan-name{gap:8px}.sub-history-table .sub-capacity{flex-basis:34px;width:34px;height:34px}.sub-history-table .sub-holder{gap:7px}.sub-history-table .sub-holder i{flex:0 0 31px;width:31px;height:31px}.sub-history-table .sub-holder b,.sub-history-table .sub-plan-name b{overflow-wrap:anywhere;font-size:12px;line-height:1.25}.sub-history-table .sub-member-stack{min-width:0}.sub-history-table .sub-member-stack i{width:27px;height:27px;font-size:8px}.sub-history-table .amount{white-space:nowrap;font-size:12px}.sub-history-table td:last-child .btn{width:100%;padding:8px 5px;font-size:10px}.sub-history-panel>.panel-head>b{padding:8px 12px;color:#61a9ff;background:#112e55;border:1px solid #285b94;border-radius:999px;font-size:11px}.sub-holder{display:flex;align-items:center;gap:9px;min-width:180px}.sub-holder i,.sub-member-stack i,.sub-detail-members i{display:grid;place-items:center;width:34px;height:34px;color:#dffcf5;background:#16483f;border:2px solid #21cfaa;border-radius:50%;font-size:9px;font-style:normal;font-weight:900}.sub-member-stack{display:flex;min-width:80px}.sub-member-stack i{width:30px;height:30px;margin-right:-7px;background:#173957;border-color:#36bedf}.sub-member-stack i:nth-child(2n){background:#41234e;border-color:#b66fe0}.sub-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#8192aa;border-top:1px solid #1b2b43;font-size:11px}.sub-pagination>div{display:flex;align-items:center;gap:10px}.sub-plan-modal{width:min(760px,calc(100vw - 24px))}.sub-detail-modal{width:min(850px,calc(100vw - 24px))}.modal-head small{display:block;margin-bottom:4px;color:#63dfc8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.sub-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.sub-detail-grid>span{padding:13px;background:#101c2e;border:1px solid #21324a;border-radius:11px}.sub-detail-grid small,.sub-detail-grid b{display:block}.sub-detail-grid small{margin-bottom:5px;color:#74869f}.sub-detail-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sub-detail-members>div{display:flex;align-items:center;gap:10px;padding:11px;background:#0e192a;border:1px solid #1e2e46;border-radius:11px}.sub-detail-members b,.sub-detail-members small{display:block}.sub-detail-members small{margin-top:3px;color:#71839d}.form-error{min-height:18px;color:#ff758a;font-size:11px}.action-link{margin-left:6px}
@media(max-width:900px){.sub-cloud-hero{grid-template-columns:auto 1fr}.sub-hero-actions{grid-column:1/-1}.sub-hero-actions .select{flex:1}.sub-history-filters{grid-template-columns:1fr 1fr}.sub-history-filters input{grid-column:1/-1}.sub-history-table,.sub-history-table tbody{display:block;width:100%}.sub-history-table thead{display:none}.sub-history-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px;padding:13px;background:#101b2d;border:1px solid #1d2e48;border-radius:14px}.sub-history-table td{display:block;min-width:0;padding:4px!important;border:0!important}.sub-history-table td:before{display:block;margin-bottom:5px;color:#71839d;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sub-history-table td:nth-child(1):before{content:"Suscripción"}.sub-history-table td:nth-child(2):before{content:"Plan"}.sub-history-table td:nth-child(3):before{content:"Periodo"}.sub-history-table td:nth-child(4):before{content:"Titular"}.sub-history-table td:nth-child(5):before{content:"Integrantes"}.sub-history-table td:nth-child(6):before{content:"Precio"}.sub-history-table td:nth-child(7):before{content:"Estado"}.sub-history-table td:nth-child(8):before{content:"Detalle"}.sub-history-table td:last-child .btn{width:auto;min-width:82px}.sub-history-table .sub-plan-name,.sub-history-table .sub-holder{max-width:none}}
@media(max-width:650px){.sub-cloud-hero{grid-template-columns:1fr;padding:20px}.sub-hero-icon{display:none}.sub-hero-actions{display:grid}.sub-hero-actions .select{min-width:0;width:100%}.sub-tabs{display:flex}.sub-tabs button{flex:1;padding:10px 8px;font-size:11px}.sub-history-filters{grid-template-columns:1fr}.sub-history-filters input{grid-column:auto}.sub-detail-grid,.sub-detail-members{grid-template-columns:1fr}.sub-pagination{align-items:flex-start;gap:10px;flex-direction:column}}

/* Misma iconografia automatica de capacidad usada por GySmart Local. */
.sub-capacity.plan-capacity-avatar{color:#c4b5fd}
.sub-capacity.plan-capacity-avatar .bi{display:block;width:auto;height:auto;margin:0;color:inherit;background:none;border-radius:0;box-shadow:none;font-size:20px;line-height:1;filter:drop-shadow(0 2px 5px rgba(124,58,237,.24))}
.sub-capacity.plan-capacity-avatar-2 .bi{font-size:18px}
.sub-capacity.plan-capacity-avatar-2 .bi+.bi{margin-left:-7px;color:#93c5fd}
.sub-capacity.plan-capacity-avatar-3 .bi{font-size:16px}
.sub-capacity.plan-capacity-avatar-3 .bi+.bi{margin-left:-6px}
.sub-capacity.plan-capacity-avatar-3 .bi:nth-child(2){color:#93c5fd;transform:translateY(-3px);z-index:1}
.sub-capacity.plan-capacity-avatar-3 .bi:nth-child(3){color:#67e8f9}
.sub-reactivation-panel{overflow:hidden}
.sub-reactivation-head{align-items:center}.sub-reactivation-head p{margin:5px 0 0;color:var(--muted)}
.sub-reactivation-actions,.sub-contact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sub-reactivation-actions .wa,.sub-contact-actions .wa{color:#4ade80;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.sub-reactivation-search{display:flex;align-items:center;gap:10px;margin:18px 24px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0d1728;color:var(--muted)}
.sub-reactivation-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.sub-reactivation-table th,.sub-reactivation-table td{padding-left:14px;padding-right:14px}.sub-contact-actions .btn{min-width:40px;padding:9px}
.sub-contact-actions .btn:disabled{opacity:.3;cursor:not-allowed}.sub-contact-modal{width:min(680px,calc(100vw - 30px))}.sub-contact-modal textarea{width:100%;margin-top:8px;padding:13px;color:var(--text);background:#0c1627;border:1px solid var(--line);border-radius:12px;resize:vertical;font:inherit}
.sub-bulk-links{display:grid;gap:8px;max-height:370px;overflow:auto}.sub-bulk-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;color:var(--text);background:#0d182a;border:1px solid rgba(34,197,94,.2);border-radius:10px;text-decoration:none}.sub-bulk-links a b{color:#4ade80;font-size:12px}
@media(max-width:760px){.sub-reactivation-head{align-items:flex-start;flex-direction:column}.sub-reactivation-actions,.sub-reactivation-actions .btn{width:100%}.sub-reactivation-table{min-width:850px}}