/* Approved calendar palette. Every rule is scoped to this popover only. */
html #appShell #calendarMegaMenu.dc-popover {
  border-color:#dfe3e8!important;background:#fff!important;
  box-shadow:0 16px 48px #1f293712!important;
}
html #appShell #calendarMegaMenu .dc-header {background:#f8f9fa!important;border-bottom-color:#e6e9ed!important}
html #appShell #calendarMegaMenu .dc-header>span {background:#edf0f3!important;color:#536271!important}
html #appShell #calendarMegaMenu .dc-header h2 {color:#25313e!important}
html #appShell #calendarMegaMenu .dc-header p {color:#65717d!important;font-size:12px!important}
html #appShell #calendarMegaMenu .dc-close {background:transparent!important;color:#65717d!important}
html #appShell #calendarMegaMenu #calendarConverter {color:#303b48!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-tabs {background:#f0f2f4!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-tabs button {color:#586574!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-tabs [aria-selected=true] {background:#fff!important;color:#176c60!important;box-shadow:0 1px 4px #1f293714!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-today {color:#3e4d5d!important;border-color:#dce1e6!important;background:#fff!important;font-size:12px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-input label {color:#566372!important;font-size:11px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-input label span {color:#71808d!important;font-size:10px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-input>div {background:#fff!important;border-color:#d9e0e6!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-input input {color:#25313e!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-input button {color:#536271!important;background:#f4f6f8!important;border-left-color:#e2e6eb!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-month>button {color:#5d6b7a!important;background:#fff!important;border-color:#e0e5e9!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-month select,
html #appShell #calendarMegaMenu #calendarConverter .dc-month input {color:#273442!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-weekdays {color:#697684!important;font-size:11px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-day {color:#344150!important;font-size:13px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-day.is-weekend {color:#9b514b!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-day:hover {background:#f0f3f5!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-day.is-today {border-color:#b8cec8!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-day.is-selected {background:#197b6d!important;border-color:#197b6d!important;color:#fff!important;box-shadow:0 2px 5px #197b6d1a!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-result {background:#f5f6f8!important;border-color:#e4e8ed!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-result span {color:#637180!important;font-size:11px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-result strong {color:#273442!important;font-size:19px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-result button {color:#4d5e70!important;font-size:11px!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-result .dc-equivalent {font-size:18px!important;color:#7c8b98!important}
html #appShell #calendarMegaMenu #calendarConverter .dc-feedback {color:#6b7886!important;font-size:11px!important}

/* Keep the existing compact date size on small screens. */
@media(max-width:480px){html #appShell #calendarMegaMenu #calendarConverter .dc-result strong{font-size:17px!important}}

/* Vector chevrons stay centered independently of font baselines. */
html #appShell #calendarMegaMenu #calendarConverter .dc-month>button {
  position:relative;display:grid!important;place-items:center!important;padding:0!important;
  font-size:0!important;line-height:0!important;
}
html #appShell #calendarMegaMenu #calendarConverter .dc-month>button::before {
  content:"";position:absolute;left:50%;top:50%;display:block;width:16px;height:16px;background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 7l-5 5 5 5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transform:translate(-50%,-50%) rotate(var(--calendar-chevron-turn,0deg));
}
html #appShell #calendarMegaMenu #calendarConverter .dc-calendar[dir=ltr] .dc-month>button[data-converter-month="1"],
html #appShell #calendarMegaMenu #calendarConverter .dc-calendar[dir=rtl] .dc-month>button[data-converter-month="-1"] {--calendar-chevron-turn:180deg}