/* Shared portal styling also applies while the calendar is attached to body. */
.qonnect-date-picker { position:relative; width:100%; min-width:0; }
.qonnect-date-picker input.portal-date-source {
  position:absolute!important; width:1px!important; height:1px!important;
  min-width:0!important; min-height:0!important; padding:0!important;
  opacity:0!important; pointer-events:none!important; overflow:hidden!important;
}
.qonnect-date-picker [data-date-display] {
  width:100%; box-sizing:border-box; min-height:40px; padding-right:42px!important;
  border-radius:10px; cursor:pointer;
}
.qonnect-date-picker [data-date-display]:focus {
  border-color:#66bfcc!important; outline:none!important;
  box-shadow:0 0 0 3px rgba(0,151,178,.12)!important;
}
.qonnect-date-picker [data-date-toggle] {
  position:absolute; top:4px; right:5px; width:32px!important; height:32px!important;
  padding:6px!important; min-height:0!important; border:0!important; border-radius:8px!important;
  color:var(--fxrtc-teal,#0097b2)!important; background:transparent!important; cursor:pointer;
}
.qonnect-date-picker [data-date-toggle] svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.qonnect-date-picker [data-date-toggle]:hover { background:rgba(0,151,178,.08)!important; }
.qonnect-date-picker.is-disabled { opacity:.6; }
.qonnect-date-picker.is-disabled [data-date-display], .qonnect-date-picker button:disabled { cursor:default; }
.qonnect-date-popup[data-date-popup] {
  box-sizing:border-box; width:286px!important; max-height:calc(100vh - 20px);
  padding:14px!important; overflow:auto; border:1px solid #d8e4e9!important;
  border-radius:14px!important; background:#fff!important; color:#334650;
  box-shadow:0 18px 48px rgba(0,56,69,.18)!important; z-index:100100!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.qonnect-date-popup[data-date-popup][hidden] { display:none!important; }
.qonnect-date-popup .qonnect-date-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.qonnect-date-popup [data-date-title] { color:inherit; font-size:13px; font-weight:600; }
.qonnect-date-popup .qonnect-date-nav { display:flex; gap:5px; }
.qonnect-date-popup .qonnect-date-nav button {
  width:28px!important; height:28px!important; padding:0!important; min-height:0!important;
  border:0!important; border-radius:8px!important; background:transparent!important;
  color:var(--fxrtc-teal,#0097b2)!important; font-size:20px; cursor:pointer;
}
.qonnect-date-popup .qonnect-date-weekdays, .qonnect-date-popup .qonnect-date-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.qonnect-date-popup .qonnect-date-weekdays { margin-bottom:7px; text-align:center; color:#82939b; font-size:10px; }
.qonnect-date-popup .qonnect-date-day {
  box-sizing:border-box; width:100%!important; height:31px!important; min-height:0!important;
  padding:0!important; border:0!important; border-radius:8px!important;
  background:transparent!important; color:#334650!important; font-family:inherit; font-size:11px; font-weight:400;
  cursor:pointer; box-shadow:none!important; transform:none!important;
}
.qonnect-date-popup .qonnect-date-day.muted { color:#a0afb6!important; }
.qonnect-date-popup .qonnect-date-day.today { box-shadow:inset 0 0 0 1px rgba(0,151,178,.5)!important; }
.qonnect-date-popup .qonnect-date-day:hover:not(:disabled), .qonnect-date-popup .qonnect-date-nav button:hover { background:rgba(0,151,178,.09)!important; }
.qonnect-date-popup .qonnect-date-day.selected { background:var(--fxrtc-teal,#0097b2)!important; color:white!important; font-weight:600; }
.qonnect-date-popup .qonnect-date-day.selected:hover { background:#007f96!important; }
.qonnect-date-popup button:disabled { opacity:.35; cursor:not-allowed; }
.qonnect-date-popup button:focus-visible { outline:2px solid #0097b2!important; outline-offset:1px; }
.qonnect-date-popup .qonnect-date-foot { display:flex; justify-content:space-between; margin-top:10px; padding-top:10px; border-top:1px solid #edf1f3; }
.qonnect-date-popup .qonnect-date-foot button { border:0!important; background:transparent!important; color:var(--fxrtc-teal,#0097b2)!important; border-radius:8px; padding:5px 8px; font-size:11px; cursor:pointer; }
.qonnect-date-error { display:block; color:#b42318; font-size:11px; margin-top:5px; }
.qonnect-date-error:empty { display:none; }
html.lf-dark .qonnect-date-popup[data-date-popup] { background:#202c32!important; border-color:#3a4c55!important; color:#e4f0f3; }
html.lf-dark .qonnect-date-popup .qonnect-date-day { color:#d8e7eb!important; }
html.lf-dark .qonnect-date-popup .qonnect-date-day.muted { color:#71868f!important; }
html.lf-dark .qonnect-date-popup .qonnect-date-day.selected { color:white!important; }
html.lf-dark .qonnect-date-popup .qonnect-date-foot { border-color:#3a4c55; }

/* V119 — center calendar icon consistently in every portal date control. */
.qonnect-date-picker [data-date-toggle] {
  top:50% !important; right:7px !important; transform:translateY(-50%) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}

/* FXRTC charcoal dark calendar — visual-only override */
html.lf-dark .qonnect-date-popup[data-date-popup]{background:#191a1c!important;border-color:#34363a!important;color:#e7e8ea!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}
html.lf-dark .qonnect-date-popup .qonnect-date-day{color:#d7d9dd!important}
html.lf-dark .qonnect-date-popup .qonnect-date-day:hover:not(:disabled){background:#25272a!important}
html.lf-dark .qonnect-date-popup .qonnect-date-day.muted{color:#666a71!important}
html.lf-dark .qonnect-date-popup .qonnect-date-foot{border-color:#2b2d30!important}

/* Generated statement periods: visible, greyed and unavailable for reuse. */
.qonnect-date-day:disabled{opacity:.28!important;cursor:not-allowed!important;background:transparent!important;color:var(--lf-text-muted,#84919d)!important;text-decoration:line-through;text-decoration-thickness:1px}


/* FXRTC V6.6.34 — canonical portal calendar support */
.qonnect-date-popup[data-date-popup]{
  border-color:var(--lf-border,#d8e4e9)!important;
  border-radius:12px!important;
  background:var(--lf-white,#fff)!important;
  color:var(--lf-text,#263746)!important;
  font-family:var(--lf-font,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
}
.qonnect-date-popup .qonnect-date-nav button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}