/* Customer workspace refinements shared by account, service, and order flows. */
.client-shell .client-content.content {max-width:none!important;min-width:0;padding-inline:clamp(16px,2.3vw,30px)!important}
.client-shell .client-content :is(.cc-dashboard,.cloud-workbench,.customer-studio) {min-width:0;max-width:none}
.client-shell .client-content :is(.cc-dashboard,.cloud-workbench,.customer-studio) :is(section,article,aside,div) {min-width:0}
.client-shell .client-content :is(.cc-dashboard,.cloud-workbench,.customer-studio) :is(h1,h2,h3,p,strong,small,dd) {overflow-wrap:anywhere}

/* Dashboard: an information-dense first viewport with useful service status. */
.client-shell .cc-dashboard.cloud-workbench .cc-hero {grid-template-columns:minmax(0,1fr) 116px minmax(220px,auto);min-height:132px;gap:20px;padding:14px 0 20px}
.client-shell .cc-dashboard.cloud-workbench .workbench-art {width:116px;height:90px}
.client-shell .cc-dashboard.cloud-workbench .workbench-art .cw-cloud-art {width:116px!important;max-width:116px!important;height:90px!important;object-fit:contain!important}
.client-shell .cc-dashboard.cloud-workbench .cc-hero h1 {font-size:clamp(24px,2.2vw,30px);letter-spacing:0;line-height:1.2}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-grid {gap:12px;margin-bottom:18px}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card {min-height:150px;border:1px solid var(--wb-line);border-top:3px solid var(--cc-tone);background:var(--wb-surface);padding:17px;transition:border-color .18s,box-shadow .18s,transform .18s}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card:hover {transform:translateY(-2px);border-color:var(--cc-tone);box-shadow:0 9px 24px #12334b12}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-balance {background:#087566;border-color:#087566}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-balance:hover {border-color:#065f54}
.client-shell .cc-dashboard.cloud-workbench .cc-section-nav {gap:4px 8px;margin-bottom:17px}
.client-shell .cc-dashboard.cloud-workbench .cc-section-nav a {font-size:12px;font-weight:650}
.client-shell .cc-dashboard.cloud-workbench .cc-main-grid {grid-template-columns:minmax(0,1fr) minmax(270px,300px);gap:24px}
.client-shell .cc-dashboard.cloud-workbench .cc-service-table {table-layout:fixed;width:100%}
.client-shell .cc-dashboard.cloud-workbench .cc-service-table th:nth-child(1) {width:42%}
.client-shell .cc-dashboard.cloud-workbench .cc-service-table th:nth-child(2) {width:30%}
.client-shell .cc-dashboard.cloud-workbench .cc-service-table th:nth-child(3) {width:20%}
.client-shell .cc-dashboard.cloud-workbench .cc-service-table th:nth-child(4) {width:8%}
.client-shell .cc-dashboard.cloud-workbench .cc-service-host {font-weight:700}
.client-shell .cc-dashboard.cloud-workbench :is(.cc-action-item,.cc-renewal,.cc-activity-row):hover {background:var(--wb-soft);border-radius:6px}
.client-shell .cc-dashboard.cloud-workbench .cc-resource-grid {padding:10px 0}

/* Scoped current-VM monitor; the fleet trend below remains historical. */
.client-shell .cc-dashboard .cc-live-panel {margin-bottom:20px;overflow:hidden}
.client-shell .cc-dashboard .cc-live-heading {display:flex;align-items:center;justify-content:space-between;gap:14px}
.client-shell .cc-dashboard .cc-live-heading h2 {margin:3px 0 2px;font-size:19px;line-height:1.3}
.client-shell .cc-dashboard .cc-live-heading p {color:var(--cc-muted);font-size:12px}
.client-shell .cc-dashboard .cc-live-eyebrow {display:inline-flex;align-items:center;gap:6px;color:var(--cc-green);font-size:10px;font-weight:800}
.client-shell .cc-dashboard .cc-live-eyebrow .cc-icon {width:14px;height:14px;min-width:14px}
.client-shell .cc-dashboard .cc-live-interval {display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--cc-muted);font-size:11px;font-weight:700}
.client-shell .cc-dashboard .cc-live-interval i,.client-shell .cc-dashboard .cc-live-vm-state::before {display:block;width:7px;height:7px;border-radius:50%;background:var(--cc-green)}
.client-shell .cc-dashboard .cc-live-interval i {box-shadow:0 0 0 4px var(--cc-green-soft);animation:cc-monitor-pulse 2.8s ease-in-out infinite}
@keyframes cc-monitor-pulse {50%{box-shadow:0 0 0 8px transparent}}
.client-shell .cc-dashboard .cc-live-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 16px}
.client-shell .cc-dashboard .cc-live-panel[data-count="1"] .cc-live-grid {grid-template-columns:minmax(0,1fr)}
.client-shell .cc-dashboard .cc-live-panel[data-count="2"] .cc-live-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.client-shell .cc-dashboard .cc-live-panel[data-count="1"] .cc-live-readings {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.client-shell .cc-dashboard .cc-live-vm {min-width:0;padding:14px;border:1px solid var(--cc-border);border-top:3px solid var(--cc-green);border-radius:6px;background:var(--cc-surface-alt)}
.client-shell .cc-dashboard .cc-live-vm:nth-child(3n+2) {border-top-color:var(--cc-blue)}
.client-shell .cc-dashboard .cc-live-vm:nth-child(3n+3) {border-top-color:var(--cc-primary)}
.client-shell .cc-dashboard .cc-live-vm-head {display:flex;align-items:center;gap:9px;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--cc-border)}
.client-shell .cc-dashboard .cc-live-vm-icon {display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:var(--cc-green-soft);color:var(--cc-green)}
.client-shell .cc-dashboard .cc-live-vm-head>div {flex:1;min-width:0}
.client-shell .cc-dashboard .cc-live-vm-head a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750;color:var(--cc-text)}
.client-shell .cc-dashboard .cc-live-vm-head a:hover {color:var(--cc-blue)}
.client-shell .cc-dashboard .cc-live-vm-head small {display:block;color:var(--cc-muted);font-size:10px}
.client-shell .cc-dashboard .cc-live-vm-state {display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--cc-amber);font-size:10px;font-weight:750}
.client-shell .cc-dashboard .cc-live-vm-state::before {content:"";background:var(--cc-amber)}
.client-shell .cc-dashboard .cc-live-vm-state[data-live-state=fresh] {color:var(--cc-green)}
.client-shell .cc-dashboard .cc-live-vm-state[data-live-state=fresh]::before {background:var(--cc-green)}
.client-shell .cc-dashboard .cc-live-vm-state[data-live-state=stale] {color:var(--cc-red)}
.client-shell .cc-dashboard .cc-live-vm-state[data-live-state=stale]::before {background:var(--cc-red)}
.client-shell .cc-dashboard .cc-live-readings {display:grid;gap:11px;padding:12px 0}
.client-shell .cc-dashboard .cc-live-reading>div:first-child {display:flex;align-items:center;justify-content:space-between;gap:8px}
.client-shell .cc-dashboard .cc-live-reading span {display:inline-flex;align-items:center;gap:5px;color:var(--cc-muted);font-size:11px}
.client-shell .cc-dashboard .cc-live-reading .cc-icon {width:13px;height:13px;min-width:13px;color:var(--cc-blue)}
.client-shell .cc-dashboard .cc-live-reading strong {font-variant-numeric:tabular-nums;font-size:12px}
.client-shell .cc-dashboard .cc-live-track {height:5px;margin-top:5px;border-radius:3px;background:var(--cc-track);overflow:hidden}
.client-shell .cc-dashboard .cc-live-track span {display:block;height:100%;width:0;border-radius:3px;background:var(--cc-blue);transition:width .4s ease}
.client-shell .cc-dashboard .cc-live-reading[data-level=high] .cc-live-track span {background:var(--cc-amber)}
.client-shell .cc-dashboard .cc-live-vm-foot {display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px;padding-top:10px;border-top:1px solid var(--cc-border);color:var(--cc-muted);font-size:10px}
.client-shell .cc-dashboard .cc-live-foot {display:flex;justify-content:space-between;gap:12px;padding:9px 18px 13px;border-top:1px solid var(--cc-border);color:var(--cc-muted);font-size:11px}
.client-shell .cc-dashboard .cc-live-foot>span,.client-shell .cc-dashboard .cc-live-foot a {display:inline-flex;align-items:center;gap:5px}
.client-shell .cc-dashboard .cc-live-foot .cc-icon {width:13px;height:13px;min-width:13px}
.client-shell .cc-dashboard .cc-live-foot a {flex:none;color:var(--cc-blue);font-weight:750}

/* Instance: readable identity, controls, sampled telemetry, and navigation. */
.client-shell .cloud-instance.cloud-workbench .console-service-heading {min-height:116px;padding-top:12px;padding-bottom:14px}
.client-shell .cloud-instance.cloud-workbench .console-service-heading>.cw-cloud-art {width:132px!important;max-width:132px!important;height:86px!important;object-fit:contain!important}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip {margin:14px 0 16px}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article {min-height:82px}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs {gap:4px 8px;padding-bottom:10px}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs a {display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid transparent;color:var(--wb-muted)}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs a:hover,.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs a:focus-visible {border-color:var(--wb-line);background:var(--wb-soft);color:var(--wb-blue)}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs a[aria-current=page] {border-color:var(--wb-blue);background:var(--wb-soft);color:var(--wb-blue)}
.client-shell .cloud-instance.cloud-workbench .ci-guide {margin-top:15px}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action {border-left:3px solid var(--wb-blue);transition:border-color .18s,background-color .18s,transform .18s}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action[data-tone=green] {border-left-color:var(--wb-green)}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action[data-tone=rose] {border-left-color:var(--wb-rose)}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action[data-tone=amber] {border-left-color:var(--wb-amber)}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action:hover {transform:translateY(-2px)}
.client-shell .cloud-instance.cloud-workbench .ci-controls {display:flex;align-items:center;justify-content:space-between;gap:15px}
.client-shell .cloud-instance.cloud-workbench .ci-actions {align-items:center;gap:8px}
.client-shell .cloud-instance.cloud-workbench .ci-power-button {width:48px;height:48px;min-width:48px}
.client-shell .cloud-instance.cloud-workbench .ci-usage-heading {padding-top:18px}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory {display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 15px;border:1px solid var(--wb-line);border-left:4px solid var(--wb-green);border-radius:6px;background:var(--wb-soft);color:var(--wb-ink)}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory[data-state=attention] {border-left-color:var(--wb-amber)}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory[data-state=stale] {border-left-color:var(--wb-muted)}
.client-shell .cloud-instance.cloud-workbench .ci-advisory-icon {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:6px;background:color-mix(in srgb,var(--wb-green) 12%,var(--wb-surface));color:var(--wb-green)}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory[data-state=attention] .ci-advisory-icon {background:color-mix(in srgb,var(--wb-amber) 14%,var(--wb-surface));color:var(--wb-amber)}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory[data-state=stale] .ci-advisory-icon {background:var(--wb-surface);color:var(--wb-muted)}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory>div {flex:1}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory strong {display:block;font-size:13px;line-height:1.4}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory p {margin:2px 0 0;color:var(--wb-muted);font-size:12px;line-height:1.5}
.client-shell .cloud-instance.cloud-workbench .ci-resource-advisory>a {display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--wb-blue);font-size:12px;font-weight:700;text-decoration:none}
.client-shell .cloud-instance.cloud-workbench .ci-performance {margin-top:17px;padding-top:21px}

/* Service and order pages: compact headings, no narrow facts or clipped timelines. */
.client-shell .customer-service-detail.cloud-workbench .console-service-heading {min-height:115px}
.client-shell .customer-service-detail.cloud-workbench .console-service-heading>.cw-cloud-art {object-fit:contain!important}
.client-shell .customer-service-detail.cloud-workbench .service-facts {gap:12px;margin-block:14px 19px}
.client-shell .customer-service-detail.cloud-workbench .service-facts .cp-stat {min-height:112px!important}
.client-shell .customer-service-detail.cloud-workbench .service-facts .cp-stat-value {line-height:1.3}
.client-shell .customer-service-detail.cloud-workbench .service-deploy-track {gap:0;overflow:visible}
.client-shell .customer-service-detail.cloud-workbench .service-deploy-step {min-width:0;overflow-wrap:anywhere}
.client-shell .customer-service-detail.cloud-workbench>.cp-grid {grid-template-columns:minmax(0,1fr) minmax(265px,340px);gap:24px}

/* Checkout: selected choices remain obvious and the summary never steals the page. */
.customer-studio.studio-config .studio-heading,.customer-studio.studio-plans .studio-heading {min-height:0;overflow:hidden}
.customer-studio.studio-config .studio-art,.customer-studio.studio-plans .studio-art {object-fit:contain;object-position:right center}
.customer-studio.studio-config #catalogOrderForm>.cp-grid {grid-template-columns:minmax(0,1fr) minmax(290px,350px)!important;gap:clamp(16px,2.5vw,30px)!important}
.customer-studio.studio-config :is(.order-config-column,.order-summary-column,.cp-card) {min-width:0}
.customer-studio.studio-config .cp-choice-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:10px}
.customer-studio.studio-config .cp-choice {min-width:0;min-height:92px;transition:border-color .18s,background-color .18s,box-shadow .18s}
.customer-studio.studio-config .btn-check:focus-visible+.cp-choice {outline:3px solid #2463d4;outline-offset:2px}
.customer-studio.studio-config .cp-choice-title {font-weight:700;overflow-wrap:anywhere}
.customer-studio.studio-config .order-summary-card {overflow:visible}
.customer-studio.studio-config .order-summary-card .cp-kv-row {display:grid;grid-template-columns:minmax(70px,35%) minmax(0,1fr);gap:10px}
.customer-studio.studio-config .order-summary-card .cp-kv-value {text-align:right;overflow-wrap:anywhere}
.customer-studio.studio-config .config-section-nav,.customer-studio.studio-plans .plan-region-options {display:flex;flex-wrap:wrap;overflow:visible;gap:7px}
.customer-studio.studio-config .config-section-nav a {white-space:normal}
.customer-studio.studio-plans .plan-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.customer-studio.studio-plans .plan-region-pill {min-height:42px}
.order-catalog .oc-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.order-catalog .oc-filters {flex-wrap:wrap}

/* Account lists use the same restrained hierarchy without changing forms or payments. */
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero {min-height:0;padding:20px 24px!important;border:1px solid #d9e5eb!important;border-left:4px solid #2463d4!important;border-radius:8px!important;background:#f4f9fc!important;box-shadow:none!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero::before,.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero::after {display:none!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero :is(.cp-title,h1) {font-size:clamp(23px,2vw,29px)!important;line-height:1.24!important;color:#1b3345!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero .cp-subtitle {max-width:70ch;color:#506879!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid {margin-block:16px 22px;gap:12px}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid .cp-stat {height:100%;min-height:115px!important;border:1px solid #dce6eb!important;border-top:3px solid #2463d4!important;background:#fff!important;box-shadow:none!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>*:nth-child(4n+2) .cp-stat,.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>.cp-stat:nth-child(4n+2) {border-top-color:#087f70!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>*:nth-child(4n+3) .cp-stat,.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>.cp-stat:nth-child(4n+3) {border-top-color:#aa6a0a!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>*:nth-child(4n+4) .cp-stat,.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid>.cp-stat:nth-child(4n+4) {border-top-color:#be3f69!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace) .cp-card {min-width:0;border-radius:8px!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace) .cp-filterbar {display:flex;flex-wrap:wrap;gap:7px}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace) .cp-filter.active {background:#e8f7f2!important;border-color:#087f70!important;color:#086d60!important}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace) .cp-table-wrap {max-width:100%;overflow-x:auto}
.client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace) .cp-table {min-width:650px}
[data-theme=dark] .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero {background:#202f39!important;border-color:#3d5360!important}
[data-theme=dark] .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero :is(.cp-title,h1) {color:#edf5f9!important}
[data-theme=dark] .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero .cp-subtitle {color:#b4c9d4!important}
[data-theme=dark] .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid .cp-stat {background:#222e36!important;border-color:#40505a!important}

@container (max-width:1100px) {
    .client-shell .cc-dashboard.cloud-workbench .cc-main-grid {grid-template-columns:minmax(0,1fr)}
    .client-shell .customer-service-detail.cloud-workbench>.cp-grid {grid-template-columns:minmax(0,1fr)}
}
@container (max-width:920px) {
    .customer-studio.studio-config #catalogOrderForm>.cp-grid {grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:950px) {
    .client-shell .cc-dashboard .cc-live-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .cc-dashboard .cc-live-panel[data-count="1"] .cc-live-readings {gap:10px}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero {grid-template-columns:minmax(0,1fr) auto}
    .client-shell .cc-dashboard.cloud-workbench .workbench-art {display:none}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-right {grid-column:2}
}
@media(max-width:760px) {
    .client-shell .cc-dashboard .cc-live-heading {align-items:flex-start;flex-direction:column}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero {grid-template-columns:minmax(0,1fr)}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-right {grid-column:1;grid-row:2;align-items:stretch}
    .client-shell .cc-dashboard.cloud-workbench .cc-service-table {table-layout:auto}
    .client-shell .cloud-instance.cloud-workbench .ci-resource-advisory {align-items:flex-start;flex-wrap:wrap}
    .client-shell .cloud-instance.cloud-workbench .ci-resource-advisory>a {margin-left:46px}
    .client-shell .cloud-instance.cloud-workbench .ci-controls {align-items:flex-start;flex-direction:column}
    .client-shell .customer-service-detail.cloud-workbench .service-facts {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace,.support-create,.support-thread)>.cp-hero {padding:16px!important}
    .client-shell .client-content :is(.customer-services,.customer-invoices,.support-workspace)>.cp-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px) {
    .client-shell .cc-dashboard .cc-live-grid {grid-template-columns:minmax(0,1fr);padding-inline:12px}
    .client-shell .cc-dashboard .cc-live-panel[data-count="1"] .cc-live-readings {grid-template-columns:minmax(0,1fr)}
    .client-shell .cc-dashboard .cc-live-panel[data-count="2"] .cc-live-grid {grid-template-columns:minmax(0,1fr)}
    .client-shell .cc-dashboard .cc-live-foot {flex-wrap:wrap;padding-inline:12px}
    .client-shell .cc-dashboard.cloud-workbench .cc-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .cc-dashboard.cloud-workbench .cc-summary-card {min-height:138px;padding:13px}
    .client-shell .cc-dashboard.cloud-workbench .cc-summary-value {font-size:23px}
    .client-shell .cloud-instance.cloud-workbench .ci-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip {grid-template-columns:minmax(0,1fr)}
    .client-shell .customer-service-detail.cloud-workbench .service-facts {grid-template-columns:minmax(0,1fr)}
    .customer-studio.studio-config .order-summary-card .cp-kv-row {grid-template-columns:minmax(0,1fr)}
    .customer-studio.studio-config .order-summary-card .cp-kv-value {text-align:left}
}
@media(prefers-reduced-motion:reduce) {
    .client-shell .cc-dashboard .cc-live-interval i {animation:none}
    .client-shell .cc-dashboard .cc-live-track span {transition:none}
    .client-shell .cc-dashboard.cloud-workbench .cc-summary-card,.client-shell .cloud-instance.cloud-workbench .ci-guide-action,.customer-studio.studio-config .cp-choice {transition:none}
}
[data-motion=off] .client-shell .cc-dashboard.cloud-workbench .cc-summary-card,[data-motion=off] .client-shell .cloud-instance.cloud-workbench .ci-guide-action,[data-motion=off] .customer-studio.studio-config .cp-choice {transition:none}

/* A clearer console entry point, with the existing infrastructure artwork kept secondary. */
.client-shell .cc-dashboard.cloud-workbench .cc-hero {
    position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,310px);
    align-items:stretch;min-height:214px;margin-bottom:4px;padding:25px 28px;
    border:1px solid #cfe1ed;border-left:5px solid #2463d4;border-radius:8px;
    background:#edf7fb;overflow:hidden;
}
.client-shell .cc-dashboard.cloud-workbench .cc-hero-main {grid-column:1;grid-row:1;z-index:2;align-self:center}
.client-shell .cc-dashboard.cloud-workbench .cc-hero h1 {margin:8px 0 6px;font-size:30px;line-height:1.16;color:#172f43;max-width:22ch}
.client-shell .cc-dashboard.cloud-workbench .cc-hero p {max-width:52ch;color:#486273}
.client-shell .cc-dashboard.cloud-workbench .cc-hero-actions {display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:20px;width:auto}
.client-shell .cc-dashboard.cloud-workbench .cc-hero-actions .cc-button {flex:none;min-height:42px;padding:10px 15px}
.client-shell .cc-dashboard.cloud-workbench .workbench-art {position:absolute;right:0;bottom:0;grid-column:auto;grid-row:auto;width:350px;height:178px;border-radius:0;opacity:.84;pointer-events:none}
.client-shell .cc-dashboard.cloud-workbench .workbench-art .cw-cloud-art {width:350px!important;max-width:350px!important;height:178px!important;object-fit:cover!important;object-position:right center!important}
.client-shell .cc-dashboard.cloud-workbench .cc-hero-right {position:relative;z-index:2;grid-column:2;grid-row:1;align-items:flex-end;justify-content:space-between;gap:8px}
.client-shell .cc-dashboard.cloud-workbench .cc-meta-bar {padding:5px 7px;border-radius:6px;background:#ffffffdc}
.client-shell .cc-dashboard.cloud-workbench .cc-support-link {padding:7px 9px;border-radius:6px;background:#ffffffed;color:#27506a}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(1) {background:#f1f3ff}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(3) {background:#fff8eb}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(4) {background:#eef7ff}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-balance {background:#087566}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card {min-height:145px}
.client-shell .cc-dashboard.cloud-workbench .cc-summary-card:hover {transform:translateY(-3px);box-shadow:0 10px 22px #183c5919}
.client-shell .cc-dashboard.cloud-workbench .cc-workspace-strip {border-color:#b6d2e9;background:#e9f5fc}
.client-shell .cc-dashboard.cloud-workbench .cc-workspace-strip .cc-assistant-strip-icon {background:#2363d6}
.client-shell .cc-dashboard.cloud-workbench .cc-workspace-strip a {min-height:36px;padding:7px 10px;border-radius:6px;background:#fff}
.client-shell .cc-dashboard.cloud-workbench .cc-resource-grid {border-color:#d5e2e8}
.client-shell .cc-dashboard.cloud-workbench .cc-live-panel .cc-live-vm {border-top-width:4px}
.client-shell .cc-dashboard.cloud-workbench .cc-live-panel .cc-live-vm:hover {border-color:var(--cc-blue);background:#f7fbff}

/* Instance overview: readable identity, labeled power tools, and distinct live metrics. */
.client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading {
    min-height:150px;padding:22px 240px 22px 24px;border:1px solid #cfe1ed;
    border-left:5px solid #087f70;border-radius:8px;background:#edf7fb;overflow:hidden;
}
.client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading>.cw-cloud-art {
    top:9px!important;right:12px!important;width:218px!important;max-width:218px!important;
    height:127px!important;object-fit:cover!important;object-position:right center!important;border-radius:0;
}
.client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading h1 {font-size:25px!important;line-height:1.2!important}
.client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading .ci-meta {margin-top:11px;gap:8px 13px}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip {margin:14px 0 16px;border-color:#d6e2e8}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article {min-height:91px!important}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(1) {border-top:3px solid #2463d4!important}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(2) {border-top:3px solid #087f70!important}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(3) {border-top:3px solid #aa6a0a!important}
.client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(4) {border-top:3px solid #c53963!important}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs {gap:5px 7px;margin-bottom:7px}
.client-shell .cloud-instance.cloud-workbench .cw-instance-tabs a {border-radius:6px;font-weight:650}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action {min-height:78px}
.client-shell .cloud-instance.cloud-workbench .ci-guide-action:hover {box-shadow:0 7px 17px #163d5814}
.client-shell.cloud-console .instance-observatory .ci-controls {
    padding:17px 18px;margin:16px 0 5px;border:1px solid #d5e2e8!important;
    border-left:4px solid #2463d4!important;border-radius:8px!important;background:#f3f8fc!important;
}
.client-shell .cloud-instance.cloud-workbench .ci-actions {gap:9px}
.client-shell .cloud-instance.cloud-workbench .ci-power-button {
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    width:84px;height:67px;min-width:84px;border-radius:7px;font-size:17px;
}
.client-shell .cloud-instance.cloud-workbench .ci-power-label {display:block;font-size:10px;line-height:1.15;font-weight:750;white-space:nowrap;letter-spacing:0}
.client-shell .cloud-instance.cloud-workbench .ci-power-button:not(:disabled):hover {transform:translateY(-2px);box-shadow:0 6px 14px #1537501a}
.client-shell .cloud-instance.cloud-workbench .ci-metrics {gap:10px}
.client-shell .cloud-instance.cloud-workbench .ci-metric {min-height:143px;border:1px solid #d9e6ed;border-top:4px solid #2463d4;background:#f0f6ff;border-radius:8px}
.client-shell .cloud-instance.cloud-workbench .ci-metric:nth-child(2) {border-top-color:#c53963;background:#fff3f6}
.client-shell .cloud-instance.cloud-workbench .ci-metric:nth-child(3) {border-top-color:#087f70;background:#ecf9f5}
.client-shell .cloud-instance.cloud-workbench .ci-metric:nth-child(4) {border-top-color:#aa6a0a;background:#fff8eb}
.client-shell .cloud-instance.cloud-workbench .ci-metric>strong {font-variant-numeric:tabular-nums}
.client-shell .cloud-instance.cloud-workbench .ci-history-chart,.client-shell .cloud-instance.cloud-workbench .ci-transfer-chart {min-width:0}

[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-hero,
[data-theme=dark] .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading {background:#233640;border-color:#3e5866}
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-hero h1 {color:#f2f8fa}
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-hero p {color:#bdcfd7}
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-meta-bar,
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-support-link {background:#263943;color:#deedf5}
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(1),
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(3),
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-summary-card:nth-child(4),
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-workspace-strip,
[data-theme=dark] .client-shell.cloud-console .instance-observatory .ci-controls,
[data-theme=dark] .client-shell .cloud-instance.cloud-workbench .ci-metric {background:#26343d!important;border-color:#40525d!important}
[data-theme=dark] .client-shell .cc-dashboard.cloud-workbench .cc-workspace-strip a {background:#314857;color:#acd2ff}

@media(max-width:1100px) {
    .client-shell .cc-dashboard.cloud-workbench .cc-hero {grid-template-columns:minmax(0,1fr) 230px;padding:22px}
    .client-shell .cc-dashboard.cloud-workbench .workbench-art {width:260px;height:150px}
    .client-shell .cc-dashboard.cloud-workbench .workbench-art .cw-cloud-art {width:260px!important;max-width:260px!important;height:150px!important}
}
@media(max-width:950px) {
    .client-shell .cc-dashboard.cloud-workbench .cc-hero {grid-template-columns:minmax(0,1fr);min-height:0}
    .client-shell .cc-dashboard.cloud-workbench .workbench-art {display:none}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-right {grid-column:1;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:17px}
}
@media(max-width:760px) {
    .client-shell .cc-dashboard.cloud-workbench .cc-hero {padding:18px 16px}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero h1 {font-size:27px}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-actions {flex-direction:row;flex-wrap:wrap;align-items:stretch;margin-top:16px;width:100%}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-actions .cc-button {flex:1 1 150px}
    .client-shell .cc-dashboard.cloud-workbench .cc-hero-right {align-items:flex-start;gap:9px;flex-wrap:wrap}
    .client-shell .cc-dashboard.cloud-workbench .cc-meta-bar {padding:0;background:transparent}
    .client-shell .cc-dashboard.cloud-workbench .cc-support-link {padding:0;background:transparent}
    .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading {min-height:0;padding:18px 16px}
    .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading>.cw-cloud-art {display:none!important}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(2) {border-right:0!important}
    .client-shell .cloud-instance.cloud-workbench .ci-controls {gap:12px}
    .client-shell .cloud-instance.cloud-workbench .ci-actions {width:100%;justify-content:flex-start}
}
@media(max-width:520px) {
    .client-shell .cc-dashboard.cloud-workbench .cc-summary-card {min-height:137px}
    .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading h1 {max-width:calc(100% - 40px);overflow-wrap:anywhere}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip {grid-template-columns:repeat(2,minmax(0,1fr))}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip article {min-height:76px!important}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip strong {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(odd) {border-right:1px solid var(--wb-line)!important}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip article:nth-child(even) {border-right:0!important}
    .client-shell .cloud-instance.cloud-workbench .ci-power-button {width:72px;min-width:72px;height:65px}
}
@media(max-width:350px) {
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip {grid-template-columns:minmax(0,1fr)}
    .client-shell .cloud-instance.cloud-workbench .ci-identity-strip article {min-height:66px!important;border-right:0!important}
}
@media(prefers-reduced-motion:no-preference) {
    .client-shell .cc-dashboard.cloud-workbench .cc-hero,
    .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading {animation:cloud-console-enter .35s ease-out both}
    @keyframes cloud-console-enter {from {opacity:.65;transform:translateY(6px)} to {opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce) {
    .client-shell .cloud-instance.cloud-workbench .ci-power-button:not(:disabled):hover {transform:none}
}
[data-motion=off] .client-shell .cloud-instance.cloud-workbench .ci-power-button:not(:disabled):hover {transform:none}
[data-motion=off] .client-shell .cc-dashboard.cloud-workbench .cc-hero,
[data-motion=off] .client-shell.cloud-console .cloud-instance.cloud-workbench .console-service-heading {animation:none}