/* DSCloud 3.0 Aurora portal layer: loaded after legacy portal layout styles. */
:root { --bg:#060817; --surface:#0b1027; --surface-raised:#131a3b; --surface-muted:#0a0e22; --line:rgba(159,179,255,.16); --text:#f3f5ff; --muted:#9ca9c9; --brand:#82a7ff; --brand-strong:#6575ff; --danger:#ff7caa; --warning:#f4c76c; --shadow:0 28px 90px rgba(0,0,0,.46); color-scheme:dark; }
body.light { --bg:#f6f7ff; --surface:#fff; --surface-raised:#fff; --surface-muted:#eff2ff; --line:#dce2ff; --text:#13152b; --muted:#67708e; --brand:#4d60dc; --brand-strong:#3947c5; --shadow:0 24px 70px rgba(64,76,154,.13); color-scheme:light; }
body { background:radial-gradient(800px 500px at 5% -10%,rgba(102,78,255,.24),transparent 64%),radial-gradient(760px 480px at 95% 12%,rgba(43,130,255,.18),transparent 66%),var(--bg); }
.site-header { position:relative; z-index:2; height:60px; margin-top:16px; border:1px solid rgba(160,178,255,.15); border-radius:16px; background:rgba(9,13,35,.68); backdrop-filter:blur(18px); }
.brand-mark { color:#10102b; background:linear-gradient(135deg,#d6e4ff,#8197ff 46%,#8e67ff); box-shadow:0 10px 28px rgba(111,113,255,.42); }
.button { color:#101027; background:linear-gradient(135deg,#b9cbff,#7888ff 52%,#8d69ff); border-color:rgba(207,218,255,.44); box-shadow:0 12px 28px rgba(102,104,255,.26); }
.button:hover { background:linear-gradient(135deg,#d4dfff,#91a0ff 52%,#a281ff); box-shadow:0 16px 36px rgba(102,104,255,.4); }
.button-quiet { color:var(--text); background:rgba(19,26,59,.62); border-color:var(--line); box-shadow:none; }
.portal-wrap { position:relative; }
.portal-wrap:before { content:''; position:absolute; z-index:-1; width:440px; height:440px; top:22px; right:-140px; border-radius:50%; background:radial-gradient(circle,rgba(130,117,255,.17),transparent 68%); filter:blur(4px); pointer-events:none; }
.price-card,.form-card,.admin-panel,.account-summary article,.deploy-side { border-color:rgba(155,174,255,.17); background:linear-gradient(145deg,rgba(19,25,58,.9),rgba(10,14,35,.92)); box-shadow:inset 0 1px rgba(228,233,255,.05); }
.price-card { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.price-card:hover { transform:translateY(-5px); border-color:rgba(151,164,255,.55); box-shadow:0 22px 50px rgba(18,17,64,.3); }
.price-card.featured { position:relative; overflow:hidden; border-color:rgba(151,164,255,.58); background:linear-gradient(145deg,rgba(54,52,121,.55),rgba(12,16,42,.94) 64%); }
.price-card.featured:before { content:'RECOMENDADO'; position:absolute; top:14px; right:-30px; padding:4px 34px; transform:rotate(34deg); background:rgba(157,167,255,.2); color:#cbd4ff; font-size:9px; font-weight:900; letter-spacing:.1em; }
.form-card input:focus,.form-card textarea:focus { border-color:#879bff; box-shadow:0 0 0 3px rgba(119,135,255,.18); }
.select-field select { background:var(--surface-muted); }
.support-options article>span,.support-options a { color:#aebdff; }
.inline-error { border-color:rgba(255,124,170,.35); color:#ffb2cc!important; background:rgba(255,124,170,.08); }
@media (prefers-reduced-motion:no-preference) { .portal-wrap>h1,.auth-card h1 { animation:portal-arrive .55s cubic-bezier(.2,.75,.2,1) both; } .price-card { animation:portal-arrive .55s cubic-bezier(.2,.75,.2,1) both; } .price-card:nth-child(2) { animation-delay:.06s; } .price-card:nth-child(3) { animation-delay:.12s; } .price-card:nth-child(4) { animation-delay:.18s; } }
@keyframes portal-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
.admin-workspace { max-width:1080px; }.admin-workspace .admin-panel { margin-top:16px; }.admin-health-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }.admin-health-grid article { min-height:84px; padding:16px; border:1px solid var(--line); border-radius:10px; background:rgba(7,10,28,.44); }.admin-health-grid small,.admin-health-grid b { display:block; }.admin-health-grid small { color:var(--muted); font-size:11px; }.admin-health-grid b { margin-top:8px; color:#c3cdff; font-size:14px; }.admin-records { display:grid; gap:8px; margin-top:17px; }.admin-records article { display:grid; gap:4px; padding:13px 0; border-bottom:1px solid var(--line); }.admin-records b { color:var(--text); font-size:13px; }.admin-records span { color:var(--muted); font-size:12px; }.admin-pagination { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:18px; }.admin-pagination span { color:var(--muted); font-size:12px; }.admin-pagination button:disabled { cursor:not-allowed; opacity:.4; }
@media (max-width:640px) { .admin-health-grid { grid-template-columns:1fr; }.admin-pagination { align-items:stretch; flex-direction:column; }.admin-pagination button { width:100%; } }
.admin-record-button { width:100%; display:grid; gap:4px; padding:13px 0; color:var(--text); border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; }.admin-record-button:hover { color:#c7d1ff; background:linear-gradient(90deg,rgba(116,128,255,.1),transparent); }.admin-status-summary { display:flex; flex-wrap:wrap; gap:8px; margin:17px 0 4px; }.admin-status-summary button { padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:#bbc7ff; background:rgba(80,93,184,.12); font-size:11px; font-weight:800; }.admin-status-summary button:hover { border-color:#8799ff; background:rgba(101,116,255,.23); }.admin-dialog { padding:24px; }.admin-dialog .panel-heading { align-items:flex-start; }.admin-dialog .icon-button { border:1px solid var(--line); }.admin-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.admin-detail-grid article { padding:13px; border:1px solid var(--line); border-radius:9px; background:var(--surface-muted); }.admin-detail-grid small,.admin-detail-grid b { display:block; }.admin-detail-grid small { color:var(--muted); font-size:11px; }.admin-detail-grid b { margin-top:5px; font-size:13px; overflow-wrap:anywhere; }@media (max-width:520px) { .admin-detail-grid { grid-template-columns:1fr; } }
/* Account workspace: profile controls share the Aurora control-plane language. */
.settings-workspace { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); gap:76px; max-width:1180px; min-height:690px; padding-top:104px; padding-bottom:112px; }.settings-intro { position:relative; isolation:isolate; padding:26px 0; }.settings-intro h1 { max-width:600px; margin:13px 0 17px; font-size:clamp(44px,5.1vw,72px); line-height:.98; letter-spacing:-.072em; }.settings-intro h1 span { color:#aebaff; }.settings-intro .portal-lede { max-width:545px; font-size:16px; line-height:1.7; }.settings-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }.settings-meta span { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid rgba(158,177,255,.15); border-radius:999px; color:#c1cbf7; background:rgba(17,22,55,.46); font:700 10px/1 'DM Mono',monospace; }.settings-meta i { width:6px; height:6px; border-radius:50%; background:#afbbff; box-shadow:0 0 14px #8397ff; }.settings-intro .account-summary { position:relative; z-index:1; max-width:475px; margin-top:37px; }.settings-intro .account-summary article { min-height:106px; padding:19px; border-radius:15px; }.settings-orbit { position:absolute; z-index:-1; top:18px; right:-80px; width:255px; height:255px; border:1px solid rgba(166,181,255,.17); border-radius:50%; box-shadow:0 0 0 43px rgba(111,98,255,.03),0 0 80px rgba(112,102,255,.12); }.settings-orbit:before,.settings-orbit:after { position:absolute; content:''; border:1px solid rgba(166,181,255,.14); border-radius:50%; }.settings-orbit:before { inset:38px; border-style:dashed; }.settings-orbit:after { inset:88px; }.settings-orbit span { position:absolute; top:85px; left:96px; color:#d5d8ff; font-size:42px; }.settings-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:#b8c4ff; box-shadow:0 0 18px #899eff; }.settings-orbit i:nth-child(2) { top:9px; left:62px; }.settings-orbit i:nth-child(3) { right:19px; bottom:48px; background:#d19bff; box-shadow:0 0 18px #bf83ff; }.settings-stack { display:grid; align-content:start; gap:14px; }.settings-nav { display:flex; gap:5px; padding:5px; border:1px solid rgba(156,176,255,.14); border-radius:13px; background:rgba(11,15,38,.57); }.settings-nav a { padding:9px 12px; border-radius:8px; color:var(--muted); font-size:12px; font-weight:800; }.settings-nav a:hover,.settings-nav a:focus-visible { color:var(--text); outline:0; }.settings-nav a.active { color:#e1e5ff; background:linear-gradient(135deg,rgba(105,116,255,.31),rgba(147,94,255,.19)); box-shadow:inset 0 1px rgba(229,231,255,.11); }.settings-card { position:relative; overflow:hidden; padding:31px; border-radius:19px; }.settings-card:before { content:''; position:absolute; top:-125px; right:-105px; width:270px; height:270px; border:1px solid rgba(186,197,255,.14); border-radius:50%; box-shadow:0 0 0 40px rgba(129,108,255,.026); }.settings-card-head { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:25px; margin-bottom:28px; }.settings-card-head h2 { margin:5px 0 7px; font-size:28px; letter-spacing:-.055em; }.settings-card-head p:not(.eyebrow) { max-width:365px; margin:0; color:var(--muted); font-size:13px; line-height:1.55; }.settings-card-mark { display:grid; flex:0 0 43px; width:43px; height:43px; place-items:center; border:1px solid rgba(183,195,255,.24); border-radius:13px; color:#c7d2ff; background:linear-gradient(135deg,rgba(128,142,255,.27),rgba(167,100,255,.15)); font-size:23px; }.settings-card form { position:relative; display:grid; gap:21px; }.settings-card label:not(.check-field) { display:grid; gap:8px; color:#cbd4fa; font-size:12px; font-weight:800; }.settings-card input[type=email] { min-height:48px; padding:0 13px; border-radius:10px; background:rgba(7,10,28,.55); }.settings-toggle { display:flex; align-items:flex-start; gap:11px; padding:15px; border:1px solid rgba(157,176,255,.13); border-radius:11px; background:rgba(12,16,43,.5); cursor:pointer; }.settings-toggle input { width:17px; height:17px; margin-top:1px; accent-color:#9299ff; }.settings-toggle span { display:grid; gap:4px; }.settings-toggle b { color:var(--text); font-size:12px; }.settings-toggle small { color:var(--muted); font-size:11px; line-height:1.45; }.settings-form-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; }.settings-form-actions>span { max-width:205px; color:var(--muted); font-size:10px; line-height:1.45; }.account-safety { padding:25px 27px; border:1px solid rgba(161,179,255,.15); border-radius:17px; background:radial-gradient(230px 100px at 100% 0,rgba(121,105,255,.18),transparent 75%),rgba(12,16,42,.56); }.account-safety h2 { margin:6px 0 19px; font-size:24px; letter-spacing:-.05em; }.account-safety ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }.account-safety li { display:flex; align-items:center; gap:11px; color:#c5ceef; font-size:12px; }.account-safety li span { display:grid; width:24px; height:24px; place-items:center; border:1px solid rgba(175,187,255,.2); border-radius:7px; color:#afbcff; background:rgba(120,127,255,.1); font:700 9px 'DM Mono',monospace; }.account-safety>a { display:inline-flex; margin-top:21px; color:#bdc8ff; font-size:12px; font-weight:800; }.account-safety>a span { margin-left:5px; }.account-safety>a:hover { color:#e0e5ff; }
@media (max-width:900px) { .settings-workspace { grid-template-columns:1fr; gap:38px; padding-top:70px; }.settings-intro .account-summary { max-width:560px; }.settings-orbit { right:0; } }
@media (max-width:600px) { .settings-workspace { min-height:0; padding:52px 18px 70px; }.settings-intro { padding-top:0; }.settings-intro h1 { font-size:43px; }.settings-intro .portal-lede { font-size:14px; }.settings-intro .account-summary { grid-template-columns:1fr 1fr; margin-top:27px; }.settings-intro .account-summary article { min-height:92px; padding:15px; }.settings-orbit { top:-38px; right:-116px; transform:scale(.68); }.settings-nav { overflow-x:auto; }.settings-nav a { white-space:nowrap; }.settings-card { padding:23px 18px; border-radius:15px; }.settings-card-head h2 { font-size:25px; }.settings-form-actions { align-items:stretch; flex-direction:column; }.settings-form-actions .button { width:100%; }.settings-form-actions>span { max-width:none; }.account-safety { padding:21px 18px; border-radius:15px; } }
/* Admin command centre: read-only data surfaces remain deliberately distinct from actions. */
.admin-workspace { max-width:1180px; padding-top:92px; }.admin-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 315px; gap:30px; min-height:390px; overflow:hidden; padding:42px; border:1px solid rgba(156,175,255,.16); border-radius:22px; background:radial-gradient(390px 250px at 92% 5%,rgba(115,103,255,.32),transparent 72%),linear-gradient(135deg,rgba(19,26,66,.91),rgba(8,11,31,.8)); }.admin-hero:before { position:absolute; right:-138px; bottom:-205px; width:570px; height:570px; border:1px solid rgba(175,190,255,.14); border-radius:50%; box-shadow:0 0 0 62px rgba(117,103,255,.026); content:''; }.admin-hero-copy { position:relative; z-index:1; }.admin-hero h1 { margin:10px 0 15px; font-size:clamp(45px,5.6vw,76px); line-height:.97; letter-spacing:-.076em; }.admin-hero h1 span { color:#abb8ff; }.admin-hero .portal-lede { max-width:600px; font-size:15px; line-height:1.65; }.admin-hero-signal { display:inline-flex; align-items:center; gap:8px; margin-top:24px; padding:9px 11px; border:1px solid rgba(166,183,255,.16); border-radius:999px; color:#c6cff9; background:rgba(12,16,42,.42); font:700 10px/1 'DM Mono',monospace; }.admin-hero-signal i { width:6px; height:6px; border-radius:50%; background:#b7c5ff; box-shadow:0 0 15px #91a3ff; }.admin-command-beacon { position:relative; z-index:1; align-self:center; justify-self:end; display:grid; width:236px; height:236px; place-items:center; border:1px solid rgba(193,203,255,.25); border-radius:50%; color:#dbe0ff; background:radial-gradient(circle,rgba(136,130,255,.19),transparent 62%); box-shadow:0 0 0 22px rgba(125,111,255,.04),0 0 70px rgba(106,103,255,.2); }.admin-command-beacon:before,.admin-command-beacon:after { position:absolute; border:1px dashed rgba(186,198,255,.21); border-radius:50%; content:''; }.admin-command-beacon:before { inset:24px; }.admin-command-beacon:after { inset:63px; border-style:solid; }.admin-command-beacon span { font-size:42px; line-height:1; }.admin-command-beacon small { position:absolute; bottom:42px; text-align:center; color:#b6c2f6; font:700 8px/1.35 'DM Mono',monospace; letter-spacing:.14em; }.admin-command-beacon>i { position:absolute; width:8px; height:8px; border-radius:50%; background:#c7d0ff; box-shadow:0 0 18px #96a8ff; }.admin-command-beacon>i:nth-of-type(1) { top:22px; left:65px; }.admin-command-beacon>i:nth-of-type(2) { right:15px; bottom:67px; background:#d4a0ff; box-shadow:0 0 18px #bd83ff; }.admin-hero .inline-error { position:relative; z-index:2; grid-column:1/-1; margin:0; }.admin-hero .admin-metrics { position:relative; z-index:2; grid-column:1/-1; width:min(730px,100%); margin:0; }.admin-hero .admin-metrics article { min-height:92px; border-radius:13px; background:rgba(8,11,31,.48); }.admin-workspace>.admin-panel { position:relative; overflow:hidden; padding:29px; border-radius:18px; }.admin-workspace>.admin-panel:before { position:absolute; top:0; left:0; width:42px; height:1px; background:linear-gradient(90deg,#b1bdff,transparent); content:''; }.admin-workspace>.admin-panel .panel-heading { gap:25px; }.admin-workspace>.admin-panel .panel-heading h2 { font-size:27px; letter-spacing:-.05em; }.admin-health-grid { gap:13px; }.admin-health-grid article { min-height:108px; border-radius:13px; background:linear-gradient(145deg,rgba(11,16,43,.66),rgba(8,10,29,.6)); }.admin-health-grid article:nth-child(2) { background:linear-gradient(145deg,rgba(33,33,82,.64),rgba(8,10,29,.6)); }.admin-records { border-top:1px solid rgba(159,176,255,.1); }.admin-record-button,.admin-records article { position:relative; padding:17px 13px!important; border:1px solid transparent!important; border-bottom-color:rgba(159,176,255,.1)!important; border-radius:10px; }.admin-record-button:hover { border-color:rgba(154,172,255,.18)!important; }.admin-pagination { margin-top:22px; padding-top:15px; border-top:1px solid rgba(159,176,255,.1); }
@media (max-width:760px) { .admin-workspace { padding-top:51px; }.admin-hero { grid-template-columns:1fr; min-height:0; padding:28px 22px; border-radius:17px; }.admin-hero h1 { font-size:44px; }.admin-command-beacon { position:absolute; right:-104px; top:-75px; width:210px; height:210px; opacity:.7; }.admin-hero .portal-lede,.admin-hero-signal,.admin-hero .admin-metrics { position:relative; z-index:2; }.admin-hero .admin-metrics { grid-template-columns:1fr; gap:8px; }.admin-hero .admin-metrics article { min-height:75px; padding:15px; }.admin-workspace>.admin-panel { padding:22px 17px; border-radius:15px; }.admin-workspace>.admin-panel .panel-heading { align-items:flex-start; flex-direction:column; }.admin-workspace>.admin-panel .search-field,.admin-workspace>.admin-panel .select-field { width:100%; }.admin-health-grid { grid-template-columns:1fr; } }
/* Commercial catalogue: values remain API supplied while the selection surface is upgraded. */
.plans-page .portal-wrap { max-width:1220px; padding-top:103px; }.plans-page .portal-wrap>h1 { max-width:790px; margin:11px 0 13px; font-size:clamp(46px,5.8vw,78px); line-height:.97; letter-spacing:-.075em; }.plans-page .portal-lede { max-width:620px; font-size:16px; line-height:1.65; }.plans-page .select-field { display:flex; align-items:center; gap:9px; width:max-content; margin-top:29px; padding:7px 8px 7px 13px; border:1px solid rgba(158,176,255,.17); border-radius:12px; color:#bcc7ed; background:rgba(12,16,43,.58); font-size:11px; font-weight:800; }.plans-page .select-field select { min-width:126px; min-height:35px; border:1px solid rgba(169,184,255,.17); border-radius:8px; color:var(--text); background:rgba(24,31,71,.72); font:700 11px Manrope,system-ui,sans-serif; }.plans-page .pricing-grid { gap:15px; margin-top:34px; }.plans-page .price-card { position:relative; min-height:299px; overflow:hidden; padding:24px; border-radius:17px; }.plans-page .price-card:after { position:absolute; right:-50px; bottom:-68px; width:165px; height:165px; border:1px solid rgba(181,194,255,.13); border-radius:50%; content:''; }.plans-page .price-card h2 { margin:8px 0 7px; font-size:24px; letter-spacing:-.052em; }.plans-page .price-card>b[data-price] { position:relative; z-index:1; display:block; min-height:31px; color:#d7ddff; font-size:22px; }.plans-page .price-card ul { position:relative; z-index:1; display:grid; gap:7px; margin:20px 0; }.plans-page .price-card li { color:#b9c4e9; font-size:12px; }.plans-page .price-card li:before { color:#aab9ff; }.plans-page .price-card .button,.plans-page .price-card .card-note { position:relative; z-index:1; margin-top:auto; }.plans-page .price-card.featured { transform:translateY(-10px); box-shadow:0 30px 62px rgba(44,38,122,.28); }.plans-page .price-card.featured:after { border-color:rgba(208,191,255,.27); box-shadow:0 0 0 30px rgba(164,126,255,.055); }.plans-page .price-card.featured h2 { color:#e1e3ff; }.plans-page .price-card:hover { transform:translateY(-6px); }.plans-page .price-card.featured:hover { transform:translateY(-14px); }
@media (max-width:720px) { .plans-page .portal-wrap { padding:55px 18px 70px; }.plans-page .portal-wrap>h1 { font-size:44px; }.plans-page .portal-lede { font-size:14px; }.plans-page .select-field { margin-top:21px; }.plans-page .pricing-grid { grid-template-columns:1fr; margin-top:25px; }.plans-page .price-card,.plans-page .price-card.featured { min-height:0; transform:none; }.plans-page .price-card:hover,.plans-page .price-card.featured:hover { transform:translateY(-3px); } }
/* Support tickets: all message content is inserted through textContent in portal.js. */
.support-page .portal-wrap { max-width:1180px; padding-top:96px; padding-bottom:84px; }.support-page .portal-wrap>section:first-child>h1 { max-width:600px; margin:12px 0 15px; font-size:clamp(46px,5.7vw,76px); line-height:.98; letter-spacing:-.075em; }.support-page .form-card { align-self:start; padding:31px; border-radius:20px; }.support-page .form-card h2 { margin:7px 0 8px; font-size:28px; letter-spacing:-.05em; }.support-page .form-card>p:not(.eyebrow) { color:var(--muted); font-size:12px; line-height:1.55; }.support-ticket-panel { position:relative; margin-top:29px; overflow:hidden; padding:24px; border:1px solid rgba(164,182,255,.16); border-radius:18px; background:radial-gradient(250px 130px at 100% 0,rgba(112,103,255,.17),transparent 74%),rgba(10,14,35,.56); }.support-ticket-panel:before { position:absolute; top:0; left:0; width:46px; height:1px; background:linear-gradient(90deg,#b2c0ff,transparent); content:''; }.support-ticket-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }.support-ticket-heading h2 { margin:5px 0 0; font-size:22px; letter-spacing:-.045em; }.support-ticket-list { display:grid; gap:8px; margin-top:15px; }.support-ticket-row { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:13px 14px; border:1px solid rgba(157,176,255,.12); border-radius:11px; color:var(--text); background:rgba(7,10,29,.39); text-align:left; transition:border-color .18s ease,transform .18s ease,background .18s ease; }.support-ticket-row:hover,.support-ticket-row:focus-visible { border-color:rgba(164,182,255,.42); outline:0; background:rgba(100,105,255,.1); transform:translateX(3px); }.support-ticket-row span:first-child { display:grid; gap:4px; min-width:0; }.support-ticket-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.support-ticket-row small { color:var(--muted); font-size:10px; }.support-ticket-row>span:last-child { color:#c4ccff; font-size:18px; }.support-ticket-dialog { width:min(700px,calc(100% - 28px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid rgba(163,180,255,.24); border-radius:20px; color:var(--text); background:var(--surface); box-shadow:var(--shadow); }.support-ticket-dialog::backdrop { background:rgba(2,4,16,.74); backdrop-filter:blur(6px); }.support-ticket-dialog .admin-dialog { max-width:none; padding:0; background:transparent; }.support-message-list { display:grid; gap:10px; margin:20px 0; }.support-message { padding:14px; border:1px solid rgba(155,173,255,.14); border-radius:12px; background:rgba(8,11,30,.52); }.support-message.from-staff { border-color:rgba(178,154,255,.3); background:linear-gradient(135deg,rgba(92,80,195,.18),rgba(9,12,34,.72)); }.support-message small { display:block; color:#aebaf0; font-size:10px; font-weight:800; }.support-message p { margin:8px 0 0; white-space:pre-wrap; color:#d8dff8; font-size:13px; line-height:1.55; overflow-wrap:anywhere; }.support-ticket-dialog form { display:grid; gap:9px; padding-top:17px; border-top:1px solid var(--line); }.support-ticket-dialog label { display:grid; gap:8px; color:#cbd4fa; font-size:12px; font-weight:800; }.support-ticket-dialog textarea { min-height:115px; resize:vertical; }
@media (max-width:760px) { .support-page .portal-wrap { padding:55px 18px 68px; }.support-page .portal-wrap>section:first-child>h1 { font-size:44px; }.support-page .form-card { padding:24px 18px; border-radius:16px; }.support-ticket-panel { padding:20px 16px; border-radius:15px; }.support-ticket-heading { align-items:flex-start; flex-direction:column; }.support-ticket-heading .button { width:100%; }.support-ticket-row { padding:12px; } }
.support-ticket-state { margin:14px 0 0; padding:12px 14px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--surface-muted); font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.support-ticket-state.is-error { border-color:rgba(255,124,170,.36); color:var(--text); background:rgba(104,32,62,.2); }
.support-submission-result { display:grid; gap:16px; margin-top:18px; padding:18px; border:1px solid rgba(88,213,255,.3); border-radius:14px; color:var(--text); background:linear-gradient(135deg,rgba(8,124,255,.16),rgba(0,184,255,.06)); }
.support-submission-result[hidden] { display:none; }
.support-submission-result.is-warning { border-color:rgba(244,199,108,.38); background:linear-gradient(135deg,rgba(168,112,24,.17),rgba(24,24,36,.22)); }
.support-submission-result.is-error { border-color:rgba(255,104,126,.42); background:linear-gradient(135deg,rgba(132,32,54,.22),rgba(24,24,36,.22)); }
.support-submission-result.is-error .eyebrow { color:#ffb4c0; }
.support-submission-result .eyebrow { margin:0; color:#9edfff; }
.support-submission-result p:not(.eyebrow) { margin:7px 0 0; color:var(--text); font-size:14px; line-height:1.55; }
.support-reference { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-top:13px; border-top:1px solid var(--line); }
.support-reference span { color:var(--muted); font-size:12px; }
.support-reference code { flex:1 1 130px; color:#c8eeff; font:700 13px/1.4 'DM Mono',monospace; overflow-wrap:anywhere; }
.support-reference .button { flex:0 0 auto; }
@media (max-width:520px) { .support-reference { align-items:stretch; }.support-reference .button { width:100%; } }
.guest-ticket-access { display:grid; gap:16px; margin-top:28px; padding:21px; border:1px solid rgba(88,213,255,.2); border-radius:16px; background:linear-gradient(135deg,rgba(8,124,255,.09),rgba(8,16,38,.46)); }
.guest-ticket-access h3 { margin:5px 0 7px; font-size:20px; letter-spacing:-.04em; }
.guest-ticket-access>div>p:not(.eyebrow) { max-width:52ch; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.guest-ticket-access form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:12px; }
.guest-ticket-access label { display:grid; gap:7px; min-width:0; color:var(--text); font-size:12px; font-weight:700; }
.guest-ticket-access input,.guest-ticket-access textarea { width:100%; min-width:0; padding:12px 13px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-muted); font:inherit; }
.guest-ticket-access input:focus-visible,.guest-ticket-access textarea:focus-visible { outline:2px solid #58d5ff; outline-offset:2px; }
.guest-ticket-detail { display:grid; gap:8px; min-width:0; padding-top:16px; border-top:1px solid var(--line); }
.guest-ticket-detail h4 { margin:4px 0; font-size:18px; overflow-wrap:anywhere; }
.guest-ticket-detail form { grid-template-columns:1fr; align-items:stretch; padding-top:14px; border-top:1px solid var(--line); }
.guest-ticket-detail form button { justify-self:start; }
.guest-ticket-access [hidden] { display:none!important; }
@media(max-width:680px) { .guest-ticket-access { padding:18px 15px; }.guest-ticket-access form { grid-template-columns:1fr; }.guest-ticket-access form button,.guest-ticket-detail form button { width:100%; }.guest-ticket-access label { font-size:13px; } }

.plan-catalog-disclosure { display:flex; align-items:flex-start; gap:13px; width:min(920px,100%); margin:0 0 26px; padding:16px 18px; border:1px solid rgba(88,213,255,.24); border-radius:14px; color:var(--text); background:linear-gradient(120deg,rgba(8,124,255,.12),rgba(16,27,59,.58)); }
.plan-catalog-disclosure>i { flex:0 0 auto; margin-top:2px; color:#58d5ff; font-size:17px; }
.plan-catalog-disclosure p { margin:0; color:#ccd9ee; font-size:13px; line-height:1.6; }
.plan-catalog-disclosure strong { color:#f5f9ff; }
@media(max-width:600px) { .plan-catalog-disclosure { gap:10px; padding:14px; font-size:12px; } }

/* Support conversation dialog: keep long ticket titles and form controls inside the viewport. */
.support-ticket-dialog {
  box-sizing: border-box;
  width: min(700px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.support-ticket-dialog .admin-dialog {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: clamp(16px, 3vw, 26px);
}
.support-ticket-dialog .admin-dialog > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.support-ticket-dialog .admin-dialog > header > div { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.support-ticket-dialog .admin-dialog > header h2 { overflow-wrap: anywhere; }
.support-ticket-dialog form,
.support-ticket-dialog label,
.support-ticket-dialog textarea { box-sizing: border-box; min-width: 0; max-width: 100%; }
.support-ticket-dialog textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px 13px;
  border: 1px solid rgba(151, 169, 255, .2);
  border-radius: 10px;
  color: #eaf1ff;
  background: rgba(4, 7, 22, .82);
  color-scheme: dark;
  font: inherit;
  line-height: 1.6;
}
.support-ticket-dialog textarea:focus-visible {
  outline: 2px solid #58d5ff;
  outline-offset: 2px;
  border-color: rgba(88, 213, 255, .68);
}
@media (max-width: 520px) {
  .support-ticket-dialog {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    border-radius: 14px;
  }
}