.mailbox-shell{--mailbox-green:#315c46;--mailbox-line:#d5dfce;--mailbox-paper:#fafbf6;margin:24px 0;border:1px solid var(--mailbox-line);border-radius:15px;background:var(--mailbox-paper);overflow:hidden;color:#294536}.mailbox-heading{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:26px 28px;border-bottom:1px solid var(--mailbox-line);background:#f0f4e8}.mailbox-heading>div{min-width:0;flex:1}.mailbox-heading h2{font-size:clamp(24px,3vw,32px);margin:5px 0 8px}.mailbox-heading p{margin:0;font-size:15px;line-height:1.7}.mailbox-origami{position:absolute;right:180px;top:0;width:180px;height:100%;opacity:.09;z-index:-1;pointer-events:none}.mailbox-count{font-size:13px;border:1px solid #b7ccb2;border-radius:20px;padding:7px 12px;background:#fafff5}.mailbox-owner{display:block;margin:20px 28px}.mailbox-shell label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:500}.mailbox-shell :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;border:1px solid #bccdb7;border-radius:7px;background:#fff;color:#243e31;font:400 16px/1.5 var(--font-body,inherit);padding:10px 12px;min-height:44px}.mailbox-shell textarea{resize:vertical;min-height:140px}.mailbox-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #a77d35;outline-offset:3px}.mailbox-shell .mini-button,.mailbox-shell .button{white-space:normal;overflow-wrap:anywhere;min-height:44px}.mailbox-explanation{margin:20px 28px 0;font-size:14px;color:#536b55}.mailbox-explanation summary{cursor:pointer;min-height:44px;align-content:center}.mailbox-explanation p{line-height:1.8;max-width:85ch}.mailbox-status{margin:12px 28px;font-size:14px;line-height:1.7}.mailbox-status:empty{display:none}.mailbox-status[role=alert]{color:#943d31}.mailbox-tools{padding:18px 28px;border-bottom:1px solid var(--mailbox-line)}.mailbox-categories{display:flex;gap:7px;flex-wrap:wrap}.mailbox-categories [aria-pressed=true]{background:#315c46;color:#fff;border-color:#315c46}.mailbox-filters{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,1.8fr) auto;gap:16px;align-items:end;margin-top:20px}.mailbox-filters form{display:flex;align-items:end;gap:8px;min-width:0}.mailbox-filters form label{flex:1}.mailbox-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:start;gap:28px;padding:26px 28px}.mailbox-conversation{min-width:0}.mailbox-feed{list-style:none;padding:0;margin:0;display:grid;gap:16px}.mailbox-entry{min-width:0;overflow-wrap:anywhere;background:#fff;padding:20px;border:1px solid var(--mailbox-line);border-radius:11px}.mailbox-entry.is-own{background:#f5f7ef}.mailbox-entry.is-unread{border-left:4px solid #5a8052;background:#edf4e7}.mailbox-entry-meta{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;font-size:12px;color:#526b56}.mailbox-entry-meta time{margin-left:auto}.mailbox-kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.mailbox-new{font-size:11px;background:#dae8ce;color:#2b5735;border-radius:20px;padding:3px 8px}.mailbox-entry h3{font-size:17px;line-height:1.5;margin:14px 0 8px}.mailbox-project{font-size:12px;color:#526b56;margin:5px 0 12px}.mailbox-body{font-size:14px;line-height:1.8}.mailbox-body summary{min-height:40px;align-content:center;cursor:pointer;color:#49624e}.mailbox-body>div{white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:12px}.mailbox-file{display:inline-flex;align-items:center;gap:9px;margin-top:12px;max-width:100%;text-align:left}.mailbox-file svg{width:18px;height:18px;flex:0 0 18px}.mailbox-email-state{font-size:12px;color:#5e705e;line-height:1.7;margin:15px 0}.mailbox-entry-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.mailbox-entry-actions .mini-button{font-size:12px;padding:7px 10px}.mailbox-entry-actions:empty{display:none}.mailbox-compose{min-width:0;background:#eef3e7;border:1px solid #ccd9c3;border-radius:11px;padding:20px}.mailbox-compose h3{font-size:19px;line-height:1.5;margin:0 0 18px}.mailbox-compose form{display:grid;gap:16px}.mailbox-compose small{font-size:12px;font-weight:400;line-height:1.7;color:#526b56}.mailbox-upload{margin-top:22px;padding-top:14px;border-top:1px solid #ccd9c3}.mailbox-upload summary{min-height:44px;align-content:center;cursor:pointer;font-weight:500;font-size:14px}.mailbox-upload form{padding-top:12px}.mailbox-empty{padding:36px 20px;text-align:center;border:1px dashed var(--mailbox-line);border-radius:10px;line-height:1.8}.mailbox-more{margin-top:20px;width:100%}.mailbox-shell [hidden]{display:none!important}.portal-mailbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:#dce8cc;color:#2c4f35;font-size:11px;margin-left:7px}.portal-mailbox-badge[hidden]{display:none}.portal-origami-trash{display:block;width:30px;height:32px}.portal-workspaces [data-portal-panel=trash]{min-width:58px;justify-content:center}.portal-workspaces [data-portal-panel=trash][aria-selected=true] .portal-origami-trash{filter:brightness(0) invert(1)}
@media(max-width:1100px){.mailbox-layout{grid-template-columns:minmax(0,1fr)}.mailbox-compose{order:-1}.mailbox-compose form{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-compose form label:has(textarea),.mailbox-compose form small,.mailbox-compose form .form-error{grid-column:1/-1}.mailbox-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-filters>button{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.mailbox-heading{padding:20px 16px;gap:12px}.mailbox-heading>div{flex:1 1 100%}.mailbox-owner,.mailbox-status{margin-left:16px;margin-right:16px}.mailbox-explanation{margin:16px 16px 0}.mailbox-tools{padding:18px 16px}.mailbox-filters,.mailbox-compose form{grid-template-columns:minmax(0,1fr)}.mailbox-filters form{flex-wrap:wrap}.mailbox-filters form label{flex-basis:100%}.mailbox-layout{padding:18px 16px;gap:20px}.mailbox-compose,.mailbox-entry{padding:16px}.mailbox-entry-meta time{margin-left:0;flex-basis:100%}.mailbox-heading h2{font-size:26px}.mailbox-categories .mini-button{flex:1 1 auto}.mailbox-origami{right:5px;width:155px}.mailbox-shell input[type=file]{font-size:13px;padding:8px}}
html[data-contrast=high] .mailbox-shell,html[data-contrast=high] .mailbox-entry,html[data-contrast=high] .mailbox-compose{background:#fff;color:#111;border-color:#111}html[data-contrast=high] .mailbox-entry.is-unread{border-left:5px solid #111}
@media print{.mailbox-compose,.mailbox-tools,.mailbox-entry-actions,.mailbox-more{display:none!important}.mailbox-layout{display:block}.mailbox-entry{break-inside:avoid}}

.mailbox-compose>details>summary{font-size:18px;line-height:1.5;font-weight:600;cursor:pointer;min-height:44px;align-content:center}.mailbox-compose>details[open]>summary{margin-bottom:16px}