.pagos-page{max-width:1180px}.pagos-admin-card{padding:0;overflow:hidden}.pagos-tabs{display:flex;gap:4px;padding:14px 18px 0;border-bottom:1px solid #e2e8f0}.pagos-tab{padding:11px 16px;border:0;border-bottom:3px solid transparent;color:#64748b;background:transparent;font:inherit;font-weight:700;cursor:pointer}.pagos-tab:hover{color:#4338ca;background:#f8fafc}.pagos-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.pagos-tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.pagos-panel{padding:24px}.pagos-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.pagos-panel-head h2{margin:0;color:#0f172a;font-size:20px}.pagos-panel-head p{margin:5px 0 0;color:#64748b;font-size:14px}.pagos-list{display:grid;gap:10px}.pagos-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(130px,.8fr) minmax(110px,.55fr) auto;align-items:center;gap:16px;padding:15px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.pagos-row-main{min-width:0}.pagos-row-main strong,.pagos-row-main small{display:block;overflow-wrap:anywhere}.pagos-row-main small,.pagos-row-meta{margin-top:4px;color:#64748b;font-size:12px}.pagos-row-account{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#334155}.pagos-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.pagos-order-actions{display:flex;gap:5px}.pagos-sensitive-help{display:block;margin-top:5px;color:#64748b;font-size:12px}.pago-cuenta-modal{width:min(680px,calc(100vw - 32px))}.pagos-permission{margin-top:14px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.pagos-permission-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.pagos-permission-copy strong,.pagos-permission-copy small{display:block}.pagos-permission-copy small{margin-top:3px;color:#64748b;line-height:1.35}.pagos-permission .btn{flex:0 0 auto}@media(max-width:760px){.pagos-panel{padding:18px}.pagos-panel-head,.pagos-row{display:flex;align-items:stretch;flex-direction:column}.pagos-row-actions{justify-content:flex-end}.pagos-permission-row{align-items:stretch;flex-direction:column}}
.pagos-module-tabs{display:flex;gap:6px;margin:0 0 20px;border-bottom:1px solid #dbe3ef}.pagos-module-tab{padding:11px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#64748b;font:inherit;font-weight:700;cursor:pointer}.pagos-module-tab.active{border-bottom-color:#4f46e5;color:#4338ca}.pagos-module-tab:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.pagos-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,.7fr)) auto;align-items:end;gap:14px;padding:18px}.pagos-filters .form-group{margin:0}.pagos-new-aviso{margin-bottom:1px}.pagos-aviso-list{display:grid;gap:12px;margin-top:16px}.pagos-aviso-card,.pagos-detail-card{padding:20px;border:1px solid #dfe6f0;border-radius:14px;background:#fff}.pagos-aviso-head,.pagos-detail-head,.pagos-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pagos-aviso-head h3,.pagos-detail-head h2,.pagos-section-head h3,.pagos-detail-card>h3{margin:0;color:#0f172a}.pagos-aviso-head p,.pagos-detail-head p{margin:5px 0 0;color:#64748b}.pagos-aviso-total{font-size:20px;color:#0f172a;white-space:nowrap}.pagos-aviso-badges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.pagos-badge{background:#eef2ff;color:#4338ca}.pagos-badge-pagado,.pagos-badge-revisado,.pagos-badge-cobrado{background:#ecfdf5;color:#047857}.pagos-badge-postergado,.pagos-badge-parcial{background:#fff7ed;color:#c2410c}.pagos-badge-anulado{background:#fef2f2;color:#b91c1c}.pagos-detail{display:grid;gap:16px}.pagos-detail-card{display:grid;gap:18px}.pagos-section-head{align-items:center;padding-top:5px;border-top:1px solid #eef2f7}.pagos-items,.pagos-movements{display:grid;gap:10px}.pagos-item-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:14px;padding:14px;border-radius:12px;background:#f8fafc}.pagos-item-row strong,.pagos-item-row small{display:block}.pagos-item-row small{margin-top:4px;color:#64748b}.pagos-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid #eef2f7}.pagos-movement{padding:12px 14px;border-left:3px solid #c7d2fe;background:#f8fafc}.pagos-movement strong,.pagos-movement small{display:block}.pagos-movement small{margin-top:3px;color:#64748b}.pagos-movement p{margin:7px 0 0;color:#334155}@media(max-width:900px){.pagos-filters{grid-template-columns:1fr 1fr}.pagos-new-aviso{width:100%}.pagos-item-row{grid-template-columns:1fr auto}.pagos-item-row .pagos-row-actions{grid-column:1/-1}}@media(max-width:600px){.pagos-filters{grid-template-columns:1fr}.pagos-aviso-head,.pagos-detail-head,.pagos-section-head{align-items:stretch;flex-direction:column}.pagos-item-row{display:flex;align-items:stretch;flex-direction:column}.pagos-row-actions{flex-wrap:wrap;justify-content:flex-start}}
.empresa-pagos{display:grid;gap:18px}.empresa-pagos-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid #dfe6f0;border-radius:14px;background:#fff}.empresa-pagos-head h3,.empresa-pagos-month h4{margin:0;color:#0f172a}.empresa-pagos-head p{margin:5px 0 0;color:#64748b}.empresa-pagos-filter{display:flex;align-items:end;gap:10px}.empresa-pagos-filter label{display:grid;gap:6px;color:#475569;font-size:.86rem;font-weight:700}.empresa-pagos-month{display:grid;gap:10px}.empresa-pagos-month h4{text-transform:capitalize}.empresa-pagos-list{display:grid;gap:8px}.empresa-pago-item{display:grid;grid-template-columns:minmax(210px,1fr) minmax(130px,auto) minmax(185px,auto) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.empresa-pago-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagos-origin{padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.72rem;font-weight:700}.empresa-pago-main small,.empresa-pago-due,.empresa-pago-status small{display:block;margin-top:4px;color:#64748b;font-size:.79rem}.empresa-pago-amount{font-weight:800;color:#0f172a}.empresa-pago-status{min-width:150px}.empresa-pago-actions{position:relative}.empresa-pago-actions summary{cursor:pointer;color:#4f46e5;font-weight:700;list-style:none}.empresa-pago-menu{position:absolute;z-index:20;right:0;top:calc(100% + 8px);display:grid;min-width:220px;padding:6px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}.empresa-pago-menu button{padding:9px 10px;border:0;border-radius:7px;background:transparent;text-align:left;color:#334155;cursor:pointer}.empresa-pago-menu button:hover,.empresa-pago-menu button:focus-visible{background:#eef2ff}.empresa-pago-menu button.danger{color:#dc2626;border-top:1px solid #fee2e2}.empresa-pago-form{display:grid;gap:14px}.empresa-pago-form label{display:grid;gap:6px;color:#475569;font-weight:700}.empresa-pago-modal{width:min(520px,calc(100vw - 32px))}@media(max-width:760px){.empresa-pagos-head{align-items:stretch;flex-direction:column}.empresa-pago-item{grid-template-columns:1fr auto}.empresa-pago-status{min-width:0}.empresa-pago-actions{justify-self:end}}@media(max-width:520px){.empresa-pagos-filter{align-items:stretch;flex-direction:column}.empresa-pago-item{display:flex;align-items:stretch;flex-direction:column}.empresa-pago-actions{align-self:flex-end}}
.pagos-operacion{display:grid;gap:16px}.pagos-operation-filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;padding:16px}.pagos-operation-filters label{display:grid;gap:5px;color:#475569;font-size:.78rem;font-weight:700}.pago-operation-group{padding:16px;margin-bottom:12px}.pago-operation-group>header{display:flex;justify-content:space-between;gap:16px}.pago-operation-group h3{margin:0}.pago-operation-group p{margin:4px 0;color:#64748b}.pago-operation-totals{display:flex;gap:12px}.pago-operation-counters,.pago-operation-states{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.pago-operation-counters span,.pago-operation-states span{padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.72rem}.pago-operation-states .is-done{background:#ecfdf5;color:#047857}.pago-operation-group summary{cursor:pointer;color:#4f46e5;font-weight:700}.pago-operation-companies{display:grid;gap:7px;margin-top:10px}.pago-operation-company{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(280px,auto);align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f8fafc}.pago-operation-company small{display:block;margin-top:3px;color:#64748b}@media(max-width:760px){.pagos-operation-filters{grid-template-columns:1fr 1fr}.pago-operation-group>header{flex-direction:column}.pago-operation-company{grid-template-columns:1fr auto}.pago-operation-states{grid-column:1/-1}}@media(max-width:520px){.pagos-operation-filters{grid-template-columns:1fr}.pago-operation-company{display:flex;align-items:stretch;flex-direction:column}}
.empresa-pago-mini-states{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.empresa-pago-mini-states button{padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#94a3b8;font-size:.65rem}.empresa-pago-mini-states .is-done{background:#ecfdf5;color:#047857}
.empresa-pagos-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pago-notice-builder,.pago-notice-history{display:grid;gap:14px}.pago-notice-builder fieldset{display:grid;gap:8px;padding:12px;border:1px solid #dbe3ef;border-radius:10px}.pago-notice-choice{display:flex;align-items:flex-start;gap:8px;padding:6px}.pago-notice-preview ul{padding-left:20px}.pago-notice-history{max-height:min(60vh,520px);overflow-y:auto}@media(max-width:600px){.empresa-pagos-head-actions{display:grid;justify-content:stretch}.empresa-pagos-head-actions .btn{width:100%}}
.pago-plans{display:grid;gap:12px}.pago-plans-title{display:flex;align-items:baseline;gap:10px}.pago-plans-title h4{margin:0}.pago-plans-title small,.pago-plans-empty{color:#64748b}.pago-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.pago-plan-card{display:grid;gap:10px;padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.pago-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pago-plan-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pago-plan-description{margin:0;color:#475569}.pago-plan-progress{height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0}.pago-plan-progress span{display:block;height:100%;border-radius:inherit;background:#4f46e5}.pago-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:520px){.pago-plan-fields{grid-template-columns:1fr}.pago-plan-head{align-items:stretch;flex-direction:column}.pago-plan-head .empresa-pago-actions{align-self:flex-end}}

/* Operación compacta por empresa y por mes. */
.empresa-pagos-month{padding:18px;gap:16px}.empresa-pagos-agency{display:grid;gap:8px}.empresa-pagos-agency h5{margin:0;padding-top:12px;border-top:1px solid #e2e8f0;color:#475569;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.empresa-pagos-table{display:grid;overflow:visible;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.empresa-pagos-table-head,.empresa-pago-item{display:grid;grid-template-columns:minmax(180px,1.25fr) 105px 115px 70px minmax(245px,1.35fr) minmax(250px,auto);align-items:center;gap:12px}.empresa-pagos-table-head{padding:9px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.empresa-pago-item{padding:11px 12px;border:0;border-bottom:1px solid #eef2f7;border-radius:0}.empresa-pago-item:last-child{border-bottom:0}.empresa-pago-due,.empresa-pago-currency{margin:0;color:#334155;font-size:.82rem}.empresa-pago-amount{font-variant-numeric:tabular-nums;text-align:right}.empresa-pago-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.empresa-pago-row-actions .btn-sm{min-height:32px;padding:6px 9px;font-size:.75rem}.empresa-pago-mini-states{margin:0}.empresa-pago-mini-states button{cursor:pointer;border:0}.empresa-pago-mini-states button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.empresa-pago-state-detail{align-self:center;color:#475569;font-size:.72rem}.empresa-pago-state-detail[hidden]{display:none}.empresa-pago-modal{display:flex;flex-direction:column;max-height:calc(100vh - 40px);background:#fff}.empresa-pago-modal .modal-body{min-height:0;overflow-y:auto}.pago-company-block{padding:0;margin-bottom:10px;overflow:visible}.pago-company-block>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.pago-company-block>summary::-webkit-details-marker{display:none}.pago-company-block>summary strong,.pago-company-block>summary small{display:block}.pago-company-block>summary small{margin-top:3px;color:#64748b}.pago-company-block>summary:focus-visible{outline:2px solid #4f46e5;outline-offset:-3px;border-radius:12px}.pago-company-summary{display:flex;align-items:center;gap:12px;color:#475569}.pago-company-summary span{font-size:.78rem}.pago-company-summary b{font-size:.86rem}.pago-company-items{display:grid;border-top:1px solid #e2e8f0}.pago-company-items .pago-operation-company{grid-template-columns:minmax(190px,1fr) 100px 130px minmax(270px,auto);border-radius:0;border-bottom:1px solid #eef2f7;background:#fff}.pago-company-items .pago-operation-company:last-child{border-bottom:0}.pago-operation-due{color:#475569;font-size:.82rem}
@media(max-width:1100px){.empresa-pagos-table{overflow-x:auto}.empresa-pagos-table-head,.empresa-pago-item{min-width:980px}}
@media(max-width:760px){.empresa-pagos-table{overflow:visible;border:0;background:transparent}.empresa-pagos-table-head{display:none}.empresa-pago-item{display:grid;grid-template-columns:1fr 1fr;min-width:0;margin-bottom:8px;border:1px solid #e2e8f0;border-radius:12px}.empresa-pago-item>[data-label]::before{display:block;margin-bottom:3px;color:#94a3b8;content:attr(data-label);font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.empresa-pago-main,.empresa-pago-mini-states,.empresa-pago-row-actions{grid-column:1/-1}.empresa-pago-amount{text-align:left}.empresa-pago-row-actions{justify-content:flex-start;flex-wrap:wrap}.pago-company-block>summary{align-items:flex-start;flex-direction:column}.pago-company-summary{flex-wrap:wrap}.pago-company-items .pago-operation-company{display:grid;grid-template-columns:1fr auto}.pago-company-items .pago-operation-states{grid-column:1/-1}}
.pago-company-edit{margin-left:7px;vertical-align:middle}.pago-company-edit:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.pago-company-edit[hidden]{display:none}.pago-inline-amount .input{width:100%;min-width:0}.empresa-pago-item.is-editing-amount .empresa-pago-currency .select{min-width:66px}.empresa-pago-item.is-editing-amount .empresa-pago-row-actions .btn{padding:4px 7px;min-height:30px}
.pago-company-title{display:inline-flex;align-items:center;gap:7px;max-width:100%}.pago-company-title strong{min-width:0}.pago-company-title .pago-company-edit{flex:none;margin-left:0}
.pago-company-block>summary strong{display:inline}.empresa-timbres-config{border-top:1px solid #e2e8f0;padding-top:18px}.empresa-timbres-config h4{margin:0 0 12px;color:#0f172a}

.empresa-pagos-filter{align-items:flex-end;gap:12px}.empresa-pagos-filter label{margin:0}.empresa-pagos-filter .input,.empresa-pagos-filter>.btn{height:44px;min-height:44px;margin:0;box-sizing:border-box}.empresa-pago-amount,.empresa-pagos-table-head>span:nth-child(3){text-align:center}.empresa-pago-title .btn-icon{flex-shrink:0}.empresa-pago-menu button{font:inherit}.empresa-pago-menu [hidden]{display:none}
@media(max-width:520px){.empresa-pagos-filter{align-items:stretch}.empresa-pagos-filter>.btn{width:100%}}
.empresa-pagos{min-width:0;max-width:100%;container:empresa-pagos/inline-size}
.empresa-pagos>*,.empresa-pagos-month,.empresa-pagos-agency,.empresa-pagos-table{min-width:0;max-width:100%;box-sizing:border-box}
@container empresa-pagos (max-width:1020px){
  .empresa-pagos-table{overflow:visible;border:0;background:transparent}
  .empresa-pagos-table-head{display:none}
  .empresa-pago-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;margin-bottom:8px;border:1px solid #e2e8f0;border-radius:12px}
  .empresa-pago-item>[data-label]::before{display:block;margin-bottom:3px;color:#94a3b8;content:attr(data-label);font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .empresa-pago-main,.empresa-pago-mini-states,.empresa-pago-row-actions{grid-column:1/-1;min-width:0}
  .empresa-pago-title strong{overflow-wrap:anywhere}
  .empresa-pago-mini-states,.empresa-pago-row-actions,.empresa-pagos-filter{flex-wrap:wrap}
  .empresa-pago-amount{text-align:left}
  .empresa-pago-row-actions{justify-content:flex-start}
}
.pagos-export-menu{position:relative;min-width:0}
.pagos-operation-filters{overflow:visible}
.pagos-operation-filters:has(.pagos-export-menu[open]){z-index:40}
.pagos-company-filter{display:grid;gap:5px;min-width:0}
.pagos-company-filter label{color:#475569;font-size:.78rem;font-weight:700}
.pagos-company-filter .input,.pagos-company-filter .select{width:100%;min-width:0}
.pagos-export-menu summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none}
.pagos-export-menu summary::-webkit-details-marker{display:none}
.pagos-export-options{position:fixed;z-index:1000;display:grid;width:min(260px,calc(100vw - 16px));overflow-y:auto;padding:6px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}
.pagos-export-options button{padding:10px;border:0;border-radius:7px;background:transparent;text-align:left;color:#334155;font:inherit;cursor:pointer}
.pagos-export-options button:hover,.pagos-export-options button:focus-visible{background:#eef2ff}

/* Los paneles responden al ancho disponible, también con la barra lateral abierta. */
.pagos-page{min-width:0;width:100%;container:pagos/inline-size}
.pagos-page [data-ref="pagos-content"],.pagos-admin-card,.pagos-panel,.pagos-operacion{min-width:0;max-width:100%;box-sizing:border-box}
.pagos-operation-filters>*{min-width:0}
.pagos-operation-filters .input,.pagos-operation-filters .select{width:100%;min-width:0;box-sizing:border-box}
.pagos-concept-search-label{display:grid;gap:6px;margin-bottom:14px;color:#475569;font-size:.78rem;font-weight:700}
.pagos-concept-search-label .input{max-width:420px}
.pagos-row[hidden]{display:none}
.pagos-row-actions{min-width:0;flex-wrap:wrap}
.pago-concept-search{width:100%;min-width:0;margin:5px 0;box-sizing:border-box}
.pagos-panel .table-container{max-width:100%;overflow-x:auto}
@container pagos (max-width:800px){
  .pagos-operation-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pagos-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .pagos-row-actions{grid-column:1/-1;justify-content:flex-start}
  .pagos-panel-head{flex-wrap:wrap}
  .pagos-panel-head .btn{max-width:100%}
}
@container pagos (max-width:520px){
  .pagos-operation-filters{grid-template-columns:minmax(0,1fr)}
  .pagos-row{display:flex;align-items:stretch;flex-direction:column}
  .pagos-row-actions{justify-content:flex-start}
  .pagos-panel{padding:16px}
  .pagos-panel-head{flex-direction:column;align-items:stretch}
  .pagos-panel-head .btn{width:100%}
}

.pago-notice-mail { min-width:0; margin-block:1rem; }
.pago-notice-mail h4 { overflow-wrap:anywhere; }
.pago-notice-email { display:block; width:100%; height:min(60vh,640px); border:0; background:var(--surface,#fff); }
.pago-notice-builder > label { display:grid; gap:.5rem; margin-block:1rem; }
.pago-attachment-picker{margin-top:10px;border:1px solid #dbe3ef;border-radius:10px;padding:10px;background:#f8fafc}
.pago-attachment-picker summary{cursor:pointer;color:#4338ca;font-weight:700}
.pago-attachment-picker .input{width:100%;margin:10px 0}
.pago-attachment-options{max-height:min(260px,40vh);overflow-y:auto;display:grid;gap:4px}
.pago-notice-selected-files{display:grid;gap:4px}
.pago-plans-history{margin-top:12px;padding:12px;border:1px solid #dbe3ef;border-radius:10px;background:#fff}
.pago-plans-history summary{cursor:pointer;font-weight:700;color:#4338ca}
.pago-plan-history-row{padding:8px 0;border-top:1px solid #e2e8f0;color:#475569}