.public-order{margin:28px 0}.public-tabs{display:flex}.public-tabs button{flex:1;padding:20px;border:0;background:transparent;color:#a7bcd3;font:inherit}.public-tabs .active{background:#1b2b3c;color:#38a3ff;border-radius:20px 48px 0 0}#public-order-form{background:#1b2b3c;padding:26px;border-radius:0 12px 12px 12px}#public-order-form>label{display:block;margin:14px 0 6px;font-weight:600}#public-order-form>input,#public-order-form>textarea{box-sizing:border-box;width:100%;background:#111c29;color:#e5edf5;border:1px solid #30465a;border-radius:6px;padding:12px;font:inherit}fieldset{border:0;padding:20px 0}.public-server{display:flex;align-items:center;gap:10px;padding:8px 0;flex-wrap:wrap}.public-server strong{background:#119fb0;padding:1px 7px;border-radius:4px;font-size:12px}.public-server .status{color:#5ed8b1;font-size:12px}.offline{opacity:.45}.public-cost{background:#34b98b;padding:16px;text-align:center;border-radius:6px;color:white}button{cursor:pointer}.public-order .cta{width:100%;border:0;font-weight:700;font-size:16px}#public-login{box-sizing:border-box;width:min(460px,calc(100% - 32px));border:1px solid #354b60;border-radius:16px;padding:30px;background:#1b2b3c;color:#e5edf5}#public-login::backdrop{background:#0009}#close-public-login{position:absolute;right:12px;top:8px;background:none;border:0;color:inherit;font-size:28px}#public-login .auth-label{display:block;margin:14px 0 6px}#public-login .auth-input{display:flex;background:#111c29;border:1px solid #354b60;border-radius:6px}#public-login input{width:100%;min-width:0;padding:12px;border:0;background:transparent;color:inherit}#public-login .auth-input button{color:inherit;background:none;border:0}#public-login .auth-label-row{display:flex;justify-content:space-between;align-items:center}#public-login .auth-text,#public-login .auth-link{background:none;border:0;color:#65b8ff}#public-login .auth-submit,#public-login .google-login{width:100%;padding:12px;margin-top:16px;border:0;border-radius:6px;background:#2685d8;color:white;font-weight:600}#public-login .google-login{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#222}#public-login .auth-separator{text-align:center;margin-top:20px}#public-login .auth-status{padding:12px;background:#111c29;border-radius:6px}#public-login .auth-register{text-align:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #38a3ff;outline-offset:3px}

.public-service-layout{display:grid;grid-template-columns:280px minmax(0,1000px);gap:28px;max-width:1360px;margin:auto;padding:0 24px;align-items:start}.public-service-layout>main{grid-column:2;grid-row:1;min-width:0;width:100%;box-sizing:border-box;padding:24px 0}.public-service-menu{grid-column:1;grid-row:1;position:sticky;top:24px;margin-top:24px;background:#1b2b3c;border:1px solid #30465a;border-radius:14px;padding:18px}.public-service-menu h2{margin:0 0 12px;font-size:18px}.public-service-menu details{border-bottom:1px solid #30465a}.public-service-menu summary{display:flex;justify-content:space-between;padding:12px 4px;cursor:pointer;font-weight:600;list-style:none}.public-service-menu summary::-webkit-details-marker{display:none}.public-service-menu details[open] summary span{transform:rotate(180deg)}.public-service-menu a{display:block;padding:9px 12px;margin:3px 0;text-decoration:none;border-radius:6px;font-size:14px;line-height:1.5}.public-service-menu a:hover,.public-service-menu a[aria-current=page]{background:#24435e;color:#65bbff}.public-service-menu .cta{margin-top:18px;width:100%;border:0;font-size:14px;box-sizing:border-box}.public-service-menu nav{max-height:80vh;overflow:auto}@media(max-width:850px){.public-service-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px}.public-service-menu{position:static;grid-row:1;margin-top:12px}.public-service-menu nav{max-height:none}.public-service-menu .cta{display:none}}

@media(max-width:850px){.public-service-layout>main{grid-column:1;grid-row:2}.public-service-menu{grid-column:1;grid-row:1}}

.guest-account{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #30465a}.guest-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#24435e;color:#68beff;font-size:30px}.guest-account strong{font-size:14px;display:block}.guest-badge{display:inline-block;background:#24435e;color:#7dcbff;font-size:11px;padding:1px 9px;border-radius:4px}.guest-account small{display:block;color:#a0b1c7;font-size:11px;margin-top:4px}.guest-actions{display:flex;gap:8px;margin:16px 0}.guest-actions button{flex:1;border:1px solid #2685d8;color:#72bfff;background:transparent;border-radius:6px;padding:9px 4px;font-weight:600}.guest-actions button:last-child{background:#2685d8;color:#fff}.public-service-menu .guest-home{margin-bottom:18px}.public-service-menu h2{text-transform:uppercase;color:#9fb2c8;font-size:12px;letter-spacing:.7px}

.public-dashboard .sidebar{box-sizing:border-box}.public-dashboard .public-service-layout{display:block;max-width:none;margin-left:244px;padding:0 30px}.public-dashboard .public-service-layout>main{max-width:1384px;width:100%;margin:0 auto;padding:30px 0}.public-dashboard>.dash-header{max-width:none;margin-left:244px;display:flex;justify-content:space-between;padding:14px 30px}.public-dashboard>footer{margin-left:244px}.public-dashboard #guest-menu-toggle{display:none}.public-dashboard .sidebar .guest-account{margin:0 4px}.public-dashboard .sidebar .guest-actions{margin:14px 4px 20px}.public-dashboard .sidebar .guest-account small{display:block}.public-dashboard .sidebar a{color:var(--dash-muted)}.public-dashboard .sidebar .service-group a:hover{color:#56aef9}.public-dashboard .sidebar .workspace-label{margin-top:24px}@media(max-width:1000px){.public-dashboard .public-service-layout,.public-dashboard>.dash-header,.public-dashboard>footer{margin-left:0}.public-dashboard #guest-menu-toggle{display:block}.public-dashboard .public-service-layout{padding:0 16px}.public-dashboard.sidebar-open .sidebar{transform:translateX(0);box-shadow:8px 0 30px #0008}}

/* Match the existing AZLIKE home login dialog. */
#public-login{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:38px 48px 26px;border-radius:18px;border:1px solid #303a33;background:#171e19;color:#f0f1f0;box-shadow:0 32px 100px #0004;font-family:Inter,Arial,sans-serif;overflow:auto}
#public-login::backdrop{background:#07150e80;backdrop-filter:blur(8px)}
#public-login>p{display:none}#public-login #auth-title{font:700 20px/1.4 Inter,Arial,sans-serif;margin:0 0 24px}
#close-public-login{top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;background:#212923;font-size:24px;line-height:1}
#public-login .auth-label{font-size:14px;margin:0 0 6px;color:#f0f1f0}
#public-login .auth-input{display:flex;align-items:center;gap:8px;height:42px;padding:0 13px;background:#22283b;border:1px solid transparent;border-radius:8px;color:#a3b3ff}
#public-login .auth-input:focus-within{border-color:#8196ff;box-shadow:0 0 0 3px #2448ff0a}
#public-login .auth-input input{border:0;background:transparent;box-shadow:none;outline:0;width:100%;min-width:0;padding:0;font:14px Inter,Arial,sans-serif;color:#f0f1f0}
#public-login .auth-input input::placeholder{color:#aeb5c8}#public-login .auth-input button{color:#99aaff;padding:3px;display:flex}
#public-login .auth-label-row{margin-top:23px}#public-login .auth-text{font:14px Inter,Arial,sans-serif;color:#a4aea7;padding:0 0 6px}
#public-login .auth-submit{height:48px;margin-top:38px;border-radius:8px;background:#2448ff;color:white;font:700 16px Inter,Arial,sans-serif}
#public-login .auth-submit:hover{background:#173be7}#public-login .auth-separator{display:flex;align-items:center;gap:20px;margin:10px 0;color:#929aaa;font-size:12px;line-height:20px}
#public-login .auth-separator:before,#public-login .auth-separator:after{content:'';height:1px;background:#303a33;flex:1}
#public-login .google-login{height:48px;min-height:48px;margin:0;padding:0 12px;border:1px solid #bbc1ce;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:400;gap:7px}
#public-login .auth-register{margin:20px 0 0;color:#a4aea7;font-size:14px}#public-login .auth-link{color:#93a8ff;margin-left:5px}#public-login button:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){#public-login{padding:32px 24px 24px}}
/* Guest profile uses the existing sidebar, with clearer account actions. */
.public-dashboard .sidebar .guest-account{gap:12px;padding:14px 0 18px;margin:0 4px;border-bottom:1px solid #30465a}
.public-dashboard .guest-account .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#68d2df;color:#123c4b;font-size:12px;font-weight:700;box-shadow:0 0 0 4px #68d2df0a}
.public-dashboard .guest-account strong{font-size:13px;line-height:1.5;font-weight:650}.public-dashboard .guest-account small{font-size:12px;color:#a0b1c7;margin-top:5px}
.public-dashboard .guest-actions button{min-height:42px;border-radius:8px;font-size:13px;transition:background .18s,box-shadow .18s}
.public-dashboard .guest-actions button:first-child{background:#2685d8;border:1px solid #a4d5ff;color:white;box-shadow:0 2px 5px #0002}.public-dashboard .guest-actions button:last-child{background:transparent;color:#a9cdec;border-color:#3b5870}
.public-dashboard .guest-actions button:hover{background:#327fc0;color:white}.public-dashboard>.dash-header .cta{border:1px solid #badfff;border-radius:8px;background:#2685d8;font-size:14px;line-height:1.5;min-height:42px;padding:9px 22px;color:white}
.guest-service-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:start;margin-top:28px}.guest-service-columns .public-order{margin:0 0 24px}.guest-service-columns .service-help{display:grid;gap:16px}.guest-service-columns .service-help .card-title{margin:0}.guest-service-columns .public-server{font-size:14px;gap:8px}.guest-service-columns legend{font-size:14px;font-weight:650}.guest-service-columns .service-left>article{padding:24px}.guest-service-columns h1{font-size:28px}
@media(max-width:1200px){.guest-service-columns{grid-template-columns:minmax(0,1fr)}}
.public-dashboard{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.public-dashboard #public-order-form{scroll-margin-top:24px}.public-dashboard .dashboard-bottom-nav{box-sizing:border-box}

/* Guest service controls share dashboard preferences and catalogue layout. */
.guest-preferences{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.guest-preferences select{max-width:190px}.public-dashboard .public-tabs .active,.public-dashboard #public-order-form{background:var(--dash-panel);color:var(--dash-text)}.public-dashboard #public-order-form>input,.public-dashboard #public-order-form>textarea{background:var(--dash-bg);color:var(--dash-text);border-color:var(--dash-border)}.public-dashboard .public-server{flex-wrap:nowrap;min-height:38px}.public-dashboard .public-server b,.public-dashboard .public-server .server-switch,.public-dashboard .public-server strong{flex-shrink:0}.public-dashboard .public-server .server-name{flex:1;min-width:0;white-space:normal}.public-dashboard .server-entry[hidden]{display:none}.public-dashboard .server-description{margin:8px 0 16px}.public-dashboard .server-list{max-height:none;overflow:visible}.public-dashboard .server-search{margin-top:20px}.public-dashboard .service-group a.active{background:var(--dash-hover);color:#269fff}.public-dashboard .server-pagination{justify-content:flex-end}.public-dashboard .public-server .server-switch{font-size:7px}.public-dashboard #public-login{background:var(--dash-panel);color:var(--dash-text)}html[data-bs-theme=light] .public-dashboard #public-login .auth-label,html[data-bs-theme=light] .public-dashboard #public-login input{color:var(--dash-text)}html[data-bs-theme=light] .public-dashboard #public-login .auth-input{background:var(--dash-bg)}@media(max-width:600px){.public-dashboard>.dash-header{padding:10px 16px;gap:8px}.guest-preferences{gap:6px}.guest-preferences select{max-width:128px}.public-dashboard>.dash-header .cta{padding:8px 12px}.public-dashboard #public-order-form{padding:18px}}

/* Keep brand icons in a fixed left column; only the chevron is right aligned. */
.public-dashboard .service-group summary{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:11px;text-align:start}.public-dashboard .service-group summary>.di{margin:0;width:20px;height:20px;object-fit:contain}.public-dashboard .service-group summary>span:last-child{justify-self:end}.public-dashboard .service-group[open] summary>span:last-child{transform:rotate(180deg)}.public-dashboard #guest-language[hidden],.public-dashboard #guest-language-flag[hidden]{display:none}.public-dashboard .dash-language-options a{line-height:1.5}.public-dashboard .dash-language-options .language-check{flex:0 0 14px;text-align:end}.public-dashboard .dash-language-trigger>span:first-of-type{display:inline}.public-dashboard .dash-language-picker{order:0}
/* Login stays outlined, matching the public home button. */
.public-dashboard>.dash-header .cta,.public-dashboard .guest-actions button:first-child{background:var(--dash-panel);border:1px solid var(--dash-border);color:var(--dash-text);box-shadow:none;font-weight:700}
.public-dashboard>.dash-header .cta:hover,.public-dashboard .guest-actions button:first-child:hover{background:var(--dash-hover);border-color:var(--dash-muted)}
.public-dashboard .dash-language-options .language-check{justify-self:center;align-self:center;text-align:center;line-height:1}

/* Use the same typography as the authenticated service form. */
.public-dashboard .public-tabs button{font-size:14px;font-weight:600;line-height:1.6}.public-dashboard #public-order-form>label{font-size:14px;font-weight:650}.public-dashboard #public-order-form>input,.public-dashboard #public-order-form>textarea{font-size:14px;font-weight:450;line-height:1.6}.public-dashboard .public-server strong{font-size:11px}
/* Guest service header: controls never wrap inside a fixed-height bar. */
.public-dashboard .dash-header .guest-preferences{flex-wrap:nowrap;align-items:center;min-width:0}
@media(max-width:700px){
.public-dashboard .dash-header{height:auto;min-height:60px;display:flex;align-items:center;gap:6px;padding:10px 12px;overflow:visible}
.public-dashboard #guest-menu-toggle{flex:0 0 32px;width:32px;height:38px}
.public-dashboard .dash-header .dash-search{flex:0 0 34px;width:34px;min-width:0;margin:0;padding:8px;height:38px}
.public-dashboard .dash-header .guest-preferences{margin-inline-start:auto;gap:5px;display:flex}
.public-dashboard .guest-preferences #guest-currency{width:57px;min-width:0;padding:6px 3px;font-size:12px;height:38px;margin:0}
.public-dashboard .guest-preferences .dash-language-trigger{width:43px;min-width:0;height:38px;padding:6px;gap:4px;justify-content:center}
.public-dashboard .guest-preferences .dash-language-trigger>span:not([aria-hidden]){display:none}
.public-dashboard .guest-preferences .dash-language-trigger img{width:19px;height:14px}
.public-dashboard .guest-preferences #guest-theme{width:32px;min-width:32px;height:38px;padding:4px;border:1px solid var(--dash-border);border-radius:7px}
.public-dashboard .guest-preferences [data-login]{height:38px;min-height:38px;padding:6px 8px;font-size:12px;white-space:nowrap;line-height:1.2}
.public-dashboard .guest-preferences .dash-language-options{position:fixed;top:60px;inset-inline-end:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px)}
}

#guest-menu-collapse{display:none}@media(max-width:1000px){#service-menu #guest-menu-collapse{display:grid;place-items:center;position:absolute;top:12px;right:10px;width:34px;height:34px;z-index:5;background:var(--dash-panel);border:1px solid var(--dash-border);border-radius:8px;color:var(--dash-text);cursor:pointer}}
