/* DP Mail - team meetings add-on (see meet-addon js). Uses the app's own colour tokens. */
.dpm-meet-ico { width: 16px; height: 16px; flex: 0 0 auto; }
.dpm-meet-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: -2px; }
.dpm-meet-row .btn { gap: 6px; }
.dpm-meet-add { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
.dpm-meet-add:hover { background: color-mix(in srgb, var(--accent) 8%, var(--panel)); }
.dpm-meet-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--accent); }
.dpm-meet-remove { color: var(--muted); border-color: transparent; background: transparent; }
.dpm-meet-err { font-size: 13px; color: var(--bad-fg, #B42318); }
.dpm-meet-joinrow { margin-top: 8px; }
.dpm-meet-join { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.evd-row .dpm-meet-join { margin-left: 10px !important; vertical-align: middle; }

/* "Note" button at the end of the subject line (next to the AI buttons if shown) */
.reading > h2:has(> .dpm-note-btn) { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.reading > h2 > .dpm-note-btn { margin-left: auto; height: 26px !important; padding: 0 9px; gap: 5px; font: 500 12.5px/1 var(--font-ui, system-ui, sans-serif); letter-spacing: normal; flex: 0 0 auto; }
.reading > h2 > .dpm-ai-strip ~ .dpm-note-btn { margin-left: 0; }
.reading > h2 > .dpm-note-btn ~ .dpm-ai-strip { margin-left: 0; }
.dpm-note-btn .dpm-meet-ico { width: 14px; height: 14px; }
.dpm-note-toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 90; background: var(--rail, #0F2340); color: #fff; padding: 10px 12px 10px 16px; border-radius: 10px; box-shadow: 0 8px 28px #0f192840; display: flex; align-items: center; gap: 14px; font-size: 14px; }
.dpm-note-toast a { color: #9CC3FF; font-weight: 700; text-decoration: none; }

/* Notes pop-up card */
.dpm-notes-veil { position: fixed; inset: 0; z-index: 85; background: #0a14224d; display: flex; justify-content: flex-end; align-items: flex-start; padding: 64px 20px 20px; animation: dpm-fade .12s ease-out; }
.dpm-notes-pop { width: min(920px, 100%); height: min(780px, calc(100vh - 84px)); border-radius: 14px; overflow: hidden; background: var(--surface, #F4F6F9); box-shadow: 0 18px 50px #0f192859, 0 2px 8px #0f192826; animation: dpm-pop .14s ease-out; }
.dpm-notes-pop iframe { width: 100%; height: 100%; border: 0; display: block; }
nav.topnav a.dpm-notes-nav.active { color: var(--rail-text); background: #ffffff1a; }
@keyframes dpm-fade { from { opacity: 0; } }
@keyframes dpm-pop { from { opacity: 0; transform: translateY(-6px) scale(.99); } }
@media (max-width: 720px) {
  .dpm-notes-veil { padding: 0; }
  .dpm-notes-pop { width: 100%; height: 100%; border-radius: 0; }
}