/* MSA_CALENDAR_6388 */
.msa-calendar-picker { display:inline-flex; align-items:center; gap:8px; padding:5px 9px; border:1px solid var(--border, #2e615b); border-radius:12px; background:var(--card, rgba(8,33,33,.85)); color:var(--text, #dcefeb); font:inherit; font-size:12px; white-space:nowrap; }
.msa-calendar-picker[hidden] { display:none!important; }
.msa-calendar-picker select { color:inherit; background:transparent; border:none; font:inherit; max-width:150px; cursor:pointer; }
.msa-calendar-picker select option { color:#17292a; background:#eff6f3; }
@media(max-width:650px) { .msa-calendar-picker { flex-wrap:wrap; gap:2px; padding:4px; } .msa-calendar-picker span{font-size:10px} .msa-calendar-picker select { max-width:120px; font-size:11px; } }


/* MSA_UI_HOTFIX_6388_1 - luxury calendar selector */
.msa-calendar-picker{position:relative;border:none;background:transparent;padding:0;min-width:min(100%,440px)}
.msa-calendar-picker .msa-calendar-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.msa-date-shell{position:relative;display:grid;gap:14px;min-width:min(100%,440px)}
.msa-date-trigger{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:16px 22px;border-radius:999px;border:1px solid rgba(103,214,240,.55);background:linear-gradient(180deg,rgba(6,23,34,.95),rgba(5,27,38,.92));box-shadow:0 10px 35px rgba(0,0,0,.18), inset 0 0 0 1px rgba(85,230,255,.06);color:#eef7fb;cursor:pointer;text-align:right}
.msa-date-trigger:hover{filter:brightness(1.04)}
.msa-date-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(99,208,241,.16),0 10px 35px rgba(0,0,0,.18)}
.msa-date-icon,.msa-date-chevron{display:grid;place-items:center;width:26px;height:26px;color:#f4dd97}
.msa-date-trigger-label{color:#bdd1dc;font-size:17px;font-weight:500}
.msa-date-trigger-value{font-size:20px;font-weight:800;color:#fff}
.msa-date-divider{width:1px;height:34px;background:linear-gradient(180deg,transparent,rgba(120,154,172,.95),transparent)}
.msa-date-panel{position:relative;padding:26px 26px 18px;border-radius:28px;border:1px solid rgba(105,190,228,.28);background:linear-gradient(180deg,rgba(6,19,31,.96),rgba(4,18,29,.98));box-shadow:0 22px 55px rgba(0,0,0,.36);backdrop-filter:blur(8px)}
.msa-date-panel::before{content:'';position:absolute;top:-11px;inset-inline-end:110px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid rgba(62,126,160,.9)}
.msa-date-panel-head{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:18px}
.msa-date-panel-head i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(95,169,245,.09);color:#bcd8f3}
.msa-date-panel-head strong{display:block;font-size:22px;color:#eef7fb;margin-bottom:4px}
.msa-date-panel-head span{display:block;font-size:15px;color:#7f98aa}
.msa-date-options{display:grid;gap:14px}
.msa-date-option{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border-radius:22px;border:1px solid rgba(90,131,155,.28);background:rgba(8,28,42,.55);color:#edf6fb;cursor:pointer;transition:.18s ease}
.msa-date-option:hover{transform:translateY(-1px);border-color:rgba(109,194,233,.45);background:rgba(9,32,48,.78)}
.msa-date-option.is-active{border-color:rgba(239,205,99,.72);background:linear-gradient(180deg,rgba(65,55,14,.22),rgba(37,46,19,.16));box-shadow:0 0 0 1px rgba(239,205,99,.18) inset}
.msa-date-option-icon,.msa-date-option-check{display:grid;place-items:center}
.msa-date-option-icon{width:42px;height:42px;border-radius:14px;background:rgba(136,170,198,.08);color:#b8cfe2}
.msa-date-option.is-active .msa-date-option-icon,.msa-date-option.is-active .msa-date-option-check{color:#f2db90}
.msa-date-option-check{width:42px;height:42px;border-radius:50%;border:2px solid rgba(145,177,199,.55);color:transparent}
.msa-date-option.is-active .msa-date-option-check{border-color:#f2db90;color:#f2db90;background:rgba(242,219,144,.08)}
.msa-date-option-title{font-size:19px;font-weight:800;color:#f6fbff}
.msa-date-option-sub{margin-top:3px;font-size:14px;color:#9ab1c1}
.msa-date-note{margin-top:16px;padding:16px 18px;border-radius:18px;border:1px solid rgba(112,145,172,.24);background:rgba(8,27,40,.72);color:#a9bfd0;font-size:14px}
@media(max-width:900px){.msa-calendar-picker{min-width:100%}.msa-date-shell{min-width:100%}.msa-date-trigger{padding:14px 18px;grid-template-columns:auto auto 1fr auto}.msa-date-trigger-label{font-size:15px}.msa-date-trigger-value{font-size:18px}.msa-date-panel{padding:20px 18px 16px}.msa-date-panel-head strong{font-size:19px}.msa-date-option{padding:16px 14px;border-radius:18px}.msa-date-option-title{font-size:17px}.msa-date-option-sub,.msa-date-note,.msa-date-panel-head span{font-size:13px}}
@media(max-width:620px){.msa-date-trigger{gap:10px;padding:12px 14px}.msa-date-trigger-label{font-size:14px}.msa-date-trigger-value{font-size:16px}.msa-date-divider{height:26px}.msa-date-panel::before{inset-inline-end:40px}.msa-date-option{grid-template-columns:auto 1fr auto}.msa-date-option-icon,.msa-date-option-check{width:34px;height:34px}.msa-date-option-title{font-size:15px}.msa-date-option-sub{font-size:12px}}



/* MSA_UI_COMPACT_6388_2 - shrink oversized date selector */
.msa-calendar-picker{min-width:0 !important;width:min(360px,100%) !important;max-width:360px !important;display:block}
.msa-date-shell{width:min(360px,100%) !important;max-width:360px !important;min-width:0 !important;gap:8px !important}
.msa-date-trigger{min-height:58px !important;padding:12px 16px !important;gap:10px !important;border-radius:26px !important;grid-template-columns:auto auto 1fr auto auto !important}
.msa-date-icon,.msa-date-chevron{width:20px !important;height:20px !important}
.msa-date-trigger-label{font-size:14px !important;line-height:1.1 !important}
.msa-date-trigger-value{font-size:15px !important;line-height:1.2 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.msa-date-divider{height:24px !important}
.msa-date-panel{position:absolute !important;top:calc(100% + 10px) !important;inset-inline-end:0 !important;left:auto !important;width:min(380px,calc(100vw - 28px)) !important;max-width:380px !important;padding:16px 16px 12px !important;border-radius:20px !important;z-index:1200 !important}
.msa-date-panel::before{top:-9px !important;inset-inline-end:22px !important;border-left-width:10px !important;border-right-width:10px !important;border-bottom-width:10px !important}
.msa-date-panel-head{gap:12px !important;margin-bottom:12px !important}
.msa-date-panel-head i{width:38px !important;height:38px !important;border-radius:12px !important}
.msa-date-panel-head strong{font-size:18px !important;margin-bottom:2px !important}
.msa-date-panel-head span{font-size:12px !important}
.msa-date-options{gap:10px !important}
.msa-date-option{padding:12px 14px !important;border-radius:16px !important;gap:12px !important}
.msa-date-option-icon,.msa-date-option-check{width:34px !important;height:34px !important}
.msa-date-option-title{font-size:16px !important}
.msa-date-option-sub{font-size:12px !important;margin-top:2px !important}
.msa-date-note{margin-top:10px !important;padding:12px 14px !important;border-radius:14px !important;font-size:12px !important}
@media (max-width: 700px){
  .msa-calendar-picker,.msa-date-shell{width:min(100%,320px) !important;max-width:320px !important}
  .msa-date-trigger{min-height:52px !important;padding:10px 12px !important;border-radius:22px !important}
  .msa-date-trigger-value{font-size:14px !important;max-width:132px}
  .msa-date-trigger-label{font-size:13px !important}
  .msa-date-panel{width:min(320px,calc(100vw - 20px)) !important;max-width:320px !important;padding:14px 12px 10px !important}
  .msa-date-panel-head strong{font-size:16px !important}
  .msa-date-option{padding:10px 12px !important}
  .msa-date-option-title{font-size:14px !important}
  .msa-date-option-sub,.msa-date-note,.msa-date-panel-head span{font-size:11px !important}
}