/* Customer operations: clear next steps, stable columns and a compact record rhythm. */
.customer-site-context{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-default)}
.customer-site-meta{margin:0}
.customer-site-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.customer-site-resource{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--border-default);border-radius:10px;min-width:0}
.customer-site-resource-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;background:var(--surface-accent);color:var(--brand-strong)}
.customer-site-resource h3{margin:0;font-size:var(--font-subheading);font-weight:600}
.customer-site-resource p{margin:7px 0;color:var(--text-secondary);font-size:var(--font-body-sm);line-height:1.65}
.customer-site-resource .btn{padding-left:0;padding-right:0}
.customer-site-links{flex-wrap:wrap}
@media(max-width:680px){.customer-site-resources{grid-template-columns:1fr;gap:12px;margin-top:18px}.customer-site-resource{padding:14px}.customer-site-meta{grid-template-columns:1fr}.customer-site-resource h3{font-size:var(--font-control)}}
/* The directory is a working grid: one toolbar, five columns, direct site links. */
.customer-tabs{margin:0 0 14px}
.customer-tabs .tabs{padding:3px;background:var(--surface-raised);border-color:var(--border-default)}
.customer-tabs .tab{min-height:34px;padding:7px 16px}
.business-panel.customer-directory{container:customer-directory / inline-size;color:var(--text-primary);font-size:var(--font-body-sm)}
.business-panel.customer-directory .customer-directory-controls{padding:0 18px 14px}
.customer-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;margin-bottom:12px;border-bottom:1px solid var(--border-default)}
.customer-quick-ranges{display:flex;flex-wrap:wrap;gap:4px 20px}
.customer-quick-ranges button{display:flex;align-items:center;gap:7px;min-height:54px;padding:10px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--font-control);cursor:pointer;white-space:nowrap}
.customer-quick-ranges button span{display:inline-grid;place-items:center;min-width:21px;min-height:19px;padding:0 5px;border-radius:5px;background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--font-caption);font-variant-numeric:tabular-nums}
.customer-quick-ranges button[aria-pressed=true]{color:var(--brand-strong);border-bottom-color:var(--brand-blue);font-weight:600}
.customer-quick-ranges button[aria-pressed=true] span{background:var(--surface-accent);color:var(--brand-strong)}
.customer-quick-ranges button:hover{color:var(--brand-strong)}
.customer-quick-ranges button:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px;border-radius:3px}
.customer-directory-count{flex-shrink:0;margin:0;font-size:var(--font-caption);color:var(--text-secondary)}
.business-panel.customer-directory .customer-filters{display:grid;grid-template-columns:minmax(230px,1fr) minmax(160px,230px) auto;gap:10px;align-items:center}
.customer-directory-title,.business-panel.customer-directory .customer-filters .field>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.customer-search-control{position:relative;min-width:0}
.customer-search-control>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}
.business-panel.customer-directory .customer-search-control input{padding-left:36px}
.business-panel.customer-directory .customer-filters input,.business-panel.customer-directory .customer-filters select{height:auto;font-size:var(--font-control);border-color:var(--border-control);border-radius:7px;background:var(--surface-raised);min-height:38px}
.business-panel.customer-directory .customer-filter-actions{display:flex;align-items:center;gap:7px}
.business-panel.customer-directory .customer-filter-actions .btn{min-height:38px;font-size:var(--font-control)}
.business-panel.customer-directory .records-table{table-layout:fixed;min-width:860px}
.business-panel.customer-directory .records-table th{font-size:var(--font-caption);letter-spacing:0;background:var(--surface-subtle);color:var(--text-secondary);padding:10px 16px;line-height:1.5;border-top:1px solid var(--border-default)}
.business-panel.customer-directory .records-table th:nth-child(1){width:29%}
.business-panel.customer-directory .records-table th:nth-child(2){width:19%}
.business-panel.customer-directory .records-table th:nth-child(3){width:18%}
.business-panel.customer-directory .records-table th:nth-child(4){width:18%}
.business-panel.customer-directory .records-table th:nth-child(5){width:16%}
.business-panel.customer-directory .records-table td{padding:14px 16px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.business-panel.customer-directory .records-table th:first-child,.business-panel.customer-directory .records-table td:first-child{padding-left:24px}
.business-panel.customer-directory .records-table th:last-child,.business-panel.customer-directory .records-table td:last-child{padding-right:24px}
.business-panel.customer-directory .records-table tbody tr:hover{background:var(--surface-accent)}
.business-panel.customer-directory .cell-main{font-size:var(--font-body-sm);line-height:1.5;color:var(--text-primary);font-weight:600}
.business-panel.customer-directory .cell-sub{font-size:var(--font-caption);line-height:1.5;color:var(--text-secondary);margin-top:4px}
.business-panel.customer-directory .business-identity{gap:9px;align-items:flex-start}
.business-panel.customer-directory .business-identity-icon{width:31px;height:33px;border-radius:8px;background:var(--surface-accent);border-color:var(--border-default)}
.business-panel.customer-directory .business-identity-icon svg{width:17px;height:17px}
.business-panel.customer-directory .business-identity .cell-main{font-size:var(--font-body);font-weight:600}
.customer-contact-inline{margin:5px 0 0 40px;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px}
.business-panel.customer-directory .customer-contact-inline>.cell-main,.business-panel.customer-directory .customer-contact-inline>.cell-sub{font-size:var(--font-caption);font-weight:400;margin:0;color:var(--text-secondary)}
.customer-contact-inline>.cell-sub{flex-basis:100%}
.business-panel.customer-directory .customer-contact-action .btn{min-height:28px;padding:0;font-size:var(--font-control)}
.customer-site-count{font-size:var(--font-caption);color:var(--text-secondary);margin-bottom:4px}
.business-panel.customer-directory .customer-domain .btn{min-height:28px;padding:0;line-height:1.55;font-size:var(--font-body-sm);font-weight:600;white-space:normal;text-align:left;overflow-wrap:anywhere}
.business-panel.customer-directory .customer-domain+.customer-domain{margin-top:3px}
.customer-completeness[data-tone=attention]{color:var(--status-warning)!important}
.customer-next-step[data-attention=true]>.cell-main{color:var(--status-warning)!important}
.business-panel.customer-directory .customer-next-step[data-attention=true]{border-left:2px solid var(--status-warning);padding-left:11px}
.business-panel.customer-directory .customer-next-step[data-attention=false]{border-left:2px solid var(--status-success);padding-left:11px}
.business-panel.customer-directory .customer-next-step>.cell-sub{max-width:18em}
.business-panel.customer-directory .customer-next-step .btn{min-height:29px;padding:3px 0;font-size:var(--font-control);margin-top:4px}
.business-panel.customer-directory .records-table td:last-child>.gap-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.business-panel.customer-directory .records-table td:last-child .btn{min-height:33px;padding:6px 10px;line-height:1.4;font-size:var(--font-control);white-space:normal;text-align:left}
.business-panel.customer-directory .records-table td:last-child .btn-text{padding-left:0;padding-right:0}
.customer-directory-footer{display:flex;justify-content:center;padding:16px;border-top:1px solid var(--border-default)}
.customer-permissions{margin-top:16px;color:var(--text-secondary);font-size:var(--font-caption)}
.customer-permissions>summary{cursor:pointer;padding:10px 0}
@container customer-directory (max-width:900px){
  .business-panel.customer-directory .records-table,.business-panel.customer-directory .records-table>tbody{display:block;min-width:0}
  .business-panel.customer-directory .records-table thead{display:none}
  .business-panel.customer-directory .records-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px;border-top:1px solid var(--border-default)}
  .business-panel.customer-directory .records-table td{display:block;min-width:0;width:auto;max-width:none;padding:0!important;border:0}
  .business-panel.customer-directory .records-table td:before{display:block;margin-bottom:6px;content:attr(data-label);color:var(--text-secondary);font-size:var(--font-caption)}
  .business-panel.customer-directory .records-table td:first-child,.business-panel.customer-directory .records-table td:nth-child(4),.business-panel.customer-directory .records-table td:last-child{grid-column:1/-1}
  .business-panel.customer-directory .records-table td:first-child:before,.business-panel.customer-directory .records-table td:last-child:before{display:none}
  .business-panel.customer-directory .records-table td:nth-child(4){padding:10px 12px!important;border-left:2px solid var(--border-default);background:var(--surface-subtle);border-radius:0 7px 7px 0}
  .business-panel.customer-directory .customer-next-step{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
  .business-panel.customer-directory .customer-next-step>.cell-sub{margin:0}
  .business-panel.customer-directory .customer-next-step .btn{margin:0 0 0 auto}
  .business-panel.customer-directory .records-table td:last-child>.gap-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}
  .customer-directory-count{display:none}
}
@container customer-directory (max-width:620px){
  .business-panel.customer-directory .customer-directory-controls{padding:0 14px 12px}
  .customer-directory-toolbar{margin-bottom:11px;min-height:47px}
  .customer-quick-ranges{gap:0 15px}
  .customer-quick-ranges button{min-height:47px;font-size:var(--font-control);gap:4px;padding:9px 0}
  .customer-quick-ranges button span{font-size:var(--font-eyebrow);min-width:18px;padding:0 3px}
  .business-panel.customer-directory .customer-filters{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .customer-search-control{grid-column:1/-1}
  .business-panel.customer-directory .customer-filters input,.business-panel.customer-directory .customer-filters select{font-size:var(--font-input);min-height:var(--control-height)}
  .business-panel.customer-directory .customer-filter-actions{flex-wrap:wrap}
  .business-panel.customer-directory .records-table>tbody>tr{padding:16px 14px;gap:14px 16px}
  .business-panel.customer-directory .customer-next-step .btn{margin-left:0}
  .business-panel.customer-directory .customer-next-step>.cell-sub{flex-basis:100%}
}
td[data-label="数字合同"] .cell-main{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}
.customer-site-resource-icon{background:linear-gradient(145deg,#fff,#e5f6ff 60%);border:1px solid var(--border-brand);box-shadow:inset 0 1px 0 #fff}