.operation-page { --op-blue:#2563eb; --op-navy:#0b1f3a; display:grid; gap:15px; width:100%; max-width:1540px; margin:0 auto; padding-bottom:84px; }
.operation-enter { animation:operationEnter 620ms var(--spring) both; }
.operation-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:4px; }
.operation-heading h1 { margin:6px 0 2px; color:var(--ink); font-size:clamp(25px,2vw,32px); letter-spacing:-.04em; }
.operation-heading p { margin:0; color:var(--muted); font-size:11px; }
.operation-state { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid #e1e7ef; border-radius:999px; color:var(--muted); background:white; font-size:9px; font-weight:750; }
.operation-state i { width:7px; height:7px; border-radius:50%; background:#98a2b3; box-shadow:0 0 0 4px rgba(152,162,179,.1); }
.state-warning { color:#9c620c; background:#fffaf0; }.state-warning i { background:#d98713; }
.state-info { color:#1760a5; background:#f0f7ff; }.state-info i { background:#3181db; }
.operation-surface { border:1px solid rgba(224,231,241,.95); border-radius:18px; background:white; box-shadow:var(--shadow-sm); }
.operation-card-head { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid var(--line-soft); }
.operation-card-head h2 { margin:2px 0 1px; color:var(--ink); font-size:15px; }.operation-card-head p { margin:0; color:var(--muted); font-size:9px; }
.section-label { color:var(--blue-600); font-size:8px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.operation-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.operation-kpis article { display:flex; min-height:105px; align-items:center; gap:12px; padding:17px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:var(--shadow-sm); transition:transform 380ms var(--spring),box-shadow 250ms ease; }
.operation-kpis article:hover { box-shadow:0 16px 34px rgba(15,52,104,.08); transform:translateY(-3px); }
.operation-kpis article > span,.payable-summary > div > span:first-child,.payroll-detail-grid header > div > span { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:12px; }
.operation-kpis .icon,.payable-summary .icon,.payroll-detail-grid header .icon { width:17px;height:17px; }
.tone-blue { color:#2563eb;background:#eff6ff; }.tone-violet { color:#7557d8;background:#f3efff; }.tone-rose { color:#d94a68;background:#fff0f3; }.tone-green { color:#078568;background:#ecfdf5; }.tone-amber { color:#c6710c;background:#fff8e8; }
.operation-kpis article > div { display:flex; min-width:0; flex-direction:column; }.operation-kpis small { color:var(--muted);font-size:9px; }.operation-kpis strong { margin:2px 0;color:var(--ink);font-size:19px;letter-spacing:-.025em;white-space:nowrap; }.operation-kpis em { color:var(--muted-2);font-size:8px;font-style:normal; }
.operation-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px 13px; padding:19px; }
.operation-form-grid label,.entry-header > label,.entry-composer label,.payroll-period label { display:grid; gap:5px; color:var(--text); font-size:9px; font-weight:750; }
.operation-form-grid input,.operation-form-grid select,.entry-header input,.entry-header select,.entry-composer input,.payroll-period select,.entry-notes textarea,.payroll-final textarea,.statement-account input { width:100%; min-height:40px; padding:8px 10px; border:1px solid #dce4ee; border-radius:10px; outline:0; background:#fbfcfe; font-size:10px; transition:border 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.operation-form-grid input:focus,.operation-form-grid select:focus,.entry-header input:focus,.entry-header select:focus,.entry-composer input:focus,.payroll-period select:focus,.entry-notes textarea:focus,.payroll-final textarea:focus,.statement-account input:focus { border-color:#88b5fc;background:white;box-shadow:0 0 0 4px rgba(37,99,235,.07); }
.span-2 { grid-column:span 2; }
.operation-table-wrap { overflow-x:auto; }
.operation-table { width:100%; border-collapse:collapse; }
.operation-table th { padding:10px 11px; color:var(--muted); background:#fafbfd; font-size:8px; letter-spacing:.04em; text-align:left; text-transform:uppercase;white-space:nowrap; }
.operation-table td { padding:9px 11px; border-top:1px solid var(--line-soft); color:var(--text); font-size:9px; }
.operation-table tbody tr { transition:background 160ms ease; }.operation-table tbody tr:hover { background:#fbfdff; }
.operation-table .numeric { text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap; }
.table-input { width:86px;height:34px;padding:0 8px;border:1px solid #dce4ee;border-radius:8px;outline:0;background:#fbfcfe;font-size:9px; }.table-input:focus { border-color:#8bb7fb;background:white;box-shadow:0 0 0 3px rgba(37,99,235,.07); }
.account-code { color:#1e58c4;font-size:8px;font-variant-numeric:tabular-nums; }
.operation-status { display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:750; }.operation-status i { width:6px;height:6px;border-radius:50%; }.operation-status.success { color:#06765d;background:#ecfdf5; }.operation-status.success i { background:#079669; }.operation-status.warning { color:#9b620d;background:#fff7e8; }.operation-status.warning i { background:#d98713; }
.operation-actions { position:fixed;z-index:35;right:0;bottom:0;left:var(--sidebar-width);display:flex;min-height:70px;align-items:center;justify-content:flex-end;gap:8px;padding:11px 28px;border-top:1px solid rgba(218,226,237,.9);background:rgba(255,255,255,.93);box-shadow:0 -10px 30px rgba(15,23,42,.04);backdrop-filter:blur(16px);transition:left 480ms var(--spring); }
.operation-actions > span { display:flex;align-items:center;gap:6px;margin-right:auto;color:var(--muted);font-size:9px; }.operation-actions > span .icon { width:14px;height:14px;color:#079669; }.sidebar-collapsed .operation-actions { left:var(--sidebar-collapsed-width); }
.row-check { display:grid;place-items:center;cursor:pointer; }.row-check input { position:absolute;opacity:0; }.row-check i { display:grid;width:16px;height:16px;place-items:center;border:1px solid #cad4e0;border-radius:5px;color:transparent;background:white; }.row-check i .icon { width:10px;height:10px; }.row-check input:checked + i { border-color:#2563eb;color:white;background:#2563eb; }
.row-delete,.row-detail-button { display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:var(--muted);background:transparent; }.row-delete:hover { color:var(--danger);background:#fff1f0; }.row-detail-button:hover { color:var(--blue-600);background:var(--blue-50); }.row-delete .icon,.row-detail-button .icon { width:14px;height:14px; }.row-detail-button .icon { transition:transform 320ms var(--spring); }.row-detail-button.is-open .icon { transform:rotate(180deg); }
.soft-badge { padding:5px 7px;border-radius:7px;color:#58677b;background:#f3f6fa;font-size:8px; }
.operation-search { position:relative;display:block;width:min(330px,40%); }.operation-search .icon { position:absolute;left:11px;top:50%;width:14px;height:14px;color:var(--muted-2);transform:translateY(-50%); }.operation-search input { width:100%;height:38px;padding:0 10px 0 33px;border:1px solid #dde5ee;border-radius:10px;outline:0;background:#fafbfd;font-size:9px; }.operation-search input:focus { border-color:#8bb7fb;background:white;box-shadow:0 0 0 3px rgba(37,99,235,.07); }

/* Planilla */
.payroll-period { display:grid;grid-template-columns:minmax(190px,1.25fr) repeat(4,minmax(120px,.75fr)) auto;align-items:end;gap:13px;padding:17px; }
.period-field { display:flex;flex-direction:column;padding:2px 5px; }.period-field small { color:var(--blue-600);font-size:8px;font-weight:850;text-transform:uppercase; }.period-field strong { margin:2px 0;color:var(--ink);font-size:14px; }.period-field span { color:var(--muted);font-size:8px; }
.payroll-workspace { overflow:hidden; }.payroll-table { min-width:1180px; }.employee-cell { display:flex;align-items:center;gap:9px;min-width:190px; }.employee-cell > span:first-child { display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:9px;color:#1d56c9;background:#eff6ff;font-size:8px;font-weight:850; }.employee-cell > span:last-child { display:flex;flex-direction:column; }.employee-cell strong { color:var(--ink);font-size:9px; }.employee-cell small { color:var(--muted-2);font-size:7px; }.net-cell strong { color:#0b1f3a;font-size:10px; }
.payroll-detail-row td { padding:0 12px 13px !important;background:#fbfcff; }.payroll-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:12px;border:1px solid #e4eaf2;border-radius:14px;background:white;animation:detailOpen 420ms var(--spring) both; }
.payroll-detail-grid section { overflow:hidden;border:1px solid var(--line);border-radius:12px; }.payroll-detail-grid header { display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line-soft); }.payroll-detail-grid header > div { display:flex;align-items:center;gap:8px; }.payroll-detail-grid header > div > span { width:31px;height:31px;border-radius:9px; }.payroll-detail-grid header strong { display:block;color:var(--ink);font-size:9px; }.payroll-detail-grid header small { color:var(--muted);font-size:7px; }.payroll-detail-grid header button { display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:7px;color:var(--blue-600);background:var(--blue-50);font-size:8px;font-weight:750; }.payroll-detail-grid header button .icon { width:11px;height:11px; }
.detail-line { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px; }.detail-line span { display:flex;flex-direction:column; }.detail-line strong { color:var(--text);font-size:8px; }.detail-line small { color:var(--muted-2);font-size:7px; }.detail-line input { width:120px;height:34px;padding:0 8px;border:1px solid #dce4ee;border-radius:8px;background:#fbfcfe;text-align:right;font-size:9px; }
.payroll-detail-grid footer { display:flex;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px; }.payroll-detail-grid footer strong { color:var(--ink); }
.operation-empty { display:grid;justify-items:center;gap:7px;padding:35px;color:var(--muted);font-size:10px; }.operation-empty .icon { width:23px;height:23px;color:var(--blue-600); }
.payroll-final { display:grid;grid-template-columns:1fr 420px;gap:32px;padding:19px; }.payroll-final label { display:grid;gap:6px;color:var(--text);font-size:9px;font-weight:750; }.payroll-final textarea { resize:vertical; }.payroll-final dl { margin:0; }.payroll-final dl > div { display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:9px; }.payroll-final dt,.payroll-final dd { margin:0; }.payroll-final dt { color:var(--muted); }.payroll-final dd { color:var(--ink);font-weight:750;font-variant-numeric:tabular-nums; }.payroll-final .grand { margin-top:5px;padding-top:12px;border-top:1px solid #cad6e5;border-bottom:0; }.payroll-final .grand dt { color:var(--ink);font-weight:800; }.payroll-final .grand dd { color:var(--blue-700);font-size:17px; }

/* Configuración contable */
.statement-switch { display:flex;padding:3px;border:1px solid var(--line);border-radius:11px;background:white; }.statement-switch a { padding:8px 10px;border-radius:8px;color:var(--muted);font-size:9px;font-weight:750; }.statement-switch a.is-active { color:white;background:var(--blue-600);box-shadow:0 5px 12px rgba(37,99,235,.2); }
.statement-notice { display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #d7e6fb;border-radius:13px;color:#245b9e;background:#f4f8ff; }.statement-notice > .icon { width:18px;height:18px; }.statement-notice span { display:flex;flex:1;flex-direction:column; }.statement-notice strong { font-size:9px; }.statement-notice small { color:#6b87aa;font-size:8px; }.statement-notice button { color:#2563eb;background:transparent;font-size:8px;font-weight:800; }
.statement-groups { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }.statement-group { overflow:hidden; }.statement-group > header { display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft); }.statement-group > header > span { display:grid;width:35px;height:35px;place-items:center;border-radius:11px;color:var(--blue-600);background:var(--blue-50); }.statement-group > header > span .icon { width:16px;height:16px; }.statement-group > header > div { flex:1; }.statement-group h2 { margin:0;color:var(--ink);font-size:13px; }.statement-group header p { margin:2px 0 0;color:var(--muted);font-size:8px; }.statement-group header em { color:var(--muted-2);font-size:7px;font-style:normal; }
.statement-account-list { display:grid; }.statement-account { display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) 24px;align-items:center;gap:11px;padding:12px 15px;border-top:1px solid var(--line-soft); }.statement-account:first-child { border-top:0; }.statement-account > span { display:flex;flex-direction:column; }.statement-account > span strong { color:var(--text);font-size:9px; }.statement-account > span small { color:var(--muted-2);font-size:7px; }.statement-account > div { position:relative; }.statement-account > div .icon { position:absolute;left:10px;top:50%;width:13px;height:13px;color:var(--muted-2);transform:translateY(-50%); }.statement-account input { padding-left:31px; }.statement-account > i { display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:white;background:#079669; }.statement-account > i .icon { width:11px;height:11px; }

/* Asientos y documentos */
.entry-header { display:grid;grid-template-columns:minmax(150px,.7fr) repeat(3,minmax(140px,1fr));align-items:end;gap:14px;padding:17px; }.entry-number { display:flex;flex-direction:column;padding:2px; }.entry-number small { color:var(--muted);font-size:8px; }.entry-number strong { color:var(--ink);font-size:16px; }.entry-number span { color:var(--muted-2);font-size:7px; }.entry-header-detail { grid-column:span 2; }
.toggle-operation { position:relative;display:flex !important;min-height:40px;align-items:center !important;grid-template-columns:auto 1fr;gap:9px;padding:7px 9px;border:1px solid #dce4ee;border-radius:10px;background:#fbfcfe;cursor:pointer; }.toggle-operation input { position:absolute;opacity:0; }.toggle-operation i { position:relative;width:32px;height:18px;flex:0 0 auto;border-radius:999px;background:#cbd5e1;transition:background 180ms ease; }.toggle-operation i::after { position:absolute;left:3px;top:3px;width:12px;height:12px;content:"";border-radius:50%;background:white;box-shadow:0 2px 5px rgba(15,23,42,.2);transition:transform 330ms var(--spring); }.toggle-operation input:checked + i { background:#2563eb; }.toggle-operation input:checked + i::after { transform:translateX(14px); }.toggle-operation span { display:flex;flex-direction:column; }.toggle-operation strong { color:var(--text);font-size:8px; }.toggle-operation small { color:var(--muted-2);font-size:7px; }
.entry-lines { overflow:hidden; }.balance-pill { display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#9b620d;background:#fff5df;font-size:8px;font-weight:750; }.balance-pill i { width:6px;height:6px;border-radius:50%;background:#d98713; }.balance-pill.is-balanced { color:#06765d;background:#ecfdf5; }.balance-pill.is-balanced i { background:#079669; }
.entry-composer { display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(110px,.55fr) minmax(220px,1fr) 100px 100px 36px;align-items:end;gap:8px;padding:13px 15px;background:#fbfcfe; }.entry-account > div { position:relative; }.entry-account .icon { position:absolute;left:10px;top:50%;width:13px;height:13px;color:var(--muted-2);transform:translateY(-50%); }.entry-account input { padding-left:30px; }.entry-add { display:grid;width:36px;height:40px;place-items:center;border-radius:10px;color:white;background:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.18); }.entry-add .icon { width:15px;height:15px; }.entry-table { min-width:940px; }.entry-table td:nth-child(4) { min-width:180px; }.entry-totals { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);background:#fafbfd; }.entry-totals > div { display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-left:1px solid var(--line); }.entry-totals > div:first-child { border-left:0; }.entry-totals small { color:var(--muted);font-size:8px; }.entry-totals strong { color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums; }.entry-totals .difference strong { color:#bd4c45; }.entry-totals .difference.is-balanced strong { color:#078568; }
.entry-notes { display:grid;grid-template-columns:1fr 360px;gap:20px;padding:17px; }.entry-notes > label { display:grid;gap:6px;color:var(--text);font-size:9px;font-weight:750; }.entry-notes textarea { resize:vertical; }.entry-notes > div { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:18px;border-left:1px solid var(--line); }.entry-notes > div > span { display:grid;grid-template-columns:25px 1fr;align-items:center; }.entry-notes > div > span .icon { width:17px;height:17px;grid-row:span 2;color:#079669; }.entry-notes > div > span strong { color:var(--text);font-size:8px; }.entry-notes > div > span small { color:var(--muted);font-size:7px; }
.bank-account-summary,.party-summary { display:flex;align-items:center;gap:11px;margin:17px 17px 0;padding:13px;border:1px solid #d9e6f7;border-radius:13px;background:#f6f9ff; }.bank-account-summary > span,.party-summary > span { display:grid;width:41px;height:41px;place-items:center;border-radius:12px;color:#2563eb;background:white;box-shadow:0 6px 15px rgba(37,99,235,.08);font-size:10px;font-weight:850; }.bank-account-summary > span .icon { width:18px;height:18px; }.bank-account-summary > div,.party-summary > div { display:flex;flex:1;flex-direction:column; }.bank-account-summary small,.party-summary small { color:var(--muted);font-size:7px; }.bank-account-summary strong,.party-summary strong { color:var(--ink);font-size:11px; }.bank-account-summary em,.party-summary em { color:#6d87aa;font-size:7px;font-style:normal; }.bank-account-summary button,.party-summary button { color:#2563eb;background:transparent;font-size:8px;font-weight:800; }
.application-remaining { display:flex;flex-direction:column;align-items:flex-end; }.application-remaining small { color:var(--muted);font-size:7px; }.application-remaining strong { color:var(--blue-700);font-size:16px; }.application-table { min-width:900px; }.apply-all { padding:6px 8px;border-radius:7px;color:#2563eb;background:#eff6ff;font-size:8px;font-weight:750; }
.application-tools { display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line-soft);background:#fbfcfe; }.application-tools button { display:flex;align-items:center;gap:5px;color:#2563eb;background:transparent;font-size:8px;font-weight:800; }.application-tools button .icon { width:12px;height:12px; }.application-tools span { color:var(--muted);font-size:8px; }
.receipt-application-total { display:flex;justify-content:flex-end;gap:28px;padding:13px 17px;border-top:1px solid var(--line);background:#fafbfd; }.receipt-application-total > span { display:flex;min-width:125px;flex-direction:column; }.receipt-application-total small { color:var(--muted);font-size:7px; }.receipt-application-total strong { color:var(--ink);font-size:12px; }.receipt-application-total .remaining strong { color:var(--blue-700);font-size:16px; }
.payable-summary { display:grid;grid-template-columns:repeat(3,1fr);padding:14px; }.payable-summary > div { display:flex;align-items:center;gap:9px;padding:5px 15px;border-left:1px solid var(--line); }.payable-summary > div:first-child { border-left:0; }.payable-summary > div > span:first-child { width:33px;height:33px;border-radius:10px; }.payable-summary > div > span:last-child { display:flex;flex-direction:column; }.payable-summary small { color:var(--muted);font-size:7px; }.payable-summary strong { color:var(--ink);font-size:10px; }
.bank-filter-card { overflow:hidden; }.bank-filter-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.inline-toggle { margin-top:14px; }.bank-filter-card > footer { display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line-soft);background:#fafbfd; }.bank-process-preview { display:flex;align-items:center;justify-content:space-between;padding:17px; }.bank-process-preview > div { display:flex;align-items:center;gap:10px; }.bank-process-preview > div > span { display:grid;width:38px;height:38px;place-items:center;border-radius:12px; }.bank-process-preview .icon { width:17px;height:17px; }.bank-process-preview > div > div { display:flex;flex-direction:column; }.bank-process-preview strong { color:var(--ink);font-size:11px; }.bank-process-preview small { color:var(--muted);font-size:8px; }

@keyframes operationEnter { from { opacity:0;transform:translateY(11px) scale(.997); } to { opacity:1;transform:none; } }
@keyframes detailOpen { from { opacity:0;transform:translateY(-8px); } }
@media (prefers-reduced-motion:reduce) { .operation-enter,.payroll-detail-grid { animation:none; } }
@media (max-width:1250px) { .operation-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.payroll-period { grid-template-columns:repeat(3,minmax(0,1fr)); }.period-field { grid-column:span 2; }.statement-account { grid-template-columns:1fr; }.statement-account > i { display:none; }.entry-header { grid-template-columns:repeat(3,minmax(0,1fr)); }.entry-number { grid-column:span 3; }.entry-composer { grid-template-columns:repeat(4,minmax(110px,1fr)); }.entry-account,.entry-detail { grid-column:span 2; }.bank-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:960px) { .operation-actions { left:0; }.statement-groups { grid-template-columns:1fr; }.entry-notes,.payroll-final { grid-template-columns:1fr; }.entry-notes > div { padding:14px 0 0;border-top:1px solid var(--line);border-left:0; }.operation-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bank-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .operation-page { padding-bottom:100px; }.operation-heading { align-items:stretch;flex-direction:column; }.operation-heading .button,.operation-state,.statement-switch { align-self:flex-start; }.operation-kpis { grid-template-columns:1fr 1fr; }.operation-kpis article { min-height:90px;padding:13px; }.operation-kpis strong { font-size:15px; }.payroll-period { grid-template-columns:1fr 1fr; }.period-field { grid-column:1 / -1; }.payroll-period .button { grid-column:1 / -1; }.operation-card-head { align-items:flex-start;flex-direction:column; }.operation-search { width:100%; }.payroll-detail-grid { grid-template-columns:1fr; }.operation-form-grid,.entry-header,.bank-filter-grid { grid-template-columns:1fr; }.span-2,.entry-header-detail,.entry-number { grid-column:auto; }.entry-composer { grid-template-columns:1fr 1fr; }.entry-account,.entry-detail { grid-column:1 / -1; }.entry-totals { grid-template-columns:1fr; }.entry-totals > div { border-top:1px solid var(--line);border-left:0; }.payable-summary { grid-template-columns:1fr; }.payable-summary > div { border-top:1px solid var(--line);border-left:0; }.receipt-application-total { align-items:flex-end;flex-direction:column;gap:8px; }.operation-actions { flex-wrap:wrap;padding:8px 11px; }.operation-actions > span { display:none; }.operation-actions .button { flex:1;padding:0 9px; }.statement-notice { align-items:flex-start; }.statement-notice button { display:none; }.bank-process-preview { align-items:stretch;flex-direction:column;gap:12px; } }
@media (max-width:460px) { .operation-kpis { grid-template-columns:1fr; }.operation-kpis article { min-height:82px; }.payroll-period { grid-template-columns:1fr; }.payroll-period label,.period-field,.payroll-period .button { grid-column:auto; }.statement-switch { width:100%; }.statement-switch a { flex:1;text-align:center; }.company-meta > span { flex:auto; } }
@supports (padding:max(0px)) { .operation-actions { padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(11px,env(safe-area-inset-bottom));padding-left:max(28px,env(safe-area-inset-left)); } @media (max-width:720px) { .operation-actions { padding-right:max(11px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(11px,env(safe-area-inset-left)); } } }