/* UI-06Q: shared shell theme and native UI-02 dialogs. */
.cc-mail { min-width:0; color:var(--cc-ink); }
.cc-mail-heading,.cc-mail-panel-heading { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:1rem; margin-block:1rem; }
.cc-mail-heading h1 { font-size:clamp(24px,2.3vw,32px); font-weight:750; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.cc-mail-heading p,.cc-mail-panel-heading p,.cc-mail .cc-help { color:var(--cc-ink-soft); line-height:1.9; max-width:85ch; }
.cc-mail-heading .cc-mail-eyebrow { color:var(--cc-accent); font-size:12px; font-weight:650; }
.cc-mail h2 { font-size:19px; font-weight:700; line-height:1.7; margin:0 0 1rem; }
.cc-mail h3 { font-size:16px; line-height:1.8; }
.cc-mail :is(p,small) { line-height:1.9; }
.cc-mail button { font:inherit; min-height:44px; padding:.65rem 1rem; border-radius:10px; }
.cc-mail button:not(.cc-primary):not(.cc-danger) { background:var(--cc-surface); color:var(--cc-ink); border:1px solid var(--cc-line-strong); }
.cc-mail button.cc-primary { box-shadow:inset 0 1px 0 var(--cc-glow-sheen),0 3px 14px var(--cc-glow-button); }
.cc-mail :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid var(--cc-focus); outline-offset:3px; }
.cc-mail :is(.cc-panel,.cc-mail-summary>div) { min-width:0; border:1px solid var(--cc-line); border-radius:var(--cc-radius-md); background:var(--cc-surface); box-shadow:var(--cc-shadow-sm),0 0 18px var(--cc-glow-card); overflow-wrap:anywhere; }
.cc-mail .cc-panel { padding:1.4rem; margin-block:1.2rem; }
.cc-mail-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:1.5rem; }
.cc-mail-summary>div { padding:1rem; display:flex; flex-direction:column; gap:.65rem; }
.cc-mail-summary span { color:var(--cc-ink-soft); font-size:13px; }
.cc-mail-summary strong { font-size:15px; font-weight:650; }
.cc-mail-nav,.cc-mail-pagination { display:flex; gap:.7rem; flex-wrap:wrap; align-items:center; margin-block:1.2rem; }
.cc-mail-nav a,.cc-mail-pagination a { display:inline-flex; align-items:center; min-height:44px; padding:.65rem 1rem; border:1px solid var(--cc-line); border-radius:12px; background:var(--cc-surface); color:var(--cc-ink); text-decoration:none; }
.cc-mail-nav a[aria-current=page] { background:var(--cc-accent); color:var(--cc-accent-ink); border-color:var(--cc-accent); box-shadow:0 3px 16px var(--cc-glow-button); }
.cc-mail-pagination { justify-content:space-between; }
.cc-mail .cc-table-wrap { max-width:100%; overflow-x:auto; border:1px solid var(--cc-line); border-radius:12px; }
.cc-mail .cc-table { margin:0; min-width:740px; }
.cc-mail .cc-table th { background:var(--cc-subtle); color:var(--cc-ink-soft); }
.cc-mail .cc-table td { max-width:320px; overflow-wrap:anywhere; vertical-align:top; }
.cc-mail .cc-table a { display:inline-block; min-height:44px; padding-block:.5rem; text-decoration:underline; text-underline-offset:.2em; }
.cc-mail-badge { display:inline-flex; padding:.35rem .65rem; border:1px solid var(--cc-line); border-radius:9px; color:var(--cc-ink); background:var(--cc-surface-sunken); font-size:13px; line-height:1.8; }
.cc-mail-badge[data-tone=success] { color:var(--cc-success); background:var(--cc-success-soft); }
.cc-mail-badge[data-tone=warning],.cc-mail-notice { color:var(--cc-warn); background:var(--cc-warn-soft); }
.cc-mail-badge[data-tone=error] { color:var(--cc-danger); background:var(--cc-danger-soft); }
.cc-mail-notice { padding:1rem; border:1px solid var(--cc-line); border-radius:12px; }
.cc-mail-info { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,3fr); gap:.8rem 1.2rem; margin-block:1.2rem; }
.cc-mail-info dt { color:var(--cc-ink-soft); }.cc-mail-info dd { margin:0; overflow-wrap:anywhere; }
.cc-mail-message-body { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:2; margin:0; }
.cc-mail-empty { padding:2rem 1rem; border:1px dashed var(--cc-line-strong); border-radius:12px; text-align:center; background:var(--cc-surface-sunken); }
.cc-mail-empty p { color:var(--cc-ink-soft); }
.cc-mail-attachments { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.75rem; }
.cc-mail-attachments a { display:inline-flex; gap:.5rem; min-height:44px; padding:.7rem 1rem; border:1px solid var(--cc-line); border-radius:10px; overflow-wrap:anywhere; }
.cc-mail .cc-mail-body-field,.cc-mail .arta-dialog__fields>p { grid-column:1/-1; }
.cc-mail .cc-help a { text-decoration:underline; text-underline-offset:.2em; }
@media(max-width:700px) {
 .cc-mail-summary { grid-template-columns:minmax(0,1fr); gap:.7rem; }
 .cc-mail .cc-panel { padding:1rem; }
 .cc-mail-nav a { flex:1 1 40%; justify-content:center; padding:.6rem; }
 .cc-mail-heading>.cc-primary { width:100%; }
 .cc-mail-info { grid-template-columns:minmax(80px,1fr) minmax(0,2fr); gap:.7rem; }
 .cc-mail-pagination { justify-content:center; }
}