/* #415 — Email Patient: the ONE compose screen (rides the reminder modal shell .p3-reminder-modal) */
.pe-modal{width:min(960px,96vw)}
.pe-modal .modal-body{max-height:calc(100vh - 190px);overflow:auto}
.pe-headers{display:grid;grid-template-columns:70px 1fr;gap:6px 12px;font-size:13.5px;background:#f6f8fb;border:1px solid #e6eaf0;border-radius:10px;padding:12px 14px;margin-bottom:6px}
.pe-headers b{color:#5b6472;font-weight:600}
.pe-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#5b6472;margin:14px 0 6px}
.pe-label small{font-weight:400;text-transform:none;letter-spacing:0}
.pe-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pe-pill{border:1px solid #cfd6e0;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:#1f2a37;cursor:default}
.pe-pill.on{background:#1a73e8;border-color:#1a73e8;color:#fff}
.pe-gear{border:1px solid #cfd6e0;background:#fff;border-radius:999px;width:30px;height:30px;font-size:15px;cursor:default}
.pe-subject{width:100%;box-sizing:border-box;font:600 15px/1.4 inherit;padding:10px 12px;border:1px solid #cfd6e0;border-radius:9px}
.pe-text,.pe-intro{width:100%;box-sizing:border-box;font:15px/1.6 inherit;padding:12px 14px;border:1px solid #cfd6e0;border-radius:9px;min-height:120px;resize:none}
.pe-intro{min-height:52px}
.pe-row{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.pe-spacer{flex:1}
.pe-quiet{font-size:12px;color:#5b6472}
.pe-attach-doors{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pe-sysbody{border:1px solid #e6eaf0;border-radius:10px;padding:14px 16px;background:#fff;max-height:340px;overflow:auto}
.pe-nudge{margin-top:16px;border:1px solid #e6eaf0;border-radius:10px;padding:12px 14px;background:#fbfcfe}
.pe-nudge.is-off{opacity:.85}
.pe-nudge label{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;cursor:default}
.pe-nudge input{margin-top:3px;width:16px;height:16px}
.pe-nudge small{display:block;font-weight:400;color:#5b6472;margin-top:4px;font-size:13px}
.pe-nudge .pe-off{color:#b91c1c;font-weight:600}
.pe-sms{margin:10px 0 0 26px;background:#eef3f9;border-radius:10px;padding:10px 12px;font-size:13.5px;color:#1f2a37;max-width:560px;overflow-wrap:anywhere}
.pe-two{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
@media(max-width:900px){.pe-two{grid-template-columns:1fr}}
.pe-preview-mail{border:1px solid #e6eaf0;border-radius:12px;padding:16px 18px;background:#fff}
.pe-preview-body{margin-top:10px;max-height:420px;overflow:auto}
.pe-phone{border:1px solid #cfd6e0;border-radius:18px;padding:16px 14px;background:#f6f8fb}
.pe-phone-off{opacity:.8}
.pe-phone-cap{font-size:11px;color:#5b6472;text-align:center;margin-bottom:8px;letter-spacing:.4px;text-transform:uppercase}
.pe-bubble{background:#e2e8f0;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.pe-send{background:#15803d;border-color:#15803d}
.pe-sent{padding:18px 4px}
.pe-sent h4{margin:0 0 6px;font-size:18px;color:#15803d}
.pe-manage-head{display:flex;justify-content:space-between;align-items:center}
.pe-manage-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:13.5px}
.pe-manage-row small{color:#5b6472}
.pe-editor{margin-top:12px;border:1px solid #e6eaf0;border-radius:10px;padding:12px 14px;background:#fbfcfe}
.pe-editor input{width:100%;box-sizing:border-box;font:14px inherit;padding:8px 10px;border:1px solid #cfd6e0;border-radius:8px}
.pe-editor textarea{width:100%;box-sizing:border-box;font:14px/1.5 inherit;padding:10px 12px;border:1px solid #cfd6e0;border-radius:8px;resize:none}
.pe-check{display:flex;gap:8px;align-items:center;font-size:13.5px;margin-top:10px}
.pvt3-banner-pill.pvt3-banner-email svg{flex:0 0 auto}
.pe-finder-hits{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.pe-finder-hits button{text-align:left;border:1px solid #d9dee7;background:#fff;border-radius:8px;padding:8px 10px;font-size:14px;cursor:default}
.pe-finder-hits button small{color:#5b6472;margin-left:6px}
/* DARK — the calendar page's real dark mode (#344: data-theme="dark" on <html>, set by theme.js from the one per-user choice
   Mission Control stores) paints the page text #e8eef7; a modal appended to <body> inherits that, so without its own rules the
   compose sheet stayed white with near-white text (seen on the #415 proof screenshot). Palette = diamond-calendar-dark.css:
   sheet #121d2e · fields #0f1a2b · hairline #24344d · text #e8eef7 / muted #c8d3e2 / faint #7d8ba1 · chips #1a2a41 · blue #8fb8ff.
   The e-mail PREVIEW stays a white sheet on purpose — it is the paper the patient will see, not part of the app chrome. */
:root[data-theme="dark"] .modal.pe-modal{background:#121d2e;color:#e8eef7;box-shadow:0 22px 70px rgba(0,0,0,.65)}
:root[data-theme="dark"] .pe-modal .modal-head,:root[data-theme="dark"] .pe-modal .modal-foot{border-color:#24344d}
:root[data-theme="dark"] .pe-modal .modal-head h3{color:#e8eef7}
:root[data-theme="dark"] .pe-modal .modal-head p,:root[data-theme="dark"] .pe-quiet,:root[data-theme="dark"] .pe-label,:root[data-theme="dark"] .pe-headers b,:root[data-theme="dark"] .pe-nudge small,:root[data-theme="dark"] .pe-phone-cap,:root[data-theme="dark"] .pe-manage-row small,:root[data-theme="dark"] .pe-finder-hits button small{color:#c8d3e2}
:root[data-theme="dark"] .pe-modal .close-x{background:#1a2a41;color:#c8d3e2}
:root[data-theme="dark"] .pe-headers{background:#16233a;border-color:#24344d;color:#e8eef7}
:root[data-theme="dark"] .pe-pill,:root[data-theme="dark"] .pe-gear,:root[data-theme="dark"] .pe-finder-hits button{background:#1a2a41;border-color:#24344d;color:#c8d3e2}
:root[data-theme="dark"] .pe-pill.on{background:rgba(106,158,240,.22);border-color:rgba(106,158,240,.5);color:#8fb8ff}
:root[data-theme="dark"] .pe-subject,:root[data-theme="dark"] .pe-text,:root[data-theme="dark"] .pe-intro,:root[data-theme="dark"] .pe-editor input,:root[data-theme="dark"] .pe-editor textarea{background:#0f1a2b;border-color:#24344d;color:#e8eef7}
:root[data-theme="dark"] .pe-text::placeholder,:root[data-theme="dark"] .pe-intro::placeholder,:root[data-theme="dark"] .pe-subject::placeholder{color:#7d8ba1}
:root[data-theme="dark"] .pe-nudge,:root[data-theme="dark"] .pe-editor{background:#16233a;border-color:#24344d;color:#e8eef7}
:root[data-theme="dark"] .pe-nudge .pe-off{color:#f5a3a8}
:root[data-theme="dark"] .pe-sms,:root[data-theme="dark"] .pe-bubble{background:#1c2a40;color:#dbe4f0}
:root[data-theme="dark"] .pe-phone{background:#16233a;border-color:#24344d}
:root[data-theme="dark"] .pe-sysbody,:root[data-theme="dark"] .pe-preview-mail{background:#fff;color:#333;border-color:#24344d}
:root[data-theme="dark"] .pe-preview-mail .pe-headers{background:#f6f8fb;border-color:#e6eaf0;color:#1f2a37}
:root[data-theme="dark"] .pe-preview-mail .pe-headers b{color:#5b6472}
:root[data-theme="dark"] .pe-manage-row{border-bottom-color:#24344d}
:root[data-theme="dark"] .pe-sent h4{color:#8fe0bd}
:root[data-theme="dark"] .pe-modal .modal-foot button.secondary,:root[data-theme="dark"] .pe-modal .modal-body button.secondary,:root[data-theme="dark"] .pe-modal button.ghost{background:#1a2a41;border-color:#24344d;color:#e8eef7}
:root[data-theme="dark"] .pe-modal .modal-foot button.primary{background:#2f6ee5;border-color:#2f6ee5;color:#fff}
:root[data-theme="dark"] .pe-modal .modal-foot button.primary.pe-send{background:#15803d;border-color:#15803d}

/* #446 Part B — the imaging text-back sheet (same family as the Secure Note sheet) and the row line every imaging order carries */
.it-phone{width:min(320px,100%);padding:9px 12px;border:1px solid #d5dbe4;border-radius:8px;font:15px inherit;color:#1f2a37;background:#fff}
.it-phone:focus{outline:none;border-color:#3d7e95}
.it-prior{margin-top:14px;border-radius:10px;padding:10px 12px;background:#fff7e8;border:1px solid #f1d9a6;font-size:13.5px;color:#5b4a1e;line-height:1.5}
.it-row-status{display:block;margin-top:3px;font-size:12px;color:#4b5563}
.it-row-status b{color:#0f6e56;font-weight:700}
.queue-actions .it-btn{border-color:#3d7e95;color:#1f5f73}
/* the Imaging queue's Actions column is 114px (styles.css:1083) — a third button wraps to a second line instead of clipping
   "Open PVT" (seen on the pin's 08 screenshot) */
.queue-card[data-queue-type="imaging"] .queue-grid-row .queue-actions{flex-wrap:wrap;gap:4px;align-content:center}
.mc-pt-sched{font-style:normal;color:#0f6e56;font-weight:600;font-size:12.5px;margin-left:4px}
:root[data-theme="dark"] .it-phone{background:#0f1a2b;border-color:#24344d;color:#e8eef7}
:root[data-theme="dark"] .it-prior{background:#2a2410;border-color:#5a4a1c;color:#f0dfae}
:root[data-theme="dark"] .it-row-status{color:#c8d3e2}
:root[data-theme="dark"] .it-row-status b,:root[data-theme="dark"] .mc-pt-sched{color:#8fe0bd}