/* 수신확인 - 우측 패널 */

#mailtrack-panel {
    display: none;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

#mailtrack-panel .mt-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
}

#mailtrack-panel .mt-actions a {
    margin-left: 1em;
    text-decoration: none;
    font-weight: normal;
}

#mailtrack-panel .mt-body {
    flex: 1;
    overflow: auto;
    padding: 1rem;
}

.mt-table {
    border-collapse: collapse;
    width: 100%;
}

.mt-table th, .mt-table td {
    padding: .45em .6em;
    border-bottom: 1px solid #ececec;
    text-align: left;
    font-size: .95em;
    white-space: nowrap;
}

.mt-table td:nth-child(3) {
    white-space: normal;
}

.mt-unopened { color: #888; }
.mt-suspect { color: #b06000; }
.mt-opened { color: #0a7a2f; }

/* 수신확인 - 메일 폴더 목록 항목 (받은편지함 아래) */

#mailboxlist li.mailtrack > a {
    display: flex;
    align-items: center;
}

#mailboxlist li.mailtrack > a:before {
    content: "";
    flex: 0 0 1.25em;
    height: 1.25em;
    margin-right: .5rem;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5.6 5 1.2 11.2 1 11.5a1 1 0 0 0 0 1C1.2 12.8 5.6 19 12 19s10.8-6.2 11-6.5a1 1 0 0 0 0-1C22.8 11.2 18.4 5 12 5zm0 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5.6 5 1.2 11.2 1 11.5a1 1 0 0 0 0 1C1.2 12.8 5.6 19 12 19s10.8-6.2 11-6.5a1 1 0 0 0 0-1C22.8 11.2 18.4 5 12 5zm0 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}