/* Phase 17: professional responsive webmail experience */
:root{--accent:#0b57d0;--border:#dfe3eb;--hover:#e8eef9}body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}header{position:sticky;top:0;z-index:12;background:#f6f8fc;border-bottom:1px solid #e6eaf1}header strong{white-space:nowrap;letter-spacing:-.5px}header input{width:100%;max-width:780px;outline-offset:2px}header form:first-of-type{max-width:800px}.layout{grid-template-columns:260px minmax(0,1fr)}aside{position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto;scrollbar-width:thin}aside a{border-radius:0 24px 24px 0;padding:10px 18px}aside a[href*="folder=INBOX"]{font-weight:650}.mail{min-height:calc(100vh - 72px);border:1px solid var(--border);border-bottom:0;border-right:0;box-shadow:0 2px 14px #283b5510}.message{min-height:52px;padding:10px 12px;align-items:center;border-bottom:1px solid #e9edf3}.message:hover{box-shadow:inset 0 0 0 1px #ccd9ed;background:#edf3fb}.message-content>b{font-size:14px}.message summary{font-size:14px}.message summary span{font-size:13px}.message time{font-size:12px}.message details[open]{line-height:1.65}.mail-heading h2{font-size:22px;font-weight:650}#bulkform{background:#fff;position:sticky;top:72px;z-index:5;flex-wrap:wrap}#compose{position:fixed;inset:auto 22px 12px auto;margin:0;width:min(600px,calc(100vw - 24px));max-height:92vh;overflow:auto;border-radius:16px 16px 8px 8px;padding:0;box-shadow:0 12px 45px #0004}#compose form{padding:18px}#compose h2{background:#eaf1fb;margin:-18px -18px 12px;padding:16px 20px;font-size:16px}#compose textarea{min-height:220px;resize:vertical}.compose{box-shadow:0 3px 12px #3875aa25}.phase17-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#fff;border-bottom:1px solid #e9edf3}.phase17-toolbar button{padding:7px 12px;font-size:13px}.phase17-shortcuts{font-size:12px;color:#64748b}.phase17-shortcut-dialog{max-width:500px}.phase17-shortcut-dialog table{width:100%;border-collapse:collapse}.phase17-shortcut-dialog td{padding:9px;border-bottom:1px solid #ddd}.phase17-shortcut-dialog kbd{background:#edf1f7;padding:3px 7px;border-radius:5px}.phase17-sidebar-toggle{display:none}.dark header,.dark .phase17-toolbar,.dark #bulkform{background:#242b36;color:#e5e8f0}.dark .mail{border-color:#475569}.dark .message:hover{background:#354355}.dark #compose h2{background:#34465c}.dark .phase17-shortcuts{color:#aab7c9}@media(max-width:850px){.layout{grid-template-columns:210px minmax(0,1fr)}aside{padding:10px}.message-content>b{min-width:110px}.phase17-shortcuts{display:none}}@media(max-width:700px){header{height:auto;min-height:62px;flex-wrap:wrap}header form:first-of-type{order:5;flex-basis:100%}.layout{display:block}aside{display:none;position:fixed;top:62px;bottom:0;left:0;width:270px;height:auto;z-index:20;background:#f6f8fc;box-shadow:5px 0 20px #0003;overflow:auto;padding:12px}body.phase17-nav-open aside{display:flex}body.phase17-nav-open aside a{font-size:14px;padding:10px 15px}body.phase17-nav-open aside .account small{display:block}.phase17-sidebar-toggle{display:inline-flex}.mail{border-radius:0;padding:8px;min-height:80vh}#bulkform{top:0}.message-content>b{display:block}.message{align-items:flex-start}.message summary span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.thread-dialog{z-index:30}#compose{inset:auto 0 0 0;width:100vw;max-height:95vh}}