/* Customer workspace uses the same theme tokens without exposing the POS layout. */
.app-shell[data-role="cliente"] .app-content { max-width: none; }
.app-shell[data-role="cliente"] .app-side::before { content: "MH DIGITAL"; }
.mh-customer-overview { padding: 0 0 28px; margin-bottom: 32px; border-bottom: 1px solid var(--core-line); }
.mh-customer-overview dl { display: flex; gap: clamp(24px, 5vw, 72px); margin: 0 0 24px; flex-wrap: wrap; }
.mh-customer-overview dt { color: var(--core-muted); font-size: .85rem; }
.mh-customer-overview dd { margin: 7px 0 0; font-size: 2rem; font-weight: 850; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.mh-customer-shortcuts { display: flex; gap: 10px; flex-wrap: wrap; }
.mh-customer-recent > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.mh-customer-recent h2, .mh-customer-support h2 { margin: 0; font-size: 1.2rem; letter-spacing: -.02em; }
.mh-customer-orders { display: grid; gap: 16px; }
.mh-customer-order { padding: 22px; background: var(--core-surface); border: 1px solid var(--core-line); border-radius: 14px; }
.mh-customer-order > header { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; }
.mh-customer-order h3 { margin: 0 0 5px; font-size: .95rem; overflow-wrap: anywhere; }
.mh-customer-order time { color: var(--core-muted); font-size: .78rem; }
.mh-customer-state { color: var(--core-ink); font-size: .78rem; font-weight: 800; text-align: right; }
.mh-customer-order ul { margin: 20px 0; padding: 0; list-style: none; display: grid; gap: 9px; font-size: .9rem; }
.mh-customer-order li { overflow-wrap: anywhere; }
.mh-customer-order li span { color: var(--core-muted); white-space: nowrap; }
.mh-customer-order-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mh-customer-order-bottom > strong { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.mh-customer-shipping { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 16px; margin-top: 18px; border-top: 1px solid var(--core-line); font-size: .8rem; color: var(--core-muted); }
.mh-customer-bank, .mh-customer-history { margin-top: 14px; font-size: .85rem; }
.mh-customer-bank summary, .mh-customer-history summary { cursor: pointer; padding: 10px 0; color: var(--core-accent); font-weight: 750; }
.mh-customer-bank dl { display: grid; gap: 10px; margin: 12px 0; }
.mh-customer-bank dl > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; }
.mh-customer-bank dt { color: var(--core-muted); }
.mh-customer-bank dd { margin: 0; overflow-wrap: anywhere; }
.mh-customer-history li { padding: 5px 0; color: var(--core-muted); }
.mh-customer-equipment-list { display: grid; }
.mh-customer-equipment { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; padding: 24px 0; border-bottom: 1px solid var(--core-line); }
.mh-customer-equipment h3 { font-size: 1.1rem; margin: 0 0 10px; overflow-wrap: anywhere; }
.mh-customer-equipment p { margin: 6px 0; color: var(--core-muted); font-size: .82rem; line-height: 1.65; overflow-wrap: anywhere; }
.mh-customer-coverage { max-width: 65ch; }
.mh-customer-validity { display: grid; align-content: start; gap: 7px; text-align: right; font-variant-numeric: tabular-nums; }
.mh-customer-validity strong { font-size: .95rem; }
.mh-customer-validity span { color: var(--core-muted); font-size: .78rem; }
.mh-customer-support { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding-top: 20px; }
.mh-customer-support p, .mh-customer-empty p { color: var(--core-muted); font-size: .88rem; line-height: 1.65; max-width: 60ch; }
.mh-customer-empty { padding: 28px 0; }
.mh-customer-empty h3 { margin: 0; font-size: 1.1rem; }
.mh-customer-empty p { margin-bottom: 0; }
.mh-customer-history-list { margin-top: 22px; }
.mh-customer-search { display: grid; gap: 8px; max-width: 520px; margin-top: 22px; font-size: .82rem; color: var(--core-muted); }
.app-shell .mh-customer-search .mh-search { margin: 0; }
.mh-customer-order[hidden] { display: none; }
.mh-customer-message { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--core-muted); font-size: .88rem; line-height: 1.7; margin: 20px 0; max-width: 70ch; }
.mh-customer-resolution { border-top: 1px solid var(--core-line); padding-top: 16px; margin-bottom: 22px; }
.mh-customer-resolution h4 { margin: 0; font-size: .9rem; }
.mh-customer-resolution p { margin-top: 8px; }
@media (max-width: 680px) {
  .mh-customer-order { padding: 17px; }
  .mh-customer-order > header, .mh-customer-order-bottom, .mh-customer-support { align-items: flex-start; flex-direction: column; gap: 12px; }
  .mh-customer-state { text-align: left; }
  .mh-customer-equipment { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .mh-customer-validity { text-align: left; }
  .mh-customer-recent > header { align-items: flex-start; }
}