/* The approved phone layout is served directly from dist/styles.css and
   dist/customer.css. Only API-specific states belong here. */
.customer-api-error { color:var(--error); font-size:13px; line-height:1.6; overflow-wrap:anywhere; margin:12px 0 }
.customer-api-error:empty { display:none }
.customer-task-state { padding:32px 18px; text-align:center }
.customer-task-state .customer-spinner { display:inline-block; width:26px; height:26px; margin-bottom:12px }
.customer-task-state h2 { font-size:18px; margin-bottom:8px }
.customer-task-state p { color:var(--muted); font-size:13px }
.customer-resume { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; margin-bottom:12px; padding:10px 12px; border-radius:10px; background:#8b5cf612; color:#c4abff; font-size:13px }
.customer-profile-face { margin-top:16px }
.customer-profile-face label { display:block; margin-bottom:8px; color:var(--muted); font-size:13px }
.customer-profile-face select { width:100%; min-height:44px }
.customer-menu-mode { margin:0 0 14px; color:var(--muted); font-size:13px }