/*
 CSS for popup
 */

.swift-modal-overlay{
  --swiftpop-crimson:#a6192e;
  --swiftpop-crimson-dark:#7d0f21;
  --swiftpop-navy:#0d2b4e;
  --swiftpop-navy-2:#123763;
  --swiftpop-slate:#5b6774;
  --swiftpop-ink:#1c2530;
  --swiftpop-line:#e3e0d8;
  --swiftpop-line-soft:#eceef1;
  --swiftpop-info-bg:#eaf1fb;
  --swiftpop-info-line:#cfe0f5;
}

/* Clickable phrase inside the "Large Donations" note */
.swift-trigger-link{
  background:none;
  border:none;
  padding:0;
  font:inherit;
  color:var(--swiftpop-crimson-dark, #7d0f21);
  text-decoration:underline;
  text-decoration-style:dotted;
  text-underline-offset:2px;
  cursor:pointer;
  font-weight:600;
}
.swift-trigger-link:hover{
  color:var(--swiftpop-crimson, #a6192e);
}

/* ---- Overlay / Modal shell ---- */
.swift-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(13,25,40,.6);
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:1000;
}
.swift-modal-overlay.open{
  display:flex;
}
.swift-modal{
  background:#fff;
  border-radius:14px;
  width:100%;
  max-width:900px;
  max-height:88vh;
  display:flex;
  flex-direction:column;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  overflow:hidden;
  font-family:'Segoe UI', Roboto, -apple-system, sans-serif;
}

/* ---- Header ---- */
.swift-modal-head{
  padding:22px 26px 18px;
  border-bottom:1px solid var(--swiftpop-line, #e3e0d8);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.swift-modal-title-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.swift-modal-icon{
  flex:none;
  color:var(--swiftpop-navy, #0d2b4e);
  font-size:22px;
  margin-top:3px;
}
.swift-modal-head h3{
  margin:0;
  font-size:22px;
  color:var(--swiftpop-navy, #0d2b4e);
  font-weight:800;
}
.swift-modal-head p{
  margin:6px 0 0;
  font-size:13.5px;
  color:var(--swiftpop-slate, #5b6774);
}
.swift-modal-close{
  flex:none;
  width:34px;
  height:34px;
  border-radius:8px;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:var(--swiftpop-slate, #5b6774);
  font-size:18px;
}
.swift-modal-close:hover{
  background:#f3f0ea;
  color:var(--swiftpop-ink, #1c2530);
}

/* ---- Body ---- */
.swift-modal-body{
  padding:18px 26px 6px;
  overflow-y:auto;
}
.swift-info-banner{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:var(--swiftpop-info-bg, #eaf1fb);
  border:1px solid var(--swiftpop-info-line, #cfe0f5);
  border-radius:8px;
  padding:13px 16px;
  margin-bottom:18px;
  font-size:12.5px;
  color:var(--swiftpop-navy-2, #123763);
}
.swift-info-banner i{
  flex:none;
  margin-top:2px;
}
.swift-info-banner p{
  margin:0;
}
.swift-info-banner p + p{
  margin-top:3px;
}

/* ---- Table ---- */
.swift-table-scroll{
  overflow-x:auto;
  border:1px solid var(--swiftpop-line, #e3e0d8);
  border-radius:10px;
  margin-bottom:14px;
}
table.swift-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
  font-size:12.5px;
}
table.swift-table thead th{
  background:var(--swiftpop-navy, #0d2b4e);
  color:#fff;
  font-weight:700;
  font-size:11.5px;
  letter-spacing:.2px;
  text-align:left;
  padding:11px 12px;
  white-space:nowrap;
}
table.swift-table thead th.swift-num{
  text-align:center;
  width:36px;
}
table.swift-table thead th.swift-center{
  text-align:center;
}
table.swift-table tbody td{
  padding:12px;
  border-bottom:1px solid var(--swiftpop-line-soft, #eceef1);
  vertical-align:top;
}
table.swift-table tbody tr:last-child td{
  border-bottom:none;
}
table.swift-table tbody tr:nth-child(even){
  background:#f8f9fb;
}
td.swift-num{
  text-align:center;
  color:var(--swiftpop-slate, #5b6774);
  font-weight:600;
}
td.swift-bank-name{
  font-weight:700;
  color:var(--swiftpop-ink, #1c2530);
  white-space:nowrap;
}
td.swift-center{
  text-align:center;
}

.swift-field-copy{
  display:flex;
  align-items:center;
  gap:6px;
}
.swift-field-copy .swift-val{
  font-family:'SFMono-Regular', Consolas, monospace;
  font-size:12px;
}
.swift-field-copy button{
  flex:none;
  border:none;
  background:none;
  cursor:pointer;
  color:#8a96a3;
  padding:2px;
  display:flex;
  border-radius:4px;
  font-size:12px;
}
.swift-field-copy button:hover{
  color:var(--swiftpop-navy, #0d2b4e);
  background:#eef1f5;
}
.swift-field-copy button.copied{
  color:#1a7a3e;
}
.swift-multi-val .swift-field-copy + .swift-field-copy{
  margin-top:4px;
}

.swift-currency-pill{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  color:var(--swiftpop-navy, #0d2b4e);
  background:#eaf0f6;
  border-radius:5px;
  padding:3px 8px;
}

.swift-code{
  font-family:'SFMono-Regular', Consolas, monospace;
  font-weight:700;
  color:var(--swiftpop-crimson-dark, #7d0f21);
}

/* ---- Footer ---- */
.swift-modal-foot{
  border-top:1px solid var(--swiftpop-line, #e3e0d8);
  padding:16px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#fff;
  font-size:12.5px;
  color:var(--swiftpop-slate, #5b6774);
}
.swift-copy-all-btn{
  flex:none;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--swiftpop-navy, #0d2b4e);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:11px 18px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.swift-copy-all-btn:hover{
  background:var(--swiftpop-navy-2, #123763);
}
.swift-copy-all-btn.copied{
  background:#1a7a3e;
}

@media (max-width:640px){
  .swift-modal-head h3{
    font-size:19px;
  }
  .swift-modal-foot{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
}

@media (prefers-reduced-motion:no-preference){
  .swift-modal{
    animation:swift-pop .16s ease-out;
  }
  @keyframes swift-pop{
    from{opacity:0; transform:translateY(8px) scale(.98);}
    to{opacity:1; transform:none;}
  }
}