/* Session C features: e-mail pop-up (F2), duplicates (F5), digest preview (F8), log (F9), calendar link (F7). */
.cx-pop-box { width: min(680px, 100%); }
.cx-mail label, .cx-form label { margin-top: 10px; }
.cx-mail input, .cx-mail select, .cx-mail textarea, .cx-form input, .cx-form textarea { width: 100%; }
.cx-mail textarea, .cx-form textarea { font-family: inherit; line-height: 1.5; resize: vertical; }
.cx-mail-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cx-mail-head h2 { margin: 0; font-size: 19px; }
.cx-vars { font-size: 12.5px; margin: 8px 0 0; }
.cx-vars code { background: rgba(255,255,255,0.06); padding: 1px 5px; border-radius: 5px; }
.cx-check { display: flex; align-items: center; gap: 8px; color: var(--ink); }
.cx-check input { width: auto; }
.cx-narrow { max-width: 720px; }
.cx-copy { display: flex; gap: 8px; }
.cx-copy input { flex: 1; min-width: 0; font-size: 12.5px; }
.cx-log { white-space: pre-wrap; word-break: break-word; font-size: 12px; line-height: 1.45; max-height: 75vh; overflow: auto; padding: 14px; }
.cx-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; background: var(--panel); border: 1px solid rgba(52,211,153,0.45); color: var(--ink); padding: 10px 16px; border-radius: 10px; z-index: 90; transition: opacity .25s, transform .25s; box-shadow: 0 12px 40px rgba(0,0,0,.45); }
.cx-toast.on { opacity: 1; transform: translate(-50%, 0); }

/* duplicates */
.cx-dup { margin-bottom: 12px; padding: 14px 16px; }
.cx-dup-key { font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
.cx-dup table { background: transparent; }
.cx-dup td, .cx-dup th { padding: 6px 8px; font-size: 13px; vertical-align: top; }
.cx-dup form { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.cx-dup select { max-width: 100%; }

/* digest */
.cx-digest-frame { background: #fff; color: #111; border-radius: var(--radius); padding: 0; overflow: hidden; }

@media (max-width: 640px) {
    .cx-copy { flex-direction: column; }
    .cx-dup td, .cx-dup th { font-size: 12.5px; }
}