/* MACHUPICCHU BEST · Ventas en oficina v22 */
.office-sales-header{align-items:flex-start;gap:1rem}
.office-sales-header .admin-kicker,.office-sale-form-head .admin-kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary,#55C1C8);font-weight:900}
.office-sales-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.office-sales-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px 180px auto;gap:.75rem;margin:1rem 0 1.25rem;align-items:center}
.office-sales-filters input,.office-sales-filters select,.office-sale-form input,.office-sale-form select,.office-sale-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-light,rgba(255,255,255,.12));background:var(--background-elevated,var(--dark3));color:var(--text-primary,var(--text));border-radius:12px;padding:.75rem .85rem;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.office-sales-filters input:focus,.office-sales-filters select:focus,.office-sale-form input:focus,.office-sale-form select:focus,.office-sale-form textarea:focus{border-color:var(--brand-primary,#55C1C8);box-shadow:0 0 0 3px rgba(85,193,200,.14)}
.office-sales-table-scroll{overflow:auto;max-width:100%}
.office-sales-table{min-width:1680px}
.office-sales-table th,.office-sales-table td{vertical-align:top}
.office-sale-card{border:1px solid var(--border-light,rgba(255,255,255,.1));background:var(--background-card,var(--dark2))}
.office-sales-loading{padding:5rem;text-align:center;font-size:2rem}
.office-sale-form-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-right:3.5rem;margin-bottom:1rem}
.office-sale-form-head h2{margin:.15rem 0 0;font-size:clamp(1.4rem,2.5vw,2rem)}
.office-sale-progress{display:flex;gap:.4rem}.office-sale-progress span{width:28px;height:28px;border-radius:999px;background:rgba(85,193,200,.14);border:1px solid rgba(85,193,200,.3);display:grid;place-items:center;font-size:.75rem;font-weight:900;color:var(--brand-primary,#55C1C8)}
.office-sale-form{display:grid;gap:1rem;padding-bottom:1rem}
.office-sale-section{border:1px solid var(--border-light,rgba(255,255,255,.1));background:var(--background-card,var(--dark2));border-radius:18px;padding:1.1rem;box-shadow:var(--shadow-small,0 8px 24px rgba(0,0,0,.08))}
.office-sale-section h3{margin:0 0 1rem;font-size:1.05rem;color:var(--text-primary,var(--text))}
.office-section-head,.office-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}
.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.office-grid .full,.office-sale-section .full{grid-column:1/-1}
.office-sale-form label{display:grid;gap:.35rem;color:var(--text-secondary,var(--text2));font-size:.83rem;font-weight:800}
.office-client-toggle,.office-confirm-options,.office-exceptions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}
.office-client-toggle label,.office-confirm-options label,.office-exceptions label{display:flex;align-items:center;gap:.45rem}
.office-client-toggle input,.office-confirm-options input,.office-exceptions input{width:auto}
#office-user-id{min-height:138px}
.office-service-card,.office-detail-card{border:1px solid rgba(85,193,200,.2);background:color-mix(in srgb,var(--background-elevated,var(--dark3)) 88%,transparent);border-radius:16px;padding:1rem;margin:.8rem 0}
.office-service-card h4,.office-detail-card h4{margin:0 0 .75rem}
.office-passenger-details{margin-top:.9rem;border-top:1px solid var(--border-light,rgba(255,255,255,.1));padding-top:.8rem}
.office-passenger-details summary{cursor:pointer;font-weight:900;color:var(--brand-primary,#55C1C8)}
.office-passenger-rows{display:grid;gap:.65rem;margin-top:.75rem}
.office-passenger-row{display:grid;grid-template-columns:40px 1.5fr 1fr 1fr 1fr .8fr 1fr 1fr;gap:.45rem;align-items:center}
.office-passenger-row b{color:var(--brand-primary,#55C1C8);text-align:center}
.office-payment-row{display:grid;grid-template-columns:1fr .8fr .8fr 1fr 1fr 1fr 1.2fr auto;gap:.5rem;align-items:center;border:1px solid var(--border-light,rgba(255,255,255,.1));border-radius:14px;padding:.75rem;margin:.65rem 0;background:color-mix(in srgb,var(--background-elevated,var(--dark3)) 88%,transparent)}
.office-security-note{border-left:3px solid var(--brand-primary,#55C1C8);padding:.65rem .8rem;background:rgba(85,193,200,.08);border-radius:0 10px 10px 0;color:var(--text-secondary,var(--text2));font-size:.82rem}
.office-sale-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;border:1px solid rgba(85,193,200,.2);background:rgba(85,193,200,.07);border-radius:14px;padding:1rem}
.office-sale-summary>div{display:flex;justify-content:space-between;gap:.75rem}.office-sale-summary small{grid-column:1/-1;color:var(--text-muted,var(--text3))}
.office-sale-submit{position:sticky;bottom:0;background:color-mix(in srgb,var(--background-page,var(--dark)) 92%,transparent);backdrop-filter:blur(12px);padding:.85rem;border-top:1px solid var(--border-light,rgba(255,255,255,.1));z-index:4}
.office-detail{display:grid;gap:1rem}
.office-detail-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-right:3rem}.office-detail-hero h2{margin:.2rem 0}.office-detail-hero p{margin:0;color:var(--text-secondary,var(--text2))}
.office-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.office-total-grid>div{border:1px solid var(--border-light,rgba(255,255,255,.1));background:var(--background-card,var(--dark2));border-radius:14px;padding:1rem;display:grid;gap:.3rem}.office-total-grid span{color:var(--text-muted,var(--text3));font-size:.78rem}.office-total-grid b{font-size:1rem}
.office-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;color:var(--text-secondary,var(--text2));font-size:.84rem}
.office-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.office-detail-columns section{border:1px solid var(--border-light,rgba(255,255,255,.1));border-radius:14px;padding:1rem;background:var(--background-card,var(--dark2));max-height:260px;overflow:auto}.office-detail-columns ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;font-size:.82rem;color:var(--text-secondary,var(--text2))}
.office-detail-actions{display:flex;flex-wrap:wrap;position:sticky;bottom:0;padding:1rem;background:color-mix(in srgb,var(--background-page,var(--dark)) 92%,transparent);backdrop-filter:blur(12px);z-index:5;border-top:1px solid var(--border-light,rgba(255,255,255,.1))}
html[data-theme="light"] .office-sale-section,html[data-theme="light"] .office-service-card,html[data-theme="light"] .office-detail-card,html[data-theme="light"] .office-total-grid>div,html[data-theme="light"] .office-detail-columns section{background:#fff}
@media(max-width:1180px){.office-passenger-row{grid-template-columns:36px repeat(3,minmax(0,1fr))}.office-payment-row{grid-template-columns:repeat(3,minmax(0,1fr))}.office-payment-row .del{justify-self:end}.office-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:799px){.office-sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.office-sales-filters{grid-template-columns:1fr}.office-sale-form-head{align-items:flex-start;flex-direction:column}.office-sale-progress{display:none}.office-grid{grid-template-columns:1fr}.office-grid .full{grid-column:auto}.office-passenger-row{grid-template-columns:34px 1fr}.office-payment-row{grid-template-columns:1fr}.office-sale-summary{grid-template-columns:1fr}.office-total-grid,.office-detail-columns,.office-detail-grid{grid-template-columns:1fr}.office-detail-actions{display:grid;grid-template-columns:1fr 1fr}.office-sale-submit{display:grid;grid-template-columns:1fr 1fr}.office-sale-section{padding:.9rem}.office-detail-hero{padding-right:2.5rem}}
@media print{body>*:not(#formModal){display:none!important}#formModal{position:static!important;background:#fff!important}#formModalContent{max-height:none!important;overflow:visible!important}.office-detail-actions,.auth-close,.form-drag{display:none!important}}
.office-filter-date{display:grid;gap:.25rem;color:var(--text-secondary,var(--text2));font-size:.72rem;font-weight:800}
.office-filter-date input{min-width:145px}
.office-passenger-tools{display:flex;justify-content:flex-end;margin-top:.65rem}
.office-passenger-tools .action-btn{font-size:.76rem}
@media(min-width:800px){.office-sales-filters{grid-template-columns:minmax(220px,1fr) 180px 170px 170px 170px auto}}

/* Menú fijo Ventas en oficina v23 */
@media(max-width:799px){.admin-tabbar{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.admin-tabbar::-webkit-scrollbar{display:none}.admin-tab{min-width:64px;flex:1 0 64px}}
