@charset "UTF-8";
:root{--canvas:#f6f6f2;--paper:#fff;--panel:#fafaf7;--ink:#252a2c;--muted:#727879;--line:#e8e9e3;--accent:#dd6049;--accent-hover:#bf4c38;--accent-soft:#fcf0eb;--sidebar:#222a2c;--sidebar-muted:#9ca9a9;--success:#467b62;--danger:#b7473b;--radius:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:18px;--text-xl:24px;--sidebar-width:234px;--list-width:360px;--shadow:0 18px 70px #1c27231f;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-size:var(--text-base);line-height:1.6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ed6a5070;outline-offset:3px}button{border:0}a{color:inherit}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.muted{color:var(--muted)}.initial-loading{display:grid;place-items:center;min-height:100dvh;color:var(--muted)}.button{min-height:42px;padding:10px 16px;border-radius:7px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;background:var(--ink);color:white;text-decoration:none}.button.primary{background:var(--accent);color:white}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.button.secondary:hover{background:var(--panel)}.button svg{width:17px;height:17px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--canvas);color:var(--ink)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.icon-button.active svg{fill:var(--accent-soft)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:-.8px;font-size:25px;font-weight:750;line-height:1}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);border-radius:10px;color:#fff}.brand-mark svg{width:25px;height:25px;stroke-width:2.4}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:400;color:var(--sidebar-muted);margin-top:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}
/* The sign-in surface shares the workbench palette. */
.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(300px,44%) 1fr}.login-aside{background:var(--sidebar);color:#f9faf5;padding:48px clamp(32px,5vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art{padding:60px 0;max-width:380px}.login-art .stamp{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:2px;color:#bdc9c4;margin-bottom:22px}.stamp:before{content:"";width:6px;height:6px;border-radius:50%;background:#b7c9a8}.login-art h1{font-size:clamp(34px,3.8vw,52px);font-weight:500;letter-spacing:-1px;line-height:1.35;margin:0 0 22px}.login-art p{color:#afbfbc;line-height:1.9;max-width:300px}.mail-art{width:210px;height:132px;margin-top:45px;transform:rotate(-7deg);border:1px solid #8c9d9555;background:#35403d;border-radius:7px;position:relative}.mail-art:before{content:"";position:absolute;left:29px;right:29px;top:-38px;height:114px;border:1px solid #a7b9ae66;border-top:0;border-left:0;transform:rotate(45deg);border-radius:6px}.mail-art span{position:absolute;right:16px;top:16px;border:1px dashed #a8b3a7;padding:3px 10px;transform:rotate(7deg);font-size:12px;color:#c5cfbd}.login-aside footer{font-size:11px;letter-spacing:2px;color:#8c9b96}.login-main{display:flex;align-items:center;justify-content:center;padding:40px 28px}.login-form{width:100%;max-width:360px}.login-form .eyebrow{color:var(--accent)}.login-form h2{font-size:30px;letter-spacing:-.7px;margin:12px 0 8px;font-weight:650}.login-form .subtitle{color:var(--muted);margin:0 0 36px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field label{font-size:var(--text-sm);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe2d9;border-radius:7px;background:#fff;color:var(--ink);min-height:46px;padding:11px 13px}.field input:disabled{background:var(--canvas);color:var(--muted)}.field textarea{resize:vertical;min-height:80px}.field small{font-size:var(--text-xs);color:var(--muted);line-height:1.7}.login-form .button{width:100%;margin-top:7px;min-height:46px}.form-error{color:var(--danger);font-size:var(--text-sm);margin-bottom:16px;min-height:1px}.login-note{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs);line-height:1.9}.login-note svg{vertical-align:middle;width:15px;height:15px;margin-right:5px}
/* Workbench: navigation, message list, and reading surface. */
.workbench{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:var(--sidebar);color:#f4f6ee;padding:30px 18px 18px;display:flex;flex-direction:column;min-height:0}.sidebar .brand{padding:0 9px 29px}.sidebar .create-button{width:100%;margin:0 0 28px;min-height:43px}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-button{min-height:42px;display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;background:transparent;color:#b9c4c2;text-align:left;border-radius:7px;font-size:var(--text-sm)}.nav-button svg{width:18px;height:18px}.nav-button:hover{background:#ffffff09}.nav-button.selected{background:#ffffff0e;color:#fff}.nav-button.selected:before{content:"";position:absolute;margin-left:-12px;width:3px;height:20px;border-radius:3px;background:var(--accent)}.nav-button .count{margin-left:auto;font-size:11px;color:#c6cecb;background:#ffffff10;border-radius:4px;min-width:22px;text-align:center}.mailbox-nav{margin-top:29px;min-height:0;display:flex;flex:1;flex-direction:column}.section-label{display:flex;align-items:center;justify-content:space-between;color:#83938f;padding:0 11px 10px;font-size:10px;font-weight:600;letter-spacing:1.5px}.section-label button{color:#a9b8b1;background:none;padding:0;display:grid;place-items:center;width:24px;height:24px}.section-label svg{width:15px;height:15px}.mailbox-items{overflow:auto;min-height:80px}.mailbox-button{display:flex;width:100%;align-items:center;gap:10px;min-height:56px;padding:9px 11px;background:transparent;color:#aebbba;text-align:left;border-radius:7px}.mailbox-button:hover{background:#ffffff08}.mailbox-button.selected{background:#ffffff0e;color:#fff}.mailbox-dot{height:7px;width:7px;border:1px solid #80958b;border-radius:50%;flex-shrink:0}.mailbox-button.selected .mailbox-dot{background:#d8b59d;border-color:#d8b59d}.mailbox-button.warning .mailbox-dot{border-color:var(--accent);background:var(--accent)}.mailbox-name{min-width:0;flex:1}.mailbox-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:500}.mailbox-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#7e928b}.mailbox-button .count{font-size:10px;color:#b7c7be}.empty-nav{font-size:12px;color:#8a9b95;padding:8px 11px;line-height:1.8}.sidebar-bottom{padding-top:18px}.archive-status{display:flex;align-items:center;gap:8px;padding:0 12px 14px;font-size:11px;color:#9aada1}.archive-status i{width:6px;height:6px;border-radius:50%;background:#a2b890}.account-row{display:flex;align-items:center;border-top:1px solid #ffffff0c;padding-top:14px;gap:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#404c46;color:#cdd8cd;font-weight:700;font-size:11px}.account-info{flex:1;font-size:12px;line-height:1.5}.account-info small{display:block;color:#7f9589;font-size:10px}.sidebar-bottom .icon-button{color:#91a598;width:30px;height:34px}.sidebar-bottom .icon-button:hover{background:#ffffff0e;color:#fff}
.main{min-width:0;display:flex;flex-direction:column;background:var(--paper)}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);flex-shrink:0;gap:16px}.page-heading{display:flex;gap:12px;align-items:center;min-width:0}.page-heading h1{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0;font-weight:650}.page-heading p{margin:3px 0 0;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.topbar-actions{display:flex;align-items:center;gap:10px}.sync-status{font-size:11px;color:var(--muted);white-space:nowrap}.mobile-menu{display:none}.workspace-content{display:grid;grid-template-columns:var(--list-width) minmax(0,1fr);flex:1;min-height:0}.message-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.search-wrap{padding:20px 20px 14px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 11px;height:38px;color:#959c96}.search svg{width:16px;height:16px}.search input{width:100%;padding:0;border:0;outline:0;min-width:0;background:transparent;font-size:12px;color:var(--ink)}.filterbar{display:flex;align-items:center;gap:6px;padding:0 20px 15px;border-bottom:1px solid var(--line)}.filterbar button{font-size:11px;padding:4px 11px;color:var(--muted);background:transparent;border-radius:5px}.filterbar button.selected{background:#e9ece3;color:#46523d;font-weight:600}.filterbar .result-count{font-size:10px;color:var(--muted);margin-left:auto}.message-list{overflow:auto;flex:1;min-height:0}.message-row{position:relative;display:block;text-align:left;width:100%;padding:21px 22px 19px;background:transparent;border-bottom:1px solid var(--line);color:var(--ink)}.message-row:hover{background:#f1f2eb}.message-row.selected{background:#eef0e7;box-shadow:inset 3px 0 #8b9c78}.message-row.unread .message-subject{font-weight:650}.message-row.unread:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);left:9px;top:32px}.message-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px;margin-bottom:5px;color:var(--muted)}.message-sender{font-weight:550;color:#4b5550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.message-time{font-size:10px;white-space:nowrap}.message-subject{font-size:13px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-weight:450}.message-preview{font-size:11px;color:#8c928a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-badges{display:flex;align-items:center;gap:5px;margin-top:10px}.code-badge{font:11px ui-monospace,Consolas,monospace;background:#e5e9dc;color:#647346;border:1px solid #dce2d2;padding:1px 6px;border-radius:3px}.message-badges svg{width:12px;height:12px;color:var(--accent)}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:42px 25px;min-height:260px;color:var(--muted)}.empty-icon{width:56px;height:56px;display:grid;place-items:center;background:#ecefe5;color:#8b9d78;border-radius:16px;margin-bottom:19px}.empty-icon svg{width:25px;height:25px}.empty-state h2{font-size:15px;color:var(--ink);font-weight:600;margin:0 0 7px}.empty-state p{font-size:12px;max-width:280px;margin:0;line-height:1.9}.empty-state .button{margin-top:20px;font-size:12px}.inline-error{margin:12px 16px 0;padding:10px 12px;border:1px solid #f0d5c6;border-radius:6px;color:#a16a4f;background:#fff9f3;font-size:11px;line-height:1.7}.list-footer{padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:#8f968d;display:flex;gap:6px;align-items:center;line-height:1.6}.list-footer svg{width:13px;height:13px}.reading-panel{min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--paper)}.reading-empty{flex:1;position:relative}.reading-empty .empty-icon{background:#f5f5ef;color:#a0aa91;width:74px;height:74px;border-radius:23px}.reading-empty .empty-icon svg{width:32px;height:32px;stroke-width:1.3}.reading-empty h2{font-size:20px;font-weight:500;margin-bottom:11px;letter-spacing:-.4px}.reading-empty p{max-width:300px}.reading-empty .empty-kicker{font-size:9px;letter-spacing:2px;color:#a4ac9e;margin-top:25px}.reader-toolbar{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);flex-shrink:0}.reader-toolbar>div{display:flex;align-items:center;gap:4px}.reader-toolbar .save-tag{font-size:10px;color:#839275;display:flex;align-items:center;gap:6px}.reader-toolbar .save-tag svg{width:13px;height:13px}.reader-body{overflow:auto;padding:34px 40px 50px;min-height:0}.reader-body h2{font-size:23px;font-weight:600;line-height:1.55;margin:0 0 25px;overflow-wrap:anywhere;letter-spacing:-.4px}.sender-detail{display:flex;align-items:flex-start;gap:12px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}.sender-detail .avatar{width:36px;height:36px;background:#f0f1e8;color:#738168;font-size:14px;flex-shrink:0}.sender-detail .sender-info{min-width:0;flex:1}.sender-detail strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.sender-detail p{font-size:11px;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}.reader-date{font-size:10px;color:var(--muted);white-space:nowrap;margin-top:3px}.verification{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:#f4f5ec;border:1px solid #e6e9d9;border-radius:8px;margin-bottom:27px}.verification span{font-size:11px;color:#7b866b}.verification strong{font-size:23px;font-family:ui-monospace,Consolas,monospace;letter-spacing:4px;color:#4d6243;margin-left:15px}.verification button{background:transparent;color:#748163;font-size:11px;display:flex;gap:5px;align-items:center;padding:5px}.verification svg{width:15px;height:15px}.body-tabs{display:flex;gap:14px;margin-bottom:20px}.body-tabs button{background:transparent;font-size:11px;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}.body-tabs button.selected{color:var(--ink);border-color:var(--accent)}.message-text{font-family:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;margin:0;color:#47504a}.mail-frame{width:100%;min-height:480px;border:1px solid var(--line);border-radius:7px;background:#fff}.back-to-list{display:none}.page-footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:9px;letter-spacing:.2px;border-top:1px solid var(--line);color:#9a9f96;background:var(--paper);flex-shrink:0}.page-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-footer a{color:var(--muted);text-decoration:none;margin-left:15px;white-space:nowrap}
/* Dialogs use one form and action rhythm throughout. */
.modal-backdrop{position:fixed;inset:0;background:#18221d66;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:470px;background:var(--paper);border-radius:14px;box-shadow:var(--shadow);max-height:calc(100dvh - 48px);overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 0}.modal-header h2{font-size:19px;font-weight:600;margin:0;letter-spacing:-.4px}.modal-form{padding:10px 26px 26px}.modal-description{font-size:12px;color:var(--muted);margin:0 0 23px;line-height:1.85}.modal .field{margin-bottom:17px}.modal .field input,.modal .field select{min-height:43px;font-size:13px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px}.modal-footer .button{font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-row .field{min-width:0}.address-preview{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:12px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;margin:-5px 0 18px;color:#768069}.notice{background:#f6f5ee;border-radius:6px;padding:11px 13px;font-size:11px;line-height:1.8;color:#8a8067}.checkbox-field{display:flex;align-items:center;gap:8px;margin:20px 0;font-size:12px}.checkbox-field input{accent-color:var(--accent)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#26352c;color:#fff;padding:11px 19px;border-radius:8px;font-size:12px;box-shadow:var(--shadow);z-index:200;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}#toast.show{opacity:1;transform:translate(-50%,0)}.spin svg{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dot{padding:40px 24px;color:var(--muted);font-size:12px;text-align:center}.sidebar-overlay{display:none}
@media(min-width:1500px){:root{--list-width:390px;--sidebar-width:250px}.reader-body{padding:42px 58px}.topbar{padding-left:36px;padding-right:36px}}
@media(max-width:1150px){:root{--sidebar-width:210px;--list-width:310px}.sidebar{padding-left:12px;padding-right:12px}.reader-body{padding:26px}.topbar{padding:0 22px}.sync-status{display:none}.reader-date{white-space:normal;max-width:90px;text-align:right}.message-sender{max-width:180px}}
@media(max-width:900px){:root{--sidebar-width:205px;--list-width:300px}.workspace-content{display:block;position:relative}.message-panel{height:100%;border-right:0}.reading-panel{display:none;height:100%}.workbench.reading .message-panel{display:none}.workbench.reading .reading-panel{display:flex}.back-to-list{display:inline-grid}.reader-toolbar{padding:0 18px}.reading-empty{display:none}.message-row{padding:22px 26px}.message-sender{max-width:75%}}
@media(max-width:640px){.login-page{grid-template-columns:1fr;min-height:100dvh}.login-aside{padding:25px 28px;background:var(--canvas);color:var(--ink)}.login-aside .brand small,.login-art,.login-aside footer{display:none}.login-main{align-items:flex-start;padding:40px 28px}.login-form h2{font-size:27px}.login-form .subtitle{margin-bottom:27px}.workbench{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:60;transform:translateX(-100%);transition:transform .2s}.workbench.nav-open .sidebar{transform:translateX(0)}.workbench.nav-open .sidebar-overlay{display:block;position:fixed;inset:0;background:#17221c70;z-index:50}.main{height:100dvh}.mobile-menu{display:inline-grid;width:34px}.topbar{height:74px;padding:0 15px;gap:8px}.page-heading{gap:8px}.page-heading h1{font-size:18px}.page-heading p{max-width:46vw;font-size:10px}.topbar-actions{gap:3px}.topbar .button{padding:8px 11px;font-size:11px;min-height:36px}.search-wrap{padding:17px 20px 12px}.filterbar{padding-bottom:12px}.message-row{padding:20px 24px}.page-footer{padding:0 18px;font-size:9px}.page-footer .footer-label{display:none}.reader-body{padding:26px 22px}.reader-body h2{font-size:21px}.sender-detail{gap:9px;flex-wrap:wrap}.reader-date{max-width:none;width:100%;text-align:left;margin-left:45px}.verification{padding:12px}.verification strong{font-size:20px;margin-left:8px;letter-spacing:2px}.modal-backdrop{padding:16px}.modal-header{padding:20px 22px 0}.modal-form{padding:8px 22px 23px}.form-row{grid-template-columns:1fr;gap:0}.modal-footer .button{flex:1}.modal{max-height:calc(100dvh - 32px)}.list-footer{font-size:10px}.reader-toolbar{height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.page-heading>div{min-width:0}.page-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex-shrink:0}
.account-management{overflow:auto;padding:32px 36px;flex:1;min-height:0;background:var(--panel)}.keys-intro{display:flex;align-items:flex-start;gap:16px;padding-bottom:28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.keys-intro-icon{width:42px;height:42px;border-radius:11px;background:#e9eddf;color:#7b8a65;display:grid;place-items:center;flex-shrink:0}.keys-intro h2{font-size:19px;font-weight:550;margin:0 0 7px;letter-spacing:-.3px}.keys-intro p{font-size:12px;color:var(--muted);max-width:630px;margin:0;line-height:1.9}.keys-list-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:15px}.keys-list-heading b{font-weight:400;font-size:10px;color:var(--muted);margin-left:8px;background:#eaede3;border-radius:4px;padding:2px 6px}.keys-list-heading>span+span{font-size:10px;color:var(--muted)}.key-table{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.key-table-head,.key-row{display:grid;grid-template-columns:minmax(130px,1fr) 100px 150px 75px 65px;gap:18px;align-items:center;padding:14px 20px}.key-table-head{font-size:10px;color:var(--muted);background:#f1f3ec;border-bottom:1px solid var(--line)}.key-row{min-height:83px;border-bottom:1px solid var(--line)}.key-row:last-child{border-bottom:0}.key-identity{min-width:0}.key-identity strong{display:block;font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-identity code{display:block;font:10px ui-monospace,Consolas,monospace;color:#9a9f92;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-usage strong{font-size:12px;font-weight:600}.key-usage strong span{font-size:10px;color:var(--muted);font-weight:400}.key-usage small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.key-row time{font-size:10px;color:var(--muted)}.key-state{font-size:10px;color:#688051;display:flex;align-items:center;gap:5px}.key-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#8ca675}.key-state.disabled{color:#9c9f94}.key-state.disabled:before{background:#afb3a8}.key-toggle{min-height:32px;padding:6px 12px;font-size:10px;font-weight:500}.key-footnote{margin-top:20px;font-size:10px;color:#969d8e;line-height:1.9;max-width:720px}.generated-key{display:block;width:100%;resize:none;border:1px solid #dce4ce;border-radius:7px;background:#f3f6eb;color:#536b41;font:15px/1.8 ui-monospace,Consolas,monospace;padding:14px;margin:9px 0 20px;min-height:95px;word-break:break-all}.keys-empty{background:var(--paper);border:1px solid var(--line);border-radius:9px;min-height:300px}
@media(max-width:1150px){.account-management{padding:26px}.key-table-head,.key-row{grid-template-columns:minmax(110px,1fr) 75px 100px 60px 55px;gap:10px;padding:14px}.key-row time{font-size:9px}}
@media(max-width:750px){.key-table-head{display:none}.key-row{grid-template-columns:minmax(110px,1fr) 70px 60px;gap:10px 12px;padding:16px}.key-identity{grid-column:1;grid-row:1}.key-usage{grid-column:2;grid-row:1}.key-row time{grid-column:1;grid-row:2}.key-state{grid-column:2;grid-row:2}.key-toggle{grid-column:3;grid-row:1 / 3}.account-management{padding:24px 20px}.keys-intro{gap:12px}.keys-intro h2{font-size:18px}.keys-list-heading>span+span{font-size:9px}.keys-intro-icon{width:36px;height:36px}.keys-intro p{font-size:11px}}
.account-actions{display:flex;align-items:center;gap:6px}.key-table-head,.key-row{grid-template-columns:minmax(110px,1fr) 80px 140px 65px 142px}.account-info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1150px){.key-table-head,.key-row{grid-template-columns:minmax(90px,1fr) 65px 100px 55px 123px;gap:8px}.account-actions{gap:4px}.account-actions .button{padding:6px 8px}}
@media(max-width:900px){.key-table-head,.key-row{grid-template-columns:minmax(90px,1fr) 65px 55px 123px}.key-table-head>span:nth-child(3),.key-row time{display:none}}
@media(max-width:750px){.key-row{grid-template-columns:minmax(100px,1fr) 70px;gap:12px}.key-identity{grid-column:1;grid-row:1}.key-usage{grid-column:2;grid-row:1}.key-row time{display:block;grid-column:1;grid-row:2}.key-state{grid-column:2;grid-row:2}.account-actions{grid-column:1 / -1;grid-row:3;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--line)}.account-actions .button{padding:6px 13px;min-height:34px}.login-main{padding-top:25px}}
.key-identity .account-sharing{font:10px/1.6 inherit;white-space:normal;color:var(--muted)}.key-identity .account-sharing.shared{color:var(--accent)}
@media(max-width:900px){#register-mailbox-button{padding:10px;min-width:38px}#register-mailbox-button span{display:none}}
@media(max-width:640px){.topbar-actions .icon-button{width:32px}#register-mailbox-button{padding:8px;min-width:32px}.topbar .page-heading{flex:1}.topbar .page-heading>div{min-width:0}}
.button.danger{background:var(--danger);color:var(--paper)}.button.danger:hover{background:var(--accent-hover)}.button.danger-outline{background:var(--paper);color:var(--danger);border:1px solid var(--line)}.button.danger-outline:hover{background:var(--accent-soft)}.mailbox-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-6)}.mailbox-danger-zone strong{display:block;font-size:var(--text-xs);font-weight:550}.mailbox-danger-zone small{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.8;margin-top:var(--space-1)}.mailbox-danger-zone .button{font-size:var(--text-xs);flex-shrink:0}
.mailbox-trash-panel{--trash-inset:32px;overflow:auto;flex:1;min-height:0;padding:var(--trash-inset);background:var(--panel)}.trash-intro{display:flex;gap:var(--space-4);align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.trash-intro .empty-icon{width:42px;height:42px;border-radius:11px;flex-shrink:0;margin:0}.trash-intro>div:nth-child(2){flex:1;min-width:0}.trash-intro h2{font-size:19px;font-weight:550;margin:0 0 var(--space-2);letter-spacing:-.3px}.trash-intro p{font-size:var(--text-xs);color:var(--muted);margin:0;line-height:1.9}.trash-intro .button{font-size:var(--text-xs)}.trash-list-title{font-size:var(--text-xs);margin-bottom:var(--space-4)}.trash-list-title span{font-size:10px;color:var(--muted);padding:2px 6px;background:var(--canvas);border-radius:4px;margin-left:var(--space-2)}.trash-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.trash-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.6fr) auto;gap:var(--space-6);align-items:center;padding:var(--space-6);border-bottom:1px solid var(--line)}.trash-row:last-child{border-bottom:0}.trash-identity{min-width:0}.trash-identity h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-1);overflow-wrap:anywhere}.trash-identity p{font-size:var(--text-xs);color:var(--muted);margin:0;overflow-wrap:anywhere}.trash-meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted)}.trash-meta time{font-size:10px}.trash-row .button{font-size:var(--text-xs);min-height:40px}.trash-empty{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
@media(max-width:750px){.mailbox-trash-panel{--trash-inset:20px}.trash-row{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-5);gap:var(--space-4)}.trash-identity{grid-column:1 / -1}.trash-meta{grid-column:1}.trash-row .button{grid-column:2}.trash-intro{flex-wrap:wrap;gap:var(--space-3)}.trash-intro h2{font-size:var(--text-lg)}.trash-intro .button{margin-left:auto}.mailbox-danger-zone{align-items:flex-start;flex-direction:column}.mailbox-danger-zone .button{width:100%}}
.trash-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.purge-scope{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);margin-bottom:var(--space-5);font-size:var(--text-xs);line-height:1.85}.purge-scope>strong{color:var(--danger);font-weight:600}.purge-scope ul{margin:var(--space-2) 0 0;padding-left:var(--space-4);color:var(--muted)}.purge-scope li+li{margin-top:var(--space-1)}
@media(max-width:900px){.trash-row{grid-template-columns:minmax(0,1fr) auto}.trash-meta{grid-column:1;grid-row:2}.trash-actions{grid-column:2;grid-row:1 / 3;flex-direction:column}.trash-identity{grid-column:1}}
@media(max-width:600px){.trash-actions{grid-column:1 / -1;grid-row:3;flex-direction:row;justify-content:stretch;border-top:1px solid var(--line);padding-top:var(--space-4)}.trash-actions .button{flex:1}.trash-meta{grid-column:1 / -1}}