/* Cabinet uses the same cloud-blue identity; existing actions/IDs remain unchanged. */
.account-nav nav a[data-view]{text-decoration:none;text-align:left;background:transparent;cursor:pointer}
.reference-cabinet{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.reference-cabinet>.site-header,.reference-cabinet>.site-footer{flex-shrink:0;width:100%;margin-block:0}
.reference-cabinet>.customer-main{flex:1 0 auto;min-height:0;margin-block:0}
.customer-main{width:84%;max-width:1120px;padding:35px 0 50px;min-height:calc(100vh - 180px)}
.customer-main .eyebrow{color:#47749b;font-size:11px;letter-spacing:.12em;margin-bottom:12px}
.customer-main h1,.customer-main h2,.customer-main h3{color:#153654}
.account-bootstrap .account-nav{min-height:400px}.account-bootstrap .account-content{min-height:520px}.account-bootstrap h2{font-size:32px;margin-bottom:28px}.bootstrap-bar{height:14px;border-radius:6px;background:#e4eef8;margin:22px 0;max-width:95%}.bootstrap-short{max-width:45%}.bootstrap-card{padding:22px;border:1px solid #d7e6f4;border-radius:12px;margin:20px 0;min-height:118px}@media(max-width:640px){.account-bootstrap .account-nav{display:none}.account-bootstrap .account-content{min-height:480px}.account-bootstrap h2{font-size:29px}}
.auth-layout{gap:55px;grid-template-columns:1.05fr 1fr;align-items:start;padding:25px 30px}
.auth-intro{padding-top:16px}.auth-intro h1{font-size:clamp(36px,4vw,51px);line-height:1.12;margin-bottom:20px}
.auth-intro .sky-word{color:#1681e7}.auth-intro .intro{font-size:16px;color:#426588;margin-bottom:20px}
.auth-intro .fine{font-size:12px;line-height:1.65;color:#516f91;max-width:440px}
.auth-cloud-art{display:block;width:100%;max-width:380px;height:auto;margin:-18px -10px -30px auto;pointer-events:none}
.auth-cloud-art img{display:block;width:100%;height:auto}.auth-brand{display:block;width:180px;height:auto;margin-bottom:18px}
.customer-main{position:relative;isolation:isolate}.customer-main:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:25px 0 auto 18%;height:300px;background:url('/static/9c77ba1f612f0749d929315df8afbf3af091a1719531e2882c2bc1599f9eb5cf/assets/cloudyworld-account-clouds.png') right top/contain no-repeat;background-image:image-set(url('/static/e1aa1e47918d5b21bf032842fada3038a91e1c205d78ff478b262dbc869ab6f3/assets/cloudyworld-account-clouds.webp') type('image/webp'),url('/static/9c77ba1f612f0749d929315df8afbf3af091a1719531e2882c2bc1599f9eb5cf/assets/cloudyworld-account-clouds.png') type('image/png'));opacity:.4}
.auth-card{border:1px solid #c8e2fb;border-top:5px solid #9dccfa;border-radius:13px;background:#fff;box-shadow:0 16px 42px #1a69b512;padding:27px 30px}
.auth-tabs{border-bottom:1px solid #dceafa;padding:0 0 15px;margin-bottom:25px;gap:5px}
.auth-tabs button{border-radius:5px;font-size:13px;color:#30587e;padding:10px 12px}
.auth-tabs button.current{background:#e1f0ff;color:#0065cb;border-radius:5px;font-weight:650}
.auth-form h2{font-size:27px;letter-spacing:-.035em;margin-bottom:18px}
.auth-form label,#preferences-form label{color:#36597d;font-size:13px}
.auth-form input:not([type=checkbox]),.auth-form select,#preferences-form select,.settings-card input,.settings-card select,.topup-form input{background:#fcfdff;border:1px solid #b6d6f8;border-radius:6px;color:#173c62;padding:12px;margin-top:7px}
.auth-form input:focus,.auth-form select:focus,.settings-card input:focus,.settings-card select:focus,.topup-form input:focus,#preferences-form select:focus{outline:2px solid #419bfa;outline-offset:2px}
.auth-form .button{margin-top:12px}.auth-form .fine{font-size:12px;line-height:1.65;color:#536f8e}
.account-layout{grid-template-columns:224px minmax(0,1fr);gap:24px;align-items:start}
.account-nav{padding:22px 16px;border:1px solid #c9e0fa;background:linear-gradient(145deg,#fff,#eff7ff);border-radius:13px;box-shadow:0 10px 22px #2e77aa08;position:sticky;top:22px}
.account-nav>p{color:#557393;line-height:1.6;padding-inline:7px}.account-nav>.mini-label{padding-inline:7px}
.account-nav nav .account-nav-icon{display:block;width:20px;height:20px;flex:0 0 20px;pointer-events:none}
.account-nav nav{gap:5px}.account-nav nav [data-view]{display:flex;gap:12px;align-items:center;color:#244d77;font-size:13px;padding:13px 14px;border:1px solid transparent;border-radius:6px}
.account-nav nav [data-view].current{background:#e1efff;color:#0066cf;box-shadow:none;font-weight:650;border-color:#d2e5fd}
.account-nav nav [data-view]:hover{background:#edf6ff}
.sidebar-wallet{border:1px solid #c9e1fb;background:white;border-radius:9px;padding:16px;margin:20px 4px 14px}
.sidebar-wallet span{color:#5b7291;font-size:11px}.sidebar-wallet strong{font-size:24px;color:#0964c7;margin-top:8px}
#account-email{overflow-wrap:anywhere;font-size:11px;color:#526e90}#logout{width:calc(100% - 8px);margin-inline:4px}
.account-content{border:1px solid #cde1f8;border-radius:14px;background:#fff;box-shadow:0 12px 35px #337cba09;padding:30px 32px;min-width:0;overflow:clip}
.account-view h2{font-size:31px;line-height:1.2;letter-spacing:-.035em;margin-bottom:22px}
.account-view>.eyebrow{font-size:10px}.account-view>p:not(.eyebrow){font-size:14px;color:#4d6988;line-height:1.65}
.subscription-heading{border-bottom:1px solid #dfedfc;padding-bottom:19px;margin-bottom:20px;align-items:center}
.subscription-heading h2{margin:0}.subscription-heading .secondary-button{margin:0;font-size:12px;padding:9px 14px}
.secondary-button{border:1px solid #add2fa;border-radius:6px;background:#f8fbff;color:#1b5d9f;font-size:12px;padding:10px 14px}
.secondary-button:hover{background:#eaf4ff;color:#084f98}
.subscription-state{border:1px solid #c5dff9;border-radius:10px;padding:22px;background:linear-gradient(120deg,#edf7ff,#f9fcff);font-size:14px;color:#315878}
.subscription-state h3{font-size:18px}.subscription-state p{font-size:13px;line-height:1.65;color:#486687}
.subscription-expired{background:#fff8ec;border-color:#e9d0a5;color:#6b531d}
.subscription-review,.subscription-suspending,.subscription-revoked{background:#fff5f3;border-color:#e9c1bb;color:#7a4439}
.account-metrics{gap:18px;margin:22px 0}.account-metrics article{border:1px solid #d4e6fa;border-top:4px solid #b6dafa;border-radius:10px;background:#f8fbff;padding:21px}
.account-metrics .mini-label{color:#4b79a4}.account-metrics h3{font-size:16px;line-height:1.5;margin:10px 0}.account-metrics p{font-size:12px;line-height:1.65;color:#526e90}
.account-content .plans-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-content .plan{padding:23px 22px}
.account-content .plan h3{font-size:19px}.account-content .plan .button{font-size:13px}
.wallet-card{background:linear-gradient(115deg,#e5f3ff,#f3f9ff);border:1px solid #bcdafa;border-radius:11px;padding:25px}
.wallet-card>span{color:#37638e;font-size:13px}.wallet-card strong{color:#0864c9;font-size:40px;margin:10px 0}.wallet-card p{font-size:12px;line-height:1.65;color:#4b6a8d}
.wallet-history-title{font-size:18px;margin:29px 0 14px}.table-scroll{border:1px solid #d7e7f8;border-radius:8px;background:#fff;margin-top:16px}
table{font-size:12px}th{background:#eef6ff;color:#335f8a;font-size:11px;padding:13px 14px}td{color:#35597a;padding:14px;border-color:#e3edf8;line-height:1.65}
tbody tr:last-child td{border-bottom:0}
.topup-form{border:1px solid #c9ddf4;border-radius:10px;background:#f4f9ff;padding:22px;margin:22px 0}
.topup-form h3{font-size:18px;margin-bottom:12px}.topup-form p{font-size:13px;line-height:1.65;color:#4e6b8c}
.topup-form label{font-size:13px}.topup-form input{max-width:300px}
.settings-tabs{border-bottom:1px solid #dce9f8;padding-bottom:15px;gap:8px;margin:25px 0 20px}
.settings-tabs button{font-size:12px;padding:10px 15px;border:1px solid #c3ddfa;border-radius:6px;color:#315d85;background:#fff}
.settings-tabs button.current{color:#0065cc;border-color:#bfdafa;background:#e3f1ff;font-weight:650}
.settings-card{border:1px solid #cee2f8;border-radius:10px;margin:18px 0;padding:23px;background:#fff}
.settings-card h3{font-size:18px;margin:0 0 13px}.settings-card h4{font-size:14px;color:#2e557b;margin-top:24px}
.settings-card p{font-size:13px;line-height:1.7;color:#526c89}.settings-card .fine{font-size:12px}
.settings-card label{font-size:12px;color:#365c80}.settings-fields{gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.stepup-card{background:#eff7ff;border-color:#bcd9f7;border-left:3px solid #70b1f1}
.settings-card summary{color:#1a5a98;font-size:13px}.settings-actions .button{padding:10px 15px;font-size:12px}
#view-settings .fine{max-width:none;margin-top:12px}
#security-status:not(:empty),#customer-message:not(:empty),#topup-message:not(:empty){padding:13px 17px;border:1px solid #b5d9fb;border-radius:8px;background:#edf7ff;color:#315d87;font-size:13px;line-height:1.65}
#customer-message:empty{margin:0}
.purchase-dialog,#topup-payment-dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #a8cff6;border-top:5px solid #97cafa;border-radius:13px;padding:29px;background:#fff;color:#234969;box-shadow:0 22px 90px #143b6940}
.purchase-dialog h2,#topup-payment-dialog h2{font-size:27px;color:#173d63}
.purchase-dialog p,#topup-payment-dialog p{font-size:13px;line-height:1.65;color:#47698a}
.purchase-dialog::backdrop,#topup-payment-dialog::backdrop{background:#16314e85}
#connection-dialog{border-color:#b5d6f8;border-radius:13px}.connection-warning{font-size:13px;line-height:1.65}
.purchase-dialog button{white-space:normal}
@media(max-width:1100px){.customer-main{width:88%}.auth-layout{gap:32px;padding-inline:12px}.auth-card{padding:24px}.account-layout{grid-template-columns:198px minmax(0,1fr);gap:18px}.account-content{padding:27px 24px}.account-content .plans-list{gap:13px}.account-content .plan{padding:22px 18px}.account-view h2{font-size:28px}.account-nav{padding:20px 13px}.account-nav nav [data-view]{padding:12px 10px;gap:10px}}
@media(max-width:850px){.customer-main{width:92%}.account-layout{grid-template-columns:176px minmax(0,1fr);gap:15px}.account-nav{padding:18px 10px}.account-nav nav [data-view]{font-size:12px;padding:11px 9px;gap:8px}.account-content{padding:24px 20px}.account-content .plans-list{grid-template-columns:1fr}.auth-layout{gap:25px;grid-template-columns:1fr 1fr}.auth-tabs button{font-size:12px;padding:10px 8px}.auth-intro h1{font-size:38px}.auth-intro .intro{font-size:14px}.auth-cloud-art{margin:0 auto}.settings-card{padding:20px}}
@media(max-width:640px){.customer-main{padding-top:22px;min-height:calc(100vh - 170px)}.auth-layout{grid-template-columns:1fr;gap:25px;padding:10px 4px 0}.auth-intro{padding:0}.auth-intro h1{font-size:37px;margin-bottom:15px}.auth-intro .intro{font-size:15px}.auth-intro .fine{margin-bottom:0}.auth-cloud-art{display:none}.auth-card{padding:23px 20px;border-radius:11px}.auth-tabs{gap:3px;margin-bottom:22px}.auth-tabs button{font-size:12px;padding:10px 11px}.auth-form h2{font-size:26px}.account-layout{grid-template-columns:1fr;gap:18px}.account-nav{position:static;padding:20px 17px}.account-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.account-nav nav [data-view]{font-size:13px;padding:12px;gap:12px}.account-nav>.mini-label{display:block}.sidebar-wallet{padding:14px 17px;margin:15px 3px 10px;display:flex;align-items:center;gap:15px}.sidebar-wallet strong{margin:0 0 0 auto;font-size:23px}.account-nav>p{font-size:12px;margin:12px 0 0}.account-nav #logout{margin-top:12px}.account-content{padding:25px 20px;border-radius:12px}.account-view h2{font-size:29px}.account-metrics{grid-template-columns:1fr;gap:14px}.account-metrics article{padding:20px}.account-content .plans-list{grid-template-columns:1fr}.subscription-heading{gap:15px}.settings-card{padding:20px 17px}.settings-tabs{gap:6px}.settings-tabs button{flex:1 1 auto;padding:10px 11px;font-size:12px}.settings-fields{grid-template-columns:1fr}.settings-actions{display:grid;grid-template-columns:1fr;align-items:stretch;gap:12px}.settings-actions .button,.settings-actions .secondary-button{width:100%;margin:0}.wallet-card{padding:22px}.wallet-card strong{font-size:38px}.purchase-dialog,#topup-payment-dialog{padding:24px 20px}.connection-heading h2{font-size:26px}.connection-heading{gap:15px}#connection-dialog{padding:24px 20px}.subscription-heading .secondary-button{font-size:12px}.table-scroll{margin-top:14px}}