/* Consentimientos screens (app/views/fibbel-ui/software-consentimiento-informado-online-fisioterapia.php).
   Sources: fibbel_frontend/src/index.css (.div-consentimientos, .firmas-fisio-consentimiento-list, .div-flex-buscar-datos,
   .consentimientos-buider-div, .nombre-consentimiento, .div-consentimiento-card, .modal-añadir-firma-fisio, patient dashboard)
   plus MUI 6 defaults (Tabs, Checkbox, Accordion, Dialog) and quill.snow.css. */
body.exp-feature-problema .fx-app .fx-ci-p{max-width:700px;margin:10px;text-align:left;font-size:1rem;line-height:1.5}
body.exp-feature-problema .fx-app .fx-ci-firma{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:500px}
body.exp-feature-problema .fx-app .fx-ci-firma>span:first-child{flex-grow:1;max-width:200px}
body.exp-feature-problema .fx-app .fx-c-info{color:#0288d1}body.exp-feature-problema .fx-app .fx-c-secondary{color:#9c27b0}
body.exp-feature-problema .fx-app .fx-ci-flex{display:flex;align-items:flex-start;justify-content:center;gap:10px;width:100%}
body.exp-feature-problema .fx-app .fx-ci-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
body.exp-feature-problema .fx-app .fx-ci-builder{flex:1;min-width:0;max-width:700px;display:flex;flex-direction:column;align-items:center}
body.exp-feature-problema .fx-app .fx-ci-panel{width:100%;padding:24px}
/* ListarDatos (components/ListarDatos.jsx:52-100) */
body.exp-feature-problema .fx-app .fx-ci-list{flex:0 0 270px;padding:10px;margin-bottom:20px}
body.exp-feature-problema .fx-app .fx-ci-list .fx-tf-standard{margin:30px auto;width:100%;max-width:250px}
body.exp-feature-problema .fx-app .fx-ci-list-item{display:flex;padding:4px 5px;margin-top:16px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:10px;line-height:1.5;text-align:left;text-transform:uppercase;letter-spacing:.00938em}
/* MUI Tabs variant="scrollable" with scroll buttons */
body.exp-feature-problema .fx-app .fx-tabs{display:flex;align-items:stretch;min-height:48px;max-width:100%;overflow:hidden;font-family:"Roboto","Helvetica","Arial",sans-serif}
body.exp-feature-problema .fx-app .fx-tabs-scroller{flex:1;min-width:0;display:flex;overflow:hidden}
body.exp-feature-problema .fx-app .fx-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}
body.exp-feature-problema .fx-app .fx-tab-on{color:#1976d2}
body.exp-feature-problema .fx-app .fx-tab-on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#1976d2}
body.exp-feature-problema .fx-app .fx-tab-scroll{flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.54)}
body.exp-feature-problema .fx-app .fx-tab-scroll .fx-ic{font-size:1.25rem}
body.exp-feature-problema .fx-app .fx-tab-scroll-off{opacity:0}
/* Consent form (.nombre-consentimiento, FormControlLabel + Checkbox) */
body.exp-feature-problema .fx-app .fx-ci-name{display:flex;align-items:flex-end;gap:5px;width:100%}
body.exp-feature-problema .fx-app .fx-ci-name .fx-tf-standard{flex:1;margin-top:16px;margin-bottom:8px}
body.exp-feature-problema .fx-app .fx-ci-name .fx-ib{margin-bottom:6px}
body.exp-feature-problema .fx-app .fx-fcl{display:inline-flex;align-items:center;margin-left:-11px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1rem;line-height:1.5;letter-spacing:.00938em}
body.exp-feature-problema .fx-app .fx-tf-standard .fx-tf-input{color:rgba(0,0,0,.87)}
/* EditorConsentimiento (components/EditorConsentimiento.jsx:435-520) */
body.exp-feature-problema .fx-app .fx-ci-editor{width:100%;margin-top:8px}
body.exp-feature-problema .fx-app .fx-ci-editor-bar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}
body.exp-feature-problema .fx-app .fx-ci-acc{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;margin-bottom:8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:.75rem;line-height:1.66;letter-spacing:.03333em;font-weight:700}
body.exp-feature-problema .fx-app .fx-ci-acc .fx-ic{color:rgba(0,0,0,.54)}
body.exp-feature-problema .fx-app .fx-ql-toolbar{height:42px;border:1px solid #ccc;background:#fff}
body.exp-feature-problema .fx-app .fx-ql-editor{min-height:400px;padding:12px 15px;border:1px solid #ccc;border-top:0;background:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;color:#333}
body.exp-feature-problema .fx-app .fx-ql-editor .fx-ql-c{text-align:center}
body.exp-feature-problema .fx-app .fx-ql-editor .fx-ql-h1{font-size:2em;font-weight:bold;color:#0A2463}
body.exp-feature-problema .fx-app .fx-ql-editor .fx-ql-s{font-size:12px}
body.exp-feature-problema .fx-app .fx-ql-editor .fx-ql-hr{height:0;border-top:1px solid #ccc;margin:8px 0}
/* Patient dashboard (components/PatientDashboardGrid.jsx:454-530) + ListaConsentimientos (components/ListaConsentimientos.jsx:779-898) */
body.exp-feature-problema .fx-app .fx-pd-toolbar{display:flex;justify-content:flex-end;padding:16px;margin:16px auto;width:100%}
body.exp-feature-problema .fx-app .fx-pd-toolbar .fx-btn{margin:0 auto}
body.exp-feature-problema .fx-app .fx-pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
body.exp-feature-problema .fx-app .fx-pd-widget{padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
body.exp-feature-problema .fx-app .fx-pd-h2{display:flex;align-items:center;justify-content:center;margin:15px 0 20px;font-size:1.5em;font-weight:bold;color:#0A2463;text-align:center}
body.exp-feature-problema .fx-app .fx-pd-select{width:300px;margin:0 auto 30px}
body.exp-feature-problema .fx-app .fx-pd-select .fx-tf-input{flex-wrap:wrap;white-space:normal;padding-right:56px}
body.exp-feature-problema .fx-app .fx-chip-md{height:32px;padding:0 12px;font-size:.8125rem;margin:2px}
body.exp-feature-problema .fx-app .fx-pd-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
body.exp-feature-problema .fx-app .fx-pd-card>span:first-child{max-width:270px}
body.exp-feature-problema .fx-app .fx-pd-card .fx-ib-group{display:flex}
/* MUI Dialog (Firmar Paciente) and react-modal overlays */
body.exp-feature-problema .fx-app .fx-backdrop{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
body.exp-feature-problema .fx-app .fx-dialog{margin:32px;max-width:600px;background:#fff;border-radius:4px;font-family:"Roboto","Helvetica","Arial",sans-serif;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
body.exp-feature-problema .fx-app .fx-dialog-title{padding:16px 24px;font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em;text-align:center}
body.exp-feature-problema .fx-app .fx-dialog-content{padding:0 24px 20px}
body.exp-feature-problema .fx-app .fx-dialog-body2{font-size:.875rem;line-height:1.43;letter-spacing:.01071em;margin-bottom:.35em}
body.exp-feature-problema .fx-app .fx-ci-canvas{width:200px;height:200px;margin:0 auto;border:1px solid #ccc;border-radius:5px}
body.exp-feature-problema .fx-app .fx-dialog-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}
body.exp-feature-problema .fx-app .fx-btn-inherit{color:inherit}
body.exp-feature-problema .fx-app .fx-btn-secondary{color:#9c27b0}
body.exp-feature-problema .fx-app .fx-rm-overlay{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.75)}
body.exp-feature-problema .fx-app .fx-rm-content{position:absolute;top:40px;bottom:40px;left:40px;right:40px;max-width:700px;margin:0 auto;padding:20px;overflow:hidden;background:#fff;border:1px solid #ccc;border-radius:4px}
body.exp-feature-problema .fx-app .fx-ci-modal{display:flex;flex-direction:column;align-items:center}
body.exp-feature-problema .fx-app .fx-ci-modal-h2{font-size:1.5em;font-weight:bold;color:#0A2463;text-align:center;margin:20px 0}
body.exp-feature-problema .fx-app .fx-ci-modal .fx-ci-field{width:100%;margin-bottom:15px}
body.exp-feature-problema .fx-app .fx-ci-modal .fx-tf-standard{margin-top:16px}
body.exp-feature-problema .fx-app .fx-ci-modal .fx-helper{margin:3px 0 0}
body.exp-feature-problema .fx-app .fx-tf-standard.fx-tf-end-pad .fx-tf-end{right:0;top:auto;bottom:4px;transform:none}
body.exp-feature-problema .fx-app .fx-ci-sigpad{width:300px;height:300px;margin:10px 0 20px;border:1px solid #5767aa}
body.exp-feature-problema .fx-app .fx-w-full{width:100%}
body.exp-feature-problema .fx-app .fx-btn-outlined.fx-btn-disabled{color:rgba(0,0,0,.26);border-color:rgba(0,0,0,.12)}
body.exp-feature-problema .fx-app .fx-tf-standard .fx-tf-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}