/* Lynzz Cloud public presentation. Functional portal controls remain in styles.css. */
:root {
  --ui-bg:#080e1b; --ui-surface:#111c30; --ui-surface-raised:#182642;
  --ui-border:rgba(168,190,230,.14); --ui-text:#eff3ff; --ui-muted:#aab9d2;
  --ui-accent:#94a5ff; --ui-max:1160px;
}
* { box-sizing:border-box; }
body { background:var(--ui-bg); color:var(--ui-text); }
.hidden { display:none!important; }
button,a,summary { touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #b7c4ff; outline-offset:3px; }
#landing.marketing-site { min-width:0; overflow-x:clip; background:var(--ui-bg)!important; color:var(--ui-text); }
#landing .site-header { height:70px!important; background:rgba(8,14,27,.94)!important; border-bottom:1px solid var(--ui-border); backdrop-filter:blur(14px); }
#landing .site-header-inner { width:min(var(--ui-max),calc(100% - 48px)); height:100%; padding:0!important; margin:auto; max-width:none; }
#landing .site-brand-name { font-size:17px!important; letter-spacing:-.035em; }
#landing .site-nav-links a,#landing .site-login-link { color:#c4cee3; font-size:14px; }
#landing .site-nav-links a:hover,#landing .site-login-link:hover { color:#fff; }
#landing .site-cta-small { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:1px solid #a0afff!important; border-radius:10px; color:#0b1732!important; background:#a0afff!important; box-shadow:none!important; font-size:13px!important; font-weight:700; text-decoration:none; }
#landing .site-cta-small:hover { background:#bdc7ff; }
#landing .mobile-nav-primary { display:flex; align-items:center; justify-content:center; background:#94a5ff!important; border-color:#94a5ff!important; box-shadow:none!important; color:#0b1730!important; text-decoration:none; }
#landing .site-menu-toggle span { background:#e6ecff!important; }
#landing-home,#public-catalog-page { overflow:clip; }
.marketing-hero { position:relative; width:min(var(--ui-max),calc(100% - 48px)); margin:auto; min-height:545px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.86fr); align-items:center; gap:clamp(28px,5vw,80px); padding:52px 0 58px; }
.marketing-hero:before { content:""; position:absolute; width:520px; height:400px; top:-160px; right:0; pointer-events:none; background:radial-gradient(ellipse,rgba(82,105,202,.1),transparent 70%); }
.marketing-hero-copy { position:relative; z-index:1; }
.brand-overline { display:flex; align-items:center; gap:10px; margin-bottom:20px; color:#aabaf3; font-size:12px; font-weight:650; letter-spacing:.04em; }
.brand-overline span { width:22px; height:2px; border-radius:2px; background:var(--ui-accent); }
.marketing-hero h1 { margin:0; max-width:610px; color:#f7f8ff; font-size:clamp(45px,5vw,66px); line-height:1.06; letter-spacing:-.055em; font-weight:675; }
.marketing-hero h1 em { font-style:normal; color:#a4b3ff; }
.marketing-hero-copy>p { max-width:490px; margin:23px 0 0; color:#bdc9df; font-size:16px; line-height:1.65; }
.hero-actions { display:flex; gap:11px; align-items:center; flex-wrap:wrap; margin-top:29px; }
.button-market { display:inline-flex; justify-content:center; align-items:center; gap:13px; min-height:46px; padding:0 18px; border-radius:11px; font-size:14px; font-weight:675; text-decoration:none; cursor:pointer; transition:background .2s,border-color .2s,transform .2s; }
.button-market:hover { transform:translateY(-2px); }
.button-market:active { transform:translateY(0); }
.button-market-primary { background:#94a5ff; border:1px solid #94a5ff; color:#0b1730!important; }
.button-market-primary:hover { background:#b3bfff; }
.button-market-secondary { background:#151f33; border:1px solid #425476; color:#ecf1ff; }
.button-market-secondary:hover { background:#202e4b; }
.hero-assurance { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:27px; color:#acbad6; font-size:13px; }
.hero-assurance span { position:relative; padding-left:14px; }
.hero-assurance span:before { content:""; position:absolute; left:0; top:5px; width:6px; height:6px; border-radius:50%; background:#9aaaff; }
.hosting-console { position:relative; min-width:0; border:1px solid rgba(163,183,243,.22); border-radius:17px; background:#111d32; overflow:hidden; box-shadow:0 24px 56px rgba(1,5,16,.3); animation:console-appear .5s both; }
.hosting-console-top { display:flex; align-items:center; gap:12px; min-height:49px; padding:0 20px; border-bottom:1px solid var(--ui-border); color:#d9e3f8; font-size:12px; }
.hosting-console-top>span:last-child { margin-left:auto; color:#9eb0ce; }
.console-dots { display:flex; gap:5px; }
.console-dots i { width:6px; height:6px; border-radius:50%; background:#4c5f83; }
.console-dots i:first-child { background:#879afa; }
.hosting-console-body { padding:18px 24px 20px; }
.console-main { display:flex; align-items:center; justify-content:space-between; padding:5px 0 16px; }
.console-main small { display:block; color:#a8b8d3; font-size:13px; }
.console-main strong { display:block; margin-top:5px; font-size:22px; letter-spacing:-.03em; }
.hero-service-list{border-top:1px solid var(--ui-border)}
.hero-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;width:100%;min-height:70px;padding:12px 0;border:0;border-bottom:1px solid var(--ui-border);background:transparent;color:#eef2ff;text-align:left;cursor:pointer;transition:color .18s,transform .18s}
.hero-service-row:hover{color:#afbcff;transform:translateX(3px)}
.hero-service-row strong{font-size:16px;font-weight:630}
.hero-service-row span{color:#aebdd5;font-size:13px}
.hero-service-row b{color:#a9baff;font-size:19px;font-weight:400}
.hero-service-footer{display:flex;align-items:center;justify-content:space-between;min-height:47px;color:#b8c7ff;font-size:13px;font-weight:650;text-decoration:none}
.hero-service-footer:hover{color:#fff}
.market-section { width:min(var(--ui-max),calc(100% - 48px)); margin:auto; padding:57px 0; border-top:1px solid rgba(160,184,236,.11); }
.marketing-site .reveal{opacity:1;transform:translateY(12px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.marketing-site .reveal.is-visible{transform:none}
.market-section-head { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:27px; }
.market-section-head>p { max-width:330px; margin:0 0 3px; color:var(--ui-muted); font-size:14px; line-height:1.6; }
.section-index { display:block; margin-bottom:13px; color:#96a8d4; font-size:11px; font-weight:700; letter-spacing:.095em; }
.market-section h2 { margin:0; color:#f1f4ff; font-size:clamp(27px,3vw,39px); font-weight:660; letter-spacing:-.04em; line-height:1.17; }
.market-section p { color:var(--ui-muted); }
.market-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; border:0; background:none; padding:0; color:#bdc8ff; font-size:14px; font-weight:650; text-decoration:none; cursor:pointer; }
.market-link:hover { color:#fff; }
.process-track { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.process-track:before { content:""; position:absolute; left:20px; right:20px; top:20px; height:1px; background:#36466c; }
.process-track li { position:relative; min-width:0; padding:0 12px 0 0; }
.process-track li>span { display:grid; place-items:center; width:40px; height:40px; margin-bottom:17px; border:1px solid #5368a1; border-radius:50%; background:#172440; color:#b9c6ff; font-size:12px; font-weight:700; }
.process-track h3 { margin:0 0 6px; font-size:17px; }
.process-track p { max-width:285px; margin:0; font-size:14px; line-height:1.5; }
.market-pricing .catalog-categories,.public-catalog-page .catalog-categories { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; padding:0; }
.market-pricing .category-button,.public-catalog-page .category-button { min-height:42px; padding:0 15px; background:#141f35; border:1px solid var(--ui-border); border-radius:10px; color:#becbe2; font-size:13px; cursor:pointer; }
.market-pricing .category-button.active,.public-catalog-page .category-button.active { color:#f8f9ff; background:#28395f; border-color:#7689de; }
#landing .market-pricing .pricing-grid,#landing .public-catalog-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:13px!important; padding:0!important; overflow:visible!important; }
#landing .public-catalog-list { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
#landing .pricing-card { display:flex!important; flex-direction:column; width:auto!important; max-width:none!important; min-width:0!important; min-height:0!important; flex:none!important; padding:20px!important; background:#121f34!important; border:1px solid var(--ui-border)!important; border-radius:14px!important; box-shadow:none!important; transform:none!important; }
#landing .pricing-card:hover { border-color:#8c9ef5!important; background:#182743!important; }
#landing .pricing-card.featured { box-shadow:none!important; }
#landing .pricing-card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }
#landing .pricing-card-title h3 { margin:0; color:#f3f5ff; font-size:19px; line-height:1.25; letter-spacing:-.025em; }
#landing .pricing-price { display:flex; flex-direction:column; align-items:end; gap:1px; margin:0; flex:none; }
#landing .pricing-price strong { color:#f4f6ff; font-size:19px!important; line-height:1.15; white-space:nowrap; }
#landing .pricing-price span { color:#aebfda; font-size:12px; white-space:nowrap; }
#landing .pricing-description { margin:10px 0 0; color:#b4c3da; font-size:14px; line-height:1.45; min-height:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#landing .pricing-specs { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 0; }
#landing .pricing-specs span { padding:6px 9px; border-radius:7px; background:#22324e; color:#dce5f7; font-size:12px; }
#landing .pricing-benefit { margin:10px 0 0; color:#a7dabb; font-size:13px; line-height:1.4; }
#landing .pricing-cta { width:100%; min-height:44px; margin-top:auto; padding:0 13px; background:#293e69; border:1px solid #496193; border-radius:9px; color:#f1f5ff; font-size:13px; font-weight:650; cursor:pointer; }
#landing .pricing-card .pricing-cta { margin-top:16px; }
#landing .pricing-cta:hover { background:#364e80; }
.pricing-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.pricing-footer p { margin:0; font-size:12px; }
.community-channels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.community-channels a { position:relative; min-width:0; min-height:95px; padding:16px; border:1px solid var(--ui-border); border-radius:12px; color:#f2f5ff; background:#101b2d; text-decoration:none; transition:border-color .2s,transform .2s; }
.community-channels a:hover { border-color:#8092eb; transform:translateY(-2px); }
.community-channels span,.community-channels b { display:block; }
.community-channels span { font-size:15px; font-weight:650; }
.community-channels b { margin-top:8px; color:#a8b8d3; font-size:12px; font-weight:500; }
.community-channels i { position:absolute; top:14px; right:14px; color:#a4b5e8; font-size:18px; font-style:normal; }
.market-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:65px; }
.market-faq>div:first-child p { margin:13px 0 0; font-size:14px; }
.market-faq-list { border-top:1px solid var(--ui-border); }
.market-faq-list details { border-bottom:1px solid var(--ui-border); }
.market-faq-list summary { display:block; min-height:53px; padding:16px 27px 16px 0; color:#ebeffb; font-size:14px; cursor:pointer; list-style:none; position:relative; }
.market-faq-list summary:after { content:"+"; position:absolute; right:1px; top:13px; color:#aabbff; font-size:20px; }
.market-faq-list details[open] summary:after { content:"−"; }
.market-faq-list details p { margin:0 20px 17px 0; font-size:13px; line-height:1.55; }
.market-final { width:min(var(--ui-max),calc(100% - 48px)); display:flex; align-items:center; justify-content:space-between; gap:25px; margin:10px auto 62px; padding:30px 34px; border:1px solid #34466f; border-radius:15px; background:#172440; }
.market-final strong { font-size:22px; letter-spacing:-.03em; }
.market-final p { margin:5px 0 0; color:#b3c2db; font-size:13px; }
#landing .market-footer.site-footer { background:#0b1322!important; border-top:1px solid var(--ui-border); }
.market-footer-main { width:min(var(--ui-max),calc(100% - 48px)); margin:auto; padding:43px 0 34px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:50px; }
.market-footer-brand p { max-width:260px; margin:12px 0 0; color:#a8b8d1; font-size:13px; line-height:1.55; }
.market-footer .footer-logo { gap:10px; font-size:16px; text-transform:none; }
.market-footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.market-footer-links>div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.market-footer-links strong { margin-bottom:5px; color:#eef2ff; font-size:13px; }
.market-footer-links a,.market-footer-links button { padding:0; border:0; background:none; color:#adbed9; font-size:13px; text-align:left; text-decoration:none; cursor:pointer; }
.market-footer-links a:hover,.market-footer-links button:hover { color:white; }
.market-footer-bottom { width:min(var(--ui-max),calc(100% - 48px)); display:flex; justify-content:space-between; gap:10px 20px; flex-wrap:wrap; margin:auto; padding:17px 0 22px; border-top:1px solid var(--ui-border); color:#93a8c8; font-size:12px; }
.public-catalog-page { width:min(var(--ui-max),calc(100% - 48px)); min-height:65vh; margin:auto; padding:35px 0 70px; }
.public-catalog-head { max-width:640px; }
.public-catalog-head .market-link { margin-bottom:24px; }
.public-catalog-head h1 { margin:0; font-size:clamp(35px,4vw,54px); letter-spacing:-.05em; }
.public-catalog-head p { margin:13px 0 0; color:#b4c3dc; font-size:15px; line-height:1.55; }
.public-catalog-toolbar { margin:27px 0 25px; padding:17px 0 0; border-top:1px solid var(--ui-border); }
.public-catalog-toolbar>span { display:block; margin-bottom:13px; color:#b8c7df; font-size:13px; }
.public-catalog-caption { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:18px; }
.public-catalog-caption h2 { margin:0; font-size:25px; letter-spacing:-.03em; }
.public-catalog-caption p { margin:5px 0 0; color:#aebdd6; font-size:13px; }
.public-catalog-caption>span { color:#a7b8d4; font-size:13px; white-space:nowrap; }
.catalog-tools{display:flex;gap:12px;align-items:end;margin:0 0 16px}
.catalog-tools label{display:grid;gap:7px;color:#afbfda;font-size:13px}
.catalog-search{flex:1;max-width:420px}
.catalog-sort{width:195px}
.catalog-tools input,.catalog-tools select{width:100%;height:44px;padding:0 13px;border:1px solid #334564;border-radius:10px;background:#121e31;color:#edf2ff;font:inherit;outline:none}
.catalog-tools input:focus,.catalog-tools select:focus{border-color:#94a6f8}
#landing .public-catalog-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
#landing .public-catalog-list .pricing-card{display:flex!important;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-height:242px;padding:18px!important;border-radius:13px!important}
#landing .public-catalog-list .pricing-card-top{display:block;min-width:0}
#landing .public-catalog-list .pricing-card-title h3{font-size:17px}
#landing .public-catalog-list .pricing-description{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
#landing .public-catalog-list .pricing-specs{margin:3px 0 0}
#landing .public-catalog-list .pricing-benefit{display:none}
#landing .public-catalog-list .pricing-price{align-items:start;margin-top:4px}
#landing .public-catalog-list .pricing-price strong{font-size:16px!important}
#landing .public-catalog-list .pricing-cta{margin:auto 0 0;min-height:44px}
.public-catalog-next { display:flex; justify-content:space-between; gap:15px; margin-top:28px; padding-top:20px; border-top:1px solid var(--ui-border); color:#aebdd4; font-size:13px; }
.public-catalog-next strong { color:#e7edfa; font-weight:550; }
/* Google's fallback button is rendered as DOM when its iframe cannot paint. */
#google-signin-button [role="button"]{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%!important;padding:0 16px;border:1px solid #56698c;border-radius:10px;background:#17243b;color:#f1f4ff;cursor:pointer}
#google-signin-button [role="button"]>div:nth-child(2){display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;font-size:14px;font-weight:600}
#google-signin-button [role="button"] svg{display:block;width:19px;height:19px}
#google-signin-button [role="button"] .L6cTce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#google-signin-button [role="button"]:hover{background:#203253;border-color:#8295d0}
@keyframes console-appear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(max-width:950px){#landing .public-catalog-list .pricing-card{grid-template-columns:minmax(0,1fr) 165px}#landing .public-catalog-list .pricing-specs{grid-column:1;grid-row:3}#landing .public-catalog-list .pricing-cta{grid-column:2;grid-row:1/4}}
@media (max-width:960px) {
  .marketing-hero { min-height:0; grid-template-columns:1fr; gap:34px; padding:60px 0 70px; }
  .marketing-hero h1 { max-width:720px; }
  .hosting-console { max-width:680px; transform:none; }
  .community-channels { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  #landing .site-header { height:62px!important; }
  #landing .site-header-inner { width:calc(100% - 32px); }
  #landing .site-brand-name { font-size:14px!important; }
  #landing .site-menu-toggle { display:block!important; width:40px!important; height:40px!important; }
  #landing .site-cta-small { min-height:38px; padding:0 12px; font-size:12px; }
  #landing .site-nav { background:#111b2d; }
  .marketing-hero,.market-section,.market-final,.market-footer-main,.market-footer-bottom,.public-catalog-page { width:calc(100% - 36px); }
  .marketing-hero { gap:28px; padding:42px 0 48px; }
  .brand-overline { margin-bottom:17px; }
  .marketing-hero h1 { font-size:clamp(37px,10vw,48px); letter-spacing:-.055em; }
  .marketing-hero-copy>p { margin-top:16px; font-size:14px; line-height:1.55; }
  .hero-actions { gap:8px; margin-top:22px; }
  .button-market { min-height:44px; padding:0 13px; font-size:13px; }
  .hero-assurance { gap:8px 13px; margin-top:22px; line-height:1.3; }
  .hosting-console-body { padding:17px; }
  .hosting-console-top { padding:0 15px; min-height:43px; }
  .console-main { padding:17px 0; }
  .console-main strong { font-size:20px; }
  .market-section { padding:43px 0; }
  .market-section-head { display:block; margin-bottom:18px; }
  .market-section-head>p { margin:10px 0 0; font-size:13px; }
  .market-section h2 { font-size:29px; }
  .process-track { display:block; }
  .process-track:before { left:19px; right:auto; top:19px; bottom:20px; width:1px; height:auto; }
  .process-track li { display:grid; grid-template-columns:40px 1fr; gap:13px; padding:0 0 22px; }
  .process-track li:last-child { padding-bottom:0; }
  .process-track li>span { margin:0; }
  .process-track h3 { font-size:15px; }
  .process-track p { font-size:13px; }
  .market-pricing .catalog-categories,.public-catalog-page .catalog-categories { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .market-pricing .category-button,.public-catalog-page .category-button { flex:none; }
  #landing .market-pricing .pricing-grid,#landing .public-catalog-list { grid-template-columns:1fr!important; gap:10px!important; }
  #landing .pricing-card { padding:16px!important; }
  #landing .pricing-card-title h3 { font-size:17px; }
  #landing .pricing-price strong { font-size:17px!important; }
  .pricing-footer { align-items:start; }
  .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:8px}
  .catalog-search,.catalog-sort{width:auto;max-width:none}
  #landing .public-catalog-list .pricing-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px!important}
  #landing .public-catalog-list .pricing-card-top{display:contents}
  #landing .public-catalog-list .pricing-card-title{grid-column:1;grid-row:1}
  #landing .public-catalog-list .pricing-price{grid-column:2;grid-row:1;align-items:end;margin:0}
  #landing .public-catalog-list .pricing-description{grid-column:1/-1;grid-row:2}
  #landing .public-catalog-list .pricing-specs{grid-column:1/-1;grid-row:3}
  #landing .public-catalog-list .pricing-cta{grid-column:1/-1;grid-row:4;margin:3px 0 0}
  .market-faq { grid-template-columns:1fr; gap:20px; }
  .market-faq>div:first-child p { margin-top:9px; }
  .market-final { padding:21px; margin-bottom:48px; }
  .market-final strong { font-size:20px; }
  .market-footer-main { grid-template-columns:1fr; gap:25px; padding:34px 0 25px; }
  .market-footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .market-footer-links>div:last-child { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; gap:8px 15px; }
  .market-footer-links>div:last-child strong { flex-basis:100%; margin:0; }
  .public-catalog-page { padding:29px 0 60px; }
  .public-catalog-head h1 { font-size:36px; }
  .public-catalog-toolbar { margin-top:28px; }
  .public-catalog-next { display:block; }
  .public-catalog-next strong { display:block; margin-top:5px; }
}
@media (max-width:420px) {
  .marketing-hero h1 { font-size:39px; }
  .hero-actions { align-items:stretch; }
  .hero-actions .button-market { min-width:0; }
  .community-channels { gap:8px; }
  .community-channels a { min-height:84px; padding:12px; }
  .community-channels span { font-size:13px; }
  .market-final { align-items:start; flex-direction:column; gap:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .hosting-console { animation:none; transform:none; }
  .button-market,.community-channels a { transition:none; }
  .reveal { opacity:1; transform:none; transition:none; }
}


/* Portal workspace */
#dashboard.app-shell{background:#080e1b!important;color:var(--ui-text)}
#dashboard .sidebar{width:258px!important;background:#0d1627!important;border-right:1px solid var(--ui-border);box-shadow:none}
#dashboard .sidebar-head{height:76px;padding:0 22px}
#dashboard .sidebar-brand-copy{font-size:16px!important;font-weight:700;letter-spacing:-.035em}
#dashboard .sidebar-brand-copy b{color:#aabaf4;font-weight:500}
#dashboard .sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:4px 13px 18px}
#dashboard .nav-section-label{margin:19px 11px 6px;color:#8194b4!important;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
#dashboard .nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:45px;padding:0 11px;border:1px solid transparent!important;border-radius:9px;background:none;color:#b8c6df!important;font-size:14px;text-align:left}
#dashboard .nav-item:hover{color:#fff;background:#16243b}
#dashboard .nav-item.active{color:#fff!important;background:#203356!important;border-color:#3b5282!important;box-shadow:none!important}
#dashboard .nav-item.active:before{display:none}
#dashboard .nav-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;color:#a6b7e7;font-size:20px;line-height:1}
#dashboard .sidebar-foot{border-top:1px solid var(--ui-border);padding:14px}
#dashboard .sidebar-profile-copy{min-width:0}
#dashboard .sidebar-profile-copy strong,#dashboard .sidebar-profile-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .app-frame{min-width:0;margin-left:258px;background:#080e1b!important}
#dashboard .topbar{height:66px;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid var(--ui-border);background:rgba(10,17,31,.96)}
#dashboard .breadcrumb,#dashboard .breadcrumb strong{color:#dce6fb;font-size:13px}
#dashboard .topbar .icon-button{min-width:44px;min-height:44px}
#dashboard .app-content{width:100%;max-width:1290px;margin:auto;padding:36px clamp(21px,3vw,46px) 80px;background:transparent!important}
#dashboard .view-panel{min-width:0}
#dashboard .view-panel.active{animation:workspace-enter .25s ease-out both}
#dashboard .page-heading,#dashboard .portal-heading{margin-bottom:23px;min-width:0}
#dashboard .page-heading h1,#dashboard .portal-heading h1{color:#f0f4ff;font-size:clamp(26px,2.7vw,32px)!important;line-height:1.2;letter-spacing:-.035em;font-weight:660;overflow-wrap:normal;word-break:normal}
#dashboard .page-description{color:#aebdd6;font-size:14px;line-height:1.5}
#dashboard .button{min-height:44px;border-radius:10px;font-size:13px;box-shadow:none;transition:background .2s,transform .2s}
#dashboard .button:hover{transform:translateY(-1px)}
#dashboard .button-primary{background:#91a2fa;color:#0a1731}
#dashboard .button-secondary{background:#1d2d4a;border-color:#40577f;color:#edf1ff}
.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.workspace-heading h1,.shop-heading h1{margin:0;color:#f3f5ff;font-size:clamp(30px,3vw,38px);line-height:1.13;letter-spacing:-.044em;font-weight:675}
.workspace-heading p,.shop-heading p{margin:8px 0 0;color:#acbdd8;font-size:14px}
.workspace-heading>.button{flex:none}
.workspace-overview{max-width:1100px}
.account-summary{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:20px;align-items:stretch}
.workspace-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 14px;min-height:168px;padding:22px 24px;background:#172743;border:1px solid #33466f;border-radius:16px}
.workspace-balance>span{grid-column:1/-1;color:#b7c7e1;font-size:13px}
.workspace-balance>strong{grid-column:1;color:#f5f7ff;font-size:clamp(33px,3.4vw,43px);line-height:1.1;letter-spacing:-.05em;font-weight:650;overflow-wrap:anywhere}
.workspace-balance>p{grid-column:1;margin:4px 0 0;color:#adbed8;font-size:12px;line-height:1.4}
.workspace-balance>.button{grid-column:2;grid-row:2/4;align-self:center;white-space:nowrap}
.workspace-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:16px 10px;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
.workspace-kpis>div{min-width:0;padding:13px 16px}
.workspace-kpis>div+div{border-left:1px solid var(--ui-border)}
.workspace-kpis span{display:block;min-height:32px;color:#adbed7;font-size:13px;line-height:1.25}
.workspace-kpis strong{display:block;margin-top:8px;color:#f2f5ff;font-size:30px;line-height:1;font-weight:650}
.workspace-services,.workspace-feed{margin-top:34px}
.workspace-section-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:12px}
.workspace-section-heading h2{margin:0;color:#f0f3ff;font-size:21px;letter-spacing:-.025em;font-weight:650}
.workspace-section-heading button{min-height:42px;padding:0 2px;border:0;background:none;color:#afbefa;font-size:13px;cursor:pointer;white-space:nowrap}
.workspace-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#dashboard .resource-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:72px;padding:13px 16px;background:#121f34;border:1px solid var(--ui-border);border-radius:12px;text-align:left;cursor:pointer}
#dashboard .resource-preview-row:hover{border-color:#7186d9}
.resource-preview-name{min-width:0}
.resource-preview-name strong,.resource-preview-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-preview-name strong{color:#f1f4ff;font-size:15px}
.resource-preview-name small{margin-top:4px;color:#a8b8d3;font-size:12px}
.workspace-service-empty{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;grid-column:1/-1;min-height:118px;padding:21px;border:1px dashed #405273;border-radius:13px;color:#e7edfb}
.workspace-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#1e3152;color:#afbeff;font-size:23px}
.workspace-service-empty strong{font-size:16px}
.workspace-service-empty p{flex:1 1 100%;margin:0;color:#adbed7;font-size:13px}
.workspace-service-empty .button{margin-left:auto}
.workspace-feed{max-width:800px}
.workspace-feed .activity-row{min-height:66px;padding:12px 0;border:0;border-bottom:1px solid var(--ui-border);background:none}
.workspace-telegram{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:27px;padding:15px 18px;background:#141f34;border:1px solid var(--ui-border);border-radius:12px}
.workspace-telegram h2{margin:0;font-size:16px}
.workspace-telegram p{margin:4px 0 0;color:var(--ui-muted);font-size:13px}
#overview-link-action{display:none!important}
.shop-heading{margin-bottom:25px}.shop-heading p{max-width:550px}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,350px);gap:22px;align-items:start}
.shop-browser,.order-panel{min-width:0}
.shop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.shop-section-heading>div{display:flex;align-items:center;gap:11px}
.shop-section-heading span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#253858;color:#b7c4ff;font-size:12px;font-weight:700}
.shop-section-heading h2{margin:0;color:#f0f3ff;font-size:20px;font-weight:650}
.shop-section-heading>b{color:#afbed8;font-size:12px;font-weight:500}
.package-heading{margin-top:31px;padding-top:22px;border-top:1px solid var(--ui-border)}
.package-list-heading{margin-top:18px;padding-top:0;border-top:0}
.shop-browser>.catalog-categories{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.shop-browser .category-button{flex:none;min-height:44px;padding:0 15px;background:#17243b;border:1px solid var(--ui-border);border-radius:10px;color:#c0cee7;font-size:13px;cursor:pointer}
.shop-browser .category-button.active{color:#f5f6ff;background:#283b64;border-color:#8499ef}
#dashboard .shop-browser .catalog-grid{display:flex!important;gap:12px!important;padding:4px 2px 14px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6477ad transparent}
#dashboard .package-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 20px;min-width:0;min-height:104px;padding:15px 18px;background:#121f34;border:1px solid var(--ui-border);border-radius:11px;transition:border-color .2s,background .2s,transform .2s}
#dashboard .package-choice:hover{border-color:#7389d5;transform:translateY(-2px)}
#dashboard .package-choice.selected{background:#1a2a49;border-color:#93a7ff;box-shadow:0 0 0 1px rgba(147,167,255,.24),0 14px 30px rgba(42,72,154,.19)}
.package-choice-head{display:flex;justify-content:space-between;align-items:start;gap:10px;grid-column:1;grid-row:1}
.package-choice-title{min-width:0}
.package-choice-title strong{color:#f0f3ff;font-size:18px;line-height:1.25}
.package-choice-price{text-align:right;flex:none}
.package-choice-price strong{display:block;color:#f4f6ff;font-size:18px;white-space:nowrap}
.package-choice-price small{display:block;margin-top:2px;color:#acbdd7;font-size:12px}
.package-choice-description{grid-column:1;grid-row:2;margin:0;color:#adbed7;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.package-choice-specs{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 0}
.package-choice-specs span{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border-radius:7px;background:#233450;color:#dce5f5;font-size:12px}
#dashboard .package-choice-button{grid-column:2;grid-row:1/4;width:112px;min-height:44px;margin:0;padding:0 10px;background:#23385c;border:1px solid #48608b;border-radius:9px;color:#eff3ff;font-size:13px}
#dashboard .package-choice.selected .package-choice-button{background:#91a3fb;border-color:#91a3fb;color:#0a1730}
#dashboard .package-choice-description+.package-choice-button,#dashboard .package-choice-specs+.package-choice-button{margin-top:0}
#dashboard .order-panel{position:sticky;top:87px;padding:20px;background:#192844;border:1px solid #3b4f79;border-radius:15px;box-shadow:0 18px 40px rgba(0,0,0,.16)}
#dashboard .order-panel:not(.has-selection) #checkout-form{display:none}
#dashboard .order-panel.has-selection #checkout-empty{display:none}
#dashboard .order-panel .checkout-empty{padding:5px 0;color:#aebed7}
#dashboard .order-panel .checkout-empty strong{color:#f0f3ff;font-size:15px}
#dashboard .order-panel .checkout-empty p{margin:7px 0 0;font-size:13px;line-height:1.55}
#dashboard .order-panel .checkout-form{padding:0!important;gap:11px}
#dashboard .order-panel .checkout-catalog-field{display:none}
#dashboard .order-panel .advanced-toggle{min-height:44px;font-size:13px}
#dashboard .order-panel .checkout-summary{margin:9px 0 14px;padding:15px;background:#101b2f;border:1px solid var(--ui-border);border-radius:10px}
#dashboard .order-panel .checkout-summary>div{font-size:13px}
#dashboard .order-panel .checkout-summary strong{color:#f1f4ff}
@keyframes workspace-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.account-summary{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}#dashboard .order-panel{position:static}}
@media(max-width:860px){#dashboard .sidebar{width:min(84vw,320px)!important;transform:translateX(-100%);transition:transform .22s ease}#dashboard .sidebar.open{transform:translateX(0)}#dashboard .app-frame{margin-left:0}}
@media(max-width:620px){
 #dashboard .topbar{height:58px;padding:0 16px}
 #dashboard .breadcrumb>span,#dashboard .breadcrumb-separator,#dashboard #refresh-top{display:none!important}
 #dashboard .breadcrumb strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
 #dashboard .app-content{padding:23px 17px 75px!important}
 .workspace-heading{align-items:start;gap:14px;margin-bottom:20px}
 .workspace-heading h1,.shop-heading h1{font-size:27px}
 .workspace-heading p{font-size:13px}
 .workspace-heading>.button{margin-top:21px;min-width:99px;padding:0 10px;white-space:nowrap}
 .workspace-balance{min-height:131px;padding:17px}
 .workspace-balance>strong{font-size:34px}
 .workspace-balance>.button{padding:0 11px}
 .workspace-kpis{padding:4px 0;margin-top:16px}
 .workspace-kpis>div{padding:10px 8px}
 .workspace-kpis>div:first-child{padding-left:0}
 .workspace-kpis span{min-height:30px;font-size:12px}
 .workspace-kpis strong{font-size:23px}
 .workspace-services,.workspace-feed{margin-top:26px}
 .workspace-section-heading h2{font-size:19px}
 .workspace-section-heading button{font-size:12px}
 .workspace-service-list{grid-template-columns:1fr;gap:8px}
 .workspace-service-empty{gap:8px;padding:16px}
 .workspace-service-empty p{flex:1 1 calc(100% - 55px)}
 .workspace-telegram{align-items:start;flex-direction:column}
 .shop-heading{margin-bottom:16px}
 .shop-heading p{font-size:13px;line-height:1.5}
 .shop-browser>.catalog-categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #dashboard .shop-browser .catalog-grid{scroll-padding-inline:2px}
 #dashboard .package-choice{min-height:112px;padding:14px;gap:5px 11px}
 #dashboard .package-choice-button{grid-column:1/-1;grid-row:4;width:100%;margin-top:7px}
 .package-choice-title strong,.package-choice-price strong{font-size:17px}
 .package-choice-specs{margin-top:12px}
 #dashboard .order-panel{padding:17px;margin-top:6px}
}
@media(max-width:390px){.workspace-heading{flex-wrap:wrap}.workspace-heading>.button{margin-top:0}.workspace-balance>strong{font-size:30px}.workspace-balance>.button{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:7px}#dashboard .package-choice-button{grid-column:1/-1;grid-row:4;width:100%;margin-top:5px}}
@media(prefers-reduced-motion:reduce){#dashboard .view-panel.active{animation:none}#dashboard .sidebar,#dashboard .button,#dashboard .package-choice{transition:none}}


/* Main app pages use selective grouped surfaces. */
#dashboard .wallet-overview { margin-bottom: 25px; }.wallet-balance-card { min-height: 0; padding: 25px; background: #172642; border: 1px solid rgba(153,176,239,.2); border-radius: 18px; box-shadow: none; }.wallet-balance-glow { display: none; }.wallet-balance-value { margin: 12px 0; color: #f4f6ff; font-size: clamp(34px,4vw,48px); letter-spacing: -.04em; }.wallet-balance-actions { margin-top: 16px; }.wallet-topup-open { display: inline-flex; width: auto; min-height: 44px; padding: 0 14px; background: #8296f6; border: 0; border-radius: 10px; }.wallet-topup-open strong { color: #0b1731; font-size: 13px; }#dashboard .wallet-topup-open small,.wallet-topup-arrow { display: none; }.wallet-updated { margin: 9px 0 0; color: var(--ui-muted); font-size: 12px; }
#dashboard .activity-center-section,#dashboard .wallet-history-section,#dashboard .service-surface,#dashboard .transaction-surface { background: var(--ui-surface)!important; border: 1px solid var(--ui-border)!important; border-radius: 16px!important; box-shadow: none!important; overflow: hidden; }.activity-center-head,.wallet-history-head { padding: 18px 18px 0; }.activity-center-head h2,.wallet-history-head h2 { font-size: 18px; }.activity-center-tabs,.wallet-filter-tabs,.content-tabs { display: flex; overflow-x: auto; scrollbar-width: none; gap: 4px; padding: 0 14px; border-bottom: 1px solid var(--ui-border); }.activity-center-tabs button,.wallet-filter-tabs button,.content-tab { flex: none; min-height: 44px; padding: 0 10px; color: var(--ui-muted); background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-size: 13px; }.activity-center-tabs button.active,.wallet-filter-tabs button.active,.content-tab.active { color: #f4f6ff; border-bottom-color: #91a1f9; }.activity-center-row,.wallet-history-row,.transaction-row,.list-row { min-width: 0; padding: 13px 18px; background: none; border: 0; border-bottom: 1px solid var(--ui-border); border-radius: 0; }.activity-center-summary { display: flex; gap: 0; margin: 0 0 18px; padding: 0; }.activity-center-summary article { flex: 1; min-width: 0; padding: 10px 15px; border: 0; border-right: 1px solid var(--ui-border); background: none; }.activity-center-summary article:first-child { padding-left: 0; }.activity-center-summary article:last-child { border-right: 0; }.activity-center-summary strong { font-size: 22px; }.activity-center-summary small { font-size: 12px; }
#dashboard .settings-shell { width: min(900px,100%); background: transparent!important; border: 0!important; border-radius: 0!important; box-shadow: none!important; overflow: visible!important; }.settings-profile-header { padding: 0 0 19px; background: none; border: 0; }.settings-group { margin: 0 0 13px; padding: 17px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.settings-group-title { display: block; padding: 0 0 8px; }.settings-group-title h2 { font-size: 18px; }.settings-table,.integration-row,.security-list { margin: 0; background: transparent; border: 0; box-shadow: none; }.settings-table-row,.security-list>div { min-height: 50px; padding: 11px 0; border: 0; border-bottom: 1px solid var(--ui-border); }.settings-table-row:last-child,.security-list>div:last-child { border-bottom: 0; }.integration-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; }.settings-actions-row { padding: 15px 0 0; display: flex; gap: 10px; flex-wrap: wrap; }
#dashboard .settings-group { margin: 0 0 13px!important; padding: 17px!important; background: var(--ui-surface)!important; border: 1px solid var(--ui-border)!important; border-radius: 16px!important; box-shadow: none!important; }
#dashboard .settings-group-title { padding: 0 0 8px!important; }.settings-group-title h2 { font-size: 18px!important; }
#dashboard .settings-table,#dashboard .integration-row,#dashboard .security-list { margin: 0!important; background: transparent!important; border: 0!important; border-radius: 0!important; box-shadow: none!important; }
#dashboard .integration-row { padding: 10px 0!important; }
#dashboard .settings-actions-row { padding: 15px 0 0!important; }
#dashboard .guide-hero { padding: 20px!important; background: var(--ui-surface)!important; border: 1px solid var(--ui-border); border-radius: 16px; }.guide-steps { border: 0; background: none; }.guide-step { min-height: 61px; padding: 10px 0; border-bottom: 1px solid var(--ui-border); }.guide-grid { display: none; }.guide-faq { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.guide-optional-link { margin: 13px 0 0; }
#dashboard [data-view-panel="help"] { display: flex; flex-direction: column; }.view-panel[data-view-panel="help"]:not(.active) { display: none!important; }.support-grid { order: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 0; }.support-card { min-height: 69px; padding: 13px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }.support-status { order: 2; margin-top: 17px; padding: 15px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }.help-actions { order: 3; margin-top: 17px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 13px; }
#dashboard .admin-portal-heading { display: block; width: 100%; min-width: 0; }.admin-portal-heading h1 { width: 100%; white-space: normal; overflow-wrap: normal; word-break: keep-all; }.admin-heading-actions { display: flex; gap: 10px; align-items: center; }.admin-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 4px 10px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.admin-summary-grid>div { min-width: 0; padding: 15px; border: 0; }.admin-summary-grid strong { display: block; font-size: 23px; overflow-wrap: anywhere; word-break: normal; }.admin-summary-grid small { font-size: 12px; }.admin-browser { padding: 16px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 16px; }.admin-tabs { max-width: 100%; overflow-x: auto; }.admin-tab { min-height: 44px; }.admin-filter-form { min-width: 0; }.admin-data-row { min-width: 0; padding: 14px 0; background: transparent; border-bottom: 1px solid var(--ui-border); border-radius: 0; }.admin-data-metrics .admin-amount { color: #f1f4ff; font-size: 14px; }
#dashboard .admin-browser { padding: 16px!important; }

/* Activity, billing, support and owner are task surfaces within the portal. */
#dashboard .activity-totals{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin:0 0 20px;padding:0;color:#aebdd6;font-size:13px}
#dashboard .activity-totals span{display:inline-flex;gap:5px;align-items:baseline}
#dashboard .activity-totals strong{color:#eef2ff;font-size:16px}
#dashboard .activity-center-head,#dashboard .wallet-history-head{padding:19px 20px 3px}
#dashboard .activity-center-head h2,#dashboard .wallet-history-head h2{font-size:19px}
#dashboard .activity-center-head p,#dashboard .wallet-history-head p{font-size:13px}
#dashboard .wallet-onboarding-note{min-width:0;padding:13px 16px;background:#111e31;border:1px solid var(--ui-border);border-radius:11px}
#dashboard .wallet-onboarding-note strong{font-size:13px}
#dashboard .wallet-onboarding-note span{font-size:12px}
#dashboard .billing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:14px}
#dashboard .billing-toolbar .content-tabs{border:0;padding:0}
#dashboard .billing-toolbar .status-filters{display:flex;gap:5px;overflow-x:auto}
#dashboard .billing-toolbar .status-filter{min-height:44px;padding:0 10px;border-radius:8px;font-size:12px}
#dashboard .transaction-surface,#dashboard .service-surface{min-width:0}
#dashboard .service-surface .data-list,#dashboard .transaction-surface .data-list{min-width:0}
#dashboard .guide-hero{padding:25px!important}
#dashboard .guide-hero-copy h2{font-size:21px}
#dashboard .guide-hero-copy p{font-size:14px}
#dashboard .guide-steps{margin-top:19px}
#dashboard .guide-step{min-height:66px;padding:11px 0}
#dashboard .guide-step strong{font-size:14px}
#dashboard .guide-step small{font-size:12px}
#dashboard .guide-faq{padding:21px}
#dashboard .guide-faq h2{font-size:19px}
#dashboard .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#dashboard .support-card{min-width:0;min-height:83px;padding:15px;background:#121f34}
#dashboard .support-card strong{font-size:14px}
#dashboard .support-card small{font-size:12px}
#dashboard .support-status,#dashboard .help-actions{padding:17px}
#dashboard .support-status{order:2;margin-top:16px}
#dashboard .help-actions{order:3;margin-top:16px}
#dashboard .owner-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}
#dashboard .owner-header .portal-heading{margin:0}
#dashboard .owner-header h1{white-space:normal;word-break:normal;overflow-wrap:normal}
#dashboard .admin-heading-actions{display:flex;align-items:center;gap:9px;flex:none}
#dashboard .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5px 10px;background:#121f34;border:1px solid var(--ui-border);border-radius:14px}
#dashboard .admin-summary-grid>div{min-width:0;padding:15px;border:0}
#dashboard .admin-summary-grid strong{font-size:25px;overflow-wrap:anywhere}
#dashboard .admin-summary-grid small{font-size:12px}
#dashboard .admin-browser{min-width:0;padding:17px!important}
#dashboard .admin-tabs{max-width:100%;overflow-x:auto}
#dashboard .admin-tab{min-height:44px}
#dashboard .admin-filter-form{min-width:0}
#dashboard .admin-filter-form input,#dashboard .admin-filter-form select{min-width:0}
#dashboard .admin-data-row{min-width:0;padding:14px 0;background:transparent;border-bottom:1px solid var(--ui-border);border-radius:0}
#dashboard .admin-data-main strong,#dashboard .admin-data-main small{overflow-wrap:anywhere}
#dashboard .settings-group{padding:20px!important}
#dashboard .settings-group-title h2{font-size:18px}
#dashboard .settings-table-row,#dashboard .security-list>div{min-width:0;min-height:55px}
#dashboard .settings-table-row strong,#dashboard .settings-table-row code{overflow-wrap:anywhere}
#dashboard .wallet-balance-card{background:#192945;border-color:#384f7a}
#dashboard .wallet-balance-value{font-weight:650}
#dashboard .auth-dialog,#dashboard .notification-drawer,#dashboard .service-detail-dialog,#dashboard .wallet-topup-dialog{max-height:min(92dvh,800px)}
@media(max-width:720px){
 #dashboard .billing-toolbar{display:block}
 #dashboard .billing-toolbar .status-filters{margin-top:9px}
 #dashboard .activity-center-head,#dashboard .wallet-history-head{padding:16px 15px 2px}
 #dashboard .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dashboard .support-card{min-height:76px;padding:11px}
 #dashboard .support-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #dashboard .owner-header{align-items:flex-start;flex-wrap:wrap;gap:9px}
 #dashboard .owner-header h1{font-size:27px!important;white-space:nowrap}
 #dashboard .admin-heading-actions{width:100%;justify-content:space-between}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 7px}
 #dashboard .admin-summary-grid>div{padding:12px 9px}
 #dashboard .admin-summary-grid strong{font-size:20px}
 #dashboard .admin-summary-grid small{display:none}
 #dashboard .admin-browser{padding:12px!important}
 #dashboard .admin-filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #dashboard .admin-filter-form .admin-search{grid-column:1/-1}
 #dashboard .admin-filter-form .button{grid-column:1/-1}
 #dashboard .admin-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 #dashboard .admin-data-main{grid-column:1;min-width:0}
 #dashboard .admin-data-side{grid-column:2}
 #dashboard .admin-data-metrics{grid-column:1/-1;grid-row:2;min-width:0;flex-wrap:wrap;overflow:visible}
 #dashboard .guide-hero{padding:17px!important}
 #dashboard .guide-faq{padding:16px}
 #dashboard .settings-group{padding:16px!important}
}
@media(max-width:390px){
 #dashboard .admin-filter-form{grid-template-columns:1fr}
 #dashboard .admin-filter-form .admin-search,#dashboard .admin-filter-form .button{grid-column:1}
 #dashboard .support-card .support-icon{width:27px;height:27px}
 #dashboard .support-card .support-icon svg{width:17px;height:17px}
 #dashboard .support-card{gap:6px}
}
@media(prefers-reduced-motion:no-preference){
 .marketing-hero:before{animation:hero-breathe 8s ease-in-out infinite alternate}
 .reveal:not(.is-visible){transform:translateY(12px)}
 #dashboard .sidebar.open,#landing .site-nav.open{transition:transform .21s ease,opacity .21s ease}
}
@keyframes hero-breathe{from{opacity:.55;transform:translateY(-10px)}to{opacity:1;transform:translateY(12px)}}


@media (max-width: 620px) {
  #dashboard .activity-center-section,#dashboard .wallet-history-section,#dashboard .service-surface,#dashboard .transaction-surface { border-radius:13px; }
  #dashboard .activity-center-row,#dashboard .wallet-history-row,#dashboard .transaction-row,#dashboard .list-row { padding:11px 13px; }
  #dashboard .wallet-balance-card { padding:19px; }
  #dashboard .wallet-balance-value { font-size:38px; }
  #dashboard .admin-browser-head { display:block; }
  #dashboard .admin-filter-form select { width:100%;min-width:0; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
}

/* Interaction and depth share the existing presentation layer. */
.language-switch{flex:none;min-width:58px;min-height:40px;padding:0 9px;border:1px solid rgba(163,183,243,.26);border-radius:9px;background:#18243b;color:#dbe4ff;font:600 12px/1 inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .18s}
.language-switch:hover,.language-switch:focus-visible{background:#263858;border-color:#9daeff}
.language-switch:active{transform:scale(.96)}
.language-switch-portal{min-height:40px}
/* Google's hidden accessibility label and zero-size helper iframe must stay off-canvas. */
.google-signin-button .L6cTce{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.google-signin-button iframe{position:absolute!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #64759b;border-radius:10px;background:#1c2a45;color:#f4f6ff;cursor:pointer}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe:hover{background:#253757;border-color:#9cadfa}
.google-signin-button .nsm7Bb-HzV7m-LgbsSe-Bz112c svg{width:20px;height:20px}
.mobile-nav-actions .language-switch{align-self:flex-start;margin-bottom:8px}
@media(max-width:620px){#landing .site-header-actions>.language-switch{min-width:53px;padding:0 5px;font-size:11px}#dashboard .language-switch-portal{min-width:53px;padding:0 4px;font-size:11px}}

.marketing-hero:before{background:radial-gradient(ellipse,rgba(111,135,255,.17),transparent 72%);filter:blur(9px)}
.marketing-hero:after{content:"";position:absolute;inset:8% 35% 20% -12%;pointer-events:none;background:radial-gradient(ellipse,rgba(65,89,179,.12),transparent 65%);animation:ambient-drift 16s ease-in-out infinite alternate}
.marketing-hero-copy{z-index:2}
.hosting-console{box-shadow:0 28px 65px rgba(0,3,17,.45),0 0 35px rgba(88,112,215,.08)}
.button-market-primary,#dashboard .button-primary{box-shadow:0 5px 23px rgba(94,113,238,.2);transition:background .2s,transform .2s,box-shadow .2s}
.button-market-primary:hover,#dashboard .button-primary:hover{box-shadow:0 8px 30px rgba(111,137,250,.32)}
.button-market:active,#dashboard .button:active,.hero-service-row:active,#dashboard .nav-item:active{transform:scale(.98)}
.hosting-console,.pricing-card,.community-channels a,.hero-service-row,#dashboard .resource-preview-row{transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s,background .22s}
@media(hover:hover){.hosting-console:hover,.community-channels a:hover,#dashboard .resource-preview-row:hover{transform:translateY(-3px);border-color:rgba(160,179,255,.5);box-shadow:0 14px 35px rgba(0,4,23,.25)}#landing .pricing-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 38px rgba(0,4,23,.28)!important}}
#landing .site-nav.open .site-nav-links>*{animation:menu-item-in .27s both}
#landing .site-nav.open .site-nav-links>*:nth-child(2){animation-delay:40ms}
#landing .site-nav.open .site-nav-links>*:nth-child(3){animation-delay:80ms}
#landing .site-nav.open .site-nav-links>*:nth-child(4){animation-delay:120ms}
.marketing-hero-copy>*{animation:hero-content-in .48s both}
.marketing-hero-copy>*:nth-child(2){animation-delay:65ms}
.marketing-hero-copy>*:nth-child(3){animation-delay:125ms}
.marketing-hero-copy>*:nth-child(4){animation-delay:175ms}
.marketing-hero-copy>*:nth-child(5){animation-delay:220ms}
.marketing-site .reveal{opacity:1;transform:none}
.marketing-site .reveal.is-visible{animation:section-appear .55s cubic-bezier(.2,.7,.2,1) both}
.marketing-site .reveal.is-visible .process-track>li,.marketing-site .reveal.is-visible .community-channels>a{animation:section-appear .45s both}
.marketing-site .reveal.is-visible .process-track>li:nth-child(2),.marketing-site .reveal.is-visible .community-channels>a:nth-child(2){animation-delay:70ms}
.marketing-site .reveal.is-visible .process-track>li:nth-child(3),.marketing-site .reveal.is-visible .community-channels>a:nth-child(3){animation-delay:140ms}
.marketing-site .reveal.is-visible .community-channels>a:nth-child(4){animation-delay:210ms}
#landing .market-faq-list details[open] summary::after{transform:rotate(45deg)}
#landing .market-faq-list details summary::after{transition:transform .2s}
#landing .market-faq-list details[open] p{animation:section-appear .22s both}
#dashboard .sidebar{box-shadow:inset -1px 0 rgba(168,190,230,.08)}
#dashboard .nav-item{position:relative;transition:background .2s,color .2s,transform .16s}
#dashboard .nav-item.active{background:linear-gradient(90deg,rgba(83,108,215,.22),rgba(57,79,143,.08))!important;border-color:transparent!important;box-shadow:inset 0 1px rgba(187,200,255,.09)!important}
#dashboard .nav-item.active:before{display:block;content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#9eaefb;box-shadow:0 0 13px rgba(135,158,255,.46)}
#dashboard .nav-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dashboard .sidebar.open .nav-item{animation:menu-item-in .3s both}
#dashboard .sidebar.open .nav-item:nth-of-type(2n){animation-delay:40ms}
#dashboard .sidebar.open .nav-item:nth-of-type(3n){animation-delay:80ms}
#dashboard .workspace-balance{position:relative;overflow:hidden;background:linear-gradient(122deg,#1a2c4a,#14223a 75%);border-color:rgba(155,178,243,.3);box-shadow:0 18px 42px rgba(0,4,20,.2)}
#dashboard .workspace-balance:after{content:"";position:absolute;width:260px;height:240px;right:-145px;top:-130px;pointer-events:none;background:radial-gradient(circle,rgba(134,156,255,.17),transparent 70%)}
#dashboard .workspace-balance>*{position:relative;z-index:1}
#dashboard .workspace-kpis{background:#101b2d;border:1px solid rgba(153,177,231,.13);border-radius:13px}
#dashboard .workspace-services,#dashboard .workspace-feed{margin-top:25px}
#dashboard .workspace-service-empty{min-height:88px;padding:15px 17px;background:#111d30;border-style:solid}
#dashboard .workspace-feed:empty{display:none}
#dashboard .resource-preview-row:focus-visible,#dashboard .package-choice.selected{box-shadow:0 0 0 3px rgba(139,160,255,.14),0 12px 25px rgba(3,8,25,.18)}
#dashboard .package-choice.selected{border-color:#9dadff;background:#1b2b4a}
#dashboard input:focus-visible,#dashboard select:focus-visible{outline:2px solid #9caefe;outline-offset:2px;box-shadow:0 0 0 5px rgba(123,146,246,.12)}
#dashboard .status-dot.is-active,#dashboard .status-badge.active:before{box-shadow:0 0 0 4px rgba(72,211,149,.12),0 0 13px rgba(72,211,149,.34)}
.auth-shell:not(.hidden) .auth-dialog,.modal-layer:not(.hidden) [role="dialog"],.notification-layer:not(.hidden) .notification-drawer{animation:dialog-in .23s cubic-bezier(.2,.7,.2,1) both}
.auth-shell:not(.hidden) .auth-backdrop,.modal-layer:not(.hidden) .modal-backdrop{animation:backdrop-in .2s both}

/* Owner workspace: one compact management surface, with list states in place. */
#dashboard .owner-header{margin-bottom:14px}
#dashboard .owner-header h1{line-height:1.2}
#dashboard .admin-heading-actions .admin-readonly-badge{font-size:12px}
#dashboard .admin-summary-grid{padding:0 6px;border-radius:12px;background:#111e32}
#dashboard .admin-summary-grid>div{padding:11px 14px;border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
#dashboard .admin-summary-grid>div:nth-child(3n){border-right:0}
#dashboard .admin-summary-grid>div:nth-last-child(-n+3){border-bottom:0}
#dashboard .admin-summary-grid span{font-size:12px;color:#b9c7df}
#dashboard .admin-summary-grid strong{margin-top:3px;font-size:22px;line-height:1.16}
#dashboard .admin-summary-grid small{color:#8ea3c0}
#dashboard .admin-browser{margin-top:14px;padding:0!important;border-radius:12px;overflow:hidden}
#dashboard .admin-browser-head{display:block;padding:0;border-bottom:1px solid var(--ui-border)}
#dashboard .admin-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid var(--ui-border)}
#dashboard .admin-tab{height:47px;min-height:47px;padding:0 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#aebdd5;font-size:13px;font-weight:600;box-shadow:none}
#dashboard .admin-tab.active{background:none;border-color:#a3b1ff;color:#f1f4ff;box-shadow:none}
#dashboard .admin-tab:hover{color:#fff}
#dashboard .admin-filter-form{display:grid;grid-template-columns:minmax(0,1fr) 135px 145px auto;gap:8px;padding:12px}
#dashboard .admin-search{min-width:0;height:44px;display:flex;align-items:center;gap:8px;border-color:#344665;background:#0c192b}
#dashboard .admin-search input{width:100%;min-width:0;font-size:14px;color:#f1f5ff}
#dashboard .admin-search input::placeholder{color:#91a4c2}
#dashboard .admin-filter-form select{height:44px;min-width:0;font-size:13px;border-color:#344665;background:#0c192b;color:#dae3f4}
#dashboard .admin-filter-form .button{height:44px;min-height:44px}
#dashboard .admin-table-meta{min-height:34px;padding:0 15px;font-size:12px;color:#a7b6d1}
#dashboard .admin-data-row{min-height:72px;padding:12px 15px}
#dashboard .admin-data-main strong{font-size:14px;color:#f1f4ff}
#dashboard .admin-data-main small,#dashboard .admin-data-metrics>span{font-size:12px;color:#a5b5cf}
#dashboard .admin-data-side .status-badge{font-size:11px!important}
#dashboard .admin-pagination{min-height:50px}
#dashboard .admin-pagination>span{font-size:12px}
#dashboard .admin-pagination .button:disabled{opacity:.43;cursor:not-allowed}
.admin-inline-error{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 16px;color:#e6ecfb}
.admin-inline-error strong{font-size:14px}
.admin-inline-error p{flex:1;min-width:140px;margin:0;color:#acbbd5;font-size:13px}
.admin-inline-error .button{min-width:88px}
.admin-loading-row{height:62px;margin:1px 15px;border-bottom:1px solid var(--ui-border);background:linear-gradient(90deg,transparent 10%,rgba(147,168,231,.07) 45%,transparent 75%);background-size:220% 100%;animation:loading-wave 1.5s ease-in-out infinite}
@media(max-width:720px){
 #dashboard .owner-header{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}
 #dashboard .owner-header h1{font-size:25px!important;white-space:nowrap}
 #dashboard .admin-heading-actions{width:auto;min-width:0;gap:6px;margin-left:auto}
 #dashboard .admin-heading-actions .admin-readonly-badge{display:none}
 #dashboard .admin-heading-actions .button{padding:0 10px}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #dashboard .admin-summary-grid>div{min-height:67px;padding:9px 8px}
 #dashboard .admin-summary-grid>div:nth-child(3n){border-right:0}
 #dashboard .admin-summary-grid>div:nth-child(-n+3){border-bottom:1px solid var(--ui-border)}
 #dashboard .admin-summary-grid span{display:block;min-height:27px;font-size:10px;line-height:1.25}
 #dashboard .admin-summary-grid strong{font-size:18px;white-space:nowrap;letter-spacing:-.03em}
 #dashboard .admin-summary-grid small{display:none}
 #dashboard .admin-browser{padding:0!important}
 #dashboard .admin-browser-head{display:block}
 #dashboard .admin-tabs{gap:0;padding:0 6px}
 #dashboard .admin-tab{padding:0 11px;font-size:12px}
 #dashboard .admin-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px;gap:7px;padding:11px}
 #dashboard .admin-filter-form .admin-search{grid-column:1/-1}
 #dashboard .admin-filter-form select{width:100%;padding:0 5px;font-size:12px}
 #dashboard .admin-filter-form .button{grid-column:3;padding:0 5px;font-size:12px}
 #dashboard .admin-data-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px}
 #dashboard .admin-data-main{grid-column:1;min-width:0}
 #dashboard .admin-data-side{grid-column:2;grid-row:1}
 #dashboard .admin-data-metrics{grid-column:1/-1;grid-row:2;gap:8px;overflow:visible;flex-wrap:wrap}
 #dashboard .admin-table-meta{padding:0 12px}
 #dashboard .admin-pagination{padding:8px 11px}
}
@media(max-width:390px){#dashboard .admin-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 74px}#dashboard .admin-filter-form .admin-search{grid-column:1/-1}#dashboard .admin-filter-form .button{grid-column:3}#dashboard .admin-summary-grid strong{font-size:16px}#dashboard .admin-tab{padding:0 9px}}
@keyframes hero-content-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes section-appear{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes menu-item-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes ambient-drift{from{transform:translate(-4%,0);opacity:.55}to{transform:translate(6%,5%);opacity:1}}
@keyframes loading-wave{from{background-position:180% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){.marketing-hero-copy>*,.marketing-hero:after,.marketing-site .reveal.is-visible,.marketing-site .reveal.is-visible .process-track>li,.marketing-site .reveal.is-visible .community-channels>a,#dashboard .sidebar.open .nav-item,.admin-loading-row,.auth-shell:not(.hidden) .auth-dialog{animation:none!important}}

/* Product browser and operational surfaces */
.infrastructure-strip,.market-availability{display:flex;align-items:center;gap:10px;min-height:46px;color:#bbc9e1;font-size:13px}
.infrastructure-strip{margin:-9px 0 18px;padding:0 14px;border:1px solid rgba(143,166,215,.16);border-radius:10px;background:#111d30}
.market-availability{width:min(var(--ui-max),calc(100% - 48px));margin:-10px auto 8px;padding:0 4px;border-top:1px solid rgba(144,169,222,.15)}
.infrastructure-strip a,.market-availability a{margin-left:auto;color:#b0bfff;text-decoration:none;white-space:nowrap}
.infrastructure-light{flex:none;width:8px;height:8px;border-radius:50%;background:#8b9bb8}
.is-online .infrastructure-light{background:#62d5ab;box-shadow:0 0 0 4px rgba(70,215,157,.1)}
.shop-browser{min-width:0}
.package-toolbar{display:flex;gap:10px;align-items:end;margin:13px 0}
.package-toolbar label{display:grid;gap:5px;color:#adbed8;font-size:12px}
.package-search{flex:1;min-width:0}.package-sort{width:min(150px,38%)}
.package-toolbar input,.package-toolbar select{width:100%;height:44px;min-width:0;padding:0 11px;border:1px solid #39496a;border-radius:10px;background:#111d31;color:#eff2fc;font:inherit}
.performance-tiers{display:flex;gap:8px;overflow-x:auto;margin:0 0 11px;padding-bottom:3px;scrollbar-width:none}
.performance-tab{flex:none;min-height:42px;padding:0 12px;border:1px solid #354667;border-radius:9px;background:#111e32;color:#bfcbe1;cursor:pointer}
.performance-tab.active{border-color:#91a4ef;background:#26395e;color:#f5f6ff}
#dashboard .shop-browser .catalog-grid{max-width:100%;scroll-behavior:smooth}
#dashboard .package-choice{flex:0 0 clamp(250px,30%,300px);min-height:222px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;scroll-snap-align:start;border-radius:14px;background:linear-gradient(154deg,#192943,#111d31 78%)}
#dashboard .package-choice-head{display:flex;justify-content:space-between;min-height:60px}
#dashboard .package-choice-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px}
#dashboard .package-choice-title strong{font-size:18px}
.package-tier{color:#b6c5f5;font-size:12px}
#dashboard .package-choice-price{display:grid;justify-items:end;align-content:start;gap:2px;text-align:right;margin:0}
#dashboard .package-choice-price strong{font-size:19px}
#dashboard .package-choice-description{display:-webkit-box;-webkit-line-clamp:2;min-height:18px;flex:none;font-size:13px}
#dashboard .package-choice-specs{margin:0;gap:6px}
#dashboard .package-choice-specs span{font-size:12px}
#dashboard .package-choice-button{flex:none;width:100%;margin:auto 0 0;min-height:44px}
.package-none{padding:20px 10px;color:#bcc9e0;font-size:14px}
.package-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:3px 0 0;color:#bac8e2;font-size:13px}
.package-carousel-swipe{margin-right:auto;color:#aebddd;font-size:12px}
.package-carousel-controls button{width:44px;height:44px;border:1px solid #405477;border-radius:9px;background:#1a2a45;color:#edf2ff;font-size:25px;line-height:1;cursor:pointer}
.package-carousel-controls button:disabled{opacity:.35;cursor:default}
.public-carousel-controls{display:none}
@media(min-width:721px) and (max-width:1050px){#landing .public-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}#landing .public-catalog-list .pricing-card{display:flex!important;flex-direction:column}}
.checkout-sheet-close{display:none;min-width:44px;min-height:44px;border:0;background:none;color:#eef2ff;font-size:26px;cursor:pointer}
.checkout-sheet-backdrop{display:none}
.checkout-sticky{display:none}
.purchase-progress-summary{display:none;margin:0 0 12px;color:#bbcafa;font-size:13px;font-weight:650}
.checkout-configuration{display:grid;gap:5px;padding:13px 0;border-top:1px solid var(--ui-border);color:#b6c5e0;font-size:13px}
.checkout-configuration strong{color:#f0f3ff;font-size:15px}.checkout-configuration p{margin:0;font-size:12px;line-height:1.45}
#dashboard .order-panel .checkout-summary{background:#15243a}
#dashboard .workspace-balance{min-height:125px;padding:17px 19px}
#dashboard .workspace-empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#dashboard .workspace-balance>strong{font-size:clamp(29px,3vw,38px)}
#dashboard .workspace-kpis{gap:0;padding:8px 4px;background:linear-gradient(140deg,#132139,#101b2d)}
#dashboard .workspace-kpis>div{padding:10px 13px}
#dashboard .workspace-kpis strong{font-size:26px}
.settings-account-id{min-height:44px;padding:11px 0;border-bottom:1px solid var(--ui-border)}
.settings-account-id summary{display:flex;justify-content:space-between;gap:12px;list-style:none;color:#afbed5;cursor:pointer}
.settings-account-id summary::-webkit-details-marker{display:none}.settings-account-id summary span{color:#aebefa;font-size:13px}
.settings-account-id code{display:block;margin-top:9px;overflow-wrap:anywhere;color:#d7e2fa;font-size:13px}
.wallet-topup-validation{display:block;min-height:17px;color:#ffaaa7;font-size:12px}.wallet-topup-input-wrap:has(input[aria-invalid="true"]){border-color:#e38d92}
#wallet-topup-current-balance{color:#f0f4ff!important;font-size:21px!important}
.wallet-topup-label,.wallet-topup-custom>span{font-size:13px;color:#becae0;font-weight:600}
.wallet-topup-preset{min-height:44px;font-size:13px;font-weight:650}
.wallet-topup-custom #wallet-topup-limit{display:block;color:#a9bad6;font-size:12px}
.wallet-topup-custom #wallet-topup-validation{display:block;color:#ffa6a6;font-size:12px}
#wallet-topup-amount{height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.wallet-topup-info p{color:#b0bfd9;font-size:12px;line-height:1.45}
.checkout-sheet-active .checkout-sticky{display:none}
.technical-hint{grid-column:1/-1;margin:0;color:#b2c0db;font-size:12px;line-height:1.45}
.wallet-topup-custom.custom-active .wallet-topup-input-wrap{border-color:#8fa4f3;box-shadow:0 0 0 3px rgba(141,165,250,.13)}
#dashboard [data-view-panel="wallet"] .wallet-balance-card{background:linear-gradient(120deg,#1a2b49,#14243d 72%);box-shadow:inset 0 1px rgba(197,211,255,.07),0 15px 32px rgba(0,4,17,.15)}
#dashboard [data-view-panel="account"] .settings-profile-header{padding:18px 19px;margin-bottom:15px;border:1px solid rgba(151,174,231,.18);border-radius:13px;background:linear-gradient(130deg,#182944,#131f33)}
#dashboard [data-view-panel="account"] .integration-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px 10px;min-height:0;margin:0;padding:7px 0}
#dashboard [data-view-panel="account"] .integration-state-wrap{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px}
#dashboard [data-view-panel="account"] .integration-state-wrap .button{flex:none;min-width:105px;padding:0 10px}
#dashboard [data-view-panel="account"] .security-list>div{display:flex;align-items:center;gap:10px;min-height:55px;padding:7px 0}
#dashboard [data-view-panel="account"] .security-list>div>div{flex:1;min-width:0}
#dashboard [data-view-panel="account"] .security-state{margin-left:auto;white-space:nowrap}
#dashboard #admin-card{display:flex;align-items:center;min-height:68px;padding:13px 17px;border-radius:12px}
#dashboard #admin-card.hidden{display:none}
#dashboard #admin-card .surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;border:0}
#dashboard #admin-card h2{font-size:16px}
#dashboard .admin-filter-form{display:flex;gap:8px;padding:12px}
#dashboard .admin-filter-form .admin-search{flex:1}
#dashboard .admin-search{padding:0 12px;gap:9px;border:1px solid #394b6d;border-radius:10px}
#dashboard .admin-search input{flex:1;width:100%;height:40px!important;min-height:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0}
#dashboard .admin-search input:focus-visible{outline:0;box-shadow:none!important}
#dashboard .admin-search:focus-within{border-color:#93a6f5;box-shadow:0 0 0 3px rgba(132,155,247,.13)}
.admin-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:85px;min-height:44px;border:1px solid #405477;border-radius:9px;background:#1a2943;color:#e7ecfa;cursor:pointer}
#dashboard .admin-filter-extra{display:none;position:absolute;z-index:20;top:calc(100% - 2px);right:12px;width:min(355px,calc(100% - 24px));padding:12px;gap:9px;border:1px solid #42567b;border-radius:12px;background:#192943;box-shadow:0 19px 35px rgba(0,0,0,.3)}
#dashboard .admin-filter-extra.open{display:grid;grid-template-columns:1fr 1fr}
#dashboard .admin-filter-extra .button{grid-column:1/-1}
#dashboard .admin-browser-head{position:relative}
@media(max-width:1060px){
 #dashboard .package-choice{flex-basis:min(90%,410px)}
 .checkout-sheet-active{overflow:hidden}
 #dashboard #shop-order{position:fixed!important;z-index:151;inset:auto 0 0;max-height:min(88dvh,730px);margin:0;padding:20px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.7,.2,1),visibility .24s;border-radius:18px 18px 0 0}
 #dashboard #shop-order.sheet-open{visibility:visible;transform:translateY(0);background:#17263f!important;border:1px solid #44577c!important;box-shadow:0 -20px 45px rgba(0,5,20,.45)!important}
 #dashboard #shop-order .checkout-sheet-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
 .checkout-sheet-backdrop.open{position:fixed;z-index:150;inset:0;display:block;background:rgba(0,3,13,.65);animation:backdrop-in .2s both}
 .checkout-sticky:not(.hidden){position:fixed;z-index:90;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(16px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid #45597d;background:rgba(16,28,48,.96);backdrop-filter:blur(18px)}
 .checkout-sticky>span{display:flex;align-items:baseline;min-width:0;gap:5px;white-space:nowrap}.checkout-sticky strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f2f5ff;font-size:14px}.checkout-sticky small{flex:none;color:#b7c7e0;font-size:13px}.checkout-sticky small::before{content:'· '}
 #dashboard .order-panel:not(.sheet-open){display:none}
 #dashboard .purchase-progress{display:none}
 #dashboard .purchase-progress-summary{display:block}
 #dashboard [data-view-panel="shop"].active{padding-bottom:85px}
 body.checkout-sheet-active #dashboard [data-view-panel="shop"].active{animation:none!important;transform:none!important}
 body.checkout-sheet-active #checkout-sticky{display:none!important}
}

/* Purchase flow: one decision per step, with software sourced from the bot's Pterodactyl route. */
#dashboard .purchase-progress{display:flex;gap:6px;margin:0 0 14px;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
#dashboard .purchase-progress li{flex:1;min-width:0;padding:9px 4px;border-bottom:2px solid #34455f;color:#aebbd1;font-size:12px;text-align:center}
#dashboard .purchase-progress li.active{border-color:#9eaeff;color:#f2f5ff;font-weight:650}
#dashboard .purchase-progress li{flex:0 0 auto;min-width:68px;white-space:nowrap;font-size:12px;padding-inline:6px;scroll-snap-align:center}
#dashboard .purchase-package-price{font-size:22px!important;color:#e8edff!important;font-weight:700}
#dashboard #checkout-promo-step .field{display:grid;gap:7px;margin:0 0 12px;color:#dbe5f7;font-size:13px}
#dashboard #checkout-promo-code{width:100%;min-height:46px;padding:11px 13px;border-radius:10px;border:1px solid #405173;background:#101d31;color:#f5f7ff;font:inherit}
#dashboard #checkout-promo-code:focus-visible{outline:2px solid #9eaeff;outline-offset:2px}
#dashboard #checkout-promo-apply{min-height:44px;margin-bottom:12px}
#dashboard .purchase-step{min-width:0;animation:purchase-enter .22s ease-out both}
#dashboard .purchase-step.hidden{display:none}
#dashboard .purchase-step h3{margin:0 0 10px;color:#f1f4ff;font-size:19px;line-height:1.3}
#dashboard .purchase-step p{margin:0 0 12px;color:#becae0;font-size:14px;line-height:1.5}
#dashboard .purchase-step .purchase-helper{color:#aebcd4;font-size:13px}
#dashboard .purchase-software-options{display:grid;gap:15px;max-height:43dvh;overflow-y:auto}
#dashboard .purchase-software-group h4{margin:0 0 8px;font-size:13px;color:#acbde0;font-weight:600}
#dashboard .purchase-software-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#dashboard .purchase-billing-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px;margin:10px 0}
#dashboard .purchase-billing-options .purchase-software-option{width:100%}
#dashboard #checkout-username-step .field,#dashboard #checkout-password-step .field{display:grid;gap:8px;color:#dbe5f7;font-size:14px}
#dashboard #checkout-panel-username,#dashboard #checkout-panel-password{width:100%;min-height:48px;padding:11px 13px;border:1px solid #405173;border-radius:10px;background:#101d31;color:#f5f7ff;font-size:16px}
#dashboard #checkout-panel-username:focus-visible,#dashboard #checkout-panel-password:focus-visible{outline:2px solid #9eaeff;outline-offset:2px}
#dashboard .purchase-software-option{min-width:0;min-height:48px;padding:9px 12px;border:1px solid #405173;border-radius:10px;background:#1a2940;color:#e9eefa;text-align:left;font:inherit;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
#dashboard .purchase-software-option:hover,#dashboard .purchase-software-option:focus-visible{border-color:#899df0;background:#213453}
#dashboard .purchase-software-option:active{transform:scale(.98)}
#dashboard .purchase-software-option.selected{border-color:#a4b3ff;background:#2a3c61;box-shadow:0 0 0 3px rgba(133,153,245,.12)}
#dashboard .purchase-software-option.selected::after{content:'✓';float:right;color:#c2cbff}
#dashboard .purchase-review-rows{display:grid;gap:0;margin:0}
#dashboard .purchase-review-rows>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(149,172,215,.13);font-size:13px}
#dashboard .purchase-review-rows dt{color:#acbbd4}
#dashboard .purchase-review-rows dd{margin:0;color:#f1f4fc;text-align:right;overflow-wrap:anywhere}
#dashboard .purchase-review-rows>div:last-child dd{font-size:17px;font-weight:700}
#dashboard .purchase-payment-methods{display:grid;gap:8px;border:0;padding:12px 0 0;margin:12px 0 4px}
#dashboard .purchase-payment-methods legend{font-size:14px;font-weight:650;color:#edf1ff}
#dashboard .purchase-payment-methods label{display:flex;align-items:center;gap:12px;min-height:60px;padding:11px 13px;border:1px solid #405173;border-radius:11px;background:#17243a;cursor:pointer}
#dashboard .purchase-payment-methods label:has(input:checked){border-color:#98a8f0;background:#213152;box-shadow:0 0 0 3px rgba(141,157,244,.10)}
#dashboard .purchase-payment-methods input{accent-color:#a7b4ff;width:19px;height:19px;flex:none}
#dashboard .purchase-payment-methods label span{display:grid;gap:2px;min-width:0}
#dashboard .purchase-payment-methods label strong{color:#f1f4ff;font-size:14px}
#dashboard .purchase-payment-methods label small{font-size:12px;color:#b9c8e1;line-height:1.4}
#dashboard .purchase-actions{display:flex;gap:9px}
#dashboard .purchase-actions .button-primary{flex:1}
#dashboard .purchase-actions .button-secondary{min-width:88px}
@keyframes purchase-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:390px){#dashboard .purchase-software-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#dashboard .purchase-step{animation:none}#dashboard .purchase-software-option{transition:none}}
#service-detail-layer .purchase-software-options{display:grid;gap:14px;max-height:40dvh;overflow:auto}
#service-detail-layer .purchase-software-group h4{margin:0 0 8px;color:#afbed9;font-size:13px}
#service-detail-layer .purchase-software-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#service-detail-layer .purchase-software-option{min-height:46px;padding:9px 12px;border:1px solid #405173;border-radius:10px;background:#1a2940;color:#eff2ff;text-align:left;font:inherit;cursor:pointer}
#service-detail-layer .purchase-software-option.selected{border-color:#a4b3ff;background:#2a3c61}
@media(max-width:390px){#service-detail-layer .purchase-software-list{grid-template-columns:1fr}}
@media(max-width:720px){
 .package-toolbar{gap:8px}
 #dashboard .admin-filter-form{display:flex;align-items:center;gap:8px;padding:10px}
 #dashboard .admin-filter-form .admin-search{grid-column:auto;min-width:0}
 #dashboard .admin-filter-extra{top:calc(100% - 2px)}
 #dashboard .admin-filter-extra select{font-size:13px;padding:0 8px}
 #dashboard .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dashboard .admin-summary-grid>div{min-height:63px;border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
 #dashboard .admin-summary-grid>div:nth-child(2n){border-right:0}
 #dashboard .admin-summary-grid>div:nth-last-child(-n+2){border-bottom:0}
 #dashboard .admin-summary-grid span{min-height:0;font-size:12px}
 #dashboard .admin-summary-grid strong{font-size:19px;overflow-wrap:normal;word-break:normal}
 #dashboard #admin-summary-wallet{font-size:clamp(15px,4vw,19px);white-space:nowrap}
 #dashboard .workspace-heading{align-items:center;margin-bottom:16px}
 #dashboard .workspace-heading h1{font-size:25px}
 #dashboard .workspace-heading>.button{padding:0 10px;font-size:12px}
 #dashboard .workspace-kpis{padding:3px}
 #dashboard .workspace-kpis>div{padding:10px 7px}
 #dashboard .workspace-kpis span{font-size:12px;min-height:30px}
 #dashboard .workspace-kpis strong{font-size:23px}
 #dashboard .workspace-service-empty{min-height:78px;padding:12px}
 #dashboard .workspace-service-empty p{font-size:12px}
 #landing .public-catalog-list{display:flex!important;flex-direction:row;overflow-x:auto!important;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;gap:10px!important;padding:3px 2px 15px!important}
 .public-carousel-controls{display:flex}
 #landing .public-catalog-list .pricing-card{flex:0 0 min(76vw,288px);width:auto;min-height:225px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:stretch}
 #landing .public-catalog-list .pricing-card-top{display:block}
 #landing .public-catalog-list .pricing-card-title,#landing .public-catalog-list .pricing-price,#landing .public-catalog-list .pricing-description,#landing .public-catalog-list .pricing-specs,#landing .public-catalog-list .pricing-cta{grid-column:auto;grid-row:auto}
 #landing .public-catalog-list .pricing-cta{margin-top:auto}
}
@media(max-width:390px){#dashboard .workspace-heading{flex-wrap:nowrap}#dashboard .workspace-balance>.button{grid-column:2;grid-row:2/4;margin:0;white-space:nowrap}#dashboard .workspace-balance>strong{font-size:28px}#dashboard .package-choice-head{display:flex}#dashboard .package-choice-price{text-align:right}}
@media(prefers-reduced-motion:reduce){#dashboard .shop-browser .catalog-grid{scroll-behavior:auto}#dashboard #shop-order{transition:none}.checkout-sheet-backdrop.open{animation:none}}
.motion-ready .marketing-site .reveal:not(.is-visible){opacity:0;transform:translateY(17px)}
.motion-ready .marketing-site .reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.motion-ready .marketing-site .reveal:not(.is-visible){opacity:1;transform:none}}

/* v301: readable package rail + restrained portal depth. */
#dashboard .shop-browser .catalog-grid{scroll-padding-inline:2px 30px}
#dashboard .package-choice{flex:0 0 min(88vw,420px);scroll-snap-align:start;scroll-snap-stop:always}
#dashboard{position:relative;isolation:isolate;background:
  radial-gradient(circle at 78% 8%,rgba(99,113,238,.09),transparent 29rem),
  radial-gradient(circle at 18% 72%,rgba(47,178,201,.055),transparent 25rem),
  #07101f}
#dashboard::before{content:"";position:fixed;z-index:-1;inset:-22%;pointer-events:none;opacity:.72;background:
  radial-gradient(circle at 28% 30%,rgba(101,89,238,.11),transparent 22%),
  radial-gradient(circle at 70% 58%,rgba(46,147,196,.075),transparent 24%);
  filter:blur(26px);transform:translate3d(0,0,0);animation:portal-aurora-drift 22s ease-in-out infinite alternate}
@keyframes portal-aurora-drift{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.04)}100%{transform:translate3d(0,2%,0) scale(1.02)}}
#dashboard .workspace-balance,#dashboard .wallet-balance-card,#dashboard .order-panel,#dashboard .settings-group{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#dashboard .status-dot-success,.wallet-status-pill:not(.locked) i{box-shadow:0 0 0 0 rgba(72,211,154,.32);animation:portal-status-pulse 2.8s ease-out infinite}
@keyframes portal-status-pulse{0%,55%{box-shadow:0 0 0 0 rgba(72,211,154,.3)}100%{box-shadow:0 0 0 7px rgba(72,211,154,0)}}
@media(max-width:620px){#dashboard .package-choice{flex-basis:calc(100% - 30px);max-width:none}.package-carousel-swipe{display:inline-flex;align-items:center;gap:5px}}
@media(prefers-reduced-motion:reduce){#dashboard::before{animation:none}.wallet-status-pill i,#dashboard .status-dot-success{animation:none}}

/* V302 portal polish: clearer surface hierarchy, compact profile, mobile admin filters. */
#dashboard{
  --v302-surface-soft:rgba(12,23,40,.72);
  --v302-surface-raised:rgba(20,34,57,.88);
  --v302-surface-strong:rgba(28,45,73,.94);
  --v302-accent-glow:rgba(132,146,255,.16);
}
#dashboard .workspace-balance,
#dashboard .wallet-balance-card{background:linear-gradient(135deg,var(--v302-surface-raised),rgba(13,27,48,.82));border-color:rgba(154,174,225,.16);box-shadow:0 18px 45px rgba(1,6,18,.16)}
#dashboard .workspace-kpis,#dashboard .admin-summary-grid{background:var(--v302-surface-soft);border-color:rgba(154,174,225,.12)}
#dashboard .order-panel,#dashboard .admin-browser{background:var(--v302-surface-soft);border-color:rgba(154,174,225,.12)}
#dashboard [data-view-panel="account"] .settings-shell{max-width:820px}
#dashboard [data-view-panel="account"] .settings-profile-header{background:linear-gradient(135deg,rgba(29,45,74,.76),rgba(14,27,47,.58));box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 42px rgba(1,7,20,.12)}
#dashboard [data-view-panel="account"] .settings-group{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#dashboard [data-view-panel="account"] .settings-group-title{padding:16px 2px 7px!important}
#dashboard [data-view-panel="account"] .settings-group-title h2{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:#91a3c2}
#dashboard [data-view-panel="account"] .settings-table,
#dashboard [data-view-panel="account"] .integration-row,
#dashboard [data-view-panel="account"] .security-list{padding:0 16px;border:1px solid rgba(154,174,225,.12);border-radius:13px;background:var(--v302-surface-soft)}
#dashboard [data-view-panel="account"] .integration-row{min-height:74px}
#dashboard [data-view-panel="account"] .settings-actions-row{padding:12px 0 0}
#dashboard .admin-filter-form{position:relative;background:var(--v302-surface-soft);border:1px solid rgba(154,174,225,.12);border-radius:13px}
#dashboard .admin-search{background:rgba(7,16,30,.58);border-color:rgba(154,174,225,.16)}
#dashboard .admin-filter-toggle{background:var(--v302-surface-raised);border-color:rgba(154,174,225,.2)}
#dashboard .admin-filter-extra{background:rgba(18,31,52,.98);border-color:rgba(154,174,225,.18);box-shadow:0 22px 55px rgba(0,0,0,.34)}
#dashboard .admin-data-row{transition:background .18s ease,transform .18s ease}
#dashboard .admin-data-row:hover{background:rgba(142,158,242,.055)}
@media(max-width:600px){
  #dashboard .admin-filter-form{padding:8px;gap:7px}
  #dashboard .admin-filter-toggle{min-width:76px;padding:0 10px}
  #dashboard .admin-filter-extra{position:fixed;z-index:120;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:min(62dvh,430px);padding:15px;border-radius:17px;grid-template-columns:1fr!important;box-shadow:0 24px 80px rgba(0,0,0,.52)}
  #dashboard .admin-filter-extra.open{display:grid}
  #dashboard .admin-filter-extra .button{grid-column:1!important;width:100%}
  #dashboard [data-view-panel="account"] .settings-profile-header{padding:15px 14px}
  #dashboard [data-view-panel="account"] .settings-table,#dashboard [data-view-panel="account"] .integration-row,#dashboard [data-view-panel="account"] .security-list{padding-left:13px;padding-right:13px}
}
@media(prefers-reduced-motion:reduce){#dashboard .admin-data-row{transition:none}}

/* V303 operations polish: truthful live account activity + shared catalog owner view. */
#dashboard .live-account-strip{display:flex;align-items:center;gap:8px 18px;margin:-4px 0 16px;padding:10px 13px;border:1px solid rgba(128,151,213,.13);border-radius:12px;background:linear-gradient(90deg,rgba(11,23,41,.72),rgba(24,32,59,.55));color:#9eb0ce;font-size:12px;overflow-x:auto;scrollbar-width:none}
#dashboard .live-account-strip::-webkit-scrollbar{display:none}
#dashboard .live-account-strip>span{white-space:nowrap}
#dashboard .live-account-strip b{color:#f3f6ff;font-size:13px;font-variant-numeric:tabular-nums}
#dashboard .live-account-label{display:inline-flex;align-items:center;gap:7px;color:#83e6b8;font-size:10px;font-weight:800;letter-spacing:.09em}
#dashboard .live-account-label i{width:7px;height:7px;border-radius:50%;background:#52d89a;box-shadow:0 0 12px rgba(82,216,154,.55);animation:liveMetricPulse 2.6s ease-out infinite}
#dashboard .live-metric-flash{animation:liveMetricValue .52s ease-out}
@keyframes liveMetricPulse{0%,55%{box-shadow:0 0 0 0 rgba(82,216,154,.38)}100%{box-shadow:0 0 0 7px rgba(82,216,154,0)}}
@keyframes liveMetricValue{0%{opacity:.4;transform:translateY(3px)}100%{opacity:1;transform:none}}
#dashboard .admin-products-note{display:flex;align-items:flex-start;gap:8px 16px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(139,157,225,.13);border-radius:11px;background:rgba(18,30,52,.56);font-size:12px;color:#9badc9}
#dashboard .admin-products-note strong{color:#e9eeff;white-space:nowrap}
#dashboard .admin-product-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.9fr) auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(144,163,213,.1)}
#dashboard .admin-product-main,#dashboard .admin-product-side{display:grid;gap:4px}
#dashboard .admin-product-main strong,#dashboard .admin-product-side strong{color:#f1f4ff}
#dashboard .admin-product-main small,#dashboard .admin-product-side small{color:#8295b4}
#dashboard .admin-product-specs{display:flex;flex-wrap:wrap;gap:6px}
#dashboard .admin-product-specs span{padding:5px 7px;border-radius:7px;background:rgba(125,143,204,.08);color:#b9c7df;font-size:11px}
#dashboard .admin-product-side{text-align:right}
@media(max-width:720px){#dashboard .live-account-strip{margin-top:-7px;padding:9px 10px;gap:14px}#dashboard .admin-products-note{display:grid}#dashboard .admin-products-note strong{white-space:normal}#dashboard .admin-product-row{grid-template-columns:1fr auto;gap:9px 12px}.admin-product-specs{grid-column:1/-1}.admin-product-side{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){#dashboard .live-account-label i,#dashboard .live-metric-flash{animation:none}}
#dashboard .admin-product-edit{min-height:36px;padding:7px 11px;border-radius:9px;border:1px solid rgba(143,160,225,.2);background:rgba(93,111,181,.1);color:#dce5ff;cursor:pointer}
.product-editor{width:min(520px,calc(100vw - 24px));border:1px solid rgba(146,163,225,.2);border-radius:18px;background:#0d1527;color:#eef3ff;padding:0;box-shadow:0 28px 90px rgba(0,0,0,.55)}.product-editor::backdrop{background:rgba(2,6,15,.72);backdrop-filter:blur(8px)}.product-editor form{display:grid;gap:14px;padding:20px}.product-editor-head{display:flex;align-items:flex-start;justify-content:space-between}.product-editor-head small{color:#8496b7;font-size:10px;letter-spacing:.12em}.product-editor-head h3{margin:3px 0 0}.product-editor label{display:grid;gap:6px;font-size:12px;color:#aab9d3}.product-editor input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid rgba(145,162,218,.16);border-radius:10px;background:#101c31;color:#f2f5ff;padding:0 12px}.product-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-editor-toggle{display:flex!important;align-items:center;gap:9px}.product-editor-actions{display:flex;justify-content:space-between;gap:10px}.product-editor .muted{margin:0;color:#7f91b0;font-size:11px;line-height:1.5}@media(max-width:520px){.product-editor{margin:auto 12px 12px}.product-editor-grid{grid-template-columns:1fr}.product-editor-actions{display:grid}.product-editor form{padding:16px}}

/* v305 owner product merchandising */
.product-editor textarea{width:100%;resize:vertical;min-height:68px;font:inherit}
.product-editor-section-label{margin:14px 0 8px;color:#dfe7fb;font-size:11px;font-weight:800;letter-spacing:.02em}.product-editor-section-label small{display:block;margin-top:3px;color:#7283a5;font-size:9px;font-weight:500}.product-editor-toggles{display:grid;gap:8px;margin-top:12px}.product-editor-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:520px){.product-editor-price-grid{grid-template-columns:1fr 1fr}.product-editor textarea{min-height:62px}}

/* v307 owner software policy */
.product-editor .field-help{display:block;margin-top:7px;color:var(--muted,#8fa0bd);font-size:12px;line-height:1.5}.product-editor .field-help b{color:#d9e3ff;font-weight:700}

/* V309 live visual polish: cloud command surface, varied depth and restrained motion. */
#dashboard{
  --v309-base:#070c16;
  --v309-surface-cool:rgba(15,28,49,.78);
  --v309-surface-warm:rgba(31,27,48,.62);
  --v309-surface-neutral:rgba(17,23,34,.76);
  --v309-line:rgba(171,188,232,.12);
  --v309-violet:rgba(145,112,255,.16);
  --v309-cyan:rgba(76,199,221,.11);
}
#dashboard::after{content:"";position:fixed;z-index:-2;inset:-18%;pointer-events:none;background:radial-gradient(42% 34% at 16% 16%,var(--v309-violet),transparent 72%),radial-gradient(38% 32% at 82% 28%,var(--v309-cyan),transparent 72%),radial-gradient(30% 26% at 60% 86%,rgba(78,92,184,.08),transparent 75%);filter:blur(18px);animation:v309AuroraDrift 22s ease-in-out infinite alternate}
@keyframes v309AuroraDrift{0%{transform:translate3d(-1.5%,0,0) scale(1)}50%{transform:translate3d(1%,1.2%,0) scale(1.035)}100%{transform:translate3d(2%,-.8%,0) scale(1.01)}}
#dashboard .cloud-command-strip{display:grid;grid-template-columns:minmax(190px,1.45fr) repeat(3,minmax(96px,.65fr)) auto;align-items:stretch;gap:1px;margin:-5px 0 19px;border:1px solid var(--v309-line);border-radius:15px;background:rgba(4,10,20,.7);overflow:hidden;box-shadow:0 18px 48px rgba(0,3,12,.16)}
#dashboard .cloud-command-item{min-width:0;min-height:62px;padding:11px 14px;display:flex;flex-direction:column;justify-content:center;background:var(--v309-surface-neutral)}
#dashboard .cloud-command-item:not(:first-child){border-left:1px solid rgba(171,188,232,.08)}
#dashboard .cloud-command-item small{color:#7485a3;font-size:9px;font-weight:750;letter-spacing:.075em}
#dashboard .cloud-command-item strong{margin-top:4px;color:#f4f7ff;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}
#dashboard .cloud-command-health{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;background:linear-gradient(115deg,rgba(18,35,54,.88),rgba(22,27,48,.76))}
#dashboard .cloud-command-health b{display:block;margin-top:3px;color:#b9c5d9;font-size:12px;font-weight:650}
#dashboard .cloud-command-health.is-online b{color:#bff1d8}
#dashboard .cloud-command-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(70,206,151,.08);border:1px solid rgba(89,215,164,.13)}
#dashboard .cloud-command-icon i{width:8px;height:8px;border-radius:50%;background:#4fd99a;box-shadow:0 0 15px rgba(79,217,154,.5);animation:liveMetricPulse 2.6s ease-out infinite}
#dashboard .cloud-command-link{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 14px;color:#aebcf1;text-decoration:none;font-size:11px;background:rgba(35,35,64,.62);border-left:1px solid rgba(171,188,232,.08);transition:background .18s ease,color .18s ease}
#dashboard .cloud-command-link:hover{background:rgba(66,59,104,.68);color:#eef1ff}
#dashboard .infrastructure-strip-compat,#dashboard .live-account-strip-compat{display:none!important}
#dashboard .account-summary{gap:13px}
#dashboard .workspace-balance{background:linear-gradient(135deg,rgba(20,37,59,.88),rgba(15,25,42,.82) 62%,rgba(32,27,49,.72));border-color:rgba(157,177,222,.14)}
#dashboard .workspace-kpis{background:linear-gradient(135deg,rgba(17,24,37,.82),rgba(24,27,45,.72));border-color:rgba(171,188,232,.1)}
#dashboard .workspace-services{padding:1px 0}
#dashboard .workspace-feed{padding:17px 18px;border:1px solid rgba(171,188,232,.09);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,36,.58),rgba(29,24,42,.46))}
#dashboard .workspace-services,#dashboard .workspace-feed,#dashboard .account-summary{animation:v309SectionEnter .48s cubic-bezier(.2,.75,.25,1) both}
#dashboard .workspace-services{animation-delay:.04s}#dashboard .workspace-feed{animation-delay:.08s}
@keyframes v309SectionEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#dashboard .resource-preview-row,#dashboard .activity-row{transition:transform .18s ease,background .18s ease,border-color .18s ease}
#dashboard .resource-preview-row:hover{transform:translateY(-1px);border-color:rgba(146,166,222,.18)}
#dashboard .activity-row:hover{background:rgba(129,143,205,.035)}
@media(max-width:760px){#dashboard .cloud-command-strip{grid-template-columns:minmax(175px,1.35fr) repeat(3,minmax(92px,.7fr));overflow-x:auto;scrollbar-width:none}#dashboard .cloud-command-strip::-webkit-scrollbar{display:none}#dashboard .cloud-command-link{display:none}#dashboard .cloud-command-item{min-height:58px}}
@media(max-width:430px){#dashboard .cloud-command-strip{margin:-7px -2px 16px;grid-template-columns:180px repeat(3,100px);overflow-x:auto;scroll-snap-type:x proximity}#dashboard .cloud-command-item{scroll-snap-align:start;padding:10px 12px}#dashboard .cloud-command-item strong{font-size:18px}#dashboard .workspace-feed{padding:14px 13px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){#dashboard::after,#dashboard .cloud-command-icon i,#dashboard .workspace-services,#dashboard .workspace-feed,#dashboard .account-summary{animation:none!important}#dashboard .resource-preview-row,#dashboard .activity-row,#dashboard .cloud-command-link{transition:none!important}}

/* =========================================================
   V310 — VISUAL EXPERIENCE PASS
   More depth, live motion and differentiated surfaces without fake metrics.
   ========================================================= */
:root{--v310-cyan:#61d8e8;--v310-violet:#9b83ff;--v310-indigo:#758dff;--v310-mint:#63d7a6;--v310-warm:#f2a96b}
#landing.marketing-site{position:relative;background:
 radial-gradient(circle at 82% 7%,rgba(104,82,226,.14),transparent 28%),
 radial-gradient(circle at 8% 20%,rgba(41,158,204,.09),transparent 24%),
 linear-gradient(180deg,#060b16 0%,#08101f 42%,#070d19 100%)!important}
#landing.marketing-site:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(126,151,211,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,151,211,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
#landing .site-header{background:rgba(5,11,23,.78)!important;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.marketing-hero{min-height:620px;padding:72px 0 76px}
.marketing-hero:before{width:720px;height:560px;top:-160px;right:-150px;background:radial-gradient(ellipse,rgba(122,92,255,.22),rgba(62,158,218,.09) 38%,transparent 70%);filter:blur(12px);animation:v310Aurora 9s ease-in-out infinite alternate}
.marketing-hero:after{content:"";position:absolute;left:-20%;bottom:-2px;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(117,141,255,.4),rgba(97,216,232,.28),transparent)}
.brand-overline{color:#c4caff}.brand-overline span{box-shadow:0 0 18px rgba(148,165,255,.75)}
.marketing-hero h1{font-weight:720;text-shadow:0 8px 35px rgba(0,0,0,.28)}
.marketing-hero h1 em{background:linear-gradient(110deg,#aeb9ff,#8f9fff 42%,#6ed7e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.button-market-primary{background:linear-gradient(110deg,#91a2ff,#9d8cff 52%,#72b9ef);border-color:rgba(187,197,255,.65);box-shadow:0 12px 30px rgba(100,112,237,.18),inset 0 1px rgba(255,255,255,.35)}
.button-market-primary:hover{background:linear-gradient(110deg,#a9b6ff,#b19fff 52%,#85c8f5);box-shadow:0 16px 38px rgba(100,112,237,.28)}
.hero-live-rail{display:flex;align-items:center;gap:8px;margin-top:19px;width:max-content;max-width:100%;color:#7183a6;font-size:9px;font-weight:760;letter-spacing:.07em;text-transform:uppercase}
.hero-live-rail span{display:flex;align-items:center;gap:5px}.hero-live-rail span i{width:5px;height:5px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 9px rgba(99,215,166,.65);animation:v310Pulse 2.2s ease-out infinite}.hero-live-rail span:nth-of-type(2) i{animation-delay:.5s}.hero-live-rail span:nth-of-type(3) i{animation-delay:1s}.hero-live-rail>b{width:24px;height:1px;background:linear-gradient(90deg,rgba(117,141,255,.15),rgba(117,141,255,.5),rgba(117,141,255,.15));position:relative;overflow:hidden}.hero-live-rail>b:after{content:"";position:absolute;width:7px;height:1px;background:#a9b7ff;animation:v310Packet 2s linear infinite}
.hero-visual-wrap{position:relative;min-width:0;isolation:isolate}.hero-orbit{position:absolute;pointer-events:none;border:1px solid rgba(130,151,255,.12);border-radius:50%;z-index:-1}.hero-orbit-one{width:420px;height:420px;right:-90px;top:-70px;animation:v310Spin 26s linear infinite}.hero-orbit-two{width:310px;height:310px;right:-15px;top:-20px;border-style:dashed;border-color:rgba(97,216,232,.1);animation:v310Spin 20s linear infinite reverse}
.hosting-console{background:linear-gradient(145deg,rgba(18,31,54,.96),rgba(11,20,38,.96));border-color:rgba(155,171,241,.28);box-shadow:0 30px 80px rgba(0,3,16,.46),0 0 55px rgba(92,88,220,.08),inset 0 1px rgba(255,255,255,.04);animation:console-appear .55s both,v310Float 6s ease-in-out 1s infinite}
.hosting-console:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.025) 40%,transparent 62%);transform:translateX(-100%);animation:v310Sheen 7s ease-in-out 2s infinite}
.console-dots i:first-child{box-shadow:0 0 10px rgba(135,154,250,.7)}.console-dots i:nth-child(2){background:#5ed6e7}.console-dots i:nth-child(3){background:#5ed49d}
.console-signal{display:flex;align-items:end;gap:3px;height:18px}.console-signal i{display:block;width:3px;border-radius:3px;background:linear-gradient(#72d7e5,#758dff);animation:v310Bars 1.5s ease-in-out infinite}.console-signal i:nth-child(1){height:6px}.console-signal i:nth-child(2){height:13px;animation-delay:.2s}.console-signal i:nth-child(3){height:9px;animation-delay:.4s}.console-signal i:nth-child(4){height:17px;animation-delay:.6s}
.hero-service-row{position:relative}.hero-service-row:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--v310-indigo),var(--v310-cyan));transition:width .3s ease}.hero-service-row:hover:after{width:100%}
.hero-float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid rgba(149,169,238,.2);background:rgba(9,18,36,.78);backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.28);color:#aebbd5;font-size:9px;border-radius:10px;padding:8px 10px;animation:v310FloatChip 5s ease-in-out infinite}.hero-float-chip-a{right:-22px;top:22px}.hero-float-chip-a>i{width:6px;height:6px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 11px rgba(99,215,166,.7)}.hero-float-chip-a b{color:#75dcb1;font-size:8px;letter-spacing:.07em}.hero-float-chip-b{left:-25px;bottom:28px;animation-delay:-2s}.hero-float-chip-b div{display:flex;align-items:end;gap:2px}.hero-float-chip-b i{width:2px;height:5px;background:#7d91f6;border-radius:2px;animation:v310Bars 1.2s ease-in-out infinite}.hero-float-chip-b i:nth-child(2){height:9px}.hero-float-chip-b i:nth-child(3){height:6px}.hero-float-chip-b i:nth-child(4){height:12px}.hero-float-chip-b i:nth-child(5){height:8px}
.market-availability{position:relative;background:linear-gradient(90deg,rgba(16,31,50,.68),rgba(18,24,47,.54));border-top-color:rgba(91,215,166,.12)!important;border-bottom-color:rgba(112,139,221,.13)!important}.infrastructure-light{box-shadow:0 0 0 5px rgba(79,217,154,.05),0 0 16px rgba(79,217,154,.45)}
.live-flow-band{width:min(var(--ui-max),calc(100% - 48px));margin:24px auto 4px;padding:17px 20px;border:1px solid rgba(131,151,222,.13);border-radius:15px;background:linear-gradient(110deg,rgba(17,31,53,.72),rgba(24,22,49,.58));display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 45px rgba(0,0,0,.13)}.live-flow-copy{display:grid;gap:4px}.live-flow-copy strong{font-size:13px;color:#dfe6f8}.live-kicker{display:flex;align-items:center;gap:6px;color:#7d8fb0;font-size:8px;font-weight:800;letter-spacing:.12em}.live-kicker i{width:6px;height:6px;border-radius:50%;background:var(--v310-mint);box-shadow:0 0 12px rgba(99,215,166,.6);animation:v310Pulse 2s infinite}.live-flow-track{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;color:#8393b0;font-size:9px;font-weight:700}.live-flow-track span{display:flex;align-items:center;gap:5px;white-space:nowrap}.live-flow-track span i{width:5px;height:5px;border-radius:50%;background:#748bff;box-shadow:0 0 9px rgba(116,139,255,.45)}.live-flow-track span:last-child i{background:var(--v310-mint)}.live-flow-track b{position:relative;width:24px;height:1px;background:rgba(119,141,209,.18);overflow:hidden}.live-flow-track b:after{content:"";position:absolute;width:7px;height:1px;background:#8fa2ff;animation:v310Packet 1.8s linear infinite}.live-flow-track b:nth-of-type(2):after{animation-delay:.35s}.live-flow-track b:nth-of-type(3):after{animation-delay:.7s}.live-flow-track b:nth-of-type(4):after{animation-delay:1.05s}
.market-section{position:relative}.market-process{background:radial-gradient(circle at 12% 35%,rgba(73,145,192,.055),transparent 28%)}.market-pricing{background:radial-gradient(circle at 85% 30%,rgba(123,91,230,.07),transparent 31%)}.market-community{background:radial-gradient(circle at 20% 40%,rgba(73,187,164,.055),transparent 26%)}
.process-track li>span{background:linear-gradient(145deg,#1a2949,#17213a);box-shadow:0 0 0 5px rgba(88,111,200,.035)}
#landing .pricing-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#121f34,#101a2d)!important;box-shadow:0 16px 38px rgba(0,0,0,.12)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}#landing .pricing-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#778eff,#7fd2e1,transparent);opacity:.35}#landing .pricing-card:nth-child(even):before{background:linear-gradient(90deg,transparent,#9b83ff,#d07ccf,transparent)}#landing .pricing-card:hover{transform:translateY(-4px)!important;box-shadow:0 24px 52px rgba(0,0,0,.22),0 0 35px rgba(102,112,232,.08)!important}
.community-channels a:nth-child(1){background:linear-gradient(145deg,#151d33,#101a2c)}.community-channels a:nth-child(2){background:linear-gradient(145deg,#121f36,#0e1d31)}.community-channels a:nth-child(3){background:linear-gradient(145deg,#1c1932,#131a2e)}.community-channels a:nth-child(4){background:linear-gradient(145deg,#10252c,#101c2d)}
.market-final{background:linear-gradient(120deg,rgba(31,45,82,.95),rgba(39,31,75,.9));box-shadow:0 24px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)}
@keyframes v310Aurora{0%{transform:translate3d(-2%,0,0) scale(.95);opacity:.65}100%{transform:translate3d(4%,5%,0) scale(1.08);opacity:1}}
@keyframes v310Pulse{0%,100%{transform:scale(.82);opacity:.55}45%{transform:scale(1.2);opacity:1;box-shadow:0 0 14px currentColor}}
@keyframes v310Packet{from{left:-8px}to{left:100%}}
@keyframes v310Spin{to{transform:rotate(360deg)}}
@keyframes v310Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v310FloatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes v310Sheen{0%,68%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@keyframes v310Bars{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@media(max-width:960px){.marketing-hero{min-height:0}.hero-visual-wrap{max-width:680px}.hero-float-chip-a{right:12px}.hero-float-chip-b{left:12px}.live-flow-band{align-items:flex-start;flex-direction:column}.live-flow-track{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}}
@media(max-width:720px){.marketing-hero{padding-top:50px}.hero-orbit{display:none}.hero-float-chip{display:none}.hosting-console{animation:console-appear .5s both}.live-flow-band{width:calc(100% - 36px);margin-top:18px;padding:14px}.live-flow-track{gap:6px}.live-flow-track b{width:15px}.live-flow-copy strong{font-size:12px}#landing .pricing-card:hover{transform:none!important}.hero-live-rail{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.marketing-hero:before,.hosting-console,.hosting-console:after,.hero-orbit,.hero-float-chip,.hero-live-rail i,.hero-live-rail b:after,.console-signal i,.live-kicker i,.live-flow-track b:after{animation:none!important}#landing .pricing-card{transition:none!important}}

/* V311 — CLOUD MOTION COMPOSITION */
#landing-home{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 9%,rgba(77,92,220,.12),transparent 24%),radial-gradient(circle at 90% 44%,rgba(41,180,211,.07),transparent 25%),#060d1b}
#landing-home:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(132,153,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(132,153,220,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 42%)}
.cloud-stage{min-height:430px;display:grid;align-items:center;perspective:900px}
.cloud-node-grid{position:absolute;inset:-28px -35px;z-index:-1;overflow:hidden;border-radius:50%;transform:rotate(-8deg);background:radial-gradient(circle,rgba(112,140,255,.14) 1px,transparent 1.5px);background-size:36px 36px;mask-image:radial-gradient(circle,#000 10%,transparent 68%)}
.cloud-node-grid i{position:absolute;width:9px;height:9px;border:2px solid #7c96ff;border-radius:50%;background:#0b1426;box-shadow:0 0 0 5px rgba(113,143,255,.07),0 0 24px rgba(91,127,255,.55);animation:v311Node 3.4s ease-in-out infinite}.cloud-node-grid i:nth-child(1){left:16%;top:25%}.cloud-node-grid i:nth-child(2){left:72%;top:17%;animation-delay:-.8s}.cloud-node-grid i:nth-child(3){left:85%;top:58%;animation-delay:-1.7s}.cloud-node-grid i:nth-child(4){left:23%;top:74%;animation-delay:-2.3s}.cloud-node-grid i:nth-child(5){left:51%;top:9%;animation-delay:-1.2s}.cloud-node-grid i:nth-child(6){left:55%;top:84%;animation-delay:-2.8s}
.cloud-node-grid span{position:absolute;height:1px;width:46%;left:22%;top:49%;background:linear-gradient(90deg,transparent,rgba(105,137,255,.52),transparent);transform:rotate(25deg);overflow:hidden}.cloud-node-grid span:after{content:"";position:absolute;inset:0;width:22%;background:linear-gradient(90deg,transparent,#86d8ff,transparent);animation:v311Beam 2.8s linear infinite}.cloud-node-grid span:nth-of-type(2){transform:rotate(-35deg);animation-delay:-1s}.cloud-node-grid span:nth-of-type(3){transform:rotate(72deg);animation-delay:-2s}
.hosting-console{transform-style:preserve-3d;border:1px solid rgba(137,160,255,.34)!important;background:linear-gradient(145deg,rgba(17,31,56,.94),rgba(8,18,35,.98))!important;box-shadow:0 34px 90px rgba(0,0,0,.5),-18px -15px 70px rgba(78,95,220,.08),18px 15px 70px rgba(51,189,218,.05)!important}
.infra-marquee{position:relative;z-index:2;width:100%;overflow:hidden;border-block:1px solid rgba(113,140,215,.13);background:rgba(7,15,29,.72);backdrop-filter:blur(12px)}.infra-marquee>div{display:flex;width:max-content;gap:42px;padding:10px 0;color:#7084a8;font-size:9px;font-weight:800;letter-spacing:.12em;animation:v311Ticker 24s linear infinite}.infra-marquee span{display:flex;align-items:center;gap:7px}.infra-marquee i{width:5px;height:5px;border-radius:50%;background:#61d9a7;box-shadow:0 0 10px #61d9a7}
.live-flow-band{border-color:rgba(127,151,235,.2);background:linear-gradient(115deg,rgba(13,31,53,.9),rgba(26,23,61,.72),rgba(9,38,48,.65));box-shadow:0 25px 65px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}
.process-command,.community-signal{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:10px 13px;border:1px solid rgba(120,145,218,.14);border-radius:10px;background:rgba(10,20,38,.68);color:#788aa9;font-size:9px;font-weight:800;letter-spacing:.12em}.process-command b{position:relative;flex:1;height:1px;background:rgba(116,142,221,.16);overflow:hidden}.process-command b i{position:absolute;width:22%;height:1px;background:linear-gradient(90deg,transparent,#85a1ff,transparent);animation:v311Beam 2.3s linear infinite}.process-command em,.community-signal em{color:#68d9ad;font-style:normal}.process-track li{padding:18px!important;border:1px solid rgba(113,138,208,.13);border-radius:14px;background:linear-gradient(145deg,rgba(16,31,54,.7),rgba(9,19,36,.45));box-shadow:0 18px 45px rgba(0,0,0,.09)}.process-track:before{display:none}
#landing .pricing-card{border-color:rgba(119,143,218,.2)!important;background:linear-gradient(150deg,rgba(18,34,59,.98),rgba(11,22,42,.98))!important}.market-pricing:before{content:"";position:absolute;inset:10% -15% 0 45%;pointer-events:none;background:radial-gradient(circle,rgba(110,80,224,.09),transparent 55%)}
.community-signal{margin-bottom:12px}.community-signal span{display:flex;align-items:center;gap:7px}.community-signal span i{width:6px;height:6px;border-radius:50%;background:#65ddb0;box-shadow:0 0 11px #65ddb0;animation:v311Node 2.4s infinite}.community-signal b{width:4px;border-radius:4px;background:#758dff;animation:v310Bars 1.3s infinite}.community-signal b:nth-of-type(1){height:5px}.community-signal b:nth-of-type(2){height:10px;animation-delay:-.3s}.community-signal b:nth-of-type(3){height:15px;animation-delay:-.6s}.community-signal b:nth-of-type(4){height:8px;animation-delay:-.9s}.community-signal em{margin-left:auto}
.community-channels a{overflow:hidden}.community-channels a:after{content:"";position:absolute;width:80px;height:80px;right:-35px;bottom:-45px;border-radius:50%;background:var(--social-glow,rgba(115,139,255,.15));filter:blur(5px);transition:transform .3s}.community-channels a:hover:after{transform:scale(1.5)}.community-channels a:nth-child(1){--social-glow:rgba(255,84,104,.16)}.community-channels a:nth-child(2){--social-glow:rgba(77,176,255,.17)}.community-channels a:nth-child(3){--social-glow:rgba(206,85,226,.17)}.community-channels a:nth-child(4){--social-glow:rgba(62,220,158,.15)}
.market-final{position:relative;overflow:hidden}.market-final:after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(110,194,255,.18),transparent 66%);animation:v311Node 5s ease-in-out infinite}
@keyframes v311Beam{from{left:-24%}to{left:110%}}
@keyframes v311Node{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.18);opacity:1}}
@keyframes v311Ticker{to{transform:translateX(-50%)}}
@media(max-width:720px){.cloud-stage{min-height:0}.cloud-node-grid{inset:-15px;opacity:.65}.infra-marquee>div{gap:28px}.process-command{margin-bottom:14px}.process-track li{padding:14px!important;margin-bottom:10px}.community-signal{overflow:hidden}.community-signal em{display:none}}
@media(prefers-reduced-motion:reduce){.cloud-node-grid i,.cloud-node-grid span:after,.infra-marquee>div,.process-command b i,.community-signal i,.community-signal b,.market-final:after{animation:none!important}}


/* =========================================================
   V312 — AMBIENT CLOUD INFRASTRUCTURE
   Replaces the scrolling ticker with quiet cloud/network motion.
   ========================================================= */
#landing-home{position:relative;isolation:isolate;overflow:hidden}
#landing-home>.ambient-cloud-field{position:absolute;z-index:-1;inset:0;pointer-events:none;overflow:hidden;opacity:.9}
.ambient-cloud-field>i{position:absolute;border-radius:50%;filter:blur(54px);will-change:transform,opacity;animation:v312CloudDrift 20s ease-in-out infinite alternate}
.ambient-cloud-field>i:nth-child(1){width:430px;height:280px;left:-190px;top:6%;background:radial-gradient(circle,rgba(83,113,255,.17),rgba(64,102,223,.06) 48%,transparent 72%)}
.ambient-cloud-field>i:nth-child(2){width:520px;height:320px;right:-260px;top:28%;background:radial-gradient(circle,rgba(64,190,221,.12),rgba(79,94,213,.05) 52%,transparent 74%);animation-delay:-7s;animation-duration:25s}
.ambient-cloud-field>i:nth-child(3){width:460px;height:300px;left:18%;top:66%;background:radial-gradient(circle,rgba(136,94,238,.12),rgba(58,109,209,.045) 54%,transparent 75%);animation-delay:-13s;animation-duration:28s}
.ambient-cloud-field>span{position:absolute;width:48vw;max-width:680px;height:1px;opacity:.22;background:linear-gradient(90deg,transparent,rgba(104,144,255,.55),rgba(93,217,222,.32),transparent);transform:rotate(-13deg);overflow:hidden}
.ambient-cloud-field>span:nth-of-type(1){top:19%;right:-8%}.ambient-cloud-field>span:nth-of-type(2){top:58%;left:-12%;transform:rotate(16deg)}
.ambient-cloud-field>span:after{content:"";position:absolute;top:0;left:-18%;width:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,220,255,.9),transparent);animation:v312DataPulse 6.5s linear infinite}
.ambient-cloud-field>span:nth-of-type(2):after{animation-delay:-3.2s;animation-duration:8s}
.ambient-cloud-field>b{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(103,220,183,.9);box-shadow:0 0 0 5px rgba(90,203,179,.035),0 0 18px rgba(83,216,181,.38);animation:v312NodeBreath 4.2s ease-in-out infinite}
.ambient-cloud-field>b:nth-of-type(1){top:17%;right:14%}.ambient-cloud-field>b:nth-of-type(2){top:47%;left:7%;animation-delay:-1.4s}.ambient-cloud-field>b:nth-of-type(3){top:72%;right:9%;animation-delay:-2.7s}
#landing .market-section,#landing .live-flow-band,#landing .market-availability{position:relative;z-index:1}
#landing .market-section:before{content:"";position:absolute;z-index:-1;inset:4% -8%;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(72,106,194,.035),transparent 62%)}
@keyframes v312CloudDrift{0%{transform:translate3d(-2%,0,0) scale(.96);opacity:.58}50%{transform:translate3d(3%,2%,0) scale(1.06);opacity:.92}100%{transform:translate3d(-1%,5%,0) scale(1.01);opacity:.68}}
@keyframes v312DataPulse{from{transform:translateX(0)}to{transform:translateX(650%)}}
@keyframes v312NodeBreath{0%,100%{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}
@media(max-width:720px){.ambient-cloud-field>i{filter:blur(46px);opacity:.78}.ambient-cloud-field>span{width:75vw;opacity:.16}.ambient-cloud-field>b{opacity:.7}}
@media(prefers-reduced-motion:reduce){.ambient-cloud-field>i,.ambient-cloud-field>span:after,.ambient-cloud-field>b{animation:none!important}}

/* =========================================================
   V313 — VISIBLE CLOUD DEPTH
   Stronger cloud atmosphere, still quiet and content-safe.
   ========================================================= */
#landing-home>.ambient-cloud-field{z-index:0;opacity:1;mix-blend-mode:screen}
#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after{content:"";position:absolute;pointer-events:none;border-radius:50%;will-change:transform,opacity}
#landing-home>.ambient-cloud-field:before{width:92vw;height:38vw;min-height:260px;left:-24vw;top:18%;background:radial-gradient(ellipse at center,rgba(77,151,255,.18) 0%,rgba(88,103,235,.13) 34%,rgba(35,118,183,.055) 58%,transparent 74%);filter:blur(32px);animation:v313CloudFloat 18s ease-in-out infinite alternate}
#landing-home>.ambient-cloud-field:after{width:88vw;height:42vw;min-height:280px;right:-30vw;top:53%;background:radial-gradient(ellipse at center,rgba(84,214,225,.13) 0%,rgba(112,82,235,.13) 36%,rgba(51,90,183,.05) 60%,transparent 76%);filter:blur(38px);animation:v313MistShift 23s ease-in-out -7s infinite alternate}
.ambient-cloud-field>i{filter:blur(38px);opacity:1!important;mix-blend-mode:screen}
.ambient-cloud-field>i:nth-child(1){width:620px;height:390px;left:-210px;top:2%;background:radial-gradient(ellipse,rgba(95,116,255,.27),rgba(61,121,226,.12) 46%,transparent 73%)}
.ambient-cloud-field>i:nth-child(2){width:680px;height:420px;right:-250px;top:31%;background:radial-gradient(ellipse,rgba(68,202,225,.20),rgba(81,95,230,.10) 50%,transparent 74%)}
.ambient-cloud-field>i:nth-child(3){width:640px;height:400px;left:4%;top:67%;background:radial-gradient(ellipse,rgba(151,93,245,.20),rgba(55,132,218,.09) 52%,transparent 75%)}
.ambient-cloud-field>span{height:1px;opacity:.34;filter:drop-shadow(0 0 5px rgba(101,160,255,.22))}
.ambient-cloud-field>b{width:6px;height:6px;box-shadow:0 0 0 7px rgba(90,203,179,.045),0 0 24px rgba(83,216,181,.55)}
#landing .marketing-hero,#landing .market-section,#landing .live-flow-band,#landing .market-availability,#landing .market-footer{position:relative;z-index:2}
#landing .market-section{background:linear-gradient(180deg,rgba(6,13,26,.12),rgba(8,17,32,.24));border-radius:2px}
#landing .market-section:before{inset:-5% -12%;background:radial-gradient(ellipse at 15% 25%,rgba(65,137,211,.075),transparent 45%),radial-gradient(ellipse at 88% 70%,rgba(120,85,225,.065),transparent 44%)}
@keyframes v313CloudFloat{0%{transform:translate3d(-5%,0,0) scale(.94);opacity:.62}45%{transform:translate3d(5%,3%,0) scale(1.08);opacity:1}100%{transform:translate3d(12%,-2%,0) scale(1.02);opacity:.76}}
@keyframes v313MistShift{0%{transform:translate3d(8%,1%,0) scale(1.02);opacity:.55}50%{transform:translate3d(-3%,-4%,0) scale(1.12);opacity:.92}100%{transform:translate3d(-10%,3%,0) scale(.98);opacity:.68}}
@media(max-width:720px){#landing-home>.ambient-cloud-field:before{width:150vw;height:90vw;left:-65vw;top:13%;filter:blur(27px)}#landing-home>.ambient-cloud-field:after{width:155vw;height:96vw;right:-78vw;top:56%;filter:blur(30px)}.ambient-cloud-field>i{filter:blur(30px)}.ambient-cloud-field>i:nth-child(1){left:-300px}.ambient-cloud-field>i:nth-child(2){right:-350px}.ambient-cloud-field>i:nth-child(3){left:-170px}.marketing-hero{padding-bottom:48px}.market-section{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after{animation:none!important}/* v313 reduced motion */}

/* =========================================================
   V314 — CLOUDSCAPE BACKGROUND
   Readable atmospheric cloud banks instead of barely-visible glows.
   ========================================================= */
#landing-home{background:
  radial-gradient(ellipse at 50% -8%,rgba(68,92,180,.20),transparent 34%),
  linear-gradient(180deg,#071022 0%,#06101e 42%,#07111f 100%)}
#landing-home>.ambient-cloud-field{mix-blend-mode:normal;opacity:1;z-index:0}
#landing-home>.ambient-cloud-field:before{width:120vw;height:460px;left:-35vw;top:9%;border-radius:48% 52% 44% 56%/55% 45% 55% 45%;background:
 radial-gradient(ellipse at 18% 62%,rgba(103,142,255,.28) 0 16%,transparent 38%),
 radial-gradient(ellipse at 43% 42%,rgba(76,127,238,.24) 0 19%,transparent 42%),
 radial-gradient(ellipse at 68% 61%,rgba(77,191,226,.17) 0 17%,transparent 40%),
 radial-gradient(ellipse at 82% 40%,rgba(127,99,235,.14) 0 15%,transparent 38%);
 filter:blur(28px);animation:v314CloudBankA 24s ease-in-out infinite alternate}
#landing-home>.ambient-cloud-field:after{width:125vw;height:500px;right:-44vw;top:48%;border-radius:52% 48% 58% 42%/48% 58% 42% 52%;background:
 radial-gradient(ellipse at 20% 48%,rgba(69,205,219,.18) 0 17%,transparent 40%),
 radial-gradient(ellipse at 42% 62%,rgba(69,116,221,.22) 0 20%,transparent 44%),
 radial-gradient(ellipse at 66% 43%,rgba(140,91,235,.20) 0 18%,transparent 42%),
 radial-gradient(ellipse at 84% 62%,rgba(79,145,232,.16) 0 16%,transparent 39%);
 filter:blur(32px);animation:v314CloudBankB 29s ease-in-out -8s infinite alternate}
.ambient-cloud-field>i{border-radius:44% 56% 48% 52%/54% 46% 54% 46%;filter:blur(22px);opacity:.72!important;mix-blend-mode:screen}
.ambient-cloud-field>i:nth-child(1){width:52vw;height:210px;left:-14vw;top:25%;background:radial-gradient(ellipse at 50% 55%,rgba(94,129,238,.22) 0 32%,rgba(62,102,196,.09) 52%,transparent 72%)}
.ambient-cloud-field>i:nth-child(2){width:58vw;height:230px;right:-18vw;top:38%;background:radial-gradient(ellipse at 50% 50%,rgba(67,184,215,.17) 0 30%,rgba(77,93,205,.10) 54%,transparent 73%)}
.ambient-cloud-field>i:nth-child(3){width:62vw;height:240px;left:8vw;top:73%;background:radial-gradient(ellipse at 50% 50%,rgba(131,88,224,.18) 0 30%,rgba(55,119,201,.09) 55%,transparent 74%)}
.ambient-cloud-field>span{opacity:.12!important}.ambient-cloud-field>b{opacity:.45}
#landing .marketing-hero:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:620px;height:620px;right:-250px;top:-180px;background:radial-gradient(circle,rgba(78,146,255,.14),rgba(86,74,218,.07) 38%,transparent 68%);filter:blur(8px);animation:v314HeroHalo 12s ease-in-out infinite alternate}
#landing .market-section,#landing .live-flow-band{backdrop-filter:blur(2px)}
@keyframes v314CloudBankA{0%{transform:translate3d(-5%,0,0) scale(.98);opacity:.72}50%{transform:translate3d(2%,18px,0) scale(1.06);opacity:1}100%{transform:translate3d(8%,-8px,0) scale(1.02);opacity:.82}}
@keyframes v314CloudBankB{0%{transform:translate3d(7%,0,0) scale(1);opacity:.68}50%{transform:translate3d(-2%,-20px,0) scale(1.08);opacity:.96}100%{transform:translate3d(-9%,10px,0) scale(1.01);opacity:.78}}
@keyframes v314HeroHalo{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.55}to{transform:translate3d(4%,4%,0) scale(1.08);opacity:1}}
@media(max-width:720px){
 #landing-home>.ambient-cloud-field:before{width:190vw;height:360px;left:-72vw;top:8%;filter:blur(20px)}
 #landing-home>.ambient-cloud-field:after{width:205vw;height:390px;right:-92vw;top:43%;filter:blur(22px)}
 .ambient-cloud-field>i{filter:blur(18px);opacity:.82!important}
 .ambient-cloud-field>i:nth-child(1){width:125vw;height:180px;left:-52vw;top:22%}
 .ambient-cloud-field>i:nth-child(2){width:135vw;height:200px;right:-64vw;top:37%}
 .ambient-cloud-field>i:nth-child(3){width:140vw;height:210px;left:-28vw;top:70%}
 #landing .marketing-hero:before{width:115vw;height:115vw;right:-62vw;top:-12vw}
}
@media(prefers-reduced-motion:reduce){#landing-home>.ambient-cloud-field:before,#landing-home>.ambient-cloud-field:after,#landing .marketing-hero:before{animation:none!important}}

/* V317 — FINAL DEPTH / CLOUD INFRASTRUCTURE PASS
   Purpose: make the public site feel like a premium cloud product, not a flat admin template. */
#landing-home{position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(ellipse 90% 32% at 50% -4%,rgba(75,106,255,.17),transparent 68%),
 linear-gradient(180deg,#030711 0%,#061226 20%,#050b18 43%,#08152a 64%,#050b18 82%,#030711 100%)}
#landing-home:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(120,151,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,151,220,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0,transparent 34%,#000 56%,transparent 100%)}
#landing-home:after{content:"";position:absolute;z-index:0;pointer-events:none;width:1200px;height:1200px;left:50%;top:420px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(from 180deg,transparent 0 15%,rgba(67,126,255,.06) 24%,transparent 34% 48%,rgba(92,61,226,.07) 59%,transparent 70% 82%,rgba(48,199,226,.055) 91%,transparent);filter:blur(22px);animation:v317CoreRotate 42s linear infinite}
.cloud-atmosphere{z-index:0!important;opacity:1!important}
.cloud-mesh{mix-blend-mode:screen!important;filter:blur(70px)!important}
.cloud-mesh-a{opacity:.78!important}.cloud-mesh-b{opacity:.68!important}.cloud-mesh-c{opacity:.62!important}
.cloud-particles{opacity:.62!important;background-size:72px 72px!important}
.cloud-particles i{width:3px!important;height:3px!important;box-shadow:0 0 18px 5px rgba(91,178,255,.5)!important}
#landing .marketing-hero{min-height:660px;z-index:2;padding-top:76px;padding-bottom:84px}
#landing .marketing-hero-copy{max-width:650px}
#landing .brand-overline{color:#a9b9ff;letter-spacing:.13em}
#landing .marketing-hero h1{font-size:clamp(48px,5.35vw,72px);line-height:1.015;letter-spacing:-.062em;text-wrap:balance}
#landing .marketing-hero h1 em{background:linear-gradient(100deg,#aeb7ff 0%,#8f9cff 38%,#64d9ea 86%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 26px rgba(83,113,255,.16))}
#landing .marketing-hero-copy>p{font-size:17px;max-width:540px;color:#b6c2d8}
#landing .button-market-primary{box-shadow:0 12px 38px rgba(74,93,238,.22),inset 0 1px rgba(255,255,255,.32);position:relative;overflow:hidden}
#landing .button-market-primary:before{content:"";position:absolute;inset:-2px;width:34%;transform:translateX(-160%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:v317ButtonSheen 6.5s ease-in-out infinite}
#landing .hero-visual-wrap{perspective:1000px}
#landing .hosting-console{position:relative;transform:rotateY(-2deg) rotateX(1deg);background:linear-gradient(145deg,rgba(14,30,59,.92),rgba(7,17,36,.9));border-color:rgba(128,157,255,.25);box-shadow:0 40px 100px rgba(0,0,0,.52),0 0 0 1px rgba(113,145,255,.045),0 0 95px rgba(55,118,255,.16),0 0 140px rgba(47,206,224,.06);backdrop-filter:blur(20px)}
#landing .hosting-console:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(139,164,255,.22),transparent 30%,transparent 68%,rgba(70,214,225,.16));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude}
#landing .hosting-console:after{content:"";position:absolute;width:180px;height:180px;right:-55px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.23),transparent 70%);filter:blur(12px);animation:v317ConsolePulse 7s ease-in-out infinite}
#landing .hero-service-list>*{transition:background .25s ease,border-color .25s ease,transform .25s ease}
#landing .hero-service-list>*:hover{background:rgba(90,117,220,.075);transform:translateX(4px)}
#landing .market-availability{border:1px solid rgba(112,142,221,.12);border-left:0;border-right:0;background:linear-gradient(90deg,transparent,rgba(11,28,54,.76) 16%,rgba(12,29,54,.76) 84%,transparent);backdrop-filter:blur(12px)}
#landing .live-flow-band{background:linear-gradient(110deg,rgba(14,31,61,.72),rgba(15,25,55,.64),rgba(8,39,48,.5));border-color:rgba(103,148,230,.18);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.16)}
#landing .market-section{position:relative;border-top:1px solid rgba(124,148,210,.10)}
#landing .market-section:after{content:"";position:absolute;pointer-events:none;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,150,255,.18),transparent)}
#landing .market-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}
#landing .process-track li{background:linear-gradient(145deg,rgba(13,27,53,.72),rgba(8,18,37,.58));border:1px solid rgba(105,136,207,.13);box-shadow:inset 0 1px rgba(255,255,255,.022),0 20px 50px rgba(0,0,0,.10);backdrop-filter:blur(8px)}
#landing .process-track li:nth-child(2){background:linear-gradient(145deg,rgba(18,25,59,.75),rgba(9,18,38,.58))}
#landing .process-track li:nth-child(3){background:linear-gradient(145deg,rgba(8,38,49,.62),rgba(8,18,37,.58))}
#landing .pricing-grid{gap:18px}
#landing .pricing-card{background:linear-gradient(155deg,rgba(17,34,66,.9),rgba(8,18,38,.88));border-color:rgba(112,145,225,.18);box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
#landing .pricing-card:nth-child(even){background:linear-gradient(155deg,rgba(25,28,67,.88),rgba(9,18,39,.9))}
#landing .pricing-card:hover{transform:translateY(-5px);border-color:rgba(127,156,255,.35);box-shadow:0 30px 70px rgba(0,0,0,.26),0 0 45px rgba(75,111,255,.08)}
#landing .community-channels a{background:linear-gradient(145deg,rgba(14,28,55,.82),rgba(8,18,37,.72));border-color:rgba(107,139,209,.15);min-height:122px}
#landing .community-channels a:nth-child(2){background:linear-gradient(145deg,rgba(12,33,57,.85),rgba(8,19,38,.72))}
#landing .community-channels a:nth-child(3){background:linear-gradient(145deg,rgba(37,24,61,.8),rgba(10,18,39,.72))}
#landing .community-channels a:nth-child(4){background:linear-gradient(145deg,rgba(10,43,47,.74),rgba(8,20,38,.72))}
#landing .market-faq-list details{background:rgba(9,20,40,.42);border-color:rgba(108,137,203,.11);transition:background .2s ease,border-color .2s ease}
#landing .market-faq-list details[open]{background:rgba(15,29,57,.72);border-color:rgba(118,149,225,.2)}
#landing .market-final{background:linear-gradient(115deg,rgba(36,48,104,.86),rgba(29,31,82,.9) 55%,rgba(19,55,72,.8));box-shadow:0 26px 70px rgba(0,0,0,.22),0 0 70px rgba(74,97,255,.07)}
#landing .market-footer{background:linear-gradient(180deg,rgba(6,13,28,.75),#050b17 35%);border-top-color:rgba(112,139,202,.12)}
@keyframes v317CoreRotate{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes v317ButtonSheen{0%,62%{transform:translateX(-180%) skewX(-18deg);opacity:0}70%{opacity:1}86%,100%{transform:translateX(430%) skewX(-18deg);opacity:0}}
@keyframes v317ConsolePulse{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.12);opacity:.9}}
@media(max-width:720px){
 #landing-home{background:radial-gradient(ellipse 125% 22% at 50% 1%,rgba(76,100,255,.20),transparent 70%),linear-gradient(180deg,#030711 0%,#07142b 25%,#050b18 48%,#09142c 70%,#030711 100%)}
 #landing-home:before{background-size:44px 44px;opacity:.42}
 #landing-home:after{width:780px;height:780px;top:520px;opacity:.7}
 #landing .marketing-hero{padding-top:46px;padding-bottom:56px;gap:34px}
 #landing .marketing-hero h1{font-size:clamp(42px,12vw,55px);line-height:1.02}
 #landing .marketing-hero-copy>p{font-size:15px;line-height:1.65}
 #landing .hero-visual-wrap{display:block!important;margin-top:4px}
 #landing .hosting-console{transform:none;box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 60px rgba(63,114,255,.13)}
 #landing .hosting-console-top{padding:15px 16px}
 #landing .hosting-console-body{padding:18px 16px}
 #landing .hero-service-list{max-height:210px;overflow:hidden}
 #landing .market-availability{margin-top:2px}
 #landing .live-flow-band{background:linear-gradient(145deg,rgba(15,31,62,.8),rgba(10,25,49,.72));padding:16px}
 #landing .live-flow-track{display:grid;grid-template-columns:repeat(5,auto);width:100%;overflow:hidden;gap:4px}
 #landing .live-flow-track b{display:none}
 #landing .live-flow-track span{font-size:9px;justify-content:center}
 #landing .market-section{padding-top:58px;padding-bottom:58px}
 #landing .market-section h2{font-size:38px}
 #landing .process-track li{padding:20px 18px}
 #landing .pricing-card:hover{transform:none}
 #landing .community-channels{gap:12px}
 #landing .community-channels a{min-height:112px}
}
@media(prefers-reduced-motion:reduce){#landing-home:after,#landing .button-market-primary:before,#landing .hosting-console:after{animation:none!important}}


/* 2D6.8 — High/Medium quality selector + direct checkout polish */
.performance-tiers{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  overflow:visible;
  margin:2px 0 16px;
  padding:0;
}
.performance-tab{
  min-width:0;
  min-height:72px;
  padding:12px 14px;
  border:1px solid rgba(131,153,210,.20);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(24,39,65,.92),rgba(12,24,43,.96));
  color:#cbd6ea;
  display:grid;
  align-content:center;
  gap:4px;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.performance-tab strong{display:block;color:#f3f6ff;font-size:14px;line-height:1.2}
.performance-tab small{display:block;color:#8392ae;font-size:10.5px;line-height:1.35;font-weight:500}
.performance-tab:hover{transform:translateY(-1px);border-color:rgba(142,164,235,.38)}
.performance-tab.active{
  border-color:rgba(137,158,255,.72);
  background:linear-gradient(145deg,rgba(47,66,112,.96),rgba(20,37,67,.98));
  box-shadow:0 0 0 1px rgba(132,153,255,.10),0 12px 30px rgba(15,28,65,.24);
}
.performance-tab.active strong{color:#fff}
.performance-tab.active small{color:#b8c7e6}
.package-tier{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid rgba(133,155,220,.16);
  border-radius:999px;
  background:rgba(112,136,214,.08);
  color:#b9c7ed;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.02em;
}
.package-tier.high{background:rgba(104,128,226,.12);color:#cbd6ff}
.package-tier.medium{background:rgba(89,176,174,.09);border-color:rgba(101,184,181,.16);color:#b9dfdc}
#dashboard .package-choice-button::after{content:'  →';font-weight:700}
#dashboard .package-choice.selected .package-choice-button::after{content:''}
#dashboard .package-choice-button{transition:transform .15s ease,border-color .15s ease,background .15s ease}
#dashboard .package-choice-button:active{transform:scale(.985)}
@media(max-width:520px){
  .performance-tiers{gap:8px;margin-bottom:14px}
  .performance-tab{min-height:68px;padding:10px 11px;border-radius:12px}
  .performance-tab strong{font-size:13px}
  .performance-tab small{font-size:9.5px}
}
@media(max-width:360px){
  .performance-tiers{grid-template-columns:1fr}
  .performance-tab{min-height:58px}
}

/* v2D6.28 High Quality: 30 hari atau Flex */
.flex-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--ui-border)}
.flex-section-head h2{margin:0;color:#f1f5ff;font-size:17px}.flex-section-head p{margin:4px 0 0;max-width:620px;color:var(--ui-muted);font-size:12px;line-height:1.5}
.package-flex-hint{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(145,162,218,.11);color:#aebcf0;font-size:11px;font-weight:700;letter-spacing:.01em}
@media(max-width:620px){.flex-section-head{align-items:flex-start;flex-direction:column}}

/* v2D6.32.1 — polished product editor */
.product-editor-polished{width:min(650px,calc(100vw - 24px));max-height:92svh;overflow:auto;background:linear-gradient(160deg,#0b162b,#091225);border-color:rgba(132,156,227,.18)}.product-editor-polished form{gap:12px;padding:18px}.product-editor-group{display:grid;gap:11px;padding:14px;border:1px solid rgba(128,151,219,.10);border-radius:14px;background:rgba(8,18,37,.50)}.product-editor-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(128,151,219,.08)}.product-editor-group-head>span{color:#edf2ff;font-size:12px;font-weight:800}.product-editor-group-head>small{max-width:290px;text-align:right;color:#7183a4;font-size:9px;line-height:1.4}.product-editor-polished input:not([type=checkbox]),.product-editor-polished textarea,.product-editor-polished select{border:1px solid rgba(133,157,227,.14)!important;background:#0a172d!important;color:#eef3ff!important;border-radius:11px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}.product-editor-polished textarea{padding:10px 12px;min-height:76px}.product-editor-polished input:focus,.product-editor-polished textarea:focus{outline:0;border-color:rgba(118,145,255,.48)!important;box-shadow:0 0 0 3px rgba(97,124,235,.08)!important}.product-editor-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.product-editor-highlight-grid label{padding:11px;border:1px solid rgba(112,139,236,.12);border-radius:12px;background:linear-gradient(145deg,rgba(79,105,206,.09),rgba(10,23,45,.24))}.product-editor-highlight-grid input{margin-top:3px}.product-editor-more-prices{border-top:1px solid rgba(128,151,219,.07);padding-top:8px}.product-editor-more-prices summary{cursor:pointer;color:#8ea0c3;font-size:10px;font-weight:700;list-style:none}.product-editor-more-prices summary::-webkit-details-marker{display:none}.product-editor-more-prices summary::after{content:' +';color:#728cff}.product-editor-more-prices[open] summary::after{content:' −'}.product-editor-more-prices .product-editor-grid{margin-top:10px}.product-editor-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-editor-toggles{margin:0}.product-editor-switch{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:58px;padding:9px 11px;border:1px solid rgba(128,151,219,.09);border-radius:12px;background:rgba(10,22,43,.52);cursor:pointer}.product-editor-switch>span{display:flex;flex-direction:column;gap:3px}.product-editor-switch strong{color:#e8efff;font-size:11px}.product-editor-switch small{color:#7183a4;font-size:9px}.product-editor-switch input{position:absolute;opacity:0;pointer-events:none}.product-editor-switch i{position:relative;width:38px;height:22px;border-radius:999px;background:#24324b;box-shadow:inset 0 0 0 1px rgba(140,158,205,.15);transition:.2s}.product-editor-switch i::after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#a9b4cb;transition:.2s}.product-editor-switch input:checked+i{background:linear-gradient(135deg,#6277f2,#55b7df)}.product-editor-switch input:checked+i::after{transform:translateX(16px);background:white}.product-editor-safe-note{padding:0 2px}.product-editor-actions-sticky{position:sticky;bottom:0;z-index:3;margin:0 -18px -18px;padding:12px 18px 18px;background:linear-gradient(180deg,rgba(9,18,37,.4),#091225 34%);border-top:1px solid rgba(128,151,219,.08)}
@media(max-width:620px){.product-editor-polished{position:fixed;inset:auto 8px 8px;width:auto;max-height:91svh;margin:0;border-radius:22px 22px 16px 16px}.product-editor-polished form{padding:14px;gap:10px}.product-editor-group{padding:12px;border-radius:13px}.product-editor-group-head{display:block}.product-editor-group-head>small{display:block;max-width:none;text-align:left;margin-top:3px}.product-editor-highlight-grid{grid-template-columns:1fr 1fr}.product-editor-resource-grid{grid-template-columns:1fr}.product-editor-actions-sticky{margin:0 -14px -14px;padding:11px 14px 14px;grid-template-columns:.85fr 1.15fr}.product-editor-actions-sticky .button{min-height:44px}.product-editor-polished textarea{min-height:70px}}

/* v2D6.32.7 — Admin filter touch reliability */
#dashboard .admin-filter-toggle{position:relative;z-index:3;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* v2D6.32.10 — checkout identity validation */
#dashboard .purchase-step .purchase-helper.is-error{color:#ffaaa7;font-weight:700}
#dashboard #checkout-panel-username[aria-invalid="true"],#dashboard #checkout-panel-password[aria-invalid="true"]{border-color:#e38d92;box-shadow:0 0 0 3px rgba(227,141,146,.10)}

/* v2D6.32.17 — service detail UX polish */
#service-detail-layer .service-inline-panel{padding:18px;border:1px solid rgba(122,145,219,.14);border-radius:16px;background:linear-gradient(145deg,rgba(14,27,54,.88),rgba(8,18,38,.9));box-shadow:0 16px 42px rgba(0,0,0,.14)}
#service-detail-layer .service-credential-box{padding:14px;border:1px solid rgba(126,148,221,.16);border-radius:12px;background:rgba(4,11,25,.68)}
#service-detail-layer .service-credential-box code{display:block;color:#eef3ff;font-size:15px;line-height:1.55;overflow-wrap:anywhere;user-select:all}
#service-detail-layer .service-inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
#service-detail-layer .service-renew-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#service-detail-layer .service-renew-quick button{min-height:42px;border:1px solid rgba(126,148,221,.16);border-radius:11px;background:rgba(20,34,64,.72);color:#dfe7fb;font:inherit;font-weight:700;cursor:pointer}
#service-detail-layer .service-renew-quick button.selected{border-color:#91a5ff;background:rgba(71,94,189,.34);box-shadow:0 0 0 3px rgba(106,130,255,.1)}
#service-detail-layer .service-renew-custom{display:grid;gap:7px;margin-top:12px;color:#91a0bf;font-size:12px}
#service-detail-layer .service-renew-custom input{height:46px;padding:0 13px;border:1px solid rgba(126,148,221,.16);border-radius:11px;background:#0a1730;color:#eef3ff;font:inherit;outline:0}
#service-detail-layer .service-renew-custom input:focus{border-color:#7c95ff;box-shadow:0 0 0 3px rgba(107,132,255,.1)}
#service-detail-layer .service-renew-quote{min-height:66px;margin-top:12px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(126,148,221,.13);border-radius:12px;background:rgba(5,14,31,.56);color:#9cabca}
#service-detail-layer .service-renew-quote-copy{display:grid;gap:3px}#service-detail-layer .service-renew-quote-copy span{color:#e8eeff;font-weight:750}#service-detail-layer .service-renew-quote-copy small{color:#8190ae}#service-detail-layer .service-renew-quote>strong{color:#f1f5ff;font-size:16px;white-space:nowrap}
#service-detail-layer .service-upgrade-option.selected{border-color:#8fa4ff;background:rgba(53,75,150,.38);box-shadow:0 0 0 3px rgba(107,132,255,.09)}
#service-detail-layer .service-upgrade-selection{margin:12px 0 0;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(114,139,236,.22);border-radius:12px;background:rgba(31,47,91,.52)}
#service-detail-layer .service-upgrade-selection>div{display:grid;gap:3px}#service-detail-layer .service-upgrade-selection span{color:#8392b0;font-size:11px}#service-detail-layer .service-upgrade-selection strong,#service-detail-layer .service-upgrade-selection b{color:#eef3ff}
#service-detail-layer .service-software-form{display:block}
#service-detail-layer .service-software-status{margin:0 0 12px;color:#91a0bf;font-size:12px;line-height:1.5}
#service-detail-layer .service-software-options{display:grid;gap:13px;max-height:44dvh;overflow:auto;padding-right:2px}
#service-detail-layer .service-software-group{display:grid;gap:8px}
#service-detail-layer .service-software-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}#service-detail-layer .service-software-group-head strong{color:#cfd8ef;font-size:12px}#service-detail-layer .service-software-group-head span{color:#7181a4;font-size:10px}
#service-detail-layer .service-software-list{display:grid;gap:7px}
#service-detail-layer .service-software-choice{width:100%;min-height:58px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid rgba(126,148,221,.14);border-radius:12px;background:rgba(12,24,49,.68);color:#e9efff;text-align:left;cursor:pointer}
#service-detail-layer .service-software-choice:hover,#service-detail-layer .service-software-choice:focus-visible{border-color:rgba(129,151,245,.4);background:rgba(35,52,98,.62)}
#service-detail-layer .service-software-choice.selected{border-color:#8fa4ff;background:rgba(53,75,150,.38);box-shadow:0 0 0 3px rgba(107,132,255,.09)}
#service-detail-layer .service-software-choice-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(99,124,226,.1);color:#9bb0ff}.service-software-choice-copy{display:grid;gap:3px}.service-software-choice-copy strong{font-size:13px}.service-software-choice-copy small{color:#8292b2;font-size:10px}.service-software-choice-check{opacity:0;color:#c8d3ff;font-weight:800}.service-software-choice.selected .service-software-choice-check{opacity:1}
#service-detail-layer .service-software-actions{position:sticky;bottom:-1px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;padding-top:11px;background:linear-gradient(180deg,rgba(8,18,38,0),#081226 28%)}
.transaction-detail-action.danger{color:#ffaaa4;border-color:rgba(255,113,104,.2);background:rgba(181,55,55,.08)}
.transaction-cancel-layer{position:fixed;inset:0;z-index:1320;display:grid;place-items:center;padding:18px}.transaction-cancel-layer.hidden{display:none}.transaction-cancel-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.transaction-cancel-dialog{position:relative;width:min(390px,100%);padding:22px;border:1px solid rgba(138,155,212,.18);border-radius:20px;background:linear-gradient(155deg,#0d1830,#081224);box-shadow:0 26px 80px rgba(0,0,0,.48);display:grid;gap:16px;animation:service-drawer-in .18s ease-out both}.transaction-cancel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,100,91,.09);border:1px solid rgba(255,112,102,.15);color:#ffaaa2;font-size:20px;font-weight:800}.transaction-cancel-dialog h2{margin:4px 0 6px;color:#f5f7ff;font-size:21px}.transaction-cancel-dialog p{margin:0;color:#8f9db9;font-size:12px;line-height:1.55}.transaction-cancel-summary{padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:1px solid rgba(126,148,221,.12);border-radius:12px;background:rgba(5,13,29,.62)}.transaction-cancel-summary span{color:#dfe7fa;font-weight:700}.transaction-cancel-summary strong{color:#fff}.transaction-cancel-summary small{grid-column:1/-1;color:#7282a3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.transaction-cancel-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.transaction-cancel-open{overflow:hidden}
@media(max-width:390px){#service-detail-layer .service-inline-actions,#service-detail-layer .service-software-actions,.transaction-cancel-actions{grid-template-columns:1fr}#service-detail-layer .service-renew-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.transaction-cancel-dialog{padding:18px;border-radius:17px}}
#service-detail-layer .service-data-list{display:grid;border:1px solid rgba(126,148,221,.13);border-radius:14px;overflow:hidden;background:rgba(6,15,32,.48)}
#service-detail-layer .service-data-row{min-height:48px;padding:10px 13px;display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;border-bottom:1px solid rgba(126,148,221,.09)}
#service-detail-layer .service-data-row:last-child{border-bottom:0}
#service-detail-layer .service-data-row span{color:#8190ae;font-size:11px}
#service-detail-layer .service-data-row strong{color:#e8eeff;font-size:12px;text-align:right;overflow-wrap:anywhere}
#service-detail-layer .service-warranty-status-card{min-height:68px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(126,148,221,.15);border-radius:13px;background:rgba(7,16,34,.58)}
#service-detail-layer .service-warranty-status-card.is-success{border-color:rgba(79,205,147,.30);background:rgba(20,82,59,.22)}
#service-detail-layer .service-warranty-status-card.is-error{border-color:rgba(244,98,123,.30);background:rgba(96,29,47,.22)}
#service-detail-layer .service-warranty-status-card.is-pending{border-color:rgba(238,190,88,.26);background:rgba(88,67,25,.20)}
#service-detail-layer .service-warranty-status-copy{display:grid;gap:4px}
#service-detail-layer .service-warranty-status-copy span{color:#8292b2;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
#service-detail-layer .service-warranty-status-copy strong{color:#eef3ff;font-size:14px}
#service-detail-layer .service-warranty-status-card>b{color:#aab9db;font-size:12px;white-space:nowrap}
#service-detail-layer .service-warranty-meta{display:grid;margin-top:10px;border:1px solid rgba(126,148,221,.10);border-radius:12px;overflow:hidden}
#service-detail-layer .service-warranty-meta-row{padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid rgba(126,148,221,.08)}
#service-detail-layer .service-warranty-meta-row:last-child{border-bottom:0}
#service-detail-layer .service-warranty-meta-row span{color:#8090af;font-size:10px}
#service-detail-layer .service-warranty-meta-row strong{color:#dfe7fb;font-size:11px;text-align:right}
@media(max-width:390px){#service-detail-layer .service-data-row{grid-template-columns:1fr;gap:4px}#service-detail-layer .service-data-row strong{text-align:left}#service-detail-layer .service-warranty-meta-row{grid-template-columns:1fr;gap:3px}#service-detail-layer .service-warranty-meta-row strong{text-align:left}}

/* service-detail-layout-v2 — compact primary data + collapsible technical metadata */
#service-detail-layer .service-detail-drawer{max-width:100vw}
#service-detail-layer .service-detail-scroll{overflow-x:hidden}
#service-detail-layer .service-detail-section,#service-detail-layer .service-data-list,#service-detail-layer .service-data-primary,#service-detail-layer .service-data-technical{min-width:0}
#service-detail-layer .service-data-list{display:grid;gap:10px;border:0;border-radius:0;overflow:visible;background:transparent}
#service-detail-layer .service-data-primary,#service-detail-layer .service-data-technical{display:grid;border:1px solid rgba(126,148,221,.13);border-radius:14px;overflow:hidden;background:rgba(6,15,32,.48)}
#service-detail-layer .service-data-row{min-height:52px;padding:11px 13px;display:grid;grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);align-items:center;gap:14px;border-bottom:1px solid rgba(126,148,221,.09)}
#service-detail-layer .service-data-row:last-child{border-bottom:0}
#service-detail-layer .service-data-label{min-width:0;color:#7f90b1;font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.055em}
#service-detail-layer .service-data-value{display:block;min-width:0;max-width:100%;color:#edf2ff;font-size:12.5px;line-height:1.48;text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
#service-detail-layer .service-technical-details{border:1px solid rgba(126,148,221,.11);border-radius:14px;background:rgba(7,16,34,.38);overflow:hidden}
#service-detail-layer .service-technical-summary{min-height:54px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;user-select:none}
#service-detail-layer .service-technical-summary::-webkit-details-marker{display:none}
#service-detail-layer .service-technical-copy{display:grid;gap:2px;min-width:0}
#service-detail-layer .service-technical-copy strong{color:#cbd6ef;font-size:11px}
#service-detail-layer .service-technical-copy small{color:#7182a4;font-size:9.5px;line-height:1.35}
#service-detail-layer .service-technical-toggle{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(89,112,193,.09);color:#91a7e8;font-size:16px;transition:transform .18s ease}
#service-detail-layer .service-technical-details[open] .service-technical-toggle{transform:rotate(180deg)}
#service-detail-layer .service-technical-details .service-data-technical{margin:0 10px 10px;border-radius:11px}
@media(max-width:620px){#service-detail-layer .service-detail-drawer{width:100vw;max-width:none;border-left:0}#service-detail-layer .service-detail-scroll{padding:14px;overflow-x:hidden}#service-detail-layer .service-data-row{grid-template-columns:1fr;gap:5px;padding:12px 13px;align-items:start}#service-detail-layer .service-data-value{text-align:left;font-size:13px}#service-detail-layer .service-data-label{font-size:9.5px}#service-detail-layer .service-detail-header{padding-inline:16px}}
@media(max-width:360px){#service-detail-layer .service-detail-scroll{padding:12px}#service-detail-layer .service-data-row{padding:11px 12px}}

/* service-detail-hub-v3 — keep management compact; reveal metadata/password on demand */
#service-detail-layer .service-info-panel{display:grid;gap:14px;min-width:0}
#service-detail-layer .service-info-panel.hidden{display:none}
#service-detail-layer .service-info-panel>.service-detail-section{margin:0}
#service-detail-layer .service-info-panel>.service-hero-card{margin:0}
#service-detail-layer .service-info-panel>.service-detail-summary{margin:0}
#service-detail-layer .service-password-section{border-color:rgba(114,139,236,.16);background:linear-gradient(145deg,rgba(12,25,51,.78),rgba(7,16,34,.72))}
#service-detail-layer .service-password-status{margin:0 0 12px;padding:11px 12px;border:1px solid rgba(126,148,221,.12);border-radius:11px;background:rgba(4,13,29,.45);color:#8c9bbb;font-size:11px;line-height:1.5}
#service-detail-layer .service-password-status.is-ready{border-color:rgba(83,207,150,.24);background:rgba(20,82,59,.17);color:#b9efd4}
#service-detail-layer .service-password-status.is-unavailable{border-color:rgba(126,148,221,.12);color:#8c9bbb}
#service-detail-layer .service-password-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#service-detail-layer .service-credential-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(126,148,221,.10)}
#service-detail-layer .service-credential-panel.hidden{display:none}
@media(max-width:390px){#service-detail-layer .service-password-actions{grid-template-columns:1fr}}


/* LYNZZ product catalogue / owner preview refinement 2026-10-18.
 * Presentation only. Keep pricing and routing untouched. */
#dashboard .package-choice{gap:10px;min-height:0;padding:18px;background:linear-gradient(157deg,#1a2c49 0%,#111e33 82%);border:1px solid rgba(139,164,230,.20);box-shadow:0 14px 35px rgba(0,0,0,.09);transition:border-color .18s ease,transform .18s ease}
#dashboard .package-choice:hover{border-color:rgba(139,164,230,.40)}
#dashboard .package-choice-head{min-height:0;align-items:start;gap:10px}
#dashboard .package-choice-title{display:flex;align-items:center;gap:7px;min-width:0}
#dashboard .package-choice-title strong{font-size:19px;line-height:1.25;letter-spacing:-.025em}
#dashboard .package-choice-title .package-tier{font-size:10px;line-height:1.2;font-weight:650;padding:5px 8px;border:1px solid rgba(133,153,239,.20);border-radius:999px;background:rgba(112,132,214,.13);color:#c5d0ff}
#dashboard .package-choice-price{flex-shrink:0;gap:2px}
#dashboard .package-choice-price strong{font-size:19px;letter-spacing:-.025em;white-space:nowrap}
#dashboard .package-choice-price small{font-size:11px;color:#aab8d2}
#dashboard .package-choice-description{min-height:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;color:#b7c5dd;margin:2px 0 0}
#dashboard .package-choice-audience{margin:0;line-height:1.4;font-size:11px;color:#8da2c6;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#dashboard .package-choice-recommended{align-self:flex-start;display:inline-flex;padding:5px 9px;border-radius:99px;border:1px solid rgba(157,144,255,.25);background:rgba(129,109,250,.12);color:#d4c7ff;font-size:10px;font-weight:700}
#dashboard .package-choice-specs{display:flex;gap:6px;margin:2px 0 0}
#dashboard .package-choice-specs span{border:1px solid rgba(133,153,205,.10);background:rgba(110,135,192,.10);border-radius:8px;min-height:28px;padding:5px 8px;font-size:11px;color:#d7e2f5}
#dashboard .package-choice-flex{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:12px 0 0;border-top:1px solid rgba(142,165,224,.12);font-size:11px;color:#adbedf}
#dashboard .package-choice-flex strong{font-size:12px;color:#d3deff;font-weight:700;white-space:nowrap}
#dashboard .package-choice-button{margin:8px 0 0;min-height:46px;width:100%;border-radius:11px;font-weight:700;background:#253b60;border:1px solid rgba(133,162,245,.27)}
#dashboard .package-choice.selected{border-color:rgba(135,158,250,.58)}

/* Live consumer preview within Admin Owner product editor. */
#product-editor .product-editor-live-section{padding:0;display:grid;gap:9px}
#product-editor .product-editor-live-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#edf1ff;font-size:12px}
#product-editor .product-editor-live-heading small{margin-left:auto;font-size:10px;color:#8296bc}
#product-editor .product-editor-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ed5c4;box-shadow:0 0 0 4px rgba(110,213,196,.10)}
#product-editor .product-preview-card{display:grid;gap:10px;padding:15px;border:1px solid rgba(137,161,236,.23);border-radius:16px;background:linear-gradient(145deg,#192b49,#0e1b32 89%)}
#product-editor .product-preview-card.is-unavailable{opacity:.60}
#product-editor .product-preview-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
#product-editor .product-preview-identity{display:grid;justify-items:start;gap:5px;min-width:0}
#product-editor .product-preview-identity>strong{color:#f1f5ff;letter-spacing:-.02em;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
#product-editor .product-preview-identity>span{display:inline-flex;padding:4px 8px;border:1px solid rgba(129,148,230,.18);border-radius:999px;background:rgba(121,142,222,.14);font-size:10px;color:#c8d1ff}
#product-editor .product-preview-money{text-align:right;flex:none}
#product-editor .product-preview-money strong{display:block;color:#f2f6ff;white-space:nowrap;font-size:18px}
#product-editor .product-preview-money small{display:block;color:#a8b6d2;font-size:10px;margin-top:3px}
#product-editor .product-preview-card p{margin:0;color:#b5c4de;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#product-editor .product-preview-audience{color:#94aaca;font-size:11px}
#product-editor .product-preview-audience:empty{display:none}
#product-editor .product-preview-resources{display:flex;flex-wrap:wrap;gap:6px}
#product-editor .product-preview-resources span{display:inline-flex;padding:6px 8px;border-radius:8px;background:rgba(114,134,197,.14);font-size:10px;color:#d4def4}
#product-editor .product-preview-popular{justify-self:start;padding:4px 8px;border:1px solid rgba(156,142,255,.22);border-radius:999px;background:rgba(113,91,230,.12);color:#d8c9ff;font-size:10px}
#product-editor .product-preview-flex{border-top:1px solid rgba(145,162,218,.13);padding-top:9px;color:#bdcaff;font-size:11px}
#product-editor .product-preview-flex[hidden],#product-editor .product-preview-popular[hidden]{display:none}
#product-editor .product-preview-cta{padding:11px 13px;border-radius:10px;border:1px solid rgba(139,162,237,.23);background:#263c61;color:#eef3ff;text-align:center;font-size:12px;font-weight:700}
#product-editor .product-preview-cta span{margin-left:5px}
#product-editor .product-editor-live-help{color:#8395b5;font-size:10px;line-height:1.4}
#product-editor .product-editor-actions{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
@media(max-width:620px){
 #dashboard .package-choice{padding:16px;gap:9px}
 #dashboard .package-choice-head{flex-wrap:wrap;row-gap:5px}
 #dashboard .package-choice-title{flex:1 1 100%}
 #dashboard .package-choice-price{display:flex;justify-items:start;align-items:baseline;gap:8px;text-align:left}
 #dashboard .package-choice-price small{margin:0}
 #dashboard .package-choice-price-prefix{order:-1}
 #dashboard .package-choice-description{font-size:12px;margin-top:4px}
 #dashboard .package-choice-button{margin-top:8px;min-height:46px}
 #product-editor .product-preview-card{padding:12px}
 #product-editor .product-preview-identity>strong{font-size:16px}
 #product-editor .product-preview-money strong{font-size:16px}
 #product-editor .product-editor-live-heading small{flex:0 0 100%;margin-left:15px}
 #product-editor .product-editor-actions-sticky{gap:9px}
 #product-editor .product-editor-actions-sticky .button{min-width:0;padding:10px 7px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#dashboard .package-choice{transition:none}}

/* Lifecycle: completed order does not imply a running server. */
#dashboard .service-expired-row{border-color:rgba(235,163,92,.25)}
#dashboard .service-expired-row .service-list-main>strong{color:#ecf1ff}
#dashboard .service-list-side{flex-wrap:wrap;row-gap:8px}
#dashboard .service-renew-now{border-color:rgba(143,166,252,.4);color:#dce6ff;background:rgba(62,85,161,.23)}
#dashboard .service-expiry-notice{margin:10px 0 16px;padding:12px 14px;border:1px solid rgba(237,174,103,.33);border-radius:12px;background:rgba(130,75,23,.14);color:#f1c99f;font-size:12px;line-height:1.65}
#dashboard .service-expiry-notice.hidden{display:none}
@media(max-width:390px){#dashboard .service-expired-row .service-list-side{gap:7px}}

/* LYNZZ Mobile Interaction Polish — 2026-10-19.
   Remove the Android tap flash on interactive surfaces, not keyboard focus. */
body :is(button, a, label, summary, [role="button"], [role="tab"], [role="option"],
  input[type="checkbox"], input[type="radio"], .transaction-row, .list-row,
  .wallet-history-row, .activity-center-row, .notification-row,
  .service-list-row, .reseller-entry, .reseller-customer-row) {
  -webkit-tap-highlight-color: transparent;
}
@media (pointer: coarse) {
  body :is(button, a, summary, [role="button"], [role="tab"], .transaction-row,
    .wallet-history-row, .activity-center-row, .notification-row, .service-list-row) {
    touch-action: manipulation;
  }
}
/* Native outlines remain for keyboard and assistive-device navigation. */
#dashboard :is(.transaction-row, .list-row, .wallet-history-row, .activity-center-row,
  .status-filter, .content-tab, .small-button, .load-more):focus-visible,
#notification-layer :is(.notification-row, .notification-tab, .notification-read-all):focus-visible {
  outline: 2px solid #a3b4ff !important;
  outline-offset: -2px;
}
#dashboard :is(.transaction-row, .list-row, .wallet-history-row, .activity-center-row):active,
#notification-layer .notification-row:active {
  transform: scale(.997);
  box-shadow: inset 0 0 0 1px rgba(153,174,237,.22) !important;
}
@media (hover:none) {
  /* Avoid sticky hover backgrounds after an Android tap. */
  #dashboard :is(.transaction-row, .list-row, .wallet-history-row, .activity-center-row):hover,
  #notification-layer .notification-row:hover { background-color: transparent; }
}

/* Billing controls: readable status filters and a clear selected tab. */
#dashboard [data-view-panel="billing"] .billing-toolbar { gap: 11px !important; }
#dashboard [data-view-panel="billing"] .content-tabs {
  border: 1px solid rgba(134,154,224,.19) !important;
  background: rgba(5,14,32,.72) !important;
  border-radius: 13px !important;
  padding: 4px !important;
  gap: 5px !important;
}
#dashboard [data-view-panel="billing"] .content-tab {
  min-height: 44px !important;
  border: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #a5b5d7 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#dashboard [data-view-panel="billing"] .content-tab.active {
  background: rgba(87,109,199,.27) !important;
  border-color: rgba(140,158,243,.4) !important;
  color: #f0f4ff !important;
  box-shadow: inset 0 -2px rgba(159,172,255,.65) !important;
}
#dashboard [data-view-panel="billing"] .status-filters {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
  overflow: visible !important;
}
#dashboard [data-view-panel="billing"] .status-filter {
  height: auto !important;
  min-height: 43px !important;
  min-width: 0 !important;
  padding: 0 7px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(126,149,219,.21) !important;
  background: rgba(11,24,48,.68) !important;
  color: #acbcda !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  transition: border-color .15s ease, background .15s ease;
}
#dashboard [data-view-panel="billing"] .status-filter.active {
  background: rgba(82,107,198,.24) !important;
  color: #f0f4ff !important;
  border-color: rgba(146,164,247,.59) !important;
  box-shadow: inset 0 0 0 1px rgba(130,151,244,.12) !important;
}

/* The invoice and order list should feel like quiet, touchable rows—not blue overlays. */
#dashboard [data-view-panel="billing"] .transaction-surface { overflow:hidden !important; }
#dashboard [data-view-panel="billing"] .data-list {
  display: grid;
  gap: 8px;
  padding: 9px;
}
#dashboard [data-view-panel="billing"] .transaction-row {
  cursor: pointer;
  min-height: 79px !important;
  min-width: 0;
  padding: 13px 14px !important;
  border: 1px solid rgba(125,149,220,.16) !important;
  border-radius: 14px !important;
  background: rgba(14,29,57,.43) !important;
  box-shadow: none !important;
  transition: border-color .15s ease,transform .15s ease !important;
}
#dashboard [data-view-panel="billing"] .transaction-row:active {
  background: rgba(14,29,57,.43) !important;
  border-color: rgba(148,168,244,.46) !important;
}
#dashboard [data-view-panel="billing"] .transaction-main strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  line-height: 1.35;
  color: #edf3ff;
  font-size: 12.5px !important;
}
#dashboard [data-view-panel="billing"] .transaction-main span {
  font-size: 11px !important;
  line-height: 1.4;
  color: #a1b1d0;
}
#dashboard [data-view-panel="billing"] .transaction-main small {
  font-size: 10px !important;
  color: #8294b8;
  max-width: 100% !important;
}
#dashboard [data-view-panel="billing"] .transaction-side .status-badge {
  font-size: 10px !important;
  min-height: 25px;
  padding: 4px 8px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
#dashboard [data-view-panel="billing"] .load-more {
  min-height: 44px;
  font-size: 12px;
  color: #c1d2f4;
}
/* Apply the same calm press treatment to other selectable lists. */
#dashboard :is(.wallet-history-row, .activity-center-row, .service-list-row, .list-row) { 
  transition: border-color .15s ease, transform .15s ease;
}
#notification-layer .notification-row {
  min-height: 78px;
  border-radius: 11px;
  transition: transform .15s ease, opacity .15s ease, border-color .15s ease;
}
#notification-layer .notification-row.is-read { opacity: .81; }
#notification-layer .notification-title-row strong { font-size: 12px; }
#notification-layer .notification-body { font-size: 11px; }
#notification-layer .notification-tab { min-height: 42px; font-size: 12px; }
@media (hover:none) {
  #notification-layer .notification-row:hover { background: transparent; }
  #dashboard [data-view-panel="billing"] .transaction-row:hover {
    background: rgba(14,29,57,.43) !important;
  }
}
@media (max-width: 620px) {
  #dashboard [data-view-panel="billing"] .status-filters { gap: 6px !important; }
  #dashboard [data-view-panel="billing"] .status-filter {
    min-height: 44px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
  }
  #dashboard [data-view-panel="billing"] .transaction-row {
    grid-template-columns: 36px minmax(0,1fr) auto !important;
    gap: 10px !important;
    padding: 13px 11px !important;
  }
  #dashboard [data-view-panel="billing"] .transaction-icon { width: 36px !important; height: 36px !important; }
  #dashboard [data-view-panel="billing"] .transaction-side { gap: 0; }
  #dashboard [data-view-panel="billing"] .transaction-main strong { font-size: 12px !important; }
  #dashboard [data-view-panel="billing"] .transaction-main span { font-size: 10px !important; }
  #dashboard [data-view-panel="billing"] .transaction-side .status-badge { font-size: 9px !important; padding: 4px 6px !important; }
  #dashboard [data-view-panel="billing"] .transaction-chevron { display: none !important; }
}
@media (prefers-reduced-motion:reduce) {
  #dashboard :is(.transaction-row, .content-tab, .status-filter, .list-row, .wallet-history-row, .activity-center-row),
  #notification-layer .notification-row { transition: none !important; }
}




/* LYNZZ Shop service-type tabs polish (2026-10-19). Scoped to Beli Server only. */
#dashboard [data-view-panel="shop"] #catalog-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  padding: 4px;
  gap: 4px;
  margin: 0 0 24px;
  border: 1px solid rgba(127, 154, 225, .16);
  border-radius: 13px;
  background: #0b1429;
  overflow: visible;
}
#dashboard [data-view-panel="shop"] #catalog-categories .category-button {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #9dacce;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
#dashboard [data-view-panel="shop"] #catalog-categories .category-button:hover,
#dashboard [data-view-panel="shop"] #catalog-categories .category-button:focus-visible {
  border-color: rgba(151, 171, 250, .28);
  color: #edf3ff;
  outline: none;
}
#dashboard [data-view-panel="shop"] #catalog-categories .category-button.active {
  background: linear-gradient(135deg, rgba(72, 95, 170, .34), rgba(39, 66, 124, .27));
  color: #f4f7ff;
  border-color: rgba(151, 171, 250, .28);
  box-shadow: none;
}
#dashboard [data-view-panel="shop"] #catalog-categories .category-button:focus-visible {
  outline: 2px solid #a4b6ff;
  outline-offset: 2px;
}
@media (max-width: 620px) {
  #dashboard [data-view-panel="shop"] #catalog-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-bottom: 22px;
  }
  #dashboard [data-view-panel="shop"] #catalog-categories .category-button:last-child:nth-child(odd) {
    grid-column: auto !important;
  }
  #dashboard [data-view-panel="shop"] #catalog-categories .category-button {
    min-height: 46px;
    padding: 10px 8px;
    font-size: 12px;
  }
}
@media (max-width: 390px) {
  #dashboard [data-view-panel="shop"] #catalog-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #dashboard [data-view-panel="shop"] #catalog-categories .category-button:last-child:nth-child(odd) {
    grid-column: auto !important;
  }
  #dashboard [data-view-panel="shop"] #catalog-categories .category-button {
    font-size: 11.5px;
  }
}

/* LYNZZ Services mobile polish (2026-10-19). Scoped to Layanan Saya only. */
#dashboard [data-view-panel="services"] .service-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(390px, 100%);
  max-width: 100%;
  padding: 4px;
  gap: 4px;
  margin: 0 0 16px;
  border: 1px solid rgba(127, 154, 225, .16);
  border-radius: 13px;
  background: #0b1429;
  overflow: visible;
}
#dashboard [data-view-panel="services"] .service-tabs .content-tab {
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #9dacce;
  font-size: 13px;
  font-weight: 720;
  white-space: nowrap;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
#dashboard [data-view-panel="services"] .service-tabs .content-tab.active {
  background: linear-gradient(135deg, rgba(72, 95, 170, .34), rgba(39, 66, 124, .27));
  color: #f4f7ff;
  border-color: rgba(151, 171, 250, .28);
  box-shadow: none;
}
#dashboard [data-view-panel="services"] .service-tabs .content-tab:focus-visible {
  outline: 2px solid #a4b6ff;
  outline-offset: 2px;
}
#dashboard [data-view-panel="services"] .service-surface {
  min-width: 0;
  min-height: 0;
}
#dashboard [data-view-panel="services"] #services-section {
  overflow: hidden;
  padding: 0;
  border-radius: 17px !important;
}
#dashboard [data-view-panel="services"] #services-section .service-list-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  min-width: 0;
  background: transparent;
  border-bottom: 1px solid rgba(126, 151, 211, .12);
}
#dashboard [data-view-panel="services"] #services-section .service-list-item:last-child { border-bottom: 0; }
#dashboard [data-view-panel="services"] #services-section .service-list-icon {
  width: 42px; height: 42px; border-radius: 12px;
  background: rgba(100, 129, 238, .105);
  border-color: rgba(115, 145, 245, .14);
}
#dashboard [data-view-panel="services"] #services-section .service-list-main {
  min-width: 0;
  gap: 4px;
}
#dashboard [data-view-panel="services"] #services-section .service-list-main>strong {
  font-size: 15px; line-height: 1.35; letter-spacing: -.015em;
}
#dashboard [data-view-panel="services"] #services-section .service-list-meta {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 2px;
  min-width: 0;
}
#dashboard [data-view-panel="services"] #services-section .service-list-meta>span {
  color: #96a6c7;
  font-size: 11.5px;
  line-height: 1.45;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dashboard [data-view-panel="services"] #services-section .service-list-expiry { color: #8194b9 !important; }
#dashboard [data-view-panel="services"] #services-section .service-list-side {
  grid-column: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 7px;
  flex-wrap: nowrap;
  min-width: 89px;
}
#dashboard [data-view-panel="services"] #services-section .service-list-side .status-badge {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.25;
  white-space: nowrap;
}
#dashboard [data-view-panel="services"] #services-section .service-detail-button {
  min-width: 88px;
  min-height: 38px;
  height: auto;
  padding: 7px 11px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 720;
}
#dashboard [data-view-panel="services"] #services-section .service-renew-now {
  color: #e9efff;
  border-color: rgba(143, 164, 245, .30);
}
#dashboard [data-view-panel="services"] #flex-section {
  margin-top: 19px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
#dashboard [data-view-panel="services"] #flex-section .flex-section-head {
  display: block;
  padding: 0 1px 13px;
  border: 0;
  background: none;
}
#dashboard [data-view-panel="services"] #flex-section .flex-section-head h2 {
  font-size: 18px;
  letter-spacing: -.02em;
  line-height: 1.25;
}
#dashboard [data-view-panel="services"] #flex-section .flex-section-head p {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.45;
  color: #91a3c5;
}
#dashboard [data-view-panel="services"] #flex.data-list {
  display: grid;
  gap: 12px;
}
#dashboard [data-view-panel="services"] .flex-service-card {
  border-color: rgba(127, 150, 219, .20);
  border-radius: 17px;
  box-shadow: none;
  background: linear-gradient(143deg, rgba(22, 37, 68, .87), rgba(10, 22, 45, .96));
}
#dashboard [data-view-panel="services"] .flex-service-head {
  padding: 16px 18px 12px;
  gap: 10px;
  align-items: flex-start;
}
#dashboard [data-view-panel="services"] .flex-service-identity strong {
  font-size: 16px;
  line-height: 1.35;
}
#dashboard [data-view-panel="services"] .flex-service-identity span {
  color: #9baccc;
  font-size: 12px;
}
#dashboard [data-view-panel="services"] .flex-card-resources {
  padding: 0 18px 13px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
#dashboard [data-view-panel="services"] .flex-card-resource {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 5px;
  padding: 8px 10px;
  border-radius: 9px;
  border: 0;
  background: rgba(107, 136, 220, .105);
  overflow: hidden;
}
#dashboard [data-view-panel="services"] .flex-card-resource small {
  font-size: 10px;
  color: #9cadd0;
  letter-spacing: 0;
}
#dashboard [data-view-panel="services"] .flex-card-resource strong {
  font-size: 12px;
  line-height: 1.35;
  color: #f0f4ff;
}
#dashboard [data-view-panel="services"] .flex-card-billing {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: rgba(4, 13, 30, .26);
}
#dashboard [data-view-panel="services"] .flex-card-billing>div {
  padding: 12px 11px;
  gap: 5px;
}
#dashboard [data-view-panel="services"] .flex-card-billing span {
  font-size: 10.5px;
  color: #94a5c5;
}
#dashboard [data-view-panel="services"] .flex-card-billing strong {
  font-size: 12px;
  color: #edf3ff;
}
#dashboard [data-view-panel="services"] .flex-card-actions {
  padding: 13px 18px 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
#dashboard [data-view-panel="services"] .flex-card-action {
  min-height: 44px;
  padding: 9px 10px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 720;
  border-radius: 11px;
}
#dashboard [data-view-panel="services"] :is(.flex-card-action, .service-detail-button) {
  -webkit-tap-highlight-color: transparent;
}
#dashboard [data-view-panel="services"] :is(.flex-card-action, .service-detail-button):focus-visible {
  outline: 2px solid #a4b6ff;
  outline-offset: 2px;
}
@media (max-width: 620px) {
  #dashboard [data-view-panel="services"] .service-tabs { width: 100%; }
  #dashboard [data-view-panel="services"] #services-section .service-list-item {
    grid-template-columns: 39px minmax(0, 1fr) auto;
    padding: 13px 12px;
    gap: 10px;
  }
  #dashboard [data-view-panel="services"] #services-section .service-list-icon {
    width: 39px; height: 39px;
  }
  #dashboard [data-view-panel="services"] #services-section .service-list-main>strong { font-size: 14px; }
  #dashboard [data-view-panel="services"] #services-section .service-list-meta>span { font-size: 11px; }
  #dashboard [data-view-panel="services"] #services-section .service-detail-button { min-width: 79px; min-height: 40px; }
  #dashboard [data-view-panel="services"] #services-section .service-list-side { min-width: 79px; }
  #dashboard [data-view-panel="services"] .flex-card-resources { padding: 0 14px 12px; gap: 6px; }
  #dashboard [data-view-panel="services"] .flex-service-head { padding: 15px 14px 12px; }
  #dashboard [data-view-panel="services"] .flex-card-resources .flex-card-resource { padding: 8px; }
  #dashboard [data-view-panel="services"] .flex-card-billing>div { padding: 12px 8px; }
  #dashboard [data-view-panel="services"] .flex-card-actions { padding: 12px 14px 14px; }
}
@media (max-width: 375px) {
  #dashboard [data-view-panel="services"] .flex-card-resources { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #dashboard [data-view-panel="services"] .flex-card-resource { flex-wrap: wrap; gap: 1px 5px; }
  #dashboard [data-view-panel="services"] .flex-card-billing span { font-size: 10px; }
  #dashboard [data-view-panel="services"] .flex-card-billing strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #dashboard [data-view-panel="services"] :is(.service-tabs .content-tab, .service-detail-button) { transition: none; }
}

/* Flex password access – local to Flex detail drawer */
.flex-password-section .service-detail-section-head{margin-bottom:10px}
.flex-password-status{margin:10px 0 14px;color:#adbad8;font-size:13px;line-height:1.6}
.flex-password-status.is-success{color:#87dec0}.flex-password-status.is-error{color:#ffabb9}
.flex-password-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flex-password-actions .button{min-width:0;min-height:46px;margin:0;font-size:13px}
.flex-password-confirm{margin-top:12px;padding:14px;border:1px solid rgba(116,139,209,.24);border-radius:14px;background:#101d38}
.flex-password-confirm p{margin:0 0 14px;color:#bac7e3;font-size:13px;line-height:1.55}
.flex-password-result{margin-top:14px;padding:14px;border:1px solid rgba(119,148,228,.32);border-radius:14px;background:#0b1833}
.flex-password-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.flex-password-result-head strong{color:#eef3ff;font-size:13px}
.flex-password-result-head button{padding:8px 10px;border:1px solid rgba(124,143,202,.25);border-radius:9px;background:#182543;color:#d3defa}
.flex-password-result code{display:block;overflow-wrap:anywhere;user-select:text;padding:14px;border-radius:10px;background:#070f22;color:#f1f5ff;font-size:14px}
.flex-password-result>.button{margin-top:12px;width:100%;min-height:44px}
@media(max-width:360px){.flex-password-actions{grid-template-columns:1fr}}

/* Profile v2 — one clear hero, editable identity, restrained mobile account layout. */
#dashboard [data-view-panel="account"] .profile-v2{max-width:790px!important;width:100%!important;overflow:visible!important}
#dashboard [data-view-panel="account"] .profile-v2-hero{display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;align-items:center!important;gap:17px!important;min-height:126px!important;padding:22px!important;margin:0 0 16px!important;border:1px solid rgba(137,162,222,.19)!important;border-radius:18px!important;background:radial-gradient(circle at 95% 8%,rgba(97,115,237,.2),transparent 48%),linear-gradient(125deg,#152543,#0e1c33)!important}
#dashboard .profile-v2-photo{position:relative;display:grid;place-items:center;width:76px!important;height:76px!important;min-width:76px;overflow:hidden;border:2px solid rgba(150,177,250,.45)!important;border-radius:50%!important;background:linear-gradient(140deg,#263d72,#5369bd)!important;color:#f7faff!important;font-size:28px!important;cursor:pointer;isolation:isolate;box-shadow:0 6px 24px rgba(0,0,0,.25)!important}
#dashboard .profile-v2-photo img,#dashboard .account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
#dashboard .profile-v2-photo .profile-avatar-camera{position:absolute;bottom:0;left:0;right:0;display:grid;place-items:center;height:23px;background:rgba(5,14,32,.86);font-size:14px;font-weight:700;z-index:2;opacity:.95}
#dashboard .profile-v2-photo:focus-visible,#dashboard .profile-v2-edit-trigger:focus-visible{outline:2px solid #92a5ff!important;outline-offset:3px}
#dashboard .profile-v2-hero .settings-profile-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#dashboard .profile-v2-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#9cafff}
#dashboard .profile-v2-hero .settings-profile-copy h2{font-size:21px!important;line-height:1.25!important;font-weight:760!important;letter-spacing:-.025em;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
#dashboard .profile-v2-hero .settings-profile-copy p{font-size:12px!important;color:#a8b6d4!important;margin:0;max-width:100%;overflow-wrap:anywhere}
#dashboard .profile-v2-hero .account-verified-badge{position:static!important;display:inline-flex!important;align-items:center;gap:6px;margin:4px 0 0!important;padding:5px 9px!important;border-radius:22px;font-size:10px!important}
#dashboard .profile-v2-edit-trigger{min-height:39px;font-size:12px;padding:9px 14px!important;white-space:nowrap}
#dashboard .profile-v2-status,#dashboard .profile-v2-form-status{margin:0 0 10px;color:#9cafce;font-size:12px;line-height:1.5;min-height:0}
#dashboard .profile-v2-status:empty,#dashboard .profile-v2-form-status:empty{display:none}
#dashboard .profile-v2-editor{margin:0 0 20px;padding:19px 20px;background:rgba(18,33,57,.88);border:1px solid rgba(143,163,225,.25);border-radius:16px}
#dashboard .profile-v2-editor.hidden{display:none!important}
#dashboard .profile-v2-editor-head h3{font-size:17px;margin:0 0 5px;color:#eef3ff}
#dashboard .profile-v2-editor-head p{font-size:12px;color:#9caccc;margin:0 0 20px}
#dashboard .profile-v2-editor form{display:grid;gap:9px}
#dashboard .profile-v2-editor label{font-size:12px;font-weight:650;color:#c8d4ed}
#dashboard .profile-v2-editor input{width:100%;height:48px;padding:10px 13px;border-radius:11px;border:1px solid rgba(147,171,233,.26);background:#0c1930;color:#f1f5ff;font-size:15px;box-sizing:border-box}
#dashboard .profile-v2-editor input:focus-visible{outline:2px solid #839cff;outline-offset:2px}
#dashboard .profile-v2-hint{margin:0 0 11px;color:#8c9dba;font-size:11px;line-height:1.55}
#dashboard .profile-v2-editor-actions{display:flex;flex-wrap:wrap;gap:9px}
#dashboard .profile-v2-editor-actions .button{min-height:42px;font-size:12px}
#dashboard .profile-v2-editor-actions #profile-edit-save{margin-left:auto}
#dashboard [data-view-panel="account"] .profile-v2-group{margin-bottom:17px!important}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-group-title h2{text-transform:none!important;letter-spacing:0!important;color:#e4eaf9!important;font-size:15px!important;font-weight:730}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-table-row{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;padding:14px 16px!important;min-height:57px!important}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-table-row span{font-size:12px!important;color:#97a8c5!important;font-weight:500!important}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-table-row strong{font-size:12px!important;color:#e5ecfa!important;font-weight:650!important;text-align:right;overflow-wrap:anywhere}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-account-id{padding:12px 16px!important;font-size:12px}
#dashboard [data-view-panel="account"] .profile-v2-group .integration-row,#dashboard [data-view-panel="account"] .profile-v2-group .security-list{margin-top:6px!important}
#dashboard [data-view-panel="account"] .profile-v2-group .settings-actions-row{gap:9px;padding:12px 0 5px!important}
@media(max-width:650px){
  #dashboard [data-view-panel="account"] .profile-v2-hero{grid-template-columns:64px minmax(0,1fr)!important;gap:13px!important;padding:17px!important}
  #dashboard .profile-v2-photo{width:64px!important;height:64px!important;min-width:64px;font-size:23px!important}
  #dashboard .profile-v2-hero .settings-profile-copy h2{font-size:18px!important}
  #dashboard .profile-v2-edit-trigger{grid-column:1/-1;width:100%;min-height:44px}
  #dashboard .profile-v2-editor-actions{display:grid;grid-template-columns:1fr 1fr}
  #dashboard .profile-v2-editor-actions #profile-photo-edit,#dashboard .profile-v2-editor-actions #profile-photo-remove{grid-column:auto}
  #dashboard .profile-v2-editor-actions #profile-edit-save{margin:0}
  #dashboard [data-view-panel="account"] .profile-v2-group .settings-table-row{padding:12px!important;gap:5px!important}
  #dashboard [data-view-panel="account"] .profile-v2-group .settings-table-row strong{text-align:left!important;max-width:100%}
}


/* Profile v3 — connected accounts and browser security: clear actions on mobile. */
#dashboard [data-view-panel="account"] .profile-v3-connections,
#dashboard [data-view-panel="account"] .profile-v3-security{margin-top:22px!important}
#dashboard [data-view-panel="account"] .profile-v3-section-title{padding:4px 2px 13px!important}
#dashboard [data-view-panel="account"] .profile-v3-section-title h2{font-size:17px!important;line-height:1.4!important;letter-spacing:-.01em!important;font-weight:750!important;text-transform:none!important;color:#edf2ff!important;margin:0 0 4px!important}
#dashboard [data-view-panel="account"] .profile-v3-section-title p{font-size:12px;line-height:1.5;color:#95a9cb;margin:0}
#dashboard [data-view-panel="account"] .profile-v3-stack{display:flex;flex-direction:column;border:1px solid rgba(142,166,227,.19);background:linear-gradient(145deg,rgba(18,32,56,.92),rgba(10,21,41,.95));border-radius:17px;overflow:hidden}
#dashboard [data-view-panel="account"] .profile-v3-account-row,
#dashboard [data-view-panel="account"] .profile-v3-session-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 18px;min-height:76px}
#dashboard [data-view-panel="account"] .profile-v3-account-row+.profile-v3-account-row{border-top:1px solid rgba(144,167,222,.13)}
#dashboard [data-view-panel="account"] .profile-v3-provider-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid rgba(124,156,222,.19);flex:none}
#dashboard [data-view-panel="account"] .profile-v3-google{color:#eef2ff;font-size:23px;font-weight:800;background:linear-gradient(130deg,#263657,#18253e)}
#dashboard [data-view-panel="account"] .profile-v3-telegram{color:#8ad5ff;background:rgba(34,125,186,.17)}
#dashboard [data-view-panel="account"] .profile-v3-session-icon{color:#a4bbff;background:rgba(88,107,189,.16)}
#dashboard [data-view-panel="account"] .profile-v3-provider-copy{min-width:0}
#dashboard [data-view-panel="account"] .profile-v3-provider-copy strong{display:block;margin:0 0 4px;font-size:14px;line-height:1.3;color:#f1f5ff;font-weight:750}
#dashboard [data-view-panel="account"] .profile-v3-provider-copy p{margin:0;color:#9eaeca;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#dashboard [data-view-panel="account"] .profile-v3-state{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:29px;padding:5px 10px;border:1px solid rgba(121,147,197,.24);border-radius:999px;background:rgba(50,70,115,.18);color:#bfcdec;font-weight:650;font-size:11px;line-height:1.3}
#dashboard [data-view-panel="account"] .profile-v3-state-dot{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor;opacity:.9}
#dashboard [data-view-panel="account"] .profile-v3-state-success{color:#75dfb9;background:rgba(35,120,94,.12);border-color:rgba(76,195,145,.21)}
#dashboard [data-view-panel="account"] .profile-v3-telegram-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}
#dashboard [data-view-panel="account"] .profile-v3-telegram-actions .integration-status{margin:0!important;min-width:0;max-width:100%;color:#a9bddc}
#dashboard [data-view-panel="account"] .profile-v3-telegram-actions .integration-status.connected{color:#75dfb9;background:rgba(35,120,94,.12);border-color:rgba(76,195,145,.21)}
#dashboard [data-view-panel="account"] .profile-v3-telegram-actions .integration-status .status-dot{width:7px;height:7px;flex:none;margin:0}
#dashboard [data-view-panel="account"] .profile-v3-link-button{min-width:116px;min-height:42px;padding:9px 15px!important;border-radius:11px;font-size:12px;font-weight:700;white-space:nowrap}
#dashboard [data-view-panel="account"] .profile-v3-inline-feedback{margin:0;padding:13px 16px;border-top:1px solid rgba(144,167,222,.13);background:rgba(89,107,211,.09);font-size:12px;line-height:1.55;color:#c4d5f6;overflow-wrap:anywhere}
#dashboard [data-view-panel="account"] .profile-v3-inline-feedback[hidden]{display:none!important}
#dashboard [data-view-panel="account"] .profile-v3-security-note{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;border-top:1px solid rgba(144,167,222,.13);background:rgba(90,110,199,.045);font-size:12px;color:#a8b9d8}
#dashboard [data-view-panel="account"] .profile-v3-security-note>span{font-size:16px;color:#91aaff}
#dashboard [data-view-panel="account"] .profile-v3-security-note p{margin:0;line-height:1.6}
#dashboard [data-view-panel="account"] .profile-v3-security-note strong{color:#e0eaff}
#dashboard [data-view-panel="account"] .profile-v3-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px 0 0!important}
#dashboard [data-view-panel="account"] .profile-v3-actions .button{width:100%;min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:13px;font-weight:700}
#dashboard [data-view-panel="account"] .profile-v3-actions #logout{border:1px solid rgba(224,119,135,.27);background:rgba(110,41,63,.12);color:#ffafb8}
#dashboard [data-view-panel="account"] .profile-v3-actions #logout:hover{background:rgba(138,51,76,.2)}
#dashboard [data-view-panel="account"] .profile-v3-link-button:focus-visible,
#dashboard [data-view-panel="account"] .profile-v3-actions .button:focus-visible{outline:2px solid #a6b8ff;outline-offset:3px}
@media(max-width:600px){
 #dashboard [data-view-panel="account"] .profile-v3-account-row,
 #dashboard [data-view-panel="account"] .profile-v3-session-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:15px 13px}
 #dashboard [data-view-panel="account"] .profile-v3-provider-icon{width:42px;height:42px}
 #dashboard [data-view-panel="account"] .profile-v3-telegram-row{grid-template-columns:42px minmax(0,1fr)}
 #dashboard [data-view-panel="account"] .profile-v3-telegram-actions{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-top:0}
 #dashboard [data-view-panel="account"] .profile-v3-telegram-actions .integration-status{flex:0 1 auto}
 #dashboard [data-view-panel="account"] .profile-v3-provider-copy strong{font-size:13px}
 #dashboard [data-view-panel="account"] .profile-v3-provider-copy p{font-size:11px}
 #dashboard [data-view-panel="account"] .profile-v3-security-note{padding:12px 14px}
 #dashboard [data-view-panel="account"] .profile-v3-actions .button{font-size:12px;padding:10px 8px}
}
@media(max-width:360px){
 #dashboard [data-view-panel="account"] .profile-v3-telegram-actions{grid-column:1/-1;justify-content:space-between}
 #dashboard [data-view-panel="account"] .profile-v3-account-row,
 #dashboard [data-view-panel="account"] .profile-v3-session-row{padding:13px 11px}
}
/* Enforce accessible touch targets despite older .button sizing overrides. */
#dashboard [data-view-panel="account"] .profile-v3-actions button.button,
#dashboard [data-view-panel="account"] .profile-v3-telegram-actions button.button{min-height:48px!important;height:auto!important;padding-top:11px!important;padding-bottom:11px!important;line-height:1.5!important}


/* LYNZZ HELP CENTER V2 — scoped polish. This block intentionally overrides legacy help-card rules. */
#dashboard [data-view-panel="help"].help-center-v2{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;max-width:1020px;margin-inline:auto}
#dashboard [data-view-panel="help"] .help-center-heading{order:0;margin-bottom:21px!important;padding-bottom:16px!important}
#dashboard [data-view-panel="help"] .help-center-heading h1{font-size:clamp(27px,3.2vw,36px);font-weight:780;letter-spacing:-.045em;line-height:1.18;margin:5px 0 9px}
#dashboard [data-view-panel="help"] .help-center-heading .page-description{max-width:540px;margin:0;font-size:13px;line-height:1.6;color:#8a9cb9}
#dashboard [data-view-panel="help"] .help-overline{font-size:10px;font-weight:780;letter-spacing:.16em;color:#92a8ff}
#dashboard [data-view-panel="help"] .help-actions{order:1;margin-top:0!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(16,32,58,.82),rgba(9,19,38,.86))!important;border:1px solid rgba(130,157,222,.16)!important;box-shadow:0 10px 42px rgba(0,0,0,.11)!important}
#dashboard [data-view-panel="help"] .help-section-heading{display:flex;align-items:end;justify-content:space-between;gap:8px 22px;min-width:0}
#dashboard [data-view-panel="help"] .help-section-heading h2{margin:4px 0 0!important;font-size:18px!important;letter-spacing:-.025em;line-height:1.25;font-weight:750;color:#f2f5ff}
#dashboard [data-view-panel="help"] .help-section-heading p{margin:0;line-height:1.5;color:#8293b2;font-size:11px}
#dashboard [data-view-panel="help"] .help-section-eyebrow{display:block;font-size:9px;letter-spacing:.13em;font-weight:760;color:#7d92ba}
#dashboard [data-view-panel="help"] .help-actions-heading{padding:21px 21px 17px!important;border-bottom:1px solid rgba(135,158,211,.12);background:transparent!important;min-height:0!important}
#dashboard [data-view-panel="help"] .help-action-list{display:grid;grid-template-columns:1fr 1fr;gap:0}
#dashboard [data-view-panel="help"] .help-action-list button{display:grid!important;grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;align-items:center;min-width:0;min-height:80px!important;height:auto!important;padding:16px 20px!important;text-align:left;border:0!important;border-bottom:1px solid rgba(135,158,211,.09)!important;background:transparent!important;color:#edf2ff!important;cursor:pointer;font:inherit!important;transition:background .18s ease!important}
#dashboard [data-view-panel="help"] .help-action-list button:nth-child(odd){border-right:1px solid rgba(135,158,211,.09)!important}
#dashboard [data-view-panel="help"] .help-action-list button:nth-last-child(-n+2){border-bottom:0!important}
#dashboard [data-view-panel="help"] .help-action-list button:hover{background:rgba(103,127,231,.10)!important}
#dashboard [data-view-panel="help"] .help-action-list button:focus-visible,#dashboard [data-view-panel="help"] .support-card:focus-visible,#dashboard [data-view-panel="help"] #help-status-refresh:focus-visible{outline:2px solid #a7baff!important;outline-offset:-3px}
#dashboard [data-view-panel="help"] .help-action-list button:disabled{opacity:.4;cursor:not-allowed}
#dashboard [data-view-panel="help"] .help-action-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(130,152,230,.16);border-radius:12px;color:#a6b8ff;background:rgba(97,120,224,.10)}
#dashboard [data-view-panel="help"] .help-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#dashboard [data-view-panel="help"] .help-action-copy{display:grid;gap:5px;min-width:0}
#dashboard [data-view-panel="help"] .help-action-copy strong{color:#edf2ff;font-size:13px!important;font-weight:730;line-height:1.32;letter-spacing:-.01em}
#dashboard [data-view-panel="help"] .help-action-copy small{color:#8f9ebc;font-size:11px!important;line-height:1.35;white-space:normal;overflow-wrap:break-word}
#dashboard [data-view-panel="help"] .help-action-arrow{justify-self:end;color:#7385ac;font-size:19px;font-weight:400;transition:transform .18s ease,color .18s ease}
#dashboard [data-view-panel="help"] .help-action-list button:hover .help-action-arrow{transform:translateX(3px);color:#b9c7ff}
#dashboard [data-view-panel="help"] .help-channels{order:2;margin-top:26px!important;min-width:0}
#dashboard [data-view-panel="help"] .help-channels-heading{margin:0 1px 14px!important}
#dashboard [data-view-panel="help"] .help-channels .support-grid{order:initial;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}
#dashboard [data-view-panel="help"] .help-channels .support-card{min-width:0;min-height:91px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 12px!important;gap:8px!important;padding:13px!important;border-radius:15px!important;border:1px solid rgba(132,155,206,.15)!important;box-shadow:none!important;transform:none;transition:border-color .18s ease,background .18s ease!important}
#dashboard [data-view-panel="help"] .help-channels .support-card:hover{border-color:rgba(146,172,243,.4)!important;transform:translateY(-1px)}
#dashboard [data-view-panel="help"] .help-channels .support-icon{width:38px!important;height:38px!important;flex:none;border-radius:11px!important;border:1px solid rgba(255,255,255,.055)}
#dashboard [data-view-panel="help"] .help-channels .support-icon svg{width:20px!important;height:20px!important}
#dashboard [data-view-panel="help"] .help-channels .support-card>div{display:grid;min-width:0;gap:4px}
#dashboard [data-view-panel="help"] .help-channels .support-card strong{font-size:12px!important;line-height:1.3!important;color:#f0f4ff!important;font-weight:730}
#dashboard [data-view-panel="help"] .help-channels .support-card small{font-size:10px!important;line-height:1.35;color:#8696b5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard [data-view-panel="help"] .help-channels .support-card>b{font-size:15px!important;color:#8899b7!important;font-weight:400}
#dashboard [data-view-panel="help"] .support-status{order:3;display:flex!important;align-items:center!important;flex-direction:row!important;justify-content:space-between;min-height:76px!important;gap:16px;margin-top:18px!important;padding:15px 19px!important;border-radius:15px!important;background:rgba(14,29,49,.65)!important;border:1px solid rgba(121,148,194,.13)!important;box-shadow:none!important}
#dashboard [data-view-panel="help"] .support-status .help-status-information{min-width:0;display:flex;align-items:center;gap:13px}
#dashboard [data-view-panel="help"] .support-status .support-status-dot{width:10px;height:10px;flex:none}
#dashboard [data-view-panel="help"] .support-status .help-status-information>div{min-width:0;display:grid;gap:3px}
#dashboard [data-view-panel="help"] .help-status-caption{color:#8093b6;font-size:9px;font-weight:760;letter-spacing:.11em}
#dashboard [data-view-panel="help"] .support-status strong{font-size:13px!important;line-height:1.35;color:#e7eeff}
#dashboard [data-view-panel="help"] .support-status small{font-size:10.5px!important;line-height:1.5;color:#8b9bb5;white-space:normal}
#dashboard [data-view-panel="help"] #help-status-refresh{width:auto!important;flex:none;min-width:100px;min-height:42px!important;height:auto;border:1px solid rgba(133,155,217,.18)!important;border-radius:11px!important;background:rgba(121,144,202,.09)!important;color:#d9e4ff!important;padding:10px 13px!important;font-size:12px!important;font-weight:710}
#dashboard [data-view-panel="help"] #help-status-refresh:hover{background:rgba(121,144,202,.18)!important}
@media(max-width:1050px){
 #dashboard [data-view-panel="help"] .help-channels .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 #dashboard [data-view-panel="help"] .help-center-heading{margin-bottom:16px!important;padding-bottom:12px!important}
 #dashboard [data-view-panel="help"] .help-center-heading h1{font-size:30px}
 #dashboard [data-view-panel="help"] .help-center-heading .page-description{font-size:12px}
 #dashboard [data-view-panel="help"] .help-actions{border-radius:17px!important}
 #dashboard [data-view-panel="help"] .help-section-heading{align-items:start;flex-direction:column;gap:5px}
 #dashboard [data-view-panel="help"] .help-section-heading h2{font-size:17px!important}
 #dashboard [data-view-panel="help"] .help-section-heading p{font-size:11px}
 #dashboard [data-view-panel="help"] .help-actions-heading{padding:16px 16px 13px!important}
 #dashboard [data-view-panel="help"] .help-action-list{grid-template-columns:1fr!important}
 #dashboard [data-view-panel="help"] .help-action-list button{grid-template-columns:39px minmax(0,1fr) 16px;min-height:69px!important;padding:12px 15px!important;gap:12px;border-right:0!important;border-bottom:1px solid rgba(135,158,211,.09)!important}
 #dashboard [data-view-panel="help"] .help-action-list button:nth-last-child(-n+2){border-bottom:1px solid rgba(135,158,211,.09)!important}
 #dashboard [data-view-panel="help"] .help-action-list button:last-child{border-bottom:0!important}
 #dashboard [data-view-panel="help"] .help-action-icon{width:39px;height:39px}
 #dashboard [data-view-panel="help"] .help-action-copy strong{font-size:12.5px!important}
 #dashboard [data-view-panel="help"] .help-action-copy small{font-size:10.5px!important}
 #dashboard [data-view-panel="help"] .help-channels{margin-top:21px!important}
 #dashboard [data-view-panel="help"] .help-channels-heading{margin:0 1px 12px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-card{min-height:80px!important;grid-template-columns:32px minmax(0,1fr) 10px!important;gap:7px!important;padding:10px!important;border-radius:13px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-icon{width:32px!important;height:32px!important;border-radius:9px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-icon svg{width:18px!important;height:18px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-card strong{font-size:11.5px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-card small{font-size:9px!important}
 #dashboard [data-view-panel="help"] .support-status{margin-top:14px!important;min-height:76px!important;gap:9px!important;padding:12px!important;flex-direction:row!important;align-items:center!important}
 #dashboard [data-view-panel="help"] .support-status .help-status-information{gap:10px}
 #dashboard [data-view-panel="help"] .support-status small{font-size:10px!important}
 #dashboard [data-view-panel="help"] #help-status-refresh{min-width:72px;padding:9px!important;font-size:11px!important;min-height:42px!important;width:auto!important}
}
@media(max-width:360px){
 #dashboard [data-view-panel="help"] .help-action-list button{padding-inline:11px!important;gap:10px}
 #dashboard [data-view-panel="help"] .help-channels .support-card{padding:8px!important;grid-template-columns:29px minmax(0,1fr) 9px!important;gap:6px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-icon{width:29px!important;height:29px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-card strong{font-size:11px!important}
 #dashboard [data-view-panel="help"] .help-channels .support-card small{font-size:8.5px!important}
}
@media(prefers-reduced-motion:reduce){
 #dashboard [data-view-panel="help"] .support-card,#dashboard [data-view-panel="help"] .help-action-list button,#dashboard [data-view-panel="help"] .help-action-arrow{transition:none!important;transform:none!important}
}

/* LYNZZ WALLET MOBILE PROFESSIONAL POLISH — 2026-10-19
   Wallet-only: prevents global bright buttons and stale wallet @media rules
   from reducing contrast or colliding with the balance content. */
#dashboard [data-view-panel="wallet"] .wallet-page-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0;
  margin-bottom: 18px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-page-heading h1 {
  margin: 0;
  font-size: clamp(24px, 5.6vw, 30px) !important;
}
#dashboard [data-view-panel="wallet"] .wallet-refresh-button {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 13px !important;
  margin: 0 !important;
  gap: 8px;
  border: 1px solid rgba(125, 149, 228, .22);
  background: #101c34;
  border-radius: 12px;
  color: #d8e3fb;
  font-size: 12px;
}
#dashboard [data-view-panel="wallet"] .wallet-refresh-button span { display: inline !important; }
#dashboard [data-view-panel="wallet"] .wallet-overview {
  display: block !important;
  min-width: 0;
  margin-top: 0 !important;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-card {
  min-height: 0 !important;
  padding: 23px !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 91% 0%, rgba(83, 108, 190, .16), transparent 52%), linear-gradient(145deg, #132442, #0c1931) !important;
  border: 1px solid rgba(129, 154, 220, .23) !important;
  overflow: hidden;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-card::after {
  content: none !important;
  display: none !important;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-top {
  margin-bottom: 16px !important;
  gap: 12px;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-top>span:first-child {
  font-size: 12px;
  color: #b5c3db;
  font-weight: 650;
}
#dashboard [data-view-panel="wallet"] .wallet-status-pill {
  font-size: 11px;
  min-height: 30px;
  padding: 0 11px;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-value {
  margin: 0 !important;
  font-size: clamp(32px, 5vw, 44px) !important;
  font-weight: 780;
  line-height: 1.15 !important;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
#dashboard [data-view-panel="wallet"] #wallet-hold-summary {
  max-width: none;
  margin: 9px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.5;
  color: #9babc6;
}
#dashboard [data-view-panel="wallet"] #wallet-page-hold {
  font-weight: 650;
  color: #d4def4;
}
#dashboard [data-view-panel="wallet"] .wallet-balance-actions {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 360px;
  margin-top: 20px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-open {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(130, 156, 234, .34) !important;
  border-radius: 13px !important;
  background: linear-gradient(112deg, #223b69, #1a2d51 66%, #142644) !important;
  color: #f4f7ff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07) !important;
  text-align: left;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-open:hover:not(:disabled) {
  border-color: rgba(164, 187, 255, .65) !important;
  background: linear-gradient(112deg, #2a477c, #1e365e 66%, #183054) !important;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-plus {
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
  background: #334f9c !important;
  color: #f5f7ff;
  box-shadow: none !important;
  font-size: 21px !important;
  line-height: 1;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-open>span:nth-child(2) {
  min-width: 0;
  gap: 3px;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-open strong {
  display: block;
  font-size: 14px !important;
  font-weight: 750;
  color: #f7faff !important;
  line-height: 1.2;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-open small {
  display: block !important;
  font-size: 11px !important;
  color: #b7c9ea !important;
  margin: 0 !important;
  line-height: 1.3;
  white-space: normal;
}
#dashboard [data-view-panel="wallet"] .wallet-topup-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #c0d2ff;
  font-size: 19px;
  padding: 0;
}
#dashboard [data-view-panel="wallet"] .wallet-updated {
  margin: 10px 2px 0 !important;
  font-size: 11px !important;
  color: #8d9fbd;
  line-height: 1.5;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 17px 18px !important;
  margin-top: 18px !important;
  border: 1px solid rgba(119, 144, 215, .2);
  border-radius: 16px !important;
  background: #101e36;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note.hidden {
  display: none !important;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note>div {
  min-width: 0;
  gap: 5px;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note strong {
  color: #eef3ff;
  font-size: 13px !important;
  line-height: 1.35;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note span {
  color: #9dadca;
  font-size: 11px !important;
  line-height: 1.5;
}
#dashboard [data-view-panel="wallet"] #wallet-onboarding-note .button {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 110px;
  min-height: 44px !important;
  padding: 0 16px !important;
  background: #203865 !important;
  border: 1px solid rgba(142, 168, 242, .32) !important;
  color: #f0f4ff !important;
  box-shadow: none !important;
  border-radius: 11px !important;
  font-size: 12px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-section {
  margin-top: 18px !important;
  border-radius: 16px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-head {
  padding: 19px 18px 13px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-head h2 {
  font-size: 17px !important;
  line-height: 1.3;
}
#dashboard [data-view-panel="wallet"] .wallet-history-head p {
  font-size: 12px !important;
  color: #98a9c8;
  margin-top: 5px;
}
#dashboard [data-view-panel="wallet"] .wallet-filter-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: auto !important;
  max-width: 560px;
  margin: 0 14px 12px !important;
  padding: 4px !important;
  gap: 4px !important;
  background: #09172e !important;
  border: 1px solid rgba(126, 152, 224, .18) !important;
  border-radius: 12px !important;
  overflow: visible !important;
}
#dashboard [data-view-panel="wallet"] .wallet-filter-tabs button {
  min-width: 0 !important;
  width: 100%;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 5px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #a6b7d7 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="wallet"] .wallet-filter-tabs button.active {
  background: linear-gradient(135deg, rgba(75, 101, 173, .46), rgba(38, 67, 125, .4)) !important;
  border-color: rgba(143, 169, 239, .38) !important;
  color: #f4f8ff !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-row {
  min-width: 0;
  min-height: 82px !important;
  padding: 15px 18px !important;
  gap: 12px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-main strong {
  font-size: 13px;
  line-height: 1.35;
}
#dashboard [data-view-panel="wallet"] .wallet-history-main span {
  font-size: 11px;
  color: #9bacc8;
}
#dashboard [data-view-panel="wallet"] .wallet-history-amount {
  font-size: 13px !important;
}
#dashboard [data-view-panel="wallet"] .wallet-history-side .status-badge {
  font-size: 10px !important;
}
#dashboard [data-view-panel="wallet"] :is(.wallet-topup-open, .wallet-refresh-button, .wallet-filter-tabs button, #wallet-onboarding-note .button):focus-visible {
  outline: 2px solid #aebfff !important;
  outline-offset: 3px;
}
@media (max-width: 620px) {
  #dashboard [data-view-panel="wallet"] .wallet-balance-card { padding: 19px !important; }
  #dashboard [data-view-panel="wallet"] .wallet-balance-value { font-size: clamp(32px, 9vw, 40px) !important; }
  #dashboard [data-view-panel="wallet"] .wallet-balance-actions { max-width: none; }
  #dashboard [data-view-panel="wallet"] #wallet-onboarding-note {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  #dashboard [data-view-panel="wallet"] #wallet-onboarding-note .button {
    width: 100% !important;
    min-width: 0;
  }
  #dashboard [data-view-panel="wallet"] .wallet-history-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 14px 15px !important;
  }
  #dashboard [data-view-panel="wallet"] .wallet-history-mark { width: 38px; height: 38px; }
  #dashboard [data-view-panel="wallet"] .wallet-history-side {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
}
@media (max-width: 370px) {
  #dashboard [data-view-panel="wallet"] .wallet-filter-tabs {
    margin-inline: 10px !important;
  }
  #dashboard [data-view-panel="wallet"] .wallet-filter-tabs button {
    font-size: 11px !important;
  }
  #dashboard [data-view-panel="wallet"] .wallet-refresh-button {
    padding-inline: 10px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #dashboard [data-view-panel="wallet"] :is(.wallet-topup-open, .wallet-refresh-button, .wallet-filter-tabs button) { transition: none !important; }
}

/* LYNZZ Billing + Activity tidy layout — 19 Oct 2026.
   UI-only; narrowly scoped to the two portal panels to preserve checkout and wallet logic. */
#dashboard [data-view-panel="billing"] .billing-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-bottom: 15px !important;
}
#dashboard [data-view-panel="billing"] .billing-toolbar .content-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px !important;
  gap: 4px !important;
  overflow: visible !important;
  border: 1px solid rgba(125, 148, 222, .18) !important;
  border-radius: 14px !important;
  background: #0b1429 !important;
}
#dashboard [data-view-panel="billing"] .content-tab {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #aab9d9 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="billing"] .content-tab.active {
  color: #f3f6ff !important;
  background: linear-gradient(135deg,rgba(72,95,170,.34),rgba(39,66,124,.27)) !important;
  border-color: rgba(146, 167, 243, .3) !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="billing"] .status-filters {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 4px !important;
  overflow: visible !important;
  border: 1px solid rgba(125,148,222,.16) !important;
  border-radius: 13px !important;
  background: #0b1429 !important;
}
#dashboard [data-view-panel="billing"] .status-filter {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 4px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #9aaccf !important;
  background: transparent !important;
  font-size: 11.5px !important;
  font-weight: 690 !important;
  box-shadow: none !important;
  text-align: center;
}
#dashboard [data-view-panel="billing"] .status-filter.active {
  border-color: rgba(146,167,243,.28) !important;
  background: rgba(73,97,172,.27) !important;
  color: #f2f6ff !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="billing"] .transaction-surface {
  padding: 0 !important;
  border: 1px solid rgba(121,144,218,.16) !important;
  border-radius: 17px !important;
  background: #101c32 !important;
  overflow: hidden !important;
}
#dashboard [data-view-panel="billing"] .data-list {
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
}
#dashboard [data-view-panel="billing"] .transaction-row {
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) auto !important;
  min-height: 78px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,146,215,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="billing"] .transaction-row:last-child { border-bottom: 0 !important; }
#dashboard [data-view-panel="billing"] .transaction-row:is(:hover,:active,:focus-visible) {
  background: rgba(65,88,155,.13) !important;
}
#dashboard [data-view-panel="billing"] .transaction-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
}
#dashboard [data-view-panel="billing"] .transaction-main {
  min-width: 0 !important;
  gap: 4px !important;
}
#dashboard [data-view-panel="billing"] .transaction-main strong {
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
#dashboard [data-view-panel="billing"] .transaction-main span {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #a3b4d2 !important;
}
#dashboard [data-view-panel="billing"] .transaction-main small {
  font-size: 10.5px !important;
  color: #8497ba !important;
}
#dashboard [data-view-panel="billing"] .transaction-side .status-badge {
  min-height: 26px !important;
  padding: 4px 8px !important;
  font-size: 10px !important;
}
#dashboard [data-view-panel="billing"] :is(.content-tab,.status-filter,.transaction-row):focus-visible {
  outline: 2px solid #a3b6ff !important;
  outline-offset: -2px !important;
}

#dashboard [data-view-panel="activity"] .activity-totals {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 6px !important;
  padding: 4px 0 8px !important;
  margin: 0 0 18px !important;
}
#dashboard [data-view-panel="activity"] .activity-totals span {
  display: grid !important;
  align-content: start;
  gap: 4px !important;
  min-width: 0 !important;
  font-size: 11px !important;
  color: #91a4c8 !important;
}
#dashboard [data-view-panel="activity"] .activity-totals strong {
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  color: #f2f5ff !important;
}
#dashboard [data-view-panel="activity"] #activity-onboarding-note {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  margin: 0 0 17px !important;
  border: 1px solid rgba(122,145,218,.17) !important;
  border-radius: 13px !important;
  background: rgba(18,31,55,.9) !important;
}
#dashboard [data-view-panel="activity"] #activity-onboarding-note.hidden { display: none !important; }
#dashboard [data-view-panel="activity"] #activity-onboarding-note>div { min-width: 0 !important; gap: 5px !important; }
#dashboard [data-view-panel="activity"] #activity-onboarding-note strong { font-size: 12px !important; line-height: 1.35 !important; }
#dashboard [data-view-panel="activity"] #activity-onboarding-note span { font-size: 11px !important; line-height: 1.45 !important; color: #95a7c7 !important; }
#dashboard [data-view-panel="activity"] #activity-onboarding-note .button {
  width: auto !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(143,164,234,.25) !important;
  border-radius: 10px !important;
  background: #20355e !important;
  color: #edf2ff !important;
  box-shadow: none !important;
  font-size: 12px !important;
  white-space: nowrap;
}
#dashboard [data-view-panel="activity"] .activity-center-section {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(121,144,218,.16) !important;
  border-radius: 16px !important;
  background: #101c32 !important;
}
#dashboard [data-view-panel="activity"] .activity-center-head {
  padding: 17px 16px 12px !important;
  border: 0 !important;
}
#dashboard [data-view-panel="activity"] .activity-center-head h2 { font-size: 17px !important; }
#dashboard [data-view-panel="activity"] .activity-center-head p {
  font-size: 11px !important;
  color: #90a1c1 !important;
}
/* Activity filters: compact single-line scroller, matching Layanan Saya tabs.
   The 6 items never wrap; swipe sideways on narrow screens. */
#dashboard [data-view-panel="activity"] .activity-center-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  min-width: 0 !important;
  gap: 5px !important;
  margin: 0 12px 10px !important;
  padding: 5px !important;
  border: 1px solid rgba(125,148,222,.17) !important;
  border-radius: 12px !important;
  background: #0b1429 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}
#dashboard [data-view-panel="activity"] .activity-center-tabs::-webkit-scrollbar {
  display: none;
}
#dashboard [data-view-panel="activity"] .activity-center-tabs button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 70px !important;
  min-height: 43px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #9aaccf !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: center !important;
  scroll-snap-align: start;
  box-shadow: none !important;
}
#dashboard [data-view-panel="activity"] .activity-center-tabs button.active {
  background: linear-gradient(135deg, rgba(72,95,170,.34),rgba(39,66,124,.27)) !important;
  border-color: rgba(144,166,243,.28) !important;
  color: #f1f5ff !important;
}
#dashboard [data-view-panel="activity"] .activity-center-row {
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 13px 15px !important;
  gap: 11px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(121,144,218,.12) !important;
  box-shadow: none !important;
}
#dashboard [data-view-panel="activity"] .activity-center-row:hover { background: rgba(65,88,155,.12) !important; }
#dashboard [data-view-panel="activity"] .activity-center-main strong {
  color: #f0f4ff !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}
#dashboard [data-view-panel="activity"] .activity-center-main span {
  color: #94a7c8 !important;
  font-size: 10.5px !important;
}
#dashboard [data-view-panel="activity"] .activity-center-amount {
  color: #e7edff !important;
  font-size: 12px !important;
}
#dashboard [data-view-panel="activity"] .activity-center-side .status-badge {
  font-size: 10px !important;
  padding: 4px 8px !important;
}
#dashboard [data-view-panel="activity"] :is(.activity-center-tabs button,#activity-onboarding-note .button,.activity-center-row):focus-visible {
  outline: 2px solid #a3b6ff !important;
  outline-offset: -2px !important;
}
@media (max-width: 720px) {
  #dashboard [data-view-panel="activity"] .activity-center-row {
    grid-template-columns: 36px minmax(0,1fr) 12px !important;
  }
  #dashboard [data-view-panel="activity"] .activity-center-side {
    grid-column: 2 !important;
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}
@media (max-width: 390px) {
  #dashboard [data-view-panel="billing"] .transaction-row {
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    padding: 12px 10px !important;
    gap: 9px !important;
  }
  #dashboard [data-view-panel="billing"] .transaction-icon {
    width: 34px !important; height: 34px !important;
  }
  #dashboard [data-view-panel="billing"] .status-filter { font-size: 10.5px !important; }
  #dashboard [data-view-panel="activity"] #activity-onboarding-note {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    padding: 13px 12px !important;
  }
  #dashboard [data-view-panel="activity"] #activity-onboarding-note .button {
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  #dashboard [data-view-panel="activity"] .activity-center-row { padding: 12px 11px !important; }
  #dashboard [data-view-panel="activity"] .activity-center-tabs button { min-height: 43px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #dashboard [data-view-panel="billing"] :is(.content-tab,.status-filter,.transaction-row),
  #dashboard [data-view-panel="activity"] :is(.activity-center-tabs button,.activity-center-row,#activity-onboarding-note .button) {
    transition: none !important;
  }
}


/* Owner WhatsApp support: global portal topbar, mobile-first. */
#dashboard .topbar-actions .portal-support-link {
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid rgba(127, 154, 225, .22);
  border-radius: 12px;
  background: rgba(91, 123, 217, .09);
  color: #c8d6ff;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
#dashboard .topbar-actions .portal-support-link svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#dashboard .topbar-actions .portal-support-link:hover {
  color: #f5f8ff;
  border-color: rgba(155, 183, 255, .52);
  background: rgba(96, 131, 236, .2);
}
#dashboard .topbar-actions .portal-support-link:focus-visible {
  outline: 2px solid #a4b6ff;
  outline-offset: 3px;
}
@media (max-width: 720px) {
  #dashboard .topbar-actions .portal-support-link {
    flex-basis: 42px;
    min-width: 42px;
    width: 42px;
    height: 42px;
    min-height: 42px;
  }
  #dashboard .topbar-left { min-width: 0; }
  #dashboard .topbar .breadcrumb { min-width: 0; }
  #dashboard .topbar .breadcrumb strong { overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 374px) {
  #dashboard .topbar { padding-inline: 10px !important; }
  #dashboard .topbar-left { gap: 7px !important; }
  #dashboard .topbar-actions { gap: 5px !important; }
  #dashboard .topbar .breadcrumb strong { max-width: 95px; }
}
@media (prefers-reduced-motion: reduce) {
  #dashboard .topbar-actions .portal-support-link { transition: none; }
}

/* PROFILE / ACCOUNTS — verified brand icon assets (Google and Telegram).
   Logos loaded from official endpoints; functionality is unchanged. */
#dashboard [data-view-panel="account"] .profile-v3-provider-icon.profile-v3-google {
  background:#fff;
  border:1px solid rgba(221,228,242,.65);
  border-radius:50%;
  box-shadow:0 3px 14px rgba(0,0,0,.13);
}
#dashboard [data-view-panel="account"] .profile-v3-google img {
  display:block;
  width:28px;
  height:28px;
  max-width:28px;
  max-height:28px;
  object-fit:contain;
}
#dashboard [data-view-panel="account"] .profile-v3-provider-icon.profile-v3-telegram {
  background:transparent;
  border:0;
  border-radius:50%;
  overflow:hidden;
}
#dashboard [data-view-panel="account"] .profile-v3-telegram img {
  display:block;
  width:44px;
  height:44px;
  max-width:44px;
  max-height:44px;
  object-fit:contain;
  border-radius:50%;
}

/* Lynzz loyalty + Medium-only custom upgrade (2026-10-23) */
.profile-v4-loyalty{display:grid;gap:12px}
.profile-v4-loyalty .settings-group-title{margin-bottom:1px}
.loyalty-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-radius:14px;border:1px solid rgba(124,140,255,.18);background:linear-gradient(115deg,rgba(98,115,236,.14),rgba(16,32,57,.74))}
.loyalty-summary span{font-size:17px;font-weight:800;color:#f3f6ff}.loyalty-summary strong{font-size:13px;color:#9de0d8}
.loyalty-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(110,136,194,.19)}.loyalty-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7885ff,#5ed0ef);transition:width .35s ease;border-radius:inherit}
.loyalty-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loyalty-stats>span{display:grid;gap:5px;padding:10px 12px;color:#9cadca;font-size:11px;border:1px solid rgba(129,150,203,.12);background:rgba(12,26,50,.54);border-radius:11px}.loyalty-stats strong{color:#f0f4ff;font-size:14px}
.loyalty-next{margin:0;color:#9aaed1;font-size:12px;line-height:1.55}.loyalty-levels{color:#b7c6e0;font-size:12px}.loyalty-levels summary{cursor:pointer;padding:8px 0}.loyalty-levels div{line-height:1.8;padding:4px 0 9px}
.service-custom-upgrade{margin-top:13px;padding:13px;border-radius:13px;border:1px solid rgba(124,150,250,.22);background:rgba(14,27,55,.6)}.service-custom-upgrade h4{margin:0;color:#edf4ff;font-size:14px}.service-custom-upgrade p{color:#a9bbd9;font-size:12px;line-height:1.5}.service-custom-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}.service-custom-fields label{min-width:0;display:grid;gap:6px;font-size:11px;font-weight:650;color:#c0d1eb}.service-custom-fields select{width:100%;min-width:0;min-height:43px;padding:8px;border-radius:10px;background:#0b1830;color:#f0f4ff;border:1px solid rgba(125,149,221,.23)}.service-custom-quote{margin:11px 0 0;color:#c1e4fc!important;font-size:12px}
@media(max-width:390px){.service-custom-fields{grid-template-columns:1fr 1fr}.service-custom-fields label:last-child{grid-column:1/-1}}

/* Cloud Bolt V2.2 — mobile profile loyalty and Medium upgrade UI refinement */
#dashboard [data-view-panel="account"] .profile-v4-loyalty{gap:10px;margin-top:22px!important}
#dashboard [data-view-panel="account"] .profile-v4-loyalty .loyalty-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px!important}
#dashboard [data-view-panel="account"] .profile-v4-loyalty .loyalty-heading h2{font-size:18px!important;color:#eff4ff!important;line-height:1.35}
.profile-v4-loyalty .loyalty-heading>span{font-size:11px;color:#9faed1;border:1px solid rgba(126,150,215,.16);border-radius:30px;padding:5px 10px;white-space:nowrap}
.profile-v4-loyalty .loyalty-card{padding:18px 19px 14px;border:1px solid rgba(134,157,220,.19);border-radius:18px;background:linear-gradient(125deg,rgba(25,40,76,.92),rgba(11,25,49,.94) 70%);box-shadow:0 12px 28px rgba(0,0,0,.11)}
.profile-v4-loyalty .loyalty-summary{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0;background:none;border:0;border-radius:0}
.profile-v4-loyalty .loyalty-current,.profile-v4-loyalty .loyalty-benefit{display:grid;gap:5px;min-width:0}
.profile-v4-loyalty .loyalty-current small,.profile-v4-loyalty .loyalty-benefit small{font-size:10px;color:#9aaecd;letter-spacing:.025em}
.profile-v4-loyalty .loyalty-current strong{font-size:22px;color:#f7f9ff;letter-spacing:-.035em;line-height:1.22;overflow-wrap:anywhere}
.profile-v4-loyalty .loyalty-benefit{text-align:right}
.profile-v4-loyalty .loyalty-benefit strong{font-size:16px;white-space:nowrap;color:#81e2c9}
.profile-v4-loyalty .loyalty-track-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#91a3c4;margin-top:22px;margin-bottom:8px}
.profile-v4-loyalty .loyalty-track{height:8px;background:rgba(94,117,172,.26)}
.profile-v4-loyalty .loyalty-next{min-height:18px;margin:9px 0 16px;color:#b7c7e3;line-height:1.45;font-size:11px}
.profile-v4-loyalty .loyalty-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(138,159,218,.13);padding-top:12px}
.profile-v4-loyalty .loyalty-stats>span{border:0;border-radius:0;background:none;padding:2px 3px;gap:5px;font-size:11px;color:#91a5c4}
.profile-v4-loyalty .loyalty-stats>span+span{border-left:1px solid rgba(138,159,218,.13);padding-left:16px}
.profile-v4-loyalty .loyalty-stats strong{font-size:17px;color:#f5f8ff;font-weight:780;font-variant-numeric:tabular-nums}
.profile-v4-loyalty .loyalty-levels{border:1px solid rgba(131,152,209,.17);border-radius:13px;background:rgba(13,26,49,.58);overflow:hidden}
.profile-v4-loyalty .loyalty-levels summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;padding:13px 15px;font-weight:650;color:#c2d2ee;user-select:none}
.profile-v4-loyalty .loyalty-levels summary::-webkit-details-marker{display:none}
.profile-v4-loyalty .loyalty-levels summary:focus-visible{outline:2px solid #93a6ff;outline-offset:-2px}
.profile-v4-loyalty .loyalty-levels-arrow{font-size:22px;line-height:1;color:#8fa8e5;transition:transform .2s ease}
.profile-v4-loyalty .loyalty-levels[open] .loyalty-levels-arrow{transform:rotate(180deg)}
.profile-v4-loyalty .loyalty-tier-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 12px 13px;padding-top:10px;border-top:1px solid rgba(144,165,219,.12)}
.profile-v4-loyalty .loyalty-tier{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(136,158,220,.13);border-radius:10px;color:#b8c9e6;background:rgba(11,23,45,.7);font-size:11px}
.profile-v4-loyalty .loyalty-tier b{color:#d9e6ff;font-weight:800;font-variant-numeric:tabular-nums}
.profile-v4-loyalty .loyalty-tier.is-active{color:#f7f9ff;border-color:rgba(122,211,198,.46);background:rgba(37,109,108,.20)}
.profile-v4-loyalty .loyalty-tier.is-active b{color:#8cf1d2}
#service-detail-layer .service-upgrade-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0;padding:4px;border:1px solid rgba(130,154,218,.17);border-radius:13px;background:rgba(4,12,28,.58)}
#service-detail-layer .service-upgrade-modes.hidden{display:none!important}
#service-detail-layer .service-upgrade-modes button{min-width:0;min-height:43px;padding:9px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a4b4d2;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .14s,color .14s}
#service-detail-layer .service-upgrade-modes button.is-active{background:linear-gradient(125deg,rgba(78,98,191,.46),rgba(57,84,137,.27));border-color:rgba(143,164,245,.30);color:#f7f9ff;box-shadow:0 2px 8px rgba(0,0,0,.10)}
#service-detail-layer .service-upgrade-modes button.hidden{display:none!important}
#service-detail-layer .service-upgrade-modes:has(button.hidden){grid-template-columns:1fr}
#service-detail-layer .service-upgrade-modes button:focus-visible{outline:2px solid #95a9ff;outline-offset:2px}
#service-detail-layer .service-upgrade-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:285px;overflow-y:auto;gap:9px;margin:11px 0 12px;padding:2px 3px 4px 2px;scrollbar-width:thin;scrollbar-color:#3b4f83 transparent}
#service-detail-layer .service-upgrade-option{display:grid;align-content:center;grid-template-columns:1fr;gap:9px;min-width:0;min-height:87px;padding:13px 14px;border-radius:12px;background:rgba(11,24,49,.72)}
#service-detail-layer .service-upgrade-option-copy strong{font-size:13px;line-height:1.3}
#service-detail-layer .service-upgrade-option-copy small{font-size:10px;line-height:1.45;color:#90a6c8}
#service-detail-layer .service-upgrade-option b{font-size:14px;color:#dce6ff;font-variant-numeric:tabular-nums}
#service-detail-layer .service-upgrade-option.selected{border-color:#96a7ff;background:rgba(70,86,158,.3)}
#service-detail-layer .service-custom-upgrade{margin:10px 0 0;padding:0;background:transparent;border:0;border-radius:0}
#service-detail-layer .service-custom-head{margin:5px 0 12px}
#service-detail-layer .service-custom-head strong{display:block;font-size:13px;color:#edf3ff}
#service-detail-layer .service-custom-head p{margin:5px 0 0;font-size:11px;line-height:1.55;color:#97a9c8}
#service-detail-layer .service-custom-fields{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
#service-detail-layer .service-custom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:68px;padding:10px 12px;border:1px solid rgba(133,157,220,.17);border-radius:12px;background:linear-gradient(130deg,rgba(17,32,62,.75),rgba(10,22,44,.9))}
#service-detail-layer .service-custom-row-copy{display:grid;gap:4px;min-width:0}
#service-detail-layer .service-custom-row-copy strong{color:#f0f5ff;font-size:13px}
#service-detail-layer .service-custom-row-copy small{color:#8499b9;font-size:10px}
#service-detail-layer .service-custom-stepper{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(130,149,211,.18);border-radius:12px;background:rgba(5,13,30,.56)}
#service-detail-layer .service-custom-stepper button{display:grid;place-items:center;width:34px;height:36px;border:0;border-radius:8px;background:rgba(100,120,206,.19);color:#e8efff;font-size:21px;font-family:inherit;line-height:1;cursor:pointer;touch-action:manipulation}
#service-detail-layer .service-custom-stepper button:focus-visible{outline:2px solid #8ea4ff;outline-offset:1px}
#service-detail-layer .service-custom-stepper button:active{background:rgba(109,131,230,.36)}
#service-detail-layer .service-custom-stepper button:disabled{opacity:.30;cursor:not-allowed}
#service-detail-layer .service-custom-stepper output{display:block;min-width:58px;padding:0 4px;text-align:center;white-space:nowrap;color:#f4f7ff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
#service-detail-layer select.service-custom-native{display:none!important}
#service-detail-layer .service-custom-quote{min-height:42px;display:flex;align-items:center;margin:11px 0 0;padding:11px 12px;border-radius:11px;border:1px solid rgba(107,156,190,.16);background:rgba(25,70,93,.16);color:#c2e3f4!important;font-size:11px;line-height:1.55}
#service-detail-layer .service-upgrade-selection{margin:12px 0 0;padding:11px 12px;flex-wrap:wrap}
#service-detail-layer .service-upgrade-selection strong{font-size:12px}
#service-detail-layer .service-upgrade-selection b{font-size:14px;white-space:nowrap}
@media(max-width:620px){
  #service-detail-layer .service-inline-panel{padding:14px}
  #service-detail-layer .service-upgrade-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:255px;gap:8px}
  #service-detail-layer .service-upgrade-option{min-height:97px;padding:11px}
  .profile-v4-loyalty .loyalty-card{padding:16px 15px 13px}
}
@media(max-width:355px){
  #service-detail-layer .service-custom-stepper button{width:30px}
  #service-detail-layer .service-custom-stepper output{min-width:50px;font-size:13px}
  .profile-v4-loyalty .loyalty-current strong{font-size:19px}
  .profile-v4-loyalty .loyalty-benefit strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.profile-v4-loyalty .loyalty-levels-arrow{transition:none}}
/* Final alignment for compact touch layouts */
#dashboard [data-view-panel="account"] .profile-v4-loyalty .loyalty-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
#dashboard [data-view-panel="account"] .profile-v4-loyalty .loyalty-levels{margin-top:10px}
#service-detail-layer #service-upgrade-panel .service-inline-actions{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:9px}
#service-detail-layer #service-upgrade-panel .service-inline-actions .button{min-width:0;width:100%;padding-inline:9px;font-size:12px}


/* LYNZZ V2.1 — compact transaction drawer: restore original side panel. */
/* All changes are restricted to #transaction-detail-layer. */
#transaction-detail-layer .transaction-detail-drawer {
  width:min(430px,92vw);
  max-width:92vw;
  min-width:0;
  border-left:1px solid rgba(121,144,222,.18);
}
#transaction-detail-layer .transaction-detail-header {
  height:72px;
  min-height:72px;
  padding:0 18px;
  gap:12px;
}
#transaction-detail-layer .transaction-detail-header h2 {font-size:19px;line-height:1.2}
#transaction-detail-layer .transaction-detail-scroll {
  height:calc(100% - 72px);
  padding:16px 16px 25px;
  min-width:0;
  overscroll-behavior:contain;
}
#transaction-detail-layer .transaction-detail-hero {
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  padding:17px;
  overflow:hidden;
}
#transaction-detail-layer .transaction-detail-hero-copy {
  display:flex;
  flex-direction:column;
  order:0;
  gap:6px;
  min-width:0;
  max-width:none;
  width:100%;
}
#transaction-detail-layer #transaction-detail-name {
  display:block;
  color:#f5f7ff;
  font-size:16px;
  line-height:1.33;
  font-weight:750;
  letter-spacing:-.022em;
  overflow-wrap:anywhere;
  min-width:0;
}
#transaction-detail-layer #transaction-detail-meta {
  font-size:10px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
#transaction-detail-layer #transaction-detail-status {
  position:static;
  top:auto;
  right:auto;
  order:1;
  align-self:flex-start;
  margin:11px 0 0;
  padding:5px 10px;
  width:max-content;
  max-width:100%;
  font-size:10px;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:anywhere;
}
#transaction-detail-layer .transaction-detail-price {order:2;margin-top:16px;min-width:0}
#transaction-detail-layer .transaction-detail-price-label {
  display:block;
  margin-bottom:3px;
  color:#8b9cbd;
  font-size:10px;
  line-height:1.5;
}
#transaction-detail-layer .transaction-detail-amount {
  margin:0;
  font-size:28px;
  line-height:1.14;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#transaction-detail-layer .transaction-detail-note {
  order:3;
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(144,166,234,.12);
  color:#aebdd8;
  font-size:11px;
  line-height:1.55;
}
#transaction-detail-layer .transaction-detail-note.hidden {display:none!important}
#transaction-detail-layer .transaction-detail-section {margin-top:17px;padding-top:15px}
#transaction-detail-layer .transaction-detail-line {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:9px;
  min-width:0;
  min-height:48px;
  padding:10px 12px;
}
#transaction-detail-layer .transaction-detail-line span {
  font-size:10px;
  line-height:1.45;
  min-width:0;
}
#transaction-detail-layer .transaction-detail-line strong {
  font-size:11px;
  line-height:1.45;
  min-width:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#transaction-detail-layer .transaction-detail-line .transaction-detail-mono {word-break:break-all}
#transaction-detail-layer .transaction-detail-actions-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#transaction-detail-layer .transaction-detail-action {
  min-width:0;
  min-height:43px;
  padding:8px 9px;
  font-size:11px;
  line-height:1.35;
}
#transaction-detail-layer .transaction-detail-actions-grid .transaction-detail-action.primary:first-child {grid-column:1/-1}
@media(max-width:620px){
  #transaction-detail-layer .transaction-detail-drawer {width:92vw;max-width:92vw}
}
@media(max-width:390px){
  #transaction-detail-layer .transaction-detail-drawer {width:94vw;max-width:94vw}
  #transaction-detail-layer .transaction-detail-scroll {padding:14px 12px 23px}
  #transaction-detail-layer .transaction-detail-hero {padding:15px}
  #transaction-detail-layer .transaction-detail-line {grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
}
@media(max-width:350px){
  #transaction-detail-layer .transaction-detail-line {grid-template-columns:1fr;gap:4px}
  #transaction-detail-layer .transaction-detail-line strong {text-align:left}
}


/* 2026-10-24 — Shared ORDER/INVOICE transaction detail presentation.
   Keep the narrow side drawer. Only unify summary/action spacing. */
#transaction-detail-layer .transaction-detail-hero-copy,
#transaction-detail-layer .transaction-detail-price,
#transaction-detail-layer .transaction-detail-section,
#transaction-detail-layer .transaction-detail-actions-grid {
  min-width:0;
}
#transaction-detail-layer .transaction-detail-hero {
  align-items:stretch;
}
#transaction-detail-layer .transaction-detail-actions-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
#transaction-detail-layer .transaction-detail-action {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  text-align:center;
  overflow-wrap:anywhere;
}
#transaction-detail-layer .transaction-detail-actions-grid .transaction-detail-action.primary:first-child {
  grid-column:1/-1;
}
@media(max-width:390px){
  #transaction-detail-layer .transaction-detail-actions-grid{gap:8px}
  #transaction-detail-layer .transaction-detail-action{padding-inline:7px;font-size:11px}
}


/* LYNZZ-SERVICE-DETAIL-CUSTOM-WRAP-V1: stop intrinsic grid track expanding to long package name */
/* The implicit `auto` grid column followed min-content from the non-wrapping custom title. */
#service-detail-layer .service-info-panel {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
#service-detail-layer .service-info-panel > *,
#service-detail-layer .service-hero-card,
#service-detail-layer .service-detail-summary,
#service-detail-layer .service-data-list,
#service-detail-layer .service-data-primary,
#service-detail-layer .service-data-technical,
#service-detail-layer .service-data-row {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
#service-detail-layer .service-hero-card {
  width: 100%;
  gap: 10px;
}
#service-detail-layer .service-hero-main {
  flex: 1 1 0;
  min-width: 0;
}
#service-detail-layer .service-hero-main > .service-detail-icon {
  flex: 0 0 46px;
}
#service-detail-layer .service-hero-main > div {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
#service-detail-layer #service-detail-name {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.38;
}
#service-detail-layer #service-detail-user {
  max-width: 100%;
  overflow-wrap: anywhere;
}
#service-detail-layer #service-detail-status {
  flex: 0 0 auto;
  white-space: nowrap;
}
#service-detail-layer .service-detail-summary strong,
#service-detail-layer .service-data-value {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
/* END LYNZZ-SERVICE-DETAIL-CUSTOM-WRAP-V1 */

/* LYNZZ-FLEX-MANAGEMENT-V1: compact controls ONLY inside Detail Flex drawer */
#flex-detail-layer .flex-management{min-width:0}
#flex-detail-layer .flex-management-details{margin:10px 0 0;border:1px solid rgba(120,148,226,.19);border-radius:15px;background:rgba(19,33,65,.58);overflow:hidden}
#flex-detail-layer .flex-management-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;color:#e5edff;cursor:pointer}
#flex-detail-layer .flex-management-details>summary::-webkit-details-marker{display:none}
#flex-detail-layer .flex-management-details>summary>span:first-child{display:grid;gap:5px;min-width:0}
#flex-detail-layer .flex-management-details>summary strong{font-size:14px}
#flex-detail-layer .flex-management-details>summary small{font-size:11px;color:#9daed4;line-height:1.4}
#flex-detail-layer .flex-management-details[open]>summary{border-bottom:1px solid rgba(120,148,226,.14)}
#flex-detail-layer .flex-management-content{padding:14px;display:grid;gap:12px;min-width:0}
#flex-detail-layer .flex-management-status{color:#a9b7d8;font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}
#flex-detail-layer .flex-management-status.is-error{color:#ff9ba7}
#flex-detail-layer .flex-upgrade-options{display:grid;gap:7px;min-width:0;max-height:330px;overflow:auto}
#flex-detail-layer .flex-management-group-title{font-size:11px;color:#a9b7d8;margin:9px 0 2px}
#flex-detail-layer .flex-management-choice{font:inherit;display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-width:0;padding:13px 12px;border:1px solid rgba(128,151,232,.19);background:#101d38;border-radius:11px;color:#e9efff;cursor:pointer;text-align:left}
#flex-detail-layer .flex-management-choice>span{min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}
#flex-detail-layer .flex-management-choice strong{font-size:12px}
#flex-detail-layer .flex-management-choice small{font-size:10px;color:#8fa5d0;line-height:1.5}
#flex-detail-layer .flex-management-choice b{font-size:10px;flex-shrink:0;color:#a5b6ed}
#flex-detail-layer .flex-management-choice.selected{border-color:#7d92ff;background:rgba(78,105,221,.18)}
#flex-detail-layer .flex-management-quote{border:1px solid rgba(123,152,255,.23);border-radius:12px;padding:4px 12px;background:rgba(40,58,110,.18)}
#flex-detail-layer .flex-management-quote .flex-detail-row{padding:9px 0;gap:12px}
#flex-detail-layer .flex-management-quote .flex-detail-row strong{font-size:12px;text-align:right;overflow-wrap:anywhere;min-width:0}
#flex-detail-layer .flex-management-warning{margin:0;padding:12px;border:1px solid rgba(237,164,84,.28);border-radius:11px;color:#e9c19d;background:rgba(177,111,43,.085);font-size:11px;line-height:1.55}
#flex-detail-layer .flex-management-confirm{display:flex;align-items:flex-start;gap:9px;color:#b8c7e4;font-size:11px;line-height:1.5;cursor:pointer}
#flex-detail-layer .flex-management-confirm input{accent-color:#748cff;margin-top:3px;flex:0 0 auto}
#flex-detail-layer .flex-management-details .button{font-size:12px;min-height:43px}
@media(max-width:430px){#flex-detail-layer .flex-management-content{padding:12px}#flex-detail-layer .flex-management-details>summary{padding:14px}#flex-detail-layer .flex-management-choice{padding:12px 10px}}
/* END LYNZZ-FLEX-MANAGEMENT-V1 */

/* LYNZZ-FLEX-SOFTWARE-UI-HOTFIX-V2 — keeps checkbox compact despite global input resets */
#flex-detail-layer .flex-management-content{gap:10px}
#flex-detail-layer .flex-upgrade-options:empty{display:none!important}
#flex-detail-layer #flex-software-confirm-row[hidden],
#flex-detail-layer #flex-software-submit[hidden]{display:none!important}
#flex-detail-layer .flex-management-confirm{
  box-sizing:border-box;display:grid;grid-template-columns:18px minmax(0,1fr);
  gap:11px;align-items:start;min-width:0;max-width:100%;width:100%;
  margin:0;padding:11px 12px;border:1px solid rgba(133,155,231,.18);
  border-radius:11px;background:rgba(10,23,45,.65);
  color:#c8d4ee;font-size:12px;line-height:1.55;
}
#flex-detail-layer .flex-management-confirm span{
  display:block;min-width:0;max-width:100%;overflow-wrap:break-word;
}
#flex-detail-layer input#flex-software-confirm[type="checkbox"]{
  box-sizing:border-box!important;
  display:block!important;
  -webkit-appearance:checkbox!important;
  appearance:auto!important;
  width:18px!important;min-width:18px!important;max-width:18px!important;
  height:18px!important;min-height:18px!important;max-height:18px!important;
  padding:0!important;margin:1px 0 0!important;
  flex:none!important;border-radius:4px!important;
  background:transparent!important;box-shadow:none!important;
  accent-color:#8496ff;
}
#flex-detail-layer .flex-management-details .button[disabled]{opacity:.46}
@media(max-width:430px){
  #flex-detail-layer .flex-management-confirm{padding:10px 11px;gap:10px}
  #flex-detail-layer .flex-management-warning{padding:10px 11px}
}
/* END LYNZZ-FLEX-SOFTWARE-UI-HOTFIX-V2 */