.wmini-page {
  height: calc(100dvh - var(--navbar-h, 0px) - 3rem);
  min-height: calc(100vh - var(--navbar-h, 0px) - 3rem);
  display: grid;
  grid-template-columns: 15.5rem minmax(25rem, 31rem) minmax(25rem, 1fr);
  overflow: hidden;
  box-sizing: border-box;
  padding: .85rem;
  background: #f8fafc;
  color: #172033;
}

.wmini-sidebar, .wmini-list, .wmini-reader { min-width: 0; min-height: 0; background: #fff; border: 1px solid #e5eaf1; }
.wmini-sidebar { display: flex; flex-direction: column; gap: 0; padding: .75rem; border-radius: 10px 0 0 10px; }
.wmini-account-switcher { position: relative; margin: 0 .05rem .75rem; }.wmini-account-switcher summary { min-height: 3.2rem; display: grid; grid-template-columns: 2.15rem minmax(0, 1fr) 1rem; align-items: center; gap: .55rem; padding: .45rem; border-radius: 7px; cursor: pointer; list-style: none; }.wmini-account-switcher summary::-webkit-details-marker { display: none; }.wmini-account-switcher summary:hover { background: #f1f5f9; }.wmini-account-switcher__avatar { width: 2.15rem; height: 2.15rem; display: grid; place-items: center; border-radius: 50%; background: #94a3b8; color: #fff; font-size: .64rem; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }.wmini-account-switcher summary > span:nth-child(2) { min-width: 0; display: grid; gap: .12rem; }.wmini-account-switcher strong { overflow: hidden; color: #334155; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }.wmini-account-switcher small { overflow: hidden; color: #8490a2; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }.wmini-account-switcher summary > .material-symbols-outlined { color: #8490a2; font-size: 1rem; }.wmini-account-switcher__menu { position: absolute; z-index: 3; top: calc(100% + .3rem); left: 0; width: 100%; padding: .3rem; border: 1px solid #dce4ed; border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .14); }.wmini-account-option { width: 100%; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) 1rem; align-items: center; gap: .45rem; padding: .4rem; border: 0; border-radius: 6px; background: transparent; cursor: pointer; text-align: left; }.wmini-account-option:hover, .wmini-account-option.is-active { background: #edf8f6; }.wmini-account-option .wmini-message__avatar { width: 1.75rem; height: 1.75rem; }.wmini-account-option > span:nth-child(2) { min-width: 0; display: grid; gap: .08rem; }.wmini-account-option strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.wmini-account-option small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.wmini-account-option > .material-symbols-outlined { color: #0f766e; font-size: .9rem; }
.wmini-compose { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; height: 2.65rem; margin: 0 .15rem .9rem; border: 0; border-radius: 8px; background: #0f766e; color: #fff; cursor: pointer; font: 750 .82rem/1 inherit; }
.wmini-compose:hover { background: #0b625b; }
.wmini-folders { min-height: 0; flex: 1 1 auto; display: grid; align-content: start; gap: .14rem; overflow-y: auto; overscroll-behavior: contain; padding: 0 .2rem 0 0; scrollbar-color: #b8c3d1 transparent; scrollbar-width: thin; }
.wmini-folder { width: 100%; min-width: 0; display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) 1.8rem; align-items: center; gap: .45rem; min-height: 2.35rem; padding: 0 .55rem; border: 0; border-radius: 7px; background: transparent; color: #526075; cursor: pointer; font: 680 .79rem/1 inherit; text-align: left; text-decoration: none; }
.wmini-folder > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wmini-folder > strong { justify-self: end; }
.wmini-folder .material-symbols-outlined { font-size: 1.05rem; }.wmini-folder strong { color: #0f766e; font-size: .7rem; }.wmini-folder:hover { background: #f1f5f9; color: #172033; }.wmini-folder.is-active { background: #e7f5f3; color: #0f766e; }
.wmini-folders__server { display: grid; gap: .14rem; margin-top: .4rem; padding-top: .55rem; border-top: 1px solid #edf1f5; }
.wmini-folders__server:empty { display: none; }
.wmini-folders__server > p { margin: 0; padding: .2rem .55rem .3rem; color: #95a0b0; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wmini-folder--server { padding-left: calc(.55rem + var(--wmini-folder-depth, 0) * .8rem); }
.wmini-folder--server > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wmini-sidebar__footer { margin-top: auto; padding: .8rem .35rem .1rem; }.wmini-storage { display: grid; gap: .35rem; color: #778399; font-size: .68rem; }.wmini-storage strong { color: #526075; font-weight: 680; }.wmini-storage i { display: block; height: .3rem; overflow: hidden; border-radius: 2rem; background: #e8edf3; }.wmini-storage b { display: block; width: 16%; height: 100%; border-radius: inherit; background: #14b8a6; }.wmini-manage { margin-top: .75rem; padding: 0; border: 0; background: none; color: #0f766e; cursor: pointer; font: 700 .72rem/1 inherit; }

.wmini-list { display: grid; grid-template-rows: auto auto auto auto auto minmax(0, 1fr); overflow: hidden; border-left: 0; border-right: 0; }.wmini-list__header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem .7rem; }.wmini-eyebrow { margin: 0 0 .16rem; color: #8190a5; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.wmini-list h1, .wmini-reader h2 { margin: 0; color: #172033; font-weight: 760; }.wmini-list h1 { font-size: 1.1rem; }.wmini-icon-button { width: 2rem; height: 2rem; display: inline-grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #627187; cursor: pointer; }.wmini-icon-button:hover { background: #f1f5f9; color: #172033; }.wmini-icon-button .material-symbols-outlined { font-size: 1.1rem; }
.wmini-notice { display: grid; grid-template-columns: 1.2rem minmax(0, 1fr); align-items: start; gap: .5rem; margin: 0 .85rem .7rem; padding: .65rem .7rem; border: 1px solid #cbd5e1; border-radius: 7px; background: #f8fafc; color: #475569; }
.wmini-notice[hidden] { display: none; }
.wmini-notice > .material-symbols-outlined { margin-top: .04rem; font-size: 1.05rem; }
.wmini-notice > span:last-child { min-width: 0; display: grid; gap: .15rem; }
.wmini-notice strong { font-size: .71rem; line-height: 1.3; }
.wmini-notice small { font-size: .65rem; line-height: 1.4; }
.wmini-notice--error { border-color: #fecaca; background: #fff1f2; color: #9f1239; }
.wmini-notice--warning { border-color: #fde68a; background: #fffbeb; color: #92400e; }
.wmini-notice--info { border-color: #bae6fd; background: #f0f9ff; color: #075985; }
.wmini-search { height: 2.35rem; display: flex; align-items: center; gap: .45rem; margin: 0 .85rem .75rem; padding: 0 .7rem; border: 1px solid #e2e8f0; border-radius: 7px; color: #8490a2; }.wmini-search .material-symbols-outlined { font-size: 1.05rem; }.wmini-search input { width: 100%; border: 0; outline: 0; color: #172033; font: .78rem inherit; }.wmini-search input::placeholder { color: #9aa6b7; }.wmini-list__toolbar { display: flex; justify-content: space-between; padding: .45rem .95rem; border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; color: #7d899a; font-size: .68rem; font-weight: 700; }.wmini-list__toolbar button { border: 0; background: none; color: #0f766e; cursor: pointer; font: inherit; }
.wmini-list-actions { min-height: 2.65rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .35rem .65rem; border-bottom: 1px solid #d7e9e7; background: #f0f9f8; color: #0f766e; font-size: .68rem; font-weight: 750; }
.wmini-list-actions[hidden] { display: none; }
.wmini-list-actions > div { display: flex; gap: .05rem; }
.wmini-list-actions button { width: 1.85rem; height: 1.85rem; display: grid; place-items: center; border: 0; border-radius: 5px; background: transparent; color: #526075; cursor: pointer; }
.wmini-list-actions button:hover { background: #dcefed; color: #0f766e; }
.wmini-list-actions .material-symbols-outlined { font-size: 1rem; }
.wmini-message-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-color: #b8c3d1 #f4f7fa; scrollbar-width: thin; }.wmini-message { width: 100%; display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .6rem; align-items: start; padding: .78rem .85rem; border: 0; border-bottom: 1px solid #edf1f5; background: #fff; cursor: pointer; color: #172033; font-family: inherit; text-align: left; }.wmini-message:hover { background: #f8fafc; }.wmini-message.is-selected { background: #ecf8f6; box-shadow: inset 3px 0 #0f766e; }.wmini-message--read { color: #657389; background: #fbfcfd; }.wmini-message__avatar { width: 2rem; height: 2rem; display: inline-grid; place-items: center; border-radius: 50%; color: #fff; font-size: .62rem; font-weight: 800; }.wmini-message__avatar--violet { background: #7c6ee6; }.wmini-message__avatar--orange { background: #e48648; }.wmini-message__avatar--blue { background: #4f8bd9; }.wmini-message__avatar--green { background: #36a67b; }.wmini-message__avatar--rose { background: #d66a86; }.wmini-message__copy { min-width: 0; display: grid; gap: .14rem; }.wmini-message__copy strong { font-size: .76rem; font-weight: 780; }.wmini-message__copy b { overflow: hidden; font-size: .73rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.wmini-message__copy small { overflow: hidden; color: #7d899a; font-size: .68rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.wmini-message time { color: #8290a3; font-size: .65rem; white-space: nowrap; }
.wmini-message-row { position: relative; display: grid; grid-template-columns: 0 minmax(0, 1fr); transition: grid-template-columns .15s ease; }
.wmini-message-row:hover, .wmini-message-row.is-checked { grid-template-columns: 2.2rem minmax(0, 1fr); }
.wmini-message-row.is-checked { background: #effaf8; }
.wmini-message-check { width: 2.2rem; min-width: 0; overflow: hidden; display: grid; place-items: center; border: 0; border-bottom: 1px solid #edf1f5; background: inherit; color: #0f766e; cursor: pointer; opacity: 0; }
.wmini-message-row:hover .wmini-message-check, .wmini-message-row.is-checked .wmini-message-check { opacity: 1; }
.wmini-message-check .material-symbols-outlined { font-size: 1rem; }
.wmini-thread { margin: .45rem .55rem; overflow: hidden; border: 1px solid #dce6eb; border-radius: 9px; background: #fff; box-shadow: 0 2px 8px rgba(30, 41, 59, .04); }
.wmini-thread.has-unread { border-color: #acd9d4; box-shadow: inset 3px 0 #0f766e, 0 2px 8px rgba(30, 41, 59, .05); }
.wmini-thread-summary { display: grid; grid-template-columns: 2.15rem minmax(0, 1fr); background: #fff; }
.wmini-thread-summary:hover, .wmini-thread-summary.is-checked { background: #f1f9f8; }
.wmini-thread-summary__check { display: grid; place-items: center; border: 0; background: transparent; color: #0f766e; cursor: pointer; }
.wmini-thread-summary__check .material-symbols-outlined { font-size: 1rem; }
.wmini-thread-summary__main { min-width: 0; display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto 1.2rem; align-items: center; gap: .6rem; padding: .75rem .65rem .75rem 0; border: 0; background: transparent; color: #334155; cursor: pointer; font-family: inherit; text-align: left; }
.wmini-thread-summary__avatar { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: #4f8bd9; color: #fff; font-size: .62rem; font-weight: 800; }
.wmini-thread-summary__copy { min-width: 0; display: grid; gap: .14rem; }
.wmini-thread-summary__participants { overflow: hidden; color: #526075; font-size: .7rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.wmini-thread-summary__copy strong { overflow: hidden; color: #172033; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.wmini-thread-summary__copy small { overflow: hidden; color: #8490a2; font-size: .64rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.wmini-thread-summary__meta { display: grid; justify-items: end; gap: .15rem; white-space: nowrap; }
.wmini-thread-summary__meta time { color: #8490a2; font-size: .62rem; }
.wmini-thread-summary__meta b { padding: .18rem .4rem; border-radius: 999px; background: #e8f4f3; color: #0f766e; font-size: .59rem; }
.wmini-thread-summary__meta em { color: #c2410c; font-size: .58rem; font-style: normal; font-weight: 750; }
.wmini-thread-summary__chevron { color: #7d899a; font-size: 1.05rem; }
.wmini-thread__children { display: none; padding: .35rem 0 .45rem; border-top: 1px solid #dfe9ed; background: #f8fafb; }
.wmini-thread.is-expanded .wmini-thread__children { display: grid; }
.wmini-thread-step { position: relative; display: grid; grid-template-columns: 1.85rem minmax(0, 1fr); align-items: stretch; margin: 0 .55rem; }
.wmini-thread-step::before { content: ''; position: absolute; top: 0; bottom: 0; left: .88rem; width: 2px; background: #d5e4e2; }
.wmini-thread-step:first-child::before { top: 50%; }
.wmini-thread-step:last-child::before { bottom: 50%; }
.wmini-thread-step > span { position: relative; z-index: 1; width: 1.35rem; height: 1.35rem; display: grid; place-items: center; align-self: center; justify-self: center; border: 2px solid #d5e4e2; border-radius: 50%; background: #fff; color: #64748b; font-size: .56rem; font-weight: 800; }
.wmini-thread-step .wmini-message-row { margin: .18rem 0; overflow: hidden; border: 1px solid #e1e8ed; border-radius: 7px; background: #fff; }
.wmini-message-row--thread-child .wmini-message { border-bottom: 0; background: #fff; }
.wmini-load-more { width: calc(100% - 1.4rem); min-height: 2.4rem; display: flex; align-items: center; justify-content: center; gap: .3rem; margin: .7rem; border: 1px solid #d9e5e4; border-radius: 7px; background: #f5faf9; color: #0f766e; cursor: pointer; font: 750 .7rem/1 inherit; }
.wmini-load-more:hover { background: #e8f5f3; }
.wmini-load-more:disabled { cursor: wait; opacity: .65; }
.wmini-load-more .material-symbols-outlined { font-size: 1rem; }

.wmini-reader { display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border-radius: 0 10px 10px 0; }.wmini-reader__toolbar { display: flex; justify-content: space-between; padding: .72rem 1.15rem; border-bottom: 1px solid #edf1f5; }.wmini-reader__toolbar > div { display: flex; gap: .1rem; }.wmini-reader__content { width: 100%; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-color: #b8c3d1 #f4f7fa; scrollbar-width: thin; box-sizing: border-box; padding: 2rem clamp(1.2rem, 4vw, 3.5rem); }.wmini-reader h2 { margin-bottom: 1.5rem; font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.25; }.wmini-sender { display: grid; grid-template-columns: 2.35rem minmax(0, 1fr) auto; align-items: center; gap: .6rem; padding-bottom: 1.35rem; border-bottom: 1px solid #edf1f5; }.wmini-sender .wmini-message__avatar { width: 2.35rem; height: 2.35rem; }.wmini-sender div { display: grid; gap: .12rem; }.wmini-sender strong { font-size: .8rem; }.wmini-sender span, .wmini-sender time { color: #7e8a9b; font-size: .68rem; }.wmini-reader__body { padding: 1.35rem 0 .6rem; color: #445168; font-size: .84rem; line-height: 1.65; overflow-wrap: anywhere; }.wmini-reader__body img { display: block; max-width: 100%; height: auto; }.wmini-reader__body p { margin: 0 0 1rem; }.wmini-attachments { padding: 1rem 0 1.25rem; }.wmini-attachments h3 { margin: 0 0 .65rem; color: #627187; font-size: .72rem; }.wmini-attachments h3 span { color: #95a0b0; }.wmini-attachments > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }.wmini-attachment { min-width: 0; display: grid; grid-template-columns: 1.55rem minmax(0, 1fr) 1rem; align-items: center; gap: .45rem; padding: .55rem; border: 1px solid #e1e7ef; border-radius: 7px; background: #fff; color: #6e7c90; cursor: pointer; text-align: left; }.wmini-attachment:hover { background: #f8fafc; }.wmini-attachment > .material-symbols-outlined:first-child { color: #e25757; font-size: 1.25rem; }.wmini-attachment:nth-child(2) > .material-symbols-outlined:first-child { color: #4b8dda; }.wmini-attachment span:nth-child(2) { min-width: 0; display: grid; gap: .1rem; }.wmini-attachment b { overflow: hidden; color: #536176; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }.wmini-attachment small { color: #98a3b2; font-size: .61rem; }.wmini-attachment > .material-symbols-outlined:last-child { font-size: .9rem; }.wmini-reply { display: flex; gap: .5rem; padding-top: 1.1rem; border-top: 1px solid #edf1f5; }.wmini-reply button { display: inline-flex; align-items: center; gap: .35rem; padding: .55rem .8rem; border: 1px solid #dce4ed; border-radius: 6px; background: #fff; color: #536176; cursor: pointer; font: 700 .72rem/1 inherit; }.wmini-reply button:first-child { border-color: #0f766e; background: #0f766e; color: #fff; }.wmini-reply .material-symbols-outlined { font-size: .95rem; }

.wmini-empty-list, .wmini-empty-reader { padding: 2rem 1rem; color: #8490a2; font-size: .78rem; text-align: center; }.wmini-empty-reader { display: grid; place-items: center; min-height: 20rem; }.wmini-empty-reader .material-symbols-outlined { color: #cbd5e1; font-size: 2rem; }
.wmini-empty-list { display: grid; justify-items: center; align-content: center; gap: .55rem; min-height: 11rem; }
.wmini-empty-list > .material-symbols-outlined { color: #a8b4c4; font-size: 1.75rem; }
.wmini-empty-list p { max-width: 19rem; margin: 0; line-height: 1.5; }
.wmini-empty-list button { padding: .5rem .7rem; border: 1px solid #9edbd5; border-radius: 6px; background: #e8f7f5; color: #0b625b; cursor: pointer; font: 700 .7rem/1 inherit; }
.wmini-empty-list button:hover { background: #d7f0ed; }
.wmini-page.is-refreshing [data-wmini-refresh] .material-symbols-outlined { animation: wmini-spin .45s linear; }@keyframes wmini-spin { to { transform: rotate(360deg); } }
.wmini-modal { width: min(100% - 2rem, 34rem); padding: 0; border: 0; border-radius: 10px; box-shadow: 0 24px 70px rgba(15, 23, 42, .3); }.wmini-modal::backdrop { background: rgba(15, 23, 42, .4); }.wmini-compose-form, .wmini-manage-dialog { display: grid; }.wmini-compose-form > header, .wmini-manage-dialog > header { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid #e8edf3; }.wmini-compose-form h2, .wmini-manage-dialog h2 { margin: 0; color: #263348; font-size: 1rem; }.wmini-compose-form > label { display: grid; grid-template-columns: 4rem minmax(0, 1fr); align-items: center; gap: .5rem; padding: .65rem 1rem; border-bottom: 1px solid #edf1f5; color: #657389; font-size: .75rem; }.wmini-compose-form input, .wmini-compose-form select, .wmini-compose-form textarea { width: 100%; border: 0; outline: 0; color: #263348; font: .78rem inherit; }.wmini-compose-form__message { grid-template-columns: 1fr !important; align-items: start !important; gap: .45rem !important; min-height: 10rem; }.wmini-compose-form textarea { height: 8rem; resize: vertical; }.wmini-compose-form footer { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1rem; }.wmini-compose-form footer button, .wmini-add-account { border: 0; border-radius: 6px; cursor: pointer; font: 700 .74rem/1 inherit; }.wmini-compose-form__discard { padding: .55rem .75rem; background: transparent; color: #657389; }.wmini-compose-form__send { display: inline-flex; align-items: center; gap: .3rem; padding: .55rem .8rem; background: #0f766e; color: #fff; }.wmini-compose-form__send .material-symbols-outlined { font-size: .9rem; }.wmini-manage-dialog { padding-bottom: 1rem; }.wmini-manage-dialog > div { display: grid; gap: .35rem; padding: .8rem 1rem; }.wmini-managed-account { display: grid; grid-template-columns: 2rem minmax(0, 1fr) 1.5rem; align-items: center; gap: .55rem; padding: .4rem; }.wmini-managed-account > span:nth-child(2) { min-width: 0; display: grid; gap: .1rem; }.wmini-managed-account strong { font-size: .76rem; }.wmini-managed-account small { overflow: hidden; color: #8490a2; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.wmini-managed-account button { display: grid; place-items: center; border: 0; background: none; color: #8490a2; cursor: pointer; }.wmini-managed-account button .material-symbols-outlined { font-size: 1rem; }.wmini-add-account { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; width: fit-content; margin: .2rem 1rem 0; padding: .6rem .75rem; background: #e7f5f3; color: #0f766e; }.wmini-add-account .material-symbols-outlined { font-size: 1rem; }.wmini-manage-dialog__note { min-height: 1rem; margin: .8rem 1rem 0; color: #8490a2; font-size: .68rem; line-height: 1.4; }

@media (max-width: 1120px) { .wmini-page { grid-template-columns: 14rem minmax(23rem, 27rem) minmax(22rem, 1fr); padding: .5rem; }.wmini-reader__content { padding: 1.5rem; }.wmini-attachments > div { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .wmini-page { grid-template-columns: 1fr; }.wmini-sidebar { display: none; }.wmini-list { border: 1px solid #e5eaf1; border-radius: 10px; }.wmini-reader { display: none; } }

.wmini-credential-form { display: grid; }
.wmini-credential-form > header { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid #e8edf3; }
.wmini-credential-form h2 { margin: 0; color: #263348; font-size: 1rem; }
.wmini-credential-form > p { margin: 0; padding: .9rem 1rem .25rem; color: #657389; font-size: .75rem; line-height: 1.5; }
.wmini-credential-form > label { display: grid; gap: .3rem; padding: .55rem 1rem; color: #657389; font-size: .72rem; font-weight: 700; }
.wmini-credential-form > label input { width: 100%; height: 2.35rem; padding: 0 .65rem; border: 1px solid #dce4ed; border-radius: 7px; color: #263348; font: .78rem inherit; }
.wmini-credential-form footer { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1rem; }
.wmini-credential-form footer button { border: 0; border-radius: 6px; cursor: pointer; font: 700 .74rem/1 inherit; }
.wmini-credential-form__error { min-height: 1.1rem; padding: .2rem 1rem !important; color: #b91c1c !important; }
.wmini-credential-form.is-loading { opacity: .7; pointer-events: none; }
.wmini-attachment { text-decoration: none; }
.wmini-list-loading, .wmini-reader-loading { display: grid; place-items: center; align-content: center; gap: .45rem; min-height: 11rem; color: #8490a2; font-size: .74rem; text-align: center; }
.wmini-list-loading > .material-symbols-outlined { color: #0f766e; font-size: 1.2rem; animation: wmini-spin .8s linear infinite; }
.wmini-list-loading p, .wmini-reader-loading p { margin: 0; }
.wmini-list-loading i { display: block; width: calc(100% - 2rem); height: 2.65rem; border-radius: 7px; background: linear-gradient(90deg, #f1f5f9 25%, #f8fafc 45%, #f1f5f9 65%); background-size: 200% 100%; animation: wmini-shimmer 1.2s ease-in-out infinite; }
.wmini-reader-loading { min-height: 20rem; }
.wmini-reader-loading .material-symbols-outlined { color: #cbd5e1; font-size: 1.8rem; }
@keyframes wmini-shimmer { to { background-position: -200% 0; } }
.wmini-message-list::-webkit-scrollbar, .wmini-reader__content::-webkit-scrollbar { width: 10px; }
.wmini-message-list::-webkit-scrollbar-track, .wmini-reader__content::-webkit-scrollbar-track { background: #f4f7fa; }
.wmini-message-list::-webkit-scrollbar-thumb, .wmini-reader__content::-webkit-scrollbar-thumb { border: 2px solid #f4f7fa; border-radius: 999px; background: #b8c3d1; }
.wmini-message-list::-webkit-scrollbar-thumb:hover, .wmini-reader__content::-webkit-scrollbar-thumb:hover { background: #8795a8; }

/* Lighter primary action and expanded compose experience. */
.wmini-compose { border: 1px solid #9edbd5; background: #dff5f2; color: #0b625b; box-shadow: 0 3px 10px rgba(15, 118, 110, .08); }
.wmini-compose:hover { border-color: #74cbc2; background: #cceeea; color: #084d48; }
.wmini-compose .material-symbols-outlined { font-size: 1.05rem; }

.wmini-modal--compose { width: min(94vw, 58rem); max-width: none; height: min(90dvh, 48rem); max-height: none; }
.wmini-modal--compose .wmini-compose-form { height: 100%; grid-template-rows: auto auto minmax(13rem, 1fr) auto auto; overflow: hidden; }
.wmini-modal--compose .wmini-compose-form > header { min-height: 3.8rem; padding: .75rem 1.1rem; background: linear-gradient(180deg, #fbfefd, #f6fbfa); }
.wmini-modal--compose .wmini-compose-form > header > div { display: grid; gap: .12rem; }
.wmini-modal--compose .wmini-compose-form > header .wmini-eyebrow { margin: 0; }
.wmini-compose-fields { display: grid; border-bottom: 1px solid #e8edf3; }
.wmini-compose-fields label { min-height: 2.55rem; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; gap: .6rem; padding: 0 1.1rem; border-bottom: 1px solid #f0f3f6; color: #657389; font-size: .72rem; font-weight: 700; }
.wmini-compose-fields label:last-child { border-bottom: 0; }
.wmini-compose-fields input, .wmini-compose-fields select { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #263348; font: .8rem inherit; }
.wmini-compose-fields input::placeholder { color: #a0aaba; }
.wmini-editor-shell { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: #fff; }
.wmini-editor-toolbar { min-height: 2.75rem; display: flex; align-items: center; flex-wrap: wrap; gap: .14rem; padding: .35rem .75rem; border-bottom: 1px solid #e8edf3; background: #f8fafc; }
.wmini-editor-toolbar button { width: 2rem; height: 2rem; display: grid; place-items: center; border: 0; border-radius: 5px; background: transparent; color: #59677b; cursor: pointer; }
.wmini-editor-toolbar button:hover, .wmini-editor-toolbar button.is-active { background: #e4f3f1; color: #0f766e; }
.wmini-editor-toolbar button .material-symbols-outlined { font-size: 1rem; }
.wmini-editor-toolbar select { height: 1.95rem; padding: 0 1.6rem 0 .5rem; border: 1px solid #dce4ed; border-radius: 5px; background: #fff; color: #536176; font: 700 .68rem inherit; }
.wmini-editor-toolbar__divider { width: 1px; height: 1.25rem; margin: 0 .25rem; background: #dce4ed; }
.wmini-rich-editor { min-height: 0; overflow-y: auto; padding: 1.1rem 1.25rem 2rem; outline: 0; color: #334155; font-size: .84rem; line-height: 1.65; scrollbar-gutter: stable; }
.wmini-rich-editor:empty::before { content: attr(data-placeholder); color: #a0aaba; pointer-events: none; }
.wmini-rich-editor h2 { margin: .8rem 0 .45rem; font-size: 1.25rem; }
.wmini-rich-editor h3 { margin: .7rem 0 .4rem; font-size: 1.05rem; }
.wmini-rich-editor blockquote { margin: .7rem 0; padding: .35rem .75rem; border-left: 3px solid #8fd2ca; background: #f5fbfa; color: #58677a; }
.wmini-rich-editor a { color: #0f766e; }
.wmini-compose-attachments { min-height: 2.8rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .4rem 1.1rem; border-top: 1px solid #e8edf3; background: #fbfcfd; }
.wmini-compose-attachments label { display: inline-flex; align-items: center; gap: .35rem; padding: .45rem .65rem; border: 1px solid #dce4ed; border-radius: 6px; background: #fff; color: #536176; cursor: pointer; font-size: .7rem; font-weight: 700; }
.wmini-compose-attachments label:hover { border-color: #9edbd5; color: #0f766e; }
.wmini-compose-attachments label .material-symbols-outlined { font-size: .95rem; }
.wmini-compose-attachments input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.wmini-compose-attachments small { overflow: hidden; color: #8490a2; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.wmini-modal--compose .wmini-compose-form footer { border-top: 1px solid #e8edf3; background: #fff; }
.wmini-modal--compose .wmini-compose-form__send { min-width: 6.4rem; justify-content: center; padding: .65rem 1rem; }

/* Expanded reader opened by double click. */
.wmini-modal--reader { width: min(94vw, 76rem); max-width: none; height: min(92dvh, 56rem); max-height: none; overflow: hidden; }
.wmini-expanded-reader { height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #fff; }
.wmini-expanded-reader > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1.1rem; border-bottom: 1px solid #e8edf3; background: linear-gradient(180deg, #fbfefd, #f7faf9); }
.wmini-expanded-reader > header > div { min-width: 0; display: grid; gap: .12rem; }
.wmini-expanded-reader > header h2 { overflow: hidden; margin: 0; color: #263348; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.wmini-expanded-reader__content { min-height: 0; overflow-y: auto; padding: 2rem clamp(1.25rem, 5vw, 5rem); scrollbar-gutter: stable; }
.wmini-expanded-reader__content > .wmini-expanded-reader__inner { width: min(100%, 64rem); margin: 0 auto; }
.wmini-expanded-reader__content .wmini-reader__body img { max-width: 100%; height: auto; }
.wmini-message { user-select: none; }

.wmini-modal--move { width: min(92vw, 28rem); }
.wmini-move-form { display: grid; }
.wmini-move-form > header { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid #e8edf3; }
.wmini-move-form h2 { margin: 0; color: #263348; font-size: 1rem; }
.wmini-move-form > label { display: grid; gap: .4rem; padding: 1rem; color: #657389; font-size: .72rem; font-weight: 750; }
.wmini-move-form select { width: 100%; height: 2.5rem; padding: 0 .65rem; border: 1px solid #dce4ed; border-radius: 7px; background: #fff; color: #263348; font: .76rem inherit; }
.wmini-move-form > p { min-height: 1rem; margin: 0; padding: 0 1rem .5rem; color: #8490a2; font-size: .68rem; }
.wmini-move-form footer { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1rem; border-top: 1px solid #e8edf3; }
.wmini-move-form.is-loading { opacity: .65; pointer-events: none; }

@media (max-width: 700px) {
  .wmini-modal--compose, .wmini-modal--reader { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .wmini-editor-toolbar { overflow-x: auto; flex-wrap: nowrap; }
  .wmini-compose-fields label { grid-template-columns: 3.5rem minmax(0, 1fr); }
  .wmini-thread-summary__main { grid-template-columns: 2rem minmax(0, 1fr) 1rem; }
  .wmini-thread-summary__meta { display: none; }
}