.customer-page-heading { margin-bottom: 22px; }
.customer-storage { margin-bottom:20px; }
.customer-storage-content { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 22px; }
.customer-storage-copy { min-width:0; }
.customer-storage-title { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.customer-storage-title h2 { margin:0; font-size:14px; }
.customer-storage-copy p { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }
.customer-storage-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px 14px; flex:none; }
.customer-storage-actions small { color:var(--muted); font-size:11px; white-space:nowrap; }
.customer-storage-actions .button { white-space:nowrap; }
.customer-directory .surface-heading,.customer-workspaces .surface-heading { padding:17px 22px; }
.customer-directory .customer-toolbar { margin:0; padding:15px 22px; border-bottom:1px solid var(--border); }
.customer-directory .customer-toolbar .list-search { flex:0 1 430px; }
.customer-directory-table td,.customer-workspace-table td { padding:13px 19px; vertical-align:middle; }
.customer-directory-table th:first-child,.customer-directory-table td:first-child { width:42%; }
.customer-directory-table tbody tr:hover { background:#f9fbfd; }
.customer-name { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-width:0; padding:2px 0; border:0; background:transparent; color:var(--primary-dark); text-align:left; cursor:pointer; font:inherit; }
.customer-name:hover { color:var(--primary); }
.customer-name:focus-visible { outline:2px solid var(--primary); outline-offset:3px; border-radius:3px; }
.customer-name>span { min-width:0; }
.customer-name strong { display:block; font-size:12px; line-height:1.5; }
.customer-name small { display:block; margin-top:3px; color:var(--muted); font-size:11px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.customer-name>.icon { flex:none; width:15px; color:var(--muted); transition:transform .15s ease; }
.customer-name:hover>.icon { transform:translateX(2px); color:var(--primary-dark); }
.customer-count { font-variant-numeric:tabular-nums; }
.customer-muted { color:var(--muted); }
.customer-environments { display:flex; flex-wrap:wrap; gap:6px; }
.customer-directory-footer { padding:12px 22px; border-top:1px solid var(--border); background:#fbfcfd; color:var(--muted); font-size:11px; }
.customer-workspace-table th:first-child,.customer-workspace-table td:first-child { width:26%; padding-left:22px; }
.customer-workspace-table th:last-child,.customer-workspace-table td:last-child { padding-right:22px; }
.customer-workspace-table .customer-workspace-archived { background:#fbfcfd; }
.customer-workspace-table .table-actions { min-width:275px; }
.customer-workspace-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.customer-workspace-row-actions .button { flex:none; }
.customer-deletion-status { max-width:175px; color:var(--warning); line-height:1.4; }
.customer-workspace-note { padding:13px 22px; border-top:1px solid var(--border); color:var(--muted); font-size:11px; line-height:1.6; }
.customer-workspace-note p { margin:7px 0 0; }
.customer-workspaces + .customer-archive { margin-top:20px; }
.customer-archive .surface-body { display:flex; align-items:center; gap:16px; padding:18px 22px; }
.customer-archive-icon { display:grid; flex:none; place-items:center; width:36px; height:36px; border-radius:8px; color:var(--danger); background:var(--danger-soft); }
.customer-archive-icon .icon { width:17px; height:17px; }
.customer-archive-copy { flex:1; min-width:0; }
.customer-archive-copy h2 { margin:0 0 4px; font-size:14px; }
.customer-archive-copy p { margin:0; font-size:11px; line-height:1.55; }
.customer-archive-copy .customer-archive-hint { margin-top:7px; }
.customer-archive .button { flex:none; }
.customer-routing { display:block; margin-top:20px; }
.customer-routing>summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 22px; list-style:none; cursor:pointer; }
.customer-routing>summary::-webkit-details-marker { display:none; }
.customer-routing>summary:hover { background:#f9fbfd; border-radius:var(--radius); }
.customer-routing[open]>summary { border-bottom:1px solid var(--border); }
.customer-routing[open]>summary:hover { border-radius:var(--radius) var(--radius) 0 0; }
.customer-routing-title { display:flex; align-items:center; gap:12px; min-width:0; }
.customer-routing-title>.icon { width:18px; color:var(--primary-dark); }
.customer-routing-title strong,.customer-routing-title small { display:block; }
.customer-routing-title strong { font-size:13px; }
.customer-routing-title small { margin-top:3px; color:var(--muted); font-size:11px; font-weight:400; }
.customer-routing-state { display:flex; align-items:center; gap:12px; flex:none; }
.customer-routing-state>.icon { width:14px; color:var(--muted); transition:transform .15s ease; }
.customer-routing[open] .customer-routing-state>.icon { transform:rotate(180deg); }
.customer-routing-body { padding:16px 22px; color:var(--muted); font-size:11px; line-height:1.65; }
.customer-routing-body h3 { margin:16px 0 5px; color:var(--ink); font-size:12px; }
.customer-routing-body p { margin:0 0 8px; }
.customer-routing-body p:last-child { margin-bottom:0; }
.customer-address { display: inline-flex; align-items: center; gap: 6px; overflow-wrap: anywhere; max-width: 340px; }
.customer-address-preview { padding: 12px 14px; background: var(--surface-subtle, #f5f7fa); border-radius: 8px; overflow-wrap: anywhere; }
.customer-workspace-choices { max-height: 280px; overflow-y: auto; display: grid; gap: 10px; margin-bottom: 20px; }
.customer-workspace-choices small { display: block; margin-top: 4px; }
.customer-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.platform-settings-content .settings-navigation .workflow-breadcrumb { max-width: 100%; }
@media(max-width:680px) {
  .customer-storage-content { align-items:stretch; flex-direction:column; gap:14px; padding:17px 18px; }
  .customer-storage-actions { justify-content:space-between; }
  .customer-directory .customer-toolbar .list-search { flex-basis:100%; }
  .customer-directory-table { min-width:690px; }
  .customer-workspace-table { min-width:880px; }
  .customer-archive .surface-body { flex-wrap:wrap; }
  .customer-archive .button { width:100%; }
  .customer-routing>summary { align-items:flex-start; padding:15px 18px; }
  .customer-routing-state .badge { display:none; }
}
@media(max-width:400px) {
  .customer-storage-actions { align-items:stretch; flex-direction:column; }
}

.customer-lifecycle-actions { display:flex; flex-direction:column; align-items:stretch; gap:10px; flex-shrink:0; max-width:100%; }
@media (max-width:760px) { .customer-lifecycle-actions { width:100%; } }