:root{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--ps-color-foreground);background:var(--ps-color-background);font-synthesis:none;--ink:var(--ps-color-foreground);--blue:var(--ps-color-primary);--app-muted:var(--ps-color-muted-foreground);--line:var(--ps-color-border);--navy:var(--ps-color-panel-elevated);--wash:var(--ps-color-background);--green:var(--ps-color-success-foreground)}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.48}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ps-color-focus-ring);outline-offset:3px}
h1,h2,h3,p{margin:0}
.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.sidebar{background:var(--navy);color:var(--ps-color-muted-foreground);display:flex;flex-direction:column;padding:18px 14px;gap:0;min-width:0}
.brand{font-size:calc(23px * var(--ps-font-scale));font-weight:650;display:flex;align-items:center;gap:10px;letter-spacing:-.7px}
.brand-icon{width:33px;height:33px;object-fit:contain}
.workspace{margin-top:18px;font-size:var(--ps-font-support);color:var(--ps-color-muted-foreground)}
.workspace span{display:block;margin-top:6px;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground)}
.project-label{margin-top:16px;color:var(--ps-color-muted-foreground);font-size:var(--ps-font-label)}
#project{margin-top:8px;width:100%;padding:10px 9px;background:var(--app-accent-soft);border:1px solid var(--ps-color-border);color:var(--ps-color-panel);border-radius:6px;font-size:var(--ps-font-support)}
.folders{margin:18px -4px 16px;display:grid;gap:4px}
.nav-button{border:0;color:var(--ps-color-muted-foreground);background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:var(--ps-font-body)}
.nav-button.active{background:var(--app-accent-soft);color:var(--ps-color-primary);font-weight:650}
.nav-button>span:first-child{font-size:calc(18px * var(--ps-font-scale))}
.nav-count{margin-left:auto;font-size:var(--ps-font-label);opacity:.85}
.sources-heading{display:flex;align-items:center;justify-content:space-between;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);padding:0 3px 8px}
.icon-button{border:0;background:transparent;color:inherit;font-size:calc(23px * var(--ps-font-scale));line-height:1;width:30px;height:30px;border-radius:5px}
.icon-button:hover{background:var(--app-accent-soft)}
.sources{display:grid;gap:6px}
.source-button{border:0;color:var(--ps-color-muted-foreground);background:transparent;text-align:left;border-radius:6px;padding:8px 9px;display:flex;align-items:flex-start;gap:9px;width:100%;font-size:var(--ps-font-label);line-height:1.45;border-left:3px solid transparent}
.source-button.active{background:var(--app-accent-soft);color:var(--ps-color-foreground);border-left-color:var(--blue);font-weight:650;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ps-color-primary) 22%, transparent)}
.source-dot{width:7px;height:7px;border-radius:50%;background:var(--ps-color-success-foreground);flex-shrink:0;margin-top:7px}
.source-dot.test{background:var(--ps-color-info-foreground)}
.source-dot.unknown{background:var(--ps-color-warning-foreground)}
.source-button small{display:block;color:var(--ps-color-muted-foreground);font-size:var(--ps-font-label)}
.source-link{margin-top:15px;text-align:left;padding:4px 10px;border:0;background:none;color:var(--ps-color-muted-foreground);font-size:var(--ps-font-label)}
.sidebar-foot{margin-top:auto;padding-top:24px;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground)}
.sidebar-foot p{font-size:var(--ps-font-label);line-height:1.55;margin-top:6px;color:var(--ps-color-muted-foreground)}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--ps-color-success-foreground);border-radius:50%;margin-right:7px}
.main{display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 14px;background:var(--ps-color-background)}
.topbar h1{font-size:calc(22px * var(--ps-font-scale));font-weight:650;letter-spacing:-.4px}
.topbar p{font-size:var(--ps-font-label);color:var(--app-muted);margin-top:4px}
.import-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.button{border:1px solid transparent;border-radius:6px;padding:10px 16px;font-size:var(--ps-font-support);font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:5px;white-space:nowrap}
.button.primary{background:var(--blue);color:var(--ps-color-panel)}
.button.primary:hover{background:var(--ps-color-primary)}
.button.secondary{color:var(--ps-color-foreground);background:var(--ps-color-panel);border-color:var(--ps-color-border)}
.button.secondary:hover{background:var(--app-accent-soft)}
.text-button{border:0;background:transparent;color:var(--blue);padding:6px;font-size:var(--ps-font-label)}
.mail-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1;border-top:1px solid var(--line);min-height:0;background:var(--ps-color-panel)}
.thread-panel{background:var(--ps-color-panel-elevated);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.list-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px;gap:8px}
.list-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.list-heading h2{font-size:var(--ps-font-body);font-weight:650}
.search{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--ps-color-panel);color:var(--ps-color-muted-foreground)}
.search span{font-size:calc(23px * var(--ps-font-scale));line-height:1}
.search input{width:100%;border:0;outline:0;font-size:var(--ps-font-label);background:none;color:var(--ink)}
.thread-list{display:grid;align-content:start}
.thread-item{border:0;border-top:1px solid var(--ps-color-border);background:transparent;padding:10px 16px;text-align:left;position:relative;display:grid;gap:3px;width:100%;color:var(--ink);min-height:0}
.thread-item:last-child{border-bottom:1px solid var(--ps-color-border)}
.thread-item:hover:not(.selected){background:color-mix(in srgb, var(--ps-color-primary) 6%, var(--ps-color-panel-elevated))}
.thread-item.selected{background:var(--app-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ps-color-primary) 18%, transparent)}
.thread-item.selected:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--blue)}
.thread-top{display:flex;gap:8px;justify-content:space-between;align-items:baseline}
.sender{font-size:var(--ps-font-support);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ps-color-foreground)}
.thread-date{font-size:var(--ps-font-label);color:var(--app-muted);white-space:nowrap}
.thread-subject{font-size:var(--ps-font-body);font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.thread-snippet{font-size:var(--ps-font-label);line-height:1.4;color:color-mix(in srgb, var(--ps-color-muted-foreground) 82%, transparent);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;opacity:.88}
.thread-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:3px 7px;font-size:var(--ps-font-label);font-weight:500;background:var(--app-accent-soft);color:var(--ps-color-muted-foreground);line-height:1.5}
.badge.test{background:var(--app-info-soft);color:var(--ps-color-info-foreground)}
.badge.local{background:var(--app-success-soft);color:var(--ps-color-success-foreground)}
.badge.draft{background:var(--app-accent-soft);color:var(--ps-color-primary)}
.badge.pending{background:var(--app-warning-soft);color:var(--ps-color-warning-foreground)}
.list-foot{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);padding:12px 16px;margin-top:auto}
.more-button{border:0;background:var(--app-accent-soft);color:var(--blue);padding:12px;font-size:var(--ps-font-label)}
.reader{padding:18px 28px 28px;min-width:0;overflow-wrap:anywhere}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:480px;padding:30px;color:var(--ps-color-muted-foreground)}
.empty h2{font-size:calc(20px * var(--ps-font-scale));color:var(--ps-color-foreground);font-weight:500;margin-top:22px}
.empty p{font-size:var(--ps-font-support);line-height:2;margin-top:16px}
.empty-envelope{font-size:calc(50px * var(--ps-font-scale));color:var(--ps-color-muted-foreground);background:var(--app-accent-soft);border:1px solid var(--ps-color-border);border-radius:22px;display:grid;place-items:center;width:95px;height:82px}
.empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.thread-empty code{font-size:inherit}
.reader-source{display:flex;align-items:center;gap:8px;font-size:var(--ps-font-label);color:var(--app-muted)}
.reader-source>span:last-child{margin-left:auto}
.reader-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:10px 0 14px}
.reader-title h2{font-size:calc(20px * var(--ps-font-scale));font-weight:650;line-height:1.35;max-width:min(52ch,100%);letter-spacing:-.25px}
.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:14px}
.tab{border:0;background:transparent;font-size:var(--ps-font-support);color:var(--ps-color-muted-foreground);padding:11px 0;position:relative}
.tab.active{color:var(--blue);font-weight:650}
.tab.active:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--blue)}
.source-note{font-size:var(--ps-font-label);line-height:1.9;background:var(--ps-color-panel-elevated);color:var(--ps-color-muted-foreground);padding:10px 13px;border-left:2px solid var(--ps-color-border);margin:13px 0 21px}
.message{padding:14px 0 16px;border-bottom:1px solid var(--ps-color-border)}
.message-header{display:flex;gap:13px;align-items:center}
.avatar{border-radius:8px;background:var(--app-accent-soft);color:var(--ps-color-primary);width:36px;height:36px;display:grid;place-items:center;font-size:var(--ps-font-body);flex-shrink:0}
.message-sender{font-size:var(--ps-font-support);font-weight:600}
.message-sender span{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);font-weight:400;margin-left:8px}
.message-time{margin-left:auto;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);white-space:nowrap}
.recipients{color:var(--ps-color-muted-foreground);font-size:var(--ps-font-label);margin:7px 0 0 49px}
.message-body{white-space:pre-wrap;line-height:1.65;font-size:var(--ps-font-support);margin:14px 0 12px;max-width:78ch;color:var(--ps-color-foreground);overflow-wrap:anywhere}
.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding:8px 0;border-top:1px dashed color-mix(in srgb, var(--ps-color-border) 80%, transparent)}
.attachment{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;background:var(--ps-color-panel-elevated);padding:6px 10px;text-align:left;font-size:var(--ps-font-label);color:var(--ps-color-foreground);min-width:0;max-width:100%}
.attachment span:first-child{font-size:calc(20px * var(--ps-font-scale));color:var(--ps-color-muted-foreground)}
.attachment small{display:block;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);margin-top:4px}
.provenance{font-size:var(--ps-font-label);line-height:1.9;color:var(--ps-color-muted-foreground);margin-top:15px}
.provenance summary{cursor:pointer;display:inline-block}
.provenance p{margin-top:7px;max-width:80ch;word-break:break-all}
.provenance button{font-size:var(--ps-font-label)}
.draft-area{padding-top:4px;max-width:52rem}
.draft-state{display:flex;align-items:center;gap:8px;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);margin-bottom:19px}
.editor-label,label{display:grid;gap:6px;font-size:var(--ps-font-label);font-weight:500;margin-bottom:12px}
.editor-label input,.editor-label textarea,dialog input,dialog select,.candidate-form input,.candidate-form textarea,.candidate-form select{border:1px solid var(--ps-color-border);background:var(--ps-color-panel);border-radius:5px;padding:10px 12px;width:100%;min-width:0;color:var(--ink);font-size:var(--ps-font-support)}
.editor-label textarea{min-height:280px;line-height:1.9;resize:vertical}
.draft-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.draft-actions small{margin-left:auto;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground)}
.candidate-area{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.candidate-area h3{font-size:var(--ps-font-body);font-weight:600}
.candidate-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}
.candidate-area>p{margin:7px 0 14px;font-size:var(--ps-font-label);line-height:1.8;color:var(--ps-color-muted-foreground)}
.candidate-item{padding:12px 0;display:flex;gap:14px;align-items:center;border-top:1px solid var(--ps-color-border)}
.candidate-item>div{flex:1}
.candidate-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.candidate-item strong{font-size:var(--ps-font-label);font-weight:600}
.candidate-item p{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);margin-top:5px}
.candidate-form{padding:17px 18px;background:var(--ps-color-panel-elevated);border:1px solid var(--ps-color-border);border-radius:7px;margin:15px 0}
.candidate-form .time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.candidate-form textarea{height:105px;line-height:1.8;resize:vertical}
.candidate-form .dialog-actions{margin-top:5px}
.notice{padding:12px 32px;background:var(--app-success-soft);font-size:var(--ps-font-label);color:var(--ps-color-success-foreground);border-top:1px solid var(--app-success-soft);line-height:1.7}
.notice.error{background:var(--app-danger-soft);color:var(--ps-color-danger-foreground);border-color:var(--app-danger-soft)}
.thread-empty{padding:35px 22px;color:var(--ps-color-muted-foreground);font-size:var(--ps-font-label);line-height:2}
dialog{border:1px solid var(--line);border-radius:11px;background:var(--ps-color-panel);padding:26px;width:min(520px,calc(100vw - 30px));color:var(--ink);box-shadow:0 18px 90px rgb(0 0 0 / .16)}
dialog::backdrop{background:rgb(0 0 0 / .48)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.dialog-heading h2{font-size:calc(20px * var(--ps-font-scale))}
.dark{color:var(--ps-color-muted-foreground)}
.muted{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);line-height:1.8;margin-bottom:22px}
.field-help{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);line-height:1.8;margin:-8px 0 20px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.skip{position:absolute;left:240px;top:-60px;background:var(--ps-color-panel);color:var(--blue);padding:12px;z-index:9}
.skip:focus{top:0}
[hidden]{display:none!important}
@media(min-width:1500px){.mail-workspace{grid-template-columns:370px minmax(0,1fr)}
.reader{padding-left:48px;padding-right:48px}
.topbar{padding-left:36px}
}
@media(max-width:1150px){.app{grid-template-columns:190px 1fr}
.sidebar{padding-left:14px;padding-right:14px}
.mail-workspace{grid-template-columns:270px minmax(0,1fr)}
.reader{padding:23px}
.topbar{padding:24px}
.reader-title{flex-direction:column;gap:12px}
.message-header{flex-wrap:wrap}
.message-time{margin-left:49px}
.message-sender span{display:block;margin-left:0;margin-top:4px}
}
@media(max-width:850px){.app{display:block}
.sidebar{padding:15px 19px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.brand{font-size:calc(21px * var(--ps-font-scale))}
.workspace,.project-label,.sidebar-foot,.sources-heading,.source-link{display:none}
#project{margin:0}
.folders{display:flex;margin:0;grid-column:1 / -1}
.nav-button{padding:9px}
.sources{display:flex;grid-column:1 / -1;overflow:auto;max-width:100%}
.source-button{min-width:150px;width:auto}
.topbar{padding:20px}
.topbar h1{font-size:calc(22px * var(--ps-font-scale))}
.topbar p{display:none}
.mail-workspace{grid-template-columns:240px minmax(0,1fr)}
.reader{padding:20px}
.reader-title h2{font-size:calc(19px * var(--ps-font-scale))}
.reader-source{flex-wrap:wrap}
.reader-source>span:last-child{margin-left:0}
.candidate-heading{flex-wrap:wrap}
.candidate-item{flex-wrap:wrap}
.candidate-item>div{flex-basis:100%}
.import-actions{gap:7px}
.button{padding:9px 11px;font-size:var(--ps-font-label)}
}
@media(max-width:600px){.mail-workspace{display:block}
.thread-panel{border-right:0;border-bottom:1px solid var(--line)}
.thread-list{max-height:290px;overflow:auto}
.thread-item{padding:15px 20px}
.thread-snippet{display:none}
.list-foot{display:none}
.list-heading{padding-top:14px}
.search{margin-bottom:13px}
.thread-item{gap:6px}
.reader{padding:20px}
.empty{min-height:300px}
.topbar{gap:10px}
.topbar h1{font-size:calc(19px * var(--ps-font-scale))}
.import-actions .secondary{display:none}
.message-time{margin-left:auto}
.candidate-form .time-fields{display:block}
.reader-title{flex-direction:row}
.reader-title h2{font-size:calc(18px * var(--ps-font-scale))}
.draft-actions small{margin-left:0}
.sources .source-button{font-size:var(--ps-font-label)}
.sidebar{grid-template-columns:1fr minmax(0,1fr)}
.notice{padding:12px 20px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}

/* Local aliases never overwrite shared channel tokens such as --muted or --accent. */
:root {
  font-size: 16px;
  --app-accent-soft: color-mix(in srgb, var(--ps-color-primary) 12%, var(--ps-color-panel));
  --app-success-soft: color-mix(in srgb, var(--ps-color-success) 12%, var(--ps-color-panel));
  --app-warning-soft: color-mix(in srgb, var(--ps-color-warning) 12%, var(--ps-color-panel));
  --app-danger-soft: color-mix(in srgb, var(--ps-color-danger) 12%, var(--ps-color-panel));
  --app-info-soft: color-mix(in srgb, var(--ps-color-info) 12%, var(--ps-color-panel));
}
body { font-size: var(--ps-font-body); line-height: var(--ps-line-height); }
button, input, select, textarea { min-width: 0; }
button { min-height: max(34px, calc(1.6em + 2 * var(--ps-density-control-padding))); }
input, select, textarea { padding-top: var(--ps-density-control-padding); padding-bottom: var(--ps-density-control-padding); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--ps-color-focus-ring); }
input::placeholder, textarea::placeholder { color: var(--ps-color-muted-foreground); opacity: 1; }
dialog { background: var(--ps-color-panel); }

.button.primary { color: var(--ps-color-primary-foreground); }
.sidebar { color: var(--ps-color-foreground); border-right: 1px solid var(--ps-color-border); }
.brand-icon { color: #fff; } /* Product mark stays brand-owned. */
#project, .source-button.active { color: var(--ps-color-foreground); }
.mail-workspace { background: var(--ps-color-panel); }
.message-body, .thread-subject { font-size: var(--ps-font-body); }
.thread-item { padding-top: max(8px, var(--ps-density-gap)); padding-bottom: max(8px, var(--ps-density-gap)); }
.import-actions { flex-wrap: wrap; justify-content: flex-end; }
.import-actions [data-open-appearance] { display: inline-flex; }
.sidebar .icon-button { min-height: 30px; }
@media(max-width:600px) { .topbar { flex-wrap: wrap; } .import-actions { width: 100%; justify-content: flex-start; } }

.send-panel{margin-top:14px;padding:14px 16px;border:1px solid var(--ps-color-border);border-radius:7px;background:var(--ps-color-panel-elevated)}
.send-panel .editor-label{margin-bottom:10px}
.send-copy,.send-grant-help{margin:0 0 8px;font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);line-height:1.7}
.send-grant-help code{display:block;margin-top:6px;padding:8px 10px;border-radius:5px;background:var(--ps-color-panel);border:1px solid var(--ps-color-border);font-size:11px;word-break:break-all;white-space:pre-wrap}
#dry-run-send,#live-send{white-space:nowrap}
#live-send:disabled{opacity:.55;cursor:not-allowed}

.owner-auth-status{font-size:var(--ps-font-label);margin-top:6px;color:var(--ps-color-success-foreground)}
.owner-auth-lab{padding:0 32px 12px;font-size:var(--ps-font-label);color:var(--app-muted);line-height:1.7}
@media(max-width:900px){.owner-auth-lab{padding:0 24px 10px}#owner-consent{order:-1}}

.sources-empty{padding:12px 4px;font-size:var(--ps-font-label);line-height:1.8}


/* —— UX Stage E: mail-client density & chrome —— */
.app{grid-template-columns:200px 1fr}
.action-group{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.action-group + .action-group{padding-left:12px;border-left:1px solid var(--ps-color-border)}
.reader-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}
.sync-status{font-size:var(--ps-font-label);color:var(--ps-color-muted-foreground);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-clear{border:0;background:transparent;color:var(--ps-color-muted-foreground);padding:0 4px;min-height:24px;line-height:1;font-size:calc(16px * var(--ps-font-scale));border-radius:4px}
.search-clear:hover{background:var(--app-accent-soft);color:var(--ps-color-foreground)}
.thread-list{outline:none}
.thread-item:focus-visible{outline:2px solid var(--ps-color-focus-ring);outline-offset:-2px;z-index:1}
.thread-item.selected:before{width:3px}
.attachment small{margin-top:2px}
.attachment-strip-empty{display:none}
.source-note{margin:8px 0 14px;padding:8px 12px;line-height:1.55}
.reader-source{margin-bottom:2px}
.draft-actions{gap:8px}
.send-panel{margin-top:10px;padding:12px 14px}
.owner-auth-lab{padding:0 24px 8px}
.sources-empty{padding:8px 4px}
@media(min-width:1500px){.mail-workspace{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:850px){.action-group + .action-group{padding-left:0;border-left:0}}

/* UX framework: mailbox navigation, an independent composer, and a focused reader.
   Colors continue to come from the frozen Product Surface theme. */
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.mail-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{grid-template-columns:228px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
.sidebar{padding:25px 16px 16px;background:var(--ps-color-background);border:0;overflow:auto}
.brand{font-size:calc(23px * var(--ps-font-scale));gap:9px;color:var(--ink);letter-spacing:-.7px}
.workspace{margin:8px 0 0 42px;font-size:calc(11px * var(--ps-font-scale));letter-spacing:.2px;line-height:1.6}
.compose-trigger{margin:25px 0 18px;padding:13px 16px;border-radius:10px;width:100%;justify-content:flex-start;gap:11px;min-height:46px;font-size:calc(14px * var(--ps-font-scale))}
.compose-trigger .shortcut{margin-left:auto;opacity:.75;font-size:calc(11px * var(--ps-font-scale));font-weight:400;border:1px solid currentColor;border-radius:4px;padding:0 5px;line-height:19px}
.folders{margin:0 0 28px;gap:3px}
.nav-button{min-height:40px;padding:9px 12px;gap:12px;font-size:calc(13px * var(--ps-font-scale));border-radius:7px}
.nav-button.active{box-shadow:none;color:var(--ink);background:var(--app-accent-soft);font-weight:650}
.nav-count{font-size:calc(11px * var(--ps-font-scale));font-variant-numeric:tabular-nums;min-width:18px;text-align:center}
.nav-later{font-size:calc(10px * var(--ps-font-scale));margin-left:auto;opacity:.7;white-space:nowrap}
.project-section{margin:0 4px 25px}
.project-label{font-size:calc(11px * var(--ps-font-scale));font-weight:500;margin:0 0 8px}
#project{margin:0;padding:9px 10px;background:var(--ps-color-panel);border-color:var(--line);font-size:calc(12px * var(--ps-font-scale));border-radius:7px}
.sources-heading{padding:0 9px 8px;font-size:calc(11px * var(--ps-font-scale))}
.sources-heading .icon-button{width:24px;min-height:24px;height:24px;font-size:calc(19px * var(--ps-font-scale))}
.sources{gap:5px;max-height:24vh;overflow:auto;flex-shrink:0}
.source-button{padding:8px;font-size:calc(12px * var(--ps-font-scale));gap:8px;border-left-width:2px}
.source-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.source-button small{font-size:calc(10px * var(--ps-font-scale));margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-link{margin:8px 0 0;padding:6px 9px;font-size:calc(11px * var(--ps-font-scale))}
.sources-empty{font-size:calc(11px * var(--ps-font-scale));padding:6px 8px;line-height:1.8;margin:0}
.sidebar-foot{padding-top:28px}
.sidebar-foot p{font-size:calc(10px * var(--ps-font-scale));margin:10px 10px 0}
.sidebar-settings{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);width:100%;padding:9px;font-size:calc(12px * var(--ps-font-scale));text-align:left;border-radius:7px}
.sidebar-settings:hover{background:var(--app-accent-soft)}
.main{height:100dvh;overflow:hidden}
.topbar{height:88px;min-height:88px;padding:18px 26px 18px 18px;gap:24px;flex-wrap:nowrap}
.mail-heading{min-width:125px}
.topbar h1{font-size:calc(21px * var(--ps-font-scale));line-height:1.5;font-weight:650}
.topbar p{font-size:calc(10px * var(--ps-font-scale));margin:3px 0 0;max-width:19ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-search{flex:1;margin:0;max-width:640px;height:43px;padding:0 13px;gap:11px;background:var(--ps-color-panel);border:1px solid var(--line);border-radius:9px}
.global-search input{font-size:calc(12px * var(--ps-font-scale));min-height:36px;padding:0}
.global-search input:focus-visible{outline-offset:0;outline-width:2px;border-radius:3px}
kbd{font:inherit;font-size:calc(10px * var(--ps-font-scale));border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;line-height:16px;color:var(--app-muted);background:var(--ps-color-panel)}
.account-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:calc(11px * var(--ps-font-scale));padding:0;white-space:nowrap;max-width:170px}
#account-label{overflow:hidden;text-overflow:ellipsis}
.account-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--app-accent-soft);border:1px solid var(--line);font-weight:650;font-size:calc(13px * var(--ps-font-scale));flex-shrink:0}
.mobile-menu{display:none}
.nav-scrim{display:none}
#sidebar-close{margin-left:auto}
.mail-workspace{grid-template-columns:365px minmax(0,1fr);margin:0 18px 18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:0;flex:1}
.thread-panel{overflow:hidden;background:var(--ps-color-panel)}
.list-heading{padding:20px 19px 13px;min-height:77px}
.list-heading h2{font-size:calc(14px * var(--ps-font-scale));font-weight:650;max-width:23ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-count{font-size:calc(10px * var(--ps-font-scale));color:var(--app-muted);display:block;margin-top:4px;font-variant-numeric:tabular-nums}
.list-heading-actions{gap:5px;flex-wrap:nowrap}
.list-heading-actions .icon-button{width:28px;height:28px;min-height:28px}
.list-heading-actions .mail-icon{width:16px;height:16px}
.text-button{font-size:calc(11px * var(--ps-font-scale));text-decoration:none;color:var(--ink)}
.text-button:hover{text-decoration:underline;text-underline-offset:3px}
.sync-status{max-width:8ch;font-size:calc(10px * var(--ps-font-scale))}
.filter-tabs{display:flex;gap:19px;padding:0 19px;border-bottom:1px solid var(--line)}
.filter-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;min-height:38px;padding:7px 0;color:var(--app-muted);font-size:calc(11px * var(--ps-font-scale));background:transparent}
.filter-tabs button.active{color:var(--ink);border-bottom-color:var(--blue);font-weight:650}
.list-toolbar{min-height:42px;display:flex;align-items:center;gap:6px;padding:3px 15px;border-bottom:1px solid var(--line);font-size:calc(10px * var(--ps-font-scale));color:var(--app-muted)}
.select-all-label{display:flex;align-items:center;margin:0 3px 0 0;padding:0}
.list-toolbar input,.thread-checkbox{appearance:auto;width:14px;height:14px;margin:0;accent-color:var(--blue);padding:0;cursor:pointer}
#selection-count{white-space:nowrap;min-width:45px;font-size:calc(10px * var(--ps-font-scale))}
.list-toolbar .icon-button{width:26px;min-height:26px;height:26px;font-size:calc(13px * var(--ps-font-scale));display:grid;place-items:center}
.list-toolbar .mail-icon{width:15px;height:15px}
#list-sort{border:0;background:transparent;color:var(--app-muted);font-size:calc(10px * var(--ps-font-scale));margin-left:auto;padding:4px 0;max-width:81px}
.thread-list{display:block;flex:1;overflow:auto;max-height:none;min-height:0;overscroll-behavior:contain}
.thread-row{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:start;padding:0 12px;border-bottom:1px solid var(--line)}
.thread-row:hover{background:color-mix(in srgb,var(--ps-color-primary) 4%,var(--ps-color-panel))}
.thread-row.is-selected{background:var(--app-accent-soft)}
.thread-row.is-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}
.thread-checkbox{margin-top:19px}
.thread-row .thread-item{border:0;box-shadow:none;background:transparent;padding:15px 6px 12px;gap:6px;min-height:104px}
.thread-row .thread-item:before{display:none}
.thread-row .thread-item:hover:not(.selected){background:transparent}
.thread-row .thread-top{gap:6px}
.sender{font-size:calc(12px * var(--ps-font-scale));font-weight:700}
.thread-row.is-read .sender{font-weight:500}
.thread-row.is-read .thread-subject{font-weight:400}
.thread-row.is-unread .thread-subject{font-weight:600}
.thread-message-count{font-size:calc(10px * var(--ps-font-scale));margin-left:6px;font-weight:400;color:var(--app-muted)}
.thread-date{font-size:calc(10px * var(--ps-font-scale));font-variant-numeric:tabular-nums}
.thread-subject{font-size:calc(13px * var(--ps-font-scale));line-height:1.55}
.thread-snippet{font-size:calc(11px * var(--ps-font-scale));color:var(--app-muted);opacity:1;line-height:1.55;white-space:nowrap;display:block;text-overflow:ellipsis}
.thread-tags{min-height:0;gap:6px;margin-top:0;align-items:center}
.thread-tags:empty{display:none}
.thread-tags .badge{font-size:calc(9px * var(--ps-font-scale));line-height:1.4;padding:1px 5px;border-radius:3px}
.thread-attachment{font-size:calc(9px * var(--ps-font-scale));display:inline-flex;gap:4px;color:var(--app-muted);align-items:center}
.thread-attachment .mail-icon{width:12px;height:12px}
.star-toggle{border:0;background:transparent;padding:0;min-height:24px;width:22px;margin-top:43px;display:grid;place-items:center;color:var(--app-muted);border-radius:4px}
.star-toggle .mail-icon{width:15px;height:15px}
.is-starred{color:var(--ps-color-warning-foreground)}
.is-starred .mail-icon{fill:currentColor}
.list-foot{font-size:calc(9px * var(--ps-font-scale));padding:11px 15px;border-top:1px solid var(--line);background:var(--ps-color-panel);line-height:1.6}
.thread-empty{padding:36px 23px;font-size:calc(12px * var(--ps-font-scale))}
.reader{padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--ps-color-panel)}
.reader-actionbar{display:flex;align-items:center;gap:10px;min-height:61px;padding:10px 26px;border-bottom:1px solid var(--line);background:var(--ps-color-panel)}
.reader-tools{display:flex;align-items:center;gap:7px;flex:1}
.reader-tools .icon-button{width:29px;height:29px;min-height:29px;display:grid;place-items:center}
.reader-actionbar .button{min-height:32px;padding:6px 11px;font-size:calc(11px * var(--ps-font-scale))}
.reader-actionbar .text-button{font-size:calc(10px * var(--ps-font-scale));padding:5px}
.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 4px}
.reader-back{display:none}
.reader-source{margin:24px 30px 0;font-size:calc(10px * var(--ps-font-scale));gap:8px}
.reader-source .badge{font-size:calc(9px * var(--ps-font-scale));padding:2px 6px}
.reader-title{margin:13px 30px 18px;display:block}
.reader-title h2{font-size:calc(22px * var(--ps-font-scale));line-height:1.55;font-weight:650;letter-spacing:-.3px}
.tabs{margin:0 30px 0;border-bottom:1px solid var(--line);gap:24px}
.tab{padding:11px 0;font-size:calc(11px * var(--ps-font-scale));border-radius:0}
.source-note{margin:16px 30px 0;padding:0;background:transparent;border:0;font-size:calc(10px * var(--ps-font-scale));line-height:1.6;color:var(--app-muted)}
.message{margin:0 30px;padding:24px 0;border-bottom:1px solid var(--line)}
.avatar{width:36px;height:36px;font-size:calc(13px * var(--ps-font-scale));border-radius:50%;background:var(--app-accent-soft);color:var(--ink)}
.message-header{gap:12px;flex-wrap:nowrap;align-items:center}
.message-sender{font-size:calc(12px * var(--ps-font-scale));line-height:1.6}
.message-sender span{display:block;font-size:calc(10px * var(--ps-font-scale));margin:2px 0 0;overflow-wrap:anywhere}
.message-time{font-size:calc(10px * var(--ps-font-scale));margin-left:auto}
.recipients{font-size:calc(10px * var(--ps-font-scale));margin:8px 0 0 48px;line-height:1.8}
.message-body{font-size:calc(14px * var(--ps-font-scale));line-height:1.9;margin:21px 0 12px;max-width:78ch}
.attachment-strip{margin-top:18px;padding:14px 0 0;border:0;gap:8px}
.attachment{padding:9px 12px;border-radius:7px;font-size:calc(11px * var(--ps-font-scale));line-height:1.6;max-width:100%;background:var(--ps-color-panel-elevated)}
.attachment small{font-size:calc(9px * var(--ps-font-scale))}
.provenance{font-size:calc(10px * var(--ps-font-scale));margin-top:16px}
.reader-reply-actions{display:flex;gap:8px;margin:24px 30px}
.reader-reply-actions .button{font-size:calc(11px * var(--ps-font-scale));padding:8px 14px;min-height:34px}
.candidate-area{margin:25px 30px;border:1px solid var(--line);border-radius:8px;padding:0}
.candidate-area>summary{padding:13px 16px;cursor:pointer;font-size:calc(12px * var(--ps-font-scale));font-weight:600}
.candidate-area>summary span{font-size:calc(10px * var(--ps-font-scale));font-weight:400;color:var(--app-muted);margin-left:8px}
.candidate-area .candidate-content{padding:0 16px 16px}
.candidate-content>.muted{font-size:calc(11px * var(--ps-font-scale));margin:10px 0 15px}
.candidate-area h3{font-size:calc(12px * var(--ps-font-scale))}
.draft-area{max-width:none;margin:24px 30px}
.draft-area .message-body{font-size:calc(13px * var(--ps-font-scale))}
.draft-state{font-size:calc(10px * var(--ps-font-scale));margin-bottom:16px}
.draft-area .editor-label{font-size:calc(11px * var(--ps-font-scale))}
.draft-area .editor-label input,.draft-area .editor-label textarea{font-size:calc(12px * var(--ps-font-scale));padding:10px 12px;border-radius:7px}
.draft-area .editor-label textarea{min-height:220px;line-height:1.85}
.draft-actions .button{font-size:calc(11px * var(--ps-font-scale));padding:8px 12px;min-height:34px}
.send-panel{font-size:calc(11px * var(--ps-font-scale));padding:0;border-radius:7px}
.send-panel>summary{padding:12px;cursor:pointer;font-size:calc(11px * var(--ps-font-scale));color:var(--app-muted)}
.send-panel-content{padding:0 12px 12px}
.send-copy,.send-grant-help{font-size:calc(10px * var(--ps-font-scale))}
.empty{min-height:100%;padding:40px 28px}
.empty-envelope{width:78px;height:68px;border-radius:17px;font-size:calc(32px * var(--ps-font-scale));color:var(--app-muted)}
.empty-envelope .mail-icon{width:30px;height:30px;stroke-width:1.2}
.empty h2{font-size:calc(18px * var(--ps-font-scale));font-weight:600;margin-top:22px}
.empty p{font-size:calc(12px * var(--ps-font-scale));line-height:1.9;margin-top:10px;max-width:39ch}
.empty .button{font-size:calc(11px * var(--ps-font-scale));padding:8px 12px;min-height:34px}
.keyboard-hints{display:flex;gap:18px;margin-top:29px;color:var(--app-muted);font-size:calc(10px * var(--ps-font-scale));flex-wrap:wrap;justify-content:center}
.keyboard-hints kbd{margin-right:3px}
.preview-banner{padding:8px 20px;font-size:calc(10px * var(--ps-font-scale));background:var(--app-warning-soft);color:var(--ps-color-warning-foreground);border-top:1px solid var(--line);margin:-7px 18px 8px 0;border-radius:6px;line-height:1.6}
.notice{padding:9px 20px;font-size:calc(11px * var(--ps-font-scale));margin:0 18px 8px 0;border-radius:6px;flex-shrink:0}
.workbench-dialog{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:26px}
.settings-subtitle{font-size:calc(11px * var(--ps-font-scale));color:var(--app-muted);margin-top:4px}
.settings-section{padding:21px 0;border-top:1px solid var(--line)}
.settings-section:last-child{padding-bottom:0}
.settings-section h3{font-size:calc(12px * var(--ps-font-scale));margin-bottom:13px}
.settings-description{font-size:calc(11px * var(--ps-font-scale));color:var(--app-muted);line-height:1.8;margin:0 0 14px}
.settings-section .button{font-size:calc(11px * var(--ps-font-scale));padding:7px 11px;min-height:33px}
.settings-source{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:calc(12px * var(--ps-font-scale));min-width:0}
.settings-source>div{flex:1;min-width:0}
.settings-source p{font-size:calc(10px * var(--ps-font-scale));color:var(--app-muted);margin-top:3px;overflow-wrap:anywhere}
.settings-source strong{font-weight:500}
.settings-source .badge{font-size:calc(9px * var(--ps-font-scale))}
.settings-source-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;flex-shrink:0}
.settings-section .owner-auth-lab{padding:0;margin:12px 0 0;font-size:calc(10px * var(--ps-font-scale))}
.settings-section .owner-auth-status{margin:12px 0 0;font-size:calc(10px * var(--ps-font-scale))}
.feature-status{margin:0 0 15px;font-size:calc(11px * var(--ps-font-scale))}
.feature-status>div{display:flex;justify-content:space-between;gap:18px;margin:11px 0;line-height:1.6}
.feature-status dd{margin:0;white-space:nowrap;color:var(--app-muted)}
.compose-dialog{inset:auto 30px 25px auto;margin:0;padding:0;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border-radius:11px;overflow:hidden;box-shadow:0 12px 60px rgb(0 0 0 / .18)}
.compose-dialog[open]{display:flex;flex-direction:column}
.compose-dialog::backdrop{background:rgb(0 0 0 / .16)}
.composer-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:var(--ps-color-panel-elevated);border-bottom:1px solid var(--line);flex-shrink:0}
.composer-heading>div{display:flex;gap:10px;align-items:center}
.composer-heading h2{font-size:calc(13px * var(--ps-font-scale));font-weight:600}
.composer-heading .icon-button{font-size:calc(20px * var(--ps-font-scale));width:29px;height:29px;min-height:29px}
#compose-mount{overflow:auto;min-height:0}
.composer-form{padding:5px 22px 0}
.composer-field{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;margin:0;border-bottom:1px solid var(--line);padding:5px 0;font-size:calc(11px * var(--ps-font-scale));color:var(--app-muted)}
.composer-field input,.composer-field select{border:0;border-radius:0;background:transparent;font-size:calc(12px * var(--ps-font-scale));padding:10px 0;color:var(--ink);min-height:35px;width:100%}
.composer-body{margin:0;padding-top:12px}
.composer-body textarea{width:100%;min-height:230px;border:0;background:transparent;color:var(--ink);padding:9px 0;resize:vertical;font-size:calc(13px * var(--ps-font-scale));line-height:1.85}
.composer-body textarea:focus-visible{outline-offset:3px}
.composer-tools{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line);color:var(--app-muted)}
.composer-tools .icon-button{display:grid;place-items:center;width:28px;height:28px;min-height:28px;font-size:calc(13px * var(--ps-font-scale))}
.composer-tools>span{font-size:calc(10px * var(--ps-font-scale));margin-left:auto}
.composer-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin:0 -22px;padding:16px 22px;font-size:calc(10px * var(--ps-font-scale));color:var(--app-muted);flex-wrap:wrap}
.composer-footer .button{font-size:calc(12px * var(--ps-font-scale));padding:9px 17px;min-height:35px}
.composer-save-hint.error{color:var(--ps-color-danger-foreground);flex-basis:100%;font-size:calc(11px * var(--ps-font-scale));line-height:1.7}
.compose-dock{position:fixed;right:30px;bottom:20px;z-index:15;display:flex;align-items:center;gap:12px;width:290px;min-height:47px;padding:10px 16px;color:var(--ink);background:var(--ps-color-panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 25px rgb(0 0 0 / .1);font-size:calc(12px * var(--ps-font-scale))}
.compose-dock>span{margin-left:auto;font-size:calc(10px * var(--ps-font-scale));color:var(--app-muted)}
@media(min-width:1600px){.mail-workspace{grid-template-columns:390px minmax(0,1fr)}.message,.reader-title,.reader-source,.draft-area,.candidate-area{margin-left:42px;margin-right:42px}.tabs{margin-left:42px;margin-right:42px}.reader-actionbar{padding-left:38px;padding-right:38px}}
@media(max-width:1250px){.app{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.mail-workspace{grid-template-columns:315px minmax(0,1fr)}.topbar{gap:18px}.reader-actionbar{padding-left:18px;padding-right:18px}.reader-tools{gap:3px}.reader-tools .text-button{font-size:calc(9px * var(--ps-font-scale))}.reader-title h2{font-size:calc(20px * var(--ps-font-scale))}.reader-title,.reader-source,.message,.draft-area,.candidate-area,.reader-reply-actions{margin-left:22px;margin-right:22px}.tabs{margin-left:22px;margin-right:22px}}
@media(max-width:1000px){.app{grid-template-columns:184px minmax(0,1fr)}.brand{font-size:calc(20px * var(--ps-font-scale))}.brand-icon{width:28px;height:28px}.workspace{margin-left:37px;font-size:calc(10px * var(--ps-font-scale))}.mail-workspace{grid-template-columns:290px minmax(0,1fr);margin-right:12px}.topbar{gap:14px;padding-right:16px}.mail-heading{min-width:80px}.topbar h1{font-size:calc(19px * var(--ps-font-scale))}.topbar p{max-width:13ch}#account-label{display:none}.reader-actionbar{gap:7px}.reader-tools .text-button{display:none}.reader-actionbar .button{font-size:calc(10px * var(--ps-font-scale));padding:6px 8px}.reader-title h2{font-size:calc(18px * var(--ps-font-scale))}.message-header{flex-wrap:wrap}.message-time{margin-left:48px}.reader{padding:0}.global-search input{font-size:calc(11px * var(--ps-font-scale))}}
@media(max-width:760px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;z-index:30;display:flex;padding:24px 18px 18px;transform:translateX(-100%);border-right:1px solid var(--line);box-shadow:6px 0 30px rgb(0 0 0 / .15)}body.nav-open .sidebar{transform:translateX(0)}.sidebar .workspace,.sidebar .project-label,.sidebar .sidebar-foot,.sidebar .sources-heading,.sidebar .source-link{display:block}.sidebar .folders{display:grid;margin:0 0 25px}.sidebar .sources{display:grid;grid-column:auto;overflow:auto;max-width:none;max-height:24vh}.sidebar .source-button{min-width:0;width:100%}.sidebar .project-section{display:block}.mobile-menu{display:grid;place-items:center;width:27px;min-height:30px;font-size:calc(18px * var(--ps-font-scale))}.topbar{height:72px;min-height:72px;padding:12px 14px;gap:11px;flex-wrap:nowrap}.mail-heading{min-width:0}.mail-heading h1{font-size:calc(17px * var(--ps-font-scale));white-space:nowrap}.mail-heading p{display:none}.global-search{height:37px;min-width:0;padding:0 10px;gap:7px}.global-search kbd{display:none}.global-search input{font-size:calc(11px * var(--ps-font-scale));min-width:0}.account-avatar{width:28px;height:28px;font-size:calc(11px * var(--ps-font-scale))}.mail-workspace{display:block;margin:0;border-left:0;border-right:0;border-radius:0}.thread-panel{height:100%;border:0}.thread-list{max-height:none}.thread-row .thread-item{min-height:107px;padding:15px 8px}.thread-snippet{display:block}.list-heading{padding:17px 20px 12px;min-height:70px}.reader{display:none;height:100%;padding:0}body.reader-open .reader{display:block}body.reader-open .thread-panel{display:none}.reader-back{display:inline-flex}.reader-actionbar{padding:9px 16px;min-height:56px}.reader-tools .toolbar-divider{display:none}.reader-tools .text-button{display:none}.reader-actionbar .button{font-size:calc(10px * var(--ps-font-scale))}.reader-title,.reader-source,.message,.draft-area,.candidate-area,.reader-reply-actions{margin-left:20px;margin-right:20px}.reader-title h2{font-size:calc(20px * var(--ps-font-scale))}.tabs{margin-left:20px;margin-right:20px}.message-header{flex-wrap:nowrap}.message-time{margin-left:auto}.message-body{font-size:calc(13px * var(--ps-font-scale))}.empty{min-height:100%}.notice{margin:0;border-radius:0;padding:9px 15px}.preview-banner{margin:0;border-radius:0;padding:6px 14px}.compose-dialog{inset:auto 0 0;margin:0;width:100%;max-height:96dvh;border-radius:12px 12px 0 0}.composer-body textarea{min-height:230px}.compose-dock{right:14px;bottom:14px;width:260px}.workbench-dialog{padding:21px}.feature-status{font-size:calc(10px * var(--ps-font-scale))}}
@media(max-width:420px){.account-button{display:none}.topbar{gap:10px}.mail-heading h1{font-size:calc(16px * var(--ps-font-scale))}.global-search input{font-size:calc(10px * var(--ps-font-scale))}.global-search{gap:5px;padding:0 8px}.reader-tools{gap:1px}.reader-tools .icon-button{width:24px}.reader-title h2{font-size:calc(18px * var(--ps-font-scale))}.message-header{flex-wrap:wrap}.message-time{margin-left:48px}.composer-form{padding-left:16px;padding-right:16px}.composer-footer{margin-left:-16px;margin-right:-16px;padding:14px 16px}.composer-footer>span{font-size:calc(9px * var(--ps-font-scale))}.keyboard-hints{gap:10px}}
@media(max-width:760px){body.nav-open .nav-scrim{display:block;position:fixed;inset:0;z-index:29;border:0;background:rgb(0 0 0 / .3)}.sidebar .mobile-menu{display:grid}.message-body{font-size:calc(14px * var(--ps-font-scale))}.reader-tools .icon-button{min-height:32px;height:32px;min-width:28px}}

/* Daily mail layout: one breakpoint owner, including the former 760–850px gap. */
.app{display:grid;grid-template-columns:208px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
.sidebar{display:flex;flex-direction:column;min-height:0;height:100dvh;overflow-y:auto;padding:24px 12px 16px}
.sidebar .folders{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;width:100%}
.sidebar .folder{white-space:nowrap;min-height:42px;flex-wrap:nowrap;font-size:calc(14px * var(--ps-font-scale))}
.sidebar .sources{display:grid;max-width:none;overflow:visible;grid-column:auto}
.sidebar .project-section,.sidebar .project-label,.sidebar .sources-heading,.sidebar .source-link,.sidebar .sidebar-foot{display:block}
.source-button{min-width:0;width:100%;overflow-wrap:anywhere}
.main{min-width:0;min-height:0}
.topbar{height:76px;min-height:76px;gap:24px;padding-top:14px;padding-bottom:14px}
.global-search input{font-size:calc(14px * var(--ps-font-scale))}
.mail-workspace{grid-template-columns:330px minmax(0,1fr)}
.thread-subject,.thread-item .sender{font-size:calc(14px * var(--ps-font-scale))}
.thread-snippet{font-size:calc(13px * var(--ps-font-scale));line-height:1.55}
.message-body{font-size:calc(15px * var(--ps-font-scale));line-height:1.85;overflow-wrap:anywhere}
.message-html{display:block;width:100%;min-height:300px;border:0;background:white;border-radius:6px}
.message-presentation{margin:14px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.message-quote{margin:18px 0;color:var(--app-muted);border-left:3px solid var(--line);padding-left:14px}
.message-quote summary{cursor:pointer;padding:8px 0}
.message-quote .message-body{font-size:14px}
.attachment{min-height:48px;max-width:100%;text-align:left}
.attachment small{display:block;font-size:12px;margin-top:3px}
.editor-label,.composer-field{font-size:calc(13px * var(--ps-font-scale))}
.editor-label input,.editor-label textarea,.composer-field input,.composer-body textarea{font-size:calc(15px * var(--ps-font-scale))}
.composer-field{min-height:48px;grid-template-columns:70px minmax(0,1fr)}
.composer-footer{position:sticky;bottom:0;background:var(--ps-color-panel);z-index:2;flex-wrap:wrap;gap:10px}
.composer-save-hint{font-size:13px}
.draft-preview-recipients{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;font-size:13px;margin:20px 0;color:var(--app-muted)}
.draft-preview-recipients dd{margin:0;overflow-wrap:anywhere;color:var(--app-fg)}
.draft-preview-body{padding:16px 0;border-top:1px solid var(--line);min-height:120px}
.draft-advanced{margin-top:20px;font-size:13px;color:var(--app-muted)}.draft-advanced summary{padding:8px 0;cursor:pointer}
.composer-optional{border:0;padding:0;margin:0}
.composer-optional summary{cursor:pointer;list-style:none;color:var(--app-muted);font-size:13px;padding:8px 0}
.compose-conflict{padding:14px;margin:8px 0;background:#fff6e7;border:1px solid #e3c99e;border-radius:8px;color:#59411a;font-size:13px}
.compose-conflict[hidden]{display:none}.compose-conflict p{margin:6px 0}.compose-conflict textarea{width:100%;min-height:150px;margin-top:10px;background:var(--ps-color-panel);font-size:14px}
.button,.text-button{min-height:36px}
.mailbox-recovery{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--ps-color-panel);border-bottom:1px solid var(--line);font-size:13px}
.mailbox-recovery[hidden]{display:none}
@media(min-width:1600px){.mail-workspace{grid-template-columns:380px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1100px){
 .app{display:grid;grid-template-columns:184px minmax(0,1fr)}
 .sidebar{display:flex;position:static;width:auto;transform:none;box-shadow:none;padding:20px 10px 14px}
 .sidebar .folders{display:grid;grid-template-columns:1fr}
 .sidebar .folder{padding-left:12px;padding-right:12px;font-size:14px}
 .sidebar .workspace{margin-left:0}.sidebar .brand{font-size:20px}
 .mail-workspace{display:block;margin:0 12px 12px 0;min-height:0}
 .thread-panel{height:100%;border:0}.thread-list{max-height:none}
 .reader{display:none;height:100%}.reader-back{display:inline-flex}
 body.reader-open .reader{display:block}body.reader-open .thread-panel{display:none}
 .topbar{flex-wrap:nowrap;padding:12px 14px;gap:12px}
 .reader-title,.reader-source,.message,.draft-area,.candidate-area,.reader-reply-actions{margin-left:26px;margin-right:26px}
 .reader-tools .text-button{display:none}
 .reader-actionbar{position:sticky;top:0;background:var(--ps-color-panel);z-index:2}
 .composer-body textarea{min-height:30dvh}
}
@media(max-width:760px){
 .app{display:grid;grid-template-columns:minmax(0,1fr)}
 .sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:260px;max-width:85vw;z-index:30;transform:translateX(-100%);padding:24px 16px 18px}
 body.nav-open .sidebar{transform:translateX(0)}
 .sidebar .folders{display:grid;grid-template-columns:1fr}.sidebar .folder{min-height:44px;font-size:15px}
 .topbar{height:64px;min-height:64px;flex-wrap:nowrap;padding:10px 12px;gap:10px}
 .mobile-menu,.account-avatar,.icon-button{min-width:36px;min-height:36px}
 .mail-workspace{display:block;margin:0;border-radius:0}
 .thread-panel{height:100%}.reader{display:none;height:100%}
 body.reader-open .reader{display:block}body.reader-open .thread-panel{display:none}
 .reader-back{display:inline-flex}.reader-actionbar{position:sticky;top:0;background:var(--ps-color-panel);z-index:2;flex-wrap:wrap}
 .reader-tools .icon-button{min-width:36px;min-height:40px}
 .message-body{font-size:16px}.message-html{min-height:360px}
 .compose-dialog{width:100%;max-height:100dvh;height:100dvh;inset:0;margin:0;border-radius:0}
 .composer-form{display:flex;flex-direction:column;min-height:calc(100dvh - 64px);padding:8px 16px 0}
 .composer-body{flex:1;display:flex;flex-direction:column}.composer-body textarea{flex:1;min-height:180px}
 .composer-field input,.composer-field select,.composer-body textarea,.editor-label input,.editor-label textarea{font-size:16px}
 .composer-footer{margin-top:auto;padding-bottom:max(14px,env(safe-area-inset-bottom));min-height:70px}
 .composer-footer .button{min-height:44px}.reader-title h2{font-size:22px}
 .compose-dock{max-width:calc(100vw - 28px)}
}
.mailbox-operation { display:flex; align-items:center; gap:12px; padding:10px 22px; border-bottom:1px solid var(--line); background:var(--ps-color-panel); font-size:13px; flex-wrap:wrap; }
.mailbox-operation[hidden] { display:none; }
.mailbox-operation details { flex-basis:100%; }
#mailbox-dialog { width:min(520px,calc(100vw - 32px)); padding:24px; }
#mailbox-dialog h3 { margin-top:20px; }
#gmail-auth-link { margin:12px 0; text-decoration:none; }
.editor-tools { display:flex; align-items:center; gap:5px; padding:8px 0; flex-wrap:wrap; }
.editor-tools button { border:1px solid var(--line); background:var(--ps-color-panel); color:inherit; border-radius:5px; padding:6px 10px; min-width:32px; cursor:pointer; }
.editor-tools button:hover { background:var(--ps-color-panel-elevated); }
.rich-editor { min-height:210px; padding:14px; outline:none; line-height:1.75; overflow-wrap:anywhere; border:1px solid var(--line); border-radius:6px; background:var(--ps-color-panel); }
.rich-editor[hidden] { display:none; }
.composer-body .rich-editor { height:100%; border:0; min-height:240px; }
.draft-attachments { display:flex; gap:8px; flex-wrap:wrap; padding-bottom:10px; }
.draft-attachment { display:flex; gap:6px; align-items:center; padding:7px 9px; border:1px solid var(--line); border-radius:6px; font-size:12px; }
.draft-attachment button { background:none; border:0; color:inherit; cursor:pointer; font-size:18px; }