/* Mi Cuenta · importaciones. Todo selector queda aislado bajo el componente. */
.account-data-import-dialog { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; color: #26364d; background: transparent; }
.account-data-import-dialog::backdrop { background: rgba(20,35,59,.48); backdrop-filter: blur(4px); }
.account-data-import-dialog[open] { display: block; }
.account-data-import-dialog > article { overflow: hidden; border: 1px solid #dbe4ef; border-radius: 24px; background: #f6f8fc; box-shadow: 0 24px 65px rgba(36,55,88,.16); }
.account-data-import-dialog > article > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 26px; border-bottom: 1px solid #e0e7f0; background: #fff; }
.account-data-import-dialog > article > header > div { display: flex; align-items: center; gap: 15px; }
.account-data-import-dialog > article > header > div > span { display: grid; width: 56px; height: 56px; flex: 0 0 56px; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(145deg,#257fd7,#6554d8); box-shadow: 0 12px 25px rgba(57,91,194,.24); }
.account-data-import-dialog > article > header .app-icon { width: 27px; height: 27px; }
.account-data-import-dialog > article > header p, .account-data-import-dialog > article > header h2 { margin: 0; }
.account-data-import-dialog > article > header p { margin-bottom: 4px; color: #5265ca; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.account-data-import-dialog > article > header h2 { color: #26364d; font-size: 27px; }
.account-data-import-dialog > article > header > button { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 14px; color: #617087; background: #eef2f7; cursor: pointer; }
.account-data-import-dialog .account-data-import-body { padding: 24px; }
.account-data-import-dialog > article > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 24px; border-top: 1px solid #e0e7f0; background: #fff; }
.account-data-import-dialog > article > footer small { display: inline-flex; align-items: center; gap: 8px; color: #64748a; font-size: 12px; font-weight: 750; }
.account-data-import-dialog > article > footer small .app-icon { width: 18px; height: 18px; color: #168a80; }
.account-data-import-dialog > article > footer > button { min-height: 44px; padding: 10px 18px; border: 1px solid #d1dbe7; border-radius: 12px; color: #4e5e73; background: #fff; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; }

.account-data-import { display: grid; gap: 20px; min-width: 0; }
.account-data-import__intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; overflow: hidden; padding: 24px; border-radius: 22px; color: #fff; background: linear-gradient(120deg,#173b70,#2968bf 58%,#6254cc); box-shadow: 0 16px 34px rgba(40,79,151,.2); }
.account-data-import__intro p, .account-data-import__intro h3 { margin: 0; }
.account-data-import__intro p { margin-bottom: 5px; color: #cfe5ff; font-size: 12px; font-weight: 900; letter-spacing: .11em; }
.account-data-import__intro h3 { margin-bottom: 7px; font-size: 25px; }
.account-data-import__intro div > span { display: block; max-width: 680px; color: #e6effd; font-size: 14px; line-height: 1.55; }
.account-data-import__intro ol { display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; list-style: none; }
.account-data-import__intro li { display: grid; justify-items: center; gap: 6px; min-width: 72px; color: #c8d7ed; font-size: 12px; font-weight: 800; }
.account-data-import__intro li:not(:last-child)::after { position: relative; width: 28px; height: 2px; top: -29px; left: 51px; background: rgba(255,255,255,.25); content: ''; }
.account-data-import__intro li b { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #e4ebf7; background: rgba(255,255,255,.1); font-size: 13px; }
.account-data-import__intro li.is-current { color: #fff; }
.account-data-import__intro li.is-current b { border-color: #fff; color: #305fb4; background: #fff; box-shadow: 0 5px 13px rgba(11,28,69,.2); }

.account-data-import__steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.account-data-import__steps > button { display: grid; min-width: 0; min-height: 76px; grid-template-columns: 48px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; gap: 2px 13px; padding: 13px 16px; border: 1px solid #dbe3ef; border-radius: 17px; color: #4d5d75; background: #fff; text-align: left; cursor: pointer; }
.account-data-import__steps > button > span { display: grid; width: 48px; height: 48px; grid-row: 1 / 3; place-items: center; border-radius: 15px; color: #566d8d; background: #eef3f8; }
.account-data-import__steps > button .app-icon { width: 23px; height: 23px; }
.account-data-import__steps > button b { align-self: end; font-size: 15px; }
.account-data-import__steps > button small { align-self: start; color: #8390a2; font-size: 12px; font-weight: 750; }
.account-data-import__steps > button.is-active { border-color: #82b5ed; color: #1f65ae; background: linear-gradient(115deg,#edf7ff,#f4f2ff); box-shadow: 0 8px 20px rgba(46,103,178,.1); }
.account-data-import__steps > button.is-active > span { color: #fff; background: linear-gradient(135deg,#2787df,#6754d9); }
.account-data-import__steps > button.is-locked:not(.is-active) { border-style: dashed; }

.account-data-import__panel { display: grid; gap: 18px; padding: 22px; border: 1px solid #dce4ef; border-radius: 22px; background: #fff; box-shadow: 0 12px 28px rgba(41,62,96,.07); }
.account-data-import__panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.account-data-import__panel > header p, .account-data-import__panel > header h3 { margin: 0; }
.account-data-import__panel > header p { margin-bottom: 4px; color: #2679c0; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.account-data-import__panel > header h3 { margin-bottom: 5px; color: #2c3b52; font-size: 22px; }
.account-data-import__panel > header div > span { color: #68778d; font-size: 14px; line-height: 1.5; }
.account-data-import__panel > header > b { flex: 0 0 auto; padding: 8px 11px; border-radius: 999px; color: #18755c; background: #e9f8f2; font-size: 12px; }

.account-data-import #patientImportAnalyzeForm, .account-data-import #agendaImportAnalyzeForm { display: grid; gap: 14px; }
.account-data-import__dropzone { display: grid; min-height: 210px; place-items: center; align-content: center; gap: 8px; padding: 28px; border: 2px dashed #a8c4e2; border-radius: 20px; color: #3d5574; background: linear-gradient(135deg,#f2f9ff,#f8f6ff); text-align: center; cursor: pointer; transition: border-color .16s,background .16s,transform .16s; }
.account-data-import__dropzone.is-dragging { border-color: #326fc2; background: #eaf5ff; transform: translateY(-2px); }
.account-data-import__dropzone.has-file { border-style: solid; border-color: #55a896; background: #effaf6; }
.account-data-import__dropzone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.account-data-import__dropzone > span { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 19px; color: #fff; background: linear-gradient(145deg,#2385d2,#6754d4); box-shadow: 0 10px 22px rgba(50,91,192,.22); }
.account-data-import__dropzone > span .app-icon { width: 29px; height: 29px; }
.account-data-import__dropzone strong { font-size: 17px; }
.account-data-import__dropzone small { color: #718199; font-size: 13px; line-height: 1.45; }
.account-data-import #patientImportAnalyzeForm > aside, .account-data-import #agendaImportAnalyzeForm > aside { display: flex; align-items: flex-start; gap: 11px; padding: 14px 16px; border: 1px solid #cce3dd; border-radius: 15px; color: #3f6862; background: #f0faf7; }
.account-data-import #patientImportAnalyzeForm > aside .app-icon, .account-data-import #agendaImportAnalyzeForm > aside .app-icon { width: 22px; height: 22px; flex: 0 0 22px; color: #188274; }
.account-data-import #patientImportAnalyzeForm > aside p, .account-data-import #agendaImportAnalyzeForm > aside p { margin: 0; }
.account-data-import #patientImportAnalyzeForm > aside strong, .account-data-import #agendaImportAnalyzeForm > aside strong { display: block; margin-bottom: 2px; font-size: 14px; }
.account-data-import #patientImportAnalyzeForm > aside span, .account-data-import #agendaImportAnalyzeForm > aside span { color: #617b78; font-size: 13px; line-height: 1.5; }
.account-data-import #patientImportStatus, .account-data-import #agendaImportStatus { min-height: 20px; margin: 0; color: #52677f; font-size: 13px; font-weight: 750; }
.account-data-import #analyzePatientImport, .account-data-import #analyzeAgendaImport { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; justify-self: end; padding: 11px 20px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg,#227fd0,#5b56cf); box-shadow: 0 8px 18px rgba(48,88,181,.18); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.account-data-import #analyzePatientImport:disabled, .account-data-import #analyzeAgendaImport:disabled { cursor: not-allowed; opacity: .48; box-shadow: none; }
.account-data-import #analyzePatientImport .app-icon, .account-data-import #analyzeAgendaImport .app-icon { width: 19px; height: 19px; }

.account-data-import__analysis { display: grid; gap: 17px; padding-top: 20px; border-top: 1px solid #e2e8f1; }
.account-data-import__analysis > header, .account-data-import__mapping > header, .account-data-import__configuration > header, .account-data-import__preview > header, .account-data-import__normalized > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.account-data-import__analysis > header p, .account-data-import__analysis > header h3, .account-data-import__mapping p, .account-data-import__mapping h4, .account-data-import__configuration p, .account-data-import__configuration h4, .account-data-import__preview p, .account-data-import__preview h4, .account-data-import__normalized p, .account-data-import__normalized h4 { margin: 0; }
.account-data-import__analysis > header p, .account-data-import__mapping > header p, .account-data-import__configuration > header p, .account-data-import__preview > header p, .account-data-import__normalized > header p { margin-bottom: 3px; color: #2679c0; font-size: 12px; font-weight: 900; letter-spacing: .09em; }
.account-data-import__analysis > header h3 { font-size: 21px; }
.account-data-import__analysis > header > b { padding: 7px 10px; border-radius: 999px; color: #18745a; background: #e7f8f1; font-size: 12px; }
.account-data-import__analysis > dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 0; }
.account-data-import__analysis > dl > div { display: grid; gap: 4px; padding: 14px; border: 1px solid #dee6f1; border-radius: 14px; background: #f8fafd; }
.account-data-import__analysis dt { color: #738196; font-size: 12px; font-weight: 800; }
.account-data-import__analysis dd { margin: 0; color: #2e527f; font-size: 23px; font-weight: 900; }
.account-data-import__analysis-note { margin: 0; padding: 13px 15px; border-left: 4px solid #427dc4; border-radius: 10px; color: #50647d; background: #f0f6fd; font-size: 13px; line-height: 1.5; }
.account-data-import__mapping, .account-data-import__configuration, .account-data-import__preview, .account-data-import__normalized { display: grid; gap: 11px; padding-top: 3px; }
.account-data-import__mapping h4, .account-data-import__configuration h4, .account-data-import__preview h4, .account-data-import__normalized h4 { font-size: 18px; }
.account-data-import__mapping > header > span, .account-data-import__configuration > header > span, .account-data-import__preview > header > span { color: #77869b; font-size: 12px; font-weight: 750; }
.account-data-import #patientImportMapping { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.account-data-import__mapping-row { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid #dfe6f0; border-radius: 13px; background: #fbfcfe; }
.account-data-import__mapping-row strong { overflow-wrap: anywhere; color: #3c4d64; font-size: 13px; }
.account-data-import__mapping-row select { min-width: 190px; max-width: 260px; min-height: 40px; padding: 7px 34px 7px 10px; border: 1px solid #bfd5e9; border-radius: 10px; color: #226daa; background: #eef7ff; font: inherit; font-size: 12px; font-weight: 800; }
.account-data-import__mapping-row.is-review select { border-color: #d6cae8; color: #6f5c8d; background: #f5f1fa; }
.account-data-import__mapping-row.is-excluded select { border-color: #dce2e8; color: #596879; background: #edf1f5; }
.account-data-import__configuration { padding: 17px; border: 1px solid #dce5f0; border-radius: 17px; background: linear-gradient(135deg,#f7fbff,#faf9ff); }
.account-data-import__configuration > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.account-data-import__configuration label { display: grid; min-width: 0; gap: 6px; align-content: start; }
.account-data-import__configuration label > span { color: #455870; font-size: 13px; font-weight: 850; }
.account-data-import__configuration select { width: 100%; min-height: 44px; padding: 8px 34px 8px 10px; border: 1px solid #cbd8e7; border-radius: 11px; color: #344a65; background: #fff; font: inherit; font-size: 13px; }
.account-data-import__configuration label small { color: #728197; font-size: 12px; line-height: 1.4; }
.account-data-import #patientImportPreviewStatus { min-height: 19px; color: #52677f; font-size: 13px; font-weight: 750; }
.account-data-import #previewPatientImport, .account-data-import #previewAgendaImport { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; justify-self: end; padding: 10px 18px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#1d817c,#3168ba); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.account-data-import #previewPatientImport:disabled, .account-data-import #previewAgendaImport:disabled { cursor: wait; opacity: .55; }
.account-data-import #previewPatientImport .app-icon, .account-data-import #previewAgendaImport .app-icon { width: 18px; height: 18px; }
.account-data-import__configuration > .account-data-import__agenda-configuration { grid-template-columns: minmax(0,520px); }
.account-data-import #agendaImportPreviewStatus { min-height: 19px; margin: 0; color: #52677f; font-size: 13px; font-weight: 750; }
.account-data-import #patientImportPreview { display: grid; gap: 9px; }
.account-data-import__preview-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 13px; border: 1px solid #e0e7f0; border-radius: 14px; background: #fafbfd; }
.account-data-import__preview-row > strong { grid-column: 1 / -1; color: #4c5e75; font-size: 13px; }
.account-data-import__preview-value { display: grid; min-width: 0; gap: 2px; padding: 9px 10px; border-radius: 10px; background: #fff; }
.account-data-import__preview-value small { color: #7c899a; font-size: 12px; font-weight: 800; }
.account-data-import__preview-value span { overflow-wrap: anywhere; color: #35465d; font-size: 13px; line-height: 1.4; }
.account-data-import__normalized { padding: 17px; border: 1px solid #cfe0ec; border-radius: 17px; background: #f7fbfd; }
.account-data-import__normalized > header > b { padding: 7px 10px; border-radius: 999px; color: #13715c; background: #e4f7f0; font-size: 12px; }
.account-data-import__normalized > dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 0; }
.account-data-import__normalized > dl > div { padding: 12px; border-radius: 12px; background: #fff; }
.account-data-import__normalized dt { color: #728096; font-size: 12px; font-weight: 800; }
.account-data-import__normalized dd { margin: 3px 0 0; color: #28577c; font-size: 22px; font-weight: 900; }
.account-data-import #patientImportNormalizedNote { color: #60748a; font-size: 13px; line-height: 1.5; }
.account-data-import #patientImportNormalizedRows { display: grid; gap: 8px; max-height: 420px; overflow: auto; }
.account-data-import__normalized-row { display: grid; gap: 5px; padding: 12px 13px; border: 1px solid #dbe5ed; border-left: 5px solid #4c8dca; border-radius: 12px; background: #fff; }
.account-data-import__normalized-row.is-review { border-left-color: #7d6ab2; }
.account-data-import__normalized-row.is-invalid { border-left-color: #c44c68; }
.account-data-import__normalized-row > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-data-import__normalized-row strong { color: #34495f; font-size: 14px; }
.account-data-import__normalized-row header b { color: #36745e; font-size: 12px; }
.account-data-import__normalized-row.is-review header b { color: #69558c; }
.account-data-import__normalized-row.is-invalid header b { color: #a13e57; }
.account-data-import__normalized-row p { overflow-wrap: anywhere; color: #53677d; font-size: 13px; line-height: 1.45; }
.account-data-import__normalized-row > small { overflow-wrap: anywhere; color: #7b698e; font-size: 12px; line-height: 1.4; }
.account-data-import__normalized-row > aside { display: grid; gap: 3px; padding: 9px 10px; border-radius: 10px; color: #3d5f79; background: #edf6fb; }
.account-data-import__normalized-row > aside strong { font-size: 13px; }
.account-data-import__normalized-row > aside p { margin: 0; color: #455f75; font-size: 13px; }
.account-data-import__normalized-row > aside small { color: #6c7f91; font-size: 12px; font-weight: 750; }
.account-data-import__decision { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,320px); align-items: center; gap: 10px; padding-top: 6px; border-top: 1px solid #e4eaf0; }
.account-data-import__decision > span { color: #53677d; font-size: 12px; font-weight: 850; }
.account-data-import__decision select { min-height: 40px; padding: 7px 32px 7px 10px; border: 1px solid #c7d7e5; border-radius: 10px; color: #34536d; background: #f8fbfd; font: inherit; font-size: 12px; font-weight: 800; }
.account-data-import__commit { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px 18px; margin-top: 4px; padding: 16px; border: 1px solid #bedbd3; border-radius: 15px; color: #375f59; background: #eef9f6; }
.account-data-import__commit p, .account-data-import__commit strong { margin: 0; }
.account-data-import__commit > div strong { display: block; margin-bottom: 3px; font-size: 14px; }
.account-data-import__commit > div p { color: #58736f; font-size: 13px; line-height: 1.45; }
.account-data-import__commit > label { display: flex; grid-column: 1 / -1; align-items: flex-start; gap: 9px; color: #476963; font-size: 13px; font-weight: 750; line-height: 1.45; cursor: pointer; }
.account-data-import__commit > label input { width: 18px; height: 18px; flex: 0 0 18px; margin: 1px 0 0; accent-color: #198477; }
.account-data-import #patientImportCommitStatus { min-height: 19px; color: #4e6c67; font-size: 13px; font-weight: 750; }
.account-data-import #commitPatientImport { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#168778,#2269b1); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.account-data-import #commitPatientImport:disabled { cursor: not-allowed; opacity: .5; }
.account-data-import #commitPatientImport .app-icon { width: 18px; height: 18px; }

.account-data-import__agenda-gate { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid #cadced; border-radius: 17px; color: #3c5875; background: #f0f7fd; }
.account-data-import__agenda-gate > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg,#2786ce,#5c58cf); }
.account-data-import__agenda-gate .app-icon { width: 27px; height: 27px; }
.account-data-import__agenda-gate strong { display: block; margin-bottom: 4px; font-size: 16px; }
.account-data-import__agenda-gate p { margin: 0; color: #60768d; font-size: 13px; line-height: 1.45; }
.account-data-import__agenda-gate > button { min-height: 42px; padding: 9px 14px; border: 1px solid #8eb7df; border-radius: 12px; color: #2366a5; background: #fff; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; }
.account-data-import__calendar-help { display: grid; gap: 9px; }
.account-data-import__calendar-help > header p, .account-data-import__calendar-help > header h3 { margin: 0; }
.account-data-import__calendar-help > header p { margin-bottom: 3px; color: #2679c0; font-size: 12px; font-weight: 900; letter-spacing: .09em; }
.account-data-import__calendar-help > header h3 { font-size: 19px; }
.account-data-import__calendar-help details { border: 1px solid #dee6f0; border-radius: 13px; background: #fafbfd; }
.account-data-import__calendar-help summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; color: #3e5068; font-size: 14px; font-weight: 850; cursor: pointer; }
.account-data-import__calendar-help summary b { color: #3975b3; font-size: 12px; }
.account-data-import__calendar-help details p { margin: 0; padding: 0 14px 14px; color: #63748b; font-size: 13px; line-height: 1.55; }
.account-data-import__agenda-preview { display: grid; gap: 11px; }
.account-data-import__agenda-preview > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.account-data-import__agenda-preview > header p, .account-data-import__agenda-preview > header h4 { margin: 0; }
.account-data-import__agenda-preview > header p { margin-bottom: 3px; color: #2679c0; font-size: 12px; font-weight: 900; letter-spacing: .09em; }
.account-data-import__agenda-preview > header h4 { color: #34455d; font-size: 18px; }
.account-data-import__agenda-preview > header > span { color: #6f7e91; font-size: 12px; font-weight: 800; }
.account-data-import__agenda-pages { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px; border: 1px solid #d9e4ee; border-radius: 12px; background: #f6f9fc; }
.account-data-import__agenda-pages > strong { color: #52667d; font-size: 12px; text-align: center; }
.account-data-import__agenda-pages > button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border: 1px solid #c8d9e8; border-radius: 9px; color: #326b9f; background: #fff; font: inherit; font-size: 12px; font-weight: 850; cursor: pointer; }
.account-data-import__agenda-pages > button:disabled { color: #8794a5; cursor: not-allowed; opacity: .55; }
.account-data-import__agenda-pages .app-icon { width: 16px; height: 16px; }
.account-data-import #agendaImportOccurrences { display: grid; gap: 10px; }
.account-data-import__agenda-event { display: grid; min-width: 0; gap: 7px; padding: 15px; border: 1px solid #dce5ef; border-left: 5px solid #4e8ac4; border-radius: 14px; background: #fafcfe; }
.account-data-import__agenda-event.is-invalid { border-left-color: #a7608f; background: #fcf8fb; }
.account-data-import__agenda-event.is-skip_recommended { border-left-color: #718099; background: #f7f9fb; }
.account-data-import__agenda-event > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.account-data-import__agenda-event > header strong { overflow-wrap: anywhere; color: #35485f; font-size: 15px; }
.account-data-import__agenda-event > header b { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: #286b9c; background: #e9f4fc; font-size: 12px; }
.account-data-import__agenda-event.is-invalid > header b { color: #82516f; background: #f4eaf1; }
.account-data-import__agenda-event.is-skip_recommended > header b { color: #58677a; background: #e9edf2; }
.account-data-import__agenda-event > p, .account-data-import__agenda-event > small { margin: 0; overflow-wrap: anywhere; color: #576b82; font-size: 13px; line-height: 1.48; }
.account-data-import__agenda-event > small { color: #708095; font-size: 12px; font-weight: 750; }
.account-data-import__agenda-event .account-data-import__agenda-description { max-height: 7.4em; overflow: auto; padding: 9px 11px; border-radius: 10px; background: #fff; white-space: pre-wrap; }
.account-data-import__agenda-event > ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 1px 0 0; padding: 0; list-style: none; }
.account-data-import__agenda-event > ul li { padding: 6px 8px; border-radius: 8px; color: #5e607a; background: #eef0f8; font-size: 12px; font-weight: 750; }
.account-data-import__agenda-match { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid #c8e1d9; border-radius: 10px; color: #386b61; background: #edf8f5; }
.account-data-import__agenda-match strong { font-size: 13px; }
.account-data-import__agenda-match span { font-size: 12px; line-height: 1.4; }
.account-data-import__agenda-decision { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; margin-top: 4px; padding: 13px; border-top: 1px solid #dfe7ef; border-radius: 11px; background: #f3f7fb; }
.account-data-import__agenda-decision > strong { grid-column: 1 / -1; color: #3c536c; font-size: 13px; }
.account-data-import__agenda-decision > label { display: grid; min-width: 0; gap: 5px; color: #4b6077; font-size: 12px; font-weight: 800; }
.account-data-import__agenda-decision select, .account-data-import__agenda-decision input[type="search"] { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #c6d5e4; border-radius: 10px; color: #314b65; background: #fff; font: inherit; font-size: 13px; }
.account-data-import__patient-results { display: grid; gap: 5px; max-height: 180px; overflow: auto; }
.account-data-import__patient-results > button { padding: 8px 10px; border: 1px solid #d4e0eb; border-radius: 9px; color: #365875; background: #fff; font: inherit; font-size: 12px; font-weight: 750; text-align: left; cursor: pointer; }
.account-data-import__patient-results > button:hover { border-color: #75a9d5; background: #eef7ff; }
.account-data-import__patient-results > small { color: #708096; font-size: 12px; }
.account-data-import__agenda-decision > .account-data-import__outside-confirmation { display: flex; grid-column: 1 / -1; align-items: flex-start; gap: 8px; padding: 10px; border: 1px solid #cfc9e8; border-radius: 10px; color: #645986; background: #f5f2fb; line-height: 1.45; }
.account-data-import__outside-confirmation input { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; accent-color: #5f55ad; }
.account-data-import__agenda-confirmation { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px 18px; padding: 17px; border: 1px solid #b8d9d1; border-radius: 16px; color: #385e59; background: #eef9f6; }
.account-data-import__agenda-confirmation p, .account-data-import__agenda-confirmation h4 { margin: 0; }
.account-data-import__agenda-confirmation > div > p { margin-bottom: 3px; color: #187b6d; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.account-data-import__agenda-confirmation h4 { margin-bottom: 4px; font-size: 16px; }
.account-data-import__agenda-confirmation > div > span { color: #5b746f; font-size: 13px; line-height: 1.45; }
.account-data-import__agenda-confirmation > label { display: flex; grid-column: 1 / -1; align-items: flex-start; gap: 9px; font-size: 13px; font-weight: 750; line-height: 1.45; cursor: pointer; }
.account-data-import__agenda-confirmation > label input { width: 18px; height: 18px; flex: 0 0 18px; margin: 1px 0 0; accent-color: #198477; }
.account-data-import #agendaImportCommitStatus { min-height: 19px; color: #4e6c67; font-size: 13px; font-weight: 750; }
.account-data-import #commitAgendaImport { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#168778,#2269b1); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.account-data-import #commitAgendaImport:disabled { cursor: not-allowed; opacity: .5; }
.account-data-import #commitAgendaImport .app-icon { width: 18px; height: 18px; }
.account-data-import__agenda-truncated { margin: 0; padding: 13px 15px; border-radius: 11px; color: #53677e; background: #eef5fb; font-size: 13px; line-height: 1.5; }
.account-data-import__history { display: grid; gap: 10px; padding: 18px; border: 1px solid #dbe5ef; border-radius: 17px; background: #fff; }
.account-data-import__history > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.account-data-import__history > header p, .account-data-import__history > header h3, .account-data-import__history > p { margin: 0; }
.account-data-import__history > header p { margin-bottom: 3px; color: #2679c0; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.account-data-import__history > header h3 { color: #34455d; font-size: 18px; }
.account-data-import__history > header > span { color: #718096; font-size: 12px; font-weight: 800; }
.account-data-import #dataImportHistoryStatus { color: #63758b; font-size: 12px; line-height: 1.45; }
.account-data-import #dataImportHistory { display: grid; gap: 7px; }
.account-data-import #dataImportHistory > article { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid #e0e7ef; border-radius: 12px; background: #f9fbfd; }
.account-data-import #dataImportHistory > article > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #2f74b3; background: #eaf4fc; }
.account-data-import #dataImportHistory > article .app-icon { width: 21px; height: 21px; }
.account-data-import #dataImportHistory > article > div { display: grid; gap: 2px; min-width: 0; }
.account-data-import #dataImportHistory > article strong { color: #3d5067; font-size: 13px; }
.account-data-import #dataImportHistory > article small { overflow-wrap: anywhere; color: #718096; font-size: 12px; line-height: 1.4; }
.account-data-import #dataImportHistory > article > b { padding: 6px 9px; border-radius: 999px; color: #4e6177; background: #edf1f5; font-size: 12px; }
.account-data-import #dataImportHistory > article > b.is-completed { color: #18735c; background: #e6f7f0; }
.account-data-import #dataImportHistory > article > b.is-previewed { color: #316b9e; background: #e7f3fc; }
.account-data-import #dataImportHistory > article > b.is-expired { color: #725f87; background: #f0ebf6; }

@media (max-width: 780px) {
  .account-data-import__intro { grid-template-columns: 1fr; }
  .account-data-import__intro ol { justify-content: center; }
  .account-data-import__steps, .account-data-import #patientImportMapping, .account-data-import__configuration > div { grid-template-columns: 1fr; }
  .account-data-import__analysis > dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-data-import__agenda-gate { grid-template-columns: 48px minmax(0,1fr); }
  .account-data-import__agenda-gate > span { width: 48px; height: 48px; }
  .account-data-import__agenda-gate > button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 560px) {
  .account-data-import-dialog .account-data-import-body { padding: 14px; }
  .account-data-import-dialog > article > header, .account-data-import-dialog > article > footer { padding-right: 15px; padding-left: 15px; }
  .account-data-import-dialog > article > footer { align-items: stretch; flex-direction: column; }
  .account-data-import-dialog > article > footer small { display: none; }
  .account-data-import__intro, .account-data-import__panel { padding: 17px; border-radius: 18px; }
  .account-data-import__intro li { min-width: 62px; }
  .account-data-import__intro li:not(:last-child)::after { width: 20px; left: 43px; }
  .account-data-import__panel > header, .account-data-import__analysis > header, .account-data-import__mapping > header, .account-data-import__configuration > header, .account-data-import__preview > header, .account-data-import__normalized > header { align-items: flex-start; flex-direction: column; }
  .account-data-import__dropzone { min-height: 185px; padding: 20px 14px; }
  .account-data-import #analyzePatientImport, .account-data-import #analyzeAgendaImport { width: 100%; justify-self: stretch; }
  .account-data-import #previewPatientImport, .account-data-import #previewAgendaImport { width: 100%; justify-self: stretch; }
  .account-data-import__analysis > dl, .account-data-import__preview-row { grid-template-columns: 1fr; }
  .account-data-import__mapping-row { grid-template-columns: 1fr; }
  .account-data-import__mapping-row select { width: 100%; max-width: none; }
  .account-data-import__decision, .account-data-import__commit { grid-template-columns: 1fr; }
  .account-data-import__decision select, .account-data-import #commitPatientImport { width: 100%; }
  .account-data-import__commit > label { grid-column: auto; }
  .account-data-import__agenda-preview > header, .account-data-import__agenda-event > header { align-items: flex-start; flex-direction: column; }
  .account-data-import__agenda-decision, .account-data-import__agenda-confirmation { grid-template-columns: 1fr; }
  .account-data-import__agenda-decision > strong, .account-data-import__agenda-decision > .account-data-import__outside-confirmation, .account-data-import__agenda-confirmation > label { grid-column: auto; }
  .account-data-import #commitAgendaImport { width: 100%; }
  .account-data-import__agenda-pages { grid-template-columns: 1fr 1fr; }
  .account-data-import__agenda-pages > strong { grid-column: 1 / -1; grid-row: 1; }
  .account-data-import__history > header { align-items: flex-start; flex-direction: column; }
  .account-data-import #dataImportHistory > article { grid-template-columns: 42px minmax(0,1fr); }
  .account-data-import #dataImportHistory > article > b { grid-column: 1 / -1; justify-self: start; }
}
