/* App layout only on small screens and touch tablets. Desktop retains v6. */
.mobile-nav{display:none}
@media(max-width:1023px), (max-width:1366px) and (pointer:coarse){
 html,body{overscroll-behavior:none}
 .app-shell{height:100dvh}
 .main-area{width:100%;min-width:0}
 .sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;width:min(19rem,85vw)!important;transform:translateX(-100%);visibility:hidden;z-index:200}
 .sidebar.mobile-open{transform:translateX(0);visibility:visible;box-shadow:4px 0 30px rgba(0,0,0,.6)}
 .sidebar .nav-label,.sidebar .logo-text,.sidebar .nav-section-label,.sidebar .nav-chevron{display:block!important}
 .sidebar .nav-section-toggle{pointer-events:auto}
 .sidebar .nav-link,.sidebar .sidebar-bottom .nav-link{justify-content:flex-start;min-height:48px;padding:.75rem}
 .sidebar .nav-section::before{display:none}
 .sidebar-overlay{touch-action:none}
 .topbar{padding-top:env(safe-area-inset-top);height:calc(4rem + env(safe-area-inset-top));flex-shrink:0}
 .page-content{padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom));scroll-padding-bottom:6rem;-webkit-overflow-scrolling:touch}
 .mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:150;display:grid;grid-template-columns:repeat(3,1fr);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);box-shadow:0 -6px 20px rgba(0,0,0,.2)}
 .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:54px;border-radius:.75rem;font-size:.7rem;font-weight:500;color:var(--muted-fg);touch-action:manipulation}
 .mobile-nav button svg{width:1.3rem;height:1.3rem}
 .mobile-nav button.active{color:var(--primary);background:rgba(59,130,246,.12)}
 .view .input{font-size:16px;min-height:46px}
 .view textarea.input{min-height:90px}
 .view .btn{min-height:44px;padding:.7rem .9rem;font-size:.8rem;justify-content:center;white-space:normal;touch-action:manipulation}
 .page-header{gap:1rem}
 .page-header>.btn{width:100%}
 .detail-grid{grid-template-columns:1fr}
 .timeline-item small{float:none;display:block;margin:.4rem 0}
 .detail-contact{gap:.5rem;flex-direction:column}
 .activity{flex-direction:column}
 .activity .actions{flex-wrap:wrap}
 .filters .input-label{flex:1;min-width:130px}
 .filters>.btn{flex-grow:1}
 #prospect-list .table-wrap{overflow:visible}
 #prospect-list table,#prospect-list tbody{display:block}
 #prospect-list thead{display:none}
 #prospect-list tr{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:.875rem;background:var(--bg)}
 #prospect-list td{display:block;padding:0;border:0;overflow-wrap:anywhere}
 #prospect-list td:first-child{grid-column:1/-1;font-size:.95rem}
 #prospect-list td:last-child{grid-column:1/-1}
 #prospect-list td:last-child .btn{width:100%;border:1px solid var(--border);color:var(--primary)}
 #prospect-list td:nth-child(2)::before{content:'Móvil';display:block;font-size:.65rem;color:var(--muted-fg);margin-bottom:.2rem}
 #prospect-list td:nth-child(3)::before{content:'Lugar / plan';display:block;font-size:.65rem;color:var(--muted-fg);margin-bottom:.2rem}
 .form-footer .btn{flex:1}
 .auth-screen{min-height:100dvh;padding:1rem}
 .auth-box{max-width:30rem}
 .auth-form .input{min-height:48px;font-size:16px}
 .auth-form .btn-submit{min-height:48px}
 .auth-form .pass-toggle{min-width:44px;min-height:44px;justify-content:center;right:.25rem}
}
@media(max-width:600px){
 .view .card{padding:1rem;border-radius:1rem}
 .form-grid{grid-template-columns:1fr}
 .page-content{padding-left:.75rem;padding-right:.75rem}
 .auth-card{padding:1.5rem!important}
 .auth-header{margin-bottom:1.5rem!important}
}

@media(max-width:1023px),(max-width:1366px) and (pointer:coarse){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav button{min-width:0;padding-left:0;padding-right:0}.mobile-nav button span{font-size:.6rem}.commission-kpis{grid-template-columns:1fr}.commission-focus-heading,.commission-result{align-items:flex-start;flex-direction:column}.commission-amount{text-align:left}.commission-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-history{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-month-card{padding:.8rem}.commission-month-card strong{font-size:1rem}}
@media(max-width:1023px),(max-width:1366px) and (pointer:coarse){.commission-client-table thead{display:none}.commission-client-table,.commission-client-table tbody,.commission-client-table tr,.commission-client-table td{display:block;width:100%}.commission-client-table tr{border:1px solid var(--border);border-radius:.75rem;margin-bottom:1rem;padding:.5rem}.commission-client-table td{border:0;padding:.6rem}.commission-client-table td::before{content:attr(data-label);display:block;color:var(--muted-fg);font-size:.65rem;margin-bottom:.3rem}.commission-client-table-wrap{overflow:visible}}