/* Asistente IA WhatsApp screens (app/views/fibbel-ui/asistente-ia-whatsapp-fisioterapia.php).
   Reproduces pages/Asistente.jsx inline styles/sx, index.css (.div-seguimiento, h1, .div-representacion-dato,
   .etiquetas-HC max-width 800px on desktop) and MUI 6 defaults (Switch color="success", Tabs variant="scrollable"
   with scrollButtons, outlined TextField/Select, Typography subtitle1/body2, Table size="small", Chip outlined). */

body.exp-feature-problema .fx-app .fxa-seg{display:flex;flex-direction:column;align-items:center;justify-content:center}
body.exp-feature-problema .fx-app .fxa-scroll-delay{margin-top:-460px}

/* h1#seguimiento-title + SmartToy icon + FormControlLabel labelPlacement="start" (ml 2) with Switch color="success" */
body.exp-feature-problema .fx-app .fxa-h1{display:flex;align-items:center;justify-content:center;margin:30px 0 20px}
body.exp-feature-problema .fx-app .fxa-bot{font-size:28px;margin-right:8px}
body.exp-feature-problema .fx-app .fxa-fcl{display:inline-flex;align-items:center;margin-left:16px;margin-right:-11px}
body.exp-feature-problema .fx-app .fxa-fcl-label{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.00938em}
body.exp-feature-problema .fx-app .fxa-switch{position:relative;display:inline-flex;flex-shrink:0;width:58px;height:38px;padding:12px}
body.exp-feature-problema .fx-app .fxa-switch-track{width:100%;height:100%;border-radius:7px;background:#2e7d32;opacity:.5}
body.exp-feature-problema .fx-app .fxa-switch-thumb{position:absolute;top:9px;left:29px;width:20px;height:20px;border-radius:50%;background:#2e7d32;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}

/* .div-representacion-dato (maxWidth 800, paddingTop 20, paddingBottom 40) */
body.exp-feature-problema .fx-app .fxa-card{display:flex;flex-direction:column;align-items:center;width:800px;padding:20px 0 40px;margin-bottom:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
body.exp-feature-problema .fx-app .fxa-desc{margin-bottom:16px;padding:0 16px;text-align:center;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;color:rgba(0,0,0,.6)}
body.exp-feature-problema .fx-app .fxa-builder{display:flex;flex-direction:column;align-items:center;width:100%}

/* Tabs scrollable + scroll buttons (disabled = opacity 0 when every tab fits) */
body.exp-feature-problema .fx-app .fxa-tabs{display:flex;max-width:800px;min-height:48px;overflow:hidden;font-family:"Roboto","Helvetica","Arial",sans-serif}
body.exp-feature-problema .fx-app .fxa-tab-scroll{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;opacity:0}
body.exp-feature-problema .fx-app .fxa-tab-scroll .fx-ic{font-size:1.25rem}
body.exp-feature-problema .fx-app .fxa-tab-list{display:flex}
body.exp-feature-problema .fx-app .fxa-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;min-width:90px;max-width:360px;padding:12px 16px;font-weight:500;font-size:.875rem;line-height:1.25;letter-spacing:.02857em;text-transform:uppercase;color:rgba(0,0,0,.6);text-align:center;white-space:nowrap}
body.exp-feature-problema .fx-app .fxa-tab-on{color:#1976d2}
body.exp-feature-problema .fx-app .fxa-tab-on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#1976d2}

/* TabPanel (padding 16px 10px 0) and Box gap 2 */
body.exp-feature-problema .fx-app .fxa-panel{width:100%;padding:16px 10px 0}
body.exp-feature-problema .fx-app .fxa-stack{display:flex;flex-direction:column;gap:16px}
body.exp-feature-problema .fx-app .fxa-row{display:flex;gap:16px}
body.exp-feature-problema .fx-app .fxa-row>.fxa-fc{flex:1;min-width:0}
body.exp-feature-problema .fx-app .fxa-fc{display:flex;flex-direction:column;min-width:0}
body.exp-feature-problema .fx-app .fxa-sub{display:block;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1rem;font-weight:600;line-height:1.75;letter-spacing:.00938em}
body.exp-feature-problema .fx-app .fxa-mt{margin-top:16px}

/* Multiline TextField: minRows grows with the text */
body.exp-feature-problema .fx-app .fxa-multi{align-items:flex-start}
body.exp-feature-problema .fx-app .fxa-multi .fx-tf-input{display:block;white-space:pre-wrap;overflow:visible;min-height:calc(var(--fxa-rows,1) * 1.4375em)}
body.exp-feature-problema .fx-app .fxa-native{right:14px;color:rgba(0,0,0,.87)}
body.exp-feature-problema .fx-app .fxa-native .fx-ic:last-child{font-size:1.125rem}

/* SaveButton: contained, sx mt 3 + alignSelf flex-end */
body.exp-feature-problema .fx-app .fxa-save{align-self:flex-end;margin-top:24px}
body.exp-feature-problema .fx-app .fxa-save .fx-ic{margin-left:-4px}

/* PhoneInput (forceCallingCode): flag button, then "+34" in text.primary */
body.exp-feature-problema .fx-app .fxa-phone{flex-wrap:nowrap}
body.exp-feature-problema .fx-app .fxa-adorn{display:inline-flex;align-items:center;margin-right:8px;flex-shrink:0}
body.exp-feature-problema .fx-app .fxa-flag{display:inline-flex;flex-direction:column;width:24px;height:16px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
body.exp-feature-problema .fx-app .fxa-flag span{flex:1;background:#c60b1e}
body.exp-feature-problema .fx-app .fxa-flag span:nth-child(2){flex:2;background:#ffc400}
body.exp-feature-problema .fx-app .fxa-dd{display:inline-flex;color:rgba(0,0,0,.54)}
body.exp-feature-problema .fx-app .fxa-dd .fx-ic{font-size:1.25rem}
body.exp-feature-problema .fx-app .fxa-code{margin-left:4px;font-family:"Roboto","Helvetica","Arial",sans-serif}
body.exp-feature-problema .fx-app .fxa-small .fx-tf-outlined{min-height:40px;padding:8.5px 14px}
body.exp-feature-problema .fx-app .fxa-add{display:flex;gap:8px;margin-bottom:8px}
body.exp-feature-problema .fx-app .fxa-add>.fx-btn{flex-shrink:0}

/* Chip outlined color="error" (medium) with onDelete */
body.exp-feature-problema .fx-app .fxa-chips{display:flex;flex-wrap:wrap;gap:8px}
body.exp-feature-problema .fx-app .fxa-chip{display:inline-flex;align-items:center;height:32px;padding-left:11px;border:1px solid rgba(211,47,47,.7);border-radius:16px;color:#d32f2f;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:.8125rem;white-space:nowrap}
body.exp-feature-problema .fx-app .fxa-chip-del{display:inline-flex;margin:0 5px 0 6px;color:rgba(211,47,47,.7)}
body.exp-feature-problema .fx-app .fxa-chip-del .fx-ic{font-size:22px}

/* Historial: header Box (space-between, mb 2) + TableContainer Paper outlined + Table size="small" */
body.exp-feature-problema .fx-app .fxa-hist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
body.exp-feature-problema .fx-app .fxa-table-wrap{width:100%;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px}
body.exp-feature-problema .fx-app .fxa-table th{font-weight:600}
body.exp-feature-problema .fx-app .fxa-table td{font-size:.8rem;vertical-align:middle}
body.exp-feature-problema .fx-app .fxa-table tbody tr:last-child td{border-bottom:0}
body.exp-feature-problema .fx-app .fxa-table .fxa-msg,body.exp-feature-problema .fx-app .fxa-table .fxa-ans{white-space:normal}
body.exp-feature-problema .fx-app .fxa-table .fxa-msg{max-width:250px}
body.exp-feature-problema .fx-app .fxa-table .fxa-ans{max-width:300px}
body.exp-feature-problema .fx-app .fxa-clamp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}