.rota-detail-container{min-height:100vh;background-color:#f3f4f6}.stats-bar{background:linear-gradient(135deg,#291c29,#2d3050)}.rota-content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - 200px)}@media (max-width:1023px){.rota-content{grid-template-columns:1fr}}.rota-steps-column{padding:2rem;overflow-y:auto;max-height:calc(100vh - 200px)}@media (max-width:1023px){.rota-steps-column{max-height:none;order:2;padding:1rem}}.rota-map-column{position:sticky;top:0;height:calc(100vh - 200px);z-index:10}@media (max-width:1023px){.rota-map-column{position:sticky;top:64px;height:45vh;order:1;z-index:10}}.step-accordion{border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff;border:1px solid #e5e7eb}.step-accordion:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.step-accordion.active{border-color:#f97316;box-shadow:0 4px 16px rgba(249,115,22,.15)}.step-header{cursor:pointer;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s;width:100%;text-align:left;background:none;border:none;font:inherit;color:inherit}.step-header:hover{background-color:#fafafa}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;transition:transform .2s}.step-accordion.active .step-number{transform:scale(1.1)}.step-title{font-size:1rem;font-weight:600;color:#291c29;flex:1}.step-accordion.active .step-title{color:#f97316}.step-chevron{width:20px;height:20px;transition:transform .3s ease;color:#9ca3af}.step-accordion.active .step-chevron{transform:rotate(180deg);color:#f97316}.step-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}.step-accordion.active .step-content{max-height:600px;padding:0 1.25rem 1.25rem}.step-description{color:#4b5563;line-height:1.7;font-size:.9rem;margin-bottom:1rem}.step-image{width:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;max-height:200px;margin-bottom:1rem}.step-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-location{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;transition:all .2s;text-decoration:none}.btn-location-primary{background-color:#f97316;color:#fff}.btn-location-primary:hover{background-color:#ea580c}.btn-location-secondary{background-color:#f3f4f6;color:#4b5563}.btn-location-secondary:hover{background-color:#e5e7eb}.other-routes{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.other-route-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#fff;border:1px solid #e5e7eb;transition:all .2s;text-decoration:none;color:inherit}.other-route-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.06)}.other-route-image{width:64px;height:64px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}