:root{--bg:#f4f6f8;--surface:#fff;--ink:#102033;--muted:#66758a;--line:#dce3ea;--primary:#0967d8;--primary-dark:#0752ad;--danger:#cf2634;--good:#15835d;--warn:#ad6700;--radius:20px;--shadow:0 12px 34px rgba(29,48,70,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 12%,rgba(29,121,238,.22),transparent 29%),linear-gradient(145deg,#061529,#0b315c)}
.login-card{width:min(440px,100%);background:rgba(255,255,255,.97);border-radius:30px;padding:30px;box-shadow:0 26px 80px rgba(0,0,0,.30)}.login-logo{width:118px;height:54px;object-fit:contain;filter:brightness(.23)}.login-card h1{font-size:34px;letter-spacing:-1px;margin:24px 0 8px}.login-card p{color:var(--muted);line-height:1.45;margin:0 0 24px}.login-state{min-height:20px;font-size:13px;font-weight:750;color:var(--danger);margin-top:12px}
.field{display:grid;gap:7px}.field+.field{margin-top:0}.field label{font-size:12px;font-weight:800;color:#526174}.control{width:100%;min-height:50px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);padding:11px 13px;outline:none}.control:focus{border-color:#7eb7f2;box-shadow:0 0 0 4px rgba(9,103,216,.10)}textarea.control{min-height:88px;resize:vertical}.check{display:flex;align-items:center;gap:9px;margin-top:14px;color:#4f5d6e;font-size:13px;font-weight:700}.check input{width:18px;height:18px}
.btn{min-height:46px;border:0;border-radius:15px;padding:0 17px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 22px rgba(9,103,216,.20)}.btn-secondary{color:#23405f;background:#edf3fa;border:1px solid #d3e0ed}.btn-ghost{background:transparent;border:1px solid var(--line);color:#425267}.btn-danger{background:#fff1f1;color:var(--danger);border:1px solid #f0caca}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-full{width:100%;margin-top:18px}
.app-shell{min-height:100vh}.page{max-width:1260px;margin:auto;padding:22px 20px 48px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head h1{margin:0;font-size:34px;line-height:1;letter-spacing:-1.2px}.page-actions{display:flex;align-items:center;gap:9px}.more-btn{width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:#fff;color:#526174;font-size:16px;font-weight:900;letter-spacing:1px}
.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;margin-bottom:14px}.search{position:relative}.search input{padding-left:42px}.search:before{content:"⌕";position:absolute;left:15px;top:11px;color:#718095;font-size:22px}.filters{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.filter{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 13px;min-height:48px;font-weight:800;color:#627187}.filter.active{background:#e7f1fd;border-color:#a9cdf4;color:#0755b0}
.accounts-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:17px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.list-caption{padding:10px 18px;border-bottom:1px solid var(--line);color:#718095;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.account-list{display:grid}.account-card{padding:17px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.account-card:last-child{border-bottom:0}.account-card:hover,.account-card.selected{background:#f3f8fe}.account-name{font-size:17px;font-weight:900}.account-concept{color:var(--muted);font-size:13px;margin-top:4px}.account-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:#586779;font-size:12px}.account-balance{text-align:right;font-weight:900;font-size:18px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-top:7px}.badge.al_dia{background:#e7f6ef;color:var(--good)}.badge.pendiente{background:#fff3df;color:var(--warn)}.badge.vencido{background:#fde9ea;color:var(--danger)}.badge.cancelado{background:#edf0f4;color:#647284}
.detail-empty{min-height:430px;display:grid;place-items:center;padding:35px;text-align:center;color:var(--muted)}.detail{padding:20px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-title-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.client-edit-btn{min-height:30px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#40536a;padding:0 9px;font-size:10px;font-weight:850;white-space:nowrap}.client-edit-btn:active{transform:translateY(1px)}.detail-title h2{margin:0;font-size:25px;letter-spacing:-.6px}.detail-title p{margin:5px 0 0;color:var(--muted)}.money-box{margin:18px 0;padding:19px;border-radius:19px;background:linear-gradient(135deg,#edf5ff,#f8fbff);border:1px solid #d4e6fa}.money-box span{color:#60738a;font-size:12px;font-weight:800}.money-box strong{display:block;font-size:31px;margin-top:5px;color:#064f9e}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.fact{padding:12px;border:1px solid var(--line);border-radius:15px;background:#fbfcfd}.fact span{display:block;color:var(--muted);font-size:11px}.fact strong{display:block;margin-top:5px;font-size:14px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#68798d;margin:20px 0 9px;font-weight:900}.installments{border:1px solid var(--line);border-radius:16px;overflow:hidden}.installment{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.installment:last-child{border-bottom:0}.installment-num{width:29px;height:29px;border-radius:10px;background:#eef3f8;display:grid;place-items:center;font-size:11px;font-weight:900}.installment-date{font-weight:800;font-size:13px}.installment-state{font-size:11px;color:var(--muted);margin-top:3px}.installment-amount{text-align:right;font-size:13px;font-weight:900}.installment.paid{background:#e8f7ef;border-bottom-color:#c9e8d8}.installment.paid .installment-num{background:#cfeedd;color:#16734b}.installment.paid .installment-date,.installment.paid .installment-amount{color:#145c40}.installment.paid .installment-state{color:#28795a;font-weight:750}.payments{display:grid;gap:8px}.payment{padding:11px 12px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.payment-title{display:flex;align-items:center;gap:7px}.payment strong{font-size:13px}.payment span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.payment a{font-size:11px;font-weight:850;color:var(--primary);text-decoration:none}.payment-tag{display:inline-flex!important;margin:0!important;padding:3px 6px;border-radius:999px;background:#edf1f5;color:#526174!important;font-size:9px!important;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.empty{padding:38px;text-align:center;color:var(--muted)}.loading{padding:28px;text-align:center;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(13,25,39,.55);display:grid;place-items:center;padding:16px}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:25px;box-shadow:0 30px 90px rgba(0,0,0,.30)}.modal-wide{width:min(760px,100%)}.modal-small{width:min(420px,100%)}.modal-head{position:sticky;top:0;background:#fff;z-index:2;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:20px}.modal-close{border:0;background:#eef1f5;border-radius:12px;width:38px;height:38px;font-size:19px}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.compact-grid{gap:10px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.helper{font-size:12px;color:var(--muted);line-height:1.45;margin:8px 0 0}.preview-box{white-space:pre-wrap;background:#f5f7f9;border:1px solid var(--line);border-radius:17px;padding:16px;line-height:1.55;color:#29384a}.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translateX(-50%);background:#132236;color:#fff;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:800;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.options-user{padding:3px 2px 13px;color:#607083;font-size:13px;font-weight:800}.options-list{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}.option-row{min-height:54px;padding:0 15px;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:800;color:#33475e}.option-row:last-child{border-bottom:0}.danger-row{color:var(--danger)}
.initial-state-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#f9fbfd}.initial-state-title{font-size:13px;font-weight:900;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-card{position:relative;display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer}.choice-card.active{border-color:#83b8f1;background:#edf6ff;box-shadow:0 0 0 3px rgba(9,103,216,.07)}.choice-card input{width:18px;height:18px;margin:2px 0 0}.choice-card span{display:block}.choice-card strong{display:block;font-size:13px}.choice-card small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.historical-section{margin-top:14px}.mode-tabs{display:flex;gap:7px;margin-bottom:12px}.mode-tab{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;font-size:12px;font-weight:850;color:#637287}.mode-tab.active{background:#e7f1fd;border-color:#a9cdf4;color:#0755b0}.historical-row{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;margin-bottom:10px}.historical-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.historical-row-head strong{font-size:12px}.remove-history{border:0;background:transparent;color:var(--danger);font-size:11px;font-weight:850}.add-history{width:100%}.account-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding:12px;border:1px solid #cfe1f5;border-radius:16px;background:#f1f7fe}.account-preview>div{padding:8px}.account-preview span{display:block;color:#60738a;font-size:10px;font-weight:800}.account-preview strong{display:block;margin-top:4px;font-size:14px}.account-preview .preview-balance strong{color:#064f9e}.preview-warning{grid-column:1/-1!important;padding:9px!important;border-radius:10px;background:#fff0f1;color:var(--danger);font-size:11px;font-weight:850}
@media(max-width:980px){.accounts-layout{grid-template-columns:1fr}.detail-panel{display:none}.detail-panel.open{display:block;position:fixed;inset:0;z-index:35;border-radius:0;overflow:auto}.detail-panel .detail{padding-bottom:50px}.detail-panel .mobile-close{display:inline-flex}.toolbar{grid-template-columns:1fr}.page{padding:18px 14px 40px}.page-head h1{font-size:30px}.account-preview{grid-template-columns:1fr 1fr}}@media(min-width:981px){.mobile-close{display:none!important}}
@media(max-width:560px){.page{padding-top:14px}.page-head{align-items:center}.page-head h1{font-size:28px}.page-actions .btn{min-height:44px;padding:0 13px}.more-btn{width:44px;height:44px}.filters{margin-right:-14px;padding-right:14px}.filter{min-height:42px}.account-card{padding:15px}.account-balance{font-size:16px}.detail-actions{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-backdrop{padding:0}.modal{max-height:100vh;height:100vh;border-radius:0}.form-actions{position:sticky;bottom:0;background:#fff;padding-top:12px}.choice-grid{grid-template-columns:1fr}.account-preview{grid-template-columns:1fr 1fr}.login-card{padding:24px}.login-card h1{font-size:30px}}
.payment-applications{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line);color:#40536a;font-size:11px;line-height:1.55}.danger-zone{margin-top:24px;padding-top:16px;border-top:1px solid #efd4d7}.danger-zone .btn{width:100%}.danger-zone p{margin:8px 2px 0;color:#8a5b61;font-size:11px;line-height:1.4}.delete-warning{padding:14px;border:1px solid #efc7cb;border-radius:16px;background:#fff5f5}.delete-warning strong{display:block;font-size:16px}.delete-warning span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.delete-warning p{margin:14px 0 0;color:#75444a;font-size:12px;line-height:1.5}

/* GiBei Cuentas v2.5.14: plazo 1–5, vencidos y estado de cuenta en imagen */
.reminder-shortcuts{display:grid;grid-template-columns:minmax(0,520px);gap:10px;margin:0 0 15px}.reminder-shortcut{min-height:70px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;box-shadow:0 6px 18px rgba(29,48,70,.04)}.reminder-shortcut span{display:grid;gap:3px}.reminder-shortcut strong{font-size:14px;color:#243b54}.reminder-shortcut small{font-size:11px;color:var(--muted)}.reminder-shortcut b{min-width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#edf2f7;color:#64758a;font-size:14px}.reminder-shortcut.upcoming.has-items{border-color:#efcf99;background:#fffaf1}.reminder-shortcut.upcoming.has-items b{background:#ffe7b8;color:#925600}.reminder-shortcut.critical.has-items{border-color:#efb7bd;background:#fff6f6}.reminder-shortcut.critical.has-items b{background:#ffdfe2;color:#b51f2d}.reminder-shortcut:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(29,48,70,.08)}
.installment.partial{background:#fff8e9;border-bottom-color:#eeddb5}.installment.partial .installment-num{background:#ffe8b5;color:#8a5700}.installment.partial .installment-date,.installment.partial .installment-amount{color:#785000}.installment.partial .installment-state{color:#8b660f;font-weight:750}.installment.overdue{background:#fff4f4;border-bottom-color:#efd0d3}.installment.overdue .installment-num{background:#ffe0e2;color:#ac2430}.installment.overdue .installment-date,.installment.overdue .installment-amount{color:#8f1f29}.installment-payment-note{margin-top:7px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.72);border:1px solid rgba(22,115,75,.18);display:grid;gap:2px;font-size:10px;line-height:1.35}.installment-payment-note strong{color:#145c40}.installment-payment-note span{color:#39745c}.installment-amount{display:grid;gap:2px}.installment-amount small{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#8a650e;font-weight:850}
.reminder-list{display:grid;gap:10px}.reminder-card{border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.reminder-card.upcoming{background:#fffaf1;border-color:#efd7ac}.reminder-card.critical{background:#fff6f6;border-color:#efc6ca}.reminder-card-main{min-width:0}.reminder-card-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.reminder-card-title strong{font-size:15px}.reminder-card-title span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 7px;background:#fff}.reminder-card.upcoming .reminder-card-title span{color:#986000;border:1px solid #ecd39f}.reminder-card.critical .reminder-card-title span{color:#b1212d;border:1px solid #edbec3}.reminder-card-concept{font-size:12px;color:var(--muted);margin-top:4px}.reminder-card-data{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#506176}.reminder-card-data strong{color:var(--ink);font-size:13px}.reminder-last{margin-top:8px;font-size:10px;color:#78879a}.reminder-send{min-width:150px}.reminder-empty{border:1px dashed var(--line);border-radius:16px;background:#fafbfd}
@media(max-width:700px){.reminder-shortcuts{grid-template-columns:1fr}.reminder-shortcut{min-height:62px}.reminder-card{grid-template-columns:1fr}.reminder-send{width:100%}.installment{grid-template-columns:30px minmax(0,1fr) auto;padding:11px 9px}.installment-payment-note{margin-right:-45px}.installment-amount{font-size:12px}}

.statement-preview{border:1px solid var(--line);border-radius:18px;overflow:auto;background:#eef2f5;padding:10px}.statement-preview img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 28px rgba(25,45,65,.10)}
.payment-share-actions{flex-wrap:wrap}.payment-share-actions .btn{flex:1 1 170px}.statement-preview.compact{max-height:44vh}

/* GiBei Cuentas v2.5.14: calculadora visible, icono GB y pantalla de entrada */
.page-actions{flex-wrap:wrap;justify-content:flex-end}.calculator-button{background:#fff;border-color:#cdd9e5;color:#183a5d;box-shadow:0 7px 18px rgba(29,48,70,.06)}.calculator-button:hover{background:#f3f8fe;border-color:#9ec5ec}.calculator-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.calculator-icon path:nth-of-type(1){fill:rgba(9,103,216,.10);stroke:currentColor}.calculator-icon path:nth-of-type(2){stroke-width:2.6}
.splash-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 70% 20%,rgba(47,145,255,.28),transparent 32%),linear-gradient(145deg,#06182b,#0a3a68);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.splash-screen:after{content:"";position:absolute;inset:auto 10% 10% auto;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.splash-brand{position:relative;z-index:1;display:grid;justify-items:center;gap:18px;text-align:center;transform:translateY(0);transition:transform .42s ease}.splash-brand img{width:118px;height:118px;border-radius:27px;box-shadow:0 24px 60px rgba(0,0,0,.30)}.splash-copy{display:grid;gap:7px;color:#fff}.splash-copy strong{font-size:30px;letter-spacing:-.7px}.splash-copy span{font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}.splash-hidden{opacity:0;visibility:hidden}.splash-hidden .splash-brand{transform:translateY(-8px) scale(.98)}
.calculator-modal .modal-body{padding-top:18px}.calculator-intro{display:flex;align-items:center;gap:14px;margin-bottom:17px;padding:14px;border:1px solid #cfe1f5;border-radius:18px;background:linear-gradient(135deg,#edf6ff,#f8fbff)}.calculator-mark{flex:0 0 auto;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#0967d8;color:#fff;font-size:18px;font-weight:950;box-shadow:0 10px 22px rgba(9,103,216,.20)}.calculator-intro strong{display:block;font-size:15px}.calculator-intro p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.iva-toggle{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fbfcfd;cursor:pointer}.iva-toggle input{position:absolute;opacity:0;pointer-events:none}.iva-switch{position:relative;flex:0 0 auto;width:46px;height:27px;border-radius:999px;background:#cbd5df;transition:.2s}.iva-switch:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.20);transition:.2s}.iva-toggle input:checked+.iva-switch{background:#0967d8}.iva-toggle input:checked+.iva-switch:after{transform:translateX(19px)}.iva-toggle input:focus-visible+.iva-switch{box-shadow:0 0 0 4px rgba(9,103,216,.13)}.iva-toggle strong,.iva-toggle small{display:block}.iva-toggle strong{font-size:13px}.iva-toggle small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.calculator-result{margin-top:17px;border:1px solid #cfe1f5;border-radius:19px;overflow:hidden;background:#f5f9fe}.calculator-result-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:16px 17px;background:linear-gradient(135deg,#0a5fc3,#083f7b);color:#fff}.calculator-result-head span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.76)}.calculator-result-head strong{font-size:25px}.calculator-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce7f2}.calculator-breakdown>div{min-height:70px;padding:13px 15px;background:#fff;display:grid;align-content:center;gap:5px}.calculator-breakdown span{font-size:10px;color:var(--muted);font-weight:800}.calculator-breakdown strong{font-size:15px}.calculator-breakdown .calculator-total strong{color:#0755b0}.calculator-breakdown .calculator-prime{background:#edf6ff}.calculator-breakdown .calculator-prime strong{color:#064f9e}.calculator-breakdown .calculator-installments{grid-column:1/-1;background:#f8fbff}.calculator-breakdown .calculator-installments strong{font-size:17px;color:#173e65}.calculator-empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.calculator-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}
@media(max-width:560px){.page-head{align-items:flex-start;flex-wrap:wrap}.page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 44px}.page-actions .btn{width:100%;padding:0 10px}.calculator-intro{align-items:flex-start}.calculator-mark{width:52px;height:52px;border-radius:16px}.calculator-breakdown{grid-template-columns:1fr}.calculator-breakdown .calculator-installments{grid-column:auto}.calculator-actions{display:grid;grid-template-columns:1fr 1fr}.calculator-actions .btn:last-child{grid-column:1/-1}.splash-brand img{width:104px;height:104px}.splash-copy strong{font-size:27px}}
.login-logo{width:76px;height:76px;border-radius:20px;filter:none;box-shadow:0 12px 28px rgba(8,48,87,.18)}


/* GiBei Cuentas v2.5.18: prima editable y desplazamiento seguro en iPhone/iPad */
.field-help{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
html.modal-open,body.modal-open{overflow:hidden;overscroll-behavior:none;height:100%}
.modal-backdrop{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}
.modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
.modal-head{flex:0 0 auto;padding-top:calc(18px + env(safe-area-inset-top,0px))}
.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.detail-panel.open{height:100vh;height:100dvh;max-height:100dvh;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0px)}
@supports (-webkit-touch-callout:none){
  .modal-body{transform:translateZ(0)}
  .control{font-size:16px}
}
@media(max-width:560px){
  .modal-backdrop{display:block;padding:0}
  .modal{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}
  .modal-head{position:relative;top:auto}
  .modal-body{padding-left:12px;padding-right:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
  .form-actions,.calculator-actions{position:sticky;bottom:0;z-index:3;background:linear-gradient(to bottom,rgba(255,255,255,.78),#fff 12px);padding-top:16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));margin-bottom:calc(-8px - env(safe-area-inset-bottom,0px))}
}


/* GiBei Cuentas v2.5.18: revisión segura de pagos y scroll independiente del detalle */
@media(min-width:981px){
  .detail-panel{min-height:360px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
  .detail-panel::-webkit-scrollbar{width:10px}
  .detail-panel::-webkit-scrollbar-thumb{background:#c9d4df;border:3px solid #fff;border-radius:999px}
}
.payment-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:92px}
.payment-review{min-height:30px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb;color:#35506d;padding:0 9px;font-size:10px;font-weight:850;white-space:nowrap}
.payment-review:hover{background:#edf5fe;border-color:#bfd7ef;color:#0755b0}
.payment-observation{margin-top:6px!important;color:#41556b!important;font-style:italic}
.review-payment-current{margin-bottom:16px;padding:14px;border:1px solid #cfe1f5;border-radius:16px;background:#f4f9ff}
.review-payment-current strong{display:block;font-size:13px}
.review-payment-current ul{margin:8px 0;padding-left:20px;color:#40536a;font-size:12px;line-height:1.55}
.review-payment-current p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.review-payment-actions{align-items:center}
.form-action-spacer{flex:1 1 auto}
@media(max-width:560px){
  .payment{grid-template-columns:1fr}
  .payment-actions{flex-direction:row;align-items:center;justify-content:flex-end;min-width:0}
  .review-payment-actions{display:grid;grid-template-columns:1fr 1fr}
  .review-payment-actions .form-action-spacer{display:none}
  .review-payment-actions .btn-primary{grid-column:1/-1}
}

/* GiBei Cuentas v2.5.19: completar pendientes y fechas reales destacadas */
.payment-type-field{gap:8px}.payment-type-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-type-option{position:relative;display:flex;align-items:center;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:.18s}.payment-type-option input{position:absolute;opacity:0;pointer-events:none}.payment-type-option strong{font-size:12px;color:#334d67}.payment-type-option.selected{border-color:#79b4f3;background:#edf6ff;box-shadow:0 0 0 3px rgba(9,103,216,.08)}.payment-type-option.selected strong{color:#0755b0}.payment-type-option.disabled{opacity:.45;cursor:not-allowed}.payment-type-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:9px 11px;border-radius:12px;background:#f5f8fb;color:#52667c;font-size:10px}.payment-type-summary strong{color:#163d63;font-size:11px}.payment-date-field{padding:10px;border:1px solid #b9d9fb;border-radius:14px;background:#f1f7ff}.payment-date-field label{color:#0755b0}.payment-application-preview{padding:12px 14px;border:1px solid #d2dfec;border-radius:15px;background:#f8fafc}.payment-preview-label{display:block;margin-bottom:7px;color:#607286;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.payment-application-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px dashed #d8e2ec;font-size:11px}.payment-application-preview>div:first-of-type{border-top:0}.payment-application-preview p{margin:0;color:var(--muted);font-size:11px}.payment-preview-warning{margin-top:8px!important;padding:8px 10px!important;border:1px solid #efc3a1!important;border-radius:10px;background:#fff5ea;color:#9b4d0b;font-weight:800}
.installment-movements{display:grid;gap:5px;margin-top:7px}.installment-movement{display:grid;grid-template-columns:auto 1fr;gap:1px 7px;padding:6px 8px;border:1px solid rgba(76,108,139,.14);border-radius:9px;background:rgba(255,255,255,.58);font-size:9px}.installment-movement strong{grid-row:1/3;color:#173e65;font-size:10px}.installment-movement span{color:#52677c}.installment-movement em{font-style:normal;color:#607589}.installment-movement b{grid-column:1/-1;color:#0755b0;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.installment-movement.atrasado{border-color:#efc0c5;background:#fff4f5}.installment-movement.atrasado em{color:#b1212d}.installment-movement.anticipado{border-color:#b9d9fb;background:#f2f8ff}.installment-movement.anticipado em{color:#0755b0}
.payment-main{min-width:0}.payment-date-highlight{display:inline-grid;gap:2px;margin:8px 0 5px;padding:8px 10px;border:1px solid #b9d9fb;border-radius:11px;background:#edf6ff}.payment-date-highlight span{color:#54708d!important;font-size:8px!important;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.payment-date-highlight strong{color:#0755b0;font-size:12px}.payment-date-highlight.unknown{border-color:#d4dce5;background:#f6f7f9}.payment-date-highlight.unknown strong{color:#657486}.payment-method{display:block!important;color:#53677c!important}.payment-tag.complement{background:#e8f3ff;color:#0755b0;border:1px solid #bdd9f7}.payment-application-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:7px 0;border-top:1px dashed #d4dfe9}.payment-application-row:first-child{border-top:0}.payment-application-row span{font-size:10px!important;color:#41566c!important}.payment-application-row strong{font-size:10px}.payment-application-row .timing{grid-column:1/-1;font-style:normal;font-size:9px;color:#61768a}.payment-application-row .timing.en_plazo{color:#168050}.payment-application-row .timing.anticipado{color:#0755b0}.payment-application-row .timing.atrasado{color:#b1212d;font-weight:800}
@media(max-width:560px){.payment-type-options{grid-template-columns:1fr}.payment-type-option{min-height:48px}.payment-date-highlight{display:grid}.installment-movement{grid-template-columns:1fr}.installment-movement strong{grid-row:auto}.payment-application-row{grid-template-columns:1fr auto}}


/* GiBei Cuentas v2.5.20: identidad superior y nombre comercial */
.page-brand{display:flex;align-items:center;gap:14px;min-width:0}.page-brand img{width:176px;height:64px;object-fit:contain;filter:none;flex:0 0 auto}.account-commercial{margin-top:3px;color:#244765;font-size:12px;font-weight:850}.detail-commercial{color:#244765!important;font-weight:800}.optional-label{font-weight:650;color:#8090a2}.page-brand h1{white-space:nowrap}
@media(max-width:560px){.page-brand{gap:8px;align-items:center}.page-brand img{width:126px;height:46px}.page-brand h1{font-size:30px}}

/* GiBei Cuentas v2.5.24: logo centrado y más grande */
.page-brand{display:flex;align-items:center;gap:18px;min-width:0}.page-brand-logo{display:flex;align-items:center;justify-content:center;min-width:250px}.page-brand img{width:220px;height:82px;object-fit:contain;filter:none;display:block;margin:0 auto;flex:0 0 auto}.page-brand h1{margin:0;font-size:34px;line-height:1;letter-spacing:-1.2px}.statement-preview{display:flex;justify-content:center}.statement-preview img{max-width:100%;height:auto}.
@media(max-width:560px){.page-brand{gap:10px}.page-brand-logo{min-width:150px}.page-brand img{width:150px;height:56px}.page-brand h1{font-size:30px}}

/* GiBei Cuentas v2.5.25: logo centrado en la página */
.page-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:16px}.page-brand{display:flex;align-items:center;justify-content:flex-start;min-width:0}.page-brand h1{margin:0;font-size:34px;line-height:1;letter-spacing:-1.2px}.page-head-center{display:flex;align-items:center;justify-content:center;justify-self:center;min-width:0}.page-head-center img{width:220px;height:82px;object-fit:contain;display:block;margin:0 auto}.page-actions{display:flex;align-items:center;gap:9px;justify-self:end}.page-brand-logo,.page-brand img{display:none!important}.
@media(max-width:860px){.page-head{grid-template-columns:1fr;justify-items:center}.page-brand,.page-actions{justify-self:center}.page-brand{order:2}.page-head-center{order:1}.page-actions{order:3}.page-brand h1{text-align:center}.}
@media(max-width:560px){.page-head-center img{width:170px;height:62px}.page-brand h1{font-size:30px}}


/* GiBei Cuentas v3.1.0: apartado secundario Corte de tela */
.fabric-button{white-space:nowrap}.fabric-toolbar{grid-template-columns:minmax(260px,1fr) auto}.fabric-summary{min-height:50px;padding:0 16px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:center;gap:6px;color:#607286}.fabric-summary strong{font-size:18px;color:#173e65}.fabric-summary span{font-size:11px;font-weight:800}.fabric-client-card{padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.fabric-client-card:last-child{border-bottom:0}.fabric-client-card:hover,.fabric-client-card.selected{background:#f3f8fe}.fabric-client-name{font-size:16px;font-weight:900}.fabric-client-commercial{margin-top:3px;color:#244765;font-size:12px;font-weight:800}.fabric-client-meta{margin-top:7px;color:var(--muted);font-size:11px}.fabric-client-side{text-align:right}.fabric-client-side strong{display:block;font-size:16px}.fabric-client-side span{display:inline-flex;margin-top:5px;border-radius:999px;padding:4px 7px;background:#edf1f5;color:#617286;font-size:9px;font-weight:900}.fabric-client-side span.pending{background:#fff3df;color:#9b5c00}.fabric-history{display:grid;gap:11px}.fabric-record{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.fabric-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid #e7edf3;background:#f9fbfd}.fabric-record-head strong{display:block;font-size:13px}.fabric-record-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.fabric-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;text-transform:uppercase}.fabric-status.received,.fabric-status.pending{background:#fff3df;color:#9b5c00}.fabric-status.delivered{background:#e7f6ef;color:#15734f}.fabric-record-body{padding:13px 14px}.fabric-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fabric-data{padding:9px 10px;border:1px solid #e1e7ed;border-radius:12px;background:#fbfcfd}.fabric-data span{display:block;color:var(--muted);font-size:9px;font-weight:800}.fabric-data strong{display:block;margin-top:3px;font-size:12px}.fabric-record-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}.fabric-record-actions .btn{min-height:36px;border-radius:11px;padding:0 11px;font-size:10px}.fabric-record-note{margin-top:9px;color:#52667b;font-size:11px;line-height:1.45}.fabric-type-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fabric-type-option{position:relative;display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.fabric-type-option input{width:17px;height:17px;margin-top:2px}.fabric-type-option.active{border-color:#82b8f1;background:#edf6ff}.fabric-type-option strong{display:block;font-size:12px}.fabric-type-option small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.fabric-total-box{min-height:50px;border-radius:14px;border:1px solid #d6e4f2;background:#f4f9ff;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.fabric-total-box span{font-size:10px;color:#607286;font-weight:800}.fabric-total-box strong{font-size:16px;color:#0755b0}.fabric-section-label{grid-column:1/-1;margin-top:3px;color:#607286;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.fabric-sale-note{grid-column:1/-1;padding:10px 12px;border:1px solid #d9e3ed;border-radius:12px;background:#f7f9fb;color:#607286;font-size:10px;line-height:1.45}
@media(max-width:760px){.fabric-layout{display:block}.fabric-detail-panel{display:none}.fabric-detail-panel.open{display:block;position:fixed;inset:0;z-index:35;border-radius:0;height:100dvh;max-height:100dvh;overflow:auto}.fabric-data-grid{grid-template-columns:1fr 1fr}.fabric-type-options{grid-template-columns:1fr}.fabric-toolbar{grid-template-columns:1fr}.fabric-summary{display:none}.page-actions{flex-wrap:wrap;justify-content:flex-end}.fabric-button span{display:inline}}
@media(max-width:460px){.fabric-data-grid{grid-template-columns:1fr}.fabric-button{padding:0 10px}}

/* GiBei Cuentas v3.1.2: eliminación independiente de registro y cliente de Corte de tela */
.fabric-client-danger-zone{margin-top:22px;padding-top:16px;border-top:1px solid #f0cfd2;display:grid;gap:7px}.fabric-client-danger-zone .btn{justify-self:stretch}.fabric-client-danger-zone small{color:#9f4b54;font-size:9px;line-height:1.4}.


/* GiBei Cuentas v3.1.3: múltiples salidas y cálculo por metro en Corte de tela */
.fabric-status.processing{background:#edf5ff;color:#0755b0}.fabric-data-highlight{background:#edf6ff;border-color:#bfdaf5}.fabric-data-highlight strong{color:#0755b0;font-size:15px}.fabric-output-title{margin:15px 0 8px;color:#607286;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.fabric-output-list{display:grid;gap:8px}.fabric-output-item{border:1px solid #d9e3ed;border-radius:13px;background:#f9fbfd;padding:10px 11px}.fabric-output-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.fabric-output-head strong{display:block;font-size:12px}.fabric-output-head small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.fabric-output-actions{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.fabric-output-edit,.fabric-output-delete{border:0;background:transparent;font-size:9px;font-weight:850;padding:4px 6px;border-radius:7px}.fabric-output-edit{color:#0755b0;background:#edf6ff}.fabric-output-delete{color:#9e4c54}.fabric-edit-actions{justify-content:space-between;gap:10px}.fabric-edit-main-actions{display:flex;gap:8px;align-items:center}@media(max-width:460px){.fabric-edit-actions{align-items:stretch}.fabric-edit-main-actions{display:grid;grid-template-columns:1fr 1fr;flex:1}.fabric-edit-actions>.btn{flex:0 0 auto}}.fabric-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.fabric-output-grid>div{padding:7px 8px;border:1px solid #e2e8ee;border-radius:10px;background:#fff}.fabric-output-grid span{display:block;color:var(--muted);font-size:8px;font-weight:800}.fabric-output-grid strong{display:block;margin-top:2px;font-size:11px}.fabric-output-grid .fabric-output-total{grid-column:1/-1;background:#edf6ff;border-color:#c9def4}.fabric-output-grid .fabric-output-total strong{color:#0755b0;font-size:13px}.fabric-output-note{margin-top:7px;color:#52667b;font-size:9px}.fabric-output-summary{margin-top:9px;padding:10px 11px;border:1px solid #c9def4;border-radius:12px;background:#edf6ff;display:flex;justify-content:space-between;align-items:center;gap:12px}.fabric-output-summary span{color:#607286;font-size:9px;font-weight:850}.fabric-output-summary strong{color:#0755b0;font-size:14px}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.35}@media(max-width:460px){.fabric-output-grid{grid-template-columns:1fr}.fabric-output-grid .fabric-output-total{grid-column:auto}}


/* GiBei Cuentas v3.1.5: estado rápido de Corte de tela */
.fabric-report-btn{background:#edf5ff;border-color:#bfd7ef;color:#0755b0}.fabric-status-pair{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.fabric-payment-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap}.fabric-payment-status.pending{background:#fff0f1;color:#b42331}.fabric-payment-status.partial{background:#fff3df;color:#9b5c00}.fabric-payment-status.paid{background:#e7f6ef;color:#15734f}.fabric-payment-status.none{background:#edf1f5;color:#617286}.fabric-report-controls{display:grid;gap:13px}.fabric-report-tools{display:flex;justify-content:flex-end;gap:8px}.fabric-report-records{display:grid;gap:8px}.fabric-report-choice{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.fabric-report-choice:has(input:checked){border-color:#91bfee;background:#f2f8ff}.fabric-report-choice input{width:18px;height:18px;margin-top:2px}.fabric-report-choice strong{display:block;font-size:12px}.fabric-report-choice small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.statement-preview img{display:block;max-width:100%;height:auto;margin:0 auto}.fabric-record-head{align-items:flex-start}@media(max-width:560px){.fabric-status-pair{align-items:flex-end}.fabric-report-tools{justify-content:stretch}.fabric-report-tools .btn{flex:1}}

/* GiBei Cuentas v3.1.7: cálculo Venta de tela + corte */
.fabric-calculation{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #c9def4;border-radius:14px;overflow:hidden;background:#dce8f4}.fabric-calculation-title{grid-column:1/-1;padding:10px 12px;background:#edf6ff;color:#0755b0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.fabric-calculation>div:not(.fabric-calculation-title){padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.fabric-calculation span{color:#607286;font-size:10px;font-weight:800}.fabric-calculation strong{font-size:13px;color:#173e65;text-align:right}.fabric-calculation .highlight{background:#f1f7ff}.fabric-calculation .highlight strong{color:#0755b0;font-size:15px}.fabric-data.wide{grid-column:1/-1}.fabric-data-soft{background:#fff8e9;border-color:#efd69e}.fabric-data-soft strong{color:#8c5c00}.
@media(max-width:460px){.fabric-calculation{grid-template-columns:1fr}.fabric-calculation-title{grid-column:auto}}

/* GiBei Cuentas v3.1.8: pagos en Solo corte */
.fabric-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.fabric-payment-summary>div{padding:10px 11px;border:1px solid #dce5ed;border-radius:12px;background:#f8fafc}.fabric-payment-summary span{display:block;color:#66788c;font-size:9px;font-weight:800}.fabric-payment-summary strong{display:block;margin-top:4px;font-size:13px}.fabric-payment-summary .pending{background:#fff6f0;border-color:#f0d0b9}.fabric-payment-summary .pending strong{color:#a84d0a}.fabric-payment-summary .paid{background:#edf8f2;border-color:#cce8d9}.fabric-payment-summary .paid strong{color:#15734f}.fabric-payment-list{display:grid;gap:7px}.fabric-payment-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #dce5ed;border-radius:12px;background:#fff}.fabric-payment-item strong{display:block;font-size:12px}.fabric-payment-item span,.fabric-payment-item small{display:block;margin-top:3px;color:#66788c;font-size:9px}.fabric-payment-item small{color:#50657b}.fabric-payment-status.pending{background:#fff0f1;color:#b42331}@media(max-width:560px){.fabric-payment-summary{grid-template-columns:1fr}.fabric-payment-item{align-items:flex-start}}


/* GiBei Cuentas v3.1.9: agrupación visual más clara en Corte de tela */
.fabric-record{border:1px solid #ced9e4;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(18,40,68,.04)}
.fabric-record-head{background:linear-gradient(180deg,#fbfdff,#f5f9fd);padding:14px 15px;border-bottom:1px solid #dde7f0}
.fabric-record-body{display:grid;gap:12px;padding:14px}
.fabric-record-group{border:1px solid #d9e3ed;border-radius:16px;background:#fbfcfe;padding:12px;position:relative}
.fabric-record-group:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:#d7e6f6}
.fabric-entry-group:before{background:#7ab0ee}
.fabric-outputs-group:before{background:#90d2b0}
.fabric-payments-group:before{background:#f1c785}
.fabric-group-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 10px 0;padding:0 2px 8px 10px;border-bottom:1px dashed #d7e1eb}
.fabric-group-title span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#50657b}
.fabric-group-title small{display:block;color:#7a899a;font-size:9px;line-height:1.35;text-align:right}
.fabric-record-group .fabric-data-grid{margin-left:10px}
.fabric-record-group .fabric-output-list,.fabric-record-group .fabric-output-summary,.fabric-record-group .fabric-payment-summary,.fabric-record-group .fabric-payment-list{margin-left:10px}
.fabric-output-item{background:#fff;border-color:#dfe7ee}
.fabric-record-actions{padding-top:4px;border-top:1px solid #edf2f6}
@media(max-width:560px){.fabric-group-title{flex-direction:column;align-items:flex-start}.fabric-group-title small{text-align:left}.fabric-record-group .fabric-data-grid,.fabric-record-group .fabric-output-list,.fabric-record-group .fabric-output-summary,.fabric-record-group .fabric-payment-summary,.fabric-record-group .fabric-payment-list{margin-left:6px}}

/* GiBei Cuentas v4.1.15: cuenta acumulada para Venta de tela + corte con resumen visual en tablas */
.fabric-sale-account{margin:10px 0 18px;border:1px solid #cfdce9;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(18,40,68,.06);overflow:hidden}
.fabric-sale-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 14px;background:linear-gradient(180deg,#fafdff 0%,#f3f8fd 100%);border-bottom:1px solid #dfe8f0}.fabric-sale-account-head h3{margin:4px 0 6px;font-size:18px;color:#173e65}.fabric-sale-account-head p{margin:0;color:#617286;font-size:10px;line-height:1.5;max-width:560px}.fabric-sale-kicker{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0755b0}.fabric-sale-account-state{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;text-transform:uppercase}.fabric-sale-account-state.ok{background:#e7f6ef;color:#15734f}.fabric-sale-account-state.warning{background:#fff0f1;color:#b42331}
.fabric-sale-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px 18px 12px}.fabric-sale-primary{position:relative;border:1px solid #d5e3f1;border-radius:17px;background:#fff;padding:14px 15px;overflow:hidden}.fabric-sale-primary:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#8bb8e8}.fabric-sale-primary.accent:before{background:#50a1f0}.fabric-sale-primary.featured{background:linear-gradient(180deg,#f6fbff 0%,#eef6ff 100%)}.fabric-sale-primary.accent{background:linear-gradient(180deg,#f7fbff 0%,#f0f7ff 100%)}.fabric-sale-primary span{display:block;color:#607286;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.fabric-sale-primary strong{display:block;margin-top:5px;color:#0755b0;font-size:22px;line-height:1.05}.fabric-sale-primary small{display:block;margin-top:6px;color:#6b7c8e;font-size:9px;line-height:1.4}
.fabric-sale-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 14px}.fabric-sale-mini-card{padding:11px 12px;border:1px solid #dfe7ee;border-radius:14px;background:#fbfcfe}.fabric-sale-mini-card span{display:block;color:#6b7c8e;font-size:8.7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.fabric-sale-mini-card strong{display:block;margin-top:4px;font-size:13px;color:#173e65;line-height:1.25}.fabric-sale-mini-card.positive{background:#f7fcfa;border-color:#d7eadf}.fabric-sale-mini-card.positive strong{color:#15734f}.fabric-sale-mini-card.info{background:#f3f8ff;border-color:#d6e4f1}.fabric-sale-mini-card.info strong{color:#0755b0}.fabric-sale-mini-card.neutral{background:#fafbfd}
.fabric-sale-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 12px}.fabric-sale-panel{border:1px solid #dbe4ed;border-radius:16px;background:#fcfdff;overflow:hidden}.fabric-sale-panel-title{padding:11px 13px;border-bottom:1px solid #e3ebf2;background:#f6f9fc;color:#244765;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.fabric-sale-table{width:100%;border-collapse:collapse}.fabric-sale-table th,.fabric-sale-table td{padding:10px 12px;border-bottom:1px solid #e7edf3;font-size:10px;line-height:1.35}.fabric-sale-table tr:last-child th,.fabric-sale-table tr:last-child td{border-bottom:0}.fabric-sale-table th{width:60%;text-align:left;color:#607286;font-weight:800}.fabric-sale-table td{text-align:right;color:#173e65;font-weight:900}.fabric-sale-table tr.is-highlight th,.fabric-sale-table tr.is-highlight td{background:#edf6ff}.fabric-sale-table tr.is-highlight td{color:#0755b0;font-size:12px}
.fabric-sale-account-actions{display:flex;justify-content:flex-end;gap:8px;padding:2px 18px 10px}.fabric-sale-account-actions .btn{min-height:38px}.fabric-sale-current-note{margin:0 18px 12px;padding:10px 11px;border-radius:12px;background:#f7f9fb;color:#66788a;font-size:9px;line-height:1.45}.fabric-sale-warning{margin:0 18px 11px;padding:10px 11px;border:1px solid #efc4c8;border-radius:12px;background:#fff2f3;color:#a93440;font-size:10px;font-weight:750;line-height:1.4}
.fabric-ledger-history{margin:0 18px 10px;border:1px solid #dde6ee;border-radius:14px;background:#fbfcfd;overflow:hidden}.fabric-ledger-history:last-child{margin-bottom:18px}.fabric-ledger-history summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#50657b}.fabric-ledger-history summary::-webkit-details-marker{display:none}.fabric-ledger-summary-copy{flex:1 1 auto;color:#50657b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.fabric-ledger-history summary>span:last-child{display:inline-flex;min-width:26px;height:22px;padding:0 7px;align-items:center;justify-content:center;border-radius:999px;background:#e9f1f8;color:#244765;font-size:9px}.fabric-ledger-history[open] summary{border-bottom:1px solid #e2e9ef;background:#f5f8fb}.fabric-ledger-list{display:grid}.fabric-ledger-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e7edf3;background:#fff}.fabric-ledger-row:last-child{border-bottom:0}.fabric-ledger-row strong{display:block;font-size:11px;color:#173e65}.fabric-ledger-row span:not(.fabric-output-actions){display:block;margin-top:3px;color:#50657b;font-size:9px}.fabric-ledger-row small{display:block;margin-top:3px;color:#7a8998;font-size:8.5px;line-height:1.35}
@media(max-width:760px){.fabric-sale-primary-grid,.fabric-sale-table-grid{grid-template-columns:1fr}.fabric-sale-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fabric-sale-account-head{flex-direction:column}.fabric-sale-account-actions{display:grid;grid-template-columns:1fr 1fr}.fabric-ledger-row{align-items:flex-start}.fabric-sale-primary strong{font-size:19px}.fabric-sale-mini-grid{grid-template-columns:1fr}.fabric-sale-table th,.fabric-sale-table td{font-size:9.5px;padding:9px 10px}}

/* GiBei Cuentas v4.1.16: legibilidad y orden visual de la cuenta acumulada en PC y iPhone */
.accounts-layout.fabric-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}
.fabric-detail-header{align-items:flex-start;gap:14px}.fabric-detail-main{flex:1 1 auto;min-width:0}.fabric-detail-contact{font-size:13px;line-height:1.4}.fabric-detail-service{margin:10px 0 0;color:#173e65;font-size:13px;font-weight:850;line-height:1.35}.fabric-client-summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.fabric-client-summary-card{min-width:0;padding:11px 12px;border:1px solid #dbe5ee;border-radius:14px;background:#fbfcfe}.fabric-client-summary-card span{display:block;color:#66788c;font-size:9.6px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.fabric-client-summary-card strong{display:block;margin-top:5px;color:#173e65;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.fabric-client-summary-card.pending{background:#fff8f1;border-color:#f0dcc2}.fabric-client-summary-card.pending strong{color:#9a5a0e}.fabric-client-summary-card.positive{background:#f3fbf7;border-color:#d7eadf}.fabric-client-summary-card.positive strong{color:#15734f}
.fabric-sale-account-head>div,.fabric-sale-primary,.fabric-sale-mini-card,.fabric-sale-panel,.fabric-ledger-row>div{min-width:0}.fabric-sale-primary,.fabric-sale-mini-card{display:grid;align-content:start;gap:6px}.fabric-sale-primary span,.fabric-sale-primary strong,.fabric-sale-primary small,.fabric-sale-mini-card span,.fabric-sale-mini-card strong{max-width:100%;overflow-wrap:anywhere}.fabric-sale-primary strong{font-size:21px;line-height:1.1}.fabric-sale-mini-card strong{font-size:14px;line-height:1.2}.fabric-sale-table{table-layout:fixed}.fabric-sale-table th,.fabric-sale-table td{vertical-align:top;word-break:break-word}.fabric-sale-table th{width:55%}.fabric-sale-account-actions{flex-wrap:wrap}.fabric-sale-account-actions .btn{flex:1 1 180px}.fabric-ledger-row{align-items:flex-start}.fabric-ledger-row>div{flex:1 1 auto}.fabric-ledger-row .fabric-output-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
@media(max-width:980px){.accounts-layout.fabric-layout{grid-template-columns:1fr}}
@media(max-width:560px){.fabric-client-summary-strip,.fabric-sale-primary-grid,.fabric-sale-table-grid,.fabric-sale-mini-grid{grid-template-columns:1fr}.fabric-sale-account-actions{display:grid;grid-template-columns:1fr}.detail-title-actions{align-items:stretch}.client-edit-btn{width:100%}.fabric-sale-table th,.fabric-sale-table td{display:block;width:auto;text-align:left}.fabric-sale-table th{padding-bottom:2px}.fabric-sale-table td{padding-top:0;padding-bottom:10px}}


/* GiBei Cuentas v4.1.18: uso más eficiente del ancho en cuenta acumulada y eliminación de remanente libre */
.accounts-layout.fabric-layout{grid-template-columns:minmax(0,1fr) minmax(480px,560px);gap:20px}
.fabric-detail-header{gap:16px}
.fabric-detail-main h2{font-size:18px;line-height:1.1}
.fabric-detail-contact{font-size:13px;line-height:1.45}
.fabric-client-summary-strip{gap:12px;margin-top:14px}
.fabric-client-summary-card{padding:12px 13px}
.fabric-client-summary-card strong{font-size:20px}
.fabric-sale-account{margin:12px 0 18px;border-radius:20px}
.fabric-sale-account-head{padding:18px 20px 14px}
.fabric-sale-account-head h3{font-size:20px}
.fabric-sale-account-head p{font-size:11px;max-width:unset}
.fabric-sale-account-state{padding:8px 12px;font-size:10px}
.fabric-sale-primary-grid{gap:14px;padding:16px 20px 12px}
.fabric-sale-primary{padding:16px 17px;border-radius:18px}
.fabric-sale-primary span{font-size:10px}
.fabric-sale-primary strong{font-size:28px;line-height:1}
.fabric-sale-primary small{font-size:10px;line-height:1.45}
.fabric-sale-mini-grid{gap:12px;padding:0 20px 14px}
.fabric-sale-mini-grid.compact-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.fabric-sale-mini-card{padding:12px 13px;min-height:86px}
.fabric-sale-mini-card span{font-size:9px}
.fabric-sale-mini-card strong{font-size:15px;line-height:1.25}
.fabric-sale-table-grid{gap:14px;padding:0 20px 12px}
.fabric-sale-panel{border-radius:18px}
.fabric-sale-panel-title{padding:12px 14px;font-size:10px}
.fabric-sale-table th,.fabric-sale-table td{padding:12px 14px;font-size:11px;line-height:1.4}
.fabric-sale-table tr.is-highlight td{font-size:13px}
.fabric-sale-table th{width:58%}
.fabric-sale-account-actions{padding:4px 20px 10px;gap:10px}
.fabric-sale-current-note{margin:0 20px 12px;padding:11px 12px;font-size:10px}
.fabric-sale-warning{margin:0 20px 11px;padding:11px 12px;font-size:10px}
.fabric-ledger-history{margin:0 20px 10px}
.fabric-ledger-history:last-child{margin-bottom:20px}
.fabric-ledger-history summary{padding:13px 14px;font-size:10px}
.fabric-ledger-row{padding:12px 14px}
.fabric-ledger-row strong{font-size:12px}
.fabric-ledger-row span:not(.fabric-output-actions){font-size:10px}
.fabric-ledger-row small{font-size:9px}

@media(max-width:1200px){
  .accounts-layout.fabric-layout{grid-template-columns:minmax(0,1fr) minmax(430px,520px)}
}
@media(max-width:980px){
  .accounts-layout.fabric-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .fabric-sale-mini-grid.compact-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .fabric-client-summary-card strong{font-size:18px}
  .fabric-sale-account-head{padding:16px 16px 12px}
  .fabric-sale-account-head h3{font-size:18px}
  .fabric-sale-primary-grid{padding:14px 16px 12px;gap:12px}
  .fabric-sale-primary strong{font-size:24px}
  .fabric-sale-mini-grid,.fabric-sale-mini-grid.compact-three{grid-template-columns:1fr;padding:0 16px 12px}
  .fabric-sale-table-grid{padding:0 16px 12px}
  .fabric-sale-account-actions{padding:4px 16px 10px}
  .fabric-sale-current-note,.fabric-sale-warning,.fabric-ledger-history{margin-left:16px;margin-right:16px}
}