/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailAssistantPanel.razor.rz.scp.css */
.mail-assistant-panel[b-652twyrem1] {
    position: relative;
    z-index: 445;
    flex-direction: column;
    display: flex;
    flex: 0 0 400px;
    width: 400px;
    max-width: 400px;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-left: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
}

.mail-assistant-panel[b-652twyrem1]  .echo-chat-host {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.mail-assistant-panel[b-652twyrem1]  .echo-chat-assistant__composer .dock-content {
    min-width: 0;
    overflow-x: hidden;
}

.mail-assistant-panel[b-652twyrem1]  .echo-chat-assistant__composer .request-input {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

@container mail-shell (max-width: 767px) {
    .mail-assistant-panel[b-652twyrem1] {
        flex: 1 1 auto;
        width: 100%;
        max-width: none;
        border-left: 0;
    }

    .mail-assistant-panel[b-652twyrem1]  .echo-info-wrap,
    .mail-assistant-panel[b-652twyrem1]  .echo-info-wrap .app-title-container,
    .mail-assistant-panel[b-652twyrem1]  .echo-info-wrap .dock-wpanel {
        width: 100%;
        min-width: 0;
    }

    .mail-assistant-panel[b-652twyrem1]  .echo-info-wrap .dock-content {
        min-width: 0;
        overflow: hidden;
    }

    .mail-assistant-panel[b-652twyrem1]  .echo-info-wrap .dock-right.cds-mm-d-none {
        display: flex !important;
        flex: 0 0 auto;
    }
}

/* 다른 패널의 첫 줄과 같은 48px. 아래 보더가 한 줄로 이어진다. */
.mail-assistant-panel[b-652twyrem1]  .echo-chat-host .dock-top:has(> .echo-info-wrap),
.mail-assistant-panel[b-652twyrem1]  .echo-info-wrap {
    height: 48px;
    min-height: 48px;
    box-sizing: border-box;
}

.mail-assistant-panel[b-652twyrem1]  .echo-info-wrap {
    align-items: center;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailCategoryManageDialog.razor.rz.scp.css */
.mail-category-dialog[b-sw8n6lpp0h] {
    width: min(680px, calc(100vw - 32px));
    max-width: 680px;
    padding: 0;
    border: 0;
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-category-dialog[b-sw8n6lpp0h]::backdrop {
    background: var(--cds-overlay, rgb(22 22 22 / 50%));
}

.mail-category-dialog-body[b-sw8n6lpp0h] {
    display: flex;
    max-height: min(560px, calc(100vh - 220px));
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    overflow: auto;
}

.mail-category-dialog-intro[b-sw8n6lpp0h] {
    margin: 0;
    color: var(--cds-text-secondary, #525252);
    line-height: 1.5;
}

.mail-category-definition-list[b-sw8n6lpp0h] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--cds-border-subtle-01, #e0e0e0);
}

.mail-category-definition[b-sw8n6lpp0h] {
    display: grid;
    min-height: 48px;
    grid-template-columns: 12px minmax(160px, 1fr) 132px auto;
    align-items: center;
    gap: 12px;
    padding: 8px;
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-category-swatch[b-sw8n6lpp0h] {
    width: 12px;
    height: 32px;
    background: #525252;
}

.mail-category-swatch.is-gray[b-sw8n6lpp0h] { background: #525252; }
.mail-category-swatch.is-red[b-sw8n6lpp0h] { background: var(--cds-support-error, #da1e28); }
.mail-category-swatch.is-magenta[b-sw8n6lpp0h] { background: #9f1853; }
.mail-category-swatch.is-purple[b-sw8n6lpp0h] { background: #6929c4; }
.mail-category-swatch.is-blue[b-sw8n6lpp0h] { background: var(--cds-link-primary, #0f62fe); }
.mail-category-swatch.is-cyan[b-sw8n6lpp0h] { background: #1192e8; }
.mail-category-swatch.is-teal[b-sw8n6lpp0h] { background: #007d79; }
.mail-category-swatch.is-green[b-sw8n6lpp0h] { background: var(--cds-support-success, #24a148); }

.mail-category-definition .cds-field[b-sw8n6lpp0h] {
    margin: 0;
}

.mail-category-dialog-body > small[b-sw8n6lpp0h] {
    color: var(--cds-text-secondary, #525252);
}

.mail-category-add[b-sw8n6lpp0h] {
    align-self: flex-start;
}

.mail-category-actions[b-sw8n6lpp0h] {
    display: flex;
}

@media (max-width: 640px) {
    .mail-category-definition[b-sw8n6lpp0h] {
        grid-template-columns: 8px minmax(0, 1fr) auto;
    }

    .mail-category-definition .cds-field:nth-of-type(2)[b-sw8n6lpp0h] {
        grid-column: 2;
    }

    .mail-category-definition .cds-btn[b-sw8n6lpp0h] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailCategoryPicker.razor.rz.scp.css */
.mail-category-picker[b-6vh00xbxof] {
    position: relative;
}

.mail-category-trigger[b-6vh00xbxof] {
    gap: 8px;
}

.mail-category-menu[b-6vh00xbxof] {
    position: fixed;
    z-index: 910;
    top: calc(100% + 1px);
    right: auto;
    width: 240px;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.mail-category-menu-heading[b-6vh00xbxof],
.mail-category-empty[b-6vh00xbxof] {
    padding: 10px 16px 8px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-category-menu button[b-6vh00xbxof] {
    display: grid;
    width: 100%;
    min-height: 40px;
    grid-template-columns: 16px 12px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    text-align: left;
}

.mail-category-menu button:last-child[b-6vh00xbxof] {
    grid-template-columns: 1fr;
}

.mail-category-menu button:hover[b-6vh00xbxof],
.mail-category-menu button:focus-visible[b-6vh00xbxof] {
    background: var(--cds-layer-hover-01, #e8e8e8);
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-category-menu button:disabled[b-6vh00xbxof] {
    color: var(--cds-text-disabled, #8d8d8d);
    cursor: not-allowed;
}

.mail-category-check[b-6vh00xbxof] {
    color: var(--cds-icon-primary, #161616);
    font-size: 14px;
}

.mail-category-menu-separator[b-6vh00xbxof] {
    height: 1px;
    background: var(--cds-border-subtle-01, #e0e0e0);
}

.mail-category-dot[b-6vh00xbxof] {
    display: inline-block;
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--cds-icon-secondary, #525252);
}

.mail-category-dot.is-gray[b-6vh00xbxof] { background: #525252; }
.mail-category-dot.is-red[b-6vh00xbxof] { background: var(--cds-support-error, #da1e28); }
.mail-category-dot.is-magenta[b-6vh00xbxof] { background: #9f1853; }
.mail-category-dot.is-purple[b-6vh00xbxof] { background: #6929c4; }
.mail-category-dot.is-blue[b-6vh00xbxof] { background: var(--cds-link-primary, #0f62fe); }
.mail-category-dot.is-cyan[b-6vh00xbxof] { background: #1192e8; }
.mail-category-dot.is-teal[b-6vh00xbxof] { background: #007d79; }
.mail-category-dot.is-green[b-6vh00xbxof] { background: var(--cds-support-success, #24a148); }

@media (max-width: 767px) {
    .mail-category-menu[b-6vh00xbxof] {
        position: fixed;
        top: auto !important;
        right: 16px;
        bottom: 16px;
        left: 16px !important;
        width: auto;
    }
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailComposer.razor.rz.scp.css */
.mail-composer[b-2fg3afrobb] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 900;
    display: flex;
    flex-direction: column;
    width: min(640px, calc(100vw - 48px));
    height: min(640px, calc(100vh - 72px));
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
    box-shadow: 0 8px 24px var(--cds-shadow, rgb(0 0 0 / 30%));
    color: var(--cds-text-primary, #161616);
}

/* 크기 모드: 팝업(기본) → 넓게(가로 960, 리더를 덮음) → 전체(화면 가득). 헤더 아이콘으로 전환한다. */
.mail-composer.is-wide[b-2fg3afrobb] {
    width: min(960px, calc(100vw - 48px));
    height: min(760px, calc(100vh - 72px));
}

.mail-composer.is-maximized[b-2fg3afrobb] {
    inset: 24px;
    width: auto;
    height: auto;
}

.mail-composer[b-2fg3afrobb],
.mail-composer *[b-2fg3afrobb] {
    box-sizing: border-box;
}

.mail-composer-header[b-2fg3afrobb],
.mail-composer-footer[b-2fg3afrobb] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 48px;
}

/* 헤더: 앱의 모달 헤더(cds-modal-header)와 같은 라이트 톤. 제목 18px 은 팝업엔 커서 14px 굵게. */
.mail-composer-header[b-2fg3afrobb] {
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-composer-heading[b-2fg3afrobb] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 12px;
    padding-inline: 16px;
}

.mail-composer-header h2[b-2fg3afrobb] {
    margin: 0;
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.mail-composer-context[b-2fg3afrobb] {
    min-width: 0;
    overflow: hidden;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-composer-window-actions[b-2fg3afrobb] {
    display: flex;
    flex: 0 0 auto;
}

.mail-composer-header .cds-btn[b-2fg3afrobb] {
    min-height: 48px;
    color: inherit;
}

/* Carbon 아이콘 전용 버튼: 정사각 48, 라벨은 aria-label·title 로만. 공용 .cds-btn 이 flex 인데 세로 정렬을 안 잡아
   아이콘이 위에 붙으므로 여기서 가운데로 맞춘다. */
.mail-composer-window-button[b-2fg3afrobb],
.mail-composer-tool[b-2fg3afrobb] {
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.mail-composer-window-button:hover[b-2fg3afrobb],
.mail-composer-tool:hover[b-2fg3afrobb] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-composer .mail-icon[b-2fg3afrobb] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.mail-composer-editor[b-2fg3afrobb] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    overflow: auto;
}

.mail-composer-fields[b-2fg3afrobb] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    grid-auto-rows: minmax(48px, auto);
    flex: 0 0 auto;
}

/* 라벨은 앱 공용 .cds-label 과 같은 12px 회색. */
.mail-composer-fields > label:not(.mail-visually-hidden)[b-2fg3afrobb] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding-inline: 16px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    color: var(--cds-gray-500, #8d8d8d);
    font-size: 12px;
}

/* 입력칸(제목·수신자·보낸 사람)은 앱 공용 carbon-textbox 와 같은 배경·밑줄 토큰을 쓴다. */
.mail-composer-fields > input[b-2fg3afrobb] {
    min-width: 0;
    min-height: 48px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-size: 14px !important;
}

/* 보낸 사람: 편집 불가 표시 줄. 어느 계정으로 나가는지 첫 줄에서 보인다. */
.mail-composer-from[b-2fg3afrobb] {
    display: flex;
    min-width: 0;
    min-height: 48px;
    align-items: center;
    gap: 8px;
    padding-inline: 16px;
    border-bottom: 1px solid var(--carbon-textbox-border-bottom-readonly, #e7e7e7);
    background: var(--cds-rw-ctrl-bg, var(--cds-field-01, #f4f4f4));
    color: var(--cds-text-secondary, #525252);
    font-size: 14px;
}

.mail-composer-from span:last-child[b-2fg3afrobb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 수신자 칩·추천 목록 스타일은 MailRecipientField.razor.css(자식 컴포넌트 격리 범위)에 있다. */
.mail-composer-field-spacer[b-2fg3afrobb] {
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}


.mail-composer-wide-input[b-2fg3afrobb] {
    grid-column: 2 / -1;
}

.mail-composer-recipient-actions[b-2fg3afrobb] {
    display: flex;
    align-items: stretch;
    min-height: 48px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-composer-recipient-actions .cds-btn[b-2fg3afrobb] {
    min-height: 48px;
    padding-inline: 12px;
}

.mail-composer-body[b-2fg3afrobb] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 160px;
    padding: 16px;
    resize: none;
    border: 0;
    background: var(--cds-background, #ffffff);
    line-height: 1.6;
}

.mail-composer-body-region[b-2fg3afrobb] {
    display: flex;
    flex: 1 1 240px;
    min-height: 160px;
}

/* 서식 편집기(RwTextBox TinyMCE)는 남은 높이를 다 채운다. 컨테이너 스타일은 RxComponents 전역 CSS(.tox-tinymce)가 맡는다. */
.mail-composer-rich-region[b-2fg3afrobb] {
    flex-direction: column;
}

/* RwTextBox 가 감싸는 래퍼(Class 로 준 mail-composer-rich-body)와 TinyMCE 컨테이너를 차례로 늘려 남은 높이를 채운다. */
.mail-composer-rich-region[b-2fg3afrobb]  .mail-composer-rich-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.mail-composer-rich-region[b-2fg3afrobb]  .tox-tinymce {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
}

.mail-composer-rich-region[b-2fg3afrobb]  .tox .tox-toolbar-overlord,
.mail-composer-rich-region[b-2fg3afrobb]  .tox .tox-toolbar__primary {
    background-color: var(--cds-layer-01, #f4f4f4);
}

/* 하단: [보내기|예약] 주 행동 하나만 채움, 나머지는 고스트 아이콘, 상태 문구는 가운데를 채운다. */
.mail-composer-footer[b-2fg3afrobb] {
    gap: 4px;
    padding-inline: 0 8px;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-composer-send-group[b-2fg3afrobb] {
    display: flex;
    flex: 0 0 auto;
    align-self: stretch;
    margin-right: 8px;
}

.mail-composer-send[b-2fg3afrobb] {
    gap: 8px;
    padding-inline: 16px;
}

.mail-composer-send-options[b-2fg3afrobb] {
    width: 40px;
    min-width: 40px;
    justify-content: center;
    padding: 0;
    border-left: 1px solid rgb(255 255 255 / 30%);
}

.mail-composer-send-options.is-active[b-2fg3afrobb] {
    background: var(--cds-button-primary-active, #002d9c);
}

.mail-composer-status[b-2fg3afrobb] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    padding-inline: 8px;
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-composer-draft-save[b-2fg3afrobb] {
    flex: 0 0 auto;
    gap: 8px;
    padding-inline: 12px;
    font-size: 13px;
}

.mail-composer-schedule[b-2fg3afrobb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 240px) auto;
    align-items: end;
    gap: 16px;
    padding: 16px;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-composer-schedule > div:first-child[b-2fg3afrobb],
.mail-composer-schedule > label[b-2fg3afrobb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mail-composer-schedule span[b-2fg3afrobb],
.mail-composer-schedule label[b-2fg3afrobb] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-composer-schedule input[b-2fg3afrobb] {
    min-height: 40px;
}

.mail-composer-schedule-actions[b-2fg3afrobb] {
    display: flex;
}

.mail-composer-schedule-actions .cds-btn[b-2fg3afrobb] {
    min-height: 40px;
    white-space: nowrap;
}

.mail-composer-footer .cds-btn[b-2fg3afrobb],
.mail-composer-attachment-picker[b-2fg3afrobb] {
    min-height: 48px;
}

.mail-composer-attachments[b-2fg3afrobb] {
    flex: 0 0 auto;
    max-height: 216px;
    overflow: auto;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-composer-attachments-heading[b-2fg3afrobb],
.mail-composer-attachments li[b-2fg3afrobb] {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-inline: 16px;
    gap: 8px;
}

.mail-composer-attachments-heading[b-2fg3afrobb] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-composer-attachments-heading > span:nth-child(2)[b-2fg3afrobb] {
    margin-left: auto;
}

.mail-composer-attachments ul[b-2fg3afrobb] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.mail-composer-attachments li[b-2fg3afrobb] {
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-composer-attachments li.mail-composer-attachment-upload[b-2fg3afrobb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 56px;
}

.mail-composer-attachment-upload.is-error[b-2fg3afrobb],
.mail-composer-attachment-upload.is-verification-required[b-2fg3afrobb] {
    box-shadow: inset 4px 0 0 var(--cds-support-error, #da1e28);
}

.mail-composer-attachment-upload.is-canceled[b-2fg3afrobb] {
    box-shadow: inset 4px 0 0 var(--cds-border-strong-01, #8d8d8d);
}

.mail-composer-attachment-upload-copy[b-2fg3afrobb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    align-items: center;
    gap: 4px 8px;
}

.mail-composer-attachment-progress[b-2fg3afrobb],
.mail-composer-attachment-state[b-2fg3afrobb] {
    grid-column: 1 / -1;
}

.mail-composer-attachment-progress[b-2fg3afrobb] {
    width: 100%;
    height: 4px;
    border: 0;
    accent-color: var(--cds-interactive, #0f62fe);
}

.mail-composer-attachment-state[b-2fg3afrobb] {
    overflow: hidden;
    color: var(--cds-text-secondary, #525252);
    font-size: 11px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-composer-attachment-upload.is-error .mail-composer-attachment-state[b-2fg3afrobb],
.mail-composer-attachment-upload.is-verification-required .mail-composer-attachment-state[b-2fg3afrobb] {
    color: var(--cds-text-error, #da1e28);
}

.mail-composer-attachment-actions[b-2fg3afrobb] {
    display: flex;
    align-self: stretch;
}

.mail-composer-attachment-name[b-2fg3afrobb] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-composer-attachment-size[b-2fg3afrobb] {
    flex: 0 0 auto;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-composer-attachments .cds-btn[b-2fg3afrobb] {
    flex: 0 0 auto;
    min-height: 40px;
    padding-inline: 12px;
}

.mail-composer-attachment-picker[b-2fg3afrobb] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.mail-composer-attachment-picker[b-2fg3afrobb]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.mail-composer-attachment-picker:focus-within[b-2fg3afrobb] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-composer-attachment-picker.is-disabled[b-2fg3afrobb] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* 인용 접기 스타일은 편집기 iframe 안에 들어가야 하므로 MailComposer.razor 의 TinyMCE content_style 에 있다. */

/* 드래그 진입: 작성창 전체에 Carbon 포커스색 점선과 안내를 덮는다. */
.mail-composer.is-dragover[b-2fg3afrobb]::after {
    position: absolute;
    z-index: 5;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--cds-focus, #0f62fe);
    background: rgb(15 98 254 / 8%);
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
    font-weight: 600;
    content: "여기에 놓으면 첨부됩니다";
    pointer-events: none;
}

.mail-visually-hidden[b-2fg3afrobb] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 767px) {
    .mail-composer[b-2fg3afrobb] {
        inset: 0;
        width: 100vw;
        height: 100vh;
    }

    .mail-composer-fields[b-2fg3afrobb] {
        grid-template-columns: 72px minmax(0, 1fr) auto;
    }

    .mail-composer-fields > label:not(.mail-visually-hidden)[b-2fg3afrobb] {
        padding-inline: 8px;
        white-space: nowrap;
    }

    .mail-composer-schedule[b-2fg3afrobb] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mail-composer-window-button[aria-label="넓게 보기"][b-2fg3afrobb],
    .mail-composer-window-button[aria-label="전체 화면"][b-2fg3afrobb],
    .mail-composer-window-button[aria-label="작게 보기"][b-2fg3afrobb] {
        display: none;
    }

    .mail-composer-footer[b-2fg3afrobb] {
        flex-wrap: wrap;
        padding-block: 4px;
    }

    .mail-composer-status[b-2fg3afrobb] {
        flex-basis: 100%;
        order: 10;
        text-align: left;
    }
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailConfirmDialog.razor.rz.scp.css */
.mail-confirm-dialog[b-u0cxzapj0m] {
    width: min(480px, calc(100% - 32px));
    max-width: 480px;
    padding: 0;
    border: 0;
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-confirm-dialog[b-u0cxzapj0m]::backdrop {
    background: var(--cds-overlay);
}

.mail-confirm-body[b-u0cxzapj0m] {
    padding: 16px 16px 32px;
}

.mail-confirm-body p[b-u0cxzapj0m] {
    margin: 8px 0 0;
    color: var(--cds-text-secondary, #525252);
    line-height: 1.5;
}

.mail-confirm-body .cds-inline-notification[b-u0cxzapj0m] {
    margin-top: 16px;
}

.mail-confirm-actions[b-u0cxzapj0m] {
    display: flex;
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailFolderEditDialog.razor.rz.scp.css */
.mail-folder-edit-dialog[b-9ft7l3evxn] {
    width: min(480px, calc(100% - 32px));
    max-width: 480px;
    padding: 0;
    border: 0;
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-folder-edit-dialog[b-9ft7l3evxn]::backdrop {
    background: var(--cds-overlay, rgb(22 22 22 / 50%));
}

.mail-folder-edit-body[b-9ft7l3evxn] {
    display: grid;
    gap: 8px;
    padding: 16px 16px 32px;
}

.mail-folder-edit-body label[b-9ft7l3evxn] {
    margin-top: 8px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    font-weight: 600;
}

.mail-folder-edit-body .carbon-textbox[b-9ft7l3evxn],
.mail-folder-edit-body .carbon-select[b-9ft7l3evxn] {
    width: 100%;
    min-height: 40px;
}

.mail-folder-edit-helper[b-9ft7l3evxn] {
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 11px;
    text-align: right;
}

.mail-folder-edit-body .cds-inline-notification[b-9ft7l3evxn] {
    margin-top: 8px;
}

.mail-folder-edit-actions[b-9ft7l3evxn] {
    display: flex;
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailFolderTree.razor.rz.scp.css */
.mail-folder-tree[b-az0ss9wr6a],
:host[b-az0ss9wr6a] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.mail-folder-tree[b-az0ss9wr6a] {
    flex-direction: column;
    padding-block: 4px 8px;
    overflow-y: auto;
}

.mail-folder-node[b-az0ss9wr6a] {
    position: relative;
    -webkit-touch-callout: none;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding-right: 12px;
    padding-left: 3px;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    user-select: none;
}

.mail-folder-node:hover[b-az0ss9wr6a] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-folder-node.can-accept-drop:hover[b-az0ss9wr6a] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    background: var(--cds-highlight, #d0e2ff);
}

.mail-folder-node:focus[b-az0ss9wr6a] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-folder-node.is-selected[b-az0ss9wr6a] {
    background: var(--cds-layer-selected-01, #e0e0e0);
}

.mail-folder-node.is-selected .mail-folder-node-label[b-az0ss9wr6a] {
    font-weight: 600;
}

.mail-folder-indent[b-az0ss9wr6a] {
    flex: 0 0 0;
}

.mail-folder-depth-1[b-az0ss9wr6a] { flex-basis: 16px; }
.mail-folder-depth-2[b-az0ss9wr6a] { flex-basis: 32px; }
.mail-folder-depth-3[b-az0ss9wr6a] { flex-basis: 48px; }
.mail-folder-depth-4[b-az0ss9wr6a] { flex-basis: 64px; }
.mail-folder-depth-5[b-az0ss9wr6a] { flex-basis: 80px; }
.mail-folder-depth-6[b-az0ss9wr6a] { flex-basis: 96px; }
.mail-folder-depth-7[b-az0ss9wr6a] { flex-basis: 112px; }
.mail-folder-depth-8[b-az0ss9wr6a] { flex-basis: 128px; }

.mail-tree-expander[b-az0ss9wr6a],
.mail-tree-expander-spacer[b-az0ss9wr6a] {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.mail-tree-expander[b-az0ss9wr6a] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.mail-tree-expander:hover[b-az0ss9wr6a] {
    background: var(--cds-background-hover, rgb(141 141 141 / 12%));
}

.mail-folder-node > .mail-icon[b-az0ss9wr6a] {
    flex: 0 0 20px;
    margin-right: 8px;
}

.mail-folder-node-label[b-az0ss9wr6a] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-folder-count[b-az0ss9wr6a] {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 8px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.mail-folder-menu-backdrop[b-az0ss9wr6a] {
    position: fixed;
    z-index: 690;
    inset: 0;
}

.mail-folder-menu[b-az0ss9wr6a] {
    position: absolute;
    z-index: 700;
    top: 30px;
    right: 8px;
    display: grid;
    width: 152px;
    padding-block: 4px;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: var(--cds-layer-02, #ffffff);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}

.mail-folder-menu button[b-az0ss9wr6a] {
    min-height: 32px;
    padding-inline: 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.mail-folder-menu button:hover[b-az0ss9wr6a] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-folder-menu button:focus-visible[b-az0ss9wr6a] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-folder-menu button.is-danger[b-az0ss9wr6a] {
    color: var(--cds-support-error, #da1e28);
}

.mail-folder-tree-empty[b-az0ss9wr6a] {
    padding: 16px;
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
}


/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailHtmlBody.razor.rz.scp.css */
/* iframe 높이는 JS 가 숨김 측정기(.mail-html-measure)로 잰 내용 높이로 세팅한다 — 측정 전 기본 480px. */
.mail-html-frame[b-ffh4i2nty5] {
    display: block;
    height: 480px;
    width: 100%;
    min-height: 0;
    flex: 0 0 auto;
    border: 0;
    background: var(--cds-background, #ffffff);
}

.mail-html-fallback-notice[b-ffh4i2nty5] {
    margin-bottom: var(--cds-spacing-05, 1rem);
}

.mail-html-fallback-text[b-ffh4i2nty5] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.mail-html-measure[b-ffh4i2nty5] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailRecipientField.razor.rz.scp.css */
/* 수신자 칩 입력. Blazor CSS 격리는 컴포넌트 단위라 칩·추천 목록 스타일은 여기(자식)에 둔다. */
.mail-recipient-input-wrap[b-gdzrlrsrpc] {
    position: relative;
    min-width: 0;
}

/* 칩과 입력칸이 한 줄에서 줄바꿈되며, 빈 곳을 클릭해도 입력칸에 포커스가 간다. */
.mail-recipient-field[b-gdzrlrsrpc] {
    display: flex;
    min-height: 48px;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    padding: 6px 8px 6px 10px;
    /* 앱 공용 carbon-textbox 와 같은 배경·밑줄 토큰. 제목 칸과 한 줄로 이어져 보인다. */
    border-bottom: 1px solid var(--carbon-textbox-border-bottom, #8d8d8d);
    background: var(--cds-rw-ctrl-bg, var(--cds-field-01, #f4f4f4));
    cursor: text;
}

.mail-recipient-field:focus-within[b-gdzrlrsrpc] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-recipient-field.is-disabled[b-gdzrlrsrpc] {
    background: var(--cds-layer-disabled, #f4f4f4);
    color: var(--cds-text-disabled, #8d8d8d);
    cursor: not-allowed;
}

.mail-recipient-input[b-gdzrlrsrpc] {
    flex: 1 1 120px;
    min-width: 120px;
    min-height: 32px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    outline: none;
}

.mail-recipient-input[b-gdzrlrsrpc]::placeholder {
    color: var(--cds-text-placeholder, #a8a8a8);
}

/* Carbon Tag(gray) 모양. 잘못된 주소는 red 태그로 바로 드러낸다. */
.mail-recipient-chip[b-gdzrlrsrpc] {
    display: inline-flex;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
    gap: 2px;
    padding-inline: 8px 2px;
    border-radius: 12px;
    /* 테마를 따르는 회색 태그: 라이트 #e0e0e0/#161616, 다크는 layer-accent 위에 text-primary. */
    background: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
    line-height: 16px;
}

.mail-recipient-chip.is-invalid[b-gdzrlrsrpc] {
    background: var(--cds-tag-background-red, #ffd7d9);
    color: var(--cds-tag-color-red, #a2191f);
}

.mail-recipient-chip-text[b-gdzrlrsrpc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-recipient-chip-remove[b-gdzrlrsrpc] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.mail-recipient-chip-remove:hover:not(:disabled)[b-gdzrlrsrpc] {
    background: var(--cds-tag-hover-gray, rgb(0 0 0 / 15%));
}

.mail-recipient-chip-remove:focus-visible[b-gdzrlrsrpc] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -1px;
}

.mail-recipient-chip-remove .mail-icon[b-gdzrlrsrpc] {
    width: 12px;
    height: 12px;
}

.mail-recipient-suggestions[b-gdzrlrsrpc] {
    position: absolute;
    z-index: 4;
    top: 100%;
    right: 0;
    left: 0;
    max-height: 248px;
    overflow-y: auto;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-02, #ffffff);
    box-shadow: 0 4px 12px var(--cds-shadow, rgb(0 0 0 / 20%));
}

.mail-recipient-suggestions button[b-gdzrlrsrpc] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    width: 100%;
    min-height: 56px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-02, #ffffff);
    color: var(--cds-text-primary, #161616);
    text-align: left;
    cursor: pointer;
}

.mail-recipient-suggestions button:hover[b-gdzrlrsrpc],
.mail-recipient-suggestions button.is-active[b-gdzrlrsrpc] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-recipient-suggestions button:focus-visible[b-gdzrlrsrpc] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-recipient-avatar[b-gdzrlrsrpc] {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background: var(--cds-layer-accent-01, #e0e0e0);
    font-size: 12px;
    font-weight: 600;
}

.mail-recipient-suggestion-copy[b-gdzrlrsrpc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.mail-recipient-suggestion-copy strong[b-gdzrlrsrpc],
.mail-recipient-suggestion-copy span[b-gdzrlrsrpc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-recipient-suggestion-copy strong[b-gdzrlrsrpc] {
    font-size: 13px;
}

.mail-recipient-suggestion-copy span[b-gdzrlrsrpc],
.mail-recipient-suggestions small[b-gdzrlrsrpc] {
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 11px;
}

.mail-recipient-suggestions small[b-gdzrlrsrpc] {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .mail-recipient-suggestions[b-gdzrlrsrpc] {
        right: auto;
        left: -72px;
        width: calc(100vw - 16px);
    }
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailShell.razor.rz.scp.css */
:host[b-8jr9w12i72] {
    display: block;
    height: 100%;
    min-height: 0;
}

.mail-shell[b-8jr9w12i72] {
    position: relative;
    height: 100dvh;
    min-height: 640px;
    overflow: hidden;
    container-name: mail-shell;
    container-type: inline-size;
    background: var(--cds-background, #ffffff);
    color: var(--cds-text-primary, #161616);
    font-family: var(--ww-font-base, "IBM Plex Sans KR", "IBM Plex Sans", sans-serif);
    font-size: 14px;
}

.mail-shell.is-embedded[b-8jr9w12i72] {
    height: 100%;
    min-height: 0;
}

.mail-shell[b-8jr9w12i72],
.mail-shell *[b-8jr9w12i72] {
    box-sizing: border-box;
}

.mail-pane-heading[b-8jr9w12i72],
.mail-list-summary[b-8jr9w12i72],
.mail-sender-row[b-8jr9w12i72],
.mail-preview-row[b-8jr9w12i72] {
    display: flex;
    align-items: center;
}

.mail-search[b-8jr9w12i72] {
    /* 검색줄 : 목록 헤더 바로 아래 48px. 평소엔 닫혀 있고 헤더의 돋보기로 연다. */
    flex: 0 0 48px;
    height: 48px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-search .cds-search-input-wrap[b-8jr9w12i72] {
    display: flex;
    height: 48px;
    align-items: stretch;
    background: var(--cds-field-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-search .cds-search-input-wrap:focus-within[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-search-leading[b-8jr9w12i72] {
    flex: 0 0 20px;
    align-self: center;
    margin-left: 16px;
    color: var(--cds-icon-primary, #161616);
}

.mail-search input[b-8jr9w12i72] {
    min-width: 0;
    width: 100%;
    height: 48px;
    padding-inline: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--cds-text-primary, #161616) !important;
    caret-color: var(--cds-text-primary, #161616);
    font-size: 14px;
}

.mail-search input[b-8jr9w12i72]::placeholder {
    color: var(--cds-text-placeholder, #a8a8a8);
}

.mail-shell-icon-button[b-8jr9w12i72] {
    /* 상단바가 사라졌으므로 아이콘 버튼은 밝은 배경 기준이다. */
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cds-icon-primary, #161616);
    cursor: pointer;
}

.mail-shell-icon-button:hover[b-8jr9w12i72],
.mail-shell-icon-button.is-active[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-shell-icon-button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-shell-icon-button:disabled[b-8jr9w12i72] {
    color: var(--cds-text-disabled, #c6c6c6);
    cursor: not-allowed;
}

.mail-search-submit[b-8jr9w12i72],
.mail-search-clear[b-8jr9w12i72],
.mail-search-filter[b-8jr9w12i72] {
    /* 1px 세로선은 성격이 다른 묶음의 경계에만 쓴다 (입력 | 명령). */
    border-left: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-search-filter[b-8jr9w12i72] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    width: auto;
    height: 48px;
    gap: 8px;
    padding-inline: 16px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-search-filter-count[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding-inline: 4px;
    background: var(--cds-button-primary, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
    font-size: 12px;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
}

.mail-echo-launch.is-active[b-8jr9w12i72] {
    /* Echo 진입점은 목록 헤더의 아이콘 버튼 하나. 선택한 메일이 없어도 눌러 상태를 볼 수 있다. */
    background: var(--cds-layer-selected-01, #e0e0e0);
}

.mail-folder-toggle[b-8jr9w12i72] {
    display: none;
}

.mail-icon.is-spinning[b-8jr9w12i72] {
    animation: mail-spin-b-8jr9w12i72 900ms linear infinite;
}

@keyframes mail-spin-b-8jr9w12i72 {
    to { transform: rotate(360deg); }
}

.mail-notification-region[b-8jr9w12i72] {
    position: absolute;
    z-index: 440;
    /* 패널 첫 줄(48px) 아래에 뜬다. 위로 올리면 읽기 툴바/제목과 겹친다. */
    top: 56px;
    right: 8px;
    width: min(640px, calc(100% - 16px));
    max-height: calc(100% - 64px);
    overflow-y: auto;
    pointer-events: none;
}

/* 어시스턴트가 열려 있으면 알림은 그 옆(읽기 패널 위)으로 비켜난다. */
.mail-shell.assistant-open .mail-notification-region[b-8jr9w12i72] {
    right: 408px;
}

.mail-notification[b-8jr9w12i72] {
    width: 100%;
    pointer-events: auto;
}

.mail-search-options[b-8jr9w12i72] {
    position: absolute;
    z-index: 450;
    top: 96px;
    right: 0;
    left: 0;
    max-height: calc(100dvh - 96px);
    overflow-y: auto;
    padding: 16px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: var(--cds-layer-01, #f4f4f4);
    box-shadow: 0 8px 16px var(--cds-shadow, rgb(0 0 0 / 25%));
}

.mail-shell.is-embedded .mail-search-options[b-8jr9w12i72] {
    max-height: calc(100% - 96px);
}

.mail-search-options-heading[b-8jr9w12i72],
.mail-search-options-actions[b-8jr9w12i72],
.mail-search-checkbox[b-8jr9w12i72] {
    display: flex;
    align-items: center;
}

.mail-search-options-heading[b-8jr9w12i72] {
    justify-content: space-between;
    min-height: 32px;
    margin-bottom: 12px;
}

.mail-search-options-heading > span[b-8jr9w12i72] {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.mail-search-options-heading strong[b-8jr9w12i72] {
    font-size: 16px;
    font-weight: 600;
}

.mail-search-options-heading small[b-8jr9w12i72],
.mail-search-options-actions > span[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-search-options-heading .mail-shell-icon-button[b-8jr9w12i72] {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-left: 0;
    color: var(--cds-icon-primary, #161616);
}

.mail-search-options-heading .mail-shell-icon-button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-search-options-grid[b-8jr9w12i72] {
    display: grid;
    grid-template-columns: repeat(6, minmax(128px, 1fr));
    gap: 12px;
}

.mail-search-options-grid .cds-field[b-8jr9w12i72] {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-search-options-grid input[b-8jr9w12i72],
.mail-search-options-grid select[b-8jr9w12i72] {
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0;
    background: var(--cds-field-01, #ffffff);
    color: var(--cds-text-primary, #161616);
}

.mail-search-options-grid input:focus-visible[b-8jr9w12i72],
.mail-search-options-grid select:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-search-checkbox[b-8jr9w12i72] {
    align-self: end;
    min-height: 40px;
    gap: 8px;
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
}

.mail-search-checkbox input[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-search-options-actions[b-8jr9w12i72] {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.mail-search-options-actions > span[b-8jr9w12i72] {
    margin-right: auto;
}

.mail-notification-success[b-8jr9w12i72] {
    border-left: 3px solid var(--cds-support-success, #198038);
}

.mail-workspace[b-8jr9w12i72] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.mail-folder-pane[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 var(--mail-folder-width, 200px);
    width: var(--mail-folder-width, 200px);
    max-width: var(--mail-folder-width, 200px);
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-folder-tree-scroll[b-8jr9w12i72] {
    /* 남는 세로 공간은 트리가 가져간다. 사서함 요약은 바닥에 고정된다. */
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.mail-folder-titlebar[b-8jr9w12i72] {
    /* 편지함 타이틀바 : 목록/읽기 첫 줄과 같은 48px. 세 패널의 아래 보더가 한 줄로 이어진다. */
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    align-items: stretch;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-folder-title[b-8jr9w12i72] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    padding-inline: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .16px;
}

.mail-folder-titlebar-divider[b-8jr9w12i72] {
    /* 1px 세로선은 성격이 다른 묶음의 경계에만 쓴다 (라벨 | 명령). */
    flex: 0 0 1px;
    width: 1px;
    background: var(--cds-border-subtle-01, #e0e0e0);
}

.mail-folder-menu[b-8jr9w12i72] {
    position: relative;
    flex: 0 0 48px;
    display: flex;
}

.mail-folder-menu-button[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    width: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cds-icon-primary, #161616);
    cursor: pointer;
}

.mail-folder-menu-button .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-folder-menu-button:hover[b-8jr9w12i72],
.mail-folder-menu-button.is-active[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-folder-menu-button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-folder-menu-list[b-8jr9w12i72] {
    position: absolute;
    z-index: 600;
    top: 48px;
    right: 0;
    display: flex;
    min-width: 192px;
    flex-direction: column;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-02, #ffffff);
    box-shadow: 0 2px 6px var(--cds-shadow, rgb(0 0 0 / 30%));
}

.mail-folder-menu-list > button[b-8jr9w12i72] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    text-align: left;
}

.mail-folder-menu-list > button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-folder-menu-list > button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-folder-menu-list > button:disabled[b-8jr9w12i72] {
    cursor: not-allowed;
    color: var(--cds-text-disabled, #c6c6c6);
}

.mail-folder-menu-count[b-8jr9w12i72] {
    min-width: 24px;
    padding: 0 8px;
    background: var(--cds-background-brand, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.mail-tree-action[b-8jr9w12i72] {
    /* 새 메일 : 트리 노드와 같은 32px 플랫 항목. 아이콘 칸(24px)이 펼침 화살표 자리를 대신해
    라벨이 '받은 편지함'과 같은 x 에서 시작한다. */
    display: flex;
    flex: 0 0 32px;
    min-height: 32px;
    align-items: center;
    padding: 0 12px 0 16px;
    margin-top: 8px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    text-align: left;
}

.mail-tree-action-icon[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
}

.mail-tree-action .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-tree-action:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-tree-action:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-tree-action:disabled[b-8jr9w12i72] {
    cursor: not-allowed;
    color: var(--cds-text-disabled, #c6c6c6);
}

.mail-avatar[b-8jr9w12i72] {
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    background: var(--cds-background-inverse, #393939);
    color: var(--cds-text-inverse, #ffffff);
    font-size: 14px;
    font-weight: 600;
}

.mail-connection-badge[b-8jr9w12i72] {
    flex: 0 0 auto;
    padding: 0 8px;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    color: var(--cds-text-secondary, #525252) !important;
    font-size: 12px !important;
    line-height: 16px;
}

.mail-connection-badge.is-live[b-8jr9w12i72] {
    border-color: var(--cds-support-success, #24a148);
}

.mail-connection-badge.is-demo[b-8jr9w12i72] {
    border-color: var(--cds-support-warning, #f1c21b);
}

.mail-folder-heading[b-8jr9w12i72] {
    justify-content: space-between;
    flex: 0 0 40px;
    padding-inline: 16px 12px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
}

.mail-favorite-row[b-8jr9w12i72] {
    display: flex;
    min-height: 32px;
    border-left: 3px solid transparent;
}

.mail-favorite-row:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-favorite-row.is-selected[b-8jr9w12i72] {
    border-left-color: var(--cds-border-interactive, #0f62fe);
    background: var(--cds-layer-selected-01, #e0e0e0);
}

.mail-favorite-target[b-8jr9w12i72],
.mail-favorite-remove[b-8jr9w12i72] {
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
}

.mail-favorite-target[b-8jr9w12i72] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 8px;
    padding: 0 4px 0 13px;
    font-size: 14px;
    text-align: left;
}

.mail-favorite-target > .mail-icon[b-8jr9w12i72] {
    flex: 0 0 20px;
}

.mail-favorite-target > span:nth-child(2)[b-8jr9w12i72] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-favorite-row.is-selected .mail-favorite-target > span:nth-child(2)[b-8jr9w12i72] {
    font-weight: 600;
}

.mail-favorite-count[b-8jr9w12i72] {
    flex: 0 0 auto !important;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.mail-favorite-remove[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    padding: 0;
    color: var(--cds-icon-secondary, #525252);
    opacity: 0;
}

.mail-favorite-remove .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-favorite-row:hover .mail-favorite-remove[b-8jr9w12i72],
.mail-favorite-row:focus-within .mail-favorite-remove[b-8jr9w12i72] {
    opacity: 1;
}

.mail-favorite-target:focus-visible[b-8jr9w12i72],
.mail-favorite-remove:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-favorite-target:disabled[b-8jr9w12i72],
.mail-favorite-remove:disabled[b-8jr9w12i72] {
    cursor: not-allowed;
}

.mail-favorite-empty[b-8jr9w12i72],
.mail-folder-preference-error[b-8jr9w12i72] {
    margin: 0;
    padding: 6px 16px 10px;
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
    line-height: 16px;
}

.mail-folder-preference-error[b-8jr9w12i72] {
    flex: 0 0 auto;
    padding-block: 8px;
    background: var(--cds-notification-background-error, #fff1f1);
    color: var(--cds-support-error, #da1e28);
}

[b-8jr9w12i72] .mail-folder-tree {
    flex: 1 1 auto;
    min-height: 0;
}

.mail-mailbox-summary[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-mailbox-quota[b-8jr9w12i72] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mail-mailbox-quota-gauge[b-8jr9w12i72] {
    height: 4px;
    background: var(--cds-layer-selected-01, #e0e0e0);
}

.mail-mailbox-quota-gauge > span[b-8jr9w12i72] {
    display: block;
    height: 4px;
    background: var(--cds-background-brand, #0f62fe);
}

.mail-mailbox-metrics[b-8jr9w12i72] {
    display: flex;
    margin: 0;
    flex-direction: column;
}

.mail-mailbox-metric[b-8jr9w12i72] {
    display: flex;
    min-height: 20px;
    align-items: baseline;
    gap: 8px;
}

.mail-mailbox-metric-label[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-mailbox-metric-value[b-8jr9w12i72] {
    margin: 0 0 0 auto;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    font-variant-numeric: tabular-nums;
}

.mail-mailbox-metric.is-unread .mail-mailbox-metric-value[b-8jr9w12i72] {
    color: var(--cds-link-primary, #0f62fe);
}

.mail-sync-status[b-8jr9w12i72] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-sync-copy[b-8jr9w12i72] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-sync-dot[b-8jr9w12i72] {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--cds-support-success, #198038);
}

.mail-sync-dot.is-offline[b-8jr9w12i72] {
    background: var(--cds-support-warning, #f1c21b);
}

.mail-sync-dot.is-syncing[b-8jr9w12i72] {
    background: var(--cds-support-info, #0043ce);
    animation: mail-pulse-b-8jr9w12i72 900ms ease-in-out infinite alternate;
}

@keyframes mail-pulse-b-8jr9w12i72 {
    to { opacity: .35; }
}

.mail-folder-backdrop[b-8jr9w12i72] {
    display: none;
}

.mail-list-pane[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 var(--mail-list-width, 320px);
    width: var(--mail-list-width, 320px);
    min-width: 0;
    flex-direction: column;
    border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-pane-heading[b-8jr9w12i72] {
    flex: 0 0 48px;
    min-width: 0;
    height: 48px;
    gap: 8px;
    padding: 0 8px 0 16px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
}

.mail-list-title[b-8jr9w12i72] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .16px;
}

.mail-list-unread[b-8jr9w12i72] {
    /* 안 읽음만 파랑으로 두어 시선이 먼저 간다. */
    flex: 0 0 auto;
    color: var(--cds-link-primary, #0f62fe);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-pane-heading .mail-shell-icon-button[b-8jr9w12i72] {
    /* 헤더 안의 아이콘 버튼은 32px. 헤더에 들어앉는 고스트 아이콘이라 구분선을 두지 않는다. */
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
}

.mail-pane-heading .mail-shell-icon-button .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-list-search-toggle[b-8jr9w12i72] {
    margin-left: auto;
}

.mail-count[b-8jr9w12i72] {
    flex: 0 0 auto;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    font-variant-numeric: tabular-nums;
}

.mail-inbox-tabs[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 40px;
    min-height: 40px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
}

.mail-inbox-tabs button[b-8jr9w12i72] {
    position: relative;
    flex: 1 1 50%;
    min-width: 0;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

.mail-inbox-tabs button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
    color: var(--cds-text-primary, #161616);
}

.mail-inbox-tabs button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-inbox-tabs button.is-active[b-8jr9w12i72] {
    border-bottom-color: var(--cds-border-interactive, #0f62fe);
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.mail-inbox-tabs button:disabled[b-8jr9w12i72] {
    color: var(--cds-text-disabled, #a8a8a8);
    cursor: not-allowed;
}

.mail-list-summary[b-8jr9w12i72] {
    justify-content: space-between;
    flex: 0 0 40px;
    gap: 8px;
    padding-inline: 8px 12px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
}

.mail-select-control[b-8jr9w12i72] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    cursor: pointer;
}

.mail-select-control .carbon-checkbox[b-8jr9w12i72] {
    margin: 0;
}

.mail-select-control:has(.carbon-checkbox:focus-visible)[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-bulk-toolbar[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 40px;
    min-width: 0;
    overflow: hidden;
    align-items: stretch;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-selected-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
}

.mail-select-all[b-8jr9w12i72] {
    gap: 8px;
    justify-content: flex-start;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    padding-inline: 16px 8px;
}

.mail-select-all strong[b-8jr9w12i72] {
    font-variant-numeric: tabular-nums;
}

.mail-bulk-actions[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
    margin-left: auto;
}

.mail-bulk-actions .mail-toolbar-icon[b-8jr9w12i72],
.mail-bulk-move .mail-toolbar-icon[b-8jr9w12i72] {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
}

.mail-bulk-actions .mail-icon[b-8jr9w12i72],
.mail-bulk-move .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-bulk-move[b-8jr9w12i72] {
    position: relative;
    display: flex;
}

.mail-bulk-actions > button[b-8jr9w12i72],
.mail-bulk-move > button[b-8jr9w12i72] {
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    padding-inline: 0;
    border: 0;
    border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font: inherit;
}

.mail-bulk-actions > button:hover[b-8jr9w12i72],
.mail-bulk-move > button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-selected-hover-01, #cacaca);
}

.mail-bulk-actions > button:focus-visible[b-8jr9w12i72],
.mail-bulk-move > button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-bulk-actions > button.is-danger[b-8jr9w12i72] {
    color: var(--cds-text-error, #da1e28);
}

.mail-bulk-actions > button:disabled[b-8jr9w12i72],
.mail-bulk-move > button:disabled[b-8jr9w12i72] {
    color: var(--cds-text-disabled, #a8a8a8);
    cursor: not-allowed;
}

.mail-bulk-move-menu[b-8jr9w12i72] {
    position: absolute;
    z-index: 40;
    top: 40px;
    right: 0;
    width: 224px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: var(--cds-layer-02, #ffffff);
}

.mail-bulk-move-menu button[b-8jr9w12i72] {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 0;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: transparent;
    color: var(--cds-text-primary, #161616);
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font: inherit;
}

.mail-bulk-move-menu button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-bulk-move-menu button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-list-filters[b-8jr9w12i72] {
    display: flex;
    align-self: stretch;
    align-items: stretch;
}

.mail-list-filters button[b-8jr9w12i72] {
    position: relative;
    padding-inline: 8px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    font: inherit;
}

.mail-list-filters button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
    color: var(--cds-text-primary, #161616);
}

.mail-list-filters button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-list-filters button.is-active[b-8jr9w12i72] {
    border-bottom-color: var(--cds-border-interactive, #0f62fe);
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.mail-list-date-group[b-8jr9w12i72] {
    display: flex;
    height: 32px;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-field-01, #f4f4f4);
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-list-scroll[b-8jr9w12i72] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.mail-list-row[b-8jr9w12i72] {
    position: relative;
    display: flex;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
}

.mail-list-row:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-list-row.is-bulk-selected[b-8jr9w12i72] {
    background: var(--cds-layer-selected-01, #e0e0e0);
}

.mail-row-select[b-8jr9w12i72] {
    align-items: flex-start;
    width: 32px;
    min-width: 32px;
    padding-top: 12px;
}

.mail-list-row .cds-mail-list[b-8jr9w12i72] {
    flex: 1 1 auto;
    min-width: 0;
    border-bottom: 0 !important;
    background: transparent;
}

.mail-list-row .cds-mail-list:hover[b-8jr9w12i72] {
    background: transparent;
}

.cds-mail-list[b-8jr9w12i72] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
    background: var(--cds-background, #ffffff);
    color: var(--cds-text-primary, #161616);
    text-align: left;
    cursor: pointer;
}

.cds-mail-list:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.cds-mail-list:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe) !important;
    outline-offset: -2px !important;
}

.cds-mail-list.active[b-8jr9w12i72] {
    /* 선택은 layer-selected 배경으로만. 파란 3px 규칙선은 내비게이션의 현재 위치 몫이다. */
    background: var(--cds-layer-selected-01, #e0e0e0) !important;
}

.mail-unread-indicator[b-8jr9w12i72] {
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    margin: 18px 0 0 8px;
    border-radius: 50%;
    background: transparent;
}

.cds-mail-list.mail-unread .mail-unread-indicator[b-8jr9w12i72] {
    background: var(--cds-link-primary, #0f62fe);
}

.mail-list-avatar[b-8jr9w12i72] {
    /* 목록 행 아바타 : 32px 원형. 보낸사람을 글자보다 먼저 알아보게 한다. */
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin: 12px 0 0 8px;
    border-radius: 50%;
    background: #6f6f6f;
    color: var(--cds-text-on-color, #ffffff);
    font-size: 12px;
    line-height: 16px;
}

/* 메일 주소 기반 아바타 색. 메신저 .wwm-avatar--tone-* 과 같은 카본 8색이라
   같은 사람이 메신저와 메일에서 같은 색을 갖는다. */
.mail-avatar--tone-0[b-8jr9w12i72] { background: #0043ce !important; }
.mail-avatar--tone-1[b-8jr9w12i72] { background: #6929c4 !important; }
.mail-avatar--tone-2[b-8jr9w12i72] { background: #00539a !important; }
.mail-avatar--tone-3[b-8jr9w12i72] { background: #0e6027 !important; }
.mail-avatar--tone-4[b-8jr9w12i72] { background: #9f1853 !important; }
.mail-avatar--tone-5[b-8jr9w12i72] { background: #005d5d !important; }
.mail-avatar--tone-6[b-8jr9w12i72] { background: #8a3800 !important; }
.mail-avatar--tone-7[b-8jr9w12i72] { background: #a2191f !important; }
.mail-avatar--tone-none[b-8jr9w12i72] { background: #6f6f6f !important; }

.cds-mail-list-item[b-8jr9w12i72] {
    display: grid;
    min-width: 0;
    width: 100%;
    gap: 4px;
    padding: 12px 16px 12px 12px;
    color: inherit;
    font-size: 12px;
    line-height: 16px;
}

.cds-mail-from-wrap[b-8jr9w12i72],
.cds-mail-title-wrap[b-8jr9w12i72] {
    /* 공용이 display:flex 와 justify-content 를 준다. 정렬과 간격만 얹는다. */
    min-width: 0;
    align-items: center;
    gap: 8px;
}



.cds-mail-from[b-8jr9w12i72] {
    /* 공용에는 margin-bottom 만 있어 말줄임을 여기서 준다. 활자는 body-compact-01. */
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    font-weight: 400;
    color: var(--cds-text-secondary, #525252);
}

.cds-mail-title[b-8jr9w12i72] {
    /* 말줄임은 공용 것을 그대로 쓴다. 공용의 width:400px(WorkFlow/Contact 기준)과
    font-weight:600 만 320px 목록에 맞게 되돌린다. 굵기는 안 읽음에서만 올린다. */
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    font-weight: 400;
}

.cds-mail-list.mail-unread .cds-mail-from[b-8jr9w12i72],
.cds-mail-list.mail-unread .cds-mail-title[b-8jr9w12i72] {
    /* 안 읽음은 굵기와 글자색으로 읽힌다. 읽은 메일의 보낸사람은 한 단계 물러난다. */
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.cds-mail-time[b-8jr9w12i72] {
    /* 공용이 font-size:12px 를 준다. 카본 label-01 의 나머지 값만 맞춘다. */
    flex: 0 0 auto;
    color: var(--cds-text-secondary, #525252);
    line-height: 16px;
    letter-spacing: .32px;
    font-variant-numeric: tabular-nums;
}

.mail-preview-row[b-8jr9w12i72] {
    min-width: 0;
    justify-content: space-between;
    gap: 8px;
}

.cds-mail-content[b-8jr9w12i72] {
    /* 말줄임과 글자색은 공용 것을 쓴다. width:400px 고정만 되돌린다. */
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    line-height: 18px;
}

.mail-list-state-icon[b-8jr9w12i72] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: var(--cds-icon-secondary, #525252);
}

.mail-conversation-indicator[b-8jr9w12i72] {
    flex: 0 0 auto;
    padding: 1px 6px;
    background: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.mail-load-more[b-8jr9w12i72] {
    display: flex;
    justify-content: center;
    padding: 16px;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-reader-pane[b-8jr9w12i72] {
    position: relative;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    background: var(--cds-background, #ffffff);
}

.mail-reader-loading[b-8jr9w12i72] {
    position: absolute;
    z-index: 5;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-reader-loading.is-initial[b-8jr9w12i72] {
    inset: 0;
}

.mail-reader-loading-indicator[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: var(--cds-layer-02, #ffffff);
    color: var(--cds-icon-primary, #161616);
}

.mail-reader-loading-indicator .mail-icon[b-8jr9w12i72] {
    width: 20px;
    height: 20px;
}

.mail-reader-loading-copy[b-8jr9w12i72] {
    display: grid;
    max-width: 320px;
    gap: 4px;
}

.mail-reader-loading-copy strong[b-8jr9w12i72] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.mail-reader-loading-copy span[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
}

.mail-message[b-8jr9w12i72] {
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

.mail-reader-toolbar[b-8jr9w12i72] {
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 48px;
    min-height: 48px;
    animation: none !important;
    overflow-x: auto;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
    scrollbar-width: none;
}

.mail-reader-toolbar[b-8jr9w12i72]::-webkit-scrollbar {
    display: none;
}

.mail-reader-toolbar .cds-btn[b-8jr9w12i72] {
    flex: 0 0 auto;
    min-height: 48px;
    height: 48px;
    padding: 0 16px;
    color: var(--cds-text-primary, #161616) !important;
}

.mail-reader-toolbar[b-8jr9w12i72]  .mail-category-trigger {
    min-height: 48px;
    height: 48px;
    padding: 0 16px;
}

.mail-reader-toolbar .mail-icon[b-8jr9w12i72] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.mail-toolbar-icon[b-8jr9w12i72] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    padding: 0 !important;
}

.mail-toolbar-icon .mail-icon[b-8jr9w12i72] {
    /* 공용 버튼 스타일과 무관하게 확정 중앙: auto 마진은 flex/grid 어디서든 중앙이다. */
    margin: auto !important;
}

/* 마우스 클릭 포커스는 흔적을 남기지 않는다. 키보드(:focus-visible)만 아웃라인. */
.mail-reader-toolbar .cds-btn:focus:not(:focus-visible)[b-8jr9w12i72] {
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mail-reader-pane:focus[b-8jr9w12i72],
.mail-reader-pane:focus-visible[b-8jr9w12i72],
.cds-mail-view-body:focus:not(:focus-visible)[b-8jr9w12i72],
.mail-list-scroll:focus:not(:focus-visible)[b-8jr9w12i72],
.mail-reader-detail:focus:not(:focus-visible)[b-8jr9w12i72] {
    outline: none !important;
    box-shadow: none !important;
}

.cds-mail-list:focus:not(:focus-visible)[b-8jr9w12i72] {
    outline: none !important;
}

/* 읽기 툴바는 비활성/처리 중에도 회색 음영을 만들지 않는다.
   클릭이 안 먹는 것으로 충분하고, 로딩 때마다 번쩍이는 게 더 해롭다. */
.mail-reader-toolbar .cds-btn:disabled[b-8jr9w12i72],
.mail-reader-toolbar .cds-btn[aria-busy="true"][b-8jr9w12i72] {
    background: transparent !important;
    color: var(--cds-text-primary, #161616) !important;
    opacity: 1 !important;
    cursor: default;
}

.mail-toolbar-divider[b-8jr9w12i72] {
    flex: 0 0 1px;
    width: 1px;
    align-self: stretch;
    background: var(--cds-border-subtle-01, #e0e0e0);
}

.mail-toolbar-spacer[b-8jr9w12i72] {
    flex: 1 1 auto;
    min-width: 0;
}

/* 시안의 AI 스트립. 본문 최대 폭 안에서 좌측 파란 규칙선을 갖는 인라인 알림 형태. */
.mail-assist-strip[b-8jr9w12i72] {
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    align-items: center;
    gap: 16px;
    max-width: 960px;
    margin-top: 16px;
    padding: 0 16px;
    border-left: 3px solid var(--cds-border-interactive, #0f62fe);
    background: var(--cds-field-01, #f4f4f4);
    box-sizing: border-box;
}

.mail-assist-mark[b-8jr9w12i72] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: var(--cds-link-primary, #0f62fe);
}

.mail-assist-action[b-8jr9w12i72] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cds-link-primary, #0f62fe);
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
}

.mail-assist-action:hover[b-8jr9w12i72] {
    text-decoration: underline;
}

.mail-assist-action:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
}

.mail-assist-note[b-8jr9w12i72] {
    margin-left: auto;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    white-space: nowrap;
}

/* 목록에서의 위치 (1 / 12). 시안은 툴바 오른쪽 끝에 둔다. */
.mail-reader-position[b-8jr9w12i72] {
    flex: 0 0 auto;
    padding-inline: 16px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    font-variant-numeric: tabular-nums;
}

.mail-reader-menu[b-8jr9w12i72] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
}

.mail-reader-menu-list[b-8jr9w12i72] {
    position: absolute;
    z-index: 600;
    top: 48px;
    right: 0;
    display: flex;
    min-width: 192px;
    flex-direction: column;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-02, #ffffff);
    box-shadow: 0 2px 6px var(--cds-shadow, rgb(0 0 0 / 30%));
}

.mail-reader-menu-list > button[b-8jr9w12i72] {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding-inline: 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    text-align: left;
    white-space: nowrap;
}

.mail-reader-menu-list > button:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-reader-menu-list > button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-reader-menu-list > button:disabled[b-8jr9w12i72] {
    cursor: not-allowed;
    color: var(--cds-text-disabled, #c6c6c6);
}

.mail-attachment-count[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-conversation-heading:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-conversation-heading:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-conversation-heading .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-conversation[b-8jr9w12i72] {
    flex: 0 0 auto;
    max-height: 224px;
    overflow-y: auto;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-01, #f4f4f4);
}

.mail-conversation-heading[b-8jr9w12i72] {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.mail-conversation-heading span[b-8jr9w12i72] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.mail-conversation-heading strong[b-8jr9w12i72] {
    font-size: 14px;
}

.mail-conversation-heading small[b-8jr9w12i72] {
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
}

.mail-conversation-timeline[b-8jr9w12i72] {
    display: grid;
}

.mail-conversation-item[b-8jr9w12i72] {
    display: grid;
    width: 100%;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    min-height: 56px;
    padding: 8px 16px;
    border: 0;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-layer-02, #ffffff);
    color: var(--cds-text-primary, #161616);
    text-align: left;
    cursor: pointer;
}

.mail-conversation-item:hover:not(:disabled)[b-8jr9w12i72] {
    background: var(--cds-layer-hover-02, #e8e8e8);
}

.mail-conversation-item:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-conversation-item.is-current[b-8jr9w12i72] {
    border-left-color: var(--cds-border-interactive, #0f62fe);
    background: var(--cds-layer-selected-01, #e0e0e0);
    cursor: default;
}

.mail-conversation-item.is-unread .mail-conversation-meta strong[b-8jr9w12i72] {
    font-weight: 600;
}

.mail-conversation-avatar[b-8jr9w12i72] {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    color: var(--cds-text-on-color, #ffffff);
}

.mail-conversation-copy[b-8jr9w12i72],
.mail-conversation-meta[b-8jr9w12i72] {
    display: flex;
    min-width: 0;
}

.mail-conversation-copy[b-8jr9w12i72] {
    flex-direction: column;
    gap: 3px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

.mail-conversation-copy > span:last-child[b-8jr9w12i72] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-conversation-meta[b-8jr9w12i72] {
    justify-content: space-between;
    gap: 12px;
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
}

.mail-conversation-meta strong[b-8jr9w12i72] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-conversation-meta time[b-8jr9w12i72] {
    flex: 0 0 auto;
    color: var(--cds-text-helper, #6f6f6f);
    font-variant-numeric: tabular-nums;
}

.mail-mobile-back[b-8jr9w12i72] {
    display: none !important;
}

.cds-mail-view-header[b-8jr9w12i72] {
    flex: 0 0 auto;
    padding: 24px 32px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.cds-mail-view-title[b-8jr9w12i72] {
    /* 공용은 height:40px 고정이라 두 줄 제목이 잘린다. heading-03(28px) 기준으로 푼다. */
    min-width: 0;
    height: auto;
    min-height: 28px;
    margin-bottom: 16px;
}

.cds-mail-view-title span[b-8jr9w12i72] {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.mail-sender-row[b-8jr9w12i72] {
    position: relative;
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
}

.cds-mail-option-wrap[b-8jr9w12i72] {
    /* 공용 flex:1 을 그대로 쓰고 축소만 허용한다. */
    min-width: 0;
}

.cds-mail-option-item.sender[b-8jr9w12i72] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
}

.cds-mail-sender-name[b-8jr9w12i72] {
    /* 크기는 공용 값을 쓰고 굵기만 올린다. */
    font-weight: 600;
}

.mail-recipient-line[b-8jr9w12i72],
.text-muted[b-8jr9w12i72],
.mail-reader-time[b-8jr9w12i72] {
    color: var(--cds-text-helper, #6f6f6f) !important;
    font-size: 12px;
}

.mail-recipient-line[b-8jr9w12i72] {
    margin-top: 3px;
}

.mail-reader-time[b-8jr9w12i72] {
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.cds-mail-view-body[b-8jr9w12i72] {
    /* 스크롤 처리는 공용이 한다. 채우기와 여백만 얹는다. */
    flex: 1 1 auto;
    min-height: 0;
    padding: 24px 32px 64px;
}

.cds-mail-view-body.mail-view-body-html[b-8jr9w12i72] {
    /* 스크롤은 이 dock-content 하나. iframe 은 내용 높이(호스트 쪽 숨김 측정)로 펼쳐져 안에서 굴리지 않는다. */
    display: block;
    overflow-y: auto;
}

.mail-attachments[b-8jr9w12i72] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.mail-attachment-button[b-8jr9w12i72] {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 32px;
    padding: 8px 12px;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font: inherit;
}

.mail-attachment-copy[b-8jr9w12i72] {
    display: grid;
    min-width: 0;
    gap: 1px;
    text-align: left;
}

.mail-attachment-name[b-8jr9w12i72] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-attachment-size[b-8jr9w12i72] {
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.mail-attachment-action[b-8jr9w12i72] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.mail-attachment-button:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
}

.mail-attachment-status[b-8jr9w12i72] {
    flex-basis: 100%;
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
}

.mail-remote-image-notice[b-8jr9w12i72],
.mail-remote-image-notice[b-8jr9w12i72] {
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.mail-remote-image-notice .cds-btn[b-8jr9w12i72],
.mail-body-mode .cds-btn[aria-pressed="true"][b-8jr9w12i72] {
    border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);
    color: var(--cds-text-primary, #161616);
}

.mail-body-text[b-8jr9w12i72] {
    max-width: 760px;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.7;
}

.mail-reader-empty[b-8jr9w12i72] {
    /* 선택 없음 : 메신저의 .wwm-empty-state 규격 (아이콘 56px + margin-bottom 16 + padding 48). */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 100%;
    padding: 48px;
    overflow-y: auto;
    background: var(--cds-background, #ffffff);
}

.mail-empty-state[b-8jr9w12i72] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.mail-empty-icon[b-8jr9w12i72] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    color: var(--cds-icon-disabled, #8d8d8d);
}

.mail-empty-icon .mail-icon[b-8jr9w12i72] {
    width: 56px;
    height: 56px;
}

.mail-empty-state h2[b-8jr9w12i72] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.mail-demo-disclosure[b-8jr9w12i72] {
    display: grid;
    max-width: 480px;
    gap: 4px;
}

.mail-visually-hidden[b-8jr9w12i72] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@container mail-shell (max-width: 1359px) {

    .mail-shell.assistant-open.message-selected .mail-list-pane[b-8jr9w12i72] {
        display: none;
    }

    .mail-shell.assistant-open:not(.message-selected) .mail-reader-pane[b-8jr9w12i72] {
        display: none;
    }

    .mail-shell.assistant-open .cds-mail-view-header[b-8jr9w12i72] {
        padding: 16px 20px;
    }

    .mail-shell.assistant-open .cds-mail-view-body[b-8jr9w12i72] {
        padding: 16px 20px 48px;
    }

    .mail-shell.assistant-open .cds-mail-view-title span[b-8jr9w12i72] {
        font-size: 18px;
        line-height: 24px;
    }
}

@container mail-shell (max-width: 1023px) {
    .mail-search-options-grid[b-8jr9w12i72] {
        grid-template-columns: repeat(3, minmax(128px, 1fr));
    }

    .mail-folder-toggle[b-8jr9w12i72] {
        display: grid;
    }

    .mail-folder-pane[b-8jr9w12i72] {
        position: absolute;
        z-index: 460;
        /* 목록 헤더 48px 아래에서 연다. 그 헤더의 폴더 버튼이 서랍을 다시 닫는 손잡이다. */
        top: 48px;
        bottom: 0;
        left: -280px;
        width: 280px;
        max-width: min(280px, calc(100vw - 48px));
        visibility: hidden;
        pointer-events: none;
        transition:
            left 150ms cubic-bezier(.2, 0, .38, .9),
            visibility 0s linear 150ms;
        box-shadow: 4px 0 12px var(--cds-shadow, rgb(0 0 0 / 25%));
    }

    .mail-shell.folder-pane-open .mail-folder-backdrop[b-8jr9w12i72] {
        left: min(280px, calc(100cqw - 48px));
        width: auto;
        right: 0;
    }

    .mail-shell.folder-pane-open .mail-folder-pane[b-8jr9w12i72] {
        left: 0;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }

    .mail-folder-backdrop[b-8jr9w12i72] {
        position: absolute;
        z-index: 450;
        inset: 48px 0 0;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        border: 0;
        background: var(--cds-overlay, rgb(22 22 22 / 50%));
    }

    .mail-list-pane[b-8jr9w12i72] {
        flex-basis: var(--mail-list-width, 320px);
    }

    .mail-sender-row[b-8jr9w12i72] {
        flex-wrap: wrap;
    }

    .mail-reader-time[b-8jr9w12i72] {
        flex-basis: calc(100% - 44px);
        margin-left: 44px;
    }
}

@media (max-width: 767px) {
    .mail-shell:not(.is-embedded)[b-8jr9w12i72] {
        min-height: 560px;
    }
}

@container mail-shell (max-width: 767px) {

    .mail-folder-toggle[b-8jr9w12i72] {
        /* 좁은 폭에서는 폴더 패널이 오버레이로 열리므로 목록 헤더의 폴더 버튼을 드러낸다. */
        display: grid;
    }

    .mail-search-filter[b-8jr9w12i72] {
        padding-inline: 8px;
    }

    .mail-search-filter-count[b-8jr9w12i72] {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        font-size: 12px;
    }

    .mail-search-options[b-8jr9w12i72] {
        top: 96px;
        max-height: calc(100dvh - 96px);
    }

    .mail-search-options-heading > span[b-8jr9w12i72] {
        display: grid;
        gap: 2px;
    }

    .mail-search-options-grid[b-8jr9w12i72] {
        grid-template-columns: 1fr;
    }

    .mail-search-options-actions[b-8jr9w12i72] {
        flex-wrap: wrap;
    }

    .mail-search-options-actions > span[b-8jr9w12i72] {
        flex-basis: 100%;
    }

    .mail-echo-launch[b-8jr9w12i72] {
        width: 48px;
        flex-basis: 48px;
        padding: 0;
    }

    .mail-notification-region[b-8jr9w12i72] {
        top: 104px;
    }

    .mail-folder-pane[b-8jr9w12i72] {
        top: 96px;
    }

    .mail-folder-backdrop[b-8jr9w12i72] {
        inset: 96px 0 0;
    }

    .mail-list-pane[b-8jr9w12i72] {
        width: 100% !important;
        flex-basis: 100%;
        border-right: 0 !important;
    }

    .mail-reader-pane[b-8jr9w12i72] {
        display: none;
    }

    .mail-shell.message-selected .mail-list-pane[b-8jr9w12i72] {
        display: none;
    }

    .mail-shell.message-selected .mail-reader-pane[b-8jr9w12i72] {
        display: block;
    }

    .mail-shell.assistant-open .mail-list-pane[b-8jr9w12i72],
    .mail-shell.assistant-open .mail-reader-pane[b-8jr9w12i72] {
        display: none;
    }

    .mail-mobile-back[b-8jr9w12i72] {
        display: inline-flex !important;
    }

    .cds-mail-view-header[b-8jr9w12i72],
    .cds-mail-view-body[b-8jr9w12i72] {
        padding-inline: 16px;
    }

    .mail-reader-toolbar .cds-btn[b-8jr9w12i72] {
        padding-right: 16px;
    }

    .mail-reader-empty[b-8jr9w12i72] {
        padding: 16px;
    }

}

.mail-category-tags[b-8jr9w12i72],
.mail-reader-categories[b-8jr9w12i72] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
}

.mail-category-tags[b-8jr9w12i72] {
    margin-top: 4px;
    overflow: hidden;
}

.mail-reader-categories[b-8jr9w12i72] {
    flex-wrap: wrap;
    margin-top: 8px;
}

.mail-category-tag[b-8jr9w12i72] {
    display: inline-flex;
    max-width: 132px;
    min-height: 20px;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    background: var(--cds-layer-02, #ffffff);
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}

.mail-category-tag > span[b-8jr9w12i72] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #525252;
}

.mail-category-tag.is-gray > span[b-8jr9w12i72] { background: #525252; }
.mail-category-tag.is-red > span[b-8jr9w12i72] { background: var(--cds-support-error, #da1e28); }
.mail-category-tag.is-magenta > span[b-8jr9w12i72] { background: #9f1853; }
.mail-category-tag.is-purple > span[b-8jr9w12i72] { background: #6929c4; }
.mail-category-tag.is-blue > span[b-8jr9w12i72] { background: var(--cds-link-primary, #0f62fe); }
.mail-category-tag.is-cyan > span[b-8jr9w12i72] { background: #1192e8; }
.mail-category-tag.is-teal > span[b-8jr9w12i72] { background: #007d79; }
.mail-category-tag.is-green > span[b-8jr9w12i72] { background: var(--cds-support-success, #24a148); }

.mail-category-more[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .mail-shell[b-8jr9w12i72],
    .mail-shell *[b-8jr9w12i72] {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
.mail-scheduled-panel[b-8jr9w12i72] {
    position: fixed;
    z-index: 950;
    top: 72px;
    right: 24px;
    display: flex;
    width: min(560px, calc(100vw - 48px));
    max-height: calc(100vh - 96px);
    flex-direction: column;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    background: var(--cds-background, #ffffff);
    box-shadow: 0 8px 24px var(--cds-shadow, rgb(0 0 0 / 30%));
}

.mail-shell.is-embedded .mail-scheduled-panel[b-8jr9w12i72] {
    top: 120px;
    max-height: calc(100vh - 144px);
}

.mail-scheduled-panel:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-scheduled-panel > header[b-8jr9w12i72],
.mail-scheduled-panel > footer[b-8jr9w12i72] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-scheduled-panel > header > span[b-8jr9w12i72] {
    display: flex;
    flex-direction: column;
    padding-inline: 16px;
}

.mail-scheduled-panel > header small[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
}

.mail-scheduled-panel > footer[b-8jr9w12i72] {
    justify-content: flex-end;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    border-bottom: 0;
}

.mail-scheduled-list[b-8jr9w12i72] {
    padding: 0;
    margin: 0;
    overflow: auto;
    list-style: none;
}

.mail-scheduled-list li[b-8jr9w12i72] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr) auto;
    min-height: 88px;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-scheduled-state[b-8jr9w12i72] {
    padding: 4px 8px;
    background: var(--cds-layer-accent-01, #e0e0e0);
    font-size: 12px;
    text-align: center;
}

.mail-scheduled-state.is-scheduled[b-8jr9w12i72],
.mail-scheduled-state.is-sent[b-8jr9w12i72] {
    background: var(--cds-support-success-inverse, #a7f0ba);
    color: var(--cds-text-primary, #161616);
}

.mail-scheduled-state.is-attentionrequired[b-8jr9w12i72],
.mail-scheduled-state.is-failed[b-8jr9w12i72] {
    background: var(--cds-support-warning-inverse, #f1c21b);
    color: var(--cds-text-primary, #161616);
}

.mail-scheduled-copy[b-8jr9w12i72] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.mail-scheduled-copy strong[b-8jr9w12i72],
.mail-scheduled-copy span[b-8jr9w12i72] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-scheduled-copy span[b-8jr9w12i72],
.mail-scheduled-copy time[b-8jr9w12i72],
.mail-scheduled-attention[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
}

@container mail-shell (max-width: 767px) {
    .mail-scheduled-panel[b-8jr9w12i72] {
        position: absolute;
        inset: 48px 0 0;
        width: 100%;
        max-height: calc(100vh - 48px);
    }

    .mail-shell.is-embedded .mail-scheduled-panel[b-8jr9w12i72] {
        inset: 96px 0 0;
        max-height: calc(100% - 96px);
    }

    .mail-scheduled-list li[b-8jr9w12i72] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .mail-scheduled-list li > .cds-btn[b-8jr9w12i72],
    .mail-scheduled-attention[b-8jr9w12i72] {
        grid-column: 2;
        justify-self: start;
    }
}

/* 폴더 패널 너비 조절 손잡이. 평소엔 보더처럼 보이고, 올리면 잡을 수 있게 넓어진다. */
.mail-pane-resizer[b-8jr9w12i72] {
    flex: 0 0 4px;
    width: 4px;
    margin-left: -4px;
    cursor: col-resize;
    background: transparent;
    z-index: 5;
}

.mail-pane-resizer:hover[b-8jr9w12i72],
.mail-pane-resizer.is-dragging[b-8jr9w12i72] {
    background: var(--cds-border-interactive, #0f62fe);
}

@container mail-shell (max-width: 1023px) {
    /* 서랍 모드가 되는 폴더 패널의 손잡이만 숨긴다. */
    .mail-pane-resizer[data-for="--mail-folder-width"][b-8jr9w12i72] {
        display: none;
    }
}

@container mail-shell (max-width: 767px) {
    .mail-pane-resizer[b-8jr9w12i72] {
        display: none;
    }
}

/* 스크롤바가 나타나도 숫자 열이 옆으로 밀리지 않게 자리를 고정한다. */
.mail-folder-tree-scroll[b-8jr9w12i72],
.mail-list-scroll[b-8jr9w12i72] {
    scrollbar-gutter: stable;
}

/* Echo 인라인 요약 카드: 본문 위 접이식 정보 블록(비대화형). 실패 시 아예 렌더되지 않는다. */
.mail-inline-card[b-8jr9w12i72] {
    max-width: 960px;
    margin: 16px 32px 0;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    border-left: 3px solid var(--cds-border-interactive, #0f62fe);
    background: var(--cds-layer-01, #f4f4f4);
    box-sizing: border-box;
}

.mail-inline-card-heading[b-8jr9w12i72] {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border: 0;
    background: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .16px;
    text-align: left;
}

.mail-inline-card-heading:hover[b-8jr9w12i72] {
    background: var(--cds-layer-hover-01, #e8e8e8);
}

.mail-inline-card-heading:focus-visible[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.mail-inline-card-heading .mail-icon[b-8jr9w12i72] {
    width: 16px;
    height: 16px;
}

.mail-inline-card-heading > .mail-icon:first-child[b-8jr9w12i72] {
    background-color: var(--cds-link-primary, #0f62fe);
}

.mail-inline-card-heading > .mail-icon:last-child[b-8jr9w12i72] {
    margin-left: auto;
}

.mail-inline-card-title[b-8jr9w12i72] {
    font-weight: 600;
}

.mail-inline-card-busy[b-8jr9w12i72] {
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-inline-card-body[b-8jr9w12i72] {
    padding: 0 16px 12px 40px;
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .16px;
    white-space: pre-wrap;
    word-break: break-word;
}

.mail-inline-card-chips[b-8jr9w12i72] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px 12px 40px;
}

.mail-inline-card-chip[b-8jr9w12i72] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    background: var(--cds-tag-background-blue, #d0e2ff);
    color: var(--cds-tag-color-blue, #0043ce);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
    border-radius: 12px;
}

.mail-inline-card-chip.is-schedule[b-8jr9w12i72] {
    background: var(--cds-tag-background-green, #a7f0ba);
    color: var(--cds-tag-color-green, #0e6027);
}

/* 메일 서버 미연결: 워크스페이스 전체를 차지하는 카본 빈 상태 한 장. */
.mail-unavailable[b-8jr9w12i72] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    background: var(--cds-background, #ffffff);
}

.mail-unavailable-subtitle[b-8jr9w12i72] {
    max-width: 420px;
    margin: 8px 0 0;
    color: var(--cds-text-secondary, #525252);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .16px;
}

.mail-unavailable-retry[b-8jr9w12i72] {
    margin-top: 24px;
}

/* 대화 목록 조회 실패는 토스트 대신 대화 헤딩 옆에 조용히. */
.mail-conversation-note[b-8jr9w12i72] {
    color: var(--cds-text-helper, #6f6f6f);
}

/* 첨부가 많으면 4개까지만 펼치고 나머지는 "+N개 더" 로 접는다 — iframe 이 납작해지지 않게. */
.mail-attachments-more[b-8jr9w12i72] {
    min-height: 32px;
    padding-inline: 12px;
}

/* 본문 스택: 첨부·본문을 실제 크기로 쌓고, 스크롤은 바깥 dock-content 가 맡는다. */
.mail-body-stack[b-8jr9w12i72] {
    /* 공용 .dock-vpanel 의 height:100% 를 풀어 내용 높이로 자라게 한다 — 스크롤은 바깥 dock-content. */
    height: auto;
    flex: 0 0 auto;
    min-height: 0;
}

/* 스택 안의 요약 카드: 본문 영역 패딩(32px)이 이미 있으니 좌우 여백은 빼고 아래만 띄운다. */
.mail-body-stack .mail-inline-card[b-8jr9w12i72] {
    margin: 0 0 24px;
    max-width: none;
}

.mail-body-content[b-8jr9w12i72] {
    position: relative;
    flex: 0 0 auto;
}

/* 카드 안 섹션(번역·첨부·답장 초안): 요약 본문과 같은 들여쓰기, 제목은 12px 보조색. */
.mail-inline-card-section[b-8jr9w12i72] {
    padding: 0 16px 12px 40px;
}

.mail-inline-card-section-title[b-8jr9w12i72] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    color: var(--cds-text-secondary, #525252);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-inline-card-translation[b-8jr9w12i72] {
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .16px;
    white-space: pre-wrap;
    word-break: break-word;
}

.mail-inline-card-evidence[b-8jr9w12i72],
.mail-inline-card-note[b-8jr9w12i72] {
    padding: 0 16px 12px 40px;
    color: var(--cds-text-helper, #6f6f6f);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-inline-card-chip.is-highlighted[b-8jr9w12i72] {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
}

.mail-inline-card-attachment[b-8jr9w12i72] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .32px;
}

.mail-inline-card-attachment-name[b-8jr9w12i72] {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.mail-inline-card-attachment-status[b-8jr9w12i72] {
    color: var(--cds-support-success, #24a148);
}

.mail-inline-card-attachment.is-unread .mail-inline-card-attachment-status[b-8jr9w12i72] {
    color: var(--cds-support-warning, #f1c21b);
}

.mail-inline-card-attachment-coverage[b-8jr9w12i72] {
    color: var(--cds-text-helper, #6f6f6f);
}

.mail-inline-card-attachment-summary[b-8jr9w12i72] {
    flex-basis: 100%;
    color: var(--cds-text-primary, #161616);
    font-size: 14px;
    line-height: 20px;
}

.mail-inline-card-reply-tabs[b-8jr9w12i72] {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
}

.mail-inline-card-reply-tabs [role="tab"][aria-selected="true"][b-8jr9w12i72] {
    box-shadow: inset 0 -2px 0 var(--cds-border-interactive, #0f62fe);
}

.mail-inline-card-draft[b-8jr9w12i72] {
    padding: 12px 16px;
    background: var(--cds-layer-02, #ffffff);
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
}

.mail-inline-card-reply-actions[b-8jr9w12i72] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

/* 발신자 옆 소속 배지: 고객관리 연락처와 맞을 때만. Carbon 태그 모양, 클릭하면 업체 화면. */
.mail-sender-affiliation[b-8jr9w12i72] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 0 8px;
    border-radius: 12px;
    background: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
    font-size: 12px;
    line-height: 24px;
    text-decoration: none;
    white-space: nowrap;
}

.mail-sender-affiliation:hover[b-8jr9w12i72] {
    background: var(--cds-layer-accent-hover-01, #d1d1d1);
    text-decoration: none;
}

.mail-sender-affiliation .mail-icon[b-8jr9w12i72] {
    width: 14px;
    height: 14px;
}
/* _content/WaveWorks.Teams.Mail.Rcl/Components/MailSignatureSettingsDialog.razor.rz.scp.css */
.mail-signature-dialog[b-02ipp2d6at] {
    width: min(560px, calc(100vw - 32px));
    max-width: 560px;
    padding: 0;
    border: 0;
    background: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
}

.mail-signature-dialog[b-02ipp2d6at]::backdrop {
    background: var(--cds-overlay, rgb(22 22 22 / 50%));
}

.mail-signature-dialog-body[b-02ipp2d6at] {
    display: flex;
    max-height: min(560px, calc(100vh - 220px));
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    overflow: auto;
}

.mail-signature-dialog-intro[b-02ipp2d6at] {
    margin: 0;
    color: var(--cds-text-secondary, #525252);
    line-height: 1.5;
}

.mail-signature-textarea-field textarea[b-02ipp2d6at] {
    width: 100%;
    resize: vertical;
}

.mail-signature-length[b-02ipp2d6at] {
    margin-top: -8px;
    color: var(--cds-text-secondary, #525252);
    text-align: right;
}

.mail-signature-toggle-group[b-02ipp2d6at] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.mail-signature-checkbox[b-02ipp2d6at] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--cds-text-primary, #161616);
    font-size: 13px;
}

.mail-signature-checkbox input[b-02ipp2d6at] {
    width: 16px;
    height: 16px;
}

.mail-signature-actions[b-02ipp2d6at] {
    display: flex;
}