.addon-sandbox{display:flex;align-items:center;gap:14px;padding:11px 13px;border:1px solid #d9ba50;border-left:4px solid #e7a70c;border-radius:5px;background:#fff8d9;color:#61531b}.addon-sandbox span{flex:1;color:#786b3f;font-size:11px}.addon-sandbox.compact{margin-bottom:11px}.addon-kpis,.addon-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.addon-kpis article,.addon-mini-kpis article{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #d8e2e6;border-radius:5px;background:#fff}.addon-kpis small,.addon-mini-kpis small{color:#60757d;font-weight:850}.addon-kpis strong,.addon-mini-kpis strong{color:#188da9;font-size:22px}.addon-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}.addon-service-card{display:grid;grid-template-columns:60px 1fr 24px;align-items:center;gap:12px;padding:18px;border:1px solid #d3e0e4;border-top:4px solid #1aa2c5;border-radius:7px;background:#fff;color:#2b424b;text-align:left;cursor:pointer;box-shadow:0 3px 10px #193b4610}.addon-service-card>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#e8f7fb;color:#1195b7;font-size:26px}.addon-service-card h2{margin:3px 0 5px;font-size:20px}.addon-service-card p{min-height:34px;margin:0 0 8px;color:#6b7f87;font-size:11px;line-height:1.4}.addon-service-card b{font-size:10px}.addon-service-card i{font-size:22px}.addon-service-card.purple{border-top-color:#7658c5}.addon-service-card.purple>span{background:#f0ecff;color:#694cba}.addon-service-card.green{border-top-color:#11a969}.addon-service-card.green>span{background:#e5f8ee;color:#079458}.addon-flow>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.addon-flow span{display:grid;grid-template-columns:28px 1fr;align-items:center;flex:1;padding:10px;border:1px solid #d9e3e6;border-radius:5px;font-weight:800}.addon-flow span b{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:#168faf;color:#fff}.addon-flow span small{color:#789;font-weight:500}.addon-product-hero{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid #d4e2e6;border-left:5px solid #1aa2c5;border-radius:6px;background:#fff}.addon-product-hero>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e7f7fa;color:#1296b5;font-size:30px}.addon-product-hero h2{margin:3px 0 5px;font-size:23px}.addon-product-hero p{margin:0;color:#667b84}.addon-product-hero.purple{border-left-color:#7658c5}.addon-product-hero.purple>span{background:#f0ecff;color:#694cba}.addon-product-hero.green{border-left-color:#11a969}.addon-product-hero.green>span{background:#e5f8ee;color:#079458}.addon-mini-kpis{margin:12px 0}.addon-overview{margin-top:12px}.addon-plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.addon-plan-cards article{padding:13px;border:1px solid #dae3e6;border-radius:5px}.addon-plan-cards article>div{display:flex;justify-content:space-between}.addon-plan-cards h3{margin:11px 0 6px}.addon-plan-cards p{margin:0 0 12px;color:#70838a}.addon-plan-cards strong{font-size:18px}.addon-plan-cards strong small{margin-left:4px;color:#7c8d93;font-size:10px}.addon-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:10px;background:#e4f6fa;color:#117891;font-size:9px;font-weight:900;text-transform:uppercase}.addon-badge.iptv{background:#eee9ff;color:#6046a6}.addon-badge.iot{background:#e2f7ec;color:#087748}.addon-spec{display:block;margin-top:4px;color:#73868e}.addon-table-card{margin-top:10px;padding:11px}.addon-table{min-width:980px}.addon-table th,.addon-table td{padding:9px 7px;font-size:10px}.addon-list-filter{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:11px}.addon-tabs{display:flex;gap:6px}.addon-tabs button{padding:7px 11px;border:1px solid #cdd9dd;border-radius:4px;background:#fff;color:#405a64;font-weight:800;cursor:pointer}.addon-tabs button.active,.addon-tabs button:hover{border-color:#168fb0;background:#e8f7fb;color:#127b97}.addon-copy{border:0;background:transparent;color:#178eaf;font:inherit;font-weight:800;cursor:pointer}.addon-modal-backdrop{align-items:start;overflow-y:auto}.addon-modal{width:min(720px,100%)}.addon-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.addon-form-grid textarea{width:100%;padding:10px;border:1px solid #cdd9de;border-radius:5px;font:inherit;resize:vertical}.addon-wide{grid-column:1/-1}.addon-invoice-note{display:flex;gap:10px;padding:11px;border-left:3px solid #168faf;background:#eaf7fb;color:#47626c}.addon-invoice-note span{font-size:11px}.row-action:disabled{cursor:not-allowed;opacity:.55}
@media(min-width:1051px){#page[data-page^="addons-"] .page-head{margin-bottom:10px}#page[data-page^="addons-"] .page-head h1{font-size:21px}#page[data-page^="addons-"] .button{padding:7px 10px;font-size:11px}#page[data-page^="addons-"] .field input,#page[data-page^="addons-"] .field select{min-height:34px;padding:7px 8px;font-size:11px}}
@media(max-width:1000px){.addon-service-grid,.addon-kpis,.addon-mini-kpis{grid-template-columns:1fr 1fr}.addon-flow>div{align-items:stretch;flex-direction:column}.addon-flow>div>i{display:none}.addon-sandbox{align-items:flex-start;flex-wrap:wrap}.addon-plan-cards{grid-template-columns:1fr}}
@media(max-width:620px){.addon-service-grid,.addon-kpis,.addon-mini-kpis,.addon-form-grid,.addon-list-filter{grid-template-columns:1fr}.addon-product-hero{grid-template-columns:58px 1fr}.addon-product-hero .button{grid-column:1/-1}.addon-wide{grid-column:auto}.addon-tabs{flex-wrap:wrap}}
.customer-addon-panel{display:grid;gap:9px}.customer-addon-panel article{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #d9e3e6;border-radius:5px;background:#f8fafb}.customer-addon-panel article small{display:block;margin-top:4px;color:#74868d}.customer-addon-panel>.button{justify-self:start;margin-top:5px}
.addon-sandbox-actions{display:flex;gap:7px;white-space:nowrap}.addon-service-card.orange{border-top-color:#ed8b25}.addon-service-card.orange>span{background:#fff0df;color:#d8730b}.addon-badge.orange{background:#fff0df;color:#a95708}.addon-customer-search{position:relative}.addon-customer-search small{display:block;margin-top:5px;color:#71858d;font-size:10px}.addon-customer-combobox{display:grid;grid-template-columns:1fr 42px}.addon-customer-combobox input{border-radius:5px 0 0 5px;background-image:none;padding-right:10px}.addon-customer-combobox button{border:1px solid #cdd9de;border-left:0;border-radius:0 5px 5px 0;background:#fff;color:#526a74;font-size:16px;cursor:pointer}.addon-customer-combobox button:hover,.addon-customer-combobox button:focus{background:#e9f7fb;color:#168faf}.addon-customer-results{position:absolute;z-index:8;top:62px;right:0;left:0;max-height:230px;overflow:auto;border:1px solid #b9cbd2;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 9px 20px #16343e2b}.addon-customer-results button{display:flex;width:100%;align-items:flex-start;flex-direction:column;gap:2px;padding:9px 11px;border:0;border-bottom:1px solid #e2eaed;background:#fff;color:#304a54;text-align:left;cursor:pointer}.addon-customer-results button:hover,.addon-customer-results button:focus{background:#e9f7fb;color:#117e9c}.addon-customer-results button span{font-size:10px;color:#70838b}.addon-customer-empty{padding:12px;color:#8b5a42;font-size:11px}@media(max-width:620px){.addon-sandbox-actions{display:grid;width:100%;white-space:normal}}