.product-block{background:var(--panel,#fff);border:1px solid var(--border,#d9dde3);border-radius:10px;margin:0 0 20px;padding:20px 24px 24px;box-shadow:0 1px 2px #1018280a}.product-block-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.product-block-title .name{font-size:18px;font-weight:700}.product-block-title .detail-link{margin-left:auto}.pending-products{margin:8px 0 0}.product-tabs{flex-wrap:wrap;gap:4px;padding:8px 0 0;display:flex}.product-tabs a,.product-tabs .disabled{border:1px solid var(--border,#d0d5dd);color:inherit;background:#f2f4f7;border-bottom:none;border-radius:6px 6px 0 0;align-items:baseline;gap:6px;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.product-tabs a:hover{background:#e8ecf2}.product-tabs a.current{border-color:var(--border,#d0d5dd);background:#fff;font-weight:700}.product-tabs .disabled{color:#98a2b3;cursor:not-allowed;background:#fafbfc}.product-tabs .disabled small{color:#98a2b3;font-size:11px}.back-link,.detail-link{border:1px solid var(--border-strong,#c3c9d2);color:#1f4e8c;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover,.detail-link:hover{background:var(--accent-soft,#eff5ff);border-color:#1f4e8c}.back-link{margin-top:10px}.stat-row{flex-wrap:wrap;gap:28px;margin:12px 0 20px;display:flex}.stat .k{color:#667085;font-size:12px}.stat .v{font-size:28px;font-weight:700;line-height:1.2}.stat .v.accent{color:#1f4e8c}.stat .sub{color:#667085;margin-top:2px;font-size:12px}.sub-title{margin:18px 0 6px;font-size:14px}.cell{text-align:center;white-space:nowrap;min-width:46px;font-size:12px}.c-paid{color:#146c2e;background:#e9f6ec}.c-unpaid{color:#9a6800;background:#fdf1e3}.c-churn{color:#b42318;background:#fbe9e7;font-weight:700}.c-none{color:#d0d5dd;background:#fff}.r-rate td{background:#f7f9fb;font-weight:700}.legend{color:#667085;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.legend span{border-radius:3px;margin-left:10px;padding:2px 8px}.legend span:first-child{margin-left:0}.col-name{min-width:140px}.col-plan{min-width:120px;font-size:12px}.col-start{white-space:nowrap;min-width:76px;font-size:12px}.detail-wrap{max-height:70vh;overflow:auto}.detail-wrap thead th{z-index:1;background:#fff;position:sticky;top:0}
