/* OTTPROVIDERS Control V4.0.0 — Client Area Premium */
.v40-client-root{--v40-bg:#f5f5f7;--v40-card:rgba(255,255,255,.88);--v40-card-solid:#fff;--v40-text:#17171a;--v40-muted:#77777f;--v40-line:rgba(17,17,22,.08);--v40-soft:#ededf1;--v40-accent:var(--blue-500,#1967e8);--v40-shadow:0 18px 55px rgba(25,30,45,.08);color:var(--v40-text);display:block;max-width:1500px;margin:0 auto}.v40-client-root *{box-sizing:border-box}.v40-client-root a{text-decoration:none}.v40-client-root button,.v40-client-root input,.v40-client-root textarea,.v40-client-root select{font:inherit}.v40-client-root[data-theme=dark]{--v40-bg:#0b0b0d;--v40-card:rgba(28,28,31,.88);--v40-card-solid:#1c1c1f;--v40-text:#f5f5f7;--v40-muted:#a1a1a8;--v40-line:rgba(255,255,255,.09);--v40-soft:#26262b;--v40-shadow:0 20px 60px rgba(0,0,0,.28)}
body.v40-client-mode{background:#f5f5f7}body.v40-client-mode.v40-dark{background:#0b0b0d}.v40-client-mode .app-main{max-width:none;padding:26px 34px 42px}.v40-client-mode .app-footer{opacity:.55}.v40-client-mode .app-sidebar{background:rgba(255,255,255,.86)!important;color:#18181b!important;border-right:1px solid rgba(20,20,25,.08);backdrop-filter:blur(26px);box-shadow:none}.v40-client-mode.v40-dark .app-sidebar{background:rgba(20,20,23,.88)!important;color:#f5f5f7!important;border-right-color:rgba(255,255,255,.08)}.v40-client-mode .app-brand strong,.v40-client-mode .app-brand small,.v40-client-mode .app-nav a{color:inherit}.v40-client-mode .app-nav a{border-radius:13px}.v40-client-mode .app-nav a.active{background:rgba(25,103,232,.1);color:var(--blue-500,#1967e8)}.v40-client-mode .sidebar-license{opacity:.7}.v40-client-mode .app-header{background:rgba(255,255,255,.8);backdrop-filter:blur(24px);border-bottom:1px solid rgba(20,20,25,.06)}.v40-client-mode.v40-dark .app-header{background:rgba(18,18,20,.82);border-bottom-color:rgba(255,255,255,.07);color:#f5f5f7}.v40-client-mode .header-title{display:none}.v40-client-mode .header-actions>.icon-btn:first-child{display:none}
.v40-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.v40-topbar-copy h1{margin:3px 0 0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}.v40-kicker{display:block;color:var(--v40-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v40-topbar-actions{display:flex;align-items:center;gap:10px}.v40-icon-link{width:42px;height:42px;border:1px solid var(--v40-line);background:var(--v40-card);color:var(--v40-text);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:.2s ease}.v40-icon-link:hover{transform:translateY(-1px);border-color:rgba(25,103,232,.25)}.v40-icon-link>span{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff3b30;color:white;font-size:10px;font-weight:800;display:grid;place-items:center}.v40-icon-link.small{width:34px;height:34px;border-radius:11px}.v40-user-chip{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid var(--v40-line);background:var(--v40-card);border-radius:16px;color:var(--v40-text)}.v40-user-chip>span{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--v40-accent),#6d5dfc);color:white;display:grid;place-items:center;font-weight:800}.v40-user-chip div{display:grid;line-height:1.15}.v40-user-chip small{font-size:11px;color:var(--v40-muted)}
.v40-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--v40-line);background:var(--v40-card);border-radius:16px;margin-bottom:24px;overflow:auto;scrollbar-width:none}.v40-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:max-content;padding:10px 15px;border-radius:12px;color:var(--v40-muted);font-weight:700;font-size:13px}.v40-tabs a.active{background:var(--v40-text);color:var(--v40-card-solid);box-shadow:0 5px 14px rgba(0,0,0,.12)}.v40-client-root[data-theme=dark] .v40-tabs a.active{background:#f5f5f7;color:#161618}
.v40-hero,.v40-service-hero,.v40-invoice-hero{position:relative;overflow:hidden;border:1px solid var(--v40-line);background:linear-gradient(135deg,var(--v40-card-solid),var(--v40-card));border-radius:28px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--v40-shadow);margin-bottom:18px}.v40-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(25,103,232,.2),transparent 70%);pointer-events:none}.v40-hero h2,.v40-page-lead h2,.v40-service-hero h2,.v40-invoice-hero h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.045em;line-height:1.04;margin:7px 0 10px}.v40-hero p,.v40-page-lead p,.v40-service-hero p,.v40-invoice-hero p{color:var(--v40-muted);margin:0;max-width:690px;line-height:1.65}.v40-hero-actions,.v40-service-hero-side,.v40-invoice-hero>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.v40-btn{border:1px solid var(--v40-line);background:var(--v40-card-solid);color:var(--v40-text);border-radius:13px;min-height:42px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s ease}.v40-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(25,30,45,.09)}.v40-btn.primary{background:var(--v40-text);border-color:var(--v40-text);color:var(--v40-card-solid)}.v40-client-root[data-theme=dark] .v40-btn.primary{background:#f5f5f7;color:#151518;border-color:#f5f5f7}.v40-btn.wide{width:100%}
.v40-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.v40-stat-grid article{border:1px solid var(--v40-line);background:var(--v40-card);border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;min-height:112px}.v40-stat-grid article.attention{box-shadow:inset 0 0 0 1px rgba(255,149,0,.22)}.v40-stat-icon{width:44px;height:44px;border-radius:14px;background:var(--v40-soft);display:grid;place-items:center;color:var(--v40-accent);flex:0 0 auto}.v40-stat-grid article>div{display:grid;gap:2px}.v40-stat-grid small{color:var(--v40-muted);font-weight:700;font-size:12px}.v40-stat-grid strong{font-size:25px;letter-spacing:-.03em}.v40-stat-grid em{font-style:normal;color:var(--v40-muted);font-size:11px}.v40-stat-grid strong.v40-stat-date{font-size:17px}
.v40-layout-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-top:14px}.v40-layout-2.lower{grid-template-columns:1fr 1fr}.v40-panel{border:1px solid var(--v40-line);background:var(--v40-card);border-radius:22px;overflow:hidden;box-shadow:0 7px 30px rgba(24,26,35,.035)}.v40-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 20px 15px}.v40-panel>header h3{margin:2px 0 0;font-size:19px;letter-spacing:-.025em}.v40-panel>header>a{color:var(--v40-accent);font-size:12px;font-weight:800}.v40-grow{flex:1;min-width:0}.v40-product-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,rgba(25,103,232,.13),rgba(109,93,252,.12));color:var(--v40-accent);display:grid;place-items:center;flex:0 0 auto}.v40-product-icon.large{width:50px;height:50px;border-radius:16px}.v40-product-icon.xl{width:64px;height:64px;border-radius:20px;font-size:22px}.v40-service-list{padding:0 10px 10px}.v40-service-row{display:flex;align-items:center;gap:12px;padding:13px 10px;border-top:1px solid var(--v40-line);color:var(--v40-text)}.v40-service-row:first-child{border-top:0}.v40-service-row strong,.v40-invoice-mini strong{display:block;font-size:13px}.v40-service-row small,.v40-invoice-mini small{display:block;color:var(--v40-muted);font-size:11px;margin-top:3px}.v40-service-row>i{color:var(--v40-muted);font-size:11px}.v40-row-meta{text-align:right;display:grid;justify-items:end;gap:4px}.v40-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:var(--v40-soft);color:var(--v40-muted);font-size:10px;font-weight:900;letter-spacing:.02em}.v40-badge.big{padding:7px 11px;font-size:11px}.v40-badge.active,.v40-badge.paid,.v40-badge.success,.v40-badge.answered{background:rgba(52,199,89,.12);color:#1e9d45}.v40-badge.pending,.v40-badge.partially_paid,.v40-badge.in_progress,.v40-badge.on_hold{background:rgba(255,149,0,.13);color:#cf7700}.v40-badge.suspended,.v40-badge.overdue,.v40-badge.urgent,.v40-badge.failed{background:rgba(255,59,48,.12);color:#df3a32}.v40-badge.expired,.v40-badge.cancelled,.v40-badge.closed,.v40-badge.refunded{background:rgba(142,142,147,.14);color:#77777f}.v40-badge.open,.v40-badge.customer_reply{background:rgba(0,122,255,.12);color:#1677dd}
.v40-activity-list,.v40-guide-list,.v40-invoice-mini{padding:0 10px 10px}.v40-activity-list>a,.v40-guide-list>a,.v40-invoice-mini>a{display:flex;align-items:center;gap:10px;padding:11px;border-top:1px solid var(--v40-line);color:var(--v40-text)}.v40-activity-list>a:first-child,.v40-guide-list>a:first-child,.v40-invoice-mini>a:first-child{border-top:0}.v40-activity-list>a>span,.v40-guide-list>a>span{width:34px;height:34px;border-radius:11px;background:var(--v40-soft);display:grid;place-items:center;flex:0 0 auto}.v40-activity-list>a.unread>span{background:rgba(25,103,232,.12);color:var(--v40-accent)}.v40-activity-list div,.v40-guide-list div{flex:1;min-width:0}.v40-activity-list strong,.v40-guide-list strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v40-activity-list p{font-size:11px;color:var(--v40-muted);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v40-activity-list small,.v40-guide-list small{font-size:10px;color:var(--v40-muted)}.v40-guide-list>a>i{font-size:10px;color:var(--v40-muted)}.v40-invoice-mini>a>div{flex:1}.v40-invoice-mini>a>span{font-size:12px;font-weight:800;margin-right:8px}.v40-empty{padding:36px 20px;text-align:center;color:var(--v40-muted)}.v40-empty>i{font-size:26px;margin-bottom:10px}.v40-empty strong{display:block;color:var(--v40-text);margin-bottom:5px}.v40-empty p{margin:0 0 14px}.v40-empty.compact{padding:20px}.v40-span-all{grid-column:1/-1}
.v40-page-lead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:10px 0 18px}.v40-filter-pills{display:flex;gap:7px;overflow:auto;margin-bottom:16px;scrollbar-width:none}.v40-filter-pills a{padding:8px 11px;background:var(--v40-card);border:1px solid var(--v40-line);color:var(--v40-muted);border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.v40-filter-pills a.active{background:var(--v40-text);color:var(--v40-card-solid);border-color:var(--v40-text)}.v40-filter-pills span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--v40-soft);margin-left:4px}.v40-filter-pills a.active span{background:rgba(255,255,255,.15)}.v40-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v40-service-card{background:var(--v40-card);border:1px solid var(--v40-line);border-radius:22px;padding:18px;display:flex;flex-direction:column;min-height:300px}.v40-service-card>header{display:flex;justify-content:space-between;align-items:start}.v40-service-card>div{padding:20px 0 14px;flex:1}.v40-service-card>div>small{color:var(--v40-accent);font-weight:800;font-size:11px}.v40-service-card h3{font-size:20px;letter-spacing:-.03em;margin:5px 0 8px}.v40-service-card p{color:var(--v40-muted);font-size:12px;line-height:1.55;margin:0}.v40-service-card dl{margin:0;border-top:1px solid var(--v40-line);padding:11px 0}.v40-service-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.v40-service-card dt{color:var(--v40-muted);font-size:11px}.v40-service-card dd{margin:0;font-size:11px;font-weight:800}.v40-service-card footer{padding-top:6px}
.v40-back{display:inline-flex;align-items:center;gap:7px;color:var(--v40-muted);font-size:12px;font-weight:800;margin:4px 0 12px}.v40-service-identity{display:flex;align-items:center;gap:17px;max-width:760px}.v40-service-hero-side{justify-content:flex-end}.v40-service-hero-side form{margin:0}.v40-security-note{font-size:10px;color:var(--v40-muted);display:flex;gap:5px;align-items:center}.v40-credentials{padding:0 20px 20px;display:grid;gap:12px}.v40-credentials label{font-size:11px;color:var(--v40-muted);font-weight:800}.v40-credentials label>div{display:flex;margin-top:6px}.v40-credentials input{width:100%;min-width:0;border:1px solid var(--v40-line);background:var(--v40-soft);color:var(--v40-text);padding:11px 12px;border-radius:12px 0 0 12px;outline:none}.v40-credentials button{width:42px;border:1px solid var(--v40-line);border-left:0;background:var(--v40-card-solid);color:var(--v40-muted);cursor:pointer}.v40-credentials button:last-child{border-radius:0 12px 12px 0}.v40-app-grid{padding:0 14px 14px;display:grid;gap:7px}.v40-app-grid a{padding:12px;border-radius:13px;background:var(--v40-soft);display:flex;align-items:center;gap:10px;color:var(--v40-text);font-size:12px;font-weight:800}.v40-app-grid a>i:first-child{width:22px;text-align:center}.v40-app-grid a>i:last-child{margin-left:auto;font-size:9px;color:var(--v40-muted)}.v40-timeline-panel{margin-top:14px}.v40-timeline{padding:0 20px 20px}.v40-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:9px 0}.v40-timeline>div>span{width:8px;height:8px;border-radius:50%;background:var(--v40-accent);margin-top:6px;box-shadow:0 0 0 4px rgba(25,103,232,.1)}.v40-timeline strong{font-size:12px}.v40-timeline p{font-size:11px;color:var(--v40-muted);margin:2px 0}.v40-timeline small{font-size:10px;color:var(--v40-muted)}
.v40-table-panel{overflow:hidden}.v40-table-wrap{overflow:auto}.v40-table{width:100%;border-collapse:collapse;min-width:740px}.v40-table th{color:var(--v40-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:13px 16px;background:var(--v40-soft)}.v40-table td{padding:14px 16px;border-top:1px solid var(--v40-line);font-size:12px}.v40-table td small{display:block;color:var(--v40-muted);font-size:10px;margin-top:2px}.v40-layout-invoice{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:14px}.v40-totals{padding:14px 20px 20px;margin-left:auto;max-width:360px;display:grid;gap:8px}.v40-totals span{display:flex;justify-content:space-between;gap:20px;color:var(--v40-muted);font-size:12px}.v40-totals .total{border-top:1px solid var(--v40-line);padding-top:10px;color:var(--v40-text);font-size:15px}.v40-payment-card p{padding:0 20px;color:var(--v40-muted);font-size:12px}.v40-payment-actions{padding:5px 20px 20px;display:grid;gap:8px}.v40-payment-actions form{margin:0}.v40-info{display:flex;gap:9px;align-items:flex-start;background:var(--v40-soft);border-radius:13px;padding:12px;color:var(--v40-muted);font-size:11px}.v40-payment-history{padding:0 20px 20px}.v40-payment-history>div{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--v40-line)}.v40-payment-history>div:first-child{border-top:0}.v40-payment-history>div>span{width:30px;height:30px;border-radius:10px;background:rgba(52,199,89,.12);color:#1e9d45;display:grid;place-items:center}.v40-payment-history strong{display:block;font-size:12px}.v40-payment-history small{font-size:10px;color:var(--v40-muted)}
.v40-support-shell{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px;min-height:620px}.v40-ticket-list-panel{display:flex;flex-direction:column}.v40-ticket-search{margin:14px;display:flex;align-items:center;gap:8px;background:var(--v40-soft);border-radius:13px;padding:0 12px}.v40-ticket-search i{color:var(--v40-muted);font-size:11px}.v40-ticket-search input{width:100%;border:0;background:transparent;color:var(--v40-text);padding:11px 0;outline:none;font-size:12px}.v40-ticket-list{padding:0 8px 8px;overflow:auto}.v40-ticket-list>a{display:block;padding:12px;border-radius:14px;color:var(--v40-text);border:1px solid transparent}.v40-ticket-list>a.active{background:var(--v40-soft);border-color:var(--v40-line)}.v40-ticket-main{display:flex;gap:9px;align-items:flex-start}.v40-ticket-main strong{font-size:12px;display:block}.v40-ticket-main small{font-size:10px;color:var(--v40-muted)}.v40-priority{width:7px;height:7px;border-radius:50%;background:#8e8e93;margin-top:5px}.v40-priority.high{background:#ff9500}.v40-priority.urgent{background:#ff3b30}.v40-priority.low{background:#34c759}.v40-ticket-meta{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0 16px}.v40-ticket-meta>small{font-size:9px;color:var(--v40-muted)}.v40-conversation{display:flex;flex-direction:column;min-width:0}.v40-conversation-head{border-bottom:1px solid var(--v40-line)}.v40-conversation-head h3{font-size:17px!important}.v40-messages{padding:18px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}.v40-messages article{display:flex;gap:10px;max-width:82%}.v40-messages article.mine{align-self:flex-end;flex-direction:row-reverse}.v40-message-avatar{width:32px;height:32px;border-radius:10px;background:var(--v40-soft);display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.v40-messages article.mine .v40-message-avatar{background:var(--v40-accent);color:white}.v40-messages article>div:last-child{min-width:0}.v40-messages article header{display:flex;gap:8px;align-items:center;margin-bottom:5px}.v40-messages article header strong{font-size:10px}.v40-messages article header small{font-size:9px;color:var(--v40-muted)}.v40-messages article p{margin:0;background:var(--v40-soft);padding:11px 13px;border-radius:5px 16px 16px 16px;font-size:12px;line-height:1.6}.v40-messages article.mine p{background:var(--v40-accent);color:white;border-radius:16px 5px 16px 16px}.v40-reply-box{border-top:1px solid var(--v40-line);padding:14px}.v40-reply-box textarea{width:100%;border:1px solid var(--v40-line);background:var(--v40-soft);color:var(--v40-text);border-radius:14px;padding:12px;min-height:90px;resize:vertical;outline:none}.v40-reply-box footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:9px}.v40-reply-box footer small{color:var(--v40-muted);font-size:10px}.v40-closed-note{margin:14px;padding:13px;background:var(--v40-soft);border-radius:14px;display:flex;gap:10px}.v40-closed-note>i{color:#34c759}.v40-closed-note strong{font-size:12px}.v40-closed-note p{margin:2px 0 0;color:var(--v40-muted);font-size:11px}.v40-support-welcome{display:grid;place-items:center;text-align:center;padding:70px 20px;align-content:center}.v40-support-welcome>span{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(25,103,232,.16),rgba(109,93,252,.14));color:var(--v40-accent);display:grid;place-items:center;font-size:24px}.v40-support-welcome h3{font-size:23px;margin:18px 0 7px}.v40-support-welcome p{max-width:460px;color:var(--v40-muted);font-size:12px;line-height:1.6}.v40-support-welcome>a{margin-top:14px;color:var(--v40-accent);font-size:11px;font-weight:800}.v40-mobile-back{display:none}
.v40-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.v40-modal.open{display:flex}.v40-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(7px)}.v40-modal-card{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--v40-card-solid);color:var(--v40-text);border:1px solid var(--v40-line);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.v40-modal-card>header{padding:19px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--v40-line)}.v40-modal-card h3{margin:2px 0 0;font-size:20px}.v40-modal-card form{padding:20px;display:grid;gap:14px}.v40-modal-card label{display:grid;gap:6px;font-size:11px;color:var(--v40-muted);font-weight:800}.v40-modal-card input,.v40-modal-card select,.v40-modal-card textarea{width:100%;border:1px solid var(--v40-line);background:var(--v40-soft);color:var(--v40-text);border-radius:12px;padding:11px 12px;outline:none}.v40-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v40-modal-card form>footer{display:flex;justify-content:flex-end;gap:8px}.v40-suggestions{border:1px solid var(--v40-line);background:var(--v40-soft);border-radius:14px;padding:11px}.v40-suggestion-intro{display:flex;gap:7px;align-items:center;color:var(--v40-muted);font-size:10px}.v40-suggestions [data-v40-suggestion-items]{display:grid;gap:6px;margin-top:7px}.v40-suggestions [data-v40-suggestion-items] a{padding:8px 9px;border-radius:10px;background:var(--v40-card-solid);color:var(--v40-text);display:block}.v40-suggestions [data-v40-suggestion-items] strong{display:block;font-size:11px}.v40-suggestions [data-v40-suggestion-items] small{font-size:9px;color:var(--v40-muted)}
@media(max-width:1180px){.v40-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v40-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v40-layout-2,.v40-layout-2.lower,.v40-layout-invoice{grid-template-columns:1fr}.v40-support-shell{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:850px){.v40-client-mode .app-main{padding:18px 14px 32px}.v40-user-chip div{display:none}.v40-user-chip{padding:4px}.v40-tabs{margin-left:-2px;margin-right:-2px}.v40-hero,.v40-service-hero,.v40-invoice-hero,.v40-page-lead{align-items:flex-start;flex-direction:column}.v40-card-grid{grid-template-columns:1fr}.v40-support-shell{grid-template-columns:1fr}.v40-support-shell:has(.v40-conversation) .v40-ticket-list-panel{display:none}.v40-mobile-back{display:inline-flex;margin-right:6px;color:var(--v40-muted)}.v40-messages article{max-width:94%}.v40-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.v40-topbar{align-items:flex-start}.v40-topbar-actions{gap:6px}.v40-topbar-actions .v40-user-chip{display:none}.v40-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.v40-stat-grid article{min-height:98px;padding:13px;align-items:flex-start}.v40-stat-icon{width:36px;height:36px;border-radius:11px}.v40-stat-grid strong{font-size:19px}.v40-stat-grid em{display:none}.v40-hero,.v40-service-hero,.v40-invoice-hero{padding:20px;border-radius:22px}.v40-hero h2,.v40-page-lead h2,.v40-service-hero h2,.v40-invoice-hero h2{font-size:27px}.v40-hero-actions{width:100%}.v40-hero-actions .v40-btn{flex:1}.v40-service-identity{align-items:flex-start}.v40-product-icon.xl{width:50px;height:50px;border-radius:16px}.v40-row-meta small{display:none}.v40-reply-box footer small{display:none}.v40-reply-box footer{justify-content:flex-end}}
.v40-app-grid a>span{display:grid;line-height:1.15}.v40-app-grid a>span small{font-size:9px;color:var(--v40-muted);font-weight:600;margin-top:2px}

/* ========================================================================
   OTTPROVIDERS Control V4.0.1 — Client Area Redesign / Access Experience
   ======================================================================== */
.v401-client-root{--v40-bg:#f4f6f9;--v40-card:rgba(255,255,255,.94);--v40-card-solid:#ffffff;--v40-text:#101217;--v40-muted:#697180;--v40-line:#e3e7ed;--v40-soft:#f0f3f7;--v40-accent:#1677ff;--v401-accent-soft:#eaf3ff;--v401-green:#19a85b;--v401-orange:#d97a00;--v401-red:#df3b34;--v40-shadow:0 18px 55px rgba(22,35,55,.07);color-scheme:light}
.v401-client-root[data-theme=dark]{--v40-bg:#090b0f;--v40-card:rgba(20,23,29,.96);--v40-card-solid:#14171d;--v40-text:#f4f7fb;--v40-muted:#a5adba;--v40-line:#2a3039;--v40-soft:#1c2129;--v40-accent:#62a8ff;--v401-accent-soft:#17283c;--v401-green:#4bd17d;--v401-orange:#ffad45;--v401-red:#ff6b64;--v40-shadow:0 24px 70px rgba(0,0,0,.32);color-scheme:dark}
body.v40-client-mode{background:var(--v40-bg,#f4f6f9)!important;color:var(--v40-text,#101217)}
body.v40-client-mode.v40-dark{background:#090b0f!important;color:#f4f7fb!important}
body.v40-client-mode.v40-dark .app-main,body.v40-client-mode.v40-dark .app-content,body.v40-client-mode.v40-dark .content-area,body.v40-client-mode.v40-dark main{background:#090b0f!important;color:#f4f7fb}
body.v40-client-mode.v40-dark .app-footer{color:#929baa!important;border-color:#2a3039!important}
body.v40-client-mode.v40-dark .app-sidebar{background:#101319!important;color:#f4f7fb!important;border-right-color:#282e37!important}
body.v40-client-mode.v40-dark .app-sidebar a,body.v40-client-mode.v40-dark .app-sidebar strong,body.v40-client-mode.v40-dark .app-sidebar small{color:inherit}
body.v40-client-mode.v40-dark .app-nav a:hover{background:#1a2028!important}
body.v40-client-mode.v40-dark .app-nav a.active{background:#17283c!important;color:#78b6ff!important}
body.v40-client-mode.v40-dark .app-header{background:rgba(13,16,21,.94)!important;color:#f4f7fb!important;border-color:#292f38!important}
body.v40-client-mode.v40-dark input,body.v40-client-mode.v40-dark textarea,body.v40-client-mode.v40-dark select{color:#f4f7fb;background:#1a1f27;border-color:#303742}
body.v40-client-mode.v40-dark input::placeholder,body.v40-client-mode.v40-dark textarea::placeholder{color:#7f8998}
.v401-topbar{padding-top:2px}.v401-tabs{box-shadow:0 8px 32px rgba(22,35,55,.04)}
.v401-client-root[data-theme=dark] .v401-tabs{background:#14171d;border-color:#2a3039;box-shadow:none}
.v401-client-root[data-theme=dark] .v40-tabs a.active{background:#62a8ff;color:#08101a}
.v401-client-root .v40-btn.primary{background:#15181d;color:#fff;border-color:#15181d}.v401-client-root[data-theme=dark] .v40-btn.primary{background:#62a8ff;color:#07111c;border-color:#62a8ff}
.v401-client-root .v40-panel{box-shadow:0 12px 38px rgba(22,35,55,.045)}.v401-client-root[data-theme=dark] .v40-panel{box-shadow:none}
.v401-client-root .v40-panel>header p{margin:4px 0 0;color:var(--v40-muted);font-size:11px;line-height:1.5}

.v401-welcome-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:14px;margin-bottom:14px}.v401-welcome-card,.v401-primary-access{border:1px solid var(--v40-line);background:var(--v40-card);border-radius:26px;box-shadow:var(--v40-shadow);overflow:hidden}.v401-welcome-card{min-height:286px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;background:linear-gradient(135deg,var(--v40-card-solid),var(--v40-card))}.v401-welcome-card:after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.17),transparent 68%);pointer-events:none}.v401-welcome-copy{position:relative;z-index:1;max-width:720px}.v401-welcome-copy h2{font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:-.055em;margin:10px 0 15px;max-width:650px}.v401-welcome-copy p{font-size:14px;line-height:1.7;color:var(--v40-muted);max-width:620px;margin:0 0 22px}.v401-account-pulse{position:relative;z-index:1;min-width:210px;padding:20px;border:1px solid var(--v40-line);border-radius:20px;background:var(--v40-soft);display:grid;gap:5px}.v401-account-pulse small{color:var(--v40-muted);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.v401-account-pulse strong{font-size:16px}.v401-account-pulse p{font-size:11px!important;margin:0!important}.v401-pulse-dot{width:11px;height:11px;border-radius:50%;background:var(--v401-green);box-shadow:0 0 0 6px color-mix(in srgb,var(--v401-green) 16%,transparent);margin-bottom:10px}
.v401-primary-access{padding:22px;display:flex;flex-direction:column}.v401-primary-access>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.v401-primary-access h3{font-size:19px;margin:3px 0 0;letter-spacing:-.025em}.v401-access-quick{display:grid;gap:8px}.v401-access-quick>a,.v401-access-quick>div:not(.v401-access-empty){display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--v40-line);border-radius:14px;background:var(--v40-soft);color:var(--v40-text)}.v401-access-quick>a>span,.v401-access-quick>div>span:first-child{width:34px;height:34px;border-radius:11px;background:var(--v40-card-solid);display:grid;place-items:center;color:var(--v40-accent)}.v401-access-quick p{display:grid;margin:0!important;gap:1px}.v401-access-quick p small{font-size:9px;color:var(--v40-muted);font-weight:800;text-transform:uppercase}.v401-access-quick p strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v401-access-quick>a>i{font-size:9px;color:var(--v40-muted)}.v401-primary-link{margin-top:auto;padding-top:15px;color:var(--v40-accent);font-size:11px;font-weight:900}.v401-access-empty{padding:13px;border-radius:14px;background:var(--v40-soft);color:var(--v40-muted);display:flex;align-items:center;gap:9px;font-size:11px}.v401-access-empty.large{min-height:120px;justify-content:center;flex-direction:column;text-align:center;margin:10px 0 14px}.v401-access-empty.large i{font-size:26px;color:var(--v40-accent)}
.v401-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v401-stat-strip article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--v40-line);border-radius:18px;background:var(--v40-card)}.v401-stat-strip article>span{width:38px;height:38px;border-radius:12px;background:var(--v40-soft);color:var(--v40-accent);display:grid;place-items:center}.v401-stat-strip article>div{display:grid;gap:1px;min-width:0}.v401-stat-strip small{font-size:10px;color:var(--v40-muted);font-weight:800}.v401-stat-strip strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v401-stat-strip .attention{border-color:color-mix(in srgb,var(--v401-orange) 36%,var(--v40-line))}
.v401-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.72fr);gap:14px}.v401-side-stack{display:grid;gap:14px}.v401-service-stack{padding:0 12px 12px}.v401-service-stack>a{display:grid;grid-template-columns:42px minmax(0,1fr) 130px auto 10px;align-items:center;gap:12px;padding:13px 8px;border-top:1px solid var(--v40-line);color:var(--v40-text)}.v401-service-stack>a:first-child{border-top:0}.v401-service-stack>a>div:nth-child(2){display:grid;gap:3px;min-width:0}.v401-service-stack strong{font-size:12px}.v401-service-stack small{font-size:10px;color:var(--v40-muted)}.v401-service-date{display:grid;justify-items:end;gap:2px}.v401-service-date strong{font-size:11px}.v401-service-stack>a>i{font-size:9px;color:var(--v40-muted)}.v401-quick-actions{padding:0 12px 12px;display:grid;gap:7px}.v401-quick-actions>a{display:grid;grid-template-columns:38px 1fr 10px;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--v40-soft);color:var(--v40-text)}.v401-quick-actions>a>span{width:36px;height:36px;border-radius:11px;background:var(--v40-card-solid);color:var(--v40-accent);display:grid;place-items:center}.v401-quick-actions strong{font-size:11px;display:block}.v401-quick-actions small{font-size:9px;color:var(--v40-muted)}.v401-quick-actions>a>i{font-size:9px;color:var(--v40-muted)}.v401-bottom-panel{margin-top:14px}

.v401-page-lead{margin-bottom:14px}.v401-page-lead h2{font-size:clamp(30px,4vw,46px)}.v401-subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v401-subscription-card{border:1px solid var(--v40-line);background:var(--v40-card);border-radius:24px;padding:20px;display:grid;gap:16px;box-shadow:0 12px 38px rgba(22,35,55,.045)}.v401-client-root[data-theme=dark] .v401-subscription-card{box-shadow:none}.v401-subscription-card>header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center}.v401-subscription-card>header small{font-size:10px;color:var(--v40-muted);font-weight:800}.v401-subscription-card h3{margin:2px 0;font-size:18px;letter-spacing:-.025em}.v401-subscription-card>header p{font-size:10px;color:var(--v40-muted);margin:0}.v401-service-art{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v401-accent-soft),var(--v40-soft));color:var(--v40-accent);font-size:18px}.v401-service-art.xl{width:70px;height:70px;border-radius:22px;font-size:25px}.v401-access-tags{display:flex;gap:6px;flex-wrap:wrap}.v401-access-tags>span{padding:6px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--v40-accent) 22%,var(--v40-line));background:var(--v401-accent-soft);color:var(--v40-accent);font-size:9px;font-weight:900;display:inline-flex;align-items:center;gap:5px}.v401-access-tags>span.muted{background:var(--v40-soft);border-color:var(--v40-line);color:var(--v40-muted)}.v401-access-tags.hero-tags{margin-top:14px}.v401-subscription-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v401-subscription-meta>div{padding:10px;border-radius:13px;background:var(--v40-soft);display:grid;gap:3px}.v401-subscription-meta small{font-size:9px;color:var(--v40-muted)}.v401-subscription-meta strong{font-size:11px}.v401-username-preview{display:flex;align-items:center;gap:7px;color:var(--v40-muted);font-size:10px;padding:0 3px}.v401-subscription-card footer{padding-top:2px}

.v401-service-hero,.v401-product-hero{border:1px solid var(--v40-line);background:linear-gradient(135deg,var(--v40-card-solid),var(--v40-card));border-radius:28px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--v40-shadow);margin-bottom:14px}.v401-service-hero-main{display:flex;align-items:center;gap:18px;min-width:0}.v401-service-hero-main h2,.v401-product-hero h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.05em;margin:5px 0 8px;line-height:1}.v401-service-hero-main p,.v401-product-hero p{color:var(--v40-muted);margin:0;max-width:720px;line-height:1.6}.v401-service-hero-actions{display:grid;justify-items:end;gap:10px}.v401-service-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.v401-service-summary>div{padding:13px 15px;border-radius:16px;border:1px solid var(--v40-line);background:var(--v40-card);display:grid;gap:3px}.v401-service-summary small{font-size:9px;color:var(--v40-muted);font-weight:800}.v401-service-summary strong{font-size:12px}.v401-access-panel{margin-bottom:14px}.v401-access-method{padding:16px 20px;border-top:1px solid var(--v40-line);display:grid;gap:12px}.v401-access-method:first-of-type{border-top:0}.v401-method-title{display:flex;align-items:center;gap:10px}.v401-method-title>span{width:38px;height:38px;border-radius:12px;background:var(--v401-accent-soft);color:var(--v40-accent);display:grid;place-items:center;flex:0 0 auto}.v401-method-title>div{flex:1;display:grid;gap:2px}.v401-method-title strong{font-size:13px}.v401-method-title small{font-size:10px;color:var(--v40-muted)}.v401-method-title em{font-style:normal;font-size:9px;font-weight:900;color:var(--v401-green);background:color-mix(in srgb,var(--v401-green) 12%,transparent);padding:5px 7px;border-radius:999px}.v401-credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v401-credential-grid label{display:grid;gap:5px;color:var(--v40-muted);font-size:9px;font-weight:900}.v401-credential-grid label>div,.v401-long-credential{display:flex;border:1px solid var(--v40-line);border-radius:12px;overflow:hidden;background:var(--v40-soft)}.v401-credential-grid input,.v401-long-credential input{min-width:0;width:100%;border:0!important;outline:none;background:transparent!important;color:var(--v40-text)!important;padding:10px 11px;font-size:10px}.v401-credential-grid button,.v401-long-credential button{border:0;border-left:1px solid var(--v40-line);background:var(--v40-card-solid);color:var(--v40-muted);padding:0 11px;cursor:pointer}.v401-long-credential button{font-size:10px;font-weight:900;white-space:nowrap}.v401-long-credential.short{max-width:540px}.v401-access-empty-state{margin:0 20px 20px;padding:18px;border-radius:16px;background:var(--v40-soft);display:flex;gap:12px;align-items:center}.v401-access-empty-state>span{width:42px;height:42px;border-radius:13px;background:var(--v40-card-solid);color:var(--v40-accent);display:grid;place-items:center}.v401-access-empty-state strong{font-size:12px}.v401-access-empty-state p{font-size:10px;color:var(--v40-muted);margin:3px 0 0}
.v401-apps-panel{margin-top:14px}.v401-app-grid{padding:0 16px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v401-app-card{padding:13px;border:1px solid var(--v40-line);border-radius:16px;background:var(--v40-soft);display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.v401-app-icon{width:40px;height:40px;border-radius:13px;background:var(--v40-card-solid);display:grid;place-items:center;color:var(--v40-accent);font-size:16px}.v401-app-copy{min-width:0;display:grid;gap:2px}.v401-app-copy small{font-size:8px;color:var(--v40-muted);text-transform:uppercase;font-weight:900;letter-spacing:.04em}.v401-app-copy strong{font-size:11px}.v401-app-copy p{font-size:9px;color:var(--v40-muted);margin:0}.v401-app-card>a,.v401-app-unconfigured{grid-column:1/-1;min-height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:900}.v401-app-card>a{background:var(--v40-card-solid);border:1px solid var(--v40-line);color:var(--v40-text)}.v401-app-unconfigured{background:transparent;border:1px dashed var(--v40-line);color:var(--v40-muted)}.v401-app-note{margin:0 16px 16px;padding:10px 12px;border-radius:12px;background:var(--v40-soft);font-size:9px;color:var(--v40-muted)}

.v401-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v401-product-card{border:1px solid var(--v40-line);background:var(--v40-card);border-radius:24px;padding:20px;display:grid;gap:14px}.v401-product-card>header{display:flex;align-items:center;gap:11px}.v401-product-card>header small{font-size:9px;color:var(--v40-muted);font-weight:900}.v401-product-card h3{font-size:18px;margin:2px 0}.v401-product-card>p{font-size:11px;color:var(--v40-muted);line-height:1.6;margin:0;min-height:52px}.v401-product-price{display:flex;align-items:baseline;gap:6px}.v401-product-price strong{font-size:26px;letter-spacing:-.04em}.v401-product-price span{font-size:10px;color:var(--v40-muted)}.v401-product-card footer{margin-top:auto}.v401-product-hero-copy{max-width:760px}.v401-product-buy{min-width:250px;padding:18px;border-radius:19px;background:var(--v40-soft);display:grid;gap:5px;text-align:right}.v401-product-buy small{font-size:9px;color:var(--v40-muted);text-transform:uppercase;font-weight:900}.v401-product-buy strong{font-size:29px;letter-spacing:-.04em}.v401-product-buy>span{font-size:10px;color:var(--v40-muted);margin-bottom:10px}.v401-product-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px}.v401-format-list,.v401-included-list{padding:0 18px 18px;display:grid;gap:8px}.v401-format-list>div{display:flex;align-items:center;gap:11px;padding:10px;border-radius:14px;background:var(--v40-soft)}.v401-format-list>div>span{width:37px;height:37px;border-radius:11px;background:var(--v40-card-solid);display:grid;place-items:center;color:var(--v40-accent)}.v401-format-list strong{font-size:11px}.v401-format-list p{font-size:9px;color:var(--v40-muted);margin:2px 0 0}.v401-included-list>div{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--v40-line);font-size:10px}.v401-included-list>div:first-child{border-top:0}.v401-included-list i{color:var(--v401-green);margin-top:2px}.v401-options-panel{margin-top:14px}.v401-options-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v401-options-grid>div{padding:10px;border-radius:13px;background:var(--v40-soft);display:grid;gap:3px}.v401-options-grid small{font-size:9px;color:var(--v40-muted)}.v401-options-grid strong{font-size:10px}

.v401-client-root[data-theme=dark] .v40-badge.active,.v401-client-root[data-theme=dark] .v40-badge.paid,.v401-client-root[data-theme=dark] .v40-badge.success,.v401-client-root[data-theme=dark] .v40-badge.answered{background:rgba(75,209,125,.13);color:#61dd91}.v401-client-root[data-theme=dark] .v40-badge.pending,.v401-client-root[data-theme=dark] .v40-badge.partially_paid,.v401-client-root[data-theme=dark] .v40-badge.in_progress,.v401-client-root[data-theme=dark] .v40-badge.on_hold{background:rgba(255,173,69,.14);color:#ffb75c}.v401-client-root[data-theme=dark] .v40-badge.suspended,.v401-client-root[data-theme=dark] .v40-badge.overdue,.v401-client-root[data-theme=dark] .v40-badge.urgent,.v401-client-root[data-theme=dark] .v40-badge.failed{background:rgba(255,107,100,.14);color:#ff817b}.v401-client-root[data-theme=dark] .v40-badge.expired,.v401-client-root[data-theme=dark] .v40-badge.cancelled,.v401-client-root[data-theme=dark] .v40-badge.closed,.v401-client-root[data-theme=dark] .v40-badge.refunded{background:#242a33;color:#b3bbc8}.v401-client-root[data-theme=dark] .v40-badge.open,.v401-client-root[data-theme=dark] .v40-badge.customer_reply{background:rgba(98,168,255,.14);color:#82bdff}

@media(max-width:1180px){.v401-welcome-grid,.v401-dashboard-grid,.v401-product-detail-grid{grid-template-columns:1fr}.v401-primary-access{min-height:260px}.v401-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v401-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.v401-welcome-card,.v401-service-hero,.v401-product-hero{align-items:flex-start;flex-direction:column}.v401-account-pulse{width:100%;min-width:0}.v401-stat-strip{grid-template-columns:repeat(2,1fr)}.v401-service-stack>a{grid-template-columns:42px minmax(0,1fr) auto 10px}.v401-service-date{display:none}.v401-subscription-grid,.v401-catalog-grid{grid-template-columns:1fr}.v401-credential-grid{grid-template-columns:1fr}.v401-service-summary{grid-template-columns:repeat(2,1fr)}.v401-product-buy{width:100%;text-align:left}.v401-app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v401-welcome-card{padding:22px}.v401-welcome-copy h2{font-size:36px}.v401-stat-strip{grid-template-columns:1fr 1fr}.v401-stat-strip article{padding:11px}.v401-stat-strip article>span{width:34px;height:34px}.v401-stat-strip strong{font-size:13px}.v401-service-stack>a{grid-template-columns:38px minmax(0,1fr) 10px}.v401-service-stack>a>.v40-badge{display:none}.v401-subscription-card{padding:16px}.v401-subscription-card>header{grid-template-columns:48px minmax(0,1fr)}.v401-subscription-card>header>.v40-badge{grid-column:1/-1;justify-self:start}.v401-subscription-meta{grid-template-columns:1fr 1fr}.v401-subscription-meta>div:last-child{grid-column:1/-1}.v401-service-hero,.v401-product-hero{padding:20px}.v401-service-hero-main{align-items:flex-start}.v401-service-art.xl{width:54px;height:54px}.v401-service-summary{grid-template-columns:1fr 1fr}.v401-app-grid{grid-template-columns:1fr}.v401-method-title{align-items:flex-start}.v401-method-title em{display:none}.v401-long-credential{flex-direction:column}.v401-long-credential button{min-height:36px;border-left:0;border-top:1px solid var(--v40-line)}.v401-options-grid{grid-template-columns:1fr}}

/* ============================================================
   V4.0.2 — Subscriptions + compact applications redesign
   ============================================================ */
.v402-subscriptions-lead{margin-bottom:14px}.v402-subscriptions-lead p{max-width:760px}
.v402-filter-pills{margin-bottom:12px}
.v402-subscription-list{display:grid;gap:10px}
.v402-subscription-row{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(360px,.9fr) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid var(--v40-line);background:var(--v40-card);border-radius:20px;box-shadow:0 8px 26px rgba(22,35,55,.035);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.v402-subscription-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v40-accent) 20%,var(--v40-line));box-shadow:0 12px 30px rgba(22,35,55,.055)}
.v401-client-root[data-theme=dark] .v402-subscription-row{box-shadow:none;background:var(--v40-card)}
.v402-subscription-main{display:flex;align-items:center;gap:13px;min-width:0}.v402-service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;background:var(--v401-accent-soft);color:var(--v40-accent);font-size:17px}
.v402-subscription-copy{min-width:0}.v402-subscription-titleline{display:flex;align-items:center;gap:9px;min-width:0}.v402-subscription-titleline h3{font-size:15px;letter-spacing:-.02em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v402-subscription-copy p{margin:4px 0 0;color:var(--v40-muted);font-size:10px}.v402-subscription-copy p span{padding:0 3px}
.v402-subscription-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v402-subscription-facts>div{min-width:0;padding:8px 10px;border-radius:12px;background:var(--v40-soft);display:grid;gap:2px}.v402-subscription-facts small{font-size:8px;color:var(--v40-muted);font-weight:800;white-space:nowrap}.v402-subscription-facts strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v402-detail-link{min-height:38px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--v40-line);background:var(--v40-card-solid);color:var(--v40-text);font-size:10px;font-weight:900;white-space:nowrap}.v402-detail-link i{font-size:8px;color:var(--v40-muted)}.v402-detail-link:hover{border-color:color-mix(in srgb,var(--v40-accent) 28%,var(--v40-line));color:var(--v40-accent)}

.v402-apps-panel{margin-top:14px}.v402-apps-head{padding-bottom:12px!important}.v402-app-grid{padding:0 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v402-app-card{min-height:58px;padding:8px 9px;border:1px solid var(--v40-line);border-radius:14px;background:var(--v40-soft);display:grid;grid-template-columns:36px minmax(0,1fr) auto 32px;align-items:center;gap:8px}.v402-app-icon{width:34px;height:34px;border-radius:10px;background:var(--v40-card-solid);display:grid;place-items:center;color:var(--v40-accent);font-size:13px}.v402-app-copy{min-width:0;display:grid;gap:1px}.v402-app-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v402-app-copy small{font-size:8px;color:var(--v40-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v402-app-method{max-width:150px;padding:5px 7px;border-radius:999px;background:var(--v40-card-solid);border:1px solid var(--v40-line);color:var(--v40-muted);font-size:7.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v402-app-action{width:30px;height:30px;border-radius:9px;background:var(--v40-card-solid);border:1px solid var(--v40-line);color:var(--v40-text);display:grid;place-items:center;font-size:9px}.v402-app-action:hover{color:var(--v40-accent);border-color:color-mix(in srgb,var(--v40-accent) 28%,var(--v40-line))}.v402-app-action.disabled{opacity:.42;cursor:default}
.v401-client-root[data-theme=dark] .v402-app-card{background:color-mix(in srgb,var(--v40-soft) 84%,#000)}

@media(max-width:1050px){.v402-subscription-row{grid-template-columns:minmax(250px,1fr) minmax(320px,.9fr)}.v402-detail-link{grid-column:1/-1;justify-self:end}.v402-app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v402-subscription-row{grid-template-columns:1fr;gap:12px}.v402-subscription-facts{grid-template-columns:repeat(3,1fr)}.v402-detail-link{grid-column:auto;justify-self:stretch}.v402-app-grid{grid-template-columns:1fr}.v402-app-card{grid-template-columns:34px minmax(0,1fr) 30px}.v402-app-method{grid-column:2/3;grid-row:2;font-size:7px;justify-self:start}.v402-app-action{grid-column:3;grid-row:1/3}}
@media(max-width:480px){.v402-subscription-titleline{align-items:flex-start;flex-direction:column;gap:5px}.v402-subscription-facts{grid-template-columns:1fr 1fr}.v402-subscription-facts>div:last-child{grid-column:1/-1}.v402-app-method{max-width:120px}}


/* ============================================================
   V4.0.4 — Service detail split layout
   Access left / Applications right / compact vertical apps
   ============================================================ */
.v403-service-columns{
    display:grid;
    grid-template-columns:minmax(620px,1.28fr) minmax(300px,.72fr);
    gap:16px;
    align-items:start;
    margin-top:14px;
    margin-bottom:18px;
}
.v403-service-left,.v403-service-right{min-width:0}
.v403-apps-panel,.v403-access-panel{margin-top:0!important}
.v403-apps-panel>header,.v403-access-panel>header{padding:18px 18px 13px}
.v403-apps-panel>header h3,.v403-access-panel>header h3{font-size:18px}
.v403-apps-panel>header p,.v403-access-panel>header p{font-size:10px;line-height:1.45;margin-top:4px;color:var(--v40-muted)}

/* Vertical, space-efficient app list */
.v403-app-list{
    display:flex!important;
    flex-direction:column;
    gap:7px;
    padding:0 12px 12px!important;
}
.v403-app-list .v402-app-card{
    width:100%;
    min-height:50px;
    padding:7px 8px;
    grid-template-columns:32px minmax(0,1fr) auto 28px;
    gap:7px;
    border-radius:12px;
}
.v403-app-list .v402-app-icon{
    width:30px;
    height:30px;
    border-radius:9px;
    font-size:12px;
}
.v403-app-list .v402-app-copy strong{font-size:9.5px}
.v403-app-list .v402-app-copy small{font-size:7.5px;margin-top:1px}
.v403-app-list .v402-app-method{
    max-width:112px;
    padding:4px 6px;
    font-size:6.8px;
}
.v403-app-list .v402-app-action{
    width:27px;
    height:27px;
    border-radius:8px;
    font-size:8px;
}

/* Access stays on the left and remains readable */
.v403-access-panel .v401-access-method{padding:13px 16px}
.v403-access-panel .v401-method-title{margin-bottom:10px}
.v403-access-panel .v401-method-title>span{width:34px;height:34px;border-radius:10px;font-size:13px}
.v403-access-panel .v401-method-title strong{font-size:10px}
.v403-access-panel .v401-method-title small{font-size:8px;line-height:1.4}
.v403-access-panel .v401-credential-grid{gap:8px}
.v403-access-panel .v401-credential-grid label{font-size:8.5px}
.v403-access-panel .v401-credential-grid input,
.v403-access-panel .v401-long-credential input{min-height:38px;font-size:9px}
.v403-access-panel .v401-long-credential button{font-size:8px;padding:0 11px}

@media (min-width:1181px){
    .v403-service-left{position:sticky;top:86px}
}

@media (max-width:1180px){
    .v403-service-columns{
        grid-template-columns:minmax(500px,1.22fr) minmax(280px,.78fr);
        gap:12px;
    }
    .v403-app-list .v402-app-method{display:none}
}

@media (max-width:980px){
    .v403-service-columns{grid-template-columns:1fr}
    .v403-service-left{order:1;position:static}
    .v403-service-right{order:2}
    .v403-app-list .v402-app-method{display:inline-flex}
    .v403-apps-panel{margin-top:0!important}
}

@media (max-width:760px){
    .v403-app-list .v402-app-card{
        grid-template-columns:30px minmax(0,1fr) 27px;
        min-height:48px;
    }
    .v403-app-list .v402-app-method{
        grid-column:2/3;
        grid-row:2;
        justify-self:start;
        max-width:120px;
        font-size:6.5px;
    }
    .v403-app-list .v402-app-action{grid-column:3;grid-row:1/3}
}


/* ============================================================
   V4.1.2 — Client UI polish hotfix
   - remove duplicated local header actions
   - service history shows ~3 rows then scrolls
   - redesigned compact offer cards
   ============================================================ */
.v411-topbar-clean{justify-content:flex-start;margin-bottom:14px}
.v411-topbar-clean .v40-topbar-copy{width:100%}

/* Service activity: keep the page compact; three entries visible, the rest scroll */
.v411-timeline-scroll{
    max-height:246px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--v40-muted) 45%,transparent) transparent;
    padding-right:14px;
}
.v411-timeline-scroll::-webkit-scrollbar{width:6px}
.v411-timeline-scroll::-webkit-scrollbar-track{background:transparent}
.v411-timeline-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--v40-muted) 38%,transparent);border-radius:999px}
.v411-timeline-scroll>div{min-height:82px;align-content:center;border-bottom:1px solid var(--v40-line)}
.v411-timeline-scroll>div:last-child{border-bottom:0}
.v411-timeline-scroll p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Offers — compact premium pricing cards */
.v411-offers-lead{display:flex;align-items:flex-end;justify-content:space-between}
.v411-offers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.v411-offer-card{
    position:relative;
    overflow:hidden;
    min-width:0;
    padding:16px;
    border:1px solid var(--v40-line);
    border-radius:20px;
    background:linear-gradient(155deg,var(--v40-card-solid),var(--v40-card));
    box-shadow:0 10px 32px rgba(20,31,51,.045);
    display:flex;
    flex-direction:column;
    gap:10px;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.v401-client-root[data-theme=dark] .v411-offer-card{box-shadow:none;background:linear-gradient(155deg,var(--v40-card-solid),color-mix(in srgb,var(--v40-card) 92%,#000))}
.v411-offer-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--v40-accent) 30%,var(--v40-line));box-shadow:0 16px 38px rgba(20,31,51,.07)}
.v411-offer-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--v40-accent),color-mix(in srgb,var(--v40-accent) 35%,transparent))}
.v411-offer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v411-offer-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--v40-accent) 9%,var(--v40-soft));color:var(--v40-accent);font-size:12px}
.v411-offer-group{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--v40-muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.v411-offer-period{display:flex;align-items:flex-end;gap:6px;line-height:.9;margin-top:2px}
.v411-offer-period strong{font-size:38px;letter-spacing:-.065em}
.v411-offer-period span{font-size:11px;font-weight:900;color:var(--v40-muted);padding-bottom:4px;text-transform:uppercase}
.v411-offer-name{font-size:13px;font-weight:900;letter-spacing:-.02em}
.v411-offer-desc{margin:0;min-height:46px;color:var(--v40-muted);font-size:9.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v411-offer-price{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--v40-line);border-bottom:1px solid var(--v40-line)}
.v411-offer-price strong{font-size:21px;letter-spacing:-.035em}
.v411-offer-price small{font-size:8px;color:var(--v40-muted);font-weight:800}
.v411-offer-features{display:grid;gap:5px;margin-bottom:2px}
.v411-offer-features span{display:flex;align-items:center;gap:7px;color:var(--v40-muted);font-size:8.5px;font-weight:800}
.v411-offer-features i{width:18px;color:var(--v40-accent);text-align:center}
.v411-offer-cta{margin-top:auto;min-height:38px;padding:0 11px;border-radius:11px;background:var(--v40-text);color:var(--v40-card-solid)!important;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9.5px;font-weight:900}
.v401-client-root[data-theme=dark] .v411-offer-cta{background:#f5f5f7;color:#111!important}
.v411-offer-cta i{font-size:8px}

@media(max-width:1180px){.v411-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
    .v411-offers-grid{grid-template-columns:1fr}
    .v411-offer-card{padding:14px;border-radius:17px}
    .v411-offer-period strong{font-size:34px}
    .v411-offer-desc{min-height:0}
}