.route-confirmation-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding:1.5rem 2rem;background:#2f343f;border-radius:12px;border:1px solid #495057;margin-bottom:1.5rem}.route-confirmation-header,.route-confirmation-header__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.route-confirmation-header__info{gap:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.route-confirmation-header__zone-indicator{position:relative;width:48px;height:48px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}.route-confirmation-header__zone-indicator svg{font-size:1.5rem;z-index:1;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.route-confirmation-header__zone-indicator:hover svg{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.route-confirmation-header__zone-indicator:before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:.2;-webkit-filter:blur(8px);filter:blur(8px)}.route-confirmation-header__title-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.route-confirmation-header__title{font-size:1.75rem;font-weight:700;color:#e9ecef;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-confirmation-header__subtitle{font-size:.875rem;color:#adb5bd;margin:.25rem 0 0}.route-confirmation-header__status{margin-left:auto;padding-left:1rem}.route-confirmation-header__status,.route-confirmation-header__status-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.route-confirmation-header__status-badge{gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;border:2px solid;white-space:nowrap;-webkit-transition:all .2s ease;transition:all .2s ease}.route-confirmation-header__status-badge svg{font-size:1rem}.route-confirmation-header__status-badge--pending{background:rgba(255,193,7,.15);color:#ffc107;border-color:#ffc107}.route-confirmation-header__status-badge--confirmed{background:rgba(40,167,69,.15);color:#28a745;border-color:#28a745}.route-confirmation-header__status-badge--shipped{background:rgba(23,162,184,.15);color:#17a2b8;border-color:#17a2b8}.route-confirmation-header__view-selector{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0;background:rgba(0,0,0,.3);padding:4px;border-radius:10px;border:1px solid #495057}.route-confirmation-header__view-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;color:#adb5bd;background:transparent;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;white-space:nowrap;position:relative}.route-confirmation-header__view-btn svg{font-size:1rem;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.route-confirmation-header__view-btn span{-webkit-transition:color .2s ease;transition:color .2s ease}.route-confirmation-header__view-btn:hover:not(:disabled):not(.route-confirmation-header__view-btn--active){color:#e9ecef;background:hsla(0,0%,100%,.05)}.route-confirmation-header__view-btn--active{color:#fff;background:#f38321;-webkit-box-shadow:0 2px 8px rgba(243,131,33,.3);box-shadow:0 2px 8px rgba(243,131,33,.3)}.route-confirmation-header__view-btn--active svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.route-confirmation-header__view-btn:disabled{opacity:.5;cursor:not-allowed}.route-confirmation-header__view-btn:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}@media(max-width:768px){.route-confirmation-header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:1rem}.route-confirmation-header,.route-confirmation-header__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.route-confirmation-header__info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.route-confirmation-header__status{margin-left:0;padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.route-confirmation-header__title{font-size:1.5rem;text-align:center}.route-confirmation-header__view-selector{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.route-confirmation-header__view-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}