body[data-role="customer"]{--background:#fff}

.customer-orders .data-table th{font-size:12px;letter-spacing:.02em;font-weight:600;color:#8a9bae;background:#f8fafc;padding:12px 20px}
.customer-orders .data-table td{font-size:12px;padding:19px 20px;vertical-align:middle;border-bottom:1px solid #eaf0f5}
.customer-orders .data-table tbody tr:last-child td{border-bottom:0}

.customer-part-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.customer-part-tags span{padding:1px 8px;border-radius:var(--radius-sm);background:#eef3f9;color:#35506e;font-size:var(--text-xs);font-weight:600;line-height:20px}

.customer-shipment{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control)}

@media(max-width:1180px){









 .customer-orders .data-table td,.customer-orders .data-table th{padding-inline:14px}
}

@media(max-width:640px){
































































 .customer-shipment{padding:var(--space-3)}




































}

/* Refined customer workspace: compact technical cards, shared calm surfaces. */

.customer-orders .data-table th{font-size:12px;color:#627386;background:#fafbfc;padding:12px 18px}
.customer-orders .data-table td{font-size:12px;padding:16px 18px}

.customer-orders .panel,.customer-invoices .panel{border-radius:12px;overflow:hidden}

/* Detail polish: precise public context, document and delivery hierarchy. */

/* Checkout stays one form; fieldsets clarify the profile snapshot and delivery. */

/* Explicit person/company identity and complete billing/shipping profile data. */

/* Order records use small static previews; calculator and model library are unaffected. */