.sidebar{flex:0 0 252px;min-width:0}.sidebar-header{min-width:0}.nav{min-width:0}.nav button{width:100%;min-width:0;overflow-wrap:anywhere}.nav .icon{flex:0 0 22px}.brand-mark{flex:0 0 38px}.main{width:0}#menuToggle{display:none}.topbar,.top-actions{min-width:0}.journey-date{display:flex;align-items:center;gap:8px;font-size:14px}.journey-status{margin:0;padding:0 20px 16px;color:var(--muted);font-size:14px}#jornada .card-head{flex-wrap:wrap}#jornada .table{min-width:1150px}#jornada th,#jornada td{font-size:14px}#jornada .journey-clock{white-space:nowrap;font-variant-numeric:tabular-nums}#jornada .journey-clock.adjusted{color:var(--red)}#jornada td:first-child{min-width:180px}#jornada td:nth-child(2){min-width:170px}
@media(max-width:900px){
 .app{flex-direction:column}.sidebar{flex:none;width:100%;padding:14px 20px;position:static}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{padding:0;min-width:0}.brand div:last-child{display:block}.brand-mark{margin:0}.brand strong{font-size:16px}.brand small{font-size:12px}#menuToggle{display:block;padding:10px 14px;background:#203456;color:#fff;border:1px solid #52617a;border-radius:9px}.sidebar .nav{display:none;margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar.menu-open .nav{display:grid}.sidebar .nav button{justify-content:flex-start;text-align:left;font-size:14px}.sidebar .nav button span:not(.icon){display:inline}.main{width:100%}.topbar{height:auto;flex-wrap:wrap;padding:14px 20px;gap:12px}.top-actions{flex-wrap:wrap}.top-actions .select{max-width:100%}.content{max-width:100%}.card-head{flex-wrap:wrap}.filters{min-width:0;max-width:100%}.filters .select{max-width:100%}.hero-actions{flex-wrap:wrap}.hero-actions button{min-width:0}.side-footer{display:none}
}
@media(max-width:560px){.sidebar{padding:12px 16px}.sidebar .nav{grid-template-columns:1fr}.topbar{padding:14px 16px}.top-actions{gap:8px}.top-actions .select{max-width:190px}.content{padding:20px 14px}.journey-status{padding:0 16px 14px}#jornada .card-head{align-items:flex-start}.hero-actions{display:flex}.hero-actions button{flex:1 1 140px}}