.file-input-wrapper{display:flex;align-items:center;gap:12px}
.file-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background 0.2s}
.file-btn:hover{background:var(--primary-dark)}
.file-name{font-size:13px;color:var(--gray-600)}
.agencies-container{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;margin-bottom:3rem}
.agencies-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.tab-btn{padding:1rem 2rem;border:2px solid var(--gray-200,#e2e8f0);background:#fff;color:#0f172a;font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:all 0.3s ease}
.tab-btn:hover{border-color:#C8102E;color:#C8102E}
.tab-btn.active{background:#C8102E;border-color:#C8102E;color:#fff}
.agency-map-container{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);border:1px solid #e2e8f0;background:#f8fafc}
.agency-info-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);margin-top:2rem;text-align:center;border-top:4px solid #C8102E}
.agency-info-card h3{font-size:1.75rem;color:#0f172a;margin-bottom:1rem;font-weight:700}
.file-input-wrapper{display:flex;align-items:center;gap:12px}
.file-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background 0.2s}
.file-btn:hover{background:var(--primary-dark)}
.file-name{font-size:13px;color:var(--gray-600)}
.agencies-container{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;margin-bottom:3rem}
.agencies-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.tab-btn{padding:1rem 2rem;border:2px solid var(--gray-200,#e2e8f0);background:#fff;color:#0f172a;font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:all 0.3s ease}
.tab-btn:hover{border-color:#C8102E;color:#C8102E}
.tab-btn.active{background:#C8102E;border-color:#C8102E;color:#fff}
.agency-map-container{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);border:1px solid #e2e8f0;background:#f8fafc}
.agency-info-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);margin-top:2rem;text-align:center;border-top:4px solid #C8102E}
.agency-info-card h3{font-size:1.75rem;color:#0f172a;margin-bottom:1rem;font-weight:700}
.agency-info-card p{font-size:1.125rem;color:#334155;margin-bottom:.5rem}
.agency-info-card .icon-text{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}
.agency-info-card svg{color:#C8102E}
.form-toast{position:fixed;right:1rem;bottom:1rem;z-index:10050;min-width:260px;max-width:90vw;background:#0f172a;color:#fff;border-left:4px solid #10B981;border-radius:10px;box-shadow:0 16px 38px rgba(0,0,0,.22);padding:.9rem 1rem;transform:translateY(18px);opacity:0;transition:all 220ms ease}
.form-toast.show{transform:translateY(0);opacity:1}

@media (max-width: 576px) {
  .agencies-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    width: 100%;
    padding: 0;
  }
  .tab-btn {
    padding: 0.75rem 0.25rem;
    font-size: 0.8rem;
    text-align: center;
    white-space: normal;
    width: 100%;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .agency-info-card {
    padding: 1.5rem;
    margin-top: 1rem;
  }
  .agency-info-card h3 {
    font-size: 1.25rem;
  }
  .agency-info-card p {
    font-size: 0.95rem;
  }
}
