/* Customer workspace: presentation only, no API or billing changes. */
.account-page { --account-surface:#101d32; --account-line:rgba(160,185,225,.16); }
.account-page main.wrap { padding-bottom:64px; }
.account-page .account-eyebrow { margin:0 0 14px; color:#7dbbff; font-size:11px; font-weight:700; letter-spacing:.17em; line-height:1.5; }
.account-page .cab-head { padding:44px 0 26px; gap:24px; align-items:center; }
.account-page .cab-head h1 { font-size:clamp(30px,3.7vw,46px); line-height:1.12; letter-spacing:-.035em; margin:0 0 12px; }
.account-page .cab-head .lead { font-size:16px; line-height:1.6; max-width:600px; }
.account-page .user-chip { gap:12px; padding:15px 18px; border:1px solid var(--account-line); border-radius:16px; background:rgba(19,33,55,.65); min-width:0; }
.account-page .user-chip>div { min-width:0; }
.account-page .user-chip .ava { width:44px; height:44px; border-radius:13px; font-size:20px; flex:none; background:linear-gradient(140deg,#294a7c,#182b4c); color:#b6d4ff; }
.account-page .user-chip .uname { font-size:17px; overflow-wrap:anywhere; }
.account-page .user-chip .ubal { font-size:14px; margin-top:6px; }
.account-page .cab-nav { display:flex; gap:4px; padding:6px; margin:0 0 28px; border:1px solid var(--account-line); border-radius:15px; background:rgba(15,28,48,.8); }
.account-page .cab-nav a { flex:1; min-width:0; height:auto; min-height:48px; padding:10px 14px; gap:9px; font-size:14px; border:1px solid transparent; border-radius:10px; background:transparent; color:#a9b8cd; white-space:nowrap; }
.account-page .cab-nav a svg { width:18px; height:18px; flex:none; }
.account-page .cab-nav a:hover { color:#edf5ff; background:rgba(105,155,230,.08); }
.account-page .cab-nav a.is-active { color:#f5f8ff; background:#263d64; border-color:rgba(116,168,255,.23); box-shadow:0 3px 10px #0002; }
.account-page .cab-nav a .dot { width:6px; height:6px; top:8px; right:8px; }
.account-page .panel,.account-page .bal-card { border-radius:22px; padding:28px; background:linear-gradient(135deg,rgba(20,36,60,.86),rgba(12,25,44,.96)); border-color:var(--account-line); box-shadow:0 14px 50px #00000012; }
.account-page .panel-head { margin-bottom:24px; flex-wrap:wrap; gap:16px; }
.account-page .panel-head h2,.account-page .bal-card h2 { font-size:24px; letter-spacing:-.025em; }
.account-section-head { justify-content:space-between; }
.account-section-head .btn { min-height:44px; font-size:14px; padding:10px 18px; }
.account-page .services-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; }
.account-page .server-card { padding:24px; background:#111f35; border-color:var(--account-line); border-radius:17px; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.account-page .server-card:hover { border-color:rgba(135,178,248,.35); }
.account-page .server-title { font-size:27px; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
.account-page .server-title .srv { width:24px; height:24px; flex:none; color:#76b9ff; }
.account-page .server-sub { font-size:13px; line-height:1.6; margin:8px 0 22px; overflow-wrap:anywhere; }
.account-page .server-body { gap:16px; }
.account-page .server-buttons { gap:10px; }
.account-page .server-buttons .btn { padding:11px 12px; min-height:46px; font-size:14px; }
.account-page .buy-more { min-height:150px; border:1px dashed rgba(129,176,255,.4); background:linear-gradient(145deg,#1a355c,#14273f); box-shadow:none; font-size:20px; color:#b5d5ff; }
.account-page .buy-more:hover { background:#223f68; }
.account-page .server-conn { margin-top:20px; }
.account-page .conn-row { background:rgba(7,17,32,.55); padding:10px; gap:9px; }
.account-page .conn-k { min-width:64px; font-size:12px; }
.account-page .conn-v { font-size:14px; min-width:0; }
.account-page .conn-copy { width:38px; height:38px; }
.account-page .promo-bar { border-top:1px solid var(--account-line); padding-top:24px; }
.account-page .promo-bar .field { max-width:430px; min-width:0; }
.account-page .promo-bar .btn { font-size:14px; min-height:50px; }
.account-loading { width:100%; padding:36px 20px; border:1px dashed var(--account-line); border-radius:15px; color:var(--muted); text-align:center; }
.account-settings { margin-top:22px; padding:24px 28px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; border:1px solid var(--account-line); border-radius:18px; background:rgba(14,27,46,.6); }
.account-settings strong { font-size:16px; }
.account-settings p { margin:5px 0 0; font-size:14px; color:var(--muted); }
.account-settings-actions { display:flex; flex-wrap:wrap; gap:10px; }
.account-settings-actions .btn { font-size:14px; min-height:44px; }
.account-page .control-label { display:block; font-size:13px; font-weight:600; color:#c1cfe3; margin:0 0 9px; }
.account-page .control-label span,.account-page .optional { font-size:12px; font-weight:400; color:#8da0bb; margin-left:6px; }
.account-page .field { min-height:54px; height:54px; padding:0 16px; gap:12px; background:#0b182b; border-color:rgba(139,167,208,.23); border-radius:12px; }
.account-page .field input { font-size:16px; }
.account-page .field>svg { width:20px; height:20px; color:#8096b6; }
.account-page .field:focus-within { border-color:#659fff; box-shadow:0 0 0 3px #659fff16; background:#0d1b31; }
.account-page .field.is-error { border-color:#f1848a; }
.account-page .field .eye { min-width:36px; min-height:40px; padding:7px; }
.account-note { margin:24px 0; color:#a9bad2; font-size:14px; line-height:1.6; padding:15px 18px; border-left:2px solid #5f9cff; background:rgba(72,125,212,.07); border-radius:0 10px 10px 0; }
.account-page .bal-card { max-width:1020px; }
.account-page .bal-card .sub { font-size:15px; }
.account-page .bal-top { gap:26px; }
.account-page .bal-hint { font-size:13px; margin:12px 0 0; }
.account-page .pay-methods { grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; }
.account-page .pay-method { min-height:118px; padding:18px; flex-direction:row; gap:12px; border-radius:14px; background:#102039; }
.account-page .pay-method .pm-ic { width:42px; height:42px; border-radius:12px; flex:none; }
.account-page .pay-method .pm-ic svg { width:24px; height:24px; }
.account-page .pay-method .pm-name { font-size:15px; }
.account-page .pay-method.is-active { background:#1b3256; border-color:#73a6ff; box-shadow:0 0 0 1px #73a6ff; }
.account-page .bal-pay-wrap { justify-content:flex-start; margin-top:20px; }
.account-page .amt-chip { min-height:40px; padding:0 16px; }
.account-page .op-row { background:#101e33; border-color:var(--account-line); padding:18px 20px; gap:16px; border-radius:14px; }
.account-page .op-ic { width:42px; height:42px; border-radius:12px; }
.account-page .op-title { font-size:16px; line-height:1.45; overflow-wrap:anywhere; }
.account-page .op-id,.account-page .op-status,.account-page .op-when { font-size:13px; }
.account-page .op-amt { font-size:17px; }
.account-page .notif { padding:20px; gap:16px; background:#101e33; border-color:var(--account-line); border-radius:14px; }
.account-page .notif .n-ic { width:46px; height:46px; border-radius:12px; }
.account-page .notif .n-ic svg { width:24px; height:24px; }
.account-page .notif .n-body h4 { font-size:17px; }
.account-page .notif .n-body p { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.account-page .tk-item { background:#101e33; border-color:var(--account-line); padding:18px 20px; border-radius:14px; }
.account-page .tk-subj { font-size:16px; }
.account-page .tk-create input,.account-page .tk-create textarea,.account-page .tk-reply textarea { background:#0b182b; border-color:rgba(139,167,208,.23); border-radius:12px; font-size:16px; }
.account-page .tk-create textarea,.account-page .tk-reply textarea { resize:vertical; min-height:120px; }
.account-page .tk-msg { background:#13243c; border-color:var(--account-line); }
.account-page .tk-msg-me { background:#1a365a; border-color:#527cad60; }
.account-page .tk-messages { padding:12px 0; }
.account-page .tk-thread-head { padding-bottom:18px; border-bottom:1px solid var(--account-line); }
.account-page .tk-thread-subj { font-size:22px; overflow-wrap:anywhere; }
.account-page .tk-reply { padding-top:18px; border-top:1px solid var(--account-line); }
.account-page .page-head { display:grid; grid-template-columns:1fr auto; padding:32px 0 28px; gap:18px 24px; align-items:center; }
.account-page .page-head .back { grid-column:1; grid-row:1; width:max-content; max-width:100%; height:40px; padding:0; background:none; border:0; color:#a9bbd4; font-size:14px; }
.account-page .page-head .center { grid-column:1; grid-row:2; position:static; transform:none; text-align:left; width:auto; pointer-events:auto; margin:0; }
.account-page .page-head .center h1 { font-size:clamp(30px,3.5vw,44px); margin-bottom:12px; line-height:1.14; letter-spacing:-.035em; }
.account-page .page-head .center p { font-size:15px; line-height:1.55; }
.account-page .page-head .user-chip { grid-column:2; grid-row:1 / span 2; }
.account-page .page-head .user-chip .ava { width:44px; height:44px; font-size:20px; }
.account-page .svc-title { font-size:25px; letter-spacing:-.02em; margin:8px 0 22px; }
.account-page .svc-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:24px; }
.account-page .svc-card { background:linear-gradient(145deg,#14243c,#0f1d32); border-color:var(--account-line); border-radius:20px; padding:26px; }
.account-page .svc-card h3 { font-size:22px; letter-spacing:-.02em; margin-bottom:22px; }
.account-page .svc-plan { font-size:25px; }
.account-page .svc-mid { gap:20px; }
.account-page .svc-status { text-align:left; }
.account-page .svc-below { background:#101e33; padding:22px; border:1px solid var(--account-line); border-radius:17px; gap:22px; }
.account-page .svc-below>div { min-width:0; }
.account-page .svc-below .k { font-size:13px; }
.account-page .svc-below .v { font-size:15px; overflow-wrap:anywhere; }
.account-page .svc-pass { font-size:15px; flex-wrap:wrap; }
.svc-action-group+.svc-action-group { margin-top:24px; padding-top:20px; border-top:1px solid var(--account-line); }
.svc-action-group h4 { font-size:12px; font-weight:600; letter-spacing:.035em; color:#9db3d1; margin:0 0 12px; }
.account-page .svc-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.account-page .svc-act { min-height:48px; height:auto; padding:12px; font-size:13px; gap:9px; background:#1a2c47; border-color:rgba(139,167,208,.17); border-radius:11px; line-height:1.35; }
.account-page .svc-act:hover { background:#243e61; border-color:#6f9ce55c; }
.account-page .svc-act--primary { background:#3573e8; border-color:#558cf3; }
.account-page .svc-act--primary:hover { background:#4384fa; }
.account-page .svc-act--light { background:#d2e6ff; color:#122642; border-color:transparent; }
.account-page .svc-act--light:hover { background:#e5f2ff; }
.svc-action-group--danger p { font-size:12px; line-height:1.55; color:#aa9ca6; margin:0 0 14px; }
.account-page .svc-act--danger { background:rgba(142,63,79,.12); color:#efaeb7; border-color:rgba(220,125,143,.2); }
.account-page .svc-act--danger:hover { background:rgba(164,67,87,.22); border-color:#df7f9660; }
.account-page #svcPower { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; }
.account-page #svcPower .svc-act { flex:1; }
.account-page #svcPower [data-power="stop"],.account-page #svcPower [data-power="reboot"] { color:#e0bb99; }
.account-page #svcLiveState { flex-basis:100%; font-size:14px; line-height:1.5; }
.account-page .svc-log { border-radius:16px; background:#101d30; border-color:var(--account-line); }
.account-page .svc-log-row { padding:16px; }
.account-page .svc-log-b { min-width:0; overflow-wrap:anywhere; }
.account-page .svc-log-when { font-size:12px; }
.account-page .order-steps { display:flex; align-items:center; gap:28px; padding:0 0 28px; margin:0; list-style:none; color:#7e94b0; font-size:13px; }
.order-steps li,.order-steps a { display:flex; align-items:center; gap:9px; }
.order-steps span { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; background:#1a2e4b; border:1px solid #435a7955; border-radius:50%; font-size:11px; flex:none; }
.order-steps [aria-current] { color:#dae9ff; }
.order-steps [aria-current] span { background:#3978ef; border-color:#629cfc; color:white; }
.account-page .order-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:24px; align-items:start; }
.order-configuration,.order-checkout { border:1px solid var(--account-line); border-radius:22px; background:linear-gradient(145deg,#14243c,#0e1b2f); padding:28px; }
.order-configuration>h2,.order-checkout>h2 { font-size:21px; letter-spacing:-.025em; margin:0 0 25px; }
.order-checkout { position:sticky; top:108px; }
.account-page .ofield-lbl { font-size:13px; color:#becde1; font-weight:500; margin-bottom:9px; }
.account-page .hint-bulb { width:36px; height:36px; background:none; border:0; }
.account-page .hint-bulb svg { width:21px; height:21px; }
.account-page .ofield-row { gap:10px; }
.account-page .two { grid-template-columns:1fr; gap:0; }
.account-page .two>p.muted { font-size:13px; line-height:1.5; margin:12px 0 0; }
.account-page .osel select { height:54px; padding-left:46px; font-size:15px; font-weight:500; background:#0b182b; border-color:rgba(139,167,208,.23); border-radius:12px; }
.account-page .osel .lead-ic { left:16px; }
.account-page .osel .lead-ic svg { width:20px; height:20px; }
.account-page .order-summary-bar { padding:18px; gap:14px 20px; background:#0b182b; border-color:var(--account-line); border-radius:13px; }
.account-page .order-summary-bar .osb-name { font-size:22px; }
.account-page .order-summary-bar .osb-sub,.account-page .order-summary-bar .osb-spec { font-size:13px; }
.account-page .order-summary-bar .osb-spec b { font-size:16px; }
.account-page .qty-box { height:auto; min-height:58px; padding:10px 12px; flex-wrap:wrap; background:#0b182b; border-color:var(--account-line); border-radius:12px; }
.account-page .qty-box input { width:48px; font-size:18px; }
.account-page .qty-chips { gap:5px; }
.account-page .qty-chip { width:38px; height:36px; font-size:13px; border-radius:8px; }
.account-page .pay-summary { margin-top:24px; padding-top:24px; border-top:1px solid var(--account-line); }
.account-page .pay-summary .row { gap:20px; display:flex; flex-wrap:wrap; margin-bottom:22px; }
.account-page .pay-summary .cap { color:#a7bad3; font-size:12px; }
.account-page .pay-summary .big { font-size:30px; letter-spacing:-.035em; }
.account-page #ordRest { font-size:23px; }
.account-page #ordPay,.account-page #ordTopup { width:100%; justify-content:center; font-size:15px; min-height:52px; }
.account-page .ready { margin-top:24px; padding:20px 0 0; border-top:1px solid var(--account-line); }
.account-page .ready .cap { font-size:12px; }
.account-page .ready .big { font-size:20px; }
.account-page .ready p { font-size:13px; line-height:1.65; margin-top:12px; }
.account-page .page-center.account-auth { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; width:min(1120px,calc(100% - 64px)); min-height:calc(100vh - 180px); margin:0 auto; padding:64px 0; align-items:center; text-align:left; }
.auth-intro { align-self:center; padding:18px 0; }
.account-page .auth-intro h2 { margin:18px 0 22px; font-size:clamp(38px,4.1vw,55px); line-height:1.09; letter-spacing:-.045em; }
.auth-intro h2>span { color:#78b9ff; }
.auth-intro>p { color:#a7bad3; font-size:16px; line-height:1.65; max-width:400px; margin:0 0 30px; }
.auth-features { display:flex; flex-direction:column; gap:21px; padding-top:25px; border-top:1px solid var(--account-line); }
.auth-features>div { display:flex; align-items:center; gap:17px; }
.auth-features>div>span { font:12px/1 ui-monospace,SFMono-Regular,Consolas,monospace; width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #5274a74d; border-radius:10px; background:#132742; color:#84baff; flex:none; }
.auth-features p { font-size:13px; color:#91a6c3; line-height:1.6; margin:0; }
.auth-features strong { display:block; font-size:15px; color:#d3e0f3; font-weight:500; }
.auth-explore { display:inline-flex; align-items:center; gap:20px; color:#9dc9ff; font-size:14px; margin-top:32px; min-height:44px; }
.auth-card { width:100%; min-width:0; border:1px solid rgba(146,178,223,.22); border-radius:24px; padding:34px; background:linear-gradient(145deg,#192e4b,#101e34 65%); box-shadow:0 24px 80px #00000026,inset 0 1px 0 #ffffff06; }
.account-page .auth-card h1 { font-size:32px; line-height:1.2; letter-spacing:-.035em; margin:0 0 11px; }
.account-page .auth-card>.lead { font-size:14px; line-height:1.6; margin:0 0 28px; max-width:none; }
.account-page .auth-card .form { max-width:none; gap:0; }
.account-page .auth-card .control-label { margin:0 0 8px; }
.account-page .auth-card .field { margin:0 0 19px; }
.account-page .auth-card .form-row { font-size:13px; margin:0 0 15px; gap:15px; flex-wrap:wrap; }
.account-page .auth-card .form-row a { color:#9dc5ff; min-height:28px; display:inline-flex; align-items:center; }
.account-page .auth-card .form>.btn { width:100%; min-width:0; min-height:52px; font-size:15px; margin:10px 0 0; }
.account-page .auth-card .form>a { font-size:13px; margin-top:20px; }
.account-page .auth-card .agree { padding:2px 0; gap:10px; font-size:12px; line-height:1.65; margin:0 0 12px; }
.account-page .auth-card .agree input { width:23px; height:23px; border-radius:6px; }
.account-page .auth-card .agree input:checked::after { left:7px; top:2px; }
.account-page .auth-card .alert { margin:0 0 20px; width:100%; font-size:13px; padding:14px; text-align:left; }
.account-page .auth-card .alert svg { width:20px; height:20px; flex:none; }
.account-page .state { padding:48px 20px; }
.account-page .state h3 { font-size:24px; }
.account-page .state p { font-size:15px!important; line-height:1.65; }
.account-page .modal-card { background:#14243c; border-color:#415b81; border-radius:20px; }
.account-page .modal-card .close { min-height:38px; min-width:38px; right:12px; top:12px; }
.account-page :focus-visible { outline:2px solid #8fc7ff; outline-offset:4px; }
@media(min-width:1600px) { .account-page main.wrap { max-width:1360px; } }
@media(max-width:1100px) {
 .account-page .page-center.account-auth { gap:40px; }
 .auth-card { padding:28px; }
 .account-page .svc-grid { grid-template-columns:1fr 1fr; gap:18px; }
 .account-page .svc-card { padding:22px; }
 .account-page .order-grid { gap:18px; }
 .order-configuration,.order-checkout { padding:23px; }
 .account-page .cab-nav a { padding:10px; font-size:13px; gap:7px; }
}
@media(max-width:820px) {
 .account-page .cab-head { padding-top:28px; }
 .account-page .cab-head .user-chip { order:0; width:auto; }
 .account-page .cab-nav { overflow-x:auto; justify-content:flex-start; gap:3px; scrollbar-width:thin; }
 .account-page .cab-nav a { flex:none; min-height:44px; padding:10px 13px; }
 .account-page .svc-grid,.account-page .order-grid { grid-template-columns:1fr; }
 .order-checkout { position:static; }
 .account-page .page-center.account-auth { grid-template-columns:1fr; max-width:500px; gap:0; padding:36px 0 52px; min-height:auto; }
 .auth-intro { padding:0; }
 .auth-intro h2,.auth-intro>p,.auth-features,.auth-explore { display:none; }
 .auth-intro .account-eyebrow { margin-bottom:16px; text-align:center; }
 .account-page .page-head { grid-template-columns:1fr; gap:10px; }
 .account-page .page-head .user-chip { display:none; }
 .account-page .page-head .center { margin-top:5px; }
 .account-page .order-steps { gap:15px; flex-wrap:wrap; }
 .account-page .svc-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .account-page .svc-act { font-size:14px; }
}
@media(max-width:560px) {
 .account-page main.wrap { padding-bottom:34px; }
 .account-page .cab-head { gap:18px; padding-bottom:20px; }
 .account-page .cab-head .lead { font-size:14px; }
 .account-page .account-eyebrow { font-size:10px; margin-bottom:10px; }
 .account-page .cab-head .user-chip { padding:12px 14px; width:100%; }
 .account-page .user-chip .uname { font-size:15px; }
 .account-page .user-chip .ava { width:38px; height:38px; font-size:17px; }
 .account-page .cab-nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); overflow:visible; margin-bottom:20px; border-radius:12px; gap:4px; }
 .account-page .cab-nav a { grid-column:span 2; min-height:40px; padding:8px 5px; font-size:12px; line-height:1.35; white-space:normal; }
 .account-page .cab-nav a:nth-child(4),.account-page .cab-nav a:nth-child(5) { grid-column:span 3; }
 .account-page .cab-nav a svg { display:none; }
 .account-page .panel,.account-page .bal-card { padding:20px 16px; border-radius:18px; }
 .account-page .panel-head { margin-bottom:20px; }
 .account-page .panel-head h2 { font-size:21px; }
 .account-page .panel-head .btn { font-size:13px; }
 .account-section-head .btn { width:100%; }
 .account-page .server-card { padding:18px 15px; }
 .account-page .server-title { font-size:23px; }
 .account-page .server-top { display:flex; flex-direction:column; gap:13px; }
 .account-page .server-title { width:100%; }
 .account-page .server-actions { align-self:flex-end; }
 .account-page .server-body { flex-wrap:wrap; }
 .account-page .server-buttons .btn { font-size:13px; }
 .account-page .promo-bar { flex-direction:column; align-items:stretch; padding-top:20px; }
 .account-page .promo-bar .field { flex:auto; width:100%; max-width:none; }
 .account-page .promo-bar .btn { width:100%; }
 .account-settings { padding:20px 16px; border-radius:16px; }
 .account-settings-actions { width:100%; }
 .account-settings-actions .btn { flex:1; padding:10px 12px; font-size:13px; }
 .account-page .pay-methods { grid-template-columns:1fr; }
 .account-page .pay-method { min-height:76px; justify-content:flex-start; padding:14px 18px; }
 .account-page .bal-pay-wrap .btn { width:100%; }
 .account-page .amt-chips { gap:7px; }
 .account-page .amt-chip { font-size:13px; padding:0 13px; }
 .account-page .op-row { display:grid; grid-template-columns:36px minmax(0,1fr); gap:9px 12px; padding:15px; }
 .account-page .op-ic { width:36px; height:36px; }
 .account-page .op-right { grid-column:2; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; text-align:left; }
 .account-page .op-title { font-size:14px; }
 .account-page .notif { flex-wrap:wrap; padding:16px; gap:12px; }
 .account-page .notif .btn { margin-left:58px; }
 .account-page .tk-item { padding:14px; flex-wrap:wrap; }
 .account-page .tk-item-main { flex-basis:calc(100% - 24px); }
 .account-page .tk-subj { white-space:normal; overflow-wrap:anywhere; }
 .account-page .tk-badge { font-size:11px; padding:5px 9px; }
 .account-page .tk-thread-head { flex-wrap:wrap; gap:12px; }
 .account-page .tk-thread-subj { font-size:20px; }
 .account-page .tk-thread-meta { flex-wrap:wrap; }
 .account-page .tk-actions .btn { flex:1; }
 .account-page .tk-msg { max-width:96%; padding:13px; }
 .account-page .tk-msg-text { font-size:14px; }
 .account-page .tk-reply .btn { width:100%; }
 .account-page .svc-card { padding:21px 17px; border-radius:18px; }
 .account-page .svc-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .account-page .svc-act { font-size:12px; min-height:50px; padding:11px 9px; }
 .account-page .svc-act svg { width:17px; height:17px; }
 .account-page .svc-below { padding:18px 16px; gap:20px 14px; }
 .account-page .svc-status .on { font-size:18px; }
 .account-page .svc-log-row { flex-wrap:wrap; gap:8px; }
 .account-page .svc-log-when { margin-left:38px; }
 .account-page .order-steps { gap:12px; font-size:11px; padding-bottom:22px; }
 .order-steps li { gap:6px; }
 .order-steps li:last-child { display:none; }
 .order-configuration,.order-checkout { padding:22px 17px; border-radius:18px; }
 .account-page .order-summary-bar { padding:15px; }
 .account-page .page-center.account-auth { width:calc(100% - 32px); padding-top:28px; }
 .auth-card { padding:27px 22px; border-radius:20px; }
 .account-page .auth-card h1 { font-size:29px; }
 .account-page .auth-card>.lead { font-size:13px; margin-bottom:24px; }
 .account-page .auth-card .field { margin-bottom:17px; }
 .account-page .auth-card .agree { font-size:11px; }
 .account-page .modal-card { padding:28px 20px; }
}