/* OmbraHost's checkout and private workspace. All visuals are served locally. */
.customer-page { --customer-bg:#08090d; --customer-panel:#111118; --customer-border:rgba(199,202,216,.14); --customer-text:var(--ink,#eeedf4); --customer-muted:#a5a2b5; --customer-violet:var(--violet,#bba4f4); --customer-electric:var(--electric,#996cff); --customer-silver:var(--silver,#c7cad8); width:min(1320px,calc(100% - 96px)); margin:0 auto; padding:70px 0 110px; color:var(--customer-text); }
.customer-page *, .customer-page *::before, .customer-page *::after { box-sizing:border-box; }
.customer-page [hidden] { display:none!important; }
.customer-page a { color:inherit; text-decoration:none; }
.customer-page button, .customer-page input, .customer-page select, .customer-page textarea { font:inherit; }
.customer-page button { cursor:pointer; }
.customer-page .icon { width:20px; height:20px; flex-shrink:0; }
.customer-page h1, .customer-page h2, .customer-page h3, .customer-page p { margin:0; }
.customer-page h1 { font-size:clamp(40px,4.9vw,70px); font-weight:500; letter-spacing:-.058em; line-height:1.04; }
.customer-page h1 em, .customer-page h2 em { color:var(--customer-violet); font-style:normal; }
.customer-page h1 em { text-shadow:0 0 55px #996cff15; }
.customer-page ::selection { color:#100d17; background:#c2a6ff; }
.customer-page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:34px; }
.customer-page-heading h1 { margin:16px 0 20px; }
.customer-page-heading p { color:var(--customer-muted); font-size:16px; line-height:1.6; }
.customer-kicker { display:block; font-size:12px; font-weight:600; letter-spacing:.19em; line-height:1.6; color:var(--customer-violet); }
.customer-back { display:inline-flex; align-items:center; gap:8px; color:var(--customer-muted)!important; font-size:14px; margin-bottom:24px; }
.customer-back:hover { color:var(--customer-text)!important; }
.customer-back .icon { width:15px; height:15px; }
.customer-panel { background:linear-gradient(135deg,rgba(199,202,216,.035),transparent 48%),var(--customer-panel); border:1px solid var(--customer-border); border-radius:22px; box-shadow:0 18px 65px #00000018,inset 0 1px 0 #ffffff04; }
.customer-panel, .customer-page-heading > div, .customer-auth-story, .customer-contact-story, .workspace-heading > div { min-width:0; }
.customer-page h1, .customer-page h2, .customer-page h3, .customer-kicker { overflow-wrap:anywhere; }
.customer-panel-heading { display:flex; align-items:center; gap:15px; margin-bottom:25px; }
.customer-panel-heading h2 { font-size:23px; font-weight:500; letter-spacing:-.035em; }
.customer-panel-heading p { font-size:14px; color:var(--customer-muted); margin-top:7px; line-height:1.6; }
.customer-panel-heading > .customer-badge, .customer-panel-heading > .icon { margin-left:auto; }
.customer-panel-heading > div { min-width:0; }
.customer-section-number { height:36px; width:36px; display:grid; place-items:center; color:var(--customer-violet); border:1px solid #383047; border-radius:11px; font-size:13px; flex-shrink:0; }
.customer-badge { display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:6px 9px; border-radius:6px; border:1px solid #34303e; color:#aca7bb; font-size:11px; font-weight:500; line-height:1.4; letter-spacing:.1em; white-space:nowrap; }
.customer-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; border:1px solid transparent; border-radius:13px; min-height:54px; padding:15px 23px; font-size:14px; font-weight:600; color:#141020!important; background:linear-gradient(125deg,#d3c0ff,var(--customer-violet) 48%,#b49afb); box-shadow:inset 0 1px 0 #ffffff70,0 5px 24px #996cff13; transition:background .2s,transform .2s,box-shadow .2s; }
.customer-button:hover { background:linear-gradient(125deg,#e0d2ff,#c8b0ff); box-shadow:inset 0 1px 0 #ffffff70,0 10px 32px #996cff26; transform:translateY(-1px); }
.customer-button .icon { width:17px; height:17px; }
.customer-button--full { width:100%; }
.customer-button--small { min-height:39px; padding:9px 16px; font-size:13px; }
.customer-button { min-width:0; max-width:100%; white-space:normal; text-align:center; overflow-wrap:anywhere; }
.customer-badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:center; }
.customer-button:disabled { opacity:.6; cursor:wait; transform:none; }
.customer-page :focus-visible { outline:2px solid var(--customer-violet); outline-offset:4px; }
.customer-flash { padding:15px 18px; margin:0 0 22px; border:1px solid #496656; border-radius:12px; color:#b0d9bd; background:#19291f80; font-size:14px; line-height:1.7; }
.customer-flash--error { color:#f4afb3; background:#2f151f80; border-color:#5c2f3c; }
.customer-flash--info { color:#c9bced; background:#221c3280; border-color:#413651; }
.customer-demo-notice { display:flex; align-items:center; gap:14px; margin-bottom:25px; padding:16px 20px; border:1px solid #34303f; border-radius:14px; background:#16121e; }
.customer-demo-notice > .icon { color:var(--customer-violet); }
.customer-demo-notice > div { flex:1; }
.customer-demo-notice strong { display:block; font-size:14px; font-weight:500; }
.customer-demo-notice div span { display:block; font-size:13px; color:var(--customer-muted); margin-top:4px; line-height:1.6; }
.customer-subtle-link { display:inline-flex; align-items:center; gap:8px; color:var(--customer-violet)!important; font-size:13px; }
.customer-subtle-link .icon { width:14px; height:14px; }
.customer-subtle-button { padding:0; border:0; background:none; color:var(--customer-muted); font-size:11px!important; }
.customer-subtle-button:hover { color:var(--customer-text); }
.customer-field { display:flex; flex-direction:column; gap:9px; margin-bottom:20px; min-width:0; }
.customer-field > span:first-child { font-size:13px; font-weight:500; color:#c9c7d0; }
.customer-field > span:first-child small { font-weight:400; color:var(--customer-muted); margin-left:4px; }
.customer-field input, .customer-field select, .customer-field textarea { width:100%; border:1px solid #2c2b37; border-radius:10px; color:var(--customer-text); background:#0b0b10; box-shadow:inset 0 1px 3px #00000022; padding:14px 16px; outline:none; min-height:49px; font-size:14px; transition:border .2s; }
.customer-field select { color-scheme:dark; appearance:auto; }
.customer-field textarea { resize:vertical; min-height:110px; line-height:1.7; }
.customer-field input:hover, .customer-field select:hover, .customer-field textarea:hover { border-color:#4c425f; }
.customer-field input:focus, .customer-field select:focus, .customer-field textarea:focus { border-color:var(--customer-violet); }
.customer-field input::placeholder, .customer-field textarea::placeholder { color:#666573; }
.customer-field input[readonly] { color:var(--customer-muted); background:#131319; }
.customer-field > small { font-size:12px; color:var(--customer-muted); line-height:1.6; }
.customer-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.customer-field-grid .customer-field { margin-bottom:0; }
.customer-checkbox { display:flex; align-items:flex-start; gap:11px; margin:22px 0; font-size:13px; color:var(--customer-muted); line-height:1.75; }
.customer-checkbox input { flex-shrink:0; width:15px; height:15px; margin:3px 0 0; accent-color:var(--customer-violet); }
.customer-checkbox a { color:var(--customer-violet); text-decoration:underline; text-underline-offset:3px; }
.customer-choice { position:relative; display:flex; align-items:center; cursor:pointer; background:#0b0c11; border:1px solid #2a2935; border-radius:12px; transition:border .2s,background .2s; }
.customer-choice:hover { border-color:#5e4c7d; }
.customer-choice:has(input:checked) { border-color:#a17ada; background:linear-gradient(125deg,#312344b0,#191320); box-shadow:inset 0 0 0 1px #baa4ff12,0 5px 25px #996cff09; }
.customer-choice:has(input:focus-visible) { outline:2px solid var(--customer-violet); outline-offset:3px; }
.customer-choice > input { position:absolute; opacity:0; width:1px; height:1px; }
.customer-choice-mark { height:14px; width:14px; border:1px solid #51475d; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.customer-choice input:checked ~ .customer-choice-mark, .customer-choice:has(input:checked) .customer-choice-mark { background:var(--customer-violet); border-color:var(--customer-violet); }
.customer-choice:has(input:checked) .customer-choice-mark::after { content:''; width:5px; height:5px; border-radius:50%; background:#211632; }
.customer-choice:active { transform:scale(.995); }
.checkout-section-navigation { display:flex; gap:9px; align-items:center; margin:0 0 28px; padding:7px; border:1px solid var(--customer-border); border-radius:16px; background:#111017; }
.checkout-section-navigation a { display:flex; align-items:center; justify-content:center; flex:1; gap:10px; border:1px solid transparent; border-radius:11px; padding:11px 13px; font-size:13px; color:var(--customer-muted); transition:background .2s,border .2s,color .2s; }
.checkout-section-navigation a span { flex-shrink:0; white-space:nowrap; font-size:11px; color:#968aa7; }
.checkout-section-navigation a:hover { color:var(--customer-text); background:#1d1727; }
.checkout-section-navigation .is-active { background:#2a1e3a; border-color:#514064; color:#dbcafa; }
.checkout-section-navigation .is-active span { color:var(--customer-violet); }
[data-config-section] { scroll-margin-top:120px; }
.checkout-mobile-bar { display:none; }
.checkout-summary-total strong { transition:color .25s,text-shadow .25s; }
.checkout-summary-total.is-updated strong { color:#d5bcff; text-shadow:0 0 20px #996cff66; }
.customer-sr-only { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.customer-empty-page { min-height:550px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:25px; }
.customer-empty-page p { color:var(--customer-muted); font-size:15px; }
.checkout-steps { display:flex; padding:0; list-style:none; margin:0 0 4px; gap:34px; }
.checkout-steps li { display:flex; align-items:center; gap:8px; position:relative; color:#6c6978; font-size:12px; white-space:nowrap; }
.checkout-steps li:not(:last-child)::after { content:''; height:1px; width:20px; background:#34303f; position:absolute; right:-27px; }
.checkout-steps li > span { width:23px; height:23px; display:grid; place-items:center; border:1px solid #393442; border-radius:50%; font-size:12px; }
.checkout-steps li b { font-weight:500; }
.checkout-steps .is-current { color:var(--customer-violet); }
.checkout-steps .is-current > span { border-color:var(--customer-violet); background:#baa4ff17; }
.checkout-steps .is-complete { color:#c4becd; }
.checkout-steps .is-complete > span { color:#0e0b16; background:var(--customer-violet); border-color:var(--customer-violet); }
.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:28px; align-items:start; }
.checkout-main { display:flex; flex-direction:column; gap:22px; min-width:0; }
.checkout-config-panel, .checkout-method-panel, .checkout-payment-panel { padding:32px; }
.checkout-plan-heading { display:flex; align-items:center; gap:17px; margin:28px 0; }
.checkout-plan-icon { width:62px; height:62px; border:1px solid #41354f; border-radius:15px; background:#221c2d; display:grid; place-items:center; color:var(--customer-violet); }
.checkout-plan-icon .icon { width:26px; height:26px; }
.checkout-plan-heading h3 { font-size:34px; font-weight:500; letter-spacing:-.04em; margin-bottom:5px; }
.checkout-plan-heading div > span { color:var(--customer-muted); font-size:13px; }
.checkout-spec-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.checkout-spec-grid > div { min-width:0; background:#0b0c10; border:1px solid #24232b; border-radius:12px; padding:17px 13px; }
.checkout-spec-grid .icon { width:19px; height:19px; color:#8d829f; margin-bottom:17px; }
.checkout-spec-grid span { display:block; font-size:11px; letter-spacing:.12em; color:var(--customer-muted); margin-bottom:6px; }
.checkout-spec-grid strong { display:block; font-size:14px; line-height:1.5; font-weight:500; }
.checkout-spec-grid span, .checkout-spec-grid strong { overflow-wrap:anywhere; }
.checkout-feature-list { display:flex; flex-wrap:wrap; gap:13px 22px; margin-top:22px; }
.checkout-feature-list > span { display:flex; align-items:center; gap:7px; color:#a7a1b2; font-size:12px; line-height:1.5; }
.checkout-feature-list .icon { width:12px; height:12px; color:var(--customer-violet); }
.checkout-addon-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; list-style:none; color:#d2bdf0; padding:17px 19px; border:1px solid #4b385e; border-radius:12px; background:#21182b; font-size:14px; }
.checkout-addon-disclosure summary::-webkit-details-marker { display:none; }
.checkout-addon-disclosure summary .icon { width:16px; height:16px; transition:transform .2s; }
.checkout-addon-disclosure[open] summary .icon { transform:rotate(45deg); }
.checkout-addon-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-top:18px; }
.checkout-addon-choice { align-items:flex-start; padding:19px 16px; gap:12px; }
.checkout-addon-choice .customer-choice-mark { margin-top:3px; border-radius:4px; }
.checkout-addon-choice > span:last-child { min-width:0; }
.checkout-addon-choice b { display:block; font-size:15px; font-weight:500; margin-bottom:9px; }
.checkout-addon-choice strong { display:block; font-size:15px; font-weight:500; color:#d5c0f1; margin-bottom:12px; }
.checkout-addon-choice strong small { font-size:11px; font-weight:400; color:var(--customer-muted); }
.checkout-addon-choice > span > small { display:block; font-size:12px; line-height:1.75; color:var(--customer-muted); }
.checkout-addon-billing-note { margin-top:18px!important; color:var(--customer-muted); font-size:12px; line-height:1.85; }
.checkout-addon-billing-note .icon { width:14px; height:14px; margin-right:5px; vertical-align:middle; color:#c0a4df; }
.checkout-quote-breakdown { padding:3px 0 17px; border-bottom:1px solid var(--customer-border); }
.checkout-quote-line { display:flex; justify-content:space-between; gap:14px; font-size:12px; line-height:1.6; margin-top:13px; }
.checkout-quote-line > span { color:#c5bacf; }
.checkout-quote-line small { display:block; color:var(--customer-muted); font-size:11px; margin-top:3px; }
.checkout-quote-line > strong { font-size:13px; font-weight:500; white-space:nowrap; }
.checkout-quote-breakdown > p { font-size:11px; color:var(--customer-muted); margin-top:13px; line-height:1.6; }
.workspace-addon-list { display:flex; flex-direction:column; gap:8px; margin:18px 0; padding:15px; border:1px solid #3e2d4e; border-radius:10px; background:#1a1322; }
.workspace-addon-list > strong { font-size:11px; font-weight:500; color:#d2b4ec; }
.workspace-addon-list > span { font-size:11px; color:#b8a7c6; }
.checkout-billing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.checkout-billing-choice { padding:18px 15px; align-items:flex-start; gap:10px; }
.checkout-billing-choice .customer-choice-mark { margin-top:2px; }
.checkout-billing-choice b { display:block; font-size:13px; font-weight:500; margin-bottom:16px; }
.checkout-billing-choice strong { display:block; font-size:21px; font-weight:500; letter-spacing:-.035em; margin-bottom:7px; }
.checkout-billing-choice > span:last-child { min-width:0; }
.checkout-billing-choice strong small { font-size:12px; color:var(--customer-muted); letter-spacing:0; margin-left:3px; }
.checkout-billing-choice > span > small { display:block; font-size:11px; color:var(--customer-muted); line-height:1.5; }
.checkout-region-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.checkout-region-choice { gap:11px; padding:13px; min-height:57px; }
.checkout-country-code { font-size:11px; letter-spacing:.1em; width:32px; height:25px; border:1px solid #3d3649; border-radius:6px; display:grid; place-items:center; color:#aba0bb; }
.checkout-region-choice > span:nth-of-type(2) { font-size:13px; line-height:1.4; flex:1; }
.checkout-region-choice > span:nth-of-type(2), .checkout-coin-choice > span:nth-of-type(2) { min-width:0; overflow-wrap:anywhere; }
.checkout-country-code, .checkout-plan-icon { flex-shrink:0; }
.checkout-plan-heading > div { min-width:0; }
.checkout-region-choice b { display:block; font-weight:500; font-size:14px; margin-bottom:4px; }
.checkout-region-choice small { display:block; font-size:12px; color:var(--customer-muted); }
.checkout-summary { overflow:hidden; position:sticky; top:110px; }
.checkout-summary-art { height:205px; display:flex; align-items:center; justify-content:center; position:relative; background:radial-gradient(ellipse at 50% 50%,#996cff25,transparent 62%),linear-gradient(140deg,#18151f,#0c0c12); overflow:hidden; border-bottom:1px solid var(--customer-border); }
.checkout-art-orbit { border:1px solid #69518c40; position:absolute; width:235px; height:95px; border-radius:50%; transform:rotate(-25deg); }
.checkout-art-orbit--second { width:160px; height:180px; transform:rotate(27deg); border-color:#785a9e30; }
.checkout-art-orbit::after { content:''; position:absolute; left:10px; top:13px; height:5px; width:5px; border-radius:50%; background:var(--customer-violet); box-shadow:0 0 14px #baa4ff; }
.checkout-art-node { height:62px; width:62px; border-radius:18px; display:grid; place-items:center; color:var(--customer-violet); border:1px solid #796098; background:linear-gradient(150deg,#332940,#16121d); transform:rotate(-10deg); box-shadow:0 10px 50px #baa4ff15; }
.checkout-art-node .icon { width:30px; height:30px; }
.checkout-summary-art > .customer-kicker { position:absolute; bottom:18px; font-size:11px; color:#80728e; }
.checkout-summary-body { padding:29px; }
.checkout-summary-body h2 { font-size:29px; font-weight:500; letter-spacing:-.045em; margin:10px 0 8px; }
.checkout-summary-body > .customer-kicker { font-size:11px; }
.checkout-summary-name { color:var(--customer-muted); font-size:13px; margin-bottom:20px; word-break:break-word; }
.checkout-summary-resources { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 22px; }
.checkout-summary-resources span { font-size:11px; color:#aaa0b9; padding:5px 7px; background:#1d1727; border:1px solid #332b42; border-radius:5px; }
.checkout-summary-list { border-top:1px solid var(--customer-border); border-bottom:1px solid var(--customer-border); padding:20px 0; margin:20px 0; display:flex; flex-direction:column; gap:14px; }
.checkout-summary-list > div { display:flex; justify-content:space-between; gap:12px; font-size:12px; line-height:1.4; }
.checkout-summary-list dt { color:var(--customer-muted); flex-shrink:0; }
.checkout-summary-list dd { text-align:right; margin:0; max-width:200px; }
.checkout-summary-total { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:23px 0; }
.checkout-summary-total > span { font-size:13px; }
.checkout-summary-total small { display:block; font-size:11px; color:var(--customer-muted); margin-top:6px; }
.checkout-summary-total > strong { font-size:31px; letter-spacing:-.05em; font-weight:500; white-space:nowrap; }
.checkout-summary-total { flex-wrap:wrap; }
.checkout-summary-list > div { min-width:0; }
.checkout-summary-list dt { flex-shrink:1; min-width:0; }
.checkout-summary-list dd, .checkout-summary-resources span { min-width:0; overflow-wrap:anywhere; }
.checkout-quote-line > span { min-width:0; overflow-wrap:anywhere; }
.checkout-summary-footnote { color:var(--customer-muted); font-size:11px; line-height:1.8; margin-top:14px!important; text-align:center; }
.checkout-summary-footnote .icon { height:11px; width:11px; vertical-align:middle; margin-right:3px; }
.checkout-summary-assurance { display:flex; align-items:center; gap:12px; background:#17131f; border-radius:10px; padding:14px; }
.checkout-summary-assurance > .icon { color:var(--customer-violet); }
.checkout-summary-assurance p { color:#a49aad; font-size:12px; line-height:1.7; }
.checkout-coin-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.checkout-coin-choice { padding:19px 16px; gap:13px; min-height:93px; }
.checkout-coin-symbol { height:43px; width:43px; border-radius:50%; display:grid; place-items:center; background:#221b2e; border:1px solid #40334f; color:var(--customer-violet); font-size:22px; flex-shrink:0; }
.checkout-coin-choice > span:nth-of-type(2) { flex:1; }
.checkout-coin-choice b { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:500; }
.checkout-coin-choice b small { font-size:11px; color:var(--customer-muted); }
.checkout-coin-choice > span > small { display:block; font-size:11px; color:var(--customer-muted); margin-top:6px; }
.checkout-coin--btc .checkout-coin-symbol, .checkout-coin--btc .checkout-payment-symbol { color:#f4af50; border-color:#78572d; background:#2a2117; }
.checkout-coin--ltc .checkout-coin-symbol, .checkout-coin--ltc .checkout-payment-symbol { color:#cbd0da; border-color:#595c64; background:#22242a; }
.checkout-coin--sol .checkout-coin-symbol, .checkout-coin--sol .checkout-payment-symbol { color:#90ead9; border-color:#3b726a; background:#192924; }
.checkout-coin--trx .checkout-coin-symbol, .checkout-coin--trx .checkout-payment-symbol { color:#ff8798; border-color:#773d4b; background:#2c1921; }
.checkout-coin--usdt .checkout-coin-symbol, .checkout-coin--usdt .checkout-payment-symbol { color:#70d1b2; border-color:#345e52; background:#172b24; }
.checkout-coin--usdc .checkout-coin-symbol, .checkout-coin--usdc .checkout-payment-symbol { color:#8dafff; border-color:#3d5485; background:#1a2235; }
.checkout-method-note { display:flex; align-items:flex-start; gap:10px; padding:18px 0 24px; color:var(--customer-muted); }
.checkout-method-note > .icon { width:16px; height:16px; color:#9f8eb9; margin-top:1px; }
.checkout-method-note p { font-size:12px; line-height:1.75; }
.checkout-selected-method { display:flex; align-items:center; gap:10px; padding:17px 18px; margin-top:22px; background:#21182d; border:1px solid #473254; border-radius:12px; color:#d0b9f0; font-size:13px; }
.checkout-selected-method > .icon { width:17px; height:17px; }
.checkout-trust-row { display:flex; justify-content:center; gap:28px; padding:5px 10px; }
.checkout-trust-row > span { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--customer-muted); }
.checkout-trust-row .icon { width:13px; height:13px; color:#8e7ca5; }
.checkout-payment-panel > .customer-panel-heading { margin-bottom:0; }
.checkout-payment-visual { display:flex; align-items:center; justify-content:center; height:200px; position:relative; margin-top:10px; background:radial-gradient(ellipse,#baa4ff0c,transparent 60%); overflow:hidden; }
.checkout-payment-orbit { height:165px; width:240px; border:1px solid #68507e55; border-radius:50%; transform:rotate(-22deg); position:absolute; }
.checkout-payment-orbit::before { content:''; position:absolute; inset:22px; border:1px solid #68507e33; border-radius:50%; transform:rotate(50deg); }
.checkout-payment-symbol { font-size:43px; height:90px; width:90px; display:grid; place-items:center; border:1px solid #7d689d; border-radius:25px; background:#21192f; color:var(--customer-violet); transform:rotate(-8deg); }
.checkout-payment-sandbox { position:absolute; bottom:15px; font-size:11px; letter-spacing:.23em; color:var(--customer-muted); }
.checkout-payment-caption { text-align:center; margin:15px 0 27px; }
.checkout-payment-caption h3 { font-weight:500; font-size:26px; letter-spacing:-.03em; }
.checkout-payment-caption p { color:var(--customer-muted); font-size:13px; margin-top:6px; }
.checkout-payment-caption strong { display:block; font-size:25px; font-weight:500; margin-top:20px; }
.checkout-payment-caption strong span { display:block; color:var(--customer-muted); font-size:11px; font-weight:400; margin-top:7px; }
.checkout-payment-explainer { display:flex; gap:12px; background:#1a1423; border:1px solid #3b2e4c; border-radius:12px; padding:18px; }
.checkout-payment-explainer > span { color:var(--customer-violet); }
.checkout-payment-explainer strong { font-size:14px; font-weight:500; }
.checkout-payment-explainer p { font-size:12px; color:#a49aad; line-height:1.8; margin-top:7px; }
.checkout-payment-panel > .customer-subtle-link { display:flex; justify-content:center; margin-top:20px; }
.customer-auth-page { display:grid; grid-template-columns:minmax(0,1fr) 440px; gap:100px; padding:75px 40px 100px; width:min(1240px,calc(100% - 60px)); align-items:center; }
.customer-auth-story h1 { font-size:clamp(50px,5.4vw,78px); line-height:1.02; margin:25px 0; }
.customer-auth-story > p { color:var(--customer-muted); font-size:13px; max-width:390px; line-height:1.85; }
.customer-auth-emblem { height:200px; width:270px; position:relative; display:flex; align-items:center; justify-content:center; margin:15px 0; }
.customer-auth-ring { position:absolute; height:135px; width:240px; border:1px solid #5444657a; border-radius:50%; transform:rotate(-24deg); }
.customer-auth-ring--two { width:140px; height:180px; transform:rotate(30deg); border-color:#44355285; }
.customer-auth-emblem > span { height:74px; width:74px; border-radius:20px; border:1px solid #6a5587; display:grid; place-items:center; background:radial-gradient(ellipse at 25% 0,#4a385f,#1a1422); color:var(--customer-violet); transform:rotate(-10deg); box-shadow:0 0 60px #baa4ff12; }
.customer-auth-emblem .icon { height:36px; width:36px; }
.customer-auth-promises { display:flex; flex-direction:column; gap:16px; margin-top:10px; }
.customer-auth-promises > span { display:flex; align-items:center; gap:10px; font-size:13px; color:#aca3b8; }
.customer-auth-promises .icon { height:16px; width:16px; color:var(--customer-violet); }
.customer-auth-card { padding:38px; border-radius:26px; background:radial-gradient(ellipse at 0 0,#996cff0a,transparent 70%),linear-gradient(145deg,#17151d,#101015); box-shadow:0 30px 100px #00000035,inset 0 1px 0 #ffffff0b; }
.customer-auth-tabs { display:flex; background:#090a0e; border:1px solid #24232c; border-radius:10px; padding:4px; margin-bottom:32px; }
.customer-auth-tabs > a { flex:1; display:grid; place-items:center; height:40px; font-size:12px; color:var(--customer-muted); border-radius:7px; }
.customer-auth-tabs > .is-active { background:#251b35; color:var(--customer-violet); border:1px solid #41314f; }
.customer-auth-tabs > a { min-width:0; height:auto; min-height:44px; padding:9px 8px; text-align:center; line-height:1.45; overflow-wrap:anywhere; }
.customer-auth-card h2 { font-size:34px; letter-spacing:-.04em; font-weight:500; margin:13px 0; }
.customer-auth-card > p { color:var(--customer-muted); font-size:13px; line-height:1.8; margin-bottom:25px; }
.customer-auth-card .customer-kicker { font-size:11px; }
.customer-auth-saved { display:flex; align-items:flex-start; gap:9px; color:#bba8db; background:#21162f; border:1px solid #3c2d4d; padding:13px; border-radius:9px; margin-bottom:22px; font-size:12px; line-height:1.6; }
.customer-auth-saved .icon { height:14px; width:14px; }
.customer-password-field { position:relative; display:block; }
.customer-password-field input { padding-right:54px; }
.customer-password-toggle { position:absolute; right:3px; top:3px; height:44px; width:44px; display:grid; place-items:center; border:0; background:transparent; color:#94899f; border-radius:7px; }
html[dir="rtl"] .customer-page .customer-password-field input { padding-right:16px; padding-left:54px; }
html[dir="rtl"] .customer-page .customer-password-toggle { right:auto; left:3px; }
.customer-password-toggle:hover { background:#221b2d; }
.customer-password-toggle .icon { width:17px; height:17px; }
.customer-password-guidance { display:flex; align-items:center; gap:12px; margin-top:1px; }
.customer-password-progress { width:65px; height:4px; flex-shrink:0; background:#292232; border-radius:4px; overflow:hidden; }
.customer-password-progress i { display:block; width:0; height:100%; background:#996cff; border-radius:4px; transition:width .25s,background .25s; }
.customer-password-guidance small { font-size:11px; color:var(--customer-muted); }
.customer-password-guidance[data-length-state="short"] .customer-password-progress i { width:35%; }
.customer-password-guidance[data-length-state="almost"] .customer-password-progress i { width:70%; }
.customer-password-guidance[data-length-state="ready"] .customer-password-progress i { width:100%; background:#c6aaff; }
.customer-password-guidance[data-length-state="ready"] small { color:#c6aaff; }
.customer-caps-warning { color:#e1be86!important; }
.customer-auth-bottom { display:flex; align-items:center; justify-content:center; gap:8px; font-size:11px; line-height:1.7; color:var(--customer-muted); padding:20px 0; margin-top:8px; border-bottom:1px solid var(--customer-border); }
.customer-auth-bottom .icon { width:13px; height:13px; color:#9b89b3; }
.customer-auth-card > .customer-subtle-link { display:flex; justify-content:center; font-size:12px; margin-top:19px; }
.customer-contact-page { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; padding-top:80px; }
.customer-contact-story h1 { font-size:clamp(42px,4.5vw,66px); line-height:1.08; margin:24px 0; }
.customer-contact-story > p { color:var(--customer-muted); font-size:14px; line-height:1.9; max-width:440px; }
.customer-contact-story .customer-auth-promises { margin-top:35px; }
.customer-contact-account { display:flex; align-items:flex-start; gap:16px; margin-top:50px; padding:25px; border-radius:16px; }
.customer-contact-account > span { color:var(--customer-violet); }
.customer-contact-account h2 { font-size:17px; font-weight:500; letter-spacing:-.02em; }
.customer-contact-account p { font-size:13px; line-height:1.9; color:var(--customer-muted); margin:12px 0 17px; }
.customer-contact-form { padding:35px; }
.customer-contact-form > h2 { font-size:28px; font-weight:500; letter-spacing:-.04em; margin:13px 0; }
.customer-contact-form > p { color:var(--customer-muted); font-size:13px; line-height:1.9; margin-bottom:26px; }
.customer-contact-form .customer-field-grid { margin-bottom:20px; }
.workspace-page { width:min(1440px,calc(100% - 64px)); padding:35px 0 80px; }
.workspace-shell { display:grid; grid-template-columns:240px minmax(0,1fr); border:1px solid var(--customer-border); border-radius:23px; overflow:hidden; background:#0c0d12; min-height:780px; min-width:0; max-width:100%; }
.workspace-sidebar { display:flex; flex-direction:column; padding:28px 18px 20px; background:linear-gradient(160deg,#17131f,#101016 60%); border-right:1px solid var(--customer-border); }
.workspace-identity { display:flex; align-items:center; gap:10px; margin-bottom:43px; padding:0 5px; }
.workspace-identity > div { flex:1; min-width:0; }
.workspace-avatar { display:grid; place-items:center; height:37px; width:37px; border-radius:12px; background:#2a1f39; border:1px solid #55416f; color:var(--customer-violet); font-size:13px; flex-shrink:0; }
.workspace-identity strong { display:block; font-size:14px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-identity small { display:block; font-size:11px; color:var(--customer-muted); margin-top:5px; }
.workspace-online-dot { height:5px; width:5px; border-radius:50%; background:var(--customer-violet); margin-left:auto; flex-shrink:0; }
.workspace-sidebar > .customer-kicker { margin:0 13px 14px; font-size:11px; color:#716b7e; }
.workspace-sidebar nav { display:flex; flex-direction:column; gap:6px; }
.workspace-sidebar nav > a { display:flex; align-items:center; gap:11px; padding:12px 13px; border-radius:10px; color:#9b94a9; font-size:13px; border:1px solid transparent; }
.workspace-sidebar nav > a:hover { color:var(--customer-text); background:#19141f; }
.workspace-sidebar nav > a > span { min-width:0; overflow-wrap:anywhere; }
.workspace-sidebar nav .icon { width:17px; height:17px; }
.workspace-sidebar nav > .is-active { color:var(--customer-violet); border-color:#40324f; background:linear-gradient(90deg,#251a35,#1a1422); }
.workspace-sidebar nav b { margin-left:auto; font-size:11px; font-weight:500; padding:3px 6px; background:#3c2c52; border-radius:4px; }
.workspace-sidebar-bottom { margin-top:auto; padding-top:60px; }
.workspace-local-note { padding:16px 13px; background:#15131c; border:1px solid #292430; border-radius:12px; }
.workspace-local-note .icon { height:18px; width:18px; color:#9983b9; margin-bottom:10px; }
.workspace-local-note strong { display:block; font-size:12px; font-weight:500; margin-bottom:7px; }
.workspace-local-note p { font-size:11px; color:var(--customer-muted); line-height:1.8; }
.workspace-logout { display:flex; gap:9px; align-items:center; border:0; background:none; color:var(--customer-muted); font-size:11px!important; width:100%; padding:17px 13px 5px; }
.workspace-logout:hover { color:var(--customer-text); }
.workspace-logout .icon { width:16px; height:16px; }
.workspace-main { padding:38px; min-width:0; max-width:100%; }
.workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:31px; }
.workspace-heading h1 { font-size:38px; line-height:1.15; letter-spacing:-.045em; margin-top:10px; }
.workspace-heading p { color:var(--customer-muted); font-size:13px; line-height:1.7; margin-top:12px; }
.workspace-heading > .customer-badge { margin-top:4px; font-size:11px; }
.workspace-heading .customer-kicker { font-size:11px; }
.workspace-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:25px; }
.workspace-metric { display:flex; flex-direction:column; padding:25px; border-radius:18px; background:linear-gradient(145deg,#1b1722,#101017); }
.workspace-metric .icon { height:19px; width:19px; color:#a28cbc; margin-bottom:20px; }
.workspace-metric strong { font-size:38px; font-weight:500; letter-spacing:-.04em; margin-bottom:7px; }
.workspace-metric span { color:var(--customer-muted); font-size:11px; }
.workspace-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.workspace-metric { min-width:0; }
.workspace-metric span { overflow-wrap:anywhere; line-height:1.5; }
.workspace-welcome { display:flex; align-items:center; justify-content:space-between; padding:33px; margin-bottom:25px; background:radial-gradient(ellipse at 90% 60%,#38214844,transparent 55%),#121017; overflow:hidden; }
.workspace-welcome h2 { font-size:30px; line-height:1.2; font-weight:500; letter-spacing:-.045em; margin:13px 0; }
.workspace-welcome p { max-width:360px; font-size:13px; color:var(--customer-muted); line-height:1.8; margin-bottom:22px; }
.workspace-welcome .customer-kicker { font-size:11px; }
.workspace-welcome-art { display:flex; align-items:center; justify-content:center; position:relative; height:200px; width:270px; flex-shrink:0; }
.workspace-welcome-art > span:nth-child(1) { position:absolute; width:235px; height:90px; border:1px solid #68517f; border-radius:50%; transform:rotate(-24deg); }
.workspace-welcome-art > span:nth-child(2) { position:absolute; width:180px; height:145px; border:1px solid #68517f77; border-radius:50%; transform:rotate(28deg); }
.workspace-welcome-node { display:grid; place-items:center; border:1px solid #8a6bae; border-radius:20px; width:80px; height:80px; color:var(--customer-violet); background:linear-gradient(135deg,#463054,#19101f); transform:rotate(-10deg); box-shadow:0 15px 40px #baa4ff15; }
.workspace-welcome-node .icon { height:38px; width:38px; }
.workspace-welcome-actions { display:flex; align-items:center; gap:23px; flex-wrap:wrap; }
.workspace-welcome-art > small { position:absolute; bottom:1px; font-size:9px; letter-spacing:.13em; color:#9684a9; }
.workspace-two-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.workspace-list-panel { padding:24px; border-radius:17px; }
.workspace-list-panel .customer-panel-heading { justify-content:space-between; margin-bottom:20px; }
.workspace-list-panel h2 { font-size:16px; }
.workspace-list-panel .customer-panel-heading > a { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--customer-muted); }
.workspace-list-panel .customer-panel-heading > a .icon { height:12px; width:12px; }
.workspace-empty-compact { text-align:center; padding:29px 10px 34px; }
.workspace-empty-compact .icon { color:#695a7d; height:27px; width:27px; margin-bottom:17px; }
.workspace-empty-compact strong { display:block; font-size:13px; font-weight:500; }
.workspace-empty-compact p { font-size:12px; line-height:1.75; color:var(--customer-muted); margin-top:10px; }
.workspace-mini-row { display:flex; align-items:center; gap:11px; padding:16px 0; border-top:1px solid var(--customer-border); }
.workspace-mini-icon { display:grid; place-items:center; height:33px; width:33px; border:1px solid #3c3049; background:#211729; border-radius:10px; color:#ac92cc; flex-shrink:0; }
.workspace-mini-icon .icon { width:15px; height:15px; }
.workspace-mini-row > div { flex:1; min-width:0; }
.workspace-mini-row strong { display:block; font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.workspace-mini-row small { display:block; font-size:11px; color:var(--customer-muted); margin-top:5px; }
.workspace-mini-row > b { font-size:13px; font-weight:500; }
.workspace-mini-row { flex-wrap:wrap; }
.workspace-mini-row > div { flex:1 1 120px; }
.workspace-mini-row > b { max-width:100%; }
.workspace-status { display:inline-flex; align-items:center; width:max-content; padding:5px 8px; background:#23192f; border:1px solid #3c2d4b; color:#bca5d7; border-radius:5px; font-size:11px; white-space:nowrap; }
.workspace-status::before { content:''; height:4px; width:4px; border-radius:50%; background:currentColor; margin-right:5px; }
.workspace-status--pending { color:#c8ad7f; background:#271e15; border-color:#453323; }
.workspace-status { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.workspace-status::before { flex-shrink:0; }
.workspace-bottom-note { display:flex; align-items:flex-start; gap:9px; font-size:11px; line-height:1.8; color:#847b93; margin-top:24px; }
.workspace-bottom-note .icon { height:14px; width:14px; margin-top:2px; }
.workspace-section-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:23px; }
.workspace-section-toolbar p { color:var(--customer-muted); font-size:13px; }
.workspace-section-toolbar .customer-back { margin-bottom:0; }
.workspace-section-toolbar { flex-wrap:wrap; }
.workspace-section-toolbar > * { min-width:0; max-width:100%; }
.workspace-empty { text-align:center; padding:80px 30px; min-height:400px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.workspace-empty > span { display:grid; place-items:center; width:64px; height:64px; border:1px solid #4b395f; background:#251b32; border-radius:19px; color:var(--customer-violet); margin-bottom:23px; }
.workspace-empty > span .icon { width:29px; height:29px; }
.workspace-empty h2 { font-size:27px; font-weight:500; letter-spacing:-.035em; }
.workspace-empty p { color:var(--customer-muted); font-size:14px; line-height:1.9; max-width:430px; margin:15px 0 28px; }
.workspace-services-grid { display:grid; grid-template-columns:1fr 1fr; gap:21px; }
.workspace-service-card { padding:25px; border-radius:17px; }
.workspace-service-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.workspace-service-icon { width:41px; height:41px; background:#231b2d; border:1px solid #483555; border-radius:12px; display:grid; place-items:center; color:var(--customer-violet); }
.workspace-service-card h2 { font-size:21px; font-weight:500; letter-spacing:-.03em; overflow-wrap:anywhere; }
.workspace-service-card > p { font-size:12px; color:var(--customer-muted); margin-top:7px; line-height:1.7; }
.workspace-service-card > p > span { font-size:11px; }
.workspace-service-specs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:23px 0; border-bottom:1px solid var(--customer-border); }
.workspace-service-specs small { display:block; font-size:11px; letter-spacing:.1em; color:var(--customer-muted); margin-bottom:7px; }
.workspace-service-specs strong { font-size:12px; font-weight:500; line-height:1.6; display:block; }
.workspace-service-location { display:flex; align-items:center; gap:8px; font-size:12px; color:#aaa0b8; margin:18px 0; }
.workspace-service-location .icon { height:13px; width:13px; color:#89739f; }
.workspace-service-specs { grid-template-columns:repeat(3,minmax(0,1fr)); }
.workspace-service-specs > div, .workspace-service-details dl > div { min-width:0; overflow-wrap:anywhere; }
.workspace-service-details { border-top:1px solid var(--customer-border); padding:16px 0; }
.workspace-service-details summary { display:flex; align-items:center; justify-content:space-between; list-style:none; font-size:12px; color:var(--customer-violet); cursor:pointer; }
.workspace-service-details summary::-webkit-details-marker { display:none; }
.workspace-service-details summary .icon { height:13px; width:13px; }
.workspace-service-details[open] summary .icon { transform:rotate(90deg); }
.workspace-service-details dl { font-size:11px; margin:20px 0 10px; }
.workspace-service-details dl > div { display:flex; justify-content:space-between; gap:12px; margin-bottom:13px; }
.workspace-service-details dt { color:var(--customer-muted); }
.workspace-service-details dd { margin:0; text-align:right; }
.workspace-service-details p { font-size:11px; color:var(--customer-muted); line-height:1.8; }
.workspace-service-card > .customer-subtle-link { font-size:11px; margin-top:5px; }
.workspace-table-panel { overflow:hidden; border-radius:17px; min-width:0; max-width:100%; }
.workspace-table-panel > .customer-panel-heading { padding:25px 25px 0; margin-bottom:23px; }
.workspace-table-panel h2 { font-size:18px; }
.workspace-table-scroll { overflow-x:auto; min-width:0; max-width:100%; position:relative; }
.workspace-table-scroll { overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
.workspace-table-scroll:focus-visible { outline-offset:-2px; }
.workspace-table-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 25px 23px; }
.workspace-table-tools > label { display:flex; align-items:center; gap:10px; border:1px solid #39313f; border-radius:11px; padding:10px 13px; background:#0c0c12; width:min(350px,100%); }
.workspace-table-tools > label:focus-within { border-color:var(--customer-violet); }
.workspace-table-tools .icon { width:16px; height:16px; color:#b09cc9; }
.workspace-table-tools input { min-width:0; width:100%; background:none; border:0; color:var(--customer-text); font-size:12px; outline:none; }
.workspace-table-tools input::placeholder { color:#93869f; }
.workspace-table-tools > span { color:var(--customer-muted); font-size:11px; }
.workspace-filter-empty { padding:16px 25px 30px; color:var(--customer-muted); font-size:13px; }
.workspace-table tbody tr { transition:background .18s; }
.workspace-table tbody tr:hover { background:#21162b33; }
.workspace-service-controls { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:4px; }
.customer-copy-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid #39303f; background:#18111f; border-radius:8px; padding:7px 9px; font-size:11px!important; color:#bcb0ca; }
.customer-copy-button:hover { border-color:#9c79c4; color:#d5bef0; }
.customer-copy-button .icon { width:13px; height:13px; }
.customer-copy-button.is-copied { color:#c7abd9; background:#2c1c3c; }
.workspace-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
.workspace-table th { padding:16px 20px; color:#887e97; border-top:1px solid var(--customer-border); border-bottom:1px solid var(--customer-border); background:#121019; font-size:11px; font-weight:500; letter-spacing:.06em; white-space:nowrap; }
.workspace-table td { padding:24px 20px; border-bottom:1px solid #25202d; vertical-align:middle; line-height:1.6; }
.workspace-table tr:last-child td { border-bottom:0; }
.workspace-table td strong, .workspace-table td b { font-weight:500; }
.workspace-table td small { display:block; font-size:11px; color:var(--customer-muted); margin-top:5px; }
.workspace-table .customer-subtle-link { font-size:11px; white-space:nowrap; }
.workspace-invoice { border-radius:17px; padding:35px; min-width:0; max-width:100%; }
.workspace-invoice-heading { display:flex; justify-content:space-between; gap:25px; align-items:flex-start; padding-bottom:32px; border-bottom:1px solid var(--customer-border); }
.workspace-invoice-brand { display:block; font-size:24px; letter-spacing:-.03em; font-weight:500; margin-bottom:8px; }
.workspace-invoice-heading > div:first-child > span { font-size:12px; color:var(--customer-muted); }
.workspace-invoice-heading > div:last-child { text-align:right; }
.workspace-invoice-heading h2 { font-size:21px; font-weight:500; letter-spacing:-.025em; margin:18px 0 8px; }
.workspace-invoice-heading p { font-size:13px; color:var(--customer-muted); }
.workspace-invoice-heading .customer-badge { margin-left:auto; }
.workspace-invoice-heading > div { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.workspace-invoice-parties { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:30px 0; }
.workspace-invoice-parties > div { display:flex; flex-direction:column; gap:7px; font-size:13px; line-height:1.7; }
.workspace-invoice-parties .customer-kicker { font-size:11px; margin-bottom:5px; }
.workspace-invoice-parties strong { font-weight:500; }
.workspace-invoice-parties { grid-template-columns:repeat(2,minmax(0,1fr)); }
.workspace-invoice-parties > div { min-width:0; overflow-wrap:anywhere; }
.workspace-invoice-parties > div > span:not(.customer-kicker) { font-size:12px; color:var(--customer-muted); }
.workspace-invoice-total { display:grid; grid-template-columns:1fr auto; gap:13px 35px; margin-left:auto; width:max-content; font-size:13px; padding:30px 0; }
.workspace-invoice-total span { color:var(--customer-muted); }
.workspace-invoice-total strong { font-weight:500; text-align:right; }
.workspace-invoice-total { max-width:100%; grid-template-columns:minmax(0,1fr) auto; }
.workspace-invoice-total > span { min-width:0; overflow-wrap:anywhere; }
.workspace-invoice-footnote { padding:20px; background:#1b1524; border:1px solid #382d46; border-radius:11px; }
.workspace-invoice-footnote strong { font-size:13px; font-weight:500; }
.workspace-invoice-footnote p { font-size:12px; color:var(--customer-muted); line-height:1.85; margin-top:9px; }
.workspace-ticket-columns { grid-template-columns:1.05fr .95fr; }
.workspace-ticket-form, .workspace-settings-panel { padding:26px; border-radius:17px; }
.workspace-ticket-form .customer-panel-heading, .workspace-settings-panel .customer-panel-heading { align-items:flex-start; }
.workspace-ticket-form .customer-kicker, .workspace-settings-panel .customer-kicker { font-size:11px; margin-bottom:10px; }
.workspace-ticket-form h2, .workspace-settings-panel h2 { font-size:22px; }
.workspace-ticket-form .customer-panel-heading > .icon, .workspace-settings-panel .customer-panel-heading > .icon { color:#a08bb9; margin-top:4px; }
.workspace-ticket-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:18px 0; border-top:1px solid var(--customer-border); }
.workspace-ticket-row > div { min-width:0; }
.workspace-ticket-row strong { display:block; font-size:13px; line-height:1.6; font-weight:500; overflow-wrap:anywhere; }
.workspace-ticket-row small { display:block; font-size:11px; color:var(--customer-muted); margin-top:7px; }
.workspace-ticket-row { flex-wrap:wrap; }
.workspace-ticket-row > div { flex:1 1 140px; }
.workspace-ticket-thread { padding:28px; border-radius:17px; }
.workspace-ticket-thread h2 { font-size:26px; line-height:1.3; margin-top:10px; overflow-wrap:anywhere; }
.workspace-ticket-thread .customer-kicker { font-size:11px; }
.workspace-ticket-local-note { color:#9c8caf; font-size:12px; line-height:1.8; padding:13px 16px; border:1px solid #3d2e4b; background:#1a1322; border-radius:9px; }
.workspace-ticket-messages { padding:10px 0; }
.workspace-ticket-message { padding:23px 0; border-bottom:1px solid var(--customer-border); }
.workspace-ticket-message header { display:flex; align-items:center; gap:10px; }
.workspace-ticket-message .workspace-avatar { height:29px; width:29px; border-radius:9px; font-size:12px; }
.workspace-ticket-message strong { font-size:13px; font-weight:500; }
.workspace-ticket-message strong { min-width:0; overflow-wrap:anywhere; }
.workspace-ticket-message time { font-size:11px; color:var(--customer-muted); margin-left:auto; }
.workspace-ticket-message > p { white-space:normal; overflow-wrap:anywhere; font-size:14px; line-height:1.9; padding:18px 0 5px 39px; color:#beb5cd; }
.workspace-ticket-reply { padding:15px 0 5px; }
.workspace-ticket-close { display:flex; justify-content:flex-end; margin-top:12px; }
.workspace-settings-note { display:flex; align-items:flex-start; gap:10px; padding-top:24px; margin-top:25px; border-top:1px solid var(--customer-border); }
.workspace-settings-note .icon { height:16px; width:16px; color:#9b85b4; margin-top:2px; }
.workspace-settings-note p { font-size:11px; line-height:1.9; color:var(--customer-muted); }
@media (min-width:1500px) { .customer-page:not(.workspace-page):not(.customer-auth-page) { width:min(1280px,calc(100% - 120px)); } }
@media (max-width:1150px) {
  .customer-page { width:calc(100% - 48px); }
  .checkout-layout { grid-template-columns:minmax(0,1fr) 310px; gap:20px; }
  .checkout-config-panel, .checkout-method-panel, .checkout-payment-panel { padding:22px; }
  .checkout-spec-grid { grid-template-columns:repeat(2,1fr); }
  .checkout-billing-grid { gap:8px; }
  .checkout-billing-choice { padding:15px 10px; gap:7px; }
  .checkout-billing-choice strong { font-size:18px; }
  .checkout-region-grid, .checkout-coin-grid { grid-template-columns:1fr; }
  .checkout-region-choice { padding:11px 14px; min-height:48px; }
  .checkout-summary-body { padding:23px; }
  .checkout-steps { gap:26px; }
  .checkout-steps li:not(:last-child)::after { width:13px; right:-20px; }
  .customer-auth-page { gap:55px; grid-template-columns:minmax(0,1fr) 420px; padding:60px 0 90px; }
  .customer-contact-page { gap:45px; }
  .workspace-shell { grid-template-columns:205px minmax(0,1fr); }
  .workspace-sidebar { padding:25px 13px 20px; }
  .workspace-main { padding:26px; }
  .workspace-heading h1 { font-size:29px; }
  .workspace-heading > .customer-badge { display:none; }
  .workspace-metrics { gap:10px; }
  .workspace-metric { padding:16px; }
  .workspace-welcome { padding:27px; }
  .workspace-welcome-art { width:170px; height:160px; transform:scale(.8); }
  .workspace-welcome h2 { font-size:26px; }
  .workspace-two-columns, .workspace-services-grid { gap:18px; }
  .workspace-service-card, .workspace-list-panel { padding:20px; }
  .workspace-table td, .workspace-table th { padding-left:15px; padding-right:15px; }
}
@media (max-width:900px) {
  .customer-page-heading { flex-direction:column; align-items:flex-start; gap:22px; }
  .checkout-steps { margin:0; }
  .checkout-layout { grid-template-columns:minmax(0,1fr); }
  .checkout-summary { position:static; }
  .checkout-section-navigation { flex-wrap:wrap; }
  .checkout-section-navigation a { flex:1 1 140px; min-width:0; overflow-wrap:anywhere; }
  .checkout-billing-grid { grid-template-columns:1fr; }
  .checkout-billing-choice { padding:15px; }
  .checkout-billing-choice > span:last-child { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7px; width:100%; }
  .checkout-billing-choice b { margin:0; }
  .checkout-billing-choice strong { margin:0; text-align:right; }
  .checkout-billing-choice > span > small { grid-column:1 / -1; }
  .customer-field-grid { grid-template-columns:1fr; gap:20px; }
  .checkout-trust-row { flex-direction:column; align-items:center; gap:12px; }
  .customer-auth-page { gap:40px; grid-template-columns:minmax(0,1fr) minmax(0,380px); }
  .customer-auth-story h1 { font-size:53px; }
  .customer-contact-page { gap:30px; }
  .customer-contact-form { padding:26px; }
  .customer-auth-card { padding:25px; }
  .workspace-shell { grid-template-columns:180px minmax(0,1fr); }
  .workspace-main { padding:22px; }
  .workspace-identity { gap:7px; padding:0; }
  .workspace-avatar { width:31px; height:31px; border-radius:10px; }
  .workspace-identity strong { font-size:12px; }
  .workspace-identity small { font-size:11px; }
  .workspace-metrics { grid-template-columns:repeat(2,1fr); }
  .workspace-metric .icon { margin-bottom:13px; }
  .workspace-two-columns, .workspace-services-grid { grid-template-columns:1fr; }
  .workspace-welcome-art { display:none; }
  .workspace-welcome h2 { font-size:29px; }
  .workspace-invoice { padding:24px; }
  .workspace-invoice-heading { flex-direction:column; gap:20px; }
  .workspace-invoice-heading > div:last-child { text-align:left; }
  .workspace-invoice-heading .customer-badge { margin-left:0; }
}
@media (max-width:700px) {
  .customer-page { width:calc(100% - 36px); padding:40px 0 65px; }
  .customer-page h1 { font-size:45px; }
  .customer-page-heading h1 { margin-bottom:16px; }
  .customer-page-heading p { font-size:13px; }
  .checkout-steps { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .checkout-steps li { flex-direction:column; align-items:flex-start; gap:8px; white-space:normal; font-size:11px; }
  .checkout-steps li:not(:last-child)::after { width:calc(100% - 24px); right:-12px; top:12px; }
  .checkout-section-navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; overflow:visible; padding:5px; margin-bottom:22px; }
  .checkout-section-navigation a { justify-content:flex-start; min-width:0; padding:10px 11px; font-size:12px; gap:8px; white-space:normal; }
  .checkout-section-navigation a span { font-size:10px; }
  .checkout-page:has([data-configurator]) { padding-bottom:120px; }
  .checkout-mobile-bar { position:fixed; display:flex; justify-content:space-between; align-items:center; gap:12px; left:18px; right:18px; bottom:calc(14px + env(safe-area-inset-bottom,0px)); z-index:35; padding:12px 14px 12px 18px; border:1px solid #716083; border-radius:18px; background:#17111feb; box-shadow:0 12px 50px #0008; backdrop-filter:blur(20px); }
  .checkout-mobile-bar > div { min-width:0; flex:1; }
  .checkout-mobile-bar small { overflow-wrap:anywhere; }
  .checkout-mobile-bar strong { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .checkout-mobile-bar .customer-button { flex:0 1 45%; min-width:0; }
  .checkout-mobile-bar small { display:block; font-size:10px; color:#b3a5c1; margin-bottom:2px; }
  .checkout-mobile-bar strong { display:block; font-size:clamp(18px,5.9vw,23px); line-height:1.2; font-weight:500; letter-spacing:-.04em; }
  .checkout-mobile-bar .customer-button { min-height:45px; padding:12px 18px; font-size:12px; border-radius:12px; }
  .checkout-layout { grid-template-columns:1fr; }
  .checkout-addon-grid { grid-template-columns:minmax(0,1fr); }
  .checkout-config-panel .customer-panel-heading { display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px 12px; align-items:start; }
  .checkout-config-panel .customer-panel-heading > div { width:100%; }
  .checkout-config-panel .customer-panel-heading > .customer-badge { grid-column:2; margin-left:0; max-width:100%; white-space:normal; text-align:left; justify-self:start; }
  .checkout-config-panel .customer-panel-heading h2 { font-size:21px; }
  .checkout-summary { position:static; }
  .checkout-summary-art { height:150px; }
  .checkout-summary-art > .customer-kicker { bottom:10px; }
  .checkout-summary-body { padding:25px; }
  .checkout-region-grid, .checkout-coin-grid { grid-template-columns:1fr 1fr; }
  .checkout-region-choice { gap:7px; padding:11px 9px; }
  .checkout-region-choice > span:nth-of-type(2) { font-size:11px; }
  .checkout-region-choice b { font-size:12px; }
  .checkout-region-choice small { font-size:11px; }
  .checkout-country-code { width:25px; height:22px; font-size:11px; }
  .checkout-region-choice .customer-choice-mark { width:11px; height:11px; }
  .checkout-billing-grid { grid-template-columns:minmax(0,1fr); }
  .checkout-billing-choice { padding:15px 9px; gap:7px; }
  .checkout-billing-choice > span:last-child { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .checkout-billing-choice b { margin-bottom:0; }
  .checkout-billing-choice strong { font-size:18px; text-align:right; margin-bottom:0; }
  .checkout-billing-choice .customer-choice-mark { width:11px; height:11px; }
  .customer-demo-notice { padding:14px; gap:10px; }
  .customer-demo-notice > .customer-badge { display:none; }
  .customer-demo-notice strong { font-size:13px; }
  .customer-demo-notice div span { font-size:11px; }
  .checkout-coin-choice { padding:14px 10px; gap:9px; }
  .checkout-coin-symbol { height:30px; width:30px; font-size:19px; }
  .checkout-coin-choice b { display:block; font-size:12px; }
  .checkout-coin-choice b small { margin-left:4px; font-size:11px; }
  .checkout-coin-choice > span > small { font-size:11px; }
  .checkout-coin-choice .customer-choice-mark { width:11px; height:11px; }
  .checkout-trust-row { flex-direction:row; flex-wrap:wrap; gap:15px; }
  .customer-auth-page { grid-template-columns:1fr; width:calc(100% - 36px); gap:35px; padding-top:38px; }
  .customer-auth-story > .customer-kicker { font-size:11px; }
  .customer-auth-story h1 { font-size:53px; margin:17px 0; }
  .customer-auth-story > p { font-size:14px; }
  .customer-auth-emblem { display:none; }
  .customer-auth-promises { flex-direction:row; flex-wrap:wrap; gap:15px; margin-top:23px; }
  .customer-auth-promises > span { font-size:11px; }
  .customer-auth-promises .icon { height:14px; width:14px; }
  .customer-auth-card { padding:26px; }
  .customer-contact-page { grid-template-columns:1fr; gap:35px; }
  .customer-contact-story h1 { font-size:45px; margin:20px 0; }
  .customer-contact-story > p { font-size:14px; }
  .customer-contact-account { margin-top:30px; }
  .workspace-page { width:calc(100% - 24px); padding:22px 0 50px; }
  .workspace-shell { grid-template-columns:minmax(0,1fr); border-radius:17px; }
  .workspace-sidebar { border-right:0; border-bottom:1px solid var(--customer-border); padding:19px 17px 14px; }
  .workspace-identity { margin-bottom:17px; padding-right:0; }
  .workspace-identity strong { font-size:14px; }
  .workspace-identity small { font-size:11px; }
  .workspace-sidebar > .customer-kicker { display:none; }
  .workspace-sidebar nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; padding-bottom:0; gap:6px; }
  .workspace-sidebar nav > a { padding:10px 8px; white-space:normal; font-size:11px; gap:6px; min-width:0; min-height:44px; justify-content:center; line-height:1.4; }
  .workspace-sidebar nav > a > span { min-width:0; }
  .workspace-sidebar nav b { display:none; }
  .workspace-sidebar nav .icon { height:15px; width:15px; }
  .workspace-sidebar-bottom { padding:0; margin:10px 0 0; position:static; display:flex; justify-content:flex-end; }
  .workspace-page { position:relative; }
  .workspace-local-note { display:none; }
  .workspace-logout { padding:8px; min-height:44px; width:auto; font-size:11px!important; }
  .workspace-online-dot { display:none; }
  .workspace-main { padding:25px 18px; }
  .workspace-heading { margin-bottom:25px; }
  .workspace-heading h1 { font-size:31px; }
  .workspace-heading p { font-size:12px; }
  .workspace-metrics { gap:11px; }
  .workspace-metric { padding:19px; }
  .workspace-metric span { font-size:11px; }
  .workspace-welcome { padding:25px; }
  .workspace-welcome h2 { font-size:29px; }
  .workspace-welcome p { font-size:13px; }
  .workspace-empty { padding:65px 23px; }
  .workspace-empty h2 { font-size:26px; }
  .workspace-empty p { font-size:13px; }
  .workspace-section-toolbar p { font-size:12px; }
  .workspace-section-toolbar .customer-button { font-size:11px; padding:9px 12px; gap:7px; }
  .workspace-table-tools { padding:0 20px 20px; flex-direction:column; align-items:stretch; gap:10px; }
  .workspace-table-tools > label { width:100%; }
  .workspace-service-controls { flex-wrap:wrap; gap:15px; }
  .workspace-services-grid { gap:18px; }
  .workspace-invoice { padding:22px; }
  .workspace-invoice-parties { gap:17px; }
  .workspace-invoice-parties > div > span:not(.customer-kicker) { font-size:11px; overflow-wrap:anywhere; }
  .workspace-invoice-total { width:100%; gap:15px; font-size:12px; }
  .workspace-ticket-form, .workspace-settings-panel, .workspace-ticket-thread { padding:23px; }
  .workspace-ticket-message header { flex-wrap:wrap; }
  .workspace-ticket-message time { font-size:11px; }
  .workspace-ticket-message > p { padding-left:0; font-size:13px; }
  html[dir="rtl"] .workspace-sidebar { border-left:0; }
  html[dir="rtl"] .workspace-page .workspace-identity { padding-right:0; padding-left:0; }
  html[dir="rtl"] .workspace-sidebar-bottom { right:auto; left:24px; }
  .customer-field input, .customer-field select, .customer-field textarea { font-size:16px; }
  .workspace-table-tools input { font-size:16px; }
  .customer-subtle-link { min-height:44px; }
}
@media (max-width:540px) {
  .workspace-invoice-parties { grid-template-columns:minmax(0,1fr); gap:24px; }
  .workspace-ticket-message header { gap:8px; }
  .workspace-ticket-message header > strong { flex:1; }
  .workspace-ticket-message time { flex-basis:100%; margin:0; }
  .checkout-summary-art > .customer-kicker { max-width:calc(100% - 24px); text-align:center; }
  .workspace-table-panel > .customer-panel-heading { flex-wrap:wrap; }
}
@media (max-width:380px) {
  .checkout-billing-grid, .checkout-region-grid, .checkout-coin-grid { grid-template-columns:1fr; }
  .checkout-billing-choice > span:last-child { display:grid; grid-template-columns:1fr 1fr; }
  .checkout-billing-choice strong { text-align:right; }
  .checkout-billing-choice b { margin:0; }
}

@media print {
  body * { visibility:hidden!important; }
  #ombra-invoice, #ombra-invoice * { visibility:visible!important; color:#20202a!important; background:white!important; box-shadow:none!important; }
  #ombra-invoice { position:absolute!important; left:0!important; top:0!important; width:100%!important; border:0!important; padding:25px!important; }
  #ombra-invoice .workspace-table-scroll { overflow:visible!important; }
  #ombra-invoice .workspace-invoice-heading { flex-direction:row!important; }
  #ombra-invoice .workspace-invoice-heading > div:last-child { text-align:right!important; }
  #ombra-invoice .workspace-invoice-footnote, #ombra-invoice .workspace-table th, #ombra-invoice .workspace-table td, #ombra-invoice .workspace-invoice-heading { border-color:#ccc!important; }
  #ombra-invoice .customer-badge { border-color:#777!important; }
  @page { margin:12mm; size:A4; }
}

/* The comparison is for the base plan; optional extras keep their own cycle totals. */
.checkout-billing-choice .billing-savings{grid-column:1 / -1;margin-block-start:12px;gap:6px}
.checkout-billing-choice .billing-savings-badge{font-size:11px;padding:3px 7px}
.checkout-billing-choice .billing-savings-amount{font-size:11px}
.checkout-billing-choice .billing-savings-reference,.checkout-billing-choice .billing-savings-note{font-size:10px;line-height:1.6}
.checkout-billing-choice .checkout-regular-price{margin-block-start:10px}
.checkout-summary-body>[data-summary-plan-savings]{margin-block:0 22px;padding:15px;border:1px solid #76caa52e;border-radius:10px;background:#71cba308}
.checkout-summary-body>[data-summary-plan-savings] .billing-savings-heading{margin-block-end:2px}