/* Scoped customer journeys, after brand themes. Business and VM controls are unchanged. */
@media screen {
    body :is(#cloud-dashboard,#order-catalog,#order-plans,#order-config) {letter-spacing:0}
    body :is(#order-catalog,#order-plans,#order-config) [hidden] {display:none!important}
    body :is(#order-catalog,#order-plans,#order-config) :is(button,input,select,a):focus-visible {outline:3px solid var(--design-primary,#2563eb);outline-offset:3px}

    /* Overview: a quiet workspace header, readable metrics, and defined section boundaries. */
    body.client-shell #cloud-dashboard .cc-hero {min-height:172px;padding:22px 20px!important;gap:24px;grid-template-columns:minmax(0,1fr) minmax(230px,.35fr);border:0!important;border-left:3px solid var(--cc-green)!important;border-bottom:0!important;background:color-mix(in srgb,var(--cc-green) 5%,var(--cc-surface))!important}
    body.client-shell #cloud-dashboard .cc-hero h1 {font-size:30px!important;margin:12px 0 6px;letter-spacing:0;color:var(--cc-text)!important;-webkit-text-fill-color:var(--cc-text)!important}
    body.client-shell #cloud-dashboard .cc-hero p {font-size:14px;line-height:1.6;margin-bottom:0}
    body.client-shell[data-design] #cloud-dashboard .cc-hero :is(h1,p,strong,.cc-eyebrow,.cc-date) {color:var(--cc-text)!important;-webkit-text-fill-color:currentColor!important}
    body.client-shell[data-design] #cloud-dashboard .cc-hero :is(p,.cc-date) {color:var(--cc-muted)!important}
    body.client-shell #cloud-dashboard .cc-eyebrow {font-size:11px}
    body.client-shell #cloud-dashboard .cc-hero-actions {margin-top:20px}
    body.client-shell #cloud-dashboard .cc-button {min-height:42px;font-size:13px;padding:10px 14px}
    body.client-shell #cloud-dashboard .cc-scene {inset:42px 18px 8px 78%!important;opacity:.55!important}
    body.client-shell #cloud-dashboard .cc-hero-right {max-width:none;z-index:1}
    body.client-shell #cloud-dashboard .cc-next-action {display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 0 12px 14px;border-left:2px solid var(--cc-tone);background:var(--cc-surface);color:var(--cc-text);text-decoration:none;width:100%}
    body.client-shell #cloud-dashboard .cc-next-action-icon {display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:6px;color:var(--cc-tone);background:var(--cc-tone-soft)}
    body.client-shell #cloud-dashboard .cc-next-action small {display:block;font-size:11px;color:var(--cc-muted);margin-bottom:4px}
    body.client-shell #cloud-dashboard .cc-next-action strong {display:block;font-size:13px;line-height:1.5}
    body.client-shell #cloud-dashboard .cc-workspace-status {display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:13px 0;border-block:1px solid var(--cc-border);margin:0 0 12px;font-size:12px;color:var(--cc-muted)}
    body.client-shell #cloud-dashboard .cc-workspace-status :is(span,a) {display:inline-flex;align-items:center;gap:7px;min-width:0}
    body.client-shell #cloud-dashboard .cc-workspace-status strong {color:var(--cc-text);font-variant-numeric:tabular-nums}
    body.client-shell #cloud-dashboard .cc-workspace-status>span:first-child>i {color:var(--cc-green)}
    body.client-shell #cloud-dashboard .cc-workspace-status>span:nth-child(2)>i {color:var(--cc-amber)}
    body.client-shell #cloud-dashboard .cc-workspace-status>a {color:var(--cc-primary);margin-left:auto;text-decoration:none}
    body.client-shell #cloud-dashboard .cc-workspace-status .cc-icon {width:14px;height:14px;min-width:14px}
    body.client-shell #cloud-dashboard .cc-section-nav {gap:4px 12px;padding:0;margin:0 0 24px;border-bottom:1px solid var(--cc-border)}
    body.client-shell #cloud-dashboard .cc-section-nav a {padding:13px 12px;border-radius:0;min-height:46px}
    body.client-shell #cloud-dashboard .cc-section-nav a[aria-current=location] {background:transparent;border-bottom:2px solid var(--cc-primary)}
    body.client-shell #cloud-dashboard .cc-summary-grid {gap:16px}
    body.client-shell #cloud-dashboard .cc-summary-card {display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto 1fr auto;column-gap:12px;border:1px solid color-mix(in srgb,var(--cc-tone) 24%,var(--cc-border))!important;border-top:3px solid var(--cc-tone)!important;border-radius:8px;padding:18px;min-height:140px;background:color-mix(in srgb,var(--cc-tone) 6%,var(--cc-surface))!important;box-shadow:0 3px 10px #20324704}
    body.client-shell #cloud-dashboard .cc-summary-card::after,body.client-shell #cloud-dashboard .cc-summary-balance::before {display:none}
    body.client-shell #cloud-dashboard .cc-card-top {grid-column:2;grid-row:1;display:flex;flex-direction:column;align-self:start;gap:12px;margin:0}
    body.client-shell #cloud-dashboard .cc-summary-label {grid-column:1;grid-row:1;color:var(--cc-muted);font-weight:600}
    body.client-shell #cloud-dashboard .cc-summary-value {grid-column:1/-1;grid-row:2;align-self:end;margin-top:8px;min-height:54px;align-content:end}
    body.client-shell #cloud-dashboard .cc-summary-amount {display:block;width:100%;min-width:0;white-space:nowrap;overflow-wrap:normal}
    body.client-shell #cloud-dashboard .cc-summary-balance .cc-summary-value>small {flex-basis:100%;font-size:11px}
    body.client-shell #cloud-dashboard .cc-summary-footer {grid-column:1/-1;grid-row:3;margin-top:16px;padding-top:12px;flex-wrap:wrap;gap:8px;min-height:40px;align-content:start}
    body.client-shell #cloud-dashboard .cc-balance-tag {display:none}
    body.client-shell #cloud-dashboard .cc-summary-card:hover {border-color:var(--cc-tone)!important}
    body.client-shell #cloud-dashboard .cc-summary-label {font-size:13px}
    body.client-shell #cloud-dashboard .cc-summary-value {font-size:30px;line-height:1.3}
    body.client-shell #cloud-dashboard .cc-summary-footer {font-size:12px}
    body.client-shell #cloud-dashboard .cc-icon-tile {width:36px;height:36px}
    body.client-shell #cloud-dashboard .cc-summary-balance {--cc-tone:var(--cc-green);background:color-mix(in srgb,var(--cc-green) 5%,var(--cc-surface))!important;animation:none}
    body.client-shell #cloud-dashboard .cc-summary-balance .cc-icon-tile {background:var(--cc-green);color:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-account-shortcuts {border-bottom:0;margin:0 0 20px}
    body.client-shell #cloud-dashboard .cc-account-shortcuts>a {padding:10px 0}
    body.client-shell #cloud-dashboard .cc-account-shortcuts>a:is(:hover,:focus-visible) {background:var(--cc-surface);border-radius:6px}
    body.client-shell #cloud-dashboard .cc-zone-heading {--zone-color:var(--cc-primary);padding:18px 0 12px;margin-top:28px;border-bottom:2px solid color-mix(in srgb,var(--zone-color) 22%,var(--cc-border));align-items:center}
    body.client-shell #cloud-dashboard .cc-zone-monitoring {--zone-color:var(--cc-green)}
    body.client-shell #cloud-dashboard .cc-zone-billing {--zone-color:var(--cc-amber)}
    body.client-shell #cloud-dashboard .cc-zone-title {display:flex;align-items:center;gap:12px;min-width:0}
    body.client-shell #cloud-dashboard .cc-zone-heading .cc-zone-icon {display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:color-mix(in srgb,var(--zone-color) 12%,var(--cc-surface));color:var(--zone-color);font-size:17px}
    body.client-shell #cloud-dashboard .cc-zone-heading .cc-zone-title>div>span {color:var(--cc-muted);font-size:10px}
    body.client-shell #cloud-dashboard .cc-zone-heading h2 {margin:3px 0 0;font-size:20px}
    body.client-shell #cloud-dashboard .cc-panel-heading {background:transparent;padding:18px 0;border-top:1px solid var(--cc-border)}
    body.client-shell #cloud-dashboard .cc-panel-heading h2 {font-size:18px;font-weight:700}
    body.client-shell #cloud-dashboard .cc-panel-heading p {font-size:12px;line-height:1.6}
    body.client-shell #cloud-dashboard .cc-panel {background:transparent}
    body.client-shell #cloud-dashboard .cc-resources-panel {padding-bottom:6px}
    body.client-shell #cloud-dashboard .cc-resource {gap:14px}
    body.client-shell #cloud-dashboard .cc-resource strong {font-size:25px}
    body.client-shell #cloud-dashboard .cc-resource-label {font-size:12px}
    body.client-shell #cloud-dashboard .cc-service-toolbar {padding:0 0 16px;flex-wrap:wrap;gap:10px}
    body.client-shell #cloud-dashboard .cc-service-toolbar .cc-search {flex:1 1 220px}
    body.client-shell #cloud-dashboard .cc-density-control {display:flex;align-items:center;padding:3px;gap:2px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-density-control button,body.client-shell #cloud-dashboard .cc-filter-clear {display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:0;border-radius:4px;background:transparent;color:var(--cc-muted);cursor:pointer}
    body.client-shell #cloud-dashboard .cc-density-control button[aria-pressed=true] {color:var(--cc-primary);background:var(--cc-primary-soft)}
    body.client-shell #cloud-dashboard .cc-filter-clear {width:42px;height:42px;border:1px solid var(--cc-border);background:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-filter-clear .cc-icon {width:16px;height:16px}
    body.client-shell #cloud-dashboard :is(.cc-density-control button,.cc-filter-clear):focus-visible {outline:3px solid var(--cc-primary);outline-offset:3px}
    body.client-shell #cloud-dashboard [hidden] {display:none!important}
    body.client-shell #cloud-dashboard[data-cc-density=compact] .cc-service-table td {padding-block:9px}
    body.client-shell #cloud-dashboard[data-cc-density=compact] .cc-service-identity {gap:9px}
    body.client-shell #cloud-dashboard[data-cc-density=compact] .cc-service-icon {width:30px;height:30px;flex-basis:30px}
    body.client-shell #cloud-dashboard[data-cc-density=compact] .cc-service-host {font-size:12px}
    body.client-shell #cloud-dashboard .cc-service-table {background:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-service-table thead {background:var(--cc-surface-alt)}
    body.client-shell #cloud-dashboard .cc-service-table th {font-weight:600;font-size:11px;padding-block:12px}
    body.client-shell #cloud-dashboard .cc-service-table td {padding-block:18px}
    body.client-shell #cloud-dashboard .cc-main-grid {grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:26px}
    body.client-shell #cloud-dashboard .cc-stack {align-items:stretch;width:100%}
    body.client-shell #cloud-dashboard .cc-stack>.cc-panel {width:100%;align-self:stretch}
    body.client-shell #cloud-dashboard .cc-service-table tbody tr:hover {background:var(--cc-primary-soft)}
    body.client-shell #cloud-dashboard .cc-service-table .cc-service-host {font-weight:650;color:var(--cc-text)}
    body.client-shell #cloud-dashboard .cc-service-icon {background:var(--cc-primary-soft);color:var(--cc-primary)}
    body.client-shell #cloud-dashboard .cc-manage {border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface);color:var(--cc-primary)}
    body.client-shell #cloud-dashboard .cc-account-column {padding-left:20px;border-left:1px solid var(--cc-border)}
    body.client-shell #cloud-dashboard .cc-account-column .cc-panel-heading {border-top:0;padding-top:0}
    body.client-shell #cloud-dashboard .cc-account-column .cc-panel+.cc-panel {padding-top:20px;border-top:1px solid var(--cc-border)}
    body.client-shell #cloud-dashboard .cc-pulse-grid {background:var(--cc-surface);padding:20px;gap:24px;border:0;border-block:1px solid var(--cc-border);border-radius:0}
    body.client-shell #cloud-dashboard .cc-fleet-chart {height:260px}
    body.client-shell #cloud-dashboard .cc-pulse-metric {border:0;border-left:3px solid var(--cc-tone);border-radius:6px;padding:14px;background:color-mix(in srgb,var(--cc-tone) 6%,var(--cc-surface))}
    body.client-shell #cloud-dashboard .cc-chart-legend {padding-bottom:12px}
    body.client-shell #cloud-dashboard .cc-chart-legend button {border:1px solid var(--cc-border);border-radius:5px;min-height:32px;padding:6px 10px;color:var(--cc-muted);background:var(--cc-surface);font-size:12px}
    body.client-shell #cloud-dashboard .cc-chart-legend button[aria-pressed=true] {color:var(--cc-text);border-color:color-mix(in srgb,var(--cc-tone) 40%,var(--cc-border));background:color-mix(in srgb,var(--cc-tone) 8%,var(--cc-surface))}
    body.client-shell #cloud-dashboard .cc-chart-tooltip {border:1px solid var(--cc-border);border-radius:6px;box-shadow:0 8px 24px #14263b20;color:var(--cc-text);background:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-chart-tooltip>strong {border-bottom:1px solid var(--cc-border);padding-bottom:7px;margin-bottom:7px}
    body.client-shell #cloud-dashboard .cc-renewal time {border:1px solid var(--cc-border);border-top:3px solid var(--cc-primary);border-radius:6px;background:var(--cc-surface)}
    body.client-shell #cloud-dashboard .cc-activity-row {position:relative;gap:12px}
    body.client-shell #cloud-dashboard .cc-event-icon {border-radius:6px;border:1px solid color-mix(in srgb,var(--cc-tone) 20%,var(--cc-border));background:color-mix(in srgb,var(--cc-tone) 10%,var(--cc-surface))}
    body.client-shell #cloud-dashboard .cc-spend-chart {height:220px}
    body.client-shell #cloud-dashboard .cc-assistant-strip {border:1px solid var(--cc-border);border-left:3px solid var(--cc-primary);background:var(--cc-surface);border-radius:6px}
    body.client-shell #cloud-dashboard .cc-live-vm {border-left:1px solid var(--cc-border);border-top:3px solid var(--cc-green)}
    body.client-shell #cloud-dashboard .cc-live-controls {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
    body.client-shell #cloud-dashboard .cc-live-controls button {display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-muted);background:var(--cc-surface);font-size:13px;cursor:pointer}
    body.client-shell #cloud-dashboard .cc-live-controls button[aria-pressed=true] {background:var(--cc-amber-soft);color:var(--cc-amber);border-color:var(--cc-amber)}
    body.client-shell #cloud-dashboard .cc-live-controls button:disabled {opacity:.5;cursor:wait}
    body.client-shell #cloud-dashboard .cc-live-controls button:focus-visible {outline:3px solid var(--cc-primary);outline-offset:3px}
    body.client-shell #cloud-dashboard .cc-insights-disclosure {border-block:1px solid var(--cc-border);padding:0}
    body.client-shell #cloud-dashboard .cc-insights-disclosure>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;list-style:none;cursor:pointer;color:var(--cc-text);font-size:15px;font-weight:650}
    body.client-shell #cloud-dashboard .cc-insights-disclosure>summary::-webkit-details-marker {display:none}
    body.client-shell #cloud-dashboard .cc-insights-disclosure>summary>span {display:flex;align-items:center;gap:10px}
    body.client-shell #cloud-dashboard .cc-insights-disclosure>summary i {font-size:13px;color:var(--cc-primary)}
    body.client-shell #cloud-dashboard .cc-insights-disclosure>.cc-legacy-component {padding-block:6px 24px}


    /* Product browsing: full-width filters and well-proportioned plan choices. */
    body #order-catalog .oc-heading {padding:24px 0!important;min-height:170px;border-bottom:0!important}
    body #order-catalog .oc-heading h1 {font-size:30px;line-height:1.25}
    body #order-catalog .oc-heading-image {width:190px;height:155px;right:12px}
    body #order-catalog .oc-tools {padding:14px 0;background:transparent;border-inline:0;border-radius:0;gap:12px;border-block:1px solid var(--oc-line)}
    body #order-catalog .oc-filters button {min-height:42px;padding:10px 14px;font-size:13px}
    body #order-catalog .oc-search {background:var(--oc-paper);border-radius:6px}
    body #order-catalog .oc-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
    body #order-catalog .oc-card {padding:22px;border-top-width:1px;border-bottom:3px solid var(--polish-primary);display:flex;flex-direction:column}
    body #order-catalog .oc-application {border-bottom-color:#08816c}
    body #order-catalog .oc-dedicated {border-bottom-color:#b43d68}
    body #order-catalog .oc-card h3 {font-size:20px;margin:16px 0 8px}
    body #order-catalog .oc-description {font-size:13px;line-height:1.7}
    body #order-catalog .oc-pricing strong {font-size:28px}
    body #order-catalog .oc-resources {margin-top:auto}
    body #order-catalog .oc-card-footer {padding-top:18px;border-top:1px solid var(--oc-line)}
    body #order-catalog .oc-heading-meta span {padding:5px 8px;background:var(--oc-surface);border:1px solid var(--oc-line);border-radius:4px}
    body #order-plans .studio-heading-copy {max-width:calc(100% - 180px)}
    body #order-plans .studio-starting {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:12px;margin-top:14px;color:var(--st-muted)}
    body #order-plans .studio-starting strong {font-size:25px;color:var(--st-ink)}
    body #order-plans .studio-starting .studio-divider {height:14px;border-left:1px solid var(--st-line);margin-inline:8px;align-self:center}
    body #order-plans .plans-summary {display:none}
    body #order-plans .plans-progress {margin:0 0 24px;padding:16px 0;box-shadow:none}
    body #order-plans .plan-region-filter {padding:16px 0;background:transparent;border:0;border-bottom:1px solid var(--st-line);box-shadow:none;gap:16px}
    body #order-plans .plan-region-options {display:flex;flex-wrap:wrap;gap:8px;min-width:0}
    body #order-plans .plan-region-pill {flex:0 1 auto;min-height:44px;border-radius:6px;padding:10px 14px;gap:9px;font-size:13px}
    body #order-plans.catalog-plans .plan-region-pill:is(.active,[aria-current=page]) {background:var(--st-soft,#edf3ff)!important;border-color:var(--st-blue,#2563eb)!important;color:var(--st-ink,#19314b)!important;box-shadow:inset 0 0 0 1px var(--st-blue,#2563eb)}
    body #order-plans.catalog-plans .plan-region-pill:is(.active,[aria-current=page]) :is(span,small,i) {color:var(--st-ink,#19314b)!important;-webkit-text-fill-color:currentColor!important}
    body #order-plans .offer-catalog {margin-top:24px;container:offers / inline-size}
    #order-plans .offer-tools {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:var(--offer-paper);border:1px solid var(--offer-line);border-radius:8px}
    #order-plans .offer-search {position:relative;flex:1 1 220px;margin:0}
    #order-plans .offer-search>i {position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--offer-muted)}
    #order-plans .offer-search input {width:100%;padding:10px 14px 10px 40px}
    #order-plans .offer-tools :is(input,select) {min-height:44px;border:1px solid var(--offer-line);border-radius:6px;font:inherit;font-size:13px;color:var(--offer-ink);background:var(--offer-paper);min-width:0}
    #order-plans .offer-sort {display:flex;align-items:center;gap:9px;color:var(--offer-muted);font-size:12px;margin:0}
    #order-plans .offer-sort select {padding:10px 30px 10px 12px;max-width:215px}
    #order-plans .offer-view {display:flex;padding:3px;border:1px solid var(--offer-line);border-radius:6px;gap:3px;background:var(--offer-paper)}
    #order-plans .offer-view button {width:38px;height:36px;border:0;border-radius:4px;background:transparent;color:var(--offer-muted);cursor:pointer}
    #order-plans .offer-view button[aria-pressed=true] {background:var(--offer-primary);color:var(--st-button-ink,#fff)}
    #order-plans .offer-result-count {font-size:12px;color:var(--offer-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
    #order-plans .offer-available {display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;color:var(--offer-muted);font-size:12px;min-height:32px}
    #order-plans :is(.offer-available,.offer-compare-select) input {width:16px;height:16px;flex:none;margin:0;accent-color:var(--offer-primary);cursor:pointer}
    #order-plans .offer-no-results {text-align:center;padding:50px 16px;color:var(--offer-muted)}
    #order-plans .offer-no-results>i {font-size:24px;margin-bottom:12px}
    #order-plans .offer-no-results h2 {font-size:20px;color:var(--offer-ink)}
    #order-plans .offer-no-results button {margin-top:12px;border:1px solid var(--offer-line);border-radius:6px;background:var(--offer-paper);color:var(--offer-ink);min-height:44px;padding:10px 16px}
    #order-plans .offer-card {border-top-width:1px;border-radius:8px;box-shadow:0 2px 6px #18354b05}
    #order-plans .offer-card[data-comparing=true] {border-color:var(--offer-primary);box-shadow:0 0 0 1px var(--offer-primary)}
    #order-plans .offer-head {min-height:118px;grid-template-rows:auto minmax(28px,auto) minmax(22px,auto);padding:22px;background:color-mix(in srgb,var(--offer-primary) 3%,var(--offer-paper));border-radius:7px 7px 0 0}
    #order-plans .offer-card:nth-child(3n+2) .offer-head {background:color-mix(in srgb,#0a9278 4%,var(--offer-paper))}
    #order-plans .offer-card:nth-child(3n) .offer-head {background:color-mix(in srgb,#b34470 4%,var(--offer-paper))}
    #order-plans .offer-title {font-size:21px;line-height:1.4}
    #order-plans .offer-pricing {padding-top:16px}
    #order-plans .offer-specs {gap:0 20px}
    #order-plans .offer-specs dd {font-size:18px}
    #order-plans .offer-specs i {display:inline-grid;place-items:center;width:23px;height:23px;background:var(--offer-soft);border-radius:4px}
    #order-plans .offer-order {color:var(--st-button-ink,#fff);min-height:46px}
    #order-plans .offer-order-disabled {color:var(--offer-muted)}
    #order-plans .offer-compare-select {display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--offer-muted);cursor:pointer;margin:0;min-height:30px}
    #order-plans .offer-compare-select:has(input:checked) {color:var(--offer-primary);font-weight:650}
    #order-plans .offer-compare-select:has(input:disabled) {opacity:.55;cursor:not-allowed}
    #order-plans .offer-compare-dock {position:sticky;top:76px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;border:1px solid var(--offer-primary);border-radius:8px;background:var(--offer-paper);color:var(--offer-ink);box-shadow:0 6px 20px #182c4210}
    #order-plans .offer-compare-dock>div {display:flex;align-items:center;gap:12px;min-width:0}
    #order-plans .offer-compare-dock>div:first-child {flex:1}
    #order-plans .offer-compare-dock>div:first-child>i {color:var(--offer-primary);font-size:19px;flex:none}
    #order-plans .offer-compare-dock strong {display:block;font-size:13px}
    #order-plans .offer-compare-dock small {display:block;font-size:11px;color:var(--offer-muted);max-width:56ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px}
    #order-plans :is(.offer-compare-dock,.offer-comparison) button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:40px;min-height:40px;padding:9px;border:1px solid var(--offer-line);border-radius:6px;background:var(--offer-paper);color:var(--offer-ink);font:inherit;font-size:13px;cursor:pointer}
    #order-plans .offer-compare-dock .offer-compare-open {padding-inline:14px;background:var(--offer-primary);color:var(--st-button-ink,#fff);border-color:var(--offer-primary);font-weight:650}
    #order-plans .offer-compare-dock button:disabled {background:var(--offer-soft);color:var(--offer-muted);border-color:var(--offer-line);cursor:not-allowed}
    #order-plans .offer-comparison {width:min(1000px,calc(100% - 32px));max-width:none;max-height:85dvh;padding:0;border:1px solid var(--offer-line);border-radius:8px;background:var(--offer-paper);color:var(--offer-ink);box-shadow:0 16px 60px #0b1d3933;overflow:hidden}
    #order-plans .offer-comparison[open] {display:flex;flex-direction:column}
    #order-plans .offer-comparison:not([open]) {display:none}
    #order-plans .offer-comparison::backdrop {background:#14253880}
    #order-plans .offer-comparison>header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--offer-line);flex:none}
    #order-plans .offer-comparison>header span {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--offer-primary)}
    #order-plans .offer-comparison h2 {font-size:21px;line-height:1.4;margin:6px 0 0;color:var(--offer-ink)}
    #order-plans .offer-comparison>header button {flex:none}
    #order-plans .offer-comparison-body {overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 16px}
    #order-plans .offer-comparison table {width:100%;min-width:650px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:13px;line-height:1.6}
    #order-plans .offer-comparison :is(th,td) {padding:16px 14px;vertical-align:top;border-bottom:1px solid var(--offer-line);overflow-wrap:anywhere}
    #order-plans .offer-comparison thead th {font-size:16px;color:var(--offer-ink);font-weight:700;background:var(--offer-soft)}
    #order-plans .offer-comparison tr>:first-child {width:135px;color:var(--offer-muted);font-size:12px;font-weight:500}
    #order-plans .offer-comparison .offer-order {font-size:13px;min-height:42px}

    /* Configuration remains a single form, with a clear review rail. */
    body #order-config.studio-config .studio-config-heading {padding:24px 0!important}
    body #order-config.studio-config #catalogOrderForm>.cp-grid {gap:28px!important}
    body #order-config.studio-config .config-section-nav a {min-height:54px;padding:10px 12px;font-size:13px}
    body #order-config.studio-config .order-section>.cp-card-head {padding:0 0 16px!important;background:transparent!important}
    body #order-config.studio-config #catalogOrderForm .order-section>.cp-card-head::after {position:static!important;inset:auto!important;transform:none!important;flex:none;align-self:center;margin-left:auto}
    body #order-config.studio-config .cp-choice {min-height:110px;padding:18px!important;box-shadow:none}
    body #order-config.studio-config .btn-check:checked+.cp-choice {padding:18px!important;box-shadow:inset 3px 0 var(--section-accent)!important}
    body #order-config.studio-config .cp-choice-title {font-size:15px!important}
    body #order-config.studio-config .config-selection-state {font-weight:600}
    body #order-config.studio-config #order-summary {border-top:1px solid var(--st-line)!important;box-shadow:0 4px 18px #1c354b08!important}
    body #order-config.studio-config #order-summary>.cp-card-head {border-top:3px solid var(--cw-teal);border-radius:7px 7px 0 0;padding:20px!important}
    body #order-config.studio-config #order-summary .cp-kv-row {padding:13px 0;font-size:13px}
    body #order-config.studio-config #order-summary .config-summary-text {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%;overflow-wrap:anywhere}
    body #order-config.studio-config #order-summary .order-total {border-left:0;border-radius:6px;margin-top:16px}
    body #order-config.studio-config #order-summary .order-submit {color:var(--st-button-ink,#fff)!important;min-height:48px}
    body #order-config.studio-config #order-summary .config-review-edit {display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--st-muted);min-height:32px;flex:none}
    body #order-config.studio-config .config-review-edit i {font-size:10px;opacity:.6}
    body #order-config.studio-config .config-review-edit:hover {color:var(--cw-blue)!important;text-decoration:underline;text-underline-offset:4px}
    body #order-config.studio-config .config-section-nav {gap:6px;padding-block:14px}
    body #order-config.studio-config .config-section-nav a {border-radius:6px;border:1px solid var(--st-line);min-height:48px}
    body #order-config.studio-config .config-section-nav a[aria-current=location] {border-color:var(--cw-blue)}
    body #order-config.studio-config .order-section .cp-card-title {font-size:19px}
    body #order-config.studio-config .order-summary-title>i {width:38px;height:38px;border-radius:6px;background:var(--st-soft);color:var(--st-ink);font-size:17px}
    body #order-config.studio-config #order-summary .cp-card-pad {padding:20px}
    body #order-config.studio-config #order-summary .cp-kv {margin-bottom:20px!important}
    body #order-config.studio-config #order-summary .cp-kv-value {font-weight:600;line-height:1.55;min-width:0}
    body #order-config.studio-config #order-summary .order-summary-status {background:transparent;border:0;color:var(--st-muted);padding:0;font-size:11px}
    body #order-config.studio-config .cp-choice-meta {font-size:12px;line-height:1.65}
    body #order-config.studio-config .config-section-nav a {border:1px solid var(--st-line);background:var(--st-paper);color:var(--st-ink);gap:8px}
    body #order-config.studio-config .config-section-nav a>i {display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:5px;background:color-mix(in srgb,var(--st-blue) 9%,var(--st-paper));color:var(--st-blue)}
    body #order-config.studio-config .config-section-nav a:is(:hover,[aria-current]) {background:color-mix(in srgb,var(--st-blue) 6%,var(--st-paper));border-color:var(--st-blue)}
    body #order-config.studio-config .order-section>.cp-card-head {border-left:3px solid var(--st-blue);padding-left:14px}
    body #order-config.studio-config .order-section.order-app>.cp-card-head {border-left-color:var(--st-teal)}
    body #order-config.studio-config .order-summary-card>.cp-card-head {background:color-mix(in srgb,var(--st-teal) 5%,var(--st-paper))}
    body #order-plans .offer-specs>div:nth-child(2) i {color:var(--st-teal);background:color-mix(in srgb,var(--st-teal) 9%,var(--offer-paper))}
    body #order-plans .offer-specs>div:nth-child(3) i {color:var(--st-amber);background:color-mix(in srgb,var(--st-amber) 9%,var(--offer-paper))}
    body #order-plans .offer-specs>div:nth-child(4) i {color:var(--st-rose);background:color-mix(in srgb,var(--st-rose) 9%,var(--offer-paper))}

    /* Account entry: an unframed form, real infrastructure artwork, no invented SLA figures. */
    body.account-access {--ax-ink:var(--st-ink,#243345);--ax-muted:var(--st-muted,#596e82);--ax-line:var(--st-line,#dce5ed);--ax-blue:var(--st-primary,#245fd1);background:var(--st-paper,#fff)!important;color:var(--ax-ink)}
    body.account-access::before,body.account-access::after,body.account-access .access-main::before,body.account-access .access-content::before {display:none!important}
    body.account-access .access-nav {background:var(--st-paper,#fff);box-shadow:none;padding:16px 4%;min-height:76px;backdrop-filter:none}
    body.account-access .access-brand {padding:0!important;border:0;border-radius:0;background:transparent!important;box-shadow:none}
    body.account-access .access-brand img {height:32px;width:auto;max-width:180px}
    body.account-access .access-nav-actions>a {border-radius:6px;box-shadow:none;min-height:40px;font-size:13px}
    body.account-access .access-main {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1180px;width:100%;margin:auto;padding:48px 28px;min-height:0}
    body.account-access .access-content {padding:12px 0!important;margin:0;width:100%;max-width:480px;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
    body.account-access-register .access-content {max-width:620px}
    body.account-access-register .access-main {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;padding-block:32px}
    body.account-access .access-emblem {display:none}
    body.account-access .access-label {background:transparent;border:0;padding:0;font-size:12px;letter-spacing:0;text-transform:none;color:var(--ax-blue)}
    body.account-access .access-content h1 {font-size:30px;line-height:1.3;letter-spacing:0;margin:12px 0 10px;color:var(--ax-ink)}
    body.account-access .access-heading p {font-size:14px;color:var(--ax-muted);line-height:1.7}
    body.account-access .access-heading {margin-bottom:28px}
    body.account-access .access-content label {font-size:13px;color:var(--ax-ink)}
    body.account-access .access-content :is(input,select):not([type=checkbox]):not([type=hidden]) {min-height:48px;height:48px;border:1px solid var(--ax-line);border-radius:6px;background:var(--st-paper,#fff);color:var(--ax-ink);font-size:15px}
    body.account-access .access-content input[aria-invalid=true] {border-color:#b83653!important}
    body.account-access .access-content input::placeholder {color:var(--ax-muted);opacity:1}
    body.account-access .access-password button {border-radius:0 6px 6px 0;height:46px;color:var(--ax-muted)}
    body.account-access .access-content button[type=submit] {border-radius:6px;box-shadow:none;background:var(--ax-blue);color:var(--st-button-ink,#fff)!important;font-size:15px;min-height:48px;letter-spacing:0}
    body.account-access .access-terms {background:transparent;padding:0;border:0;border-radius:0;font-size:12px!important}
    body.account-access .access-switch {font-size:13px;padding-top:22px;margin-top:24px;border-top:1px solid var(--ax-line);color:var(--ax-muted)}
    body.account-access .access-key-hint {margin:6px 0 0;color:#96570b;font-size:12px}
    body.account-access .access-key-hint[hidden] {display:none}
    body.account-access .access-content ul.text-red-600 {font-size:12px;line-height:1.5}
    body.account-access .access-visual-panel {display:block;align-self:center;margin:0;max-width:none;padding:0!important;border:0;border-radius:0;box-shadow:none;background:transparent!important;backdrop-filter:none}
    body.account-access .access-workspace-image {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:right center;margin:0 0 24px;mix-blend-mode:multiply}
    body.account-access .access-visual-panel :is(h2,p,span,b) {color:var(--ax-ink)}
    body.account-access .access-visual-panel h2 {font-size:25px;line-height:1.4;max-width:400px;margin:14px 0 10px;letter-spacing:0}
    body.account-access .access-visual-panel p {font-size:14px;color:var(--ax-muted);max-width:42ch;line-height:1.7}
    body.account-access .access-visual-label {color:var(--ax-blue)!important;letter-spacing:0;text-transform:none}
    body.account-access .access-visual-points {border-top:1px solid var(--ax-line);padding-top:18px;margin-top:22px;gap:18px}
    body.account-access .access-visual-points span {padding:0;min-height:30px;border:0;background:transparent;font-size:12px;font-weight:500}
    body.account-access .access-visual-points i {color:var(--ax-blue)}
    body.account-access .access-visual-points span:nth-child(2) i {color:#08816c}
    body.account-access .access-visual-points span:nth-child(3) i {color:#b43d68}
    body.account-access .access-footer {padding:18px 4%;background:var(--st-paper,#fff);color:var(--ax-muted);border-top:1px solid var(--ax-line)}
    body.account-access .access-footer :is(span,a) {color:var(--ax-muted)}
    body.account-access[data-design=flare] .access-main,body.account-access[data-design=vector] .access-main {max-width:1180px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    body.account-access :is(a,button,input,select):focus-visible {outline:3px solid var(--ax-blue);outline-offset:3px}
    body.client-shell #cloud-dashboard[data-cc-color-scheme=dark] .cc-scene {mix-blend-mode:screen!important;opacity:.3!important}
    body.client-shell #cloud-dashboard[data-cc-color-scheme=dark] .cc-scene video {filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
    body.client-shell #cloud-dashboard[data-cc-color-scheme=dark] :is(.cc-shortcut-icon,.cc-resource-icon,.cc-icon-tile) {background:var(--cc-surface-alt)!important;color:var(--cc-text)!important}
    body.client-shell #cloud-dashboard[data-cc-color-scheme=dark] :is(.cc-support-link,.cc-theme-button) {background:var(--cc-surface);color:var(--cc-text);border-color:var(--cc-border)}
    body.client-shell #cloud-dashboard[data-cc-color-scheme=dark] .cc-date {color:var(--cc-muted)}
}
@container offers (min-width:800px) {
    #order-plans .offer-catalog[data-layout=list] .offer-grid {grid-template-columns:minmax(0,1fr);gap:16px}
    #order-plans .offer-catalog[data-layout=list] .offer-card {display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr);align-items:start}
    #order-plans .offer-catalog[data-layout=list] .offer-head {height:100%;border:0;border-radius:7px 0 0 7px;grid-row:1/3}
    #order-plans .offer-catalog[data-layout=list] .offer-specs {margin-block:18px}
    #order-plans .offer-catalog[data-layout=list] :is(.offer-application,.offer-notice,.offer-publisher,.offer-capacity,.offer-details) {grid-column:2/-1}
    #order-plans .offer-catalog[data-layout=list] .offer-footer {grid-column:2/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.75fr);align-items:end;padding-top:14px}
}
@container offers (max-width:799px) {
    #order-plans .offer-view {display:none}
}
@container cc-workspace (max-width:1050px) {
    body.client-shell #cloud-dashboard .cc-main-grid {grid-template-columns:minmax(0,1fr)}
    body.client-shell #cloud-dashboard .cc-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    body.client-shell #cloud-dashboard .cc-account-column {padding-left:0;border-left:0}
}
@container cc-workspace (max-width:600px) {
    body.client-shell #cloud-dashboard .cc-hero {grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 12px!important}
    body.client-shell #cloud-dashboard .cc-hero h1 {font-size:26px!important}
    body.client-shell #cloud-dashboard .cc-hero-right {grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;align-items:center}
    body.client-shell #cloud-dashboard .cc-hero-main {max-width:100%}
    body.client-shell #cloud-dashboard .cc-next-action {max-width:100%;flex:1 1 230px}
    body.client-shell #cloud-dashboard .cc-workspace-status {gap:10px 16px;font-size:11px}
    body.client-shell #cloud-dashboard .cc-workspace-status>a {margin-left:0}
    body.client-shell #cloud-dashboard .cc-scene,body.client-shell #cloud-dashboard [data-cc-film-toggle] {display:none}
    body.client-shell #cloud-dashboard .cc-summary-grid {gap:10px}
    body.client-shell #cloud-dashboard .cc-summary-card {padding:14px;grid-template-columns:minmax(0,1fr);gap:6px;min-height:155px}
    body.client-shell #cloud-dashboard .cc-card-top {grid-column:1;grid-row:1;flex-direction:row;align-items:center;justify-content:space-between}
    body.client-shell #cloud-dashboard .cc-summary-label {grid-row:2}
    body.client-shell #cloud-dashboard .cc-summary-value {grid-row:3;font-size:25px}
    body.client-shell #cloud-dashboard .cc-summary-footer {grid-row:4;font-size:11px;min-height:48px}
    body.client-shell #cloud-dashboard .cc-pulse-grid {padding:14px;gap:14px}
    body.client-shell #cloud-dashboard .cc-fleet-chart {height:220px}
}
@container polish-order (max-width:700px) {
    body #order-catalog .oc-heading-image {display:none}
    body #order-plans .plan-region-filter {display:block}
    body #order-plans .plan-region-options {margin-top:10px}
    body #order-plans .plan-region-pill {font-size:12px;padding:9px 11px}
    #order-plans .offer-search {flex-basis:100%}
    #order-plans .offer-sort {flex:1;min-width:0}
    #order-plans .offer-sort>span {display:none}
    #order-plans .offer-sort select {max-width:100%;width:100%}
    #order-plans .offer-result-count {flex-basis:100%}
    body #order-plans .studio-heading-copy {max-width:100%}
    #order-plans .offer-compare-dock {align-items:stretch;flex-direction:column;padding:12px;top:68px}
    #order-plans .offer-compare-dock>div:last-child {justify-content:flex-end}
    #order-plans .offer-compare-dock small {white-space:normal;overflow-wrap:anywhere}
    #order-plans .offer-comparison>header {padding:16px}
    #order-plans .offer-comparison h2 {font-size:18px}
    #order-plans .offer-comparison-body {padding-inline:0}
}
@media(max-width:900px) {
    body.account-access .access-main,body.account-access[data-design] .access-main {grid-template-columns:minmax(0,1fr);max-width:640px;gap:0;padding:32px 24px}
    body.account-access .access-content {max-width:none}
    body.account-access .access-visual-panel {display:none}
}
@media(max-width:480px) {
    body.account-access .access-nav {padding:14px 20px;gap:12px}
    body.account-access .access-brand img {max-width:140px}
    body.account-access .access-nav-link {display:none}
    body.account-access .access-nav-actions>a {padding:8px 10px;font-size:12px}
    body.account-access .access-main,body.account-access[data-design] .access-main {padding:24px 20px}
    body.account-access .access-content h1 {font-size:27px}
    body.account-access .access-form-grid {grid-template-columns:minmax(0,1fr)}
    body.account-access .access-footer {gap:12px;flex-wrap:wrap;padding:16px 20px}
}
@media(prefers-reduced-motion:no-preference) {
    [data-motion=on] #cloud-dashboard :is(.cc-icon-tile,.cc-zone-icon,.cc-resource-icon,.cc-shortcut-icon) {transition:transform .2s ease,background-color .2s ease}
    [data-motion=on] #cloud-dashboard :is(.cc-summary-card,.cc-account-shortcuts>a):is(:hover,:focus-visible) :is(.cc-icon-tile,.cc-shortcut-icon) {transform:translateY(-2px)}
    [data-motion=on] #cloud-dashboard .cc-zone-icon {animation:workspace-icon-enter .4s ease both}
    [data-motion=on] #cloud-dashboard .cc-chart-legend button {transition:background-color .18s,border-color .18s}
    [data-motion=on] :is(.offer-card,.oc-card) {transition:box-shadow .18s,border-color .18s}
    [data-motion=on] :is(.offer-card,.oc-card):hover {box-shadow:0 4px 16px #23364b12}
}

/* Customer workspace: clear navigation, readable service rows and renewal context. */
body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav {display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;border-bottom:1px solid var(--cc-border);padding:0 0 10px;margin:0 0 18px}
body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav a {display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 0;color:var(--cc-muted);text-decoration:none;font-size:12px;line-height:1.4;border-bottom:2px solid transparent}
body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav a:is(:hover,:focus-visible) {color:var(--cc-text);border-bottom-color:var(--cc-primary)}
body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav .cc-icon {width:15px;height:15px;color:var(--cc-primary)}
body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav a>span {display:grid;place-items:center;min-width:20px;padding:2px 5px;border-radius:4px;font-size:10px;background:var(--cc-surface-alt);color:var(--cc-text);font-variant-numeric:tabular-nums}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-actions>a.cc-theme-button {display:inline-grid;place-items:center;text-decoration:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot {border-top:2px solid var(--spark-color,var(--cc-green));padding-top:14px}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-state {border-top-color:var(--cc-green)}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label>span>.cc-icon {color:var(--spark-color,var(--cc-green))}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-toolbar {display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:8px}
body.client-shell #cloud-dashboard.cc-command-center .cc-search {grid-column:1/-1;width:100%;border-radius:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-status-select {min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-status-select select {max-width:100%;width:100%;padding-right:28px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-sort {grid-column:2}
body.client-shell #cloud-dashboard.cc-command-center .cc-density-control {grid-column:3;grid-row:2}
body.client-shell #cloud-dashboard.cc-command-center .cc-filter-clear {grid-column:3;justify-self:end}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:first-child {width:33%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:nth-child(2) {width:24%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:nth-child(3) {width:17%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:nth-child(4) {width:20%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:last-child {width:6%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-host {font-size:13px;line-height:1.5}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal-cell {font-variant-numeric:tabular-nums;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal-cell time {display:block;color:var(--cc-text)}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal-cell small {display:block;color:var(--cc-muted);font-size:10px;margin-top:3px}
body.client-shell #cloud-dashboard.cc-command-center .cc-row-label {display:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-panel-heading {border-top:2px solid var(--cc-border)}
body.client-shell #cloud-dashboard.cc-command-center .cc-services-panel>.cc-panel-heading {border-top-color:var(--cc-primary)}
body.client-shell #cloud-dashboard.cc-command-center .cc-account-ledger>.cc-panel-heading {border-top-color:var(--cc-green)}
body.client-shell #cloud-dashboard.cc-command-center .cc-attention-panel>.cc-panel-heading {border-top-color:var(--cc-amber)}
body.client-shell #cloud-dashboard.cc-command-center .cc-support-desk>.cc-panel-heading {border-top-color:var(--cc-blue)}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table :is(a,button):focus-visible,body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav a:focus-visible {outline:2px solid var(--cc-primary);outline-offset:3px}
@container cc-workspace (max-width:600px) {
    body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav {gap:2px 14px;margin-bottom:14px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-workspace-nav a {font-size:11px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-service-toolbar {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    body.client-shell #cloud-dashboard.cc-command-center .cc-density-control {grid-column:1;grid-row:3;justify-self:start}
    body.client-shell #cloud-dashboard.cc-command-center .cc-filter-clear {grid-column:2;grid-row:3}
}
@container cc-workspace (max-width:540px) {
    body.client-shell #cloud-dashboard.cc-command-center .cc-service-table tbody tr {grid-template-columns:minmax(0,1fr) 96px;gap:12px 10px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-location-cell {margin-left:41px;grid-column:1/-1}
    body.client-shell #cloud-dashboard.cc-command-center .cc-renewal-cell {grid-column:1;grid-row:3;margin-left:41px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-manage-cell {grid-column:2;grid-row:3;align-self:end}
    body.client-shell #cloud-dashboard.cc-command-center .cc-row-label {display:block;color:var(--cc-muted);font-size:9px;margin-bottom:4px}
}
@keyframes workspace-icon-enter {from {transform:translateY(4px);opacity:.4} to {transform:translateY(0);opacity:1}}

/* Command center: compact operational layout, with deeper reports on demand. */
body.client-shell #cloud-dashboard.cc-command-center {padding-top:0;--cc-radius:8px}
body.client-shell #cloud-dashboard.cc-command-center :is(h1,h2,h3,strong,small,span,a) {letter-spacing:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0;border:0;background:none;min-height:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading>div:first-child {min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading h1 {font-size:25px!important;line-height:1.3;margin:8px 0 4px;color:var(--cc-text)!important;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading p {margin:0;font-size:13px;color:var(--cc-muted);overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-breadcrumb {display:flex;align-items:center;gap:8px;font-size:11px;color:var(--cc-muted);flex-wrap:wrap}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-breadcrumb .cc-icon {width:14px;height:14px}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-breadcrumb>span {opacity:.5}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-actions {display:flex;gap:8px;align-items:center;flex-shrink:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-button {min-height:38px;padding:9px 12px;font-size:12px;border-radius:6px;gap:7px}
body.client-shell #cloud-dashboard.cc-command-center .cc-theme-button {width:38px;height:38px;background:var(--cc-surface);color:var(--cc-muted);border:1px solid var(--cc-border);border-radius:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch {display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:18px;border-radius:8px;text-decoration:none;min-width:0;border:1px solid transparent}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-compute {background:var(--cc-primary);color:#fff}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-cloud {background:#26292e;color:#fff}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-billing {background:#e6f4f0;color:#125c4c;border-color:#c9e6dc}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-icon {display:grid;place-items:center;width:38px;height:38px;background:#ffffff1c;border:1px solid #ffffff20;border-radius:7px}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch-billing .cc-launch-icon {background:#fff;border-color:#c9e6dc}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch strong {display:block;color:inherit;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch small {display:block;color:inherit;opacity:.88;font-size:11px;line-height:1.6;margin-top:2px;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-launch>.cc-icon {width:16px;height:16px;align-self:start;opacity:.75}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,1.12fr);gap:0;border:1px solid var(--cc-border);background:var(--cc-surface);margin-bottom:16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot {min-width:0;padding:14px 16px;border-right:1px solid var(--cc-border);--spark-color:#2878d8}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-ram {--spark-color:#078d82}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-disk {--spark-color:#ca507e}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot:last-child {border-right:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label {display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--cc-muted)}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label>span {display:flex;align-items:center;gap:7px}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label .cc-icon {width:15px;height:15px}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label>a {color:var(--cc-muted);display:inline-flex;align-items:center;min-height:24px;min-width:24px;justify-content:center;font-size:11px}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot>strong {display:block;color:var(--cc-text);font-size:23px;line-height:1.4;margin:4px 0;font-variant-numeric:tabular-nums}
body.client-shell #cloud-dashboard.cc-command-center .cc-sparkline {height:44px;width:100%;color:var(--spark-color);display:flex;align-items:center;font-size:11px}
body.client-shell #cloud-dashboard.cc-command-center .cc-sparkline>span {color:var(--cc-muted)}
body.client-shell #cloud-dashboard.cc-command-center .cc-sparkline svg {display:block;width:100%;height:44px;overflow:visible}
body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot footer {display:flex;justify-content:space-between;gap:6px;font-size:10px;line-height:1.5;color:var(--cc-muted);margin-top:8px;flex-wrap:wrap}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-headline {display:flex;align-items:baseline;gap:8px;margin:5px 0 13px;color:var(--cc-muted);font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-headline strong {font-size:26px;color:var(--cc-green)}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-totals {display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--cc-muted);min-height:30px}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-totals>span {display:flex;gap:5px;align-items:center;white-space:nowrap}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-totals strong {font-size:14px;color:var(--cc-text)}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-dot {width:6px;height:6px;border-radius:50%;background:var(--cc-amber)}
body.client-shell #cloud-dashboard.cc-command-center .cc-state-suspended {background:var(--cc-red)}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-panel {border:0;border-bottom:1px solid var(--cc-border);padding:0 0 14px;margin-bottom:20px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-heading {padding:0 0 8px;border:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-heading h2 {font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-heading .cc-caption {font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resource-grid {padding:0;gap:8px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resource {gap:10px;padding:0 12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resource:first-child {padding-left:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-resource strong {font-size:18px}
body.client-shell #cloud-dashboard.cc-command-center .cc-resource-icon {width:30px;height:30px}
body.client-shell #cloud-dashboard.cc-command-center .cc-command-grid {display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:20px;align-items:start}
body.client-shell #cloud-dashboard.cc-command-center :is(.cc-command-main,.cc-account-column) {display:flex;flex-direction:column;gap:20px;min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-panel {border:0;border-radius:0;background:var(--cc-surface);box-shadow:none;min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-panel-heading {padding:13px 16px;border:0;border-bottom:1px solid var(--cc-border);gap:8px}
body.client-shell #cloud-dashboard.cc-command-center .cc-panel-heading h2 {font-size:14px;line-height:1.4;font-weight:650}
body.client-shell #cloud-dashboard.cc-command-center .cc-panel-heading p {font-size:11px;margin-top:3px}
body.client-shell #cloud-dashboard.cc-command-center .cc-title-with-icon>.cc-icon {width:16px;height:16px;color:var(--cc-muted)}
body.client-shell #cloud-dashboard.cc-command-center .cc-count {font-size:10px;padding:2px 6px;min-width:22px;min-height:20px}
body.client-shell #cloud-dashboard.cc-command-center .cc-text-link {font-size:11px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-toolbar {padding:10px 16px;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--cc-border)}
body.client-shell #cloud-dashboard.cc-command-center .cc-search {flex:1 1 170px;min-width:0;max-width:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-search input {height:34px;min-height:34px;font-size:12px;padding-block:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-status-select select {height:34px;min-height:34px;font-size:11px;padding-block:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th {font-size:10px;padding:9px 10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table td {padding:12px 10px;font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table td:first-child {padding-left:16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:first-child {width:43%;padding-left:16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:nth-child(2) {width:28%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-table th:nth-child(3) {width:21%}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-host {font-size:12px;font-weight:600;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-meta {font-size:10px;line-height:1.5;overflow-wrap:anywhere}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-icon {width:32px;height:32px;flex-basis:32px}
body.client-shell #cloud-dashboard.cc-command-center .cc-service-identity {gap:9px}
body.client-shell #cloud-dashboard.cc-command-center .cc-location {font-size:11px;gap:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-ip code {font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-status {font-size:10px;padding:4px 7px;gap:5px;max-width:100%;white-space:normal}
body.client-shell #cloud-dashboard.cc-command-center .cc-table-footer {padding:10px 16px;font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-activity-list {padding:0 16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-activity-row {grid-template-columns:24px minmax(0,1fr) auto;padding:11px 0;gap:9px;align-items:center}
body.client-shell #cloud-dashboard.cc-command-center .cc-event-icon {width:24px;height:24px;border-radius:5px;background:var(--cc-tone-soft)}
body.client-shell #cloud-dashboard.cc-command-center .cc-event-icon .cc-icon {width:13px;height:13px}
body.client-shell #cloud-dashboard.cc-command-center .cc-event-content strong {font-size:12px;font-weight:500}
body.client-shell #cloud-dashboard.cc-command-center .cc-event-content small {font-size:10px;line-height:1.4}
body.client-shell #cloud-dashboard.cc-command-center .cc-activity-row time {max-width:110px;font-size:10px;text-align:right}
body.client-shell #cloud-dashboard.cc-command-center .cc-wallet-value {display:grid;grid-template-columns:minmax(0,1fr);padding:16px;font-size:28px;color:var(--cc-text)}
body.client-shell #cloud-dashboard.cc-command-center .cc-wallet-value>small {font-size:11px;color:var(--cc-muted)}
body.client-shell #cloud-dashboard.cc-command-center .cc-wallet-value>strong {display:block;max-width:100%;font-size:28px;line-height:1.35;font-variant-numeric:tabular-nums}
body.client-shell #cloud-dashboard.cc-command-center .cc-wallet-value>span {font-size:10px;color:var(--cc-muted);margin-top:3px}
body.client-shell #cloud-dashboard.cc-command-center .cc-ledger-row {display:flex;justify-content:space-between;gap:10px;margin:0 16px;padding:9px 0;border-top:1px solid var(--cc-border);font-size:11px;color:var(--cc-muted)}
body.client-shell #cloud-dashboard.cc-command-center .cc-ledger-row strong {font-size:11px;color:var(--cc-text);text-align:right;overflow-wrap:anywhere;min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-ledger-actions {display:flex;gap:8px;padding:12px 16px 16px;flex-wrap:wrap}
body.client-shell #cloud-dashboard.cc-command-center .cc-ledger-actions .cc-button {flex:1;font-size:11px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-list {padding:0 16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-item {padding:12px 0;gap:9px;grid-template-columns:26px minmax(0,1fr) 14px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-icon {width:26px;height:26px;border-radius:5px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-icon .cc-icon {width:14px;height:14px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-item strong {font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-action-item small {font-size:10px;line-height:1.5}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal-list {padding:0 16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal {padding:12px 0;gap:10px;grid-template-columns:35px minmax(0,1fr) 14px}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal time {width:35px;height:40px;border-radius:5px}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal time strong {font-size:16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal>span>strong {font-size:11px}
body.client-shell #cloud-dashboard.cc-command-center .cc-renewal small {font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-desk-link {display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:10px;color:var(--cc-text);text-decoration:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-desk-link strong {display:block;font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-desk-link small {display:block;color:var(--cc-muted);font-size:10px;margin-top:4px}
body.client-shell #cloud-dashboard.cc-command-center .cc-assistant-strip {margin:0;padding:14px 16px;display:grid;grid-template-columns:28px minmax(0,1fr);border:0;border-top:1px solid var(--cc-border);border-radius:0;background:var(--cc-surface-alt);gap:8px}
body.client-shell #cloud-dashboard.cc-command-center .cc-assistant-strip-icon {width:28px;height:28px;border-radius:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-assistant-strip strong {font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-assistant-strip div>span {font-size:10px;line-height:1.6}
body.client-shell #cloud-dashboard.cc-command-center .cc-assistant-strip>a {grid-column:2;font-size:11px;padding:0;background:none;border:0;color:var(--cc-primary);justify-content:start}
body.client-shell #cloud-dashboard.cc-command-center .cc-referral-panel {border:0;border-radius:0;background:var(--cc-surface)}
body.client-shell #cloud-dashboard.cc-command-center .cc-referral-link {padding:14px 16px}
body.client-shell #cloud-dashboard.cc-command-center .cc-referral-link strong {font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-referral-link small {font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center .cc-reports {display:grid;gap:0;margin-top:24px;border-top:1px solid var(--cc-border)}
body.client-shell #cloud-dashboard.cc-command-center .cc-report {min-width:0;border:0;border-bottom:1px solid var(--cc-border);border-radius:0;margin:0;background:transparent;box-shadow:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-report>summary {display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;padding:16px 0;gap:12px;cursor:pointer;list-style:none;color:var(--cc-text)}
body.client-shell #cloud-dashboard.cc-command-center .cc-report>summary::-webkit-details-marker {display:none}
body.client-shell #cloud-dashboard.cc-command-center .cc-report>summary strong {display:block;font-size:13px}
body.client-shell #cloud-dashboard.cc-command-center .cc-report>summary small {display:block;color:var(--cc-muted);font-size:11px;margin-top:4px}
body.client-shell #cloud-dashboard.cc-command-center .cc-report-icon {display:grid;place-items:center;width:34px;height:34px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-primary)}
body.client-shell #cloud-dashboard.cc-command-center .cc-report[open]>summary>.cc-icon {transform:rotate(180deg)}
body.client-shell #cloud-dashboard.cc-command-center .cc-report-body {display:grid;gap:16px;padding:0 0 20px;min-width:0}
body.client-shell #cloud-dashboard.cc-command-center .cc-account-shortcuts {margin-top:18px;gap:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-account-shortcuts>a {padding:12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px}
body.client-shell #cloud-dashboard.cc-command-center .cc-account-shortcuts strong {font-size:12px}
body.client-shell #cloud-dashboard.cc-command-center .cc-account-shortcuts small {font-size:10px}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-launch-billing {background:#143c35;color:#a2e9d2;border-color:#28574c}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-launch-compute {color:#142b30}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-panel {background:transparent;border-top:0!important}
body.client-shell #cloud-dashboard.cc-command-center .cc-resources-panel .cc-panel-heading {border:0;padding:0 0 8px}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-launch-billing .cc-launch-icon {background:#1b4a40;border-color:#28574c}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-snapshot-cpu {--spark-color:#73acff}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-snapshot-ram {--spark-color:#4fd1bc}
body.client-shell #cloud-dashboard.cc-command-center[data-cc-color-scheme=dark] .cc-snapshot-disk {--spark-color:#f394b9}
@container cc-workspace (max-width:1050px) {
    body.client-shell #cloud-dashboard.cc-command-center .cc-command-grid {grid-template-columns:minmax(0,1fr) 250px;gap:16px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch {padding:14px;gap:9px;grid-template-columns:30px minmax(0,1fr) 14px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch-icon {width:30px;height:34px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch strong {font-size:12px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container cc-workspace (max-width:850px) {
    body.client-shell #cloud-dashboard.cc-command-center .cc-command-grid {grid-template-columns:minmax(0,1fr)}
    body.client-shell #cloud-dashboard.cc-command-center .cc-account-column {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot:nth-child(2) {border-right:0}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot:nth-child(n+3) {border-top:1px solid var(--cc-border)}
}
@container cc-workspace (max-width:600px) {
    body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading {align-items:flex-start;flex-wrap:wrap;gap:12px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-command-heading h1 {font-size:23px!important}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch-grid {grid-template-columns:minmax(0,1fr);gap:8px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch {padding:12px 14px;grid-template-columns:32px minmax(0,1fr) 16px;gap:12px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch strong {font-size:13px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-launch small {font-size:11px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot {padding:12px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label {font-size:11px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot-label>span {gap:4px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-snapshot footer {font-size:9px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-account-column {display:flex}
    body.client-shell #cloud-dashboard.cc-command-center .cc-resource {padding:0}
    body.client-shell #cloud-dashboard.cc-command-center .cc-resource strong {font-size:17px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-resources-heading {gap:6px}
    body.client-shell #cloud-dashboard.cc-command-center .cc-activity-row {grid-template-columns:24px minmax(0,1fr)}
    body.client-shell #cloud-dashboard.cc-command-center .cc-activity-row time {grid-column:2;text-align:left;max-width:none}
    body.client-shell #cloud-dashboard.cc-command-center .cc-account-shortcuts {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:no-preference) {
    body.client-shell[data-motion=on] #cloud-dashboard.cc-command-center .cc-launch {transition:filter .18s ease,box-shadow .18s ease}
    body.client-shell[data-motion=on] #cloud-dashboard.cc-command-center .cc-launch:hover {filter:brightness(1.07);box-shadow:0 3px 10px #00000014}
    body.client-shell[data-motion=on] #cloud-dashboard.cc-command-center .cc-report>summary>.cc-icon {transition:transform .18s ease}
}