.reservation-commissions-surface{display:grid;gap:28px}.reservation-commissions-surface>.reservation-monthly-heading{padding:2px 2px 6px;align-items:flex-end}.reservation-commissions-surface>.reservation-monthly-heading h2{font-size:clamp(1.55rem,2.2vw,2rem);letter-spacing:-.035em}.reservation-commissions-surface>.reservation-monthly-heading p{margin:5px 0 0;color:#69717d}.reservation-commissions-surface .reservation-monthly-controls{background:#fff;border:1px solid #e0e5e9;border-radius:14px;padding:10px;box-shadow:0 8px 24px rgba(20,28,38,.05)}.reservation-commission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reservation-commission-summary article{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e6ea;border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(20,28,38,.045)}.reservation-commission-summary article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#ff5a1f}.reservation-commission-summary article.is-usd:after{background:#ff5a1f}.reservation-commission-summary article.is-ars:after{background:#24a35a}.reservation-commission-summary article.is-operations:after{background:#6d7480}.reservation-commission-card-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:#fff1e9;color:#e64f16;font-weight:850;font-size:.9rem}.is-operations .reservation-commission-card-icon{background:#f0f2f4;color:#4f5865;font-size:1.2rem}.is-ars .reservation-commission-card-icon{background:#e9f7ef;color:#178648;font-size:1.15rem}.reservation-commission-summary article>div:last-child{display:grid;gap:5px;min-width:0}.reservation-commission-summary span,.reservation-commission-summary small{color:#69717d}.reservation-commission-summary strong{font-size:clamp(1.45rem,2.3vw,2.15rem);letter-spacing:-.04em;color:#151a24;white-space:nowrap}.reservation-report-block{display:grid;gap:14px;background:#fff;border:1px solid #e1e6ea;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(20,28,38,.035)}.reservation-report-block .reservation-monthly-table-heading{margin:0}.reservation-report-block .reservation-monthly-table-heading h3{font-size:1.08rem}.reservation-commission-table{min-width:1720px;border-collapse:separate;border-spacing:0}.reservation-commission-table th,.reservation-commission-table td{padding:15px 14px;border-right:1px solid #eef1f3;border-bottom:1px solid #e8ecef;text-align:right;background:#fff}.reservation-commission-table thead th{position:sticky;top:0;z-index:2;background:#f5f7f8;color:#626b77;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.reservation-commission-table th:first-child{position:sticky;left:0;z-index:3;min-width:170px;text-align:left;box-shadow:8px 0 18px rgba(26,34,44,.06)}.reservation-commission-table tbody tr:hover td,.reservation-commission-table tbody tr:hover th{background:#fffaf7}.reservation-commission-table tbody th{display:flex;align-items:center;gap:10px}.reservation-person-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#fff0e8;color:#db4d17;font-size:.78rem;font-weight:800}.reservation-commission-table td span,.reservation-commission-table td small{display:block;white-space:nowrap}.reservation-commission-table .commission-usd{color:#1a2029;font-weight:720}.reservation-commission-table .commission-ars{margin-top:5px;color:#22844d;font-weight:650;font-size:.76rem}.reservation-commission-table .is-zero{color:#b3bac2;text-align:center}.reservation-commission-table .reservation-monthly-row-total{background:#fff7f1;border-left:2px solid #ff8a55}.reservation-monthly-scroll{border:1px solid #e1e6ea;border-radius:14px;scrollbar-color:#c8cfd6 #f3f5f6;scrollbar-width:thin}.reservation-monthly-scroll::-webkit-scrollbar{height:10px}.reservation-monthly-scroll::-webkit-scrollbar-thumb{background:#c8cfd6;border:2px solid #f3f5f6;border-radius:999px}.reservation-history-kind{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff2e8;color:#c64c17;font-weight:750;white-space:nowrap}.reservation-history-import-table td{vertical-align:middle}.reservation-history-import-table .status{white-space:nowrap}@media(max-width:1050px){.reservation-commission-summary{grid-template-columns:1fr}.reservation-commission-summary article{padding:18px}.reservation-commissions-surface>.reservation-monthly-heading{align-items:flex-start}.reservation-commissions-surface .reservation-monthly-controls{width:100%}.reservation-history-import-table{min-width:980px}}@media(max-width:620px){.reservation-report-block{padding:14px;border-radius:15px}.reservation-commission-summary strong{font-size:1.45rem}.reservation-commissions-surface{gap:20px}}

/* Commission filters and compact monthly view */
.reservation-commissions-surface>.reservation-monthly-heading{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:24px}
.reservation-commissions-surface .reservation-monthly-controls{display:grid;grid-template-columns:110px 170px minmax(190px,240px) 44px;gap:10px;align-items:end}
.reservation-commissions-surface .reservation-monthly-filter{display:grid;gap:6px;min-width:0}
.reservation-commissions-surface .reservation-monthly-filter label{font-size:.74rem;font-weight:750;color:#626b77}
.reservation-commissions-surface .reservation-monthly-filter select{width:100%;height:44px;border:1px solid #dce2e7;border-radius:10px;background:#fff;padding:0 34px 0 12px;color:#202631;font:inherit;font-weight:650}
.reservation-commissions-surface .reservation-monthly-controls .table-btn{width:44px;height:44px;border-radius:10px}
.reservation-commission-table.is-compact{width:100%;min-width:0;table-layout:fixed}
.reservation-commission-table.is-compact th:first-child{width:30%;min-width:0}
.reservation-commission-table.is-compact th:last-child{width:24%}
.reservation-commission-table.is-compact th,.reservation-commission-table.is-compact td{box-sizing:border-box;overflow:hidden}
.reservation-commission-table.is-compact .reservation-monthly-row-total{padding-right:18px}
@media(max-width:1050px){.reservation-commissions-surface>.reservation-monthly-heading{grid-template-columns:1fr}.reservation-commissions-surface .reservation-monthly-controls{grid-template-columns:120px 1fr 1fr 44px}}
@media(max-width:700px){.reservation-commissions-surface .reservation-monthly-controls{grid-template-columns:1fr 1fr}.reservation-commissions-surface .reservation-commission-seller-filter{grid-column:1/-1}.reservation-commissions-surface .reservation-monthly-controls .table-btn{width:100%}.reservation-commission-table.is-compact{min-width:620px}}

.reservation-commission-table tbody th{display:table-cell;white-space:nowrap;vertical-align:middle}
.reservation-commission-table tbody th .reservation-person-avatar{display:inline-grid;vertical-align:middle;margin-right:10px}
.reservation-commission-table tbody th strong{vertical-align:middle}

/* Layout correction: full-width filters and contained totals */
.reservation-commissions-surface>.reservation-monthly-heading{grid-template-columns:1fr;align-items:start}
.reservation-commissions-surface .reservation-monthly-controls{width:100%;box-sizing:border-box;grid-template-columns:150px 210px minmax(240px,1fr) 48px;padding:14px;gap:12px}
.reservation-commissions-surface .reservation-monthly-filter select{min-width:0;text-overflow:ellipsis}
.reservation-monthly-scroll{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden}
.reservation-commission-table:not(.is-compact){width:1820px;min-width:1820px;table-layout:fixed}
.reservation-commission-table:not(.is-compact) th:first-child{width:200px}
.reservation-commission-table:not(.is-compact) th:not(:first-child):not(:last-child){width:120px}
.reservation-commission-table:not(.is-compact) th:last-child,.reservation-commission-table:not(.is-compact) td:last-child{position:sticky;right:0;width:180px;min-width:180px;max-width:180px;box-sizing:border-box;background:#fff7f1;border-left:2px solid #ff8a55;box-shadow:-8px 0 18px rgba(26,34,44,.08);z-index:3}
.reservation-commission-table:not(.is-compact) thead th:last-child{z-index:5;background:#f7eee8}
@media(max-width:760px){.reservation-commissions-surface .reservation-monthly-controls{grid-template-columns:1fr 1fr}.reservation-commissions-surface .reservation-commission-seller-filter{grid-column:1/-1}.reservation-commissions-surface .reservation-monthly-controls .table-btn{width:100%}}

/* Align every report block to the same content grid */
.reservation-commissions-surface #reservationCommissionReport{display:grid;gap:18px;min-width:0}
.reservation-report-block{width:100%;min-width:0;box-sizing:border-box;margin:0}
.reservation-report-block>.reservation-monthly-table-heading{width:100%;box-sizing:border-box}
.reservation-report-block>.orders-table-scroll{display:block;width:100%;max-width:100%;min-width:0;margin:0!important;box-sizing:border-box;overflow-x:auto;border:1px solid #e1e6ea;border-radius:14px}
.reservation-report-block>.orders-table-scroll .orders-table{margin:0;width:100%;min-width:980px}
.reservation-commission-summary{width:100%;min-width:0;box-sizing:border-box}

/* Final sizing pass at desktop and scaled desktop resolutions */
.reservation-commissions-surface .reservation-monthly-controls{display:flex!important;width:fit-content;max-width:100%;align-items:flex-end;flex-wrap:wrap}
.reservation-commissions-surface .reservation-monthly-filter{flex:0 0 auto}
.reservation-commissions-surface .reservation-monthly-filter:first-child{width:140px}
.reservation-commissions-surface .reservation-month-filter,.reservation-commissions-surface .reservation-monthly-filter:nth-child(2){width:200px}
.reservation-commissions-surface .reservation-commission-seller-filter{width:260px}
.reservation-commission-table:not(.is-compact){width:max-content;min-width:100%;table-layout:auto}
.reservation-commission-table:not(.is-compact) th:first-child{width:auto;min-width:200px}
.reservation-commission-table:not(.is-compact) th:not(:first-child):not(:last-child),.reservation-commission-table:not(.is-compact) td:not(:first-child):not(:last-child){width:auto;min-width:125px}
.reservation-commission-table:not(.is-compact) th:last-child,.reservation-commission-table:not(.is-compact) td:last-child{width:200px;min-width:200px;max-width:none;padding-left:18px;padding-right:18px;overflow:visible}
@media(max-width:760px){.reservation-commissions-surface .reservation-monthly-controls{display:grid!important;width:100%;grid-template-columns:1fr 1fr}.reservation-commissions-surface .reservation-monthly-filter:first-child,.reservation-commissions-surface .reservation-month-filter,.reservation-commissions-surface .reservation-monthly-filter:nth-child(2),.reservation-commissions-surface .reservation-commission-seller-filter{width:auto}.reservation-commissions-surface .reservation-commission-seller-filter{grid-column:1/-1}}

/* Keep the last column inside the horizontal scroll instead of overlaying it */
.reservation-commissions-surface .reservation-monthly-filter:first-child{width:160px}
.reservation-commissions-surface .reservation-month-filter,.reservation-commissions-surface .reservation-monthly-filter:nth-child(2){width:240px}
.reservation-commissions-surface .reservation-commission-seller-filter{width:280px}
.reservation-commission-table:not(.is-compact) th:last-child,.reservation-commission-table:not(.is-compact) td:last-child{position:static;right:auto;width:auto;min-width:200px;max-width:none;box-shadow:none}
.reservation-commission-table:not(.is-compact) thead th:last-child{position:static;z-index:auto}

/* Explicit columns prevent the browser from squeezing the total */
.reservation-commission-table:not(.is-compact){width:1900px;min-width:1900px;table-layout:fixed}
.reservation-commission-table:not(.is-compact) col.reservation-person-col{width:200px}
.reservation-commission-table:not(.is-compact) col.reservation-period-col{width:125px}
.reservation-commission-table:not(.is-compact) col.reservation-total-col{width:200px}
.reservation-commission-table.is-compact col.reservation-person-col{width:30%}
.reservation-commission-table.is-compact col.reservation-period-col{width:46%}
.reservation-commission-table.is-compact col.reservation-total-col{width:24%}
.reservation-commissions-surface .reservation-monthly-filter select{padding-left:10px;padding-right:22px;font-size:.9rem}

/* Full commission-page design and containment review */
.reservation-commissions-surface .reservation-monthly-controls{padding:12px 14px;background:#f7f9fa;border:1px solid #dfe5e9;border-radius:16px;box-shadow:none}
.reservation-commissions-surface .reservation-monthly-filter label{font-size:.76rem;font-weight:800;color:#4f5865;letter-spacing:.01em}
.reservation-commissions-surface .reservation-monthly-filter select{appearance:none;height:46px;border:1px solid #d8dfe4;border-radius:12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2357606c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding:0 34px 0 13px;font-size:.92rem;font-weight:650;color:#202631;outline:none;transition:border-color .16s,box-shadow .16s}
.reservation-commissions-surface .reservation-monthly-filter select:hover{border-color:#bfc8d0}
.reservation-commissions-surface .reservation-monthly-filter select:focus{border-color:#f2672a;box-shadow:0 0 0 3px rgba(242,103,42,.14)}
.reservation-commissions-surface .reservation-monthly-controls .table-btn{height:46px;width:46px;border:1px solid #f2c8b5;background:#fff5ef;color:#d95118;border-radius:12px}
.reservation-commissions-surface .reservation-monthly-controls .table-btn:hover{background:#ffebe0;border-color:#edaa89}
.reservation-report-block{overflow:hidden}
.reservation-report-block>.orders-table-scroll{overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;margin:0!important}
.reservation-report-block>.orders-table-scroll .orders-table{width:100%!important;min-width:980px!important;margin:0!important;box-sizing:border-box}

/* Keep the assistant available without covering commission rows. */
body:has(.reservations-panel[data-reservation-panel="commissions"].active) #aiLauncher{
  right:12px;
  bottom:12px;
  width:54px;
  height:54px;
}
body:has(.reservations-panel[data-reservation-panel="commissions"].active) #aiLauncher img{
  width:54px;
  height:54px;
}
.reservation-commission-table tbody th{padding-top:18px;padding-bottom:18px}
.reservation-commission-table tbody th strong{font-size:1rem;font-weight:800;color:#19202a}
.reservation-person-avatar{width:36px;height:36px;border-radius:11px;font-size:.86rem}
.reservation-commission-table th,.reservation-commission-table td{font-size:.9rem}
.reservation-commission-origin{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px 20px;background:#fff8f3;border:1px solid #f2d7c8;border-radius:16px;color:#303844}
.reservation-commission-origin-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#ffeadf;color:#d95118;font-size:1.05rem;font-weight:850}
.reservation-commission-origin h3{margin:3px 0 7px;font-size:1.08rem;color:#171d26}
.reservation-commission-origin p{margin:0 0 6px;line-height:1.5}
.reservation-commission-origin .reservation-commission-origin-note{color:#596473}
.reservation-commission-origin small{display:block;margin-top:8px;color:#7b8490}
.reservation-operation-commission-note{display:block;margin-top:4px;color:#7b8490;font-size:.72rem;white-space:nowrap}
.reservation-commission-empty-row{text-align:center!important;color:#69717d;padding:28px!important}
@media(max-width:700px){.reservation-commission-origin{grid-template-columns:1fr}.reservation-commission-origin-icon{width:38px;height:38px}}

.reservation-commission-table tbody th strong{font-size:1.1rem;line-height:1.2}

/* Distribución interna de honorarios en reservas de alquiler */
.reservation-form-section:has([data-reservation-field="aporte_garantia_numero"]) {
  border: 1px solid #ffc7aa;
  background: #fffaf7;
}
.rental-fee-seller-list { display: grid; gap: 8px; }
.rental-fee-seller-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(140px, 220px) 36px; gap: 10px; align-items: center; }
.rental-fee-seller-row select,
.rental-fee-seller-row input { min-height: 40px; }
.rental-fee-seller-add { width: 100%; margin-top: 9px; border-style: dashed; font-weight: 700; }
.rental-fee-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.rental-fee-summary > div { background: #f4f6f8; border-radius: 7px; padding: 11px 12px; }
.rental-fee-summary span { display: block; color: #6b7681; font-size: 11px; margin-bottom: 4px; }
.rental-fee-summary strong { font-size: 14px; }
.rental-fee-summary .is-complete { background: #e9f7f0; color: #087a4b; }
.rental-fee-summary .is-pending { background: #fff5ed; color: #a84012; }
.rental-fee-summary small { grid-column: 1 / -1; color: #6c7783; }
@media (max-width: 760px) {
  .rental-fee-seller-row { grid-template-columns: 1fr 120px 36px; }
  .rental-fee-summary { grid-template-columns: 1fr; }
  .rental-fee-summary small { grid-column: auto; }
}