/* Workbench Mail — licensed system fonts; no external style or font requests. */
:root{--green:#4c9c2f;--green-dark:#35731f;--green-soft:#eef6e9;--ink:#333d35;--grey:#54595f;--muted:#69716b;--paper:#fff;--surface:#f7f8f5;--line:#e1e6de;--radius:16px;--shadow:0 12px 45px rgba(35,55,29,.045);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--grey);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-size:15px;line-height:1.6}main{flex:1}a{color:var(--green-dark);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:#275719}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}svg{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(34px,4vw,50px);font-weight:620}h2{font-size:24px;font-weight:620}h3{font-size:18px;font-weight:620}p+p{margin-top:16px}a,button{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6bb747;outline-offset:4px}main:focus{outline:none}.skip-link{position:fixed;top:10px;left:12px;transform:translateY(-150%);padding:10px 16px;z-index:100;background:white;border:2px solid var(--green);border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner,.footer-inner{width:min(1200px,100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between}.header-inner{min-height:96px;gap:30px}.brand{display:flex;align-items:center;gap:23px;text-decoration:none;flex-shrink:0}.brand img{width:214px;height:auto;display:block}.brand-product{border-left:1px solid #d5dbd1;padding-left:23px;font-size:23px;color:var(--grey);font-weight:500;letter-spacing:-.04em}.header-nav{display:flex;align-items:center;gap:28px;font-size:13px}.header-nav a{text-decoration:none;font-weight:600}.nav-mail{color:var(--ink)}.account-email{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.header-nav a span{margin-left:6px}.site-footer{margin-top:auto;background:white;border-top:1px solid var(--line)}.footer-inner{min-height:84px;gap:24px;font-size:12px;color:var(--muted)}.footer-inner a{text-decoration:none;color:var(--grey)}.footer-divider{padding:0 12px;color:#b8c0b3}
.page-shell{width:min(1120px,100% - 80px);margin:0 auto}.eyebrow{display:block;letter-spacing:.14em;font-size:10px;font-weight:750;color:var(--green-dark);line-height:1.5}.label-small{display:block;font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.small-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex:0 0 6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:7px;min-height:46px;padding:11px 20px;text-decoration:none;line-height:1.35;font-size:13px;font-weight:650;letter-spacing:-.01em}.button-primary{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.button-primary:hover{background:#285b19;color:#fff;border-color:#285b19}.button-secondary{background:white;color:var(--ink);border-color:#dce3d7}.button-secondary:hover{background:var(--green-soft);border-color:#a1be93;color:var(--green-dark)}.button-full{width:100%;justify-content:space-between}.button svg{width:18px;height:18px;flex-shrink:0}.button span[aria-hidden]{font-size:19px;font-weight:400;line-height:1}.messages-wrap{width:min(1120px,100% - 80px);margin:24px auto 0}.notice{padding:13px 17px;border:1px solid #c9ddbc;background:#eef6e9;border-radius:8px;margin:8px 0;color:var(--green-dark);font-size:14px}.notice-error{background:#fff0eb;border-color:#eac4b9;color:#923d28}
.auth-layout{width:min(1180px,100% - 80px);margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:82px;align-items:center;padding:65px 0 66px;min-height:calc(100vh - 182px)}.auth-intro{padding:12px 14px 12px 3px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.auth-intro h2{font-size:clamp(36px,3.5vw,48px);line-height:1.12;font-weight:580;letter-spacing:-.05em;margin:23px 0 20px}.auth-intro h2 span{color:var(--green)}.auth-intro>p{max-width:345px;font-size:15px;line-height:1.8;color:var(--muted)}.auth-footnote{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;letter-spacing:.01em;margin-top:16px}.auth-panel{width:100%;max-width:480px;justify-self:end}.auth-card{padding:36px 40px 32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.section-icon{height:42px;width:42px;display:grid;place-items:center;background:var(--green-soft);border-radius:11px;color:var(--green-dark);margin-bottom:24px}.section-icon svg{width:22px;height:22px}.auth-card .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:12px}.auth-card h1{font-size:34px;line-height:1.14;margin:0 0 16px;font-weight:620}.auth-card p{font-size:13px;line-height:1.75}.auth-card .auth-description{color:var(--muted);margin-bottom:26px}.auth-card strong{font-weight:600;overflow-wrap:anywhere}.auth-card>p+.button{margin-top:25px}.auth-support{text-align:center;margin:19px 0 0;font-size:11px;color:var(--muted)}.auth-support a{font-weight:600}.auth-secondary{margin:18px 0 0;text-align:center}.auth-secondary a{font-size:12px;font-weight:600}.invitation-note{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.mail-illustration{position:relative;width:280px;height:210px;margin:25px 0 0 40px}.illustration-orbit{width:205px;height:205px;border:1px solid #dce7d5;border-radius:50%;position:absolute;top:0;left:28px;background:radial-gradient(circle at center,transparent 55%,#edf3e8 56%,transparent 57%)}.illustration-letter{position:absolute;left:69px;top:8px;width:142px;height:145px;border-radius:6px;background:white;box-shadow:0 5px 18px #3444290c;transform:rotate(-8deg);padding:24px 20px;border:1px solid #dbe4d5}.illustration-letter span{display:block;height:4px;margin:10px 0;background:#dce8d4;border-radius:2px;width:100%}.illustration-letter .letter-mark{width:26px;height:13px;background:#4c9c2f;margin:0 0 19px;border-radius:2px}.illustration-letter span:nth-last-child(1){width:65%}.illustration-envelope{position:absolute;left:25px;top:74px;width:220px;height:139px;background:#e4efd9;border:1px solid #c3d6b4;border-radius:9px;transform:rotate(-8deg);box-shadow:0 10px 20px #3e5d2a06;overflow:hidden}.illustration-envelope svg{width:220px;height:148px;stroke:#b0c89e;stroke-width:1.1;margin-top:-4px}.illustration-check{position:absolute;left:218px;top:151px;border:5px solid var(--surface);border-radius:50%;width:45px;height:45px;background:var(--green);display:grid;place-items:center;color:white}.illustration-check svg{width:20px;height:20px;stroke-width:2}
.account-form{margin-top:24px}.form-field{margin:0 0 18px}.form-field label,.auth-card form p>label{display:block;margin-bottom:7px;font-size:12px;color:var(--ink);font-weight:600}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea,.auth-card form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.auth-card form select,.auth-card form textarea{display:block;width:100%;border:1px solid #d6ddd1;background:#fff;border-radius:7px;min-height:46px;padding:10px 12px;color:var(--ink);font-size:14px;box-shadow:inset 0 1px 2px #10200603}.form-field input::placeholder{color:#9a9f97}.form-field input:focus,.auth-card form input:focus{border-color:var(--green)}.form-checkbox{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:22px}.form-checkbox label{display:inline;margin:0;font-weight:450;color:var(--muted);font-size:12px}.form-checkbox input,.auth-card input[type=checkbox],.auth-card input[type=radio]{accent-color:var(--green);width:16px;height:16px;margin:0 1px 0 0}.field-help{font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}.field-help ul{padding-left:16px;margin:5px 0}.field-help a{font-size:11px}.form-checkbox .field-help{flex-basis:100%}.errorlist{list-style:none;padding:0;margin:0;font-size:12px;color:#9c3e2a}.field-errors{margin-top:7px}.form-alert{border-left:3px solid #bc583f;background:#fff3ef;padding:12px;margin-bottom:20px;border-radius:3px}.has-error input{border-color:#bc583f!important}.auth-card form>p{margin-bottom:18px}.auth-card form button:not(.button){display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green-dark);background:var(--green-dark);color:#fff;border-radius:7px;min-height:44px;font-size:13px;font-weight:600;padding:10px 18px;margin-top:12px}.auth-card form button:not(.button):hover{background:var(--green-dark)}.auth-card fieldset{border:1px solid var(--line);border-radius:8px;padding:15px;margin:20px 0}.auth-card ul{font-size:12px}.auth-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.mailbox{padding-top:57px;padding-bottom:56px}.mailbox-welcome{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-bottom:45px}.mailbox-welcome h1{margin:19px 0 18px;font-size:clamp(35px,3.8vw,48px);font-weight:580;line-height:1.1;letter-spacing:-.05em}.mailbox-welcome h1 span{color:var(--green)}.mailbox-welcome p{font-size:14px;color:var(--muted)}.company-card{background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:16px;padding:25px 26px;min-width:300px;max-width:380px;box-shadow:var(--shadow)}.company-icon{display:grid;place-items:center;background:var(--green-soft);border-radius:10px;height:47px;width:47px;color:var(--green-dark);flex-shrink:0}.company-icon svg{height:26px;width:26px}.company-card strong{display:block;color:var(--ink);font-size:15px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere;font-weight:600}.company-status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.company-status .small-dot{width:5px;height:5px;flex-basis:5px}.mail-section{border-top:1px solid var(--line);padding-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-heading h2{font-size:21px;letter-spacing:-.03em;display:flex;align-items:center;gap:11px}.count-badge{font-size:11px;letter-spacing:0;line-height:24px;min-width:24px;text-align:center;background:#e9efe4;border-radius:6px;color:var(--green-dark);padding:0 7px}.sort-caption{font-size:11px;color:var(--muted)}.mail-list{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.mail-row{display:flex;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid #e8ece4;position:relative}.mail-row:last-child{border:0}.document-icon{background:#f3f6f0;border:1px solid #e7ece2;border-radius:8px;color:var(--green-dark);width:48px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:2px}.document-icon svg{width:25px;height:25px;stroke-width:1.4}.document-icon span{font-size:8px;font-weight:750;letter-spacing:.06em}.mail-details{flex:1;min-width:0}.mail-details h3{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;overflow-wrap:anywhere}.mail-details h3 a{color:var(--ink);text-decoration:none}.mail-details h3 a:hover{text-decoration:underline;color:var(--green-dark)}.mail-details p{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted);margin-top:8px}.mail-details p>span{color:#bdc5b7}.mail-open{font-size:11px;padding:10px 15px;min-height:39px;flex-shrink:0}.mail-footnote{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:19px}.mail-footnote svg{height:13px;width:13px;flex-shrink:0}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf3e7;border:1px solid #e0e9d9;border-radius:12px;padding:25px 29px;margin-top:43px}.help-strip h2{font-size:16px;letter-spacing:-.025em;font-weight:600}.help-strip p{font-size:11px;color:var(--muted);margin-top:7px}.help-strip>a{font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.help-strip>a span{margin-left:12px}.empty-state{background:white;border:1px solid var(--line);border-radius:13px;text-align:center;padding:48px 30px 44px}.empty-mail-icon{color:var(--green);margin:0 auto 23px;background:var(--green-soft);border-radius:50%;width:80px;height:80px;display:grid;place-items:center}.empty-mail-icon svg{width:49px;height:49px;stroke-width:1.5}.empty-state h3{font-size:23px;font-weight:550;margin-bottom:12px}.empty-state p{max-width:410px;margin:0 auto;font-size:12px;color:var(--muted);line-height:1.8}.empty-label{display:inline-block;margin-top:23px;font-size:10px;letter-spacing:.04em;color:#7b8772}
.document-page{padding-top:33px;padding-bottom:38px}.back-link{font-size:12px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:550}.document-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:31px 0 28px}.document-heading .eyebrow{font-size:9px;margin-bottom:11px}.document-heading h1{font-size:30px;letter-spacing:-.035em;line-height:1.25;overflow-wrap:anywhere}.document-heading>div{min-width:0}.document-heading p{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:11px}.document-heading p>span{color:#b9c1b2}.document-heading .button{flex-shrink:0}.document-viewer{background:#e9ede5;border:1px solid #d8e0d0;border-radius:12px;overflow:hidden}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 22px;background:#fff;border-bottom:1px solid #dce3d5}.viewer-label{font-size:11px;font-weight:600;color:var(--ink)}.viewer-wordmark{font-size:10px;letter-spacing:.02em;color:#889280}.page-controls{display:flex;align-items:center;gap:14px}.viewer-button{border:1px solid var(--line);background:#fff;border-radius:5px;display:grid;place-items:center;min-width:34px;min-height:32px;font-size:17px;color:var(--ink)}.viewer-button:hover:not(:disabled){background:var(--green-soft);border-color:#a6bf96}.viewer-button:disabled{color:#c5ccbf;background:#fbfcfa}.page-indicator{font-size:11px;min-width:68px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}.pdf-viewer{padding:29px;min-height:430px;text-align:center;overflow:auto}.pdf-viewer>p{font-size:13px;color:var(--muted);padding:20px}.pdf-viewer canvas{max-width:100%;height:auto;display:block;margin:0 auto;background:#fff;box-shadow:0 3px 15px #34442a12}.pdf-viewer canvas:not([width]),.pdf-viewer canvas[width="300"]{max-width:100%}.viewer-fallback{padding:20px;text-align:center;font-size:13px}.preview-note{text-align:center;font-size:11px;color:var(--muted);margin-top:19px}.error-page{position:relative;max-width:690px;padding-top:80px;padding-bottom:92px;text-align:center}.error-code{display:block;font-size:11px;font-weight:650;color:var(--green);letter-spacing:.14em;margin-bottom:24px}.error-page .eyebrow{margin-bottom:16px}.error-page h1{font-size:46px;font-weight:570;line-height:1.12}.error-page p{margin:23px auto 28px;max-width:420px;font-size:14px;color:var(--muted);line-height:1.8}.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.auth-layout{padding-top:88px;padding-bottom:88px;gap:110px}.auth-card{padding:42px 45px 35px}.mailbox{padding-top:70px}}
@media(max-width:1050px){.header-inner,.footer-inner,.page-shell,.messages-wrap{width:calc(100% - 48px)}.header-inner{min-height:85px}.brand img{width:185px}.brand-product{font-size:21px;padding-left:18px}.brand{gap:18px}.header-nav{gap:18px}.account-email{display:none}.auth-layout{width:calc(100% - 60px);gap:40px;min-height:calc(100vh - 170px);padding:48px 0}.auth-intro h2{font-size:37px}.auth-card{padding:30px}.auth-card h1{font-size:31px}.mail-illustration{transform:scale(.9);transform-origin:left center;margin-left:16px}.company-card{min-width:260px;padding:20px}.mailbox-welcome{gap:32px}.mailbox-welcome h1{font-size:39px}.footer-inner{font-size:11px}.footer-divider{padding:0 7px}}
@media(max-width:760px){.header-inner,.footer-inner,.page-shell,.messages-wrap{width:calc(100% - 36px)}.header-inner{min-height:77px;gap:12px}.brand img{width:157px}.brand{gap:13px}.brand-product{font-size:19px;padding-left:13px}.header-nav{gap:16px;font-size:11px}.nav-help{max-width:84px;line-height:1.4;text-align:right}.nav-help span{display:none}.nav-mail{display:none}.nav-signout span{display:none}.auth-layout{display:block;width:calc(100% - 36px);padding:36px 0 40px;min-height:0}.auth-intro{padding:0;text-align:center;margin:0 auto 27px}.auth-intro>.eyebrow,.auth-intro>p,.auth-footnote,.mail-illustration{display:none}.auth-intro h2{font-size:29px;line-height:1.16;margin:0}.auth-intro h2 br{display:none}.auth-panel{max-width:440px;margin:0 auto}.auth-card{padding:29px}.auth-card h1{font-size:32px}.section-icon{margin-bottom:22px}.auth-support{font-size:10px;margin-top:18px}.footer-inner{padding:20px 0;min-height:82px;display:flex;flex-direction:column;gap:9px;text-align:center;font-size:10px}.footer-inner>span{line-height:1.7}.mailbox{padding-top:34px;padding-bottom:32px}.mailbox-welcome{display:block;padding-bottom:30px}.mailbox-welcome h1{font-size:37px;margin:15px 0}.mailbox-welcome p{font-size:12px;max-width:280px}.company-card{max-width:none;margin-top:26px;padding:17px 19px;gap:13px;min-width:0;box-shadow:none}.company-icon{height:40px;width:40px}.company-icon svg{height:22px;width:22px}.company-card strong{font-size:14px;margin:3px 0}.company-status{font-size:9px}.label-small{font-size:8px}.mail-section{padding-top:24px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:20px}.sort-caption{font-size:10px}.mail-row{gap:13px;padding:19px 16px;flex-wrap:wrap}.document-icon{width:41px;height:50px}.mail-details{width:calc(100% - 54px);flex:none}.mail-details h3{font-size:14px}.mail-details p{font-size:10px;gap:7px;margin-top:6px}.mail-open{margin-left:54px;min-height:35px;padding:8px 12px;font-size:10px}.mail-footnote{font-size:9px;line-height:1.5;text-align:left;margin-top:16px;align-items:flex-start}.help-strip{margin-top:29px;padding:21px;display:block}.help-strip h2{font-size:15px}.help-strip p{font-size:11px;line-height:1.7}.help-strip>a{display:inline-block;font-size:11px;margin-top:15px}.empty-state{padding:34px 23px}.empty-state h3{font-size:21px}.empty-state p{font-size:11px}.empty-mail-icon{height:70px;width:70px;margin-bottom:20px}.document-page{padding-top:25px}.document-heading{display:block;margin:25px 0 22px}.document-heading h1{font-size:26px}.document-heading p{font-size:10px}.document-heading>.button{margin-top:20px;min-height:42px;font-size:12px}.viewer-toolbar{padding:11px 12px;gap:8px;flex-wrap:wrap}.viewer-label{font-size:10px}.viewer-wordmark{display:none}.page-controls{gap:8px}.viewer-button{min-height:30px;min-width:30px}.page-indicator{font-size:10px;min-width:61px}.pdf-viewer{padding:12px;min-height:300px}.preview-note{font-size:10px}.error-page{padding-top:56px;padding-bottom:66px}.error-page h1{font-size:35px}.error-page p{font-size:13px}.error-actions{flex-direction:column;align-items:center}.error-actions .button{width:100%;max-width:270px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.site-footer,.document-heading .button,.back-link,.viewer-toolbar,.preview-note{display:none}.document-page{width:100%;padding:0}.document-viewer{border:0;background:white}.pdf-viewer{padding:0;overflow:visible}.pdf-viewer canvas{box-shadow:none}.document-heading{margin:0 0 15px}}
