/* OTTPROVIDERS V7.4.1 — WHMCS-inspired information architecture + product groups */
.v741-whmcs-nav{display:flex!important;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:18px}.v741-nav-section{display:flex;flex-direction:column;gap:3px}.v741-nav-label{display:block;padding:8px 13px 4px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.13em;color:color-mix(in srgb,var(--b-sidebar-text,#344054) 50%,transparent);text-transform:uppercase}.v741-whmcs-nav a{margin:0 5px}.v741-whmcs-nav .v741-nav-section+.v741-nav-section{padding-top:3px;border-top:1px solid color-mix(in srgb,var(--b-sidebar-text,#344054) 10%,transparent)}
.v741-page-head .v741-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.v741-onboarding{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:18px;border:1px dashed color-mix(in srgb,var(--b-primary,#111827) 28%,var(--b-border,#e7ebf0));border-radius:var(--b-radius,16px);background:color-mix(in srgb,var(--b-primary,#111827) 4%,var(--b-surface,#fff))}.v741-onboarding>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:color-mix(in srgb,var(--b-primary,#111827) 9%,var(--b-surface,#fff));color:var(--b-primary,#111827);font-size:18px}.v741-onboarding>div{min-width:0;flex:1}.v741-onboarding h2{margin:0 0 4px;font-size:16px;color:var(--b-text,#14213a)}.v741-onboarding p{margin:0;color:#667085;font-size:12px;line-height:1.55}
.v741-groups-stack{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--b-canvas,#f6f8fb)}.v741-product-group{border:1px solid var(--b-border,#e7ebf0);border-radius:15px;background:var(--b-surface,#fff);overflow:hidden}.v741-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--b-border,#e7ebf0);background:color-mix(in srgb,var(--b-canvas,#f6f8fb) 65%,var(--b-surface,#fff))}.v741-group-title{display:flex;align-items:center;gap:12px;min-width:0}.v741-group-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:color-mix(in srgb,var(--b-primary,#111827) 9%,var(--b-surface,#fff));color:var(--b-primary,#111827)}.v741-group-title h2,.v741-group-admin h2{margin:0;color:var(--b-text,#14213a);font-size:15px}.v741-group-title p,.v741-group-admin p{margin:3px 0 0;color:#667085;font-size:11px}.v741-group-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v741-group-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850}.v741-group-status.active{background:#ecfdf3;color:#027a48}.v741-group-status.hidden{background:#f2f4f7;color:#475467}.v741-group-meta{display:flex;align-items:center;gap:10px;color:#667085;font-size:11px;white-space:nowrap}.v741-group-meta b{color:var(--b-text,#14213a);font-size:13px}.v741-product-list{display:flex;flex-direction:column}.v741-product-row{display:grid;grid-template-columns:minmax(320px,1.6fr) minmax(150px,.7fr) minmax(170px,.75fr) auto;gap:18px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--b-border,#e7ebf0);background:var(--b-surface,#fff)}.v741-product-row:last-child{border-bottom:0}.v741-product-row:hover{background:color-mix(in srgb,var(--b-primary,#111827) 2.5%,var(--b-surface,#fff))}.v741-product-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.v741-product-main>div{min-width:0}.v741-product-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v741-product-title strong{color:var(--b-text,#14213a);font-size:14px}.v741-product-main p{margin:3px 0;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085;font-size:11px}.v741-product-main small{font-size:9px;color:#98a2b3;letter-spacing:.04em}.v741-product-cell{display:flex;flex-direction:column;min-width:0}.v741-product-cell small,.v741-sub-cell small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3}.v741-product-cell strong,.v741-sub-cell strong{font-size:12px;color:var(--b-text,#14213a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v741-product-cell em,.v741-sub-cell em{font-style:normal;font-size:10px;color:#667085}.v741-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.v741-product-actions form{margin:0}.v741-group-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:76px;color:#98a2b3;font-size:12px}.v741-group-empty i{color:var(--b-primary,#111827)}
.v741-groups-manager{display:flex;flex-direction:column;gap:10px}.v741-group-admin{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--b-border,#e7ebf0);border-radius:var(--b-radius,16px);background:var(--b-surface,#fff);box-shadow:0 7px 24px rgba(16,24,40,.035)}.v741-group-admin-main{display:flex;align-items:center;gap:12px;min-width:0}.v741-group-admin-main>div{min-width:0}.v741-group-admin small{display:block;margin-top:5px;color:#98a2b3;font-size:10px}.v741-group-admin-actions{display:flex;align-items:center;gap:6px}.v741-group-admin-actions form{margin:0}.v741-group-admin-actions button[disabled],.v74-action[disabled]{opacity:.35;cursor:not-allowed}.v741-delete-note{margin:0 20px 18px;color:#b42318;font-size:11px}
/* Subscriptions: always vertical, one service per line. */
.v741-subscription-list{display:flex;flex-direction:column}.v741-subscription-row{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(180px,1fr) minmax(180px,1fr) minmax(130px,.75fr) auto auto;gap:15px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--b-border,#e7ebf0);background:var(--b-surface,#fff)}.v741-subscription-row:last-child{border-bottom:0}.v741-subscription-row:hover{background:color-mix(in srgb,var(--b-primary,#111827) 2.5%,var(--b-surface,#fff))}.v741-sub-identity{display:flex;align-items:center;gap:10px;min-width:0}.v741-sub-identity>div{min-width:0}.v741-sub-identity strong{display:block;color:var(--b-text,#14213a);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v741-sub-identity small{display:block;color:#98a2b3;font-size:9px}.v741-sub-identity em{display:inline-block;margin-top:3px;padding:3px 6px;border-radius:7px;background:var(--b-canvas,#f6f8fb);font-style:normal;font-size:9px;color:#667085}.v741-sub-cell{display:flex;flex-direction:column;min-width:0}.v741-sub-cell em.is-danger{color:#b42318;font-weight:750}.v741-sub-cell em.is-warning{color:#c2410c;font-weight:750}.v741-sub-status{display:flex;justify-content:flex-start}.v741-sub-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.v741-sub-actions form{margin:0}
@media(max-width:1220px){.v741-product-row{grid-template-columns:minmax(270px,1.5fr) minmax(140px,.7fr) minmax(150px,.7fr) auto}.v741-subscription-row{grid-template-columns:minmax(220px,1.2fr) minmax(170px,1fr) minmax(170px,1fr) auto auto}.v741-subscription-row>.v741-sub-cell:nth-child(4){display:none}}
@media(max-width:900px){.v741-page-head .v741-head-actions{width:100%}.v741-onboarding{align-items:flex-start;flex-wrap:wrap}.v741-onboarding>a{width:100%;justify-content:center}.v741-group-header{align-items:flex-start;flex-direction:column}.v741-group-meta{width:100%;justify-content:space-between}.v741-product-row{grid-template-columns:1fr auto;gap:10px}.v741-product-row>.v741-product-cell{grid-column:1/2}.v741-product-actions{grid-column:2;grid-row:1/4;align-self:center;flex-direction:column}.v741-group-admin{align-items:flex-start;flex-direction:column}.v741-group-admin-actions{width:100%;justify-content:flex-end}.v741-subscription-row{grid-template-columns:1fr 1fr auto;gap:10px}.v741-sub-identity{grid-column:1/3}.v741-sub-status{grid-column:3;grid-row:1}.v741-sub-actions{grid-column:3;grid-row:2/4;align-self:center;flex-direction:column}.v741-subscription-row>.v741-sub-cell:nth-child(4){display:flex}}
@media(max-width:620px){.v741-groups-stack{padding:9px}.v741-product-row{grid-template-columns:1fr;padding:13px}.v741-product-actions{grid-column:1;grid-row:auto;flex-direction:row;justify-content:flex-start}.v741-product-main p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.v741-subscription-row{grid-template-columns:1fr;padding:13px}.v741-sub-identity,.v741-sub-status,.v741-sub-actions{grid-column:1;grid-row:auto}.v741-sub-actions{flex-direction:row;justify-content:flex-start}.v741-group-admin-actions{justify-content:flex-start;flex-wrap:wrap}.v741-nav-label{padding-left:12px}}
.v741-activation-groups{display:flex;flex-direction:column;gap:14px}.v741-activation-group{border:1px solid var(--b-border,#e7ebf0);border-radius:var(--b-radius,16px);background:var(--b-surface,#fff);overflow:hidden}.v741-activation-group>header{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--b-border,#e7ebf0);background:var(--b-canvas,#f6f8fb)}.v741-activation-group>header h2{margin:0;color:var(--b-text,#14213a);font-size:15px}.v741-activation-group>header small{color:#98a2b3;font-size:10px}.v741-activation-list{display:flex;flex-direction:column}.v741-activation-list>article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--b-border,#e7ebf0)}.v741-activation-list>article:last-of-type{border-bottom:0}.v741-activation-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.v741-activation-main>div{min-width:0}.v741-activation-main strong{display:block;color:var(--b-text,#14213a);font-size:13px}.v741-activation-main p{margin:3px 0;color:#667085;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v741-activation-main small{color:#98a2b3;font-size:9px}.v741-activation-price{display:flex;align-items:center;gap:12px;white-space:nowrap}.v741-activation-price strong{color:var(--b-text,#14213a);font-size:13px}@media(max-width:680px){.v741-activation-list>article{align-items:flex-start;flex-direction:column}.v741-activation-price{width:100%;justify-content:space-between}.v741-activation-main p{white-space:normal}}
/* Client Area navigation: WHMCS-style information architecture without touching protected layout.php. */
.app-nav.v741-client-nav{display:flex!important;flex-direction:column;gap:10px;overflow-y:auto}.v741-client-nav-section{display:flex;flex-direction:column;gap:3px}.v741-client-nav-label{display:block;padding:7px 12px 3px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,currentColor 48%,transparent)}.v741-client-nav-section+.v741-client-nav-section{padding-top:3px;border-top:1px solid rgba(148,163,184,.16)}
