:root{font-family:"Segoe UI",Inter,Arial,sans-serif;font-synthesis:none;color:#2f493d;background:#f5f1e8;--forest:#24483c;--lime:#e4ee98;--line:#dfe5d6;--muted:#7e8f74}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a3ba67;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:#fff;z-index:100}.skip-link:focus{top:10px}.header{height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px;background:#fffdf6;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700;letter-spacing:1.5px;font-size:17px}.brand img{border-radius:13px;flex-shrink:0}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.25px;margin-top:6px;color:#809176}.header-actions{display:flex;align-items:center;gap:21px}.text-link{text-decoration:none;font-size:12px;color:#6e855a;line-height:1.7}.text-link:hover{text-decoration:underline}.icon-button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#849474;padding:10px;border-radius:8px}.icon-button:hover{background:#edf1e3}main{max-width:1200px;margin:0 auto;padding:49px 35px 25px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.eyebrow{margin:0 0 13px;font-size:10px;font-weight:600;color:#8a9b76;letter-spacing:1.6px;line-height:1.6}.page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:0 0 15px;color:#244438}.page-heading>div>p:last-child{font-size:14px;color:#7d8f70;margin:0;line-height:1.8}.setup-tag{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:9px;font-weight:600;color:#839571;letter-spacing:1px;padding:10px 12px;background:#eaf0de;border:1px solid #dce5cc;border-radius:6px;margin-bottom:5px}.setup-tag i{width:5px;height:5px;border-radius:50%;background:#96ab70}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start}.account-card,.connection-card,.limits-card{background:#fffdf7;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 12px 40px #2b442005}.account-card{padding:30px}.account-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.mail-emblem{display:grid;place-items:center;width:51px;height:51px;border:1px solid #dce7c8;border-radius:14px;background:#e6edce;color:#728e54}.mail-emblem svg{width:25px;height:25px}.provider-tag{font-size:10px;font-weight:600;letter-spacing:1px;padding:7px 10px;border:1px solid #e1e5d9;border-radius:6px;color:#9aaa88}.account-card>.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:9px}.account-card h2{font-size:23px;letter-spacing:-.6px;font-weight:600;margin:0 0 14px;overflow-wrap:anywhere}.account-intro{font-size:13px;line-height:1.85;color:#8c9c7d;margin:0 0 23px}.status-line{display:flex;gap:9px;align-items:center;padding:12px 13px;background:#f2f5e9;border:1px solid #e5ebd8;border-radius:7px;font-size:12px;color:#879977;line-height:1.7;margin-bottom:25px}.status-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#b8c19f}.status-line.success{color:#628244;background:#edf4e2;border-color:#dce9cd}.status-line.success .status-dot{background:#84a75c}.status-line.error{color:#a07958;background:#fbf2e7;border-color:#ecdcc8}.status-line.error .status-dot{background:#b58860}.status-line.busy .status-dot{animation:pulse 1s ease-in-out infinite;background:#a3ae70}.feedback{font-size:12px;line-height:1.8;padding:12px 13px;border-radius:7px;background:#eff4e5;color:#718c56;margin:0 0 20px;border:1px solid #dfE8ce;overflow-wrap:anywhere}.feedback.error{background:#fbf1e8;color:#a07958;border-color:#ead8c6}.text-button{font-size:12px;background:transparent;border:0;color:#749054;padding:0;text-decoration:underline;margin:0 0 21px}.account-card label,.access-card label{display:block;font-size:13px;font-weight:600;color:#6c8357;margin-bottom:10px}.account-card input,.access-card input{width:100%;border:1px solid #d8e1cd;background:#fcfdf8;border-radius:8px;padding:13px 14px;font-size:15px;color:#3f5b32;min-height:49px}.field-help{font-size:12px;line-height:1.8;color:#93a183;margin:10px 0 21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d6e0c8;border-radius:8px;font-size:13px;font-weight:600;padding:12px 15px;text-decoration:none;line-height:1.6;min-height:47px}.button.primary{background:var(--forest);border-color:var(--forest);color:#f1f5e7}.button.primary:hover:enabled{background:#315b47}.button.secondary{background:#fffdf5;color:#749052}.button.secondary:hover:enabled{background:#f1f5e7}.account-card form .button{width:100%}.check-block{display:flex;gap:18px;flex-direction:column;border-top:1px solid #e5eadc;padding-top:23px;margin-top:27px}.check-block strong{font-size:13px;font-weight:600;color:#6d8556}.check-block p{font-size:12px;line-height:1.85;color:#94a383;margin:8px 0 0;max-width:365px}.check-block .button{align-self:flex-start}.scope-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #e5eadc;padding-top:19px;margin:25px 0 0;color:#99a78a;font-size:11px;line-height:1.9}.scope-note svg{width:17px;height:17px;margin-top:2px;color:#a4b293}.details-column{display:flex;flex-direction:column;gap:21px}.section-head{padding:26px 28px 21px;border-bottom:1px solid #e5eadb}.section-head .eyebrow{font-size:9px;letter-spacing:1.15px;margin-bottom:9px}.section-head h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-.3px;margin:0;color:#4e6940}.server-row{padding:22px 28px;border-bottom:1px solid #e7ecde}.server-name{display:flex;align-items:center;gap:11px;margin-bottom:19px}.protocol-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf2e2;border:1px solid #e1e8d4;border-radius:9px;font-size:17px;color:#94a875;flex-shrink:0}.server-name h3{font-size:13px;letter-spacing:.5px;font-weight:600;margin:0;color:#6a8157}.server-name p{font-size:11px;color:#9eab8e;margin:5px 0 0;line-height:1.6}.server-state{font-size:10px;border:1px solid #e2e8d8;background:#f7f9f0;padding:5px 8px;border-radius:5px;color:#9aa889;margin-left:auto;line-height:1.5;max-width:140px;text-align:center}.server-state.success{background:#eff5e4;color:#6c8c50;border-color:#dce9c9}.server-state.error{background:#fcf3e8;color:#a0815a;border-color:#ecdcc5}.server-row dl{display:grid;grid-template-columns:minmax(0,1fr) 62px 78px;gap:12px;margin:0;padding:0}.server-row dt{font-size:8px;font-weight:500;letter-spacing:1px;color:#a1ad90;margin:0 0 8px}.server-row dd{font-size:12px;color:#8c9d77;margin:0;overflow-wrap:anywhere;line-height:1.6}.server-error{font-size:12px;color:#ab8465;background:#faf2e8;padding:9px 11px;line-height:1.8;border-radius:6px;margin:16px 0 0;overflow-wrap:anywhere}.checked-at{padding:20px 28px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.checked-at span{font-size:8px;letter-spacing:.8px;color:#a2af90}.checked-at strong{font-size:11px;font-weight:500;color:#96a486;text-align:right}.provider-help{display:inline-block;text-decoration:none;color:#9dac88;font-size:10px;margin:18px 28px 24px;line-height:1.7}.provider-help:hover{text-decoration:underline}.limits-card{padding:26px 28px;background:#eff2e4}.limits-card .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:10px}.limits-card h2{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#597544;line-height:1.3;margin:0 0 14px;letter-spacing:-.4px}.limits-card>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#8b9c75;margin:0 0 20px}.limit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #dce4cc;padding:14px 0;color:#82966a;font-size:11px;line-height:1.7}.limit-row strong{font-size:10px;font-weight:500;border:1px solid #dbe3cd;padding:3px 7px;border-radius:5px;background:#f7f9ef;color:#91a17d}.limits-card .limits-footnote{font-size:11px;margin:6px 0 17px;color:#94a680}.limits-card .text-link{font-size:11px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a0ac8f;margin-top:26px;font-size:10px;line-height:1.8}.footer>span:first-child{font-size:8px;letter-spacing:1.1px}.access-overlay{position:fixed;z-index:50;inset:87px 0 0;display:flex;align-items:center;justify-content:center;padding:24px;background:#f0f2e6ef;backdrop-filter:blur(9px)}.access-card{width:445px;max-width:100%;border:1px solid #dce4cf;border-radius:19px;box-shadow:0 18px 65px #273d2012;background:#fffdf7;padding:35px}.access-card>img{border-radius:13px;display:block;margin-bottom:23px}.access-card .eyebrow{font-size:9px}.access-card h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.5px;margin:0 0 15px;color:#406334}.access-card>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#91a07e;margin:0 0 25px}.access-card input{margin-bottom:19px}.access-card .button{width:100%}.access-card .text-link{display:block;text-align:center;margin-top:22px;font-size:11px}.access-error{font-size:12px;line-height:1.8;color:#a27a5a;margin:0 0 18px}.locked .header-actions #logout{display:none}.locked main{filter:none}@keyframes pulse{50%{opacity:.3}}@media(max-width:900px){main{padding:35px 25px}.header{padding:0 25px}.page-heading h1{font-size:36px}.workspace{gap:19px}.account-card{padding:25px}.account-card h2{font-size:20px}.section-head,.server-row,.limits-card{padding-left:23px;padding-right:23px}.server-row dl{grid-template-columns:minmax(0,1fr) 45px 66px;gap:9px}.server-row dd{font-size:11px}.setup-tag{font-size:8px;padding:9px}.brand small{font-size:8px}.server-name{gap:8px}.server-state{font-size:9px;padding:4px 6px}.server-name p{font-size:10px}.checked-at{padding-left:23px;padding-right:23px}.provider-help{margin-left:23px;margin-right:23px}}@media(max-width:700px){.header{height:76px;padding:0 18px;gap:13px}.brand{font-size:13px;gap:10px;letter-spacing:1px}.brand img{height:38px;width:38px;border-radius:11px}.brand small{font-size:6px;letter-spacing:.5px}.header-actions{gap:2px}.header-actions .text-link{font-size:10px;max-width:95px;text-align:right}.icon-button{padding:7px}.icon-button svg{width:17px;height:17px}main{padding:32px 18px 22px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:35px;line-height:1.15;letter-spacing:-.7px}.page-heading>div>p:last-child{font-size:13px}.page-heading .eyebrow{font-size:9px}.setup-tag{display:inline-flex;font-size:8px;margin-top:20px;margin-bottom:0}.workspace{grid-template-columns:minmax(0,1fr);gap:20px}.account-card{padding:25px 23px;border-radius:15px}.account-top{margin-bottom:24px}.account-card h2{font-size:21px;letter-spacing:-.45px}.account-intro{font-size:13px}.status-line{font-size:12px;padding:11px 12px}.field-help{font-size:12px}.check-block .button{width:100%}.scope-note{font-size:12px}.connection-card,.limits-card{border-radius:15px}.section-head{padding-top:24px;padding-bottom:21px}.section-head h2,.limits-card h2{font-size:25px}.server-name{gap:10px}.server-name p{font-size:11px}.server-name h3{font-size:13px}.server-state{font-size:9px;max-width:115px}.server-row dl{grid-template-columns:minmax(0,1fr) 44px 71px;gap:10px}.server-row dd{font-size:12px}.server-row dt{font-size:8px;letter-spacing:.65px}.limits-card>p:not(.eyebrow){font-size:13px}.limit-row{font-size:12px;gap:10px}.limits-card .limits-footnote{font-size:12px}.limits-card .text-link,.provider-help{font-size:11px}.footer{display:block;font-size:11px;margin-top:23px}.footer>span:first-child{display:block;margin-bottom:8px;font-size:9px}.access-overlay{inset:76px 0 0;padding:18px}.access-card{padding:28px}.access-card h2{font-size:28px}.access-card label{font-size:12px}.access-card .text-link{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
 .inbox-section{margin-top:24px}.inbox-message{padding:22px 0;border-bottom:1px solid var(--line,#d6ded7)}.inbox-message:last-child{border-bottom:0}.inbox-message h3{margin:0 0 9px}.inbox-message details{margin:14px 0}.inbox-message summary{cursor:pointer;font-weight:600}.inbox-message pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.65;max-height:420px;overflow:auto;padding:15px;background:#f1f4ed;border-radius:8px}.inbox-message .text-link{display:inline-block;margin-top:12px}
/* Access remains reachable when the phone keyboard reduces the viewport. */
.access-overlay{overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}
.access-card{flex-shrink:0;margin-block:auto}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
  :root{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .header{height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:10px}
  .header .brand{min-width:0;font-size:13px;gap:9px}
  .header .brand>span{min-width:0}
  .header .brand small{font-size:8px;line-height:1.35;letter-spacing:.4px;max-width:112px;white-space:normal}
  .header-actions{gap:4px;flex-shrink:0}
  .header-actions .text-link{font-size:12px;max-width:85px;min-height:44px;display:inline-flex;align-items:center;line-height:1.45}
  .icon-button{width:44px;min-width:44px;height:44px;padding:11px}
  .icon-button svg{width:20px;height:20px}
  main{padding:28px max(14px,env(safe-area-inset-right)) 24px max(14px,env(safe-area-inset-left));min-width:0}
  .workspace{grid-template-columns:minmax(0,1fr);gap:20px}
  .page-heading h1{font-size:32px;line-height:1.2;overflow-wrap:anywhere}
  .page-heading>div>p:last-child,.account-intro,.status-line,.field-help,.feedback,.check-block p,.scope-note,.limits-card>p:not(.eyebrow),.limits-card .limits-footnote,.access-card>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#637758}
  .eyebrow,.page-heading .eyebrow,.account-card>.eyebrow,.section-head .eyebrow,.limits-card .eyebrow{font-size:11px;line-height:1.55;letter-spacing:1px}
  .setup-tag,.provider-tag{font-size:11px;line-height:1.5;letter-spacing:.6px;white-space:normal}
  .account-card{padding:24px 20px}
  .account-card h2{font-size:22px;line-height:1.4}
  .account-card label,.access-card label{font-size:14px;line-height:1.5}
  .account-card input,.access-card input{font-size:16px;min-height:48px}
  .button{font-size:14px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .text-button,.text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;line-height:1.6;overflow-wrap:anywhere;max-width:100%}
  .text-button{text-align:left;padding:8px 0}
  .check-block strong{font-size:15px}
  .section-head,.server-row,.limits-card{padding-left:20px;padding-right:20px;min-width:0}
  .section-head h2,.limits-card h2{font-size:26px;line-height:1.3}
  .server-name{flex-wrap:wrap;gap:10px;align-items:flex-start}
  .server-name>div{min-width:0}
  .server-name h3{font-size:14px;line-height:1.45}
  .server-name p{font-size:12px;line-height:1.65;color:#637758}
  .server-state{font-size:12px;line-height:1.5;max-width:100%;white-space:normal;margin-left:auto}
  .server-row dl{grid-template-columns:minmax(0,1fr) 54px 80px;gap:14px 12px}
  .server-row dt{font-size:11px;line-height:1.5;letter-spacing:.5px;color:#6b7c60}
  .server-row dd{font-size:14px;line-height:1.6;color:#637758}
  .server-error,.access-error{font-size:14px;line-height:1.7}
  .checked-at{padding-left:20px;padding-right:20px;flex-wrap:wrap}
  .checked-at span,.checked-at strong{font-size:12px;line-height:1.6;color:#637758}
  .provider-help{margin-left:20px;margin-right:20px;font-size:13px;min-height:44px;display:flex;align-items:center;line-height:1.7}
  .limit-row{font-size:14px;line-height:1.6;flex-wrap:wrap;gap:8px}
  .limit-row strong{font-size:12px;line-height:1.6;white-space:normal}
  .limits-card .text-link{font-size:14px}
  .inbox-message h3{font-size:17px;line-height:1.5;overflow-wrap:anywhere}
  .inbox-message p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .inbox-message summary{min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.6}
  .inbox-message pre{font-size:14px;line-height:1.7;max-height:60svh}
  .inbox-message .text-link{display:flex;font-size:14px;min-height:44px;align-items:center}
  .access-overlay{inset:calc(76px + env(safe-area-inset-top)) 0 0;padding:18px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));max-height:calc(100dvh - 76px - env(safe-area-inset-top))}
  .access-card{padding:25px 22px}
  .access-card h2{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
  .access-card .text-link{display:flex;justify-content:center;font-size:14px;min-height:44px}
  .footer{font-size:12px;line-height:1.65;padding-bottom:env(safe-area-inset-bottom);overflow-wrap:anywhere;display:block}
  .footer>span:first-child{font-size:11px;line-height:1.5}
}
@media(max-width:360px){
  .header .brand img{width:32px;height:32px}
  .header .brand small{max-width:95px}
  .account-card,.section-head,.server-row,.limits-card{padding-left:18px;padding-right:18px}
  .account-card h2{font-size:18px;letter-spacing:-.3px}
  .server-row dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .server-row dl>div:first-child{grid-column:1/-1}
  .server-state{margin-left:44px;width:calc(100% - 44px);text-align:left}
}