/* Datos v2 — maqueta visual de alta fidelidad. Se carga después de styles.css. */
body.data-active { background: #f3f5fb; }
body.data-active .legacy-main { max-width: 1600px; padding: 30px clamp(18px,3vw,48px) 56px; }
.data-view { --data-navy:#18233f; --data-ink:#29334d; --data-muted:#6f7990; --data-violet:#554fd3; --data-coral:#e77a67; --data-mint:#1a9b70; color: var(--data-ink); }
.data-status { margin: 40px auto; color: #59647c; font-size: 16px; text-align: center; }
.data-workbench { grid-template-columns: 278px minmax(0,1fr); gap: 28px; }
.data-content { min-width: 0; }

.data-sidebar { top: 92px; border: 0; border-radius: 26px; box-shadow: 0 22px 60px rgba(38,44,85,.12); }
.data-sidebar > header { gap: 14px; padding: 24px 20px; background: radial-gradient(circle at 16% 0,rgba(149,142,255,.72),transparent 42%),linear-gradient(145deg,#3933bc,#181552); }
.data-sidebar > header > span { width: 48px; height: 48px; border-radius: 15px; }
.data-sidebar > header small { margin-bottom: 4px; font-size: 12px; letter-spacing: .14em; }
.data-sidebar > header strong { font-size: 16px; line-height: 1.25; }
.data-sidebar nav { gap: 4px; padding: 14px; }
.data-sidebar nav button { grid-template-columns: 42px minmax(0,1fr); min-height: 58px; column-gap: 12px; padding: 9px 10px; border-radius: 14px; color: #68728a; }
.data-sidebar nav button > span { width: 42px; height: 42px; border-radius: 13px; color: #5e5bd6; background: #f0f1ff; }
.data-sidebar nav button .app-icon { width: 20px; height: 20px; }
.data-sidebar nav button b { color: #2f3951; font-size: 14px; }
.data-sidebar nav button small { margin-top: 3px; font-size: 12px; line-height: 1.25; }
.data-sidebar nav button:hover { transform: translateX(2px); background: #f5f5ff; }
.data-sidebar nav button.is-active { color: #4c47c6; background: linear-gradient(90deg,#efefff,#f8f8ff); box-shadow: inset 4px 0 #554fd3; }
.data-sidebar nav button.is-active > span { color: #fff; background: linear-gradient(145deg,#6862e2,#4943c1); box-shadow: 0 8px 18px rgba(76,70,195,.25); }
.data-sidebar nav .data-sidebar-cash { margin-top: 9px; border: 1px solid #d8dded; background: #f8fafc; }
.data-sidebar nav .data-sidebar-cash > span { color: #147a62; background: #e6f7f0; }
.data-sidebar > aside { margin: 4px 14px 15px; padding: 14px; border: 1px solid #cdebdc; border-radius: 15px; }
.data-sidebar > aside strong { font-size: 13px; }
.data-sidebar > aside span { margin-top: 5px; font-size: 12px; line-height: 1.45; }

.data-command-bar { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.data-command-bar p,.data-screen-heading p { margin: 0 0 6px; color: #5b56ce; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.data-command-bar h1 { margin: 0; color: var(--data-navy); font-size: clamp(30px,3vw,42px); line-height: 1.05; letter-spacing: -.045em; }
.data-command-bar > div:first-child > span { display: block; margin-top: 8px; color: var(--data-muted); font-size: 15px; }
.data-command-badges { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.data-demo-badge,.data-readonly-badge { display: inline-flex; min-height: 35px; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.data-demo-badge { color: #4943b7; background: #efefff; box-shadow: inset 0 0 0 1px #d9d7fb; }
.data-demo-badge i { width: 8px; height: 8px; border-radius: 50%; background: #625bd5; box-shadow: 0 0 0 4px rgba(98,91,213,.15); }
.data-readonly-badge { color: #176b50; background: #e8f8f0; box-shadow: inset 0 0 0 1px #cfeade; }
.data-readonly-badge .app-icon { width: 16px; height: 16px; }

.data-period-panel { display: grid; grid-template-columns: auto minmax(280px,1fr); gap: 14px 20px; align-items: end; margin-bottom: 20px; padding: 15px 16px; border: 1px solid #dde2ef; border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(42,51,88,.06); }
.data-presets { display: flex; gap: 5px; padding: 4px; border-radius: 13px; background: #eef0f6; }
.data-presets button { min-height: 40px; padding: 8px 15px; border: 0; border-radius: 10px; color: #616c82; background: transparent; font-size: 13px; font-weight: 800; }
.data-presets button:hover { color: #38327f; background: #fafaff; }
.data-presets button.is-active { color: #fff; background: #4943c5; box-shadow: 0 6px 15px rgba(73,67,197,.24); }
.data-filters { display: flex; align-items: flex-end; justify-content: flex-end; gap: 10px; }
.data-filters label,.data-custom-dates label { display: grid; gap: 5px; min-width: 155px; font-size: 12px; }
.data-filters label > span,.data-custom-dates label > span,.data-payment-fields label > span { color: #5f6a80; font-size: 12px; font-weight: 850; }
.data-filters select,.data-filters input,.data-custom-dates input,.data-payment-fields select,.data-payment-fields input { min-height: 42px; padding: 8px 11px; border: 1px solid #cfd6e5; border-radius: 11px; color: #2d3850; background: #fff; font: inherit; font-size: 14px; }
.data-custom-dates { display: flex; align-items: flex-end; gap: 8px; }
.data-custom-dates button,#dataApplyDates { min-height: 42px; padding: 8px 14px; border: 0; border-radius: 11px; color: #fff; background: #4d47c8; font-size: 13px; font-weight: 850; }
.data-period-panel > p { grid-column: 1/-1; display: flex; align-items: center; gap: 8px; margin: 0; padding-top: 11px; border-top: 1px solid #eceff5; color: #3a455d; font-size: 14px; }
.data-period-panel > p .app-icon { width: 18px; height: 18px; color: #5a54cf; }
.data-period-panel > p span { margin-left: auto; color: #7b8497; }

/* El rango personalizado necesita una fila propia: nunca puede empujar los filtros encima de los períodos. */
body.data-active .data-period-panel:has(#dataCustomDates:not([hidden])) { grid-template-columns: minmax(0,1fr); }
body.data-active .data-period-panel:has(#dataCustomDates:not([hidden])) .data-filters { justify-content: flex-start; flex-wrap: wrap; }
body.data-active .data-period-panel:has(#dataCustomDates:not([hidden])) .data-presets { width: max-content; max-width: 100%; }

.data-screen { animation: data-screen-in .24s ease both; }
.data-screen[hidden] { display: none !important; }
@keyframes data-screen-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.data-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 28px; overflow: hidden; margin-bottom: 18px; padding: clamp(24px,4vw,44px); border-radius: 27px; color: #fff; background: radial-gradient(circle at 12% 5%,rgba(145,137,255,.75),transparent 38%),radial-gradient(circle at 93% 90%,rgba(40,194,157,.3),transparent 40%),linear-gradient(135deg,#282379,#15183d); box-shadow: 0 24px 52px rgba(36,32,111,.2); }
.data-hero::after { position: absolute; right: 27%; bottom: -100px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.02); content: ""; }
.data-hero > div,.data-hero > aside { position: relative; z-index: 1; }
.data-hero-kicker { color: #cbc9ff; font-size: 12px; font-weight: 900; letter-spacing: .15em; }
.data-hero h2 { margin: 11px 0 12px; font-size: clamp(29px,3.4vw,48px); line-height: 1.07; letter-spacing: -.045em; }
.data-hero h2 em { color: #8ce2c4; font-style: normal; }
.data-hero > div > p { max-width: 700px; margin: 0; color: #d5d8ed; font-size: 16px; line-height: 1.55; }
.data-hero > aside { align-self: center; padding: 22px; border: 1px solid rgba(255,255,255,.17); border-radius: 19px; background: rgba(255,255,255,.1); backdrop-filter: blur(10px); }
.data-hero > aside > span { color: #a9f0d6; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.data-hero > aside strong { display: block; margin: 8px 0 17px; font-size: 20px; line-height: 1.3; }
.data-hero > aside button { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 9px 13px; border: 0; border-radius: 11px; color: #24216f; background: #fff; font-size: 13px; font-weight: 900; }
.data-hero > aside button .app-icon { width: 16px; height: 16px; }

.data-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
.data-metrics article { min-height: 145px; padding: 20px; border: 0; border-radius: 19px; background: #fff; box-shadow: 0 10px 28px rgba(47,56,96,.075); }
.data-metrics article > span { width: 43px; height: 43px; border-radius: 13px; }
.data-metrics article small { font-size: 12px; letter-spacing: .08em; }
.data-metrics article strong { margin-top: 8px; font-size: clamp(20px,2vw,27px); }
.data-metrics article p { margin-top: 7px; font-size: 12px; line-height: 1.35; }
.data-chart-card,.data-table-card,.data-channel-card,.data-activity-card,.data-integrity-card,.data-coverage-card { border: 0; border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(46,55,94,.08); }
.data-chart-card { margin-bottom: 16px; }
.data-chart-card > header { padding: 23px 24px 10px; }
.data-chart-card header p,.data-activity-card header p,.data-integrity-card header p { font-size: 12px; }
.data-chart-card header h2,.data-activity-card header h2,.data-integrity-card header h2 { font-size: 24px; }
.data-chart-card header > div:first-child > span { margin-top: 5px; font-size: 14px; }
.data-chart-legend { gap: 15px; font-size: 13px; }
body.data-active .data-chart-legend span { font-size: 12px; }
.data-chart { height: 315px; padding: 4px 18px 0; }
.data-chart svg text { font-size: 12px !important; }
.data-chart-card > footer { padding: 14px 24px 18px; font-size: 13px; }
.data-chart-card > footer b { font-size: 15px; }
.data-overview-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.data-overview-actions button { display: grid; grid-template-columns: 45px minmax(0,1fr); gap: 3px 13px; align-items: center; min-height: 84px; padding: 16px; border: 1px solid #e0e4ef; border-radius: 17px; color: #374159; background: #fff; text-align: left; transition: .18s ease; }
.data-overview-actions button:hover { transform: translateY(-2px); border-color: #bfc0ed; box-shadow: 0 12px 26px rgba(59,55,147,.1); }
.data-overview-actions button > span { display: grid; grid-row: 1/3; width: 45px; height: 45px; place-items: center; border-radius: 14px; color: #514bd0; background: #efefff; }
.data-overview-actions strong { font-size: 15px; }.data-overview-actions small { font-size: 12px; color: #7c8597; }

.data-screen-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 4px 2px; }
.data-screen-heading h2 { margin: 0; color: var(--data-navy); font-size: clamp(27px,3vw,38px); letter-spacing: -.04em; }
.data-screen-heading > div > span { display: block; max-width: 760px; margin-top: 8px; color: var(--data-muted); font-size: 15px; line-height: 1.5; }
.data-screen-heading > button,.data-table-card > header button,.data-legacy-payments button { display: inline-flex; min-height: 43px; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid #d2d8e6; border-radius: 11px; color: #444ec0; background: #fff; font-size: 13px; font-weight: 850; }
.data-screen-heading > button { border-color: #4d47c8; color: #fff; background: #4d47c8; box-shadow: 0 8px 19px rgba(77,71,200,.2); }
.data-screen-heading button .app-icon { width: 17px; height: 17px; }
.data-section-stats { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; margin-bottom: 16px; border: 1px solid #dee3ee; border-radius: 19px; background: #fff; box-shadow: 0 9px 27px rgba(48,56,92,.06); }
.data-section-stats article { position: relative; padding: 20px 22px; border-left: 1px solid #e8ebf2; }
.data-section-stats article:first-child { border-left: 0; }
.data-section-stats span,.data-section-stats strong,.data-section-stats small { display: block; }
.data-section-stats span { color: #6d778b; font-size: 13px; font-weight: 750; }
.data-section-stats strong { margin-top: 7px; color: #29334a; font-size: 23px; }
.data-section-stats small { margin-top: 5px; color: #8590a2; font-size: 12px; }
.data-section-stats .is-balance { background: linear-gradient(145deg,#f1f2ff,#fafaff); }.data-section-stats .is-balance strong { color: #4b4aa3; }
.data-table-card { overflow: hidden; }
.data-table-card > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid #e7eaf1; }
.data-table-card h3,.data-channel-card h3,.data-legacy-payments h3 { margin: 0; color: #263149; font-size: 20px; letter-spacing: -.02em; }
.data-table-card header p,.data-channel-card header p,.data-legacy-payments header span { margin: 5px 0 0; color: #7a8497; font-size: 13px; }
.data-table-tools { display: flex; align-items: center; gap: 8px; }
.data-table-tools label { display: flex; min-width: 250px; min-height: 42px; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #d0d7e4; border-radius: 11px; background: #fff; }
.data-table-tools label .app-icon { width: 17px; height: 17px; color: #768095; }
.data-table-tools input { width: 100%; border: 0; outline: 0; color: #303a51; background: transparent; font: inherit; font-size: 13px; }
.data-table-tools select { min-height: 42px; padding: 8px 10px; border: 1px solid #d0d7e4; border-radius: 11px; color: #3b455c; background: #fff; font: inherit; font-size: 13px; }
.data-table-wrap { max-width: 100%; overflow-x: auto; }
.data-table-wrap table { width: 100%; min-width: 860px; border-collapse: collapse; }
.data-table-wrap th { padding: 12px 18px; color: #687286; background: #f7f8fb; font-size: 12px; font-weight: 900; letter-spacing: .055em; text-align: left; text-transform: uppercase; }
.data-table-wrap td { padding: 16px 18px; border-top: 1px solid #eceef4; color: #4d586e; font-size: 13px; line-height: 1.35; vertical-align: middle; }
.data-table-wrap td strong,.data-table-wrap td small { display: block; }.data-table-wrap td strong { color: #2c374f; font-size: 14px; }.data-table-wrap td small { margin-top: 4px; color: #8992a2; font-size: 12px; }
.data-table-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 20px; border-top: 1px solid #e8ebf1; color: #788397; background: #fbfcfd; font-size: 12px; }
.data-table-card > footer button { min-height: 35px; padding: 7px 11px; border: 1px solid #d7dce7; border-radius: 9px; color: #505a6e; background: #fff; font-size: 12px; }.data-table-card > footer button:disabled { opacity: .45; }
.data-state,.data-channel-pill { display: inline-flex; min-height: 28px; align-items: center; padding: 5px 9px; border-radius: 999px; font-size: 12px; font-weight: 850; white-space: nowrap; }
.data-state.is-ok { color: #13704f; background: #e5f7ee; }.data-state.is-info { color: #2d5f9c; background: #e8f1fb; }.data-state.is-read { color: #5b48b8; background: #efebff; }.data-state.is-danger { color: #a44b44; background: #ffebe8; }
.data-channel-pill.is-whatsapp { color: #137553; background: #e5f8ee; }.data-channel-pill.is-email { color: #3965a8; background: #e9f1fc; }

.data-cash-explainer { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; gap: 10px; margin-bottom: 16px; padding: 20px; border: 1px solid #d9e4e5; border-radius: 20px; background: linear-gradient(120deg,#f2fbf8,#fff); box-shadow: 0 10px 28px rgba(31,91,82,.07); }
.data-cash-explainer > div { display: flex; align-items: center; gap: 13px; }.data-cash-explainer > div > span { display: grid; width: 46px; height: 46px; place-items: center; flex: 0 0 auto; border-radius: 14px; color: #14795e; background: #dff5ec; }.data-cash-explainer .app-icon { width: 21px; height: 21px; }
.data-cash-explainer p { margin: 0; }.data-cash-explainer small,.data-cash-explainer strong,.data-cash-explainer b { display: block; }.data-cash-explainer small { color: #718079; font-size: 12px; font-weight: 900; }.data-cash-explainer strong { margin-top: 5px; color: #263e3b; font-size: 22px; }.data-cash-explainer b { margin-top: 3px; color: #7c8987; font-size: 12px; font-weight: 650; }
.data-cash-explainer > i { height: 1px; background: #c9dddc; }
.data-split-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(310px,.6fr); gap: 16px; }
.data-compact-list article { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; gap: 13px; align-items: center; padding: 17px 20px; border-top: 1px solid #eceff4; }.data-compact-list article:first-child { border-top: 0; }
.data-compact-list article > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #4c50be; background: #efeffe; }.data-compact-list article > span.is-cash { color: #17785c; background: #e5f6ef; }.data-compact-list article > span.is-mp { color: #34739e; background: #e8f4fb; }
.data-compact-list p { margin: 0; }.data-compact-list strong,.data-compact-list small { display: block; }.data-compact-list strong { color: #2f394f; font-size: 14px; }.data-compact-list small { margin-top: 4px; color: #818b9d; font-size: 12px; }.data-compact-list article > b { color: #2a354c; font-size: 15px; }
.data-channel-card { padding: 22px; }.data-channel-card header p { color: #5a55cb; font-size: 12px; font-weight: 900; letter-spacing: .1em; }.data-channel-ring { display: grid; width: 160px; height: 160px; place-items: center; margin: 24px auto; border-radius: 50%; background: conic-gradient(#5c55d2 0 55%,#34a98b 55% 73%,#65a9d8 73% 81%,#e6d0af 81% 100%); }.data-channel-ring::before { grid-area: 1/1; width: 112px; height: 112px; border-radius: 50%; background: #fff; content:""; }.data-channel-ring span { z-index: 1; grid-area: 1/1; text-align: center; }.data-channel-ring strong,.data-channel-ring small { display: block; }.data-channel-ring strong { color: #292f50; font-size: 30px; }.data-channel-ring small { color: #7e8799; font-size: 12px; }
.data-channel-card dl { margin: 0; }.data-channel-card dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid #edf0f4; }.data-channel-card dt,.data-channel-card dd { margin: 0; color: #566176; font-size: 13px; }.data-channel-card dd { color: #29354b; font-weight: 800; }.data-channel-card dt i { display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: #5c55d2; }.data-channel-card dt i.is-mp { background:#34a98b; }.data-channel-card dt i.is-card { background:#65a9d8; }.data-channel-card dt i.is-cash { background:#e6d0af; }

/* Flujos existentes: misma densidad visual que Ficha y Agenda. */
.data-coverage-workflow > header { padding: 25px 26px 20px; }.data-coverage-workflow > header p { font-size: 12px; }.data-coverage-workflow > header h2 { font-size: 27px; }.data-coverage-workflow > header > div:first-child > span { margin-top: 7px; font-size: 14px; line-height: 1.45; }
.coverage-workflow-actions button,.coverage-queue-panel > header button { min-height: 42px; padding: 9px 13px; font-size: 13px; }.coverage-workflow-actions .app-icon { width: 17px; height: 17px; }
.coverage-stage-strip { margin: 0 26px; }.coverage-stage-strip article { min-height: 120px; padding: 18px; }.coverage-stage-strip article > span { width: 36px; height: 36px; font-size: 13px; }.coverage-stage-strip small { font-size: 12px; }.coverage-stage-strip strong { margin-top: 7px; font-size: 19px; }.coverage-stage-strip b { margin-top: 4px; font-size: 12px; }
.coverage-workflow-grid { padding: 19px 26px 26px; }.coverage-queue-panel h3,.coverage-cycle-panel h3,.payables-list-panel > header h3 { font-size: 16px; }.coverage-queue-panel header p,.payables-list-panel > header p { margin-top: 4px; font-size: 12px; }.coverage-cycle-panel section > header span,.payables-list-panel > header > span { min-width: 30px; height: 30px; font-size: 12px; }
.coverage-operation-row { grid-template-columns: 30px minmax(0,1fr) auto; gap: 12px; padding: 15px; }.coverage-operation-check input { width: 18px; height: 18px; }.coverage-operation-row strong,.coverage-operation-row p b { font-size: 13px; }.coverage-operation-row div > span { margin-top: 5px; font-size: 12px; }.coverage-operation-row > em { padding: 6px 9px; font-size: 12px; }
.coverage-cycle-row { padding: 14px 15px; }.coverage-cycle-row strong,.coverage-cycle-row p b { font-size: 13px; }.coverage-cycle-row div > span { margin-top: 5px; font-size: 12px; }.coverage-cycle-row > button { min-height: 34px; padding: 7px 10px; font-size: 12px; }
.coverage-legacy-details summary { padding: 15px 26px; font-size: 13px; }.coverage-legacy-details > aside { padding: 14px; }.coverage-legacy-details > aside strong { font-size: 13px; }.coverage-legacy-details > aside span { font-size: 12px; }
.data-coverage-visual dt { font-size: 13px; }.data-coverage-visual dd { font-size: 17px; }.data-coverage-list article p { font-size: 13px; }.data-coverage-list article small { font-size: 12px; }
.payables-flow-note { margin: 18px 26px 0; padding: 15px; }.payables-flow-note span { font-size: 12px; }.payables-flow-note span b { font-size: 13px; }.payables-workflow-grid { padding: 19px 26px 25px; }.payables-row { padding: 15px; }.payables-row strong,.payables-row p b { font-size: 13px; }.payables-row div > span { margin-top: 5px; font-size: 12px; }.payables-row > em,.payables-row > button { font-size: 12px; }.payables-legacy-details > p { padding: 0 26px 18px; font-size: 13px; }
.payables-workflow .payables-stage-strip .is-submitted > span { color: #3367a9; background: #e9f2ff; }
.payables-workflow .payables-stage-strip .is-approved > span { color: #6253b8; background: #efedff; }
.payables-workflow .payables-row.is-overdue > em { color: #3d6593; background: #eaf3fc; }
.payables-workflow .data-legacy-payments { margin: 0 26px 22px; overflow: hidden; border: 1px solid #dfe5ea; border-radius: 19px; background: #fff; box-shadow: 0 12px 34px rgba(42,55,88,.06); }
.payables-workflow .data-legacy-payments > header { display: flex; justify-content: space-between; gap: 18px; padding: 21px; border-bottom: 1px solid #e7eaef; }
.payables-workflow .data-legacy-payments > header p { margin: 0 0 5px; color: #19727a; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.payables-workflow .data-legacy-payments > header h3 { margin: 0; color: #26364c; font-size: 22px; letter-spacing: -.025em; }
.payables-workflow .data-legacy-payments > header span { display: block; margin-top: 5px; color: #747f90; font-size: 13px; }
.payables-workflow .data-legacy-payments > header > div:last-child { display: flex; align-items: flex-start; gap: 8px; }
.payables-workflow .data-legacy-payments > header button { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #d8dfea; border-radius: 10px; color: #4b5870; background: #fff; font-size: 12px; font-weight: 850; }
.payables-workflow .data-legacy-payments > header button:last-child { border-color: #176f78; color: #fff; background: #176f78; }
.payables-workflow .data-legacy-payments > header button:disabled { opacity: .5; cursor: not-allowed; }
.payables-workflow .data-legacy-payments > header .app-icon { width: 17px; height: 17px; }
.payables-workflow .data-legacy-payment-summary { display: grid; grid-template-columns: 190px 240px minmax(260px,1fr); gap: 1px; border-bottom: 1px solid #e8ebef; background: #e8ebef; }
.payables-workflow .data-legacy-payment-summary article,.payables-workflow .data-legacy-payment-summary > p { margin: 0; padding: 17px 20px; background: #fbfcfd; }
.payables-workflow .data-legacy-payment-summary small,.payables-workflow .data-legacy-payment-summary strong,.payables-workflow .data-legacy-payment-summary span { display: block; }
.payables-workflow .data-legacy-payment-summary small { color: #758094; font-size: 12px; font-weight: 900; letter-spacing: .06em; }
.payables-workflow .data-legacy-payment-summary article strong { margin-top: 5px; color: #273950; font-size: 22px; }
.payables-workflow .data-legacy-payment-summary article span { margin-top: 2px; color: #7d8798; font-size: 12px; }
.payables-workflow .data-legacy-payment-summary > p { display: flex; align-items: center; gap: 12px; color: #627085; font-size: 12px; line-height: 1.5; }
.payables-workflow .data-legacy-payment-summary > p .app-icon { width: 28px; height: 28px; flex: 0 0 auto; color: #5a50bd; }
.payables-workflow .data-legacy-payment-summary > p strong { margin-bottom: 2px; color: #3c4960; font-size: 13px; }
.payables-workflow .data-legacy-payment-filters { display: grid; grid-template-columns: minmax(220px,1.4fr) repeat(3,minmax(145px,1fr)) auto; gap: 11px; align-items: end; padding: 16px 20px; background: #f7f9fb; }
.payables-workflow .data-legacy-payment-filters label { display: grid; min-width: 0; gap: 6px; }
.payables-workflow .data-legacy-payment-filters label > span { color: #5f6a7d; font-size: 12px; font-weight: 850; }
.payables-workflow .data-legacy-payment-filters input,.payables-workflow .data-legacy-payment-filters select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #d6ddea; border-radius: 10px; color: #2b3a51; background: #fff; font: inherit; font-size: 13px; }
.payables-workflow .data-legacy-payment-filters > div { display: flex; gap: 7px; }
.payables-workflow .data-legacy-payment-filters button,.payables-workflow .data-legacy-payments > footer button { min-height: 40px; padding: 8px 11px; border: 1px solid #d7deea; border-radius: 9px; color: #566177; background: #fff; font-size: 12px; font-weight: 850; }
.payables-workflow .data-legacy-payment-filters button[type="submit"] { border-color: #4d46c6; color: #fff; background: #4d46c6; }
.payables-workflow .data-legacy-payment-status { margin: 0; padding: 13px 20px; color: #56657a; background: #edf5fb; font-size: 13px; }
.payables-workflow .data-legacy-payment-list { background: #fff; }
.payables-workflow .data-legacy-payment-row { border-top: 1px solid #e8ecf1; }
.payables-workflow .data-legacy-payment-row:first-child { border-top: 0; }
.payables-workflow .data-legacy-payment-main { padding: 16px 20px 14px; }
.payables-workflow .data-legacy-payment-main > p { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0; }
.payables-workflow .data-legacy-payment-main > p > span { min-width: 0; }
.payables-workflow .data-legacy-payment-main small,.payables-workflow .data-legacy-payment-main strong { display: block; }
.payables-workflow .data-legacy-payment-main small { color: #1d747c; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.payables-workflow .data-legacy-payment-main strong { margin-top: 3px; overflow: hidden; color: #2e3d52; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.payables-workflow .data-legacy-payment-main > p > b { color: #263950; font-size: 18px; white-space: nowrap; }
.payables-workflow .data-legacy-payment-main > div { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; }
.payables-workflow .data-legacy-payment-main > div span { padding: 5px 8px; border-radius: 999px; color: #617086; background: #eef2f7; font-size: 12px; font-weight: 750; }
.payables-workflow .data-legacy-payment-main > div span:last-child { color: #176d53; background: #e7f6ef; }
.payables-workflow .data-legacy-payment-row details { border-top: 1px solid #edf0f3; background: #fafbfc; }
.payables-workflow .data-legacy-payment-row summary { padding: 11px 20px; color: #5752b7; font-size: 12px; font-weight: 850; cursor: pointer; }
.payables-workflow .data-legacy-payment-row details > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 0 20px 16px; }
.payables-workflow .data-legacy-payment-row details p { margin: 0; padding: 11px; border: 1px solid #e5e9ef; border-radius: 10px; background: #fff; }
.payables-workflow .data-legacy-payment-row details p span,.payables-workflow .data-legacy-payment-row details p strong { display: block; overflow-wrap: anywhere; }
.payables-workflow .data-legacy-payment-row details p span { color: #7c8696; font-size: 12px; font-weight: 800; }
.payables-workflow .data-legacy-payment-row details p strong { margin-top: 4px; color: #35445a; font-size: 13px; }
.payables-workflow .data-legacy-payments > footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 14px 20px; border-top: 1px solid #e8ebef; color: #6f7b8d; font-size: 13px; }
.payables-workflow .data-legacy-payments > footer p { margin: 0; }
.payables-workflow .data-legacy-payments > footer > div { display: flex; gap: 7px; }
.payables-workflow .data-legacy-payments > footer button:disabled { opacity: .45; cursor: not-allowed; }

#dataReminders .data-reminder-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
#dataReminders .data-reminder-summary article { display:flex; min-height:116px; align-items:center; gap:15px; padding:19px; border:1px solid #e4e8f1; border-radius:18px; background:#fff; box-shadow:0 9px 28px rgba(46,55,94,.07); }
#dataReminders .data-reminder-summary article > span { display:grid; width:48px; height:48px; place-items:center; flex:0 0 auto; border-radius:15px; color:#167653; background:#e3f7ed; }
#dataReminders .data-reminder-summary article > span.is-email { color:#3a67a8; background:#e8f1fc; }
#dataReminders .data-reminder-summary article.is-attention > span { color:#6558b8; background:#efedff; }
#dataReminders .data-reminder-summary p { margin:0; }
#dataReminders .data-reminder-summary small,#dataReminders .data-reminder-summary strong,#dataReminders .data-reminder-summary b { display:block; }
#dataReminders .data-reminder-summary small { color:#727d91; font-size:12px; font-weight:900; }
#dataReminders .data-reminder-summary strong { margin-top:6px; color:#2b364d; font-size:20px; }
#dataReminders .data-reminder-summary b { margin-top:4px; color:#737f92; font-size:12px; font-weight:650; line-height:1.4; }
#dataReminders .data-reminder-history { overflow:hidden; border:1px solid #dfe4ee; border-radius:20px; background:#fff; box-shadow:0 12px 36px rgba(41,51,86,.07); }
#dataReminders .data-reminder-history > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:22px; border-bottom:1px solid #e7eaf0; }
#dataReminders .data-reminder-history > header p { margin:0 0 5px; color:#5752c3; font-size:12px; font-weight:900; letter-spacing:.1em; }
#dataReminders .data-reminder-history > header h3 { margin:0; color:#27364d; font-size:23px; letter-spacing:-.025em; }
#dataReminders .data-reminder-history > header span { display:block; margin-top:6px; color:#707c8f; font-size:13px; }
#dataReminders .data-reminder-history > header button { display:inline-flex; min-height:42px; align-items:center; gap:7px; padding:9px 13px; border:0; border-radius:11px; color:#fff; background:#514bc7; font-size:13px; font-weight:850; }
#dataReminders .data-reminder-history > header button:disabled { opacity:.48; cursor:not-allowed; }
#dataReminders .data-reminder-history > header .app-icon { width:17px; height:17px; }
#dataReminders .data-reminder-filters { display:grid; grid-template-columns:minmax(235px,1.5fr) repeat(5,minmax(130px,1fr)) auto; gap:10px; align-items:end; padding:16px 20px; background:#f7f8fc; }
#dataReminders .data-reminder-filters label { display:grid; min-width:0; gap:6px; }
#dataReminders .data-reminder-filters label > span { color:#5e6a7f; font-size:12px; font-weight:850; }
#dataReminders .data-reminder-filters input,#dataReminders .data-reminder-filters select { width:100%; min-height:42px; padding:8px 10px; border:1px solid #d5dce8; border-radius:10px; color:#2e3c53; background:#fff; font:inherit; font-size:13px; }
#dataReminders .data-reminder-filters > div { display:flex; gap:7px; }
#dataReminders .data-reminder-filters button,#dataReminders .data-reminder-history > footer button { min-height:40px; padding:8px 11px; border:1px solid #d5dce8; border-radius:9px; color:#566278; background:#fff; font-size:12px; font-weight:850; }
#dataReminders .data-reminder-filters button[type="submit"] { border-color:#514bc7; color:#fff; background:#514bc7; }
#dataReminders .data-reminder-status { margin:0; padding:13px 20px; color:#4f637b; background:#edf5fb; font-size:13px; }
#dataReminders .data-reminder-list { background:#fff; }
#dataReminders .data-reminder-row { border-top:1px solid #e8ebf1; }
#dataReminders .data-reminder-row:first-child { border-top:0; }
#dataReminders .data-reminder-main { display:grid; grid-template-columns:48px minmax(260px,1fr) 145px minmax(130px,auto); gap:16px; align-items:center; padding:17px 20px; }
#dataReminders .data-reminder-channel { display:grid; width:44px; height:44px; place-items:center; border-radius:14px; color:#167653; background:#e4f7ee; }
#dataReminders .data-reminder-channel.is-email { color:#396aa9; background:#e8f1fc; }
#dataReminders .data-reminder-channel .app-icon { width:21px; height:21px; }
#dataReminders .data-reminder-identity strong,#dataReminders .data-reminder-identity span,#dataReminders .data-reminder-identity small { display:block; overflow-wrap:anywhere; }
#dataReminders .data-reminder-identity strong { color:#2b394f; font-size:15px; }
#dataReminders .data-reminder-identity span { margin-top:3px; color:#4f5d73; font-size:13px; }
#dataReminders .data-reminder-identity small { margin-top:5px; color:#7a8495; font-size:12px; }
#dataReminders .data-reminder-main time { text-align:right; }
#dataReminders .data-reminder-main time strong,#dataReminders .data-reminder-main time span { display:block; }
#dataReminders .data-reminder-main time strong { color:#3e4a60; font-size:13px; }
#dataReminders .data-reminder-main time span { margin-top:3px; color:#7a8496; font-size:12px; }
#dataReminders .data-reminder-state { justify-self:end; padding:7px 10px; border-radius:999px; color:#4b5870; background:#edf0f5; font-size:12px; font-weight:850; text-align:center; }
#dataReminders .data-reminder-state.is-delivered,#dataReminders .data-reminder-state.is-read { color:#146e51; background:#e5f6ed; }
#dataReminders .data-reminder-state.is-queued,#dataReminders .data-reminder-state.is-accepted,#dataReminders .data-reminder-state.is-sent { color:#3b62a0; background:#e9f1fb; }
#dataReminders .data-reminder-state.is-processing { color:#5850b7; background:#eeecff; }
#dataReminders .data-reminder-state.is-failed,#dataReminders .data-reminder-state.is-not-delivered,#dataReminders .data-reminder-state.is-no-balance { color:#62528e; background:#f0edf8; }
#dataReminders .data-reminder-state.is-recorded-no-delivery-confirmation { max-width:220px; color:#3c6685; background:#eaf3f8; }
#dataReminders .data-reminder-row details { border-top:1px solid #edf0f4; background:#fafbfc; }
#dataReminders .data-reminder-row summary { padding:11px 20px; color:#5752b7; font-size:12px; font-weight:850; cursor:pointer; }
#dataReminders .data-reminder-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:0 20px 14px; }
#dataReminders .data-reminder-detail-grid p { margin:0; padding:10px; border:1px solid #e3e8ef; border-radius:10px; background:#fff; }
#dataReminders .data-reminder-detail-grid span,#dataReminders .data-reminder-detail-grid strong { display:block; overflow-wrap:anywhere; }
#dataReminders .data-reminder-detail-grid span { color:#778295; font-size:12px; font-weight:800; }
#dataReminders .data-reminder-detail-grid strong { margin-top:4px; color:#35445a; font-size:13px; }
#dataReminders .data-reminder-timeline { margin:0 20px 16px; padding:14px; border:1px solid #dfe4ee; border-radius:12px; background:#f5f7fb; }
#dataReminders .data-reminder-timeline > strong { color:#354258; font-size:13px; }
#dataReminders .data-reminder-timeline p { display:flex; justify-content:space-between; gap:14px; margin:9px 0 0; color:#6e798c; font-size:12px; }
#dataReminders .data-reminder-timeline p b { color:#4e5c72; }
#dataReminders .data-reminder-history > footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 20px; border-top:1px solid #e7eaf0; color:#6d788b; font-size:13px; }
#dataReminders .data-reminder-history > footer p { margin:0; }
#dataReminders .data-reminder-history > footer > div { display:flex; gap:7px; }
#dataReminders .data-reminder-history > footer button:disabled { opacity:.45; cursor:not-allowed; }
#dataReminders .data-reminder-integrity { display:flex; align-items:flex-start; gap:12px; margin-top:14px; padding:15px 17px; border:1px solid #d9dfeb; border-radius:15px; color:#667287; background:#f9fafc; }
#dataReminders .data-reminder-integrity .app-icon { width:25px; height:25px; flex:0 0 auto; color:#5a54c8; }
#dataReminders .data-reminder-integrity p { margin:0; }
#dataReminders .data-reminder-integrity strong,#dataReminders .data-reminder-integrity span { display:block; }
#dataReminders .data-reminder-integrity strong { color:#38465d; font-size:13px; }
#dataReminders .data-reminder-integrity span { margin-top:3px; font-size:12px; line-height:1.5; }

.data-activity-card { padding-bottom: 10px; }.data-activity-card > header { padding: 24px 24px 12px; }.data-source-tag { font-size: 12px; }.data-activity-totals { padding: 5px 24px 18px; }.data-activity-totals strong { font-size: 48px; }.data-activity-totals span { font-size: 14px; }.data-activity-bars { gap: 15px; padding: 0 24px 22px; }.data-activity-bars p { margin-bottom: 7px; font-size: 13px; }.data-activity-bars > div > i { height: 10px; }.data-professional-list { margin: 0 19px 18px; }.data-professional-list h3 { margin: 17px 5px 10px; font-size: 15px; }.data-professional-list article { padding: 12px 5px; }.data-professional-list article strong { font-size: 13px; }.data-professional-list article span { font-size: 12px; }.data-professional-list article > b { font-size: 14px; }
.data-integrity-card { padding: 26px; }.data-integrity-card > header h2 { font-size: 26px; }.data-integrity-grid { gap: 13px; margin-top: 20px; }.data-integrity-grid article { min-height: 160px; padding: 19px; border-radius: 16px; }.data-integrity-grid article > b { font-size: 12px; }.data-integrity-grid article strong { margin-top: 8px; font-size: 16px; }.data-integrity-grid article p { margin-top: 8px; font-size: 13px; line-height: 1.55; }.data-integrity-warning { padding: 13px; font-size: 13px; }

.coverage-dialog header small { font-size: 12px; }.coverage-dialog header h2 { font-size: 24px; }.coverage-form-grid label > span,.coverage-allocation-lines label > span { font-size: 12px; }.coverage-form-grid input,.coverage-form-grid select,.coverage-form-grid textarea,.coverage-allocation-lines input { min-height: 44px; font-size: 14px; }.coverage-dialog-note { font-size: 13px; }.coverage-dialog form > footer button { min-height: 42px; font-size: 13px; }.coverage-allocation-lines article > header strong,.coverage-allocation-lines article > header b { font-size: 13px; }.coverage-resubmit { font-size: 12px; }

@media (max-width: 1250px) {
  .data-workbench { grid-template-columns: 238px minmax(0,1fr); }
  .data-metrics,.data-section-stats { grid-template-columns: repeat(2,1fr); }
  .data-section-stats article:nth-child(3) { border-left: 0; border-top: 1px solid #e8ebf2; }.data-section-stats article:nth-child(4) { border-top: 1px solid #e8ebf2; }
  .data-period-panel { grid-template-columns: 1fr; }.data-filters { justify-content: flex-start; }.data-payment-fields { grid-template-columns: repeat(3,1fr); }.data-payment-fields .is-wide { grid-column: span 2; }
  .payables-workflow .data-legacy-payment-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.payables-workflow .data-legacy-payment-filters .is-wide { grid-column: 1/-1; }
  .payables-workflow .data-legacy-payment-summary { grid-template-columns: repeat(2,1fr); }.payables-workflow .data-legacy-payment-summary > p { grid-column: 1/-1; }
  .data-table-card > header { align-items: flex-start; flex-direction: column; }.data-table-tools { width: 100%; flex-wrap: wrap; }.data-table-tools label { flex: 1; }
  #dataReminders .data-reminder-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #dataReminders .data-reminder-filters .is-wide { grid-column:1/-1; }
  #dataReminders .data-reminder-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Presupuestos: todo queda aislado dentro de su pantalla. */
#dataBudgets .data-budget-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
#dataBudgets .data-budget-summary article{min-height:142px;border:1px solid #dfe6f2;border-radius:24px;background:#fff;padding:20px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 13px 34px rgba(53,70,105,.07)}
#dataBudgets .data-budget-summary article>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;background:#edf3ff;color:#3970d8}
#dataBudgets .data-budget-summary article>span .app-icon{width:23px;height:23px}
#dataBudgets .data-budget-summary article p{margin:0;display:grid;gap:7px;min-width:0}
#dataBudgets .data-budget-summary article small{font-size:12px;font-weight:850;letter-spacing:.08em;color:#65728c}
#dataBudgets .data-budget-summary article strong{font-size:32px;line-height:1;color:#17223c}
#dataBudgets .data-budget-summary article b{font-size:13px;line-height:1.35;color:#66738c;font-weight:650}
#dataBudgets .data-budget-summary .is-pending>span{background:#f0edff;color:#6751d7}
#dataBudgets .data-budget-summary .is-accepted>span{background:#e7f7f1;color:#198565}
#dataBudgets .data-budget-summary .is-viewed>span{background:#eaf6fb;color:#247c9e}

#dataBudgets .data-budget-history{border:1px solid #dce4f0;border-radius:27px;background:#fff;box-shadow:0 18px 46px rgba(41,57,91,.08);overflow:hidden}
#dataBudgets .data-budget-history>header{padding:24px 26px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7ecf4}
#dataBudgets .data-budget-history>header p{margin:0 0 4px;font-size:12px;font-weight:900;letter-spacing:.11em;color:#6654d7}
#dataBudgets .data-budget-history>header h3{margin:0;font-size:25px;line-height:1.15;color:#17223c}
#dataBudgets .data-budget-history>header span{display:block;margin-top:7px;font-size:14px;color:#6a758b}
#dataBudgets .data-budget-history>header button{min-height:46px;border:0;border-radius:15px;padding:0 18px;background:#4f46cf;color:#fff;font-size:13px;font-weight:850;display:flex;align-items:center;gap:9px;box-shadow:0 9px 22px rgba(79,70,207,.22)}
#dataBudgets .data-budget-history>header button:disabled{opacity:.45;box-shadow:none}
#dataBudgets .data-budget-history>header button .app-icon{width:18px;height:18px}

#dataBudgets .data-budget-filters{display:grid;grid-template-columns:minmax(250px,1.55fr) repeat(3,minmax(145px,1fr));gap:13px;padding:20px 26px;background:#f7f9fd;border-bottom:1px solid #e7ecf4}
#dataBudgets .data-budget-filters label{display:grid;gap:7px;min-width:0}
#dataBudgets .data-budget-filters label>span{font-size:12px;font-weight:850;letter-spacing:.04em;color:#56627a}
#dataBudgets .data-budget-filters input,#dataBudgets .data-budget-filters select{width:100%;min-height:46px;border:1px solid #ced8e8;border-radius:13px;background:#fff;padding:0 13px;color:#202b43;font:700 13px/1.2 inherit;outline:0}
#dataBudgets .data-budget-filters input:focus,#dataBudgets .data-budget-filters select:focus{border-color:#7169dc;box-shadow:0 0 0 3px rgba(113,105,220,.13)}
#dataBudgets .data-budget-filters .is-wide{grid-column:span 2}
#dataBudgets .data-budget-filters>div{display:flex;align-items:end;gap:9px}
#dataBudgets .data-budget-filters>div button{min-height:46px;border:1px solid #d2daea;border-radius:13px;padding:0 16px;background:#fff;color:#4d5972;font-size:13px;font-weight:850}
#dataBudgets .data-budget-filters>div button:first-child{border-color:#4f46cf;background:#4f46cf;color:#fff}
#dataBudgets .data-budget-status{margin:0;padding:18px 26px;background:#f4f6fb;color:#526078;font-size:14px;font-weight:700}
#dataBudgets .data-budget-list{display:grid}

#dataBudgets .data-budget-row{border-bottom:1px solid #e8edf4;background:#fff}
#dataBudgets .data-budget-row:last-child{border-bottom:0}
#dataBudgets .data-budget-main{display:grid;grid-template-columns:148px minmax(230px,1.5fr) minmax(185px,.8fr) minmax(215px,.9fr);gap:18px;align-items:center;padding:20px 26px}
#dataBudgets .data-budget-state{justify-self:start;border-radius:999px;padding:8px 12px;background:#edf1f7;color:#58657c;font-size:12px;font-weight:900;line-height:1.15;text-align:center}
#dataBudgets .data-budget-state.is-esperando{background:#efedff;color:#5948c4}
#dataBudgets .data-budget-state.is-aceptado,#dataBudgets .data-budget-state.is-finalizado{background:#e4f6ef;color:#17775c}
#dataBudgets .data-budget-state.is-activo{background:#e8f2ff;color:#246bc1}
#dataBudgets .data-budget-state.is-rechazado{background:#f1edf5;color:#74557f}
#dataBudgets .data-budget-state.is-unknown{background:#edf0f5;color:#586274}
#dataBudgets .data-budget-identity{display:grid;gap:4px;min-width:0}
#dataBudgets .data-budget-identity strong{font-size:17px;line-height:1.25;color:#18233d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dataBudgets .data-budget-identity span{font-size:14px;font-weight:750;color:#42506a}
#dataBudgets .data-budget-identity small{font-size:12px;color:#778197}
#dataBudgets .data-budget-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#dataBudgets .data-budget-dates p{margin:0;display:grid;gap:4px}
#dataBudgets .data-budget-dates span,#dataBudgets .data-budget-amount>span{font-size:12px;font-weight:800;color:#7a8498}
#dataBudgets .data-budget-dates strong{font-size:13px;color:#354158}
#dataBudgets .data-budget-amount{display:grid;gap:5px;text-align:right;justify-items:end}
#dataBudgets .data-budget-amount strong{font-size:20px;color:#26324d}
#dataBudgets .data-budget-amount small{font-size:12px;color:#447a6c;font-weight:750}
#dataBudgets .data-budget-row>details{border-top:1px solid transparent}
#dataBudgets .data-budget-row>details[open]{border-top-color:#e9edf5;background:#fafbfe}
#dataBudgets .data-budget-row>details>summary{list-style:none;cursor:pointer;padding:0 26px 17px;text-align:right;color:#5147c7;font-size:13px;font-weight:850}
#dataBudgets .data-budget-row>details>summary::-webkit-details-marker{display:none}
#dataBudgets .data-budget-row>details[open]>summary{padding-top:15px;padding-bottom:13px}
#dataBudgets .data-budget-detail{padding:0 26px 24px;display:grid;gap:18px}
#dataBudgets .data-budget-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#dataBudgets .data-budget-detail-grid p{margin:0;min-height:72px;border:1px solid #e1e7f1;border-radius:14px;background:#fff;padding:12px;display:grid;align-content:start;gap:5px}
#dataBudgets .data-budget-detail-grid span{font-size:12px;font-weight:800;color:#7a8498}
#dataBudgets .data-budget-detail-grid strong{font-size:13px;line-height:1.35;color:#2b3750;overflow-wrap:anywhere}
#dataBudgets .data-budget-narrative{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#dataBudgets .data-budget-narrative:empty{display:none}
#dataBudgets .data-budget-narrative div{border-radius:16px;background:#f1f4fa;padding:15px}
#dataBudgets .data-budget-narrative strong{font-size:13px;color:#34415a}
#dataBudgets .data-budget-narrative p{margin:7px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.55;color:#59667d}
#dataBudgets .data-budget-timeline{border-left:3px solid #7770dc;padding:2px 0 2px 17px;display:grid;gap:8px}
#dataBudgets .data-budget-timeline>strong{font-size:14px;color:#2c3850}
#dataBudgets .data-budget-timeline p{margin:0;display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#606c82}
#dataBudgets .data-budget-timeline p b{color:#35425a}
#dataBudgets .data-budget-detail>footer{display:flex;justify-content:flex-end}
#dataBudgets .data-budget-detail>footer button{min-height:43px;border:1px solid #cec9f4;border-radius:13px;padding:0 15px;background:#f2f0ff;color:#4f46bd;font-size:13px;font-weight:850;display:flex;align-items:center;gap:8px}
#dataBudgets .data-budget-detail>footer .app-icon{width:17px;height:17px}
#dataBudgets .data-budget-history>footer{padding:17px 26px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ecf4;background:#fbfcfe}
#dataBudgets .data-budget-history>footer p{margin:0;font-size:13px;color:#6b768c}
#dataBudgets .data-budget-history>footer div{display:flex;gap:9px}
#dataBudgets .data-budget-history>footer button{min-height:40px;border:1px solid #d3dbea;border-radius:12px;padding:0 15px;background:#fff;color:#4b5770;font-size:13px;font-weight:800}
#dataBudgets .data-budget-history>footer button:disabled{opacity:.42}
#dataBudgets .data-budget-integrity{margin-top:16px;border:1px solid #d9e7ea;border-radius:19px;background:#f3faf9;padding:17px 20px;display:flex;gap:14px;align-items:flex-start;color:#315d58}
#dataBudgets .data-budget-integrity>.app-icon{width:23px;height:23px;flex:0 0 auto}
#dataBudgets .data-budget-integrity p{margin:0;display:grid;gap:4px}
#dataBudgets .data-budget-integrity strong{font-size:14px}
#dataBudgets .data-budget-integrity span{font-size:13px;line-height:1.55;color:#52716d}

@media (max-width:1180px){
  #dataBudgets .data-budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dataBudgets .data-budget-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  #dataBudgets .data-budget-main{grid-template-columns:135px minmax(210px,1.4fr) minmax(170px,.8fr)}
  #dataBudgets .data-budget-amount{grid-column:2/4;text-align:left;justify-items:start;border-top:1px solid #edf0f5;padding-top:12px}
  #dataBudgets .data-budget-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
  #dataBudgets .data-budget-history>header{align-items:flex-start}
  #dataBudgets .data-budget-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}
  #dataBudgets .data-budget-filters .is-wide{grid-column:1/-1}
  #dataBudgets .data-budget-main{grid-template-columns:1fr 1fr;padding:18px}
  #dataBudgets .data-budget-state{grid-column:1}
  #dataBudgets .data-budget-identity{grid-column:1/-1;grid-row:2}
  #dataBudgets .data-budget-dates{grid-column:1}
  #dataBudgets .data-budget-amount{grid-column:2;align-self:end;border:0;padding:0;text-align:right;justify-items:end}
  #dataBudgets .data-budget-detail{padding:0 18px 20px}
  #dataBudgets .data-budget-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dataBudgets .data-budget-narrative{grid-template-columns:1fr}
}
@media (max-width:560px){
  #dataBudgets .data-budget-summary{grid-template-columns:1fr}
  #dataBudgets .data-budget-summary article{min-height:0}
  #dataBudgets .data-budget-history>header{display:grid;padding:20px}
  #dataBudgets .data-budget-history>header button{width:100%;justify-content:center}
  #dataBudgets .data-budget-filters{grid-template-columns:1fr;padding:16px}
  #dataBudgets .data-budget-filters .is-wide{grid-column:auto}
  #dataBudgets .data-budget-filters>div{display:grid;grid-template-columns:1fr 1fr}
  #dataBudgets .data-budget-main{grid-template-columns:1fr;gap:13px;padding:17px}
  #dataBudgets .data-budget-state,#dataBudgets .data-budget-identity,#dataBudgets .data-budget-dates,#dataBudgets .data-budget-amount{grid-column:1;grid-row:auto}
  #dataBudgets .data-budget-amount{justify-items:start;text-align:left;border-top:1px solid #edf0f5;padding-top:12px}
  #dataBudgets .data-budget-row>details>summary{padding-right:17px}
  #dataBudgets .data-budget-detail-grid{grid-template-columns:1fr}
  #dataBudgets .data-budget-timeline p{display:grid;gap:3px}
  #dataBudgets .data-budget-history>footer{padding:15px 17px;align-items:flex-start;gap:10px;flex-direction:column}
  #dataBudgets .data-budget-history>footer div{width:100%}
  #dataBudgets .data-budget-history>footer button{flex:1}
}
@media (max-width: 900px) {
  body.data-active .legacy-main { padding: 18px 12px 40px; }
  .data-workbench { grid-template-columns: 1fr; gap: 18px; }
  .data-sidebar { position: static; border-radius: 19px; }.data-sidebar > header { padding: 16px; }.data-sidebar nav { display: flex; gap: 8px; overflow-x: auto; padding: 10px; }.data-sidebar nav button { grid-template-columns: 38px minmax(120px,1fr); min-width: 190px; }.data-sidebar nav button > span { width: 38px; height: 38px; }.data-sidebar > aside { display: none; }
  .data-command-bar { align-items: flex-start; flex-direction: column; }.data-command-badges { justify-content: flex-start; }
  .data-hero { grid-template-columns: 1fr; }.data-hero > aside { max-width: 500px; }
  .data-overview-actions,.data-reminder-summary { grid-template-columns: 1fr; }.data-cash-explainer { grid-template-columns: 1fr; }.data-cash-explainer > i { width: 1px; height: 18px; margin-left: 22px; }.data-split-grid { grid-template-columns: 1fr; }
  .data-screen-heading { flex-direction: column; }.data-payment-fields { grid-template-columns: 1fr 1fr; }.data-payment-fields .is-wide { grid-column: 1/-1; }
  .payables-workflow .data-legacy-payments > header { align-items: flex-start; flex-direction: column; }.payables-workflow .data-legacy-payment-filters { grid-template-columns: 1fr; }.payables-workflow .data-legacy-payment-filters .is-wide { grid-column: auto; }.payables-workflow .data-legacy-payment-row details > div { grid-template-columns: 1fr; }
  #dataReminders .data-reminder-main { grid-template-columns:44px minmax(0,1fr) auto; }
  #dataReminders .data-reminder-main time { grid-column:2; text-align:left; }
  #dataReminders .data-reminder-state { grid-column:3; grid-row:1/3; }
}

@media print {
  body.data-payables-printing { background: #fff !important; }
  body.data-payables-printing .legacy-topbar,body.data-payables-printing .system-alert-center,
  body.data-payables-printing .data-sidebar,body.data-payables-printing .data-period-panel,
  body.data-payables-printing [data-data-context],body.data-payables-printing [data-overview-only],
  body.data-payables-printing #dataPayables > :not(.data-legacy-payments),body.data-payables-printing .data-technical-footer { display: none !important; }
  body.data-payables-printing .legacy-main { max-width: none; padding: 0; }
  body.data-payables-printing .data-workbench,body.data-payables-printing .data-content,
  body.data-payables-printing #dataPayables,body.data-payables-printing .data-legacy-payments { display: block !important; }
  body.data-payables-printing .data-legacy-payments { margin: 0; border: 0; box-shadow: none; }
  body.data-payables-printing .data-legacy-payments > header > div:last-child,
  body.data-payables-printing .data-legacy-payment-filters,body.data-payables-printing .data-legacy-payments > footer { display: none !important; }
  body.data-payables-printing .data-legacy-payment-row { break-inside: avoid; }
}
@media (max-width: 640px) {
  .data-command-bar h1 { font-size: 31px; }.data-command-badges { align-items: flex-start; flex-direction: column; }
  .data-period-panel { padding: 12px; }.data-presets { width: 100%; overflow-x: auto; }.data-presets button { flex: 0 0 auto; }.data-filters,.data-custom-dates { align-items: stretch; flex-direction: column; }.data-filters label,.data-custom-dates label { width: 100%; min-width: 0; }
  .data-hero { padding: 25px 20px; }.data-hero h2 { font-size: 30px; }.data-hero > div > p { font-size: 14px; }
  .data-metrics,.data-section-stats,.data-integrity-grid { grid-template-columns: 1fr; }.data-section-stats article { border-top: 1px solid #e8ebf2; border-left: 0; }.data-section-stats article:first-child { border-top: 0; }
  .data-chart { height: 250px; }.data-chart svg { min-width: 650px; }.data-chart-card > footer { align-items: flex-start; flex-direction: column; }
  .data-table-tools { align-items: stretch; flex-direction: column; }.data-table-tools label { min-width: 0; }.data-table-tools select { width: 100%; }
  .data-payment-fields { grid-template-columns: 1fr; }.data-payment-fields .is-wide { grid-column: auto; }.data-legacy-payments > header { flex-direction: column; }.data-legacy-payments header > div:last-child { flex-wrap: wrap; }
  .coverage-stage-strip { grid-template-columns: 1fr; }.coverage-form-grid { grid-template-columns: 1fr; }
  #dataReminders .data-reminder-history > header { flex-direction:column; }
  #dataReminders .data-reminder-history > header button { width:100%; justify-content:center; }
  #dataReminders .data-reminder-filters { grid-template-columns:1fr; }
  #dataReminders .data-reminder-filters .is-wide { grid-column:auto; }
  #dataReminders .data-reminder-main { grid-template-columns:44px minmax(0,1fr); gap:12px; }
  #dataReminders .data-reminder-main time,#dataReminders .data-reminder-state { grid-column:2; grid-row:auto; justify-self:start; text-align:left; }
  #dataReminders .data-reminder-detail-grid { grid-template-columns:1fr; }
  #dataReminders .data-reminder-timeline p,#dataReminders .data-reminder-history > footer { align-items:flex-start; flex-direction:column; }
}

/* Gastos y Caja: fuentes preservadas, sin duplicar proyecciones de pagos */
#dataExpenses .data-expense-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
#dataExpenses .data-expense-kpis article { display:flex; min-width:0; min-height:142px; align-items:flex-start; gap:14px; padding:20px; overflow:hidden; border:1px solid #dfe5ef; border-radius:20px; background:#fff; box-shadow:0 10px 26px rgba(45,57,89,.07); }
#dataExpenses .data-expense-kpis article > span { display:grid; width:46px; height:46px; place-items:center; flex:0 0 auto; border-radius:14px; color:#fff; background:#5550c9; }
#dataExpenses .data-expense-kpis article.is-cash > span { background:#218368; }
#dataExpenses .data-expense-kpis article.is-digital > span { background:#3f76b7; }
#dataExpenses .data-expense-kpis article.is-legacy > span { color:#526076; background:#e8edf4; }
#dataExpenses .data-expense-kpis .app-icon { width:21px; height:21px; }
#dataExpenses .data-expense-kpis p { min-width:0; margin:0; }
#dataExpenses .data-expense-kpis small,#dataExpenses .data-expense-kpis strong,#dataExpenses .data-expense-kpis b { display:block; }
#dataExpenses .data-expense-kpis small { color:#657188; font-size:12px; font-weight:900; letter-spacing:.035em; }
#dataExpenses .data-expense-kpis strong { margin-top:14px; color:#253149; font-size:27px; line-height:1.05; letter-spacing:-.035em; }
#dataExpenses .data-expense-kpis b { margin-top:8px; color:#778195; font-size:12px; font-weight:700; line-height:1.45; }
#dataExpenses .data-expenses-card { min-width:0; }
#dataExpenses .data-expenses-card > header > button { border-color:#514bc8; color:#fff; background:#514bc8; box-shadow:0 8px 18px rgba(81,75,200,.18); }
#dataExpenses .data-expenses-card > header > button:disabled { cursor:default; opacity:.45; box-shadow:none; }
#dataExpenses .data-expenses-card > header .app-icon { width:17px; height:17px; }
#dataExpenses .data-expense-filters { display:grid; grid-template-columns:minmax(270px,1.55fr) repeat(5,minmax(140px,.75fr)); gap:12px; padding:17px 20px; border-bottom:1px solid #e7eaf1; background:#f8f9fc; }
#dataExpenses .data-expense-filters label { display:grid; min-width:0; gap:6px; color:#626d82; font-size:12px; font-weight:850; }
#dataExpenses .data-expense-filters label > span { font-size:12px; }
#dataExpenses .data-expense-filters input,#dataExpenses .data-expense-filters select { width:100%; min-height:44px; border:1px solid #d7dce8; border-radius:11px; color:#303b52; background:#fff; font:inherit; font-size:14px; outline:none; }
#dataExpenses .data-expense-filters input:focus,#dataExpenses .data-expense-filters select:focus { border-color:#6761d2; box-shadow:0 0 0 3px rgba(87,80,199,.12); }
#dataExpenses .data-expense-filters select { padding:0 34px 0 12px; }
#dataExpenses .data-expense-filters .is-search > div { position:relative; }
#dataExpenses .data-expense-filters .is-search input { padding:0 12px 0 42px; }
#dataExpenses .data-expense-filters .is-search .app-icon { position:absolute; top:13px; left:14px; width:18px; height:18px; color:#727d91; pointer-events:none; }
#dataExpenses .data-expense-filter-actions { display:flex; grid-column:1/-1; justify-content:flex-end; gap:8px; }
#dataExpenses .data-expense-filter-actions button { min-height:40px; padding:8px 14px; border:1px solid #d3d8e5; border-radius:10px; color:#525d72; background:#fff; font-size:13px; font-weight:850; }
#dataExpenses .data-expense-filter-actions button:first-child { border-color:#514bc8; color:#fff; background:#514bc8; }
#dataExpenses .data-expense-status { margin:0; padding:14px 20px; color:#4e5880; background:#f0f1ff; font-size:13px; font-weight:750; }
#dataExpenses .data-expense-list { display:grid; gap:1px; background:#e9ecf2; }
#dataExpenses .data-expense-list > .data-inline-empty { margin:0; background:#fff; }
#dataExpenses .data-expense-row { min-width:0; padding:0 20px; background:#fff; transition:background .16s ease; }
#dataExpenses .data-expense-row:hover { background:#fbfcff; }
#dataExpenses .data-expense-main { display:grid; grid-template-columns:128px minmax(220px,1.35fr) minmax(260px,1fr) minmax(125px,.45fr); gap:18px; align-items:center; min-height:102px; padding:15px 0; }
#dataExpenses .data-expense-main time strong,#dataExpenses .data-expense-main time span,#dataExpenses .data-expense-identity strong,#dataExpenses .data-expense-identity span { display:block; }
#dataExpenses .data-expense-main time strong { color:#354056; font-size:14px; }
#dataExpenses .data-expense-main time span { margin-top:5px; color:#8790a1; font-size:12px; }
#dataExpenses .data-expense-identity { min-width:0; }
#dataExpenses .data-expense-identity strong { overflow:hidden; color:#28334a; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
#dataExpenses .data-expense-identity span { margin-top:7px; overflow:hidden; color:#707b8e; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
#dataExpenses .data-expense-labels { display:flex; min-width:0; gap:7px; flex-wrap:wrap; }
#dataExpenses .data-expense-labels span { display:inline-flex; min-height:29px; align-items:center; padding:5px 9px; border-radius:99px; color:#4d5870; background:#edf0f5; font-size:12px; font-weight:800; }
#dataExpenses .data-expense-labels .is-confirmed { color:#167154; background:#e3f6ef; }
#dataExpenses .data-expense-labels .is-pending { color:#4e49a2; background:#ecebff; }
#dataExpenses .data-expense-labels .is-voided { color:#6b568e; background:#f1ebf8; }
#dataExpenses .data-expense-labels .is-method { color:#315e8b; background:#e9f2fb; }
#dataExpenses .data-expense-labels .is-legacy { color:#5e6577; background:#eef0f4; }
#dataExpenses .data-expense-labels .is-explicit { color:#176d58; background:#e5f5ef; }
#dataExpenses .data-expense-amount { color:#27364d; font-size:21px; text-align:right; letter-spacing:-.025em; }
#dataExpenses .data-expense-details { border-top:1px solid #edf0f4; }
#dataExpenses .data-expense-details summary { width:max-content; padding:11px 0 13px; color:#514bc0; cursor:pointer; font-size:12px; font-weight:850; }
#dataExpenses .data-expense-details > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:0 0 17px; }
#dataExpenses .data-expense-details p { min-width:0; margin:0; padding:11px 13px; border-radius:11px; background:#f7f8fb; }
#dataExpenses .data-expense-details p span,#dataExpenses .data-expense-details p strong { display:block; }
#dataExpenses .data-expense-details p span { color:#7a8495; font-size:12px; }
#dataExpenses .data-expense-details p strong { margin-top:5px; overflow-wrap:anywhere; color:#3a465b; font-size:13px; line-height:1.45; }
#dataExpenses .data-expense-pagination p { margin:0; font-size:12px; }
#dataExpenses .data-expense-pagination > div { display:flex; gap:8px; }
#dataExpenses .data-expenses-card[aria-busy="true"] .data-expense-list { opacity:.55; pointer-events:none; }
#dataExpenses .data-daily-card { margin-top:18px; overflow:hidden; border:1px solid #dfe4ed; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(41,52,83,.07); }
#dataExpenses .data-daily-card > header { padding:20px 22px; border-bottom:1px solid #e8ebf1; background:linear-gradient(115deg,#f5f4ff,#f7fbff); }
#dataExpenses .data-daily-card > header p { margin:0; color:#5750c5; font-size:12px; font-weight:900; letter-spacing:.08em; }
#dataExpenses .data-daily-card > header h3 { margin:5px 0 0; color:#263249; font-size:22px; }
#dataExpenses .data-daily-card > header span { display:block; margin-top:6px; color:#6d788b; font-size:13px; line-height:1.45; }
#dataExpenses .data-daily-columns { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e5e9f0; }
#dataExpenses .data-daily-columns > section { min-width:0; padding:19px; background:#fff; }
#dataExpenses .data-daily-columns > section > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
#dataExpenses .data-daily-columns > section > header small,#dataExpenses .data-daily-columns > section > header strong { display:block; }
#dataExpenses .data-daily-columns > section > header small { color:#6a63c9; font-size:12px; font-weight:900; }
#dataExpenses .data-daily-columns > section > header strong { margin-top:4px; color:#303b51; font-size:16px; }
#dataExpenses .data-daily-columns > section > header > span { padding:6px 9px; border-radius:99px; color:#536078; background:#edf0f5; font-size:12px; font-weight:800; }
#dataExpenses .data-daily-list { display:grid; max-height:560px; gap:10px; overflow:auto; }
#dataExpenses .data-daily-list > article { padding:14px; border:1px solid #e4e8ef; border-radius:14px; background:#fbfcfe; }
#dataExpenses .data-daily-list > article > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
#dataExpenses .data-daily-list > article > header strong { color:#344057; font-size:14px; }
#dataExpenses .data-daily-list > article > header span { color:#7a8496; font-size:12px; }
#dataExpenses .data-daily-list > article > header .is-closed { color:#167154; }
#dataExpenses .data-daily-list > article > header .is-open { color:#514bc0; }
#dataExpenses .data-daily-list dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; }
#dataExpenses .data-daily-list dl div { min-width:0; padding:9px; border-radius:10px; background:#f0f3f8; }
#dataExpenses .data-daily-list dt { color:#768195; font-size:12px; }
#dataExpenses .data-daily-list dd { margin:5px 0 0; overflow:hidden; color:#303c53; font-size:14px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
#dataExpenses .data-daily-list dl small { display:block; margin-top:4px; color:#8a93a3; font-size:12px; }
#dataExpenses .data-daily-list > .data-inline-empty { margin:0; }

@media (max-width:1420px) {
  #dataExpenses .data-expense-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #dataExpenses .data-expense-filters { grid-template-columns:repeat(3,minmax(150px,1fr)); }
  #dataExpenses .data-expense-filters .is-search { grid-column:span 2; }
  #dataExpenses .data-expense-main { grid-template-columns:115px minmax(220px,1fr) minmax(130px,.42fr); }
  #dataExpenses .data-expense-labels { grid-column:2/3; }
  #dataExpenses .data-expense-amount { grid-column:3; grid-row:1; }
}
@media (max-width:1050px) {
  #dataExpenses .data-daily-columns { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  #dataExpenses .data-expense-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #dataExpenses .data-expense-filters .is-search { grid-column:1/-1; }
  #dataExpenses .data-expense-main { grid-template-columns:110px minmax(0,1fr) minmax(120px,.4fr); }
  #dataExpenses .data-expense-labels { grid-column:1/-1; }
  #dataExpenses .data-expense-details > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  #dataExpenses .data-expense-kpis { grid-template-columns:1fr; }
  #dataExpenses .data-expense-kpis article { min-height:126px; }
  #dataExpenses .data-expense-filters { grid-template-columns:1fr; padding:15px; }
  #dataExpenses .data-expense-filters .is-search { grid-column:auto; }
  #dataExpenses .data-expense-filter-actions { align-items:stretch; flex-direction:column; }
  #dataExpenses .data-expense-row { padding:0 15px; }
  #dataExpenses .data-expense-main { grid-template-columns:1fr auto; gap:12px; }
  #dataExpenses .data-expense-main time { grid-column:1; }
  #dataExpenses .data-expense-identity,#dataExpenses .data-expense-labels { grid-column:1/-1; }
  #dataExpenses .data-expense-amount { grid-column:2; grid-row:1; }
  #dataExpenses .data-expense-details > div { grid-template-columns:1fr; }
  #dataExpenses .data-expense-pagination { align-items:flex-start; flex-direction:column; }
  #dataExpenses .data-expense-pagination > div { width:100%; }
  #dataExpenses .data-expense-pagination > div button { flex:1; }
  #dataExpenses .data-daily-list dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Resumen administrativo v3 */
.data-overview-brief { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; margin-bottom: 15px; padding: 20px 24px; border-radius: 21px; color: #fff; background: radial-gradient(circle at 88% 130%,rgba(82,204,164,.3),transparent 38%),linear-gradient(112deg,#292480,#1b315b 70%,#164e5b); box-shadow: 0 13px 32px rgba(31,35,92,.15); }
.data-overview-brief > div > span { color: #a8e7d0; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.data-overview-brief strong { display: block; margin-top: 4px; font-size: 22px; letter-spacing: -.02em; }
.data-overview-brief p { margin: 6px 0 0; color: #d9e1ed; font-size: 14px; }.data-overview-brief p b { color: #fff; }
.data-overview-brief button { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #20265b; background: #fff; font-size: 13px; font-weight: 900; box-shadow: 0 8px 18px rgba(7,17,46,.17); }
.data-overview-brief button .app-icon { width: 16px; height: 16px; }
.data-technical-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 34px; padding: 14px 2px 4px; border-top: 1px solid #dfe4ee; }.data-technical-footer p { margin: 0 auto 0 0; color: #9098a8; font-size: 12px; }

.data-dashboard-kpis { display: grid; grid-template-columns: 1.55fr .92fr .95fr 1.05fr; gap: 13px; margin-bottom: 14px; }
.data-dashboard-kpis article { position: relative; min-width: 0; min-height: 172px; overflow: hidden; border-radius: 20px; box-shadow: 0 10px 28px rgba(43,52,91,.09); }
.data-kpi-income { padding: 20px 22px; color: #164c3e; background: linear-gradient(135deg,#dff8ee,#effbf6 62%,#d8f3e9); }
.data-kpi-income::after { position: absolute; right: -45px; bottom: -70px; width: 185px; height: 185px; border-radius: 50%; background: rgba(255,255,255,.45); content:""; }
.data-kpi-income header { display: flex; align-items: center; gap: 9px; }.data-kpi-income header > span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; color: #147a5a; background: rgba(255,255,255,.7); }.data-kpi-income header .app-icon { width: 18px; height: 18px; }.data-kpi-income small { font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.data-kpi-income > strong { display: block; margin-top: 12px; color: #133e35; font-size: clamp(27px,2.5vw,36px); letter-spacing: -.045em; }.data-kpi-income > p { margin: 5px 0 0; color: #37816b; font-size: 13px; font-weight: 750; }
.data-kpi-spark { position: absolute; right: 18px; bottom: 19px; z-index: 1; display: flex; height: 53px; align-items: flex-end; gap: 5px; }.data-kpi-spark i { width: 8px; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(#36b78e,#168264); opacity: .75; }
.data-kpi-net { padding: 21px; color: #fff; background: radial-gradient(circle at 90% 15%,rgba(131,126,255,.45),transparent 40%),linear-gradient(145deg,#3832a0,#232060); }.data-kpi-net > span { color: #cbc9ff; font-size: 12px; font-weight: 900; letter-spacing: .08em; }.data-kpi-net > strong { display: block; margin-top: 20px; font-size: clamp(23px,2.2vw,31px); letter-spacing: -.04em; }.data-kpi-net p { display: flex; align-items: center; gap: 6px; margin: 16px 0 0; color: #d4d3ef; font-size: 12px; }.data-kpi-net p .app-icon { width: 16px; height: 16px; color: #8fe4c6; }.data-kpi-net > small { display:block; margin-top:4px; color:#aaa9d5; font-size:12px; }
.data-kpi-outflow { padding: 20px; color: #315c84; background: linear-gradient(145deg,#edf6ff,#f8fbff); }.data-kpi-outflow header { display: flex; align-items: center; justify-content: space-between; color: #477aa5; font-size: 12px; font-weight: 900; letter-spacing: .08em; }.data-kpi-outflow header .app-icon { width: 22px; height: 22px; }.data-kpi-outflow > strong { display: block; margin-top: 22px; color: #294f72; font-size: clamp(23px,2.1vw,30px); letter-spacing: -.04em; }.data-kpi-outflow > p { margin: 5px 0 18px; color: #6e8ca8; font-size: 12px; }.data-kpi-outflow > div > i { display: block; height: 7px; overflow: hidden; border-radius: 99px; background: #d8e7f4; }.data-kpi-outflow > div > i::after { display:block; width:22.5%; height:100%; border-radius:inherit; background:#64a4cf; content:""; }.data-kpi-outflow > div > b { display: block; margin-top: 7px; color: #587b99; font-size: 12px; }
.data-kpi-debt { display: grid; grid-template-columns: 43px minmax(0,1fr) 32px; gap: 11px; align-items: center; padding: 18px; color: #4b478f; background: linear-gradient(145deg,#f0efff,#fafaff); }.data-kpi-debt > span { display: grid; width: 43px; height: 43px; place-items: center; align-self: start; border-radius: 13px; color: #5751b5; background: #dedcff; }.data-kpi-debt > span .app-icon { width: 21px; height: 21px; }.data-kpi-debt small { font-size: 12px; font-weight: 900; letter-spacing: .07em; }.data-kpi-debt strong { display:block; margin-top: 11px; color: #403c80; font-size: clamp(22px,2vw,28px); letter-spacing: -.04em; }.data-kpi-debt p { margin: 5px 0 0; color: #7773a8; font-size: 12px; line-height: 1.4; }.data-kpi-debt > button { display: grid; width: 32px; height: 32px; place-items: center; align-self: end; border: 0; border-radius: 10px; color: #514bc0; background: #e7e5ff; }.data-kpi-debt > button .app-icon { width: 15px; height: 15px; }

.data-section-context { display:flex; min-height:82px; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; padding:13px 16px 13px 19px; border:1px solid #dde2ef; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(42,51,88,.06); }
.data-section-context[hidden] { display:none; }
.data-section-context > div:first-child { min-width:0; }
.data-section-context > div:first-child > span { display:inline-block; margin-right:10px; color:#5a54cf; font-size:12px; font-weight:900; letter-spacing:.11em; vertical-align:baseline; }
.data-section-context h2 { display:inline; margin:0; color:#263249; font-size:clamp(20px,2vw,26px); letter-spacing:-.035em; }
.data-section-context p { margin:5px 0 0; color:#737e91; font-size:13px; line-height:1.35; }
.data-section-context > button,.data-context-actions button { display:inline-flex; min-height:40px; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; padding:8px 13px; border:1px solid #d5daea; border-radius:11px; color:#4c47bb; background:#f9f9ff; font-size:12px; font-weight:850; white-space:nowrap; }
.data-section-context > button { border-color:#514bc8; color:#fff; background:#514bc8; box-shadow:0 7px 16px rgba(81,75,200,.18); }
.data-section-context .app-icon { width:16px; height:16px; }
.data-context-actions { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.data-context-actions button:first-child { border-color:#514bc8; color:#fff; background:#514bc8; }

.data-dashboard-primary { display: grid; grid-template-columns: minmax(0,1.85fr) minmax(285px,.65fr); gap: 14px; margin-bottom: 14px; }
.data-dashboard-trend { min-width: 0; margin: 0; }.data-dashboard-trend .data-chart { height: 290px; }
.data-chart-income-area { fill:url(#incomeArea); }.data-chart-outflow-area { fill:url(#outflowArea); }
.data-dashboard-attendance,.data-dashboard-methods,.data-dashboard-reminders,.data-dashboard-professionals { border-radius: 21px; background: #fff; box-shadow: 0 11px 30px rgba(43,52,91,.08); }
.data-dashboard-attendance { padding: 21px; }.data-dashboard-attendance > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.data-dashboard-attendance header p,.data-dashboard-methods header p,.data-dashboard-reminders header p,.data-dashboard-professionals header p { margin:0 0 4px; color:#5a55cb; font-size:12px; font-weight:900; letter-spacing:.1em; }.data-dashboard-attendance h2 { margin:0; color:#253047; font-size:24px; }.data-dashboard-attendance header button { padding:6px 8px; border:0; border-radius:8px; color:#514bc8; background:#f0efff; font-size:12px; font-weight:850; }
.data-attendance-ring { display:grid; width:164px; height:164px; place-items:center; margin:19px auto; border-radius:50%; background:conic-gradient(#2daf80 0 81%,#4f78cf 81% 90%,#e87668 90% 97%,#dce1eb 97% 100%); }.data-attendance-ring::before { grid-area:1/1; width:117px; height:117px; border-radius:50%; background:#fff; content:""; }.data-attendance-ring span { z-index:1; grid-area:1/1; text-align:center; }.data-attendance-ring strong,.data-attendance-ring small { display:block; }.data-attendance-ring strong { color:#26334a; font-size:31px; }.data-attendance-ring small { color:#7a8497; font-size:12px; }
.data-dashboard-attendance dl { margin:0; }.data-dashboard-attendance dl div { display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-top:1px solid #edf0f4; }.data-dashboard-attendance dt,.data-dashboard-attendance dd { margin:0; color:#5e697d; font-size:12px; }.data-dashboard-attendance dd { color:#2d384e; font-weight:900; }.data-dashboard-attendance dt i,.data-professional-legend i { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; }.data-dashboard-attendance .is-attended,.data-professional-legend .is-attended { background:#2daf80; }.data-dashboard-attendance .is-absent,.data-professional-legend .is-absent { background:#4f78cf; }.data-dashboard-attendance .is-cancelled,.data-professional-legend .is-cancelled { background:#e87668; }.data-dashboard-attendance .is-other,.data-professional-legend .is-other { background:#c8cfdd; }.data-dashboard-attendance > footer { margin-top:11px; padding-top:11px; border-top:1px solid #e9edf3; }.data-dashboard-attendance > footer span,.data-dashboard-attendance > footer small { display:block; font-size:12px; }.data-dashboard-attendance > footer span { color:#3a455b; }.data-dashboard-attendance > footer span b { color:#16805c; }.data-dashboard-attendance > footer small { margin-top:3px; color:#8891a1; }

.data-dashboard-secondary { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:14px; margin-bottom:14px; }.data-dashboard-methods,.data-dashboard-reminders { padding:22px; }.data-dashboard-methods h3,.data-dashboard-reminders h3,.data-dashboard-professionals h3 { margin:0; color:#273249; font-size:21px; letter-spacing:-.025em; }.data-dashboard-methods { display:grid; grid-template-columns:minmax(180px,.42fr) minmax(300px,1fr); column-gap:28px; }.data-dashboard-methods header { grid-column:1/-1; }.data-method-total { align-self:center; padding:24px 0; }.data-method-total strong,.data-method-total span { display:block; }.data-method-total strong { color:#4c46c5; font-size:48px; letter-spacing:-.05em; }.data-method-total span { margin-top:3px; color:#7b8597; font-size:13px; }.data-method-bars { display:grid; align-content:center; gap:13px; }.data-method-bars article p { display:flex; justify-content:space-between; gap:12px; margin:0 0 6px; color:#59647a; font-size:12px; }.data-method-bars article p b { color:#2e394f; }.data-method-bars article > i { display:block; height:8px; overflow:hidden; border-radius:99px; background:#edf0f5; }.data-method-bars article > i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#5a54cf,#8380e3); }.data-method-bars article:nth-child(2) > i b { background:linear-gradient(90deg,#31a982,#6ac6a9); }.data-method-bars article:nth-child(3) > i b { background:linear-gradient(90deg,#537bd2,#8eabeb); }.data-method-bars article:nth-child(4) > i b { background:linear-gradient(90deg,#6ca4cd,#91c1e1); }
.data-dashboard-reminders { display:grid; grid-template-columns:145px minmax(0,1fr); gap:0 18px; }.data-dashboard-reminders header { grid-column:1/-1; }.data-reminder-gauge { display:grid; width:132px; height:132px; place-items:center; align-self:center; margin-top:16px; border-radius:50%; background:conic-gradient(#2bab7c 0 91%,#e6eaf0 91% 100%); }.data-reminder-gauge::before { grid-area:1/1; width:96px; height:96px; border-radius:50%; background:#fff; content:""; }.data-reminder-gauge span { z-index:1; grid-area:1/1; text-align:center; }.data-reminder-gauge strong,.data-reminder-gauge small { display:block; }.data-reminder-gauge strong { color:#218263; font-size:27px; }.data-reminder-gauge small { color:#7f899b; font-size:12px; }.data-reminder-numbers { display:flex; align-items:center; gap:17px; }.data-reminder-numbers span { flex:1; }.data-reminder-numbers strong,.data-reminder-numbers small { display:block; }.data-reminder-numbers strong { color:#29344b; font-size:24px; }.data-reminder-numbers small { margin-top:3px; color:#7c8799; font-size:12px; line-height:1.3; }.data-dashboard-reminders > button { grid-column:1/-1; min-height:38px; margin-top:14px; border:1px solid #d7dced; border-radius:10px; color:#4e49c2; background:#f8f8ff; font-size:12px; font-weight:850; }

.data-dashboard-professionals { padding:22px; }.data-dashboard-professionals > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:23px; }.data-professional-legend { display:flex; gap:14px; flex-wrap:wrap; color:#737d90; font-size:12px; }.data-professional-chart { display:grid; gap:17px; }.data-professional-chart article { display:grid; grid-template-columns:140px minmax(0,1fr) 80px; gap:14px; align-items:center; }.data-professional-chart article > span,.data-professional-chart article > b { color:#445066; font-size:13px; }.data-professional-chart article > b { text-align:right; }.data-professional-chart article > div { display:flex; height:18px; overflow:hidden; border-radius:99px; background:#eff1f5; }.data-professional-chart article > div i { display:block; width:var(--w); height:100%; }.data-professional-chart article > div .is-attended { background:#2daf80; }.data-professional-chart article > div .is-absent { background:#4f78cf; }.data-professional-chart article > div .is-cancelled { background:#e87668; }

@media (max-width: 1240px) {
  .data-dashboard-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.data-dashboard-primary { grid-template-columns:1fr; }.data-dashboard-attendance { display:grid; grid-template-columns:1fr 190px minmax(220px,1fr); gap:15px; align-items:center; }.data-dashboard-attendance > header { grid-column:1/-1; }.data-attendance-ring { margin:0; }.data-dashboard-attendance > footer { margin:0; }.data-dashboard-secondary { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .data-overview-brief { align-items:flex-start; flex-direction:column; padding:18px; }.data-overview-brief strong { font-size:19px; }.data-section-context { align-items:flex-start; flex-direction:column; }.data-section-context > button,.data-context-actions { width:100%; }.data-context-actions { justify-content:flex-start; }.data-dashboard-kpis { grid-template-columns:1fr; }.data-dashboard-kpis article { min-height:150px; }.data-dashboard-primary { grid-template-columns:1fr; }.data-dashboard-attendance { display:block; }.data-attendance-ring { margin:18px auto; }.data-dashboard-methods { grid-template-columns:1fr; }.data-method-total { padding:18px 0; }.data-dashboard-reminders { grid-template-columns:1fr; }.data-reminder-gauge { margin:18px auto; }.data-reminder-numbers { margin-top:4px; }.data-dashboard-professionals > header { flex-direction:column; }.data-professional-chart article { grid-template-columns:1fr; gap:6px; }.data-professional-chart article > b { text-align:left; }.data-technical-footer { align-items:flex-start; flex-direction:column; }.data-technical-footer p { margin:0 0 4px; }
}

/* Cobros detallados: consulta real, filtros y exportación */
.data-collections-card { min-width: 0; }
.data-collections-card > header > button { border-color: #514bc8; color: #fff; background: #514bc8; box-shadow: 0 8px 18px rgba(81,75,200,.18); }
.data-collections-card > header > button:disabled { cursor: default; opacity: .45; box-shadow: none; }
.data-collections-card > header .app-icon { width: 17px; height: 17px; }
.data-collection-filters { display: grid; grid-template-columns: minmax(270px,1.55fr) repeat(5,minmax(140px,.75fr)); gap: 12px; padding: 17px 20px; border-bottom: 1px solid #e7eaf1; background: #f8f9fc; }
.data-collection-filters label { display: grid; min-width: 0; gap: 6px; color: #626d82; font-size: 12px; font-weight: 850; }
.data-collection-filters label > span { font-size: 12px; }
.data-collection-filters input,.data-collection-filters select { width: 100%; min-height: 44px; border: 1px solid #d7dce8; border-radius: 11px; color: #303b52; background: #fff; font: inherit; font-size: 14px; outline: none; }
.data-collection-filters input:focus,.data-collection-filters select:focus { border-color: #6761d2; box-shadow: 0 0 0 3px rgba(87,80,199,.12); }
.data-collection-filters select { padding: 0 34px 0 12px; }
.data-collection-filters .is-search > div { position: relative; }.data-collection-filters .is-search input { padding: 0 12px 0 42px; }.data-collection-filters .is-search .app-icon { position: absolute; top: 13px; left: 14px; width: 18px; height: 18px; color: #727d91; pointer-events: none; }
.data-collection-filter-actions { display: flex; grid-column: 1/-1; justify-content: flex-end; gap: 8px; }
.data-collection-filter-actions button { min-height: 40px; padding: 8px 14px; border: 1px solid #d3d8e5; border-radius: 10px; color: #525d72; background: #fff; font-size: 13px; font-weight: 850; }
.data-collection-filter-actions button:first-child { border-color: #514bc8; color: #fff; background: #514bc8; }
.data-collection-status { margin: 0; padding: 14px 20px; color: #4e5880; background: #f0f1ff; font-size: 13px; font-weight: 750; }
.data-collection-list { display: grid; gap: 1px; background: #e9ecf2; }
.data-collection-list > .data-inline-empty { margin: 0; background: #fff; }
.data-collection-row { min-width: 0; padding: 0 20px; background: #fff; transition: background .16s ease; }
.data-collection-row:hover { background: #fbfcff; }
.data-collection-main { display: grid; grid-template-columns: 128px minmax(220px,1.35fr) minmax(260px,1fr) minmax(125px,.45fr); gap: 18px; align-items: center; min-height: 108px; padding: 15px 0; }
.data-collection-main time strong,.data-collection-main time span,.data-collection-identity > strong,.data-collection-identity > span,.data-collection-amount strong,.data-collection-amount span { display: block; }
.data-collection-main time strong { color: #354056; font-size: 14px; }.data-collection-main time span { margin-top: 5px; color: #8790a1; font-size: 12px; }
.data-collection-identity { min-width: 0; }.data-collection-identity > strong { overflow: hidden; color: #28334a; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }.data-collection-identity > span { margin-top: 3px; overflow: hidden; color: #707b8e; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.data-collection-identity > p { margin: 8px 0 0; overflow: hidden; color: #536075; font-size: 13px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.data-collection-labels { display: flex; min-width: 0; gap: 7px; flex-wrap: wrap; }.data-collection-labels span { display: inline-flex; min-height: 29px; align-items: center; padding: 5px 9px; border-radius: 99px; color: #4d5870; background: #edf0f5; font-size: 12px; font-weight: 800; }
.data-collection-labels .is-confirmed { color: #167154; background: #e3f6ef; }.data-collection-labels .is-pending { color: #4e49a2; background: #ecebff; }.data-collection-labels .is-not-received { color: #59667b; background: #edf0f4; }.data-collection-labels .is-voided { color: #6b568e; background: #f1ebf8; }.data-collection-labels .is-refunded { color: #246a83; background: #e6f4f8; }.data-collection-labels .is-method { color: #315e8b; background: #e9f2fb; }.data-collection-labels .is-legacy { color: #5e6577; background: #eef0f4; }.data-collection-labels .is-explicit { color: #176d58; background: #e5f5ef; }
.data-collection-amount { text-align: right; }.data-collection-amount strong { color: #27364d; font-size: 21px; letter-spacing: -.025em; }.data-collection-amount span { margin-top: 4px; color: #828c9e; font-size: 12px; }
.data-collection-details { border-top: 1px solid #edf0f4; }.data-collection-details summary { width: max-content; padding: 11px 0 13px; color: #514bc0; cursor: pointer; font-size: 12px; font-weight: 850; }.data-collection-details > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 0 0 17px; }.data-collection-details p { min-width: 0; margin: 0; padding: 11px 13px; border-radius: 11px; background: #f7f8fb; }.data-collection-details p span,.data-collection-details p strong { display: block; }.data-collection-details p span { color: #7a8495; font-size: 12px; }.data-collection-details p strong { margin-top: 5px; overflow-wrap: anywhere; color: #3a465b; font-size: 13px; line-height: 1.45; }
.data-collection-pagination p { margin: 0; font-size: 12px; }.data-collection-pagination > div { display: flex; gap: 8px; }
.data-collections-card[aria-busy="true"] .data-collection-list { opacity: .55; pointer-events: none; }

@media (max-width: 1420px) {
  .data-collection-filters { grid-template-columns: repeat(3,minmax(150px,1fr)); }.data-collection-filters .is-search { grid-column: span 2; }
  .data-collection-main { grid-template-columns: 115px minmax(220px,1fr) minmax(130px,.42fr); }.data-collection-labels { grid-column: 2/3; }.data-collection-amount { grid-column: 3; grid-row: 1; }
}
@media (max-width: 1180px) and (min-width: 901px) {
  body.data-active .legacy-topbar { gap: 10px; padding-inline: 12px; }
  body.data-active .legacy-brand small,body.data-active .legacy-brand .plan-preview-control { display: none; }
  body.data-active .legacy-nav button { padding: 9px 8px; font-size: 13px; }
}
@media (max-width: 900px) {
  .data-collection-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.data-collection-filters .is-search { grid-column: 1/-1; }
  .data-collection-main { grid-template-columns: 110px minmax(0,1fr) minmax(120px,.4fr); }.data-collection-labels { grid-column: 1/-1; }.data-collection-details > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .data-collection-filters { grid-template-columns: 1fr; padding: 15px; }.data-collection-filters .is-search { grid-column: auto; }.data-collection-filter-actions { align-items: stretch; flex-direction: column; }
  .data-collection-row { padding: 0 15px; }.data-collection-main { grid-template-columns: 1fr auto; gap: 12px; }.data-collection-main time { grid-column: 1; }.data-collection-identity { grid-column: 1/-1; }.data-collection-labels { grid-column: 1/-1; }.data-collection-amount { grid-column: 2; grid-row: 1; }.data-collection-details > div { grid-template-columns: 1fr; }
  .data-collection-pagination { align-items: flex-start; flex-direction: column; }.data-collection-pagination > div { width: 100%; }.data-collection-pagination > div button { flex: 1; }
}