.customer-maintenance-intro { margin-bottom: 16px; }
.customer-maintenance-intro strong { font-size: 15px; }
.customer-maintenance-intro p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.customer-import-button { position: relative; overflow: hidden; }
.customer-import-button input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.customer-import-result { margin-bottom: 16px; }
.customer-import-result .card-body p { margin: 0 0 10px; color: var(--muted); font-size: 13px; }
.customer-error-table { max-height: 220px; margin-top: 12px; }
.customer-dialog { width: min(820px, calc(100% - 24px)); }
.customer-dialog .dialog-body { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.customer-form-note { padding: 11px 13px; border-left: 3px solid var(--green); background: #f4faf8; color: var(--muted); font-size: 12px; line-height: 1.6; }
.customer-form-note p { margin: 4px 0 0; }
.customer-field-group { grid-column: 1 / -1; border: 1px solid var(--line); border-radius: 6px; background: #fbfdfc; }
.customer-field-group summary { display: flex; justify-content: space-between; padding: 11px 13px; cursor: pointer; color: var(--ink); font-size: 13px; font-weight: 700; }
.customer-field-group summary span { color: var(--muted); font-size: 11px; font-weight: 400; }
.customer-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 2px 8px; }
.customer-field-grid label { min-width: 0; color: var(--muted); font-size: 11px; font-weight: 700; }
.customer-field-grid input, .customer-field-grid select { width: 100%; min-width: 0; margin-top: 5px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--ink); font-size: 12px; }
.customer-field-grid input[readonly] { background: #f0f4f2; color: var(--muted); }
[data-server-table="customerMaintenance"] .data-table { min-width: 1210px; }
[data-server-table="customerMaintenance"] .data-table td { max-width: 250px; overflow-wrap: anywhere; }
.customer-read-field { min-width: 0; padding: 6px 0; }
.customer-read-field span, .customer-read-field strong { display: block; overflow-wrap: anywhere; }
.customer-read-field span { color: var(--muted); font-size: 11px; }
.customer-read-field strong { margin-top: 4px; font-size: 12px; font-weight: 600; }
@media (max-width: 760px) { .customer-dialog { width: calc(100% - 16px); } .customer-dialog .dialog-body, .customer-field-grid { grid-template-columns: 1fr; } }