.mailPage[data-v-c19f4614] {
  width: calc(100% - 14px);
  margin: 0 7px;
  padding: 24px 0 76px;
  color: inherit;
}
.mailToolbar[data-v-c19f4614] {
  min-height: 112px;
  padding: 24px 2px 18px;
  border-bottom: 1px solid var(--module_dock_border);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
}
.mailToolbar p[data-v-c19f4614],
.mailPanelHeader p[data-v-c19f4614],
.mailComposer header p[data-v-c19f4614] {
  margin: 0;
  font-size: 9px;
  font-weight: 600;
  line-height: 13px;
  opacity: 0.5;
}
.mailToolbar h2[data-v-c19f4614] { margin: 5px 0 0; font-size: 25px; line-height: 32px;
}
.mailCommands[data-v-c19f4614] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px;
}
.mailCommands button[data-v-c19f4614],
.mailState button[data-v-c19f4614],
.mailPanelState button[data-v-c19f4614],
.mailPagination button[data-v-c19f4614],
.mailComposer footer button[data-v-c19f4614] {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--module_dock_border);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: inherit;
  background: var(--item_bg_color);
  font: inherit;
  font-size: 10px;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.mailCommands button[data-v-c19f4614]:hover,
.mailState button[data-v-c19f4614]:hover,
.mailPanelState button[data-v-c19f4614]:hover,
.mailPagination button[data-v-c19f4614]:hover,
.mailComposer footer button[data-v-c19f4614]:hover { border-color: var(--module_dock_active_border); background: var(--item_hover_color);
}
.mailCommands button[data-v-c19f4614]:active,
.mailState button[data-v-c19f4614]:active,
.mailPanelState button[data-v-c19f4614]:active,
.mailPagination button[data-v-c19f4614]:active,
.mailComposer footer button[data-v-c19f4614]:active { transform: scale(0.97);
}
.mailCommands button[data-v-c19f4614]:disabled,
.mailPagination button[data-v-c19f4614]:disabled { opacity: 0.35; pointer-events: none;
}
.mailCommands button.is-primary[data-v-c19f4614],
.mailComposer footer button.is-primary[data-v-c19f4614] { border-color: var(--weather_dialog_active_bg); color: var(--weather_dialog_active_text); background: var(--weather_dialog_active_bg);
}
.mailCommands button.is-active[data-v-c19f4614],
.mailAuthButton.is-authenticated[data-v-c19f4614] { border-color: rgba(90, 160, 118, 0.48);
}
.mailNotice[data-v-c19f4614] {
  min-height: 42px;
  margin-top: 10px;
  padding: 0 12px;
  border: 1px solid var(--module_dock_border);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--item_bg_color);
  font-size: 10px;
}
.mailNotice.is-error[data-v-c19f4614],
.mailFormError[data-v-c19f4614] { color: #c85858;
}
.mailState[data-v-c19f4614] {
  min-height: min(560px, calc(100dvh - 250px));
  border-bottom: 1px solid var(--module_dock_border);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mailState h3[data-v-c19f4614] { margin: 5px 0 0; font-size: 19px; line-height: 27px;
}
.mailState p[data-v-c19f4614] { margin: 6px 0 0; font-size: 10px; opacity: 0.5;
}
.mailState button[data-v-c19f4614] { margin-top: 19px;
}
.mailLoading[data-v-c19f4614] { min-height: min(560px, calc(100dvh - 250px)); border-bottom: 1px solid var(--module_dock_border); display: grid; grid-template-columns: 180px minmax(250px, 0.8fr) minmax(0, 1.4fr);
}
.mailLoading span[data-v-c19f4614] { min-height: 120px; border-right: 1px solid var(--module_dock_border); border-bottom: 1px solid var(--module_dock_border); background: linear-gradient(100deg, transparent 20%, var(--item_bg_color) 45%, transparent 70%); background-size: 220% 100%; animation: mailShimmer-c19f4614 1.35s ease-in-out infinite;
}
.mailWorkspace[data-v-c19f4614] {
  height: clamp(600px, calc(100dvh - 198px), 900px);
  min-height: 600px;
  border-bottom: 1px solid var(--module_dock_border);
  display: grid;
  grid-template-columns: 190px minmax(280px, 0.78fr) minmax(0, 1.35fr);
  overflow: hidden;
}
.mailFolders[data-v-c19f4614],
.mailMessages[data-v-c19f4614],
.mailReader[data-v-c19f4614] { min-width: 0; min-height: 0; border-right: 1px solid var(--module_dock_border); display: flex; flex-direction: column;
}
.mailReader[data-v-c19f4614] { border-right: 0;
}
.mailPanelHeader[data-v-c19f4614] {
  height: 76px;
  min-height: 76px;
  padding: 14px;
  border-bottom: 1px solid var(--module_dock_border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.mailPanelHeader > div[data-v-c19f4614] { min-width: 0;
}
.mailPanelHeader h3[data-v-c19f4614] { margin: 3px 0 0; overflow: hidden; font-size: 11px; line-height: 17px; text-overflow: ellipsis; white-space: nowrap;
}
.mailPanelHeader > button[data-v-c19f4614],
.mailReaderActions button[data-v-c19f4614] {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  display: grid;
  place-items: center;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.mailPanelHeader > button[data-v-c19f4614]:hover,
.mailReaderActions button[data-v-c19f4614]:hover { border-color: var(--module_dock_border); background: var(--item_hover_color);
}
.mailPanelHeader > button[data-v-c19f4614]:disabled,
.mailReaderActions button[data-v-c19f4614]:disabled { opacity: 0.35; pointer-events: none;
}
.mailMobileBack[data-v-c19f4614] { display: none !important;
}
.mailFolderList[data-v-c19f4614] { min-height: 0; padding: 8px; overflow-y: auto;
}
.mailFolderList > button[data-v-c19f4614] {
  width: 100%;
  min-height: 39px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  color: inherit;
  background: transparent;
  font: inherit;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}
.mailFolderList > button[data-v-c19f4614]:hover { background: var(--item_hover_color);
}
.mailFolderList > button.is-current[data-v-c19f4614] { border-color: var(--module_dock_border); background: var(--item_bg_color);
}
.mailFolderList > button[data-v-c19f4614]:disabled { opacity: 0.38; cursor: default;
}
.mailFolderList > button[data-v-c19f4614]:disabled:hover { background: transparent;
}
.mailFolderList > button span[data-v-c19f4614] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mailFolderList > button b[data-v-c19f4614] { min-width: 19px; height: 18px; padding: 0 5px; border-radius: 9px; display: grid; place-items: center; color: var(--module_dock_active_color); background: var(--module_dock_active_bg); font-size: 8px; font-weight: 600;
}
.mailPanelLoading[data-v-c19f4614],
.mailMessageLoading[data-v-c19f4614] { min-height: 0; overflow: hidden;
}
.mailPanelLoading span[data-v-c19f4614],
.mailMessageLoading span[data-v-c19f4614] { height: 62px; border-bottom: 1px solid var(--module_dock_border); display: block; background: linear-gradient(100deg, transparent 20%, var(--item_bg_color) 45%, transparent 70%); background-size: 220% 100%; animation: mailShimmer-c19f4614 1.35s ease-in-out infinite;
}
.mailPanelState[data-v-c19f4614],
.mailReaderEmpty[data-v-c19f4614] { min-height: 0; flex: 1; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center;
}
.mailPanelState > span[data-v-c19f4614],
.mailReaderEmpty span[data-v-c19f4614] { max-width: 240px; font-size: 9px; line-height: 15px; opacity: 0.5;
}
.mailPanelState.is-locked > svg[data-v-c19f4614],
.mailReaderEmpty.is-locked > svg[data-v-c19f4614] { opacity: 0.42;
}
.mailPanelState button[data-v-c19f4614] { margin-top: 3px;
}
.mailPanelState.is-small[data-v-c19f4614] { min-height: 180px;
}
.mailMessageList[data-v-c19f4614] { min-height: 0; margin: 0; padding: 0; flex: 1; overflow-y: auto; list-style: none;
}
.mailMessageList li[data-v-c19f4614] { margin: 0; border-bottom: 1px solid var(--module_dock_border);
}
.mailMessageList li > button[data-v-c19f4614] {
  width: 100%;
  min-height: 82px;
  padding: 11px 12px 10px 23px;
  border: 0;
  position: relative;
  display: grid;
  gap: 5px;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.mailMessageList li > button[data-v-c19f4614]:hover { background: var(--item_hover_color);
}
.mailMessageList li > button.is-selected[data-v-c19f4614] { background: var(--item_bg_color); box-shadow: inset 2px 0 0 var(--module_dock_active_border);
}
.mailUnreadDot[data-v-c19f4614] { position: absolute; top: 19px; left: 10px; width: 6px; height: 6px; border-radius: 50%; background: transparent;
}
.mailMessageList button.is-unread .mailUnreadDot[data-v-c19f4614] { background: #4f8dca;
}
.mailMessageLine[data-v-c19f4614] { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.mailMessageLine strong[data-v-c19f4614] { overflow: hidden; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap;
}
.mailMessageList button.is-unread .mailMessageLine strong[data-v-c19f4614],
.mailMessageList button.is-unread .mailSubject[data-v-c19f4614] { font-weight: 650;
}
.mailMessageLine time[data-v-c19f4614],
.mailMessageMeta[data-v-c19f4614] { flex: 0 0 auto; font-size: 8px; opacity: 0.42;
}
.mailSubject[data-v-c19f4614] { overflow: hidden; font-size: 10px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap;
}
.mailMessageMeta[data-v-c19f4614] { justify-self: end;
}
.mailPagination[data-v-c19f4614] { min-height: 48px; padding: 6px 9px; border-top: 1px solid var(--module_dock_border); display: flex; align-items: center; justify-content: space-between; gap: 6px;
}
.mailPagination button[data-v-c19f4614] { min-height: 32px; padding: 0 8px;
}
.mailPagination > span[data-v-c19f4614] { font-size: 8px; opacity: 0.45;
}
.mailReader[data-v-c19f4614] { overflow: hidden;
}
.mailReaderLoading[data-v-c19f4614] { min-height: 0; padding: 25px; flex: 1; display: grid; grid-template-rows: 110px 28px minmax(250px, 1fr); gap: 14px;
}
.mailReaderLoading span[data-v-c19f4614] { background: linear-gradient(100deg, transparent 20%, var(--item_bg_color) 45%, transparent 70%); background-size: 220% 100%; animation: mailShimmer-c19f4614 1.35s ease-in-out infinite;
}
.mailReaderHeader[data-v-c19f4614] { padding: 19px 20px 17px; border-bottom: 1px solid var(--module_dock_border);
}
.mailReaderActions[data-v-c19f4614] { min-height: 34px; display: flex; align-items: center; justify-content: space-between;
}
.mailReaderActions > span[data-v-c19f4614] { flex: 1;
}
.mailReaderHeader h3[data-v-c19f4614] { margin: 12px 0 14px; font-size: 18px; line-height: 25px; overflow-wrap: anywhere;
}
.mailEnvelope[data-v-c19f4614] { margin: 0; display: grid; gap: 5px;
}
.mailEnvelope > div[data-v-c19f4614] { min-width: 0; display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 8px; font-size: 9px; line-height: 15px;
}
.mailEnvelope dt[data-v-c19f4614] { opacity: 0.4;
}
.mailEnvelope dd[data-v-c19f4614] { margin: 0; overflow-wrap: anywhere; opacity: 0.7; user-select: text;
}
.mailBodyToolbar[data-v-c19f4614] { min-height: 48px; padding: 7px 18px; border-bottom: 1px solid var(--module_dock_border); display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.mailViewSwitch[data-v-c19f4614] { height: 30px; padding: 2px; border: 1px solid var(--module_dock_border); border-radius: 5px; display: flex; background: var(--item_bg_color);
}
.mailViewSwitch button[data-v-c19f4614] { min-width: 62px; padding: 0 8px; border: 0; border-radius: 3px; color: inherit; background: transparent; font: inherit; font-size: 8px; cursor: pointer;
}
.mailViewSwitch button.is-active[data-v-c19f4614] { background: var(--item_hover_color);
}
.mailBodyToolbar > span[data-v-c19f4614] { display: inline-flex; align-items: center; gap: 5px; font-size: 8px; opacity: 0.48;
}
.mailBody[data-v-c19f4614] { min-height: 260px; flex: 1; overflow: auto;
}
.mailBody pre[data-v-c19f4614] { min-height: 100%; margin: 0; padding: 22px; color: inherit; background: transparent; font: 11px/1.8 ui-monospace, "Cascadia Code", Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text;
}
.mailHtmlBody[data-v-c19f4614] { width: 100%; height: 100%; min-height: 400px; border: 0; display: block; background: #fff; color-scheme: light dark;
}
.mailAttachments[data-v-c19f4614] { padding: 14px 20px 18px; border-top: 1px solid var(--module_dock_border);
}
.mailAttachments h4[data-v-c19f4614] { margin: 0 0 8px; display: flex; align-items: center; gap: 6px; font-size: 9px;
}
.mailAttachments ul[data-v-c19f4614] { margin: 0; padding: 0; list-style: none;
}
.mailAttachments li[data-v-c19f4614] { min-height: 36px; padding: 0 8px; border-bottom: 1px solid var(--module_dock_border); display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: 7px;
}
.mailAttachments li span[data-v-c19f4614] { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;
}
.mailAttachments li small[data-v-c19f4614] { font-size: 8px; opacity: 0.44;
}
.mailModalBackdrop[data-v-c19f4614] { position: fixed; inset: 0; z-index: 99999; padding: 18px; display: flex; align-items: center; justify-content: center; background: var(--weather_dialog_backdrop); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.mailComposer[data-v-c19f4614] { width: min(720px, 100%); max-height: calc(100dvh - 36px); border: 1px solid var(--weather_dialog_border); border-radius: 8px; display: flex; flex-direction: column; color: var(--weather_dialog_text); background: var(--weather_dialog_bg); box-shadow: 0 24px 70px -34px var(--weather_dialog_shadow), inset 0 1px 0 var(--weather_dialog_inset);
}
.mailComposer > header[data-v-c19f4614] { min-height: 72px; padding: 17px 20px 14px; border-bottom: 1px solid var(--weather_dialog_line); display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
}
.mailComposer > header h3[data-v-c19f4614] { margin: 3px 0 0; font-size: 18px; line-height: 24px;
}
.mailComposer > header button[data-v-c19f4614] { width: 32px; height: 32px; padding: 0; border: 1px solid transparent; border-radius: 5px; display: grid; place-items: center; color: inherit; background: transparent; cursor: pointer;
}
.mailComposer > header button[data-v-c19f4614]:hover { border-color: var(--weather_dialog_line); background: var(--weather_dialog_control_hover);
}
.mailComposeFields[data-v-c19f4614] { min-height: 0; padding: 17px 20px; overflow-y: auto; display: grid; gap: 12px;
}
.mailComposeFields label[data-v-c19f4614] { min-width: 0; display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 9px;
}
.mailComposeFields label > span[data-v-c19f4614] { color: var(--weather_dialog_muted); font-size: 9px;
}
.mailComposeFields input[data-v-c19f4614],
.mailComposeFields textarea[data-v-c19f4614] { width: 100%; border: 1px solid var(--weather_dialog_line_strong); border-radius: 6px; outline: 0; color: inherit; background: var(--weather_dialog_control_bg); font: inherit; font-size: 11px;
}
.mailComposeFields input[data-v-c19f4614] { height: 42px; padding: 0 11px;
}
.mailComposeFields textarea[data-v-c19f4614] { min-height: 270px; padding: 12px; resize: vertical; font: 11px/19px ui-monospace, "Cascadia Code", Consolas, monospace;
}
.mailComposeFields input[data-v-c19f4614]:focus,
.mailComposeFields textarea[data-v-c19f4614]:focus { border-color: var(--weather_dialog_focus);
}
.mailComposeFields input[data-v-c19f4614]:disabled { opacity: 0.45;
}
.mailComposeFields label.is-body[data-v-c19f4614] { align-items: start;
}
.mailComposeFields label.is-body > span[data-v-c19f4614] { padding-top: 11px;
}
.mailFormError[data-v-c19f4614] { margin: 0 20px 12px; padding: 9px 11px; border: 1px solid rgba(193, 78, 78, 0.26); border-radius: 6px; background: rgba(193, 78, 78, 0.07); font-size: 9px;
}
.mailComposer > footer[data-v-c19f4614] { min-height: 66px; padding: 12px 20px; border-top: 1px solid var(--weather_dialog_line); display: flex; align-items: center; justify-content: flex-end; gap: 7px;
}
.is-spinning[data-v-c19f4614] { animation: mailSpin-c19f4614 0.8s linear infinite;
}
.mail-modal-enter-active[data-v-c19f4614],
.mail-modal-leave-active[data-v-c19f4614] { transition: opacity 0.2s ease;
}
.mail-modal-enter-active .mailComposer[data-v-c19f4614],
.mail-modal-leave-active .mailComposer[data-v-c19f4614] { transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
}
.mail-modal-enter-from[data-v-c19f4614],
.mail-modal-leave-to[data-v-c19f4614] { opacity: 0;
}
.mail-modal-enter-from .mailComposer[data-v-c19f4614],
.mail-modal-leave-to .mailComposer[data-v-c19f4614] { opacity: 0; transform: translateY(10px) scale(0.985);
}
@keyframes mailShimmer-c19f4614 {
from { background-position: 120% 0;
}
to { background-position: -120% 0;
}
}
@keyframes mailSpin-c19f4614 {
to { transform: rotate(360deg);
}
}
@media (max-width: 900px) {
.mailWorkspace[data-v-c19f4614] { grid-template-columns: 165px minmax(250px, 0.8fr) minmax(0, 1.15fr);
}
.mailReaderHeader[data-v-c19f4614] { padding-inline: 16px;
}
}
@media (max-width: 800px) {
.mailPage[data-v-c19f4614] { width: calc(100% - 18px); margin: 0 9px;
}
.mailWorkspace[data-v-c19f4614] { height: max(620px, calc(100dvh - 180px)); min-height: 620px; grid-template-columns: minmax(0, 1fr);
}
.mailFolders[data-v-c19f4614],
  .mailMessages[data-v-c19f4614],
  .mailReader[data-v-c19f4614] { display: none; border-right: 0;
}
.mailFolders.is-mobile-active[data-v-c19f4614],
  .mailMessages.is-mobile-active[data-v-c19f4614],
  .mailReader.is-mobile-active[data-v-c19f4614] { display: flex;
}
.mailMobileBack[data-v-c19f4614] { display: grid !important;
}
.mailPanelHeader.is-list[data-v-c19f4614] { display: grid; grid-template-columns: 34px minmax(0, 1fr) 34px;
}
.mailReaderActions[data-v-c19f4614] { margin-bottom: 8px;
}
.mailFolderList[data-v-c19f4614] { padding: 10px;
}
.mailFolderList > button[data-v-c19f4614] { min-height: 48px;
}
.mailMessageList li > button[data-v-c19f4614] { min-height: 86px;
}
}
@media (max-width: 640px) {
.mailToolbar[data-v-c19f4614] { min-height: 104px; padding-top: 18px; align-items: flex-start; flex-direction: column;
}
.mailCommands[data-v-c19f4614] { width: 100%; justify-content: flex-start;
}
.mailCommands .mailAuthButton[data-v-c19f4614] { margin-left: auto;
}
.mailCommands button[data-v-c19f4614] { width: 36px; padding: 0;
}
.mailCommands button span[data-v-c19f4614] { display: none;
}
.mailLoading[data-v-c19f4614] { grid-template-columns: 1fr;
}
.mailLoading span[data-v-c19f4614] { min-height: 78px;
}
.mailWorkspace[data-v-c19f4614] { height: max(600px, calc(100dvh - 194px));
}
.mailBodyToolbar[data-v-c19f4614] { align-items: flex-start; flex-direction: column;
}
.mailComposeFields[data-v-c19f4614] { padding-inline: 14px;
}
.mailComposeFields label[data-v-c19f4614] { grid-template-columns: 1fr; gap: 6px;
}
.mailComposeFields label.is-body > span[data-v-c19f4614] { padding-top: 0;
}
.mailComposeFields textarea[data-v-c19f4614] { min-height: 240px;
}
.mailComposer > header[data-v-c19f4614],
  .mailComposer > footer[data-v-c19f4614] { padding-inline: 14px;
}
.mailFormError[data-v-c19f4614] { margin-inline: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
.mailLoading span[data-v-c19f4614],
  .mailPanelLoading span[data-v-c19f4614],
  .mailMessageLoading span[data-v-c19f4614],
  .mailReaderLoading span[data-v-c19f4614],
  .is-spinning[data-v-c19f4614] { animation: none;
}
.mailCommands button[data-v-c19f4614],
  .mailState button[data-v-c19f4614],
  .mailPanelState button[data-v-c19f4614],
  .mailPagination button[data-v-c19f4614],
  .mailComposer footer button[data-v-c19f4614],
  .mail-modal-enter-active[data-v-c19f4614],
  .mail-modal-leave-active[data-v-c19f4614],
  .mail-modal-enter-active .mailComposer[data-v-c19f4614],
  .mail-modal-leave-active .mailComposer[data-v-c19f4614] { transition: none;
}
}