/* public/assets/css/tools/temp-email.css */
.te-wrapper { padding: 24px; }
.te-header { text-align: center; margin-bottom: 30px; }
.te-title { font-size: 1.5rem; margin-bottom: 8px; color: var(--text-main); }
.te-subtitle { color: var(--text-muted); line-height: 1.6; }

.te-address-box {
    background: var(--bg-body);
    padding: 24px;
    border-radius: 12px;
    text-align: center;
    border: 1px dashed var(--primary-color);
    margin-bottom: 24px;
}
.te-addr-label { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 12px; }
.te-addr-control { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.te-addr-input {
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--text-main);
    background: transparent;
    border: none;
    text-align: center;
    width: 100%;
    max-width: 350px;
    outline: none;
}
.te-btn-copy { width: auto; padding: 8px 24px; font-size: 0.95rem; }
.te-btn-new { font-size: 1.2rem; }

.te-inbox-panel { padding: 0; overflow: hidden; border: 1px solid var(--border-color); border-radius: 12px; }
.te-panel-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 20px;
    background: var(--bg-body);
    border-bottom: 1px solid var(--border-color);
}
.te-panel-title { display: flex; align-items: center; gap: 8px; font-weight: bold; color: var(--text-main); }
.te-status-text { font-size: 0.8rem; color: #10b981; font-weight: normal; }

.te-inbox-list { min-height: 200px; max-height: 500px; overflow-y: auto; background: var(--bg-surface); }
.te-empty-state { padding: 40px 20px; text-align: center; color: var(--text-muted); }

.te-mail-item {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background 0.2s;
}
.te-mail-item:hover { background: var(--bg-body); }
.te-item-subject { font-weight: bold; color: var(--text-main); margin-bottom: 6px; }
.te-item-meta { display: flex; justify-content: space-between; font-size: 0.85rem; color: var(--text-muted); }

.te-mail-detail { padding: 24px; border-top: 1px solid var(--border-color); background: var(--bg-surface); }
.te-btn-back { margin-bottom: 20px; background: none; border: none; color: var(--primary-color); cursor: pointer; font-size: 0.95rem; font-weight: 500; padding: 0; }
.te-btn-back:hover { text-decoration: underline; }
.te-mail-subject { margin-bottom: 16px; font-size: 1.25rem; color: var(--text-main); }
.te-mail-meta { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 24px; line-height: 1.6; }
.te-mail-body { background: var(--bg-body); padding: 24px; border-radius: 8px; overflow-x: auto; color: var(--text-main); line-height: 1.6; }