:root{--blue:#007da9;--blue-dark:#006488;--red:#de424b;--ink:#122136;--muted:#748294;--line:#e5eaf0;--soft:#edf7fb;--bg:#f5f7fa;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #78c9eb;outline-offset:3px}header{height:84px;padding:0 38px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{color:var(--blue);font-size:24px;letter-spacing:-1px;font-weight:900;text-decoration:none;display:flex;align-items:center}.wordmark span{color:var(--red)}.wordmark i{width:6px;height:6px;border-radius:50%;background:var(--red);margin:12px 14px 0 3px}.wordmark small{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600}.header-right{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.avatar{display:grid;place-items:center;width:35px;height:35px;background:var(--soft);border:1px solid #d4e9f2;border-radius:10px;color:var(--blue);font-weight:bold;margin-left:20px}.notice{background:#edf7fb;color:#456777;font-size:11px;padding:9px 38px;display:flex;gap:16px}.notice span{font-size:9px;letter-spacing:1.2px;font-weight:700}.workspace{max-width:1800px;margin:auto;display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 120px)}.sidebar{border-right:1px solid var(--line);background:white;padding:30px 21px;display:flex;flex-direction:column}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.plus{border:1px solid #d7e6ec;color:var(--blue);border-radius:7px;font-size:21px;line-height:28px;width:30px;height:30px}.mailbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;width:100%;text-align:left;padding:12px 10px;margin-bottom:8px}.mailbox.active{background:var(--soft);border-color:#b5dcea}.mailbox-icon{width:32px;height:32px;display:grid;place-items:center;background:#fff;border:1px solid #d3e5ed;border-radius:8px;color:var(--blue);flex-shrink:0}.mailbox strong{font-size:12px;display:block;overflow-wrap:anywhere}.mailbox small{font-size:10px;color:var(--muted);display:block;overflow-wrap:anywhere}.primary{background:var(--blue);color:white;border-radius:8px;padding:12px 16px;font-weight:600;font-size:12px}.primary:hover{background:var(--blue-dark)}.compose{margin:14px 0 24px;width:100%}.folder{display:flex;align-items:center;text-align:left;width:100%;gap:11px;padding:12px 11px;border-radius:8px;margin-bottom:5px;color:#6a7888;font-size:12px}.folder.active{background:var(--soft);color:var(--blue);font-weight:700}.folder b{margin-left:auto;font-size:10px;background:#d8edf6;color:var(--blue);padding:1px 6px;border-radius:5px}.folder-icon{font-size:16px;width:20px;text-align:center}.side-note{margin-top:auto;padding:40px 10px 0}.note-mark{width:34px;height:34px;border:1px solid #f0ced1;background:#fff6f6;display:grid;place-items:center;color:var(--red);font-size:10px;border-radius:9px;margin-bottom:12px}.side-note strong{font-size:14px;line-height:1.5}.side-note p{font-size:11px;color:var(--muted)}.side-note>span{display:block;font-size:10px;color:var(--blue);border-top:1px solid var(--line);padding-top:13px;margin-top:20px}.mail-area{padding:31px 32px 18px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:29px;letter-spacing:-1px;margin:6px 0}h2{font-size:23px;letter-spacing:-.7px;margin:10px 0}p{margin:8px 0;color:var(--muted)}.page-heading p{font-size:12px}.heading-badge{border:1px solid #dbe6ec;background:white;padding:8px 11px;border-radius:7px;font-size:10px;color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.summary-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:17px 20px;position:relative;overflow:hidden}.summary-card:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:#9caabd}.summary-card.blue:before{background:var(--blue)}.summary-card.red:before{background:var(--red)}.summary-card>span{font-size:11px;color:var(--muted);display:block}.summary-card strong{font-size:29px;display:block;line-height:1.4}.summary-card small{font-size:10px;color:var(--muted)}.blue strong{color:var(--blue)}.red strong{color:var(--red)}.mail-panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;box-shadow:0 8px 28px #12213604}.toolbar{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);gap:20px}.search{display:flex;align-items:center;gap:10px;flex:1}.search>span{font-size:25px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;padding:8px 0;outline-offset:1px;font-size:12px;min-width:0}.light{color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:7px;font-size:11px;white-space:nowrap}.split{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:420px}.message-list{border-right:1px solid var(--line)}.list-heading{display:flex;justify-content:space-between;padding:14px 17px;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.message-row{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 17px;border-left:3px solid transparent}.message-row.active{background:#f0f8fb;border-left-color:var(--blue)}.message-row:hover{background:#f7fafc}.message-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px}.message-meta strong{font-weight:500}.message-row.unread .message-meta strong{font-weight:700}.message-meta time{font-size:9px;color:var(--muted);white-space:nowrap}.message-subject{font-size:12px;display:block;margin:9px 0 6px;line-height:1.5}.snippet{font-size:10px;color:var(--muted);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sample-tag{font-size:8px;display:inline-block;background:#eef2f5;color:#7d8997;padding:2px 5px;border-radius:3px;margin-top:10px}.reader{padding:25px 27px;min-width:0}.reader-actions{display:flex;gap:7px;justify-content:flex-end;margin-bottom:20px;flex-wrap:wrap}.reader h2{font-size:20px;line-height:1.5;margin-bottom:20px}.sender{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px}.sender-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--soft);color:var(--blue);border-radius:10px;font-size:14px;flex-shrink:0}.sender strong{font-size:11px;display:block}.sender small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.message-body{white-space:pre-wrap;font-size:13px;line-height:1.9;margin:25px 0;color:#47586a;overflow-wrap:anywhere}.sample-note{background:#f6f8fa;border:1px solid var(--line);padding:10px 13px;border-radius:7px;color:var(--muted);font-size:10px}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-icon{font-size:30px;color:#bad5e2;margin-bottom:15px}.empty strong{display:block;color:var(--ink);margin-bottom:8px}.reader-empty{display:flex;min-height:360px;align-items:center;justify-content:center}footer{display:flex;justify-content:space-between;color:#95a1af;font-size:9px;padding:20px 2px;letter-spacing:.7px}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:16px;padding:27px;width:min(560px,calc(100vw - 32px));box-shadow:0 20px 80px #12213622;color:var(--ink)}dialog::backdrop{background:#12213666;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{font-size:24px;color:var(--muted)}dialog p{font-size:12px;line-height:1.7}dialog label{display:block;margin-top:17px;font-size:11px;font-weight:600}dialog input,dialog textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dce4eb;border-radius:7px;margin-top:7px;color:var(--ink);background:white}dialog .primary{width:100%;margin-top:12px}.form-error{color:var(--red);min-height:17px}.compose-note{font-size:10px;background:var(--soft);padding:12px;border-radius:7px;color:#52788b;margin-top:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:9px;box-shadow:0 10px 30px #0002;font-size:12px;display:none;z-index:10}#toast.show{display:block}@media(min-width:1500px){.split{grid-template-columns:390px 1fr;min-height:490px}.reader{padding:30px 40px}}@media(max-width:1100px){.workspace{grid-template-columns:205px 1fr}.sidebar{padding:25px 14px}.mail-area{padding:25px 20px}.split{grid-template-columns:280px 1fr}.reader{padding:20px}.heading-badge{display:none}}@media(max-width:850px){header{padding:0 20px;height:70px}.header-right{font-size:0}.notice{padding:9px 20px;display:block}.notice span{display:block;margin-bottom:3px}.workspace{display:block}.sidebar{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}#mailboxes{display:flex;gap:8px;overflow:auto}.mailbox{min-width:190px;width:auto;margin:0}.sidebar-top{margin-bottom:10px}.compose{margin:15px 0;width:100%}#folders{display:flex;overflow:auto;gap:5px}.folder{white-space:nowrap;width:auto;margin:0;padding:9px}.folder b{margin-left:4px}.side-note{display:none}.mail-area{padding:22px 16px}.cards{gap:8px}.summary-card{padding:12px}.summary-card small{font-size:9px}.split{display:block}.message-list{border-right:0;border-bottom:1px solid var(--line)}#messages{max-height:280px;overflow:auto}.reader{padding:23px}.reader-empty{min-height:180px}.toolbar{padding:12px}.toolbar .light{font-size:0}.toolbar .light:after{content:'↻';font-size:18px}footer span{display:none}.message-row{padding:13px 15px}.cards{margin-bottom:17px}}

/* Brand refinement: shared typography and colours with the PRO EVENT shop. */
@font-face{font-family:DM Sans;src:url('./dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:Manrope;src:url('./manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--bg:#f5f7f9;--line:#e6ebef;--muted:#7a8797;--radius:16px}
body{font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
header{height:88px;padding:0 40px;box-shadow:0 1px 0 #12213603}
.wordmark{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.6px;font-weight:800;gap:2px}.wordmark small{margin-left:5px;font-family:'DM Sans',sans-serif;letter-spacing:2.6px;font-size:10px;border-left:1px solid var(--line);padding-left:20px}.wordmark i{margin-right:4px}
.header-right{font-size:12px}.avatar{height:40px;width:40px;border-radius:50%;font-size:12px;background:#eef5f8}.status-dot{background:#74978e}
.notice{font-size:11px;background:#f0f5f8;border-bottom:1px solid #e3ecf1;padding:10px 40px;color:#788b98;align-items:center}.notice span{background:#e3edf2;border-radius:5px;padding:3px 7px;font-size:8px;letter-spacing:1px;color:#4d7183}
.workspace{grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 130px)}
.sidebar{padding:32px 22px;background:#fff}.sidebar-top{margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8794a3}.plus{height:28px;width:28px;border-radius:8px;border-color:#e1e9ee;font-size:19px;background:#fbfdfe}
.mailbox{padding:13px 11px;border-radius:12px;border:1px solid transparent;gap:11px;margin-bottom:8px}.mailbox.active{background:#edf7fb;border-color:#d6eaf3;box-shadow:0 3px 8px #007da905}.mailbox-icon{width:37px;height:37px;border-radius:10px;border:0;box-shadow:0 2px 5px #007da90a}.mailbox strong{font-size:13px;font-weight:700}.mailbox small{font-size:10px;margin-top:3px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.compose{display:flex;justify-content:center;align-items:center;gap:9px;margin:18px 0 31px;padding:13px 12px;border-radius:11px;box-shadow:0 5px 12px #007da91a;font-size:12px}.compose>span{font-size:21px;font-weight:400;line-height:1}.primary{transition:background .15s,box-shadow .15s}
.folder{padding:12px 13px;font-size:12px;gap:13px;border-radius:10px;color:#68788a;margin-bottom:6px}.folder.active{background:#edf7fb;font-weight:650}.folder:not(.active):hover{background:#f6f8fa}.folder-icon{display:flex;align-items:center}.folder b{font-size:10px;border-radius:6px;padding:2px 7px;background:#daedf5;font-weight:600}
.side-note{padding:25px 14px 0;margin-top:auto}.note-mark{width:37px;height:37px;border-radius:11px;font-family:Manrope,sans-serif;font-weight:800;background:#fff8f8;border-color:#f4e0e1}.side-note strong{font-family:Manrope,sans-serif;font-size:15px;line-height:1.7;letter-spacing:-.3px}.side-note p{font-size:11px;line-height:1.8;margin-top:9px}.side-note>span{font-size:10px;color:#8193a1;margin-top:24px}
.mail-area{padding:35px 36px 18px;background:radial-gradient(ellipse at 100% 0,#edf4f8 0,transparent 50%)}.page-heading{margin-bottom:28px;align-items:center}h1{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.3px;margin:9px 0 7px}.page-heading p{font-size:12px;color:#7b8a9b;margin:0}.heading-badge{display:flex;align-items:center;gap:8px;background:#ffffffb3;border:1px solid #e0e7ed;padding:9px 13px;font-size:11px;border-radius:30px;color:#687e8d}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.cards{gap:17px;margin-bottom:27px}.summary-card{padding:19px 23px 18px;border-radius:14px;box-shadow:0 3px 9px #12213602;border-color:#e1e8ee}.summary-card:before{top:22px;bottom:22px;border-radius:0 3px 3px 0;width:3px;background:#a9b8c6}.summary-card.blue:before{background:var(--blue)}.summary-card.red:before{background:var(--red)}.summary-card>span{font-size:11px;font-weight:500;color:#6d7c8d}.summary-card strong{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;margin:4px 0;letter-spacing:-1px;line-height:1.3}.summary-card small{font-size:10px;color:#95a0ac}.card-symbol{position:absolute;right:21px;top:20px;width:35px;height:35px;border-radius:11px;background:#f2f5f8;color:#8a99a9;display:grid;place-items:center;font-size:19px}.blue .card-symbol{background:#edf7fb;color:var(--blue)}.red .card-symbol{background:#fff1f2;color:var(--red)}
.mail-panel{border-radius:16px;border-color:#dfe7ed;box-shadow:0 10px 35px #12213604}.toolbar{padding:16px 22px;gap:24px;background:#fff}.search{gap:12px;color:#9ba7b4}.search input{font-size:12px;padding:9px 0;color:var(--ink)}.search input::placeholder{color:#94a0ad}.light{display:inline-flex;align-items:center;gap:7px;border-color:#e7edf1;border-radius:8px;padding:8px 10px;font-size:10px;color:#768596;background:#fff}.light:hover{background:#f5f9fb;border-color:#cddfe9}.light .icon{width:14px;height:14px}
.split{grid-template-columns:320px minmax(0,1fr);min-height:470px}.message-list{background:#fcfdfe}.list-heading{padding:17px 20px;font-size:9px;color:#95a0ad;background:#fafcfd}.list-heading #list-count{font-weight:600;color:#6d7d8e}.message-row{padding:21px 19px;border-left-width:3px;transition:background .15s}.message-row.active{background:#edf7fb;border-left-color:var(--blue)}.message-meta{font-size:11px;color:#637689}.message-meta strong{font-weight:600}.message-meta time{font-size:9px;color:#99a5af}.message-subject{font-size:13px;font-weight:650;line-height:1.7;margin:10px 0 7px;letter-spacing:-.15px}.message-row.unread .message-subject{color:#18354e}.snippet{font-size:11px;color:#8c99a7}.sample-tag{font-size:7px;letter-spacing:.7px;border:1px solid #e4ebef;background:#f5f8fa;padding:3px 6px;border-radius:4px;margin-top:13px;color:#92a1ad}
.reader{padding:24px 30px;background:white}.reader-actions{padding-bottom:18px;border-bottom:1px solid #edf1f4;margin-bottom:27px;gap:6px}.reader h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.5;margin:0 0 24px;max-width:510px}.sender{gap:12px;padding-bottom:23px}.sender-icon{height:40px;width:40px;border-radius:12px}.sender strong{font-size:11px;font-weight:650}.sender small{font-size:10px;display:block;margin-top:4px;color:#93a0ad}.message-body{font-size:13px;line-height:1.95;color:#627387;margin:27px 0}.sample-note{font-size:9px;color:#91a0ad;background:#f9fbfc;border-color:#edf1f4;padding:11px 13px;border-radius:9px;line-height:1.7}.reader-empty{min-height:415px}.empty-icon{width:64px;height:64px;margin:0 auto 21px;border-radius:20px;background:#f0f7fa;display:grid;place-items:center;color:#71abc2;box-shadow:0 0 0 10px #f9fcfd}.empty-icon .icon{width:28px;height:28px}.empty strong{font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.5px}.empty{font-size:11px}footer{font-size:8px;padding:23px 2px;color:#a2adb7;letter-spacing:1.5px}footer span{font-size:9px;letter-spacing:0}
dialog{border-radius:20px;padding:30px;box-shadow:0 30px 100px #12213626}dialog h2{font-family:Manrope,sans-serif;font-weight:800;margin-top:16px;font-size:25px}dialog input,dialog textarea{border-radius:10px;background:#fbfcfd}dialog .primary{border-radius:10px}button,a,input,textarea{transition:background .15s,border-color .15s}
@media(min-width:1600px){.split{grid-template-columns:365px minmax(0,1fr);min-height:510px}.reader{padding:28px 40px}}
@media(max-width:1200px){.workspace{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:28px 16px}.mail-area{padding:30px 25px}.split{grid-template-columns:280px minmax(0,1fr)}.reader{padding:22px}.reader h2{font-size:21px}.summary-card{padding:17px 19px}.card-symbol{right:16px}}
@media(max-width:950px){.split{grid-template-columns:245px minmax(0,1fr)}.reader-actions{justify-content:flex-start}.reader-actions .light{font-size:9px;padding:7px}.cards{gap:10px}.summary-card small{font-size:9px}.card-symbol{width:27px;height:27px;font-size:16px;right:12px}.summary-card strong{font-size:28px}}
@media(max-width:850px){header{height:74px;padding:0 20px}.wordmark{font-size:24px}.wordmark small{padding-left:12px;margin-left:2px}.header-right{font-size:0}.avatar{margin-left:0;width:34px;height:34px}.status-dot{display:none}.notice{padding:9px 20px;font-size:10px;display:block}.notice span{display:inline-block;margin:0 8px 0 0}.workspace{display:block}.sidebar{padding:20px;border-right:0}.sidebar-top{margin-bottom:13px}.mailbox{min-width:210px;margin-bottom:0}.compose{margin:16px 0 18px}.folder{padding:10px;gap:8px;white-space:nowrap}.mail-area{padding:25px 16px}.page-heading{margin-bottom:22px}h1{font-size:29px}.heading-badge{display:none}.summary-card{padding:15px 12px}.summary-card>span{font-size:10px}.summary-card small{font-size:8px;display:block;max-width:95px}.summary-card strong{font-size:26px}.summary-card:before{top:17px;bottom:17px}.card-symbol{display:none}.cards{margin-bottom:22px;gap:8px}.split{display:block}.toolbar{padding:13px 16px;gap:10px}.toolbar .light{font-size:10px;padding:8px}.toolbar .light span{display:none}.toolbar .light:after{content:none}.toolbar .light .icon{width:17px;height:17px}.reader{padding:24px 20px}.reader-empty{min-height:230px}.reader-actions{margin-bottom:22px}.message-row{padding:17px}.list-heading{padding:13px 17px}.search input{font-size:11px}.reader h2{font-size:21px}.side-note{display:none}footer{font-size:8px}#messages{max-height:310px;overflow:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Mail settings and everyday composition tools. */
[hidden]{display:none!important}.settings-link{margin-top:23px;border-top:1px solid var(--line);padding-top:17px;border-radius:0;font-weight:600}.settings-link[aria-pressed=true]{color:var(--blue)}.settings-area{padding:35px 36px;min-width:0}.settings-context{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:24px 0}.settings-context label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:14px}.settings-context select{border:1px solid #dfe8ed;border-radius:8px;padding:8px 12px;font:inherit;color:var(--ink);background:#fbfdfe;font-size:12px;max-width:100%}.pending-chip{background:#fff5ed;color:#a1774e;font-size:10px;border-radius:20px;padding:7px 11px}.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.settings-tabs button{font-size:11px;padding:10px 13px;border-radius:9px;color:#7a8797;border:1px solid transparent}.settings-tabs button:hover{background:#fff}.settings-tabs .active{color:var(--blue);background:#fff;border-color:#dbe8ef;box-shadow:0 3px 8px #007da908}.setting-card{padding:26px 28px;background:white;border:1px solid #dfe7ed;border-radius:16px;margin-bottom:20px;box-shadow:0 6px 25px #12213603}.setting-card h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px;margin:0 0 8px;font-weight:800}.setting-card p{font-size:12px;line-height:1.8}.setting-card-heading{margin-bottom:23px}.setting-field{display:block;font-size:11px;font-weight:600;margin:17px 0;color:#627488}.setting-field input,.setting-field textarea,.setting-field select{display:block;width:100%;border:1px solid #dfe7ed;border-radius:9px;padding:11px 12px;margin-top:8px;background:#fbfcfd;color:var(--ink);font:12px/1.6 'DM Sans',sans-serif}.setting-field textarea{resize:vertical}.form-grid,.recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.switch-row{display:flex;gap:10px;align-items:center;font-size:12px;color:#627488;padding:12px 0}.switch-row input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}.setting-form-footer{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.setting-form-footer>span{color:#99a4af;font-size:10px}.setting-card .primary{border-radius:9px}.setting-card .field-help{font-size:10px;color:#8b99a7;margin:12px 0;max-width:700px}.settings-list{margin:20px 0}.setting-list-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.setting-list-row strong{font-size:12px;overflow-wrap:anywhere}.setting-list-row small{display:block;font-size:10px;color:#91a0ad;margin-top:5px;overflow-wrap:anywhere}.row-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.soft-empty{background:#f7fafc;border:1px dashed #e0e9ef;border-radius:9px;padding:22px;font-size:11px;color:#93a1ae}.target-boxes{margin:17px 0;border:1px solid #dfe7ed;border-radius:9px;padding:10px 14px;min-width:0}.target-boxes legend{font-size:11px;color:#627488;padding:0 5px}.target-boxes .switch-row{font-size:11px;overflow-wrap:anywhere}.routing-heading{font-size:10px;color:var(--blue);font-weight:600;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.routing-row{background:#f2f8fb;border:1px solid #dfeef5;border-radius:10px;padding:15px 18px;margin-top:10px;font-size:12px}.routing-row strong{overflow-wrap:anywhere}.routing-row p{font-size:11px;margin:6px 0 0}.routing-row small{color:#7b95a5;font-size:10px}.system-checks{margin:23px 0}.system-checks>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.system-checks strong{font-weight:600}.system-checks span{color:#91a0ad;font-size:10px;text-align:right}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;color:#91a0ad;font-size:10px}.pagination:empty{display:none}.compact .message-row{padding:12px 17px}.compact .message-subject{margin:6px 0 3px}.compact .sample-tag{margin-top:6px}.recipient-grid{gap:12px}button:disabled{cursor:default}#settings-error:empty{display:none}
@media(max-width:1100px){.settings-area{padding:30px 25px}.setting-card{padding:23px}.settings-context{flex-wrap:wrap}.setting-list-row{align-items:flex-start}.system-checks>div{display:block}.system-checks span{display:block;text-align:left;margin-top:6px}}
@media(max-width:850px){.settings-area{padding:25px 16px}.settings-link{margin-top:14px;padding:12px 10px}.setting-card{padding:21px 18px}.settings-context{padding:14px}.settings-context label{display:block;width:100%}.settings-context select{display:block;width:100%;margin-top:8px}.settings-tabs{gap:4px}.settings-tabs button{padding:9px;font-size:10px}.setting-card h2{font-size:18px}.form-grid,.recipient-grid{grid-template-columns:1fr;gap:0}.setting-form-footer{align-items:flex-start;flex-direction:column}.setting-form-footer .primary{width:100%}.setting-list-row{flex-direction:column;gap:12px}.row-actions{width:100%}.setting-field{margin:14px 0}.settings-area .page-heading{gap:10px}.settings-area h1{font-size:27px}.pending-chip{font-size:9px}.settings-context{gap:12px}}
.recipient-note{font-size:10px;color:#93a0ad;overflow-wrap:anywhere;margin:10px 0}
#session-controls{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:20px;font-size:11px;color:var(--muted)}.login-area{display:grid;place-items:center;min-height:calc(100vh - 140px);padding:25px}.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;width:min(440px,100%);box-shadow:0 15px 50px #12213606}.login-card h1{font-size:28px}.login-card p{font-size:12px}.login-card label{display:block;font-size:12px;margin-top:20px}.login-card input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit}.login-card .primary{width:100%;margin-top:20px}.security-dialog{width:min(740px,calc(100vw - 32px));max-height:85vh;overflow:auto}.security-dialog section{padding:22px 0;border-top:1px solid var(--line)}.security-dialog h3{font-family:Manrope,sans-serif;font-size:16px}.security-dialog select{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.security-dialog fieldset{border:1px solid var(--line);border-radius:10px;margin:18px 0;font-size:11px}.security-dialog .switch-row input{width:16px;margin:0}.security-dialog .primary{margin:12px 0}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;font-size:11px}.attachment-list>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 10px;border-radius:8px;max-width:100%;overflow-wrap:anywhere}.compose-buttons{display:flex;gap:10px;align-items:center;margin-top:15px}.compose-buttons .primary{margin:0;width:auto;flex:1}.move-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin:16px 0}.move-control select{padding:6px;border:1px solid var(--line);border-radius:7px;background:white;font:inherit}dialog iframe{display:block;border:1px solid var(--line);width:100%;height:60vh;margin-top:15px}#add-folder{margin-top:8px;width:100%;justify-content:center}.security-dialog .setting-list-row{gap:8px}#attachment-input{font-size:11px}
@media(max-width:850px){#session-controls{margin-right:0;gap:5px}#session-name{display:none}#session-controls .light{font-size:8px;padding:6px}.header-right{display:none}.wordmark small{display:none}.login-card{padding:25px}.compose-buttons{flex-direction:column;align-items:stretch}.compose-buttons .primary{width:100%}}

.plan-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font-size:12px;background:#edf5f8;padding:16px;border-radius:12px}

@media(max-width:600px){header{height:auto;min-height:92px;flex-wrap:wrap;gap:12px;padding:20px}#session-controls{width:100%;margin:0;justify-content:flex-start}#session-controls .light{font-size:11px;padding:9px 12px;min-height:38px}#session-name{display:none}}

.condition-row{display:grid;grid-template-columns:1.15fr 1fr 1.3fr auto;align-items:end;gap:12px;background:#f4f7fc;border:1px solid #e0e7f2;border-radius:14px;padding:16px;margin:12px 0}.condition-row .setting-field{margin:0}.condition-row button{margin-bottom:2px}.folder-edit{display:flex;align-items:end;gap:14px;padding:12px 0;border-bottom:1px solid #e5eaf2}.folder-edit label{flex:1;margin:0}.folder-badge{display:inline-block;font-size:11px;color:#305db3;background:#edf3ff;border-radius:7px;padding:3px 7px;margin-top:6px}.rule-extras{margin:14px 0}.setting-list-row .row-actions{flex-wrap:wrap;justify-content:flex-end}.condition-row [hidden],#forward-extra[hidden]{display:none!important}@media(max-width:760px){.condition-row{grid-template-columns:1fr 1fr}.condition-row label:last-of-type{grid-column:1/-1}.condition-row button{justify-self:end}.setting-list-row{align-items:start;flex-direction:column;gap:12px}.folder-edit{align-items:end}.settings-list .row-actions{justify-content:flex-start}}

.attachment-section{margin:24px 0 18px}.attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.attachment-heading h3{margin:0;font:600 13px Manrope,sans-serif;color:var(--ink)}.attachment-heading>span{font-size:11px;color:var(--muted)}.attachment-dropzone{display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed #b9cedc;border-radius:15px;background:linear-gradient(120deg,#f3f8fc,#fafcfe);transition:border-color .15s,background .15s,box-shadow .15s}.attachment-dropzone.dragging{border:1px solid var(--blue);background:#eaf4fb;box-shadow:0 0 0 4px #3b82bc12}.attachment-upload-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;color:var(--blue);background:#e4eff7}.attachment-upload-icon svg{width:23px;height:23px}.attachment-drop-copy{flex:1;min-width:0}.attachment-drop-copy strong{display:block;font-size:12px;color:var(--ink)}.attachment-drop-copy span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.attachment-add{border:1px solid #c4d7e5;background:#fff;color:var(--blue);border-radius:9px;padding:10px 13px;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 5px #243d5810}.attachment-add:hover{background:#edf5fa;border-color:var(--blue)}.attachment-add:focus-visible,.attachment-remove:focus-visible{outline:3px solid #8ab9dc;outline-offset:3px}.attachment-help{font-size:10px!important;color:var(--muted);margin:9px 1px!important;line-height:1.6}.attachment-status{font-size:11px;color:var(--blue);margin:8px 0}.attachment-status:empty{display:none}.attachment-cards{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.attachment-cards .attachment-card{padding:12px 13px;border:1px solid #e0e8ef;border-radius:12px;background:#fff;gap:12px;min-width:0}.attachment-filetype{flex:0 0 40px;height:43px;display:grid;place-items:center;border-radius:9px;background:#eef4fa;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.5px;border-bottom:3px solid #cc505c}.attachment-file-info{flex:1;min-width:0}.attachment-file-info strong{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-info small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.attachment-remove{display:grid;place-items:center;flex:0 0 30px;height:30px;border:0;border-radius:8px;background:#f5f7fa;color:#8393a0;font-size:20px}.attachment-remove:hover{background:#fff0f1;color:#be4655}@media(max-width:600px){.attachment-dropzone{flex-wrap:wrap;padding:16px;gap:12px}.attachment-add{width:100%;padding:12px}.attachment-heading{align-items:start}.attachment-heading>span{font-size:10px}.attachment-drop-copy span{line-height:1.5}}
.dashboard-area{padding:32px;min-width:0}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding:25px 28px;background:linear-gradient(120deg,#e5f4fa,#fff 80%);border:1px solid #d8eaf2;border-radius:18px;position:relative;overflow:hidden}.dashboard-hero:after{content:'';position:absolute;right:0;top:0;height:100%;width:4px;background:var(--red)}.dashboard-hero h1{font-size:36px}.dashboard-role,.role-tag{font-size:10px;font-weight:700;color:var(--blue);background:#eaf6fb;border:1px solid #d3e9f3;border-radius:30px;padding:7px 11px;white-space:nowrap}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.dashboard-stats .summary-card{border-radius:14px}.dashboard-stats .summary-card:nth-child(2):before{background:var(--blue)}.dashboard-stats .summary-card:nth-child(4):before{background:var(--red)}.dashboard-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.dashboard-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 5px 24px #12213603}.dashboard-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.dashboard-title h2{font-size:20px;margin:4px 0}.dashboard-title label{font-size:11px;max-width:260px}.dashboard-title select{max-width:100%}.dashboard-box,.dashboard-user{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border-top:1px solid var(--line);padding:16px 0}.dashboard-box:hover{background:#f7fbfd}.dashboard-box strong,.dashboard-user strong{display:block;font-size:13px}.dashboard-box small,.dashboard-user small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.dashboard-box b{margin-left:auto;text-align:right;color:var(--blue);font-size:20px}.dashboard-box b small{font-size:9px;font-weight:400}.dashboard-monogram{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #d3e9f3;background:#eaf6fb;color:var(--blue);border-radius:12px;font-size:12px;font-weight:700}.user-mark{background:#fff2f3;border-color:#f7d7db;color:var(--red)}.dashboard-user .role-tag{margin-left:auto}.dashboard-message{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:17px 0;border-top:1px solid var(--line)}.dashboard-message:hover{background:#f7fbfd}.dashboard-message>span:nth-child(2){flex:1;min-width:0}.dashboard-message strong{display:block;font-size:12px;font-weight:500}.dashboard-message.unread strong{font-weight:700}.dashboard-message small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.feed-dot{width:6px;height:6px;background:#d5dfe8;border-radius:50%;flex-shrink:0}.unread .feed-dot{background:var(--blue)}.feed-folder{font-size:10px;color:var(--blue);background:#edf7fb;padding:4px 8px;border-radius:5px}.dashboard-message time{font-size:10px;color:var(--muted);white-space:nowrap}.dashboard-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.dashboard-domain{padding:16px;border:1px solid var(--line);border-radius:12px}.dashboard-domain strong,.dashboard-domain small,.dashboard-domain span{display:block;overflow-wrap:anywhere}.dashboard-domain small{color:var(--muted);font-size:11px}.dashboard-domain span{font-size:10px;color:#926b30;margin-top:8px}#dashboard-domain-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}#dashboard-domain-form label{flex:1;min-width:200px}#dashboard-domain-form p{width:100%}#open-dashboard{margin-bottom:18px;border:1px solid #d8eaf2;color:var(--blue);font-weight:700}.dashboard-area[hidden]{display:none}@media(max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;gap:12px}.dashboard-hero h1{font-size:28px}}@media(max-width:650px){.dashboard-area{padding:18px 14px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-hero{padding:20px;flex-direction:column}.dashboard-card{padding:16px}.dashboard-domains{grid-template-columns:1fr}.dashboard-title{flex-wrap:wrap}.feed-folder{display:none}.dashboard-user{flex-wrap:wrap}.dashboard-message{gap:8px}.dashboard-role{font-size:9px}#session-controls{flex-wrap:wrap}}


/* Domain management: presentation only, existing submission contract retained. */
.dashboard-domain-section{padding:28px;border-radius:20px;box-shadow:0 8px 30px #12213605}
.dashboard-domain-section .domain-section-title{margin-bottom:24px}
.domain-title-group{display:flex;gap:15px;align-items:center;min-width:0}
.domain-section-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;background:linear-gradient(145deg,#e8f5fa,#f4f9fc);border:1px solid #d9eaf2;color:var(--blue)}
.domain-section-icon svg{width:25px;height:25px}
.domain-section-title h2{font-size:23px;margin:3px 0 0}
.dashboard-domain-section .dashboard-domains{gap:14px;margin-bottom:24px}
.dashboard-domain-section .domain-address-card{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:14px;background:#fff;border:1px solid #e0e9ef}
.dashboard-domain-section .domain-address-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#f0f6f9;color:var(--blue);font:600 20px Manrope,sans-serif}
.domain-address-copy{min-width:0}
.dashboard-domain-section .domain-address-copy strong{font:700 16px/1.5 Manrope,sans-serif;color:var(--ink)}
.dashboard-domain-section .domain-address-copy small{margin-top:4px;font-size:11px}
.dashboard-domain-section .domain-setup-status{display:inline-block;font-size:10px;line-height:1.6;margin-top:12px;padding:5px 8px;background:#fff8eb;border:1px solid #f3e8cf;border-radius:7px;color:#8b6a35}
.dashboard-domain-section #dashboard-domain-form{display:block;padding:24px;border:1px solid #d6e6ef;border-radius:16px;background:linear-gradient(120deg,#f0f7fb,#fafcfe 80%)}
.domain-add-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.domain-add-symbol{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--blue);background:white;border:1px solid #d8e6ee;border-radius:10px;font-size:22px;font-weight:400}
.domain-add-heading h3{font:700 15px/1.5 Manrope,sans-serif;margin:0;color:var(--ink)}
.domain-add-heading p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.6}
.domain-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.dashboard-domain-section #dashboard-domain-form label{display:grid;gap:10px;font-size:11px;font-weight:600;min-width:0;margin:0;color:#4f6578}
.domain-input-shell{display:flex;align-items:center;min-width:0;border:1px solid #cbdde8;border-radius:11px;background:#fff;box-shadow:0 2px 7px #213b5210;transition:border-color .15s,box-shadow .15s;overflow:hidden}
.domain-input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #007da918}
.domain-input-prefix{display:grid;place-items:center;flex:0 0 45px;align-self:stretch;color:var(--blue);background:#f7fafc;border-right:1px solid #e4edf2;font-size:18px;font-weight:500}
.dashboard-domain-section #dashboard-domain-form input{width:100%;min-width:0;min-height:49px;border:0;border-radius:0;background:transparent;outline:none;padding:13px 15px;font:500 14px/1.6 'DM Sans',sans-serif;color:var(--ink)}
.dashboard-domain-section #dashboard-domain-form input::placeholder{color:#92a2b1;font-weight:400}
.dashboard-domain-section .domain-add-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:51px;padding:13px 20px;border-radius:11px;box-shadow:0 4px 12px #007da91c;font-size:12px;font-weight:600;white-space:nowrap}
.domain-add-button>span{font-size:19px;font-weight:400;line-height:1}
.dashboard-domain-section #dashboard-domain-help{margin:17px 0 0;font-size:10px;line-height:1.8;color:#758797;max-width:680px}
.dashboard-domain-section #dashboard-domain-error:empty{display:none}
@media(max-width:650px){.dashboard-domain-section{padding:20px}.domain-section-title{gap:12px}.domain-title-group{gap:11px}.domain-section-title .role-tag{font-size:8px;padding:6px 8px}.domain-section-title h2{font-size:21px}.dashboard-domain-section #dashboard-domain-form{padding:18px}.domain-add-row{grid-template-columns:1fr}.dashboard-domain-section .domain-add-button{width:100%}.dashboard-domain-section .domain-address-card{padding:17px}.domain-add-heading{align-items:flex-start}.domain-add-heading h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.domain-input-shell{transition:none}}

/* Shared Event Mail selection system, including settings and account dialogs. */
.mail-select{position:relative;display:block;width:100%;min-width:0;font-weight:400}
.mail-select[hidden]{display:none!important}
select.mail-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;padding:0!important;margin:0!important;border:0!important;min-width:0!important}
.mail-select .mail-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:12px 15px;border:1px solid #cbdde7;border-radius:11px;background:linear-gradient(180deg,#fff,#f9fcfe);box-shadow:0 2px 7px #18374908;color:#294b62;font:500 12px/1.5 'DM Sans',sans-serif;text-align:left;transition:border-color .15s,box-shadow .15s}
.mail-select-trigger:hover{border-color:#8ab9cf;background:#f6fbfd}
.mail-select-trigger[aria-expanded="true"],.mail-select-trigger:focus-visible{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #007da918}
.mail-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-select-trigger svg{width:18px;height:18px;flex-shrink:0;color:#61899f;transition:transform .15s}
.mail-select-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.mail-select-menu{position:fixed;z-index:10000;overflow-y:auto;padding:7px;background:white;border:1px solid #d8e5ed;border-radius:13px;box-shadow:0 12px 40px #14344e24;font:12px/1.5 'DM Sans',sans-serif;overscroll-behavior:contain}
.mail-select-menu .mail-select-option{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:40px;border:0;border-radius:8px;background:white;padding:10px 12px;text-align:left;color:#496375;font:500 12px/1.5 'DM Sans',sans-serif}
.mail-select-option>span:first-child{overflow-wrap:anywhere;min-width:0}
.mail-select-menu .mail-select-option[aria-selected="true"]{background:#eaf5fa;color:var(--blue);font-weight:700}
.mail-select-menu .mail-select-option:hover,.mail-select-menu .mail-select-option.is-focused{background:#f0f7fb;box-shadow:inset 0 0 0 1px #cee3ee}
.mail-select-check{color:var(--blue);font-size:15px;flex-shrink:0}
.mail-select-menu .mail-select-option:disabled{opacity:.4;cursor:default}
.dashboard-title label:has(#dashboard-mailbox-filter){min-width:235px;display:grid;gap:8px;color:#617788}
@media(max-width:650px){.dashboard-title label:has(#dashboard-mailbox-filter){width:100%;max-width:none;min-width:0}.mail-select .mail-select-trigger{min-height:46px}.mail-select-menu .mail-select-option{min-height:44px}}
@media(prefers-reduced-motion:reduce){.mail-select-trigger,.mail-select-trigger svg{transition:none}}

/* Desktop download and readable settings navigation. */
.sidebar .settings-link{font-size:16px;line-height:1.5;font-weight:700;display:flex;align-items:center;gap:15px;padding:18px 14px;min-height:60px}.settings-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:23px;line-height:1}.desktop-download-intro{display:flex;gap:24px;align-items:center;margin-bottom:25px}.desktop-download-intro img{flex:0 0 88px}.desktop-download-intro .eyebrow{display:block;margin-bottom:8px}.desktop-download-intro p{margin:0}.desktop-download-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:14px;padding:15px 22px;border-radius:12px}.desktop-download-button>span{font-size:22px}.desktop-download-steps{max-width:670px;margin-top:24px}.desktop-download-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.desktop-download-footer .light{text-decoration:none;display:inline-block}.desktop-download-footer>span{color:var(--muted);font-size:11px}@media(max-width:600px){.desktop-download-intro{align-items:flex-start;gap:16px}.desktop-download-intro img{width:64px;height:64px;flex-basis:64px}.desktop-download-intro h2{font-size:18px}.desktop-download-button{width:100%;font-size:13px}.sidebar .settings-link{font-size:16px;gap:15px}}

/* Installable app and comfortable touch controls. */
.install-device-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.install-device-tabs button{min-height:44px;padding:12px 16px;font-size:13px}.install-device-tabs [aria-pressed=true]{background:#eaf2ff;border-color:#b6ccf4;color:#225fe2}.install-action{min-height:48px;padding:14px 22px;font-size:14px}.install-status{color:#627488;min-height:24px}.install-guide{background:#f5f8fd;border:1px solid #e1e9f4;border-radius:16px;padding:22px;margin-top:18px}.install-guide h3{margin:0 0 16px;font-size:16px}.install-guide ol{padding-left:22px;margin:0;line-height:1.7;font-size:14px;color:#475a73}.install-guide li{margin:12px 0;padding-left:5px}.install-guide p{margin-bottom:0}.install-downloads{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.install-downloads a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:12px 16px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}@media(max-width:850px){input,select,textarea,.setting-field input,.setting-field textarea,.setting-field select,.settings-context select{font-size:16px}button,.folder,.light{min-height:44px}.settings-tabs button{min-height:44px;font-size:12px;padding:12px}.install-action{width:100%}.install-downloads{flex-direction:column}.install-downloads a{justify-content:center}.install-guide{padding:18px}.desktop-download-intro{align-items:flex-start}.settings-context label{font-size:12px}}

.advanced-search{margin:12px 0;padding:16px;background:#f6f8fc;border:1px solid #e0e7f0;border-radius:16px}.advanced-search summary{cursor:pointer;font-weight:600}.advanced-search form{margin-top:12px}.message-tags{font-size:11px;color:#315fba}.thread-card{padding:16px;margin:12px 0;border:1px solid #dce4ef;border-radius:14px}#bulk-items{max-height:45vh;overflow:auto}#draft-autosave-status{font-size:13px;color:#52705c}.advanced-controls{margin-top:24px}.advanced-status{padding:12px;background:#f2f6fc;border-radius:12px;overflow-wrap:anywhere}#advanced-mail-dialog{max-width:760px}.token-once{font-family:monospace;user-select:all;overflow-wrap:anywhere;background:#edf4ff;padding:18px;border-radius:12px} .message-body{overflow-wrap:anywhere}

#mail-tools-dialog{width:min(880px,calc(100vw - 32px));max-height:92vh;overflow:auto}.tool-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.readiness-item{border:1px solid #e1e7ee;border-radius:18px;padding:20px;margin:12px 0}.readiness-item span{display:inline-block;margin-left:12px;color:#566379}.readiness-item p{margin:8px 0 0}.readiness-item.ready{border-left:4px solid #36886c}.readiness-item.pending{border-left:4px solid #cc8050}.message-warning{border:1px solid #f1d0a9;background:#fff9f0;padding:18px;border-radius:16px;margin:20px 0}.message-warning strong{display:block}.message-warning p{font-size:13px;line-height:1.6}progress{width:100%;accent-color:#225fe2}
#mail-tools-dialog .tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#mail-tools-dialog .tool-tabs button{width:auto;min-height:46px;margin:0;font-size:13px;padding:10px 16px}#mail-tools-dialog input[type=file]::file-selector-button,#crypto-decrypt-dialog input[type=file]::file-selector-button{border:1px solid #dbe4ee;border-radius:10px;background:#f3f7fc;color:#263951;padding:10px 14px;margin-right:12px;font:inherit;cursor:pointer}#mail-tools-dialog .setting-card>p{line-height:1.65}#mail-tools-dialog .setting-list-row{gap:16px;overflow-wrap:anywhere}#mail-tools-dialog .setting-list-row small{display:block;margin-top:6px}@media(max-width:560px){#mail-tools-dialog .tool-tabs{grid-template-columns:1fr}#mail-tools-dialog .readiness-item span{display:block;margin:8px 0 0}}

.company-header{padding:22px 32px;gap:24px;min-height:88px;align-items:center;flex-wrap:nowrap}
.company-header .wordmark{flex-shrink:0}
.company-header #session-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;width:auto}
.company-header #session-controls[hidden]{display:none}
.company-header #session-name,.company-header .header-right{display:none}
#company-switch{display:flex;gap:4px;padding:4px;background:#f4f8fa;border:1px solid #dce8ed;border-radius:12px}
#company-switch button{padding:12px 18px;min-height:44px;border-radius:9px;font-size:12px;font-weight:700;color:#647786;white-space:nowrap;transition:background .15s,color .15s}
#company-switch button[aria-pressed="true"]{background:white;color:var(--blue);box-shadow:0 2px 7px #15334710;outline:1px solid #d7eaf2}
#company-switch button:hover{color:var(--blue);background:#eaf5f9}
#company-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.company-header #logout{white-space:nowrap;margin-left:4px}
.company-header #account{white-space:nowrap}
.company-context{font-weight:700;font-size:12px;color:var(--blue);margin:0 0 12px}
.company-empty{padding:16px 8px;color:var(--muted);font-size:12px;line-height:1.6}
.company-empty strong{display:block;color:var(--ink);font-size:13px}
.company-empty p{margin:8px 0 0}
.dashboard-hero{padding:16px 22px;margin-bottom:18px;min-height:0;gap:18px}
.dashboard-hero h1{font-size:28px;line-height:1.15;margin:5px 0 6px}
.dashboard-hero .eyebrow{font-size:9px}
.dashboard-hero p{font-size:12px;margin:0;line-height:1.5}
.dashboard-stats .summary-card{padding:16px 20px;min-height:0}
.dashboard-stats .summary-card strong{font-size:28px;margin:5px 0}
.dashboard-area{padding-top:24px}
@media(max-width:1100px){.company-header{padding:18px 22px;flex-wrap:wrap;gap:14px}.company-header #session-controls{gap:9px}#company-switch button{padding:11px 13px}.company-header .wordmark{font-size:24px}}
@media(max-width:800px){.company-header #session-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.company-header #company-switch{grid-column:1/-1;grid-row:1;width:100%}.company-header #company-switch button{flex:1;white-space:normal;font-size:11px}.company-header #account{grid-column:1;grid-row:2;justify-self:start}.company-header #logout{grid-column:2;grid-row:2;justify-self:end}.company-header #session-controls .light{min-height:40px}.dashboard-hero{padding:14px 16px;flex-direction:row;align-items:center}.dashboard-hero h1{font-size:24px}.dashboard-role{display:none}}
.company-header{height:auto}
.company-header #demo-role{display:none}
@media(min-width:1101px){.company-header{padding-top:14px;padding-bottom:14px;min-height:80px}}
@media(max-width:800px){.company-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px}.company-header .wordmark{grid-column:1;grid-row:1}.company-header #session-controls{display:contents}.company-header #session-controls[hidden]{display:none}.company-header #company-switch{grid-row:2}.company-header #logout{grid-row:1;grid-column:2;margin:0}.company-header #account{grid-row:3;grid-column:1/-1;justify-self:end;padding:4px 8px;min-height:28px;background:transparent;border-color:transparent}}

/* Event-Mail company header, aligned with the mailbox sidebar. */
.company-header{position:relative;isolation:isolate;overflow:hidden;padding:0 28px 0 0;gap:24px;min-height:94px;background:#fff;box-shadow:0 3px 16px #16313f06}
.company-header::before{content:'';position:absolute;z-index:-1;inset:0 0 0 auto;width:46%;pointer-events:none;background:linear-gradient(112deg,#fff 8%,#eef7fc 34%,#c0e3f3 61%,#287a9e 100%);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.company-header .wordmark{flex:0 0 calc(258px + max(0px,(100vw - 1800px)/2));align-self:stretch;justify-content:center;padding:0 16px 0 calc(16px + max(0px,(100vw - 1800px)/2));border-right:1px solid var(--line);font-size:31px;letter-spacing:-1.2px;line-height:1;white-space:nowrap}
.company-header .wordmark i{flex-shrink:0;margin:10px 0 0 5px}
.company-header #session-controls{position:relative;gap:10px;flex-wrap:nowrap}
.company-header #session-controls .light{background:#ffffffed;border:1px solid #d5e3eb;color:#284f64;min-height:42px;border-radius:10px;padding:11px 14px}
.company-header #session-controls .light:hover{background:#fff;border-color:#97bfd3}
#company-switch{background:#ffffffc9;border-color:#d9e7ee;padding:4px;box-shadow:0 3px 12px #17334706}
#company-switch button[data-company="pro-event"]{color:#006488}
#company-switch button[data-company="ems"]{color:#ba2534}
#company-switch button[data-company="pro-event"][aria-pressed="true"]{background:#edf7fc;color:#006488;outline-color:#b7ddea;box-shadow:0 2px 7px #15334710}
#company-switch button[data-company="ems"][aria-pressed="true"]{background:#fff0f2;color:#ba2534;outline-color:#f0c5cc;box-shadow:0 2px 7px #8b203010}
#company-switch button[data-company="ems"]:hover{background:#fff0f2;color:#a61d2b}
#company-switch button[data-company="ems"]:focus-visible{outline-color:#ba2534}
@media(min-width:851px) and (max-width:1200px){.company-header .wordmark{flex-basis:225px;font-size:29px;padding-left:14px;padding-right:14px}.company-header{gap:16px;padding-right:20px}#company-switch button{padding:11px 12px}}
@media(min-width:801px) and (max-width:1100px){.company-header{flex-wrap:nowrap}.company-header .wordmark{font-size:29px}.company-header #session-controls{gap:7px}.company-header #session-controls .light{font-size:10px;padding:10px}}
@media(min-width:801px) and (max-width:850px){.company-header .wordmark{flex-basis:210px;font-size:27px;padding:0 12px}.company-header{gap:10px;padding-right:14px}#company-switch button{font-size:11px;padding:10px}}
@media(max-width:800px){.company-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:12px;min-height:0}.company-header::before{width:70%;opacity:.7}.company-header .wordmark{border-right:0;justify-content:flex-start;align-self:center;padding:4px 0;font-size:30px}.company-header #session-controls{display:contents}.company-header #session-controls[hidden]{display:none}.company-header #company-switch{grid-column:1/-1;grid-row:2}.company-header #company-switch button{min-height:44px}.company-header #logout{grid-column:2;grid-row:1}.company-header #account{grid-column:1/-1;grid-row:3;justify-self:end}.company-header #session-controls .light{font-size:11px;min-height:36px;padding:8px 11px}}

/* Company accent follows the chosen firm; keep the wordmark colours. */
.company-header .wordmark{font-size:33px}
.company-header::before{transition:opacity .3s ease}
.company-header::after{content:'';position:absolute;z-index:-1;inset:0 0 0 auto;width:46%;pointer-events:none;background:linear-gradient(112deg,#fff 8%,#fff3f4 34%,#efc0c8 61%,#ba2534 100%);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);opacity:0;transition:opacity .3s ease}
.company-header[data-company="ems"]::before{opacity:0}
.company-header[data-company="ems"]::after{opacity:1}
@media(min-width:851px) and (max-width:1200px){.company-header .wordmark{font-size:31px}}
@media(min-width:801px) and (max-width:850px){.company-header .wordmark{font-size:29px}}
@media(max-width:800px){.company-header .wordmark{font-size:32px}.company-header::after{width:70%}.company-header[data-company="ems"]::after{opacity:.7}}
@media(prefers-reduced-motion:reduce){.company-header::before,.company-header::after{transition:none}}

/* Firm accent is shared by navigation, actions and company information. */
body[data-company="ems"]{--blue:#ba2534;--blue-dark:#9e1d2b;--soft:#fff1f3}
.company-header .wordmark{color:#007da9;font-size:37px;padding-right:10px;padding-left:calc(10px + max(0px,(100vw - 1800px)/2));letter-spacing:-1.5px}
body[data-company="ems"] .dashboard-hero{background:linear-gradient(120deg,#fff0f2,#fff 80%);border-color:#f0d8dd}
body[data-company="ems"] :is(.dashboard-role,.role-tag,.dashboard-monogram,.mailbox-icon,.folder.active,.mailbox.active){background:#fff1f3;border-color:#f0ccd3;color:var(--blue)}
body[data-company="ems"] #open-dashboard{border-color:#f0ccd3}
body[data-company="ems"] .folder b{background:#f9dce2;color:var(--blue)}
body[data-company="ems"] .domain-section-icon{background:linear-gradient(145deg,#fce5ea,#fff7f9);border-color:#f0d5dc}
body[data-company="ems"] .dashboard-domain-section #dashboard-domain-form{background:linear-gradient(120deg,#fff2f5,#fffcfd 80%);border-color:#efd3da}
body[data-company="ems"] .domain-input-shell{border-color:#e6c6cf}
body[data-company="ems"] .domain-input-prefix{background:#fff7f9;border-color:#f0dce2;color:var(--blue)}
body[data-company="ems"] .dashboard-domain-section .domain-add-button{box-shadow:0 4px 12px #ba25341c}
body[data-company="ems"] :is(.feed-folder,.heading-badge){background:#fff1f3;color:var(--blue);border-color:#f0ccd3}
@media(min-width:851px) and (max-width:1200px){.company-header .wordmark{font-size:35px;padding:0 7px;letter-spacing:-1.7px}}
@media(min-width:801px) and (max-width:850px){.company-header .wordmark{font-size:32.5px;padding:0 7px}}
@media(max-width:800px){.company-header .wordmark{font-size:36px;padding:4px 0}}
@media(max-width:379px){.company-header .wordmark{font-size:clamp(28px,8.8vw,33px);letter-spacing:-1.6px}}
