/* Scoped to this modal only. Native close, scrolling and payment actions remain intact. */
html body #modal:has(#platformPanel23.cbd-panel){width:min(840px,calc(100vw - 40px))!important;max-width:840px!important;max-height:calc(100dvh - 40px)!important;padding:0!important;border:1px solid #e2e7f0!important;border-radius:26px!important;background:#fff!important;color:#1d2c46!important;box-shadow:0 32px 110px #14263d40!important;overflow:auto!important}
html body #modal:has(.cbd-panel)::backdrop{background:#17284466;backdrop-filter:blur(7px)}
html body #modal:has(.cbd-panel)>.dialog-head{position:sticky;top:0;z-index:3;display:flex!important;align-items:center;justify-content:space-between;padding:21px 28px!important;border-bottom:1px solid #edf0f6!important;background:#ffffffed!important;backdrop-filter:blur(16px)}
html body #modal:has(.cbd-panel) #modalTitle{font-size:21px!important;line-height:1.4!important;letter-spacing:-.7px;font-weight:800}
html body #modal:has(.cbd-panel) .dialog-head [data-action="close-modal"]{width:36px!important;height:36px!important;border-radius:12px!important;background:#f1f4f9!important;border:0!important;display:grid!important;place-items:center;color:#56647e}
html body #modal:has(.cbd-panel) .dialog-head [data-action="close-modal"] svg{width:19px;height:19px}
html body #modal:has(.cbd-panel)>#modalContent{padding:24px 28px 26px!important;overflow:visible!important;max-height:none!important}
html body #platformPanel23.cbd-panel{--cbd-ink:#1d2c46;--cbd-muted:#68778f;--cbd-border:#e4e9f2;--cbd-surface:#f7f9fc;color:var(--cbd-ink);display:flex;flex-direction:column;gap:23px;font-size:14px;line-height:1.6;letter-spacing:-.3px;min-width:0}
#platformPanel23.cbd-panel *{box-sizing:border-box}
#platformPanel23.cbd-panel svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
html body #platformPanel23.cbd-panel h3,html body #platformPanel23.cbd-panel p{margin:0}
html body #platformPanel23.cbd-panel .cbd-hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px;border-radius:20px;border:1px solid #cad7ff;background:linear-gradient(115deg,#f2f5ff 0%,#eaf0ff 70%,#e1e8ff 100%);overflow:hidden;min-height:150px}
#platformPanel23.cbd-panel .cbd-hero:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-95px;top:-50px;border-radius:50%;border:35px solid #ffffff57;pointer-events:none}
#platformPanel23.cbd-panel .cbd-plan-intro{display:grid;justify-items:start;gap:3px;min-width:0}
#platformPanel23.cbd-panel .cbd-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7888a1;line-height:1.3}
#platformPanel23.cbd-panel .cbd-hero .cbd-kicker{color:#637db1;margin-bottom:5px}
#platformPanel23.cbd-panel .cbd-plan-label{font-size:13px;font-weight:650;color:#526486}
html body #platformPanel23.cbd-panel h3.cbd-plan-name{font-size:35px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;color:#234394;overflow-wrap:anywhere}
html body #platformPanel23.cbd-panel .cbd-plan-meta{font-size:13px;color:#4e6590;margin-top:9px;line-height:1.5}
#platformPanel23.cbd-panel .cbd-plan-emblem{width:84px;height:84px;flex:0 0 84px;border-radius:25px;transform:rotate(-10deg);display:grid;place-items:center;border:1px solid #ffffffd9;background:linear-gradient(150deg,#ffffffc9,#ffffff57);box-shadow:0 12px 32px #4e6bc61a;color:#5671c5}
#platformPanel23.cbd-panel .cbd-plan-emblem svg{width:43px;height:43px}
#platformPanel23.cbd-panel .cbd-heading{display:grid;gap:4px;min-width:0}
html body #platformPanel23.cbd-panel .cbd-heading h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;line-height:1.5;letter-spacing:-.6px;color:var(--cbd-ink)}
html body #platformPanel23.cbd-panel .cbd-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:13px!important}
html body #platformPanel23.cbd-panel .cbd-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0;padding:18px!important;border:1px solid var(--cbd-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 9px #20355803;transition:border-color .18s,transform .18s}
#platformPanel23.cbd-panel .cbd-service:hover{transform:translateY(-2px);border-color:#c1cdeb!important}
#platformPanel23.cbd-panel .cbd-service-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f2f5fb;color:#617aa3}
#platformPanel23.cbd-panel .cbd-service-name{font-size:15px;font-weight:750;color:var(--cbd-ink)}
html body #platformPanel23.cbd-panel .cbd-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;line-height:1.6;padding:4px 8px;border-radius:7px;max-width:100%;color:#657187;background:#f0f3f7;overflow-wrap:anywhere}
#platformPanel23.cbd-panel .cbd-status:before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:currentColor}
html body #platformPanel23.cbd-panel [data-tone="ready"]{color:#18765e;background:#eaf7f1}
html body #platformPanel23.cbd-panel [data-tone="attention"]{color:#946118;background:#fff4dd}
html body #platformPanel23.cbd-panel [data-tone="pending"]{color:#616c87;background:#eff2f8}
#platformPanel23.cbd-panel .cbd-service small{font-size:11px;color:var(--cbd-muted)}
#platformPanel23.cbd-panel .cbd-details{border:1px solid var(--cbd-border);border-radius:13px;background:var(--cbd-surface);overflow:hidden}
#platformPanel23.cbd-panel .cbd-details summary{display:flex;align-items:center;gap:9px;list-style:none;padding:13px 16px;cursor:pointer;font-size:13px;font-weight:700;min-height:46px;color:var(--cbd-ink)}
#platformPanel23.cbd-panel .cbd-details summary::-webkit-details-marker{display:none}
#platformPanel23.cbd-panel .cbd-details summary small{margin-left:auto;font-size:11px;font-weight:500;color:var(--cbd-muted);white-space:nowrap}
#platformPanel23.cbd-panel .cbd-details summary svg{width:15px;height:15px;color:#74839b;transition:transform .18s}
#platformPanel23.cbd-panel .cbd-details[open]>summary svg{transform:rotate(90deg)}
#platformPanel23.cbd-panel .cbd-tech{margin-top:11px;border:0;background:transparent}
#platformPanel23.cbd-panel .cbd-tech summary{padding:3px 1px;min-height:29px;font-size:12px;font-weight:500;color:var(--cbd-muted);justify-content:flex-end}
#platformPanel23.cbd-panel .cbd-tech summary small{display:none}
#platformPanel23.cbd-panel .cbd-detail-body{padding:12px 15px;background:var(--cbd-surface);border-radius:12px;font-size:12px;color:var(--cbd-muted)}
html body #platformPanel23.cbd-panel .cbd-detail-body p+p{margin-top:8px}
#platformPanel23.cbd-panel .cbd-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
html body #platformPanel23.cbd-panel .cbd-refresh{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px!important;border:1px solid var(--cbd-border)!important;border-radius:10px!important;background:#fff!important;color:#526680!important;font-size:12px!important;line-height:1.5;white-space:nowrap;transition:background .15s}
#platformPanel23.cbd-panel .cbd-refresh svg{width:15px;height:15px}
#platformPanel23.cbd-panel .cbd-refresh:hover{background:#f0f4ff!important}
html body #platformPanel23.cbd-panel .cbd-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 18px!important;min-height:146px;border:1px dashed #dce3ef!important;border-radius:15px!important;background:#fafbfd!important;text-align:center}
#platformPanel23.cbd-panel .cbd-empty-icon{display:grid;place-items:center;width:36px;height:36px;background:#edf1f8;border-radius:11px;color:#8396b6;margin-bottom:3px}
html body #platformPanel23.cbd-panel .cbd-empty-title{font-size:14px;font-weight:750;color:#52657f}
#platformPanel23.cbd-panel .cbd-empty-copy{font-size:12px;color:var(--cbd-muted)}
#platformPanel23.cbd-panel .cbd-count{font-size:11px;letter-spacing:0;padding:1px 7px;background:#edf2ff;color:#5774b1;border-radius:6px}
#platformPanel23.cbd-panel .cbd-orders{display:grid;gap:10px;max-height:300px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px}
html body #platformPanel23.cbd-panel .cbd-order{padding:16px 18px;border:1px solid var(--cbd-border);border-radius:13px;background:#fff;display:grid;gap:7px}
#platformPanel23.cbd-panel .cbd-order b{font-size:14px;overflow-wrap:anywhere}
html body #platformPanel23.cbd-panel .cbd-order p{font-size:12px;background:transparent}
#platformPanel23.cbd-panel .cbd-order small{font-size:11px;color:var(--cbd-muted)}
#platformPanel23.cbd-panel .cbd-order [data-platform-refund]{justify-self:start;margin-top:5px}
html body #platformPanel23.cbd-panel .cogo-legal-note-r1[data-cogo-legal="account"]{margin:0!important;padding:0 16px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--cbd-muted)!important;font-size:12px!important;line-height:1.8!important}
html body #platformPanel23.cbd-panel .cogo-legal-note-r1 p{margin:9px 0!important}
#platformPanel23.cbd-panel .cbd-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#platformPanel23.cbd-panel :is(summary,button,a):focus-visible{outline:3px solid #8ba9ff!important;outline-offset:3px}
@media(max-width:600px){
 html body #modal:has(#platformPanel23.cbd-panel){width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:21px!important}
 html body #modal:has(.cbd-panel)>.dialog-head{padding:17px 18px!important}
 html body #modal:has(.cbd-panel) #modalTitle{font-size:18px!important}
 html body #modal:has(.cbd-panel)>#modalContent{padding:18px!important}
 html body #platformPanel23.cbd-panel{gap:21px}
 html body #platformPanel23.cbd-panel .cbd-hero{padding:21px;min-height:145px}
 #platformPanel23.cbd-panel .cbd-plan-emblem{width:58px;height:65px;flex-basis:58px;border-radius:19px}
 #platformPanel23.cbd-panel .cbd-plan-emblem svg{width:34px;height:34px}
 html body #platformPanel23.cbd-panel h3.cbd-plan-name{font-size:31px}
 html body #platformPanel23.cbd-panel .cbd-plan-meta{font-size:12px}
 html body #platformPanel23.cbd-panel .cbd-grid{grid-template-columns:1fr!important;gap:8px!important}
 html body #platformPanel23.cbd-panel .cbd-service{display:grid;grid-template-columns:32px minmax(65px,1fr) auto;gap:9px;align-items:center;padding:12px!important}
 #platformPanel23.cbd-panel .cbd-service-icon{width:31px;height:31px;border-radius:9px}
 #platformPanel23.cbd-panel .cbd-service-icon svg{width:18px;height:18px}
 #platformPanel23.cbd-panel .cbd-service-name{font-size:13px}
 #platformPanel23.cbd-panel .cbd-service small{grid-column:2/4}
 html body #platformPanel23.cbd-panel .cbd-status{font-size:10px;letter-spacing:-.5px;padding:4px 6px;gap:4px}
 html body #platformPanel23.cbd-panel .cbd-empty{min-height:136px;padding:18px!important}
 #platformPanel23.cbd-panel .cbd-details summary{font-size:12px;padding:12px}
 #platformPanel23.cbd-panel .cbd-details summary small{font-size:10px}
}
html[data-theme="dark"] body #modal:has(.cbd-panel),html body[data-theme="dark"] #modal:has(.cbd-panel),html body.dark #modal:has(.cbd-panel){background:#182237!important;color:#e4eaf5!important;border-color:#324058!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark) #modal:has(.cbd-panel)>.dialog-head{background:#182237ee!important;border-color:#324058!important;color:#e4eaf5!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark) #platformPanel23.cbd-panel{--cbd-ink:#e4eaf5;--cbd-muted:#a4b3cc;--cbd-border:#34425a;--cbd-surface:#202c42}
html :is(body.dark,body[data-theme="dark"]) #platformPanel23.cbd-panel .cbd-service,html[data-theme="dark"] body #platformPanel23.cbd-panel .cbd-service,html :is(body.dark,body[data-theme="dark"]) #platformPanel23.cbd-panel .cbd-order,html[data-theme="dark"] body #platformPanel23.cbd-panel .cbd-order{background:#202c42!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark) #platformPanel23.cbd-panel .cbd-empty{background:#202c42!important;border-color:#34425a!important}
:is(html[data-theme="dark"],body[data-theme="dark"],body.dark) #platformPanel23.cbd-panel .cbd-empty-title{color:#c3d0e6!important}
@media(prefers-reduced-motion:reduce){#platformPanel23.cbd-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}#platformPanel23.cbd-panel .cbd-service:hover{transform:none}}
/* Reset the old panel's fixed width and generic details / order margins. */
html body #platformPanel23.cbd-panel{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:20px}
html body #platformPanel23.cbd-panel .cbd-details{padding:0!important;margin:0}
html body #platformPanel23.cbd-panel .cbd-tech{margin:8px 0 0!important}
html body #platformPanel23.cbd-panel .cbd-policy{margin:0!important}
html body #platformPanel23.cbd-panel .platform-orders23{margin:0!important}
html body #platformPanel23.cbd-panel .cbd-hero{padding:21px 26px;min-height:145px}
html body #platformPanel23.cbd-panel .cbd-empty{min-height:130px;padding:18px!important}
html body #platformPanel23.cbd-panel .cbd-refresh{min-height:36px!important;height:auto!important}
@media(max-width:600px){html body #platformPanel23.cbd-panel .cbd-hero{padding:20px}html body #platformPanel23.cbd-panel{gap:18px}}
html[data-theme="dark"] body #modal:has(.cbd-panel)>#modalContent,html body[data-theme="dark"] #modal:has(.cbd-panel)>#modalContent,html body.dark #modal:has(.cbd-panel)>#modalContent{background:#182237!important;color:#e4eaf5!important}