:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#222c29;background:#f5f7f6;font-size:14px;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{height:38px;border:1px solid #d3dcd7;border-radius:5px;padding:0 14px;background:#fff;color:#33443a;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#edf3ef;border-color:#a7b8ac}button:disabled{color:#9ba69e;background:#f4f6f5;cursor:default}button.primary{background:#2e604b;border-color:#2e604b;color:#fff}button.primary:hover:not(:disabled){background:#244e3c}button.primary:disabled{background:#dce7df;border-color:#dce7df;color:#8b9e90}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83b59b;outline-offset:3px}[hidden]{display:none!important}input,select{height:40px;min-width:0;border:1px solid #ccd7d0;background:#fff;border-radius:5px;padding:0 12px;color:#28382f}input:focus,select:focus{outline:2px solid #a3c4b0;outline-offset:1px}input::placeholder{color:#92a096}label{display:block;font-size:12px;color:#61736a;margin-bottom:7px}a{color:#4e6458;text-decoration:none}a:hover{text-decoration:underline}.app-header{height:76px;background:#fff;border-bottom:1px solid #dfe5e1;display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:#24382c;font-size:17px;font-weight:650}.brand:hover{text-decoration:none}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#dfebe3}.brand-icon img{width:23px;height:23px}.brand small{font-size:11px;font-weight:400;margin-left:12px;color:#7f9285}.header-actions{display:flex;align-items:center;gap:20px;font-size:12px}.header-actions button{height:32px;font-size:12px}.status{display:flex;align-items:center;gap:7px;color:#77887c;white-space:nowrap}.status i{width:7px;height:7px;background:#b2bfb5;border-radius:50%}.status[data-state=ok] i{background:#3f9261}.status[data-state=warning] i{background:#c2923b}.status[data-state=error] i{background:#be5a54}main{max-width:1440px;padding:30px 36px 16px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading h1{font-size:25px;font-weight:650;margin:0 0 8px}.page-heading p{font-size:12px;color:#788c7e;margin:0}.page-heading p span{margin:0 8px}.scope{font-size:12px;color:#85948a}.connection-panel{padding:18px 0 20px;border-top:1px solid #dbe4de;border-bottom:1px solid #dbe4de;margin-bottom:22px}.connection-heading{display:flex;gap:14px;align-items:center}.connection-heading h2{font-size:14px;font-weight:600;margin:0 0 14px}.connection-heading>span{font-size:10px;color:#859387;margin-bottom:14px}.connection-form{display:flex;gap:14px;align-items:end}.key-field{flex:1;max-width:580px}.key-field input{width:100%}.check-label{display:flex;align-items:center;gap:7px;white-space:nowrap;height:38px;margin:0;font-size:12px}.check-label input{width:15px;height:15px;accent-color:#2e604b}.feedback{font-size:12px;min-height:18px;margin:10px 0 0;color:#7d8b80}.feedback[data-state=error]{color:#b64a43}.search-bar{display:flex;align-items:end;gap:12px;margin-bottom:18px}.recipient-field{flex:1;min-width:0}.recipient-field input{width:100%}.limit-field{margin-left:10px}.search-bar select{width:140px}.notice{font-size:12px;line-height:1.6;background:#edf4ee;border-left:3px solid #759b80;padding:10px 14px;margin-bottom:16px;color:#3c684c;overflow-wrap:anywhere}.notice[data-state=error]{background:#fcf0ef;border-color:#ca7a72;color:#9e4a43}.mail-workspace{display:grid;grid-template-columns:minmax(280px,36%) minmax(0,1fr);background:#fff;border-top:1px solid #d8e1da;border-bottom:1px solid #d8e1da;min-height:520px}.mail-list-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid #dfe6e0}.panel-heading{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;border-bottom:1px solid #e5eae6}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading h2 span{font-size:11px;margin-left:6px;font-weight:400;color:#7e9483}.panel-heading>span{font-size:11px;color:#93a095}.message-list{flex:1;max-height:660px;overflow-y:auto}.message-row{height:auto;min-height:104px;width:100%;padding:16px 18px;text-align:left;display:block;border:0;border-bottom:1px solid #ecf0ed;border-left:3px solid transparent;border-radius:0;white-space:normal}.message-row:hover:not(:disabled){background:#f5f8f5;border-color:transparent;border-bottom-color:#ecf0ed}.message-row.selected{background:#edf4ee;border-left-color:#508366}.message-row .row-top{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:#74857b;margin-bottom:8px}.row-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-top time{flex:none;font-size:10px}.message-row strong{display:block;font-size:13px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row p{font-size:12px;color:#8a978d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e9e4;padding:12px 18px;gap:10px;font-size:11px;color:#829287}.pagination button{width:32px;height:30px;padding:0;font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:340px;color:#8e9b91;padding:32px}.empty-state img{width:36px;height:36px;opacity:.25;margin-bottom:12px}.empty-state h3{font-size:14px;font-weight:500;color:#7e8e82;margin:0 0 7px}.empty-state p{margin:0;font-size:12px;line-height:1.6}.detail-panel{min-width:0}.detail-empty{min-height:520px}.detail-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e5eae6;padding:0 24px;font-size:11px;color:#88988c}.detail-toolbar button{height:30px;font-size:11px}#backToList{display:none}.detail-heading{padding:24px 26px 20px}.detail-heading h2{font-size:20px;line-height:1.5;margin:0 0 18px;overflow-wrap:anywhere}.detail-heading dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:9px;margin:0;font-size:12px;line-height:1.6}.detail-heading dt{color:#8b998f}.detail-heading dd{margin:0;color:#627768;overflow-wrap:anywhere}.body-tabs{display:flex;gap:6px;align-items:center;padding:0 26px;border-bottom:1px solid #e5ebe6}.body-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;color:#8b998e;font-size:12px;background:transparent;padding:0 10px}.body-tabs button[aria-selected=true]{border-color:#3e7556;color:#356448}.body-tabs span{margin-left:auto;font-size:10px;color:#94a096}#textBody{font:13px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:24px 26px;min-height:240px;color:#46594d}#htmlBody{border:0;display:block;width:100%;height:440px;background:white}.attachments{border-top:1px solid #e6ebe7;margin:0 26px;padding:14px 0;font-size:12px;line-height:1.8;color:#74867a;overflow-wrap:anywhere}.headers-detail{padding:16px 26px;border-top:1px solid #e6ebe7;color:#809184;font-size:12px}.headers-detail summary{cursor:pointer}.headers-detail pre{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.page-footer{display:flex;justify-content:space-between;padding-top:18px;color:#9aa59d;font-size:11px}
@media(max-width:800px){.app-header{padding:0 20px}.header-actions{gap:12px}main{padding:24px 20px}.search-bar{flex-wrap:wrap}.recipient-field{flex-basis:calc(100% - 112px)}.limit-field{margin-left:0;flex:1}.limit-field select{width:100%}.mail-workspace{grid-template-columns:minmax(250px,42%) minmax(0,1fr)}.connection-form{flex-wrap:wrap}.key-field{flex-basis:100%;max-width:none}.detail-heading{padding:20px 18px}.body-tabs{padding:0 14px}.body-tabs span{display:none}}
@media(max-width:600px){.app-header{height:auto;min-height:70px;padding:14px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:15px}.header-actions{margin-left:auto}.header-actions>a{display:none}.brand small{display:none}.status{font-size:11px}.header-actions button{padding:0 9px}main{padding:22px 16px}.scope{display:none}.page-heading h1{font-size:23px}.mail-workspace{display:block;min-height:430px}.mail-list-panel{border-right:0}.detail-panel{display:none}.mail-workspace.show-detail .mail-list-panel{display:none}.mail-workspace.show-detail .detail-panel{display:block}#backToList{display:block}.detail-toolbar{padding:0 14px}.detail-toolbar>span{display:none}.empty-state{min-height:310px}.message-list{max-height:none}.detail-heading h2{font-size:18px}.connection-form{gap:10px}.connection-form button{padding:0 11px}.detail-empty{min-height:380px}#textBody{padding:20px 18px}}
.folder-label{display:block;font-size:10px;color:#5e7b65;margin-bottom:6px}.folder-label[data-folder=SPAM]{color:#a26923}
.recipient-field{position:relative}.recipient-history{position:absolute;top:calc(100% + 6px);left:0;width:max(100%,280px);max-width:calc(100vw - 32px);z-index:20;background:#fff;border:1px solid #ccd7d0;border-radius:6px;box-shadow:0 6px 18px #24382c14;overflow:hidden}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e5ebe6;font-size:12px;color:#788c7e}.history-heading button{height:28px;padding:0 4px;border:0;background:none;font-size:12px;color:#65766c}#recipientHistoryList{max-height:240px;overflow:auto}.history-option{display:block;width:100%;min-height:40px;height:auto;padding:10px 12px;border:0;border-radius:0;text-align:left;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.history-option[aria-selected=true]{background:#edf3ef;color:#244e3c}.recipient-history p{margin:0;padding:16px 12px;color:#85948a;font-size:12px}
.image-options{padding:10px 26px;border-bottom:1px solid #e5ebe6}.image-options .check-label{height:24px;width:fit-content}
.login-page{min-height:100vh;min-height:100svh;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 24px;background:#f5f7f6}.login-content{width:100%;max-width:368px;margin:auto 0;padding:40px 0}.login-brand{display:flex;align-items:center;gap:12px;font-size:13px;color:#627768;margin-bottom:28px}.login-brand .brand-icon{width:44px;height:44px}.login-content h1{font-size:26px;line-height:1.4;margin:0 0 32px;font-weight:650}.login-form>label:first-child{font-size:13px;color:#46594d}.login-form>input{width:100%;height:46px}.login-form .check-label{margin:12px 0 20px;height:24px;width:fit-content}.login-form>button{width:100%;height:44px}.login-form .feedback{min-height:42px;margin-top:14px;line-height:1.7;overflow-wrap:anywhere}.login-footer{font-size:11px;color:#89958f;padding-top:24px}.login-form input:disabled{opacity:.65}@media(max-width:400px){.login-content h1{font-size:24px}.login-page{padding:28px 24px 20px}}