.branch-finder-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.branch-finder-modal{background:#fff;border-radius:16px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.branch-finder-modal .close-btn{position:absolute;top:12px;z-index:1060;right:12px;background:none;border:none;font-size:20px;color:#666;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.branch-finder-modal .close-btn:hover{background:#f0f0f0;color:#333}.branch-finder-modal .modal-content{padding:40px 30px}.branch-finder-modal .icon-container{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.branch-finder-modal .icon-container i{font-size:36px;color:#fff}.branch-finder-modal .spinner-container .spinner-border{width:60px;height:60px;border-width:4px}.branch-finder-modal .success-icon i,.branch-finder-modal .warning-icon i{font-size:64px}.branch-finder-modal .branch-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;border-left:4px solid #28a745}.branch-finder-modal .branch-card.not-available{border-left-color:#ffc107}.branch-finder-modal .branch-card .branch-name{color:#333;margin-bottom:15px;font-size:1.1rem}.branch-finder-modal .branch-card .branch-info p{margin-bottom:8px;color:#555;font-size:.95rem;display:flex;align-items:flex-start}.branch-finder-modal .branch-card .branch-info p i{min-width:20px;margin-top:3px}.branch-finder-modal .branch-card .distance-badge{background:#e8f5e9;padding:8px 12px;border-radius:8px;margin-top:10px;display:inline-flex!important;align-items:center}.branch-finder-modal .branch-card .distance-badge.text-danger{background:#ffebee}@media(max-width:480px){.branch-finder-modal{width:95%;margin:10px}.branch-finder-modal .modal-content{padding:30px 20px}.branch-finder-modal .icon-container{width:60px;height:60px}.branch-finder-modal .icon-container i{font-size:28px}}@media(prefers-color-scheme:dark){.branch-finder-modal{background:var(--bg-card);color:var(--text-primary);box-shadow:0 20px 60px #00000080}.branch-finder-modal .close-btn{color:#94a3b8}.branch-finder-modal .close-btn:hover{background:#334155;color:#fff}.branch-finder-modal .branch-card{background:linear-gradient(135deg,#1e293b,#334155);border-left-color:#34d399}.branch-finder-modal .branch-card.not-available{border-left-color:#fbbf24}.branch-finder-modal .branch-card .branch-name{color:#f1f5f9}.branch-finder-modal .branch-card .branch-info p{color:#cbd5e1}.branch-finder-modal .branch-card .distance-badge{background:#064e3b;color:#34d399}.branch-finder-modal .branch-card .distance-badge.text-danger{background:#7f1d1d;color:#f87171}}
