/* Context and Fluent surfaces are scoped to the recovered Cloud workspace. */
.cloud-dashboard-page [data-server-nav][hidden]{display:none!important}
.cloud-nav [data-server-nav]{display:grid;gap:3px}
.cloud-sidebar-server{margin:22px 8px 0;padding:15px 5px;border-top:1px solid var(--cloud-border);display:grid;gap:8px;min-width:0}
.cloud-sidebar-server>span{font-size:9px;letter-spacing:.1em;color:#7e7e89}
.cloud-sidebar-server>b{font-size:13px;font-weight:550;color:#e5d3c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-cloud-context=servers] .cloud-server-picker{display:none}
.cloud-server-actions .cloud-manage-server{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:11px 15px;font-size:13px;margin-top:3px}
.cloud-manage-server>span{font-size:17px;transition:transform .18s}
.cloud-manage-server:hover>span{transform:translate(2px,-2px)}
.cloud-server-grid>.cloud-empty{grid-column:1/-1;min-height:250px}
.cloud-select{position:relative;display:inline-flex;min-width:150px;max-width:100%;vertical-align:middle}
.cloud-main .cloud-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);padding:0!important;border:0!important;overflow:hidden}
.cloud-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:39px;padding:9px 12px;background:linear-gradient(145deg,#252628,#1c1d1f);border:1px solid #ffffff18;border-bottom-color:#ffffff2b;border-radius:9px;color:#dedee6;font:inherit;font-size:12px;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0002;transition:border-color .15s,background .15s,box-shadow .15s}
.cloud-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-select-trigger svg{width:17px;height:17px;flex:none;color:#9797a4;transition:transform .18s}
.cloud-select-trigger:hover{background:#2a2b2e;border-color:#ffffff2c}
.cloud-select-trigger[aria-expanded=true]{border-color:#d49a72;box-shadow:0 0 0 2px #d49a7210}
.cloud-select-trigger[aria-expanded=true] svg{transform:rotate(180deg);color:#efb18a}
.cloud-select-trigger:focus-visible{outline:2px solid #e9a579;outline-offset:3px}
.cloud-select-trigger:disabled{opacity:.45;cursor:default}
.cloud-select-popup{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid #ffffff20;border-radius:11px;background:#242527f5;backdrop-filter:blur(30px);box-shadow:0 16px 50px #0008,0 2px 6px #0005;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55565d transparent;color:#e0e0e8;font-family:inherit}
.cloud-select-popup:popover-open{display:grid;gap:2px;animation:cloud-menu-in .12s ease-out}
.cloud-select-option{position:relative;border:0;border-radius:6px;background:none;color:#bcbcc8;padding:10px 34px 10px 13px;text-align:left;font:inherit;font-size:12px;cursor:pointer;min-height:38px;line-height:1.4}
.cloud-select-option:hover,.cloud-select-option:focus-visible{outline:none;background:#ffffff0b;color:#fff}
.cloud-select-option[aria-selected=true]{background:#ed9c6e12;color:#ffc8a6}
.cloud-select-option[aria-selected=true]:after{content:'';position:absolute;right:12px;width:16px;height:16px;top:50%;transform:translateY(-50%);background:currentColor;mask:url('/cloud-assets/cloud-checkmark.svg') center/contain no-repeat;color:#efb18a}
.cloud-select-option:disabled{opacity:.4;cursor:default}
.cloud-server-picker>.cloud-select{min-width:260px}
.cloud-editor-tools .cloud-select{min-width:130px;max-width:160px}
.cloud-editor-tools .cloud-select-trigger{min-height:32px;font-size:11px;padding:6px 9px;gap:12px}
.cloud-product-switcher summary{padding:8px 11px;border:1px solid transparent;border-radius:8px;align-items:center;min-height:35px}
.cloud-product-switcher summary:hover,.cloud-product-switcher[open] summary{background:#ffffff06;border-color:#ffffff12}
.cloud-product-switcher summary>span{transition:transform .15s}.cloud-product-switcher[open] summary>span{transform:rotate(180deg)}
.cloud-product-switcher>div{top:calc(100% + 9px);left:0;width:266px;padding:6px;background:#242527f5;border-color:#ffffff20;backdrop-filter:blur(30px);animation:cloud-menu-in .12s ease-out}
.cloud-product-switcher a{padding:12px;font-size:13px}.cloud-product-switcher small{font-size:11px;line-height:1.5;margin-top:4px}
.cloud-product-switcher a:focus-visible,.cloud-account-menu a:focus-visible,.cloud-account-menu button:focus-visible{outline:1px solid #e9a579;outline-offset:-1px;background:#ffffff09}
.cloud-account-menu{background:#242527f5;backdrop-filter:blur(30px);border-color:#ffffff20;animation:cloud-menu-in .12s ease-out}
@keyframes cloud-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.cloud-server-picker>.cloud-select{min-width:0;flex:1}.cloud-select-trigger{font-size:12px;min-height:41px}.cloud-select-option{font-size:13px;min-height:43px}.cloud-editor-tools .cloud-select{margin-right:auto;min-width:120px;max-width:145px}.cloud-server-actions .cloud-manage-server{font-size:13px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.cloud-select-popup:popover-open,.cloud-product-switcher>div,.cloud-account-menu{animation:none}.cloud-manage-server>span,.cloud-select-trigger svg{transition:none}}

.cloud-server-picker[hidden]{display:none!important}
/* Model cards opt in; runtime, region and existing settings keep compact menus. */
.cloud-select-popup.cloud-select-cards{padding:7px;background:#1b1e22;border-color:#ffffff25;border-radius:14px;box-shadow:0 22px 70px #000b}
.cloud-select-popup.cloud-select-cards:popover-open{gap:6px}
.cloud-select-popup.cloud-select-cards>.cloud-select-card{display:grid;gap:11px;align-content:center;padding:15px 32px 15px 15px;white-space:normal;border:1px solid #ffffff10;border-radius:10px;background:#ffffff03;min-height:68px;color:#e4e8ec;flex-shrink:0}
.cloud-select-cards>.cloud-select-card:hover,.cloud-select-cards>.cloud-select-card:focus-visible{background:#ffffff08;border-color:#b9c3ce66;outline:1px solid #b9c3ce66;outline-offset:-1px}
.cloud-select-popup.cloud-select-cards>.cloud-select-card[aria-selected=true]{background:#f0aa7710;border-color:#f0aa7770}
.cloud-select-popup.cloud-select-cards>.cloud-select-card[data-tier=premium]{background:linear-gradient(115deg,#b99be315,#b99be304);border-color:#b99be34a}
.cloud-select-popup.cloud-select-cards>.cloud-select-card[data-tier=premium][aria-selected=true]{border-color:#d3b4fa;background:#b99be31a}
.cloud-select-popup.cloud-select-cards>.cloud-select-card:is([data-tier=gpt-6-astra],[data-tier=claude-opus-5-5]){border-color:#b99be34a;background:linear-gradient(115deg,#b99be315,#b99be304)}
.cloud-select-cards>.cloud-select-card[aria-selected=true]:after{top:24px;transform:none;right:10px;width:14px;height:14px}
.cloud-option-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}.cloud-option-heading>strong{font-size:14px;font-weight:600;color:#f1f3f5;line-height:1.4}.cloud-option-price{font-size:11px;white-space:nowrap;color:#f3bf98;font-weight:500}.cloud-option-description{display:block;color:#b7c0c8;font-size:12px;line-height:1.5}.cloud-model-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.cloud-model-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff1f;border-radius:6px;background:#ffffff07;padding:5px 8px;font-size:11px;line-height:1.4;font-weight:500;color:#e0e6ed;white-space:nowrap}.cloud-model-chip>b{font-size:10px;font-weight:500;color:#aebbc8;border-left:1px solid #ffffff22;padding-left:7px}.cloud-model-chip.cloud-model-exclusive{color:#edddff;background:#b996e61a;border-color:#c29fea66}.cloud-model-exclusive>b{color:#d6b4ff;border-color:#c29fea44}
@media(max-width:450px){.cloud-option-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}.cloud-option-heading>strong{font-size:13px}.cloud-model-chip{font-size:11px;padding:4px 6px}.cloud-select-popup.cloud-select-cards>.cloud-select-card{padding:13px 28px 13px 12px;gap:9px}}