.pk-panel{max-width:760px;margin:0 auto;padding-bottom:48px}.pk-panel-wide{max-width:1120px}.pk-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--border)}.pk-header h2{font-size:20px;font-weight:650;letter-spacing:-.015em;margin:0;color:var(--text)}.pk-subtitle{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--text-secondary);max-width:60ch}.pk-header-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.pk-section{padding:22px 0;border-bottom:1px solid var(--border)}.pk-section:last-child{border-bottom:none}.pk-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.pk-section h3{font-size:14px;font-weight:650;margin:0;color:var(--text)}.pk-section h4{font-size:11.5px;font-weight:650;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 8px}.pk-section-desc{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--text-secondary);max-width:64ch}.pk-section-actions{display:flex;gap:8px;flex-shrink:0}.pk-form{display:flex;flex-direction:column;gap:14px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-m);padding:16px;margin:12px 0}.pk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pk-form-grid>.pk-span-2{grid-column:1 / -1}.pk-form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.pk-form-row>.pk-field{flex:1 1 180px}.pk-field{display:flex;flex-direction:column;gap:6px;min-width:0}.pk-field-label{font-size:12.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.pk-optional{font-weight:400;font-size:11.5px;color:var(--text-tertiary)}.pk-hint{margin:0;font-size:12px;line-height:1.5;color:var(--text-tertiary);display:block}.pk-field input:not([type=checkbox]):not([type=radio]),.pk-field textarea,.pk-field select,.pk-input{width:100%;box-sizing:border-box;padding:8px 10px;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s);transition:border-color .12s ease,box-shadow .12s ease}.pk-field textarea{resize:vertical;line-height:1.5}.pk-field input:focus,.pk-field textarea:focus,.pk-field select:focus,.pk-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pk-field input[aria-invalid=true]{border-color:var(--danger)}.pk-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.pk-form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pk-form-actions .pk-spacer{flex:1}.pk-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--text);cursor:pointer;line-height:1.4}.pk-check input{margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}.pk-check .pk-hint{margin-top:2px}.pk-check.is-disabled{cursor:default;color:var(--text-secondary)}.pk-checks{display:flex;flex-direction:column;gap:9px}.pk-checks-inline{flex-direction:row;flex-wrap:wrap;gap:8px 18px}.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 13px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pk-btn:hover:not(:disabled){background:var(--surface-hover)}.pk-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pk-btn:disabled{opacity:.55;cursor:default}.pk-btn-primary{background:var(--accent);border-color:transparent;color:var(--accent-text-on)}.pk-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.pk-btn-danger{color:var(--danger)}.pk-btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.pk-btn-danger-solid{background:var(--danger);border-color:transparent;color:var(--accent-text-on)}.pk-btn-danger-solid:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}.pk-btn-ghost{background:none;border-color:transparent;color:var(--text-secondary)}.pk-btn-ghost:hover:not(:disabled){color:var(--text)}.pk-btn-sm{height:26px;padding:0 9px;font-size:12px}.pk-btn-dashed{border-style:dashed;color:var(--text-secondary);background:none}.pk-btn-dashed:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:none}.pk-notice{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:var(--radius-s);font-size:12.5px;line-height:1.5;margin:0;border:1px solid transparent}.pk-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}.pk-notice-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}.pk-notice-success{background:var(--success-soft);color:var(--success)}.pk-notice-info{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border)}.pk-notice-warning{background:var(--warning-soft);color:var(--text);border-color:var(--warning-border)}.pk-notice code,.pk-section-desc code,.pk-hint code{font-size:.95em;background:var(--surface-sunken);padding:1px 4px;border-radius:4px;overflow-wrap:anywhere}.pk-notice-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:.7}.pk-notice-close:hover{opacity:1}.pk-stack{display:flex;flex-direction:column;gap:10px}.pk-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-m);color:var(--text-secondary);margin:12px 0}.pk-empty-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-sunken);color:var(--text-tertiary);margin-bottom:10px}.pk-empty-title{margin:0;font-size:13.5px;font-weight:600;color:var(--text)}.pk-empty-text{margin:5px 0 0;font-size:12.5px;line-height:1.5;max-width:46ch}.pk-empty-action{margin-top:14px}.pk-loading{display:flex;align-items:center;gap:9px;padding:20px 0;font-size:13px;color:var(--text-tertiary)}.pk-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:pk-spin .7s linear infinite}@keyframes pk-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pk-spinner{animation:none}}.pk-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.pk-list+.pk-form,.pk-list+.pk-btn{margin-top:12px}.pk-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);min-height:44px;box-sizing:border-box}.pk-row:last-child{border-bottom:none}.pk-row:hover{background:var(--surface-hover)}.pk-row.is-muted .pk-row-main{opacity:.55}.pk-row-main{flex:1;min-width:0}.pk-row-title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere}.pk-row-meta{font-size:12px;color:var(--text-secondary);margin-top:2px;overflow-wrap:anywhere}.pk-row-actions{display:flex;gap:2px;flex-shrink:0}.pk-row pre{white-space:pre-wrap;font-family:inherit;font-size:12.5px;color:var(--text-secondary);margin:6px 0 0;max-height:7.5em;overflow:hidden}.pk-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:20px;font-size:10.5px;font-weight:650;background:var(--accent-soft);color:var(--accent);letter-spacing:.01em}.pk-badge-danger{background:var(--danger-soft);color:var(--danger)}.pk-badge-success{background:var(--success-soft);color:var(--success)}.pk-badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.pk-table-wrap{border:1px solid var(--border);border-radius:var(--radius-m);overflow-x:auto;background:var(--surface);margin:12px 0}.pk-table{width:100%;border-collapse:collapse;font-size:13px}.pk-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--surface-sunken);border-bottom:1px solid var(--border);white-space:nowrap}.pk-table td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.pk-table tr:last-child td{border-bottom:none}.pk-table tbody tr:hover td{background:var(--surface-hover)}.pk-table td.pk-actions-cell{text-align:right;white-space:nowrap;width:1%}.pk-table td.pk-num,.pk-table th.pk-num{text-align:right;font-variant-numeric:tabular-nums}.pk-table input[type=number]{width:84px;padding:4px 6px;font:inherit;font-size:12.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s)}.pk-table input[type=checkbox]{accent-color:var(--accent)}.pk-table .pk-detail-row td,.pk-table .pk-detail-row:hover td{background:var(--surface-sunken)}.pk-truncate{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;font:inherit;font-size:10.5px;font-weight:600;color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px}.pk-tabs{display:flex;gap:2px;margin:16px 0 4px;overflow-x:auto;scrollbar-width:none}.pk-tabs::-webkit-scrollbar{display:none}.pk-tabs-underline{border-bottom:1px solid var(--border);gap:4px}.pk-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:none;border:none;font:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:9px 10px;transition:color .12s ease,background .12s ease,border-color .12s ease}.pk-tab:hover{color:var(--text)}.pk-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-s)}.pk-tabs-underline .pk-tab{border-bottom:2px solid transparent;margin-bottom:-1px}.pk-tabs-underline .pk-tab.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.pk-tabs-pill .pk-tab{border-radius:20px;padding:5px 12px;font-size:12.5px}.pk-tabs-pill .pk-tab:hover{background:var(--surface-hover)}.pk-tabs-pill .pk-tab.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.pk-tab-count{font-size:11px;color:var(--text-tertiary);background:var(--surface-sunken);padding:0 6px;border-radius:10px}.pk-dns{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-sunken);padding:12px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px;margin:10px 0}.pk-dns dt{color:var(--text-tertiary);font-weight:600}.pk-dns dd{margin:0;color:var(--text);min-width:0}.pk-dns code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;overflow-wrap:anywhere;word-break:break-all}.pk-rule{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-m);padding:12px;display:flex;flex-direction:column;gap:8px}.pk-rule-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-secondary);flex-wrap:wrap}.pk-rule-head select{width:auto}.pk-rule-line{display:grid;grid-template-columns:minmax(0,150px) minmax(0,170px) minmax(0,1fr) 28px;gap:8px;align-items:center}.pk-rule-line.is-action{grid-template-columns:minmax(0,220px) minmax(0,1fr) 28px}.pk-rule-line select,.pk-rule-line input{width:100%;box-sizing:border-box;padding:7px 9px;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s)}.pk-rule-line select:focus,.pk-rule-line input:focus,.pk-rule-head select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pk-rule-head select{padding:5px 8px;font:inherit;font-size:12.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s)}.pk-rule-summary{font-size:12.5px;color:var(--text-secondary);line-height:1.55}.pk-rule-summary q{color:var(--text);quotes:"« " " »"}.pk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pk-stat{border:1px solid var(--border);border-radius:var(--radius-m);padding:12px;background:var(--surface)}.pk-stat-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.pk-stat-head strong{color:var(--text);font-size:13px}.pk-stat-track{height:6px;border-radius:3px;background:var(--surface-sunken);overflow:hidden}.pk-stat-fill{height:100%;border-radius:3px;background:var(--success)}.pk-stat-fill.is-warning{background:var(--warning-border)}.pk-stat-fill.is-danger{background:var(--danger)}.pk-split{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;margin-top:16px}.pk-nav-list{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.pk-nav-list ul{list-style:none;margin:0;padding:4px;max-height:60vh;overflow-y:auto}.pk-nav-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:none;background:none;border-radius:var(--radius-s);font:inherit;font-size:13px;color:var(--text);cursor:pointer;text-align:left}.pk-nav-item:hover{background:var(--surface-hover)}.pk-nav-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.pk-nav-item.is-disabled .pk-nav-name{opacity:.55}.pk-nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-nav-count{flex-shrink:0;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.pk-nav-footer{padding:8px;border-top:1px solid var(--border)}.pk-nav-footer .pk-btn{width:100%}.pk-detail-head h3{font-size:17px;font-weight:650;margin:0}.pk-detail-meta{font-size:12px;color:var(--text-tertiary);margin:4px 0 0}.pk-search{position:relative}.pk-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-m);box-shadow:var(--shadow-m);max-height:260px;overflow-y:auto}.pk-search-results button{width:100%;display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border:none;background:none;border-radius:var(--radius-s);font:inherit;font-size:13px;color:var(--text);cursor:pointer;text-align:left}.pk-search-results button:hover,.pk-search-results button:focus-visible{background:var(--accent-soft);outline:none}.pk-search-results .pk-hint{white-space:nowrap}.pk-segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-s);overflow:hidden;margin:14px 0 0}.pk-segmented button{background:var(--surface);border:none;padding:6px 12px;font:inherit;font-size:12.5px;color:var(--text-secondary);cursor:pointer}.pk-segmented button+button{border-left:1px solid var(--border-strong)}.pk-segmented button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.pk-segmented button svg{vertical-align:-2px;margin-right:3px}.dialog-panel.pk-dialog{width:400px;max-width:calc(100vw - 32px)}.pk-dialog-title{margin:0 0 8px;font-size:15px;font-weight:650;color:var(--text)}.pk-dialog .dialog-message{color:var(--text-secondary)}.pk-dialog .dialog-input{box-sizing:border-box;background:var(--surface);color:var(--text)}.pk-dialog .dialog-input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.pk-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.pk-dialog-hint{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-tertiary)}.dialog-btn.pk-dialog-danger{background:var(--danger);color:var(--accent-text-on);border-color:transparent;font-weight:600}.dialog-btn.pk-dialog-danger:hover{background:var(--danger);filter:brightness(1.1)}.dialog-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 760px){.pk-header{flex-direction:column;align-items:stretch}.pk-header-actions{justify-content:flex-start}.pk-section-head{flex-direction:column}.pk-form-grid,.pk-split{grid-template-columns:minmax(0,1fr)}.pk-nav-list ul{max-height:200px}.pk-rule-line,.pk-rule-line.is-action{grid-template-columns:minmax(0,1fr) 28px}.pk-rule-line>:not(:last-child){grid-column:1}.pk-rule-line>:last-child{grid-column:2;grid-row:1}.pk-dns{grid-template-columns:minmax(0,1fr)}.pk-dns dd{margin-bottom:6px}.pk-dialog-hint{display:none}}.pk-mt{margin-top:16px}.pk-block{display:block;margin-top:3px}.pk-form-title{margin:0;font-size:14px;font-weight:650;color:var(--text)}.pk-filter{position:relative;margin:16px 0 0}.pk-filter svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.pk-filter input{padding-left:30px}.pk-filter+.pk-list,.pk-filter+.pk-empty{margin-top:10px}.pk-totp{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.pk-totp img{border-radius:var(--radius-s);background:var(--accent-text-on);padding:8px;border:1px solid var(--border)}.pk-totp>.pk-stack{flex:1 1 220px}.pk-secret{display:block;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.pk-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}.pk-search-empty{padding:7px 9px}.pk-filter.pk-grow{flex:1 1 220px;margin:0}.pk-detail{min-width:0}.pk-detail>.pk-tabs{margin-top:12px}.pk-nowrap{white-space:nowrap}.search-panel{display:flex;flex-direction:column;overflow:hidden}.sp-header{padding:10px 10px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.sp-input-row{display:flex;align-items:center;gap:8px;padding:0 6px 0 10px;height:36px;border:1px solid var(--accent);border-radius:var(--radius-m);background:var(--surface);color:var(--text-tertiary);box-shadow:0 0 0 3px var(--accent-soft)}.sp-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:13.5px;padding:0;outline:none}.sp-input::placeholder{color:var(--text-tertiary)}.sp-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--text-tertiary);cursor:pointer}.sp-close:hover{background:var(--surface-hover);color:var(--text)}.sp-criteria{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}.sp-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sp-hint{margin-left:auto;font-size:11px;color:var(--text-tertiary)}.sp-warning{flex-basis:100%;font-size:11.5px;color:var(--danger)}.search-panel kbd,.sp-count kbd{display:inline-block;min-width:16px;padding:0 4px;margin:0 1px;border-radius:4px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface-sunken);color:var(--text-secondary);font:500 10.5px/14px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.sp-error{margin:10px;padding:8px 10px;border-radius:var(--radius-s);border:1px solid var(--danger);color:var(--danger);font-size:12.5px}.sp-status{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.sp-count{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.sp-count-keys{margin-left:auto;white-space:nowrap}.sp-results{overflow-y:auto;flex:1}.sp-row{display:flex;gap:10px;padding:9px 14px 9px 12px;cursor:pointer;border-left:2px solid transparent;border-bottom:1px solid var(--border)}.sp-row.active{background:var(--surface-hover)}.sp-row.open{background:var(--accent-soft);border-left-color:var(--accent)}.sp-row.unread .sp-from,.sp-row.unread .sp-subject{color:var(--text);font-weight:600}.sp-avatar{flex-shrink:0;width:28px;height:28px;font-size:10.5px}.sp-row-body{min-width:0;flex:1}.sp-row-top{display:flex;align-items:center;gap:5px;min-width:0}.sp-from{font-size:12.5px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-icon{display:inline-flex;color:var(--text-tertiary);flex-shrink:0}.sp-star{color:var(--accent)}.sp-date{margin-left:auto;flex-shrink:0;font-size:11px;color:var(--text-tertiary)}.sp-subject{margin-top:2px;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-folder{display:inline-block;margin-top:4px;padding:0 6px;border-radius:var(--radius-s);background:var(--surface-sunken);color:var(--text-tertiary);font-size:10.5px;line-height:17px}.search-hl{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 1px;font-weight:600}.sp-home{overflow-y:auto;flex:1;padding:6px 0 16px}.sp-section-title{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.sp-link{border:none;background:none;padding:0;color:var(--accent);font-size:12px;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500}.sp-link:hover{text-decoration:underline}.sp-recent,.sp-operators{list-style:none;margin:0;padding:0 6px}.sp-recent li{display:flex;align-items:center;border-radius:var(--radius-s)}.sp-recent li:hover{background:var(--surface-hover)}.sp-recent-item{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.sp-recent-item svg{color:var(--text-tertiary);flex-shrink:0}.sp-recent-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-recent-remove{opacity:0;border:none;background:none;color:var(--text-tertiary);width:26px;height:26px;cursor:pointer;border-radius:var(--radius-s)}.sp-recent li:hover .sp-recent-remove,.sp-recent-remove:focus-visible{opacity:1}.sp-recent-remove:hover{color:var(--text)}.sp-operators button{width:100%;display:flex;align-items:baseline;gap:10px;padding:5px 8px;border:none;border-radius:var(--radius-s);background:none;color:var(--text-secondary);font-size:12.5px;text-align:left;cursor:pointer}.sp-operators button:hover{background:var(--surface-hover);color:var(--text)}.search-panel code{font:500 11.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;padding:0 4px;white-space:nowrap}.sp-operators code{min-width:150px}.sp-footnote{margin:12px 14px 0;font-size:12px;line-height:1.5;color:var(--text-tertiary)}.sp-empty{padding:36px 18px;overflow-y:auto}.sp-empty-title{font-size:15px;font-weight:600;color:var(--text);text-align:center}.sp-empty-query{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:10px 0 18px}.sp-empty-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:12.5px;color:var(--text-secondary)}.sp-empty-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sp-empty-actions button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-s);padding:3px 8px;font-size:12px;cursor:pointer}.sp-empty-actions button:hover{background:var(--surface-hover);border-color:var(--accent)}.sp-muted{color:var(--text-tertiary)}@media (max-width: 820px){.search-panel .sp-header{padding-left:52px}.sp-count-keys{display:none}.sp-operators code{min-width:0}.sp-operators button{flex-direction:column;gap:2px}}.search-trigger-bar{padding:10px 10px 8px;border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:2;background:var(--surface)}.search-trigger{width:100%;display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface-sunken);color:var(--text-tertiary);font-size:13.5px;cursor:text;text-align:left;transition:background .1s ease,border-color .1s ease}.search-trigger:hover{background:var(--surface-hover);color:var(--text-secondary)}.search-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger kbd{margin-left:auto}@media (max-width: 820px){.search-trigger-bar{padding-left:52px}.search-trigger kbd{display:none}}.mail-list.search-panel li{display:block;gap:0;padding:0;border:none;background:none;cursor:auto;transition:none}.mail-list.search-panel li:hover{background:none}.mail-list.search-panel ul.sp-recent,.mail-list.search-panel ul.sp-operators{padding:0 6px}.mail-list.search-panel .sp-recent li{display:flex;align-items:center;border-radius:var(--radius-s)}.mail-list.search-panel .sp-recent li:hover{background:var(--surface-hover)}.compose-overlay.cmp-overlay{display:flex;align-items:center;justify-content:center;padding:24px}.cmp-panel{position:relative;display:flex;flex-direction:column;width:min(720px,100%);height:min(760px,calc(100dvh - 48px));background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-l);overflow:hidden}.cmp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 10px 18px;border-bottom:1px solid var(--border)}.cmp-title{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap}.cmp-title h3{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em}.cmp-draft-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.cmp-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);flex:none}.cmp-draft-status.ok .cmp-dot{background:var(--success)}.cmp-draft-status.warn{color:var(--danger)}.cmp-draft-status.warn .cmp-dot{background:var(--danger)}.cmp-icon-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:5px 6px;border-radius:var(--radius-s);font:inherit}.cmp-icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.cmp-icon-btn:disabled{opacity:.4;cursor:default}.cmp-kbd{display:inline-flex;align-items:center;font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 5px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text-tertiary)}.cmp-kbd.on-accent{background:transparent;border-color:currentColor;color:inherit;opacity:.75}.cmp-progress{height:2px;background:var(--surface-sunken);overflow:hidden;flex:none}.cmp-progress-bar{height:100%;background:var(--accent);transition:width .15s linear}.cmp-progress-bar.indeterminate{width:35%;animation:cmp-slide 1.1s ease-in-out infinite}@keyframes cmp-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion: reduce){.cmp-progress-bar.indeterminate{animation:none;width:100%;opacity:.6}}.cmp-error{display:flex;align-items:flex-start;gap:9px;margin:10px 14px 0;padding:9px 8px 9px 12px;border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--text);font-size:12.5px;line-height:1.45}.cmp-error>svg{color:var(--danger);flex:none;margin-top:2px}.cmp-error>div{flex:1}.cmp-error strong{color:var(--danger);font-weight:600}.cmp-notice{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:12px;line-height:1.45;color:var(--danger)}.cmp-notice svg{flex:none;margin-top:2px}.cmp-fields{display:flex;flex-direction:column;flex:none}.cmp-row{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 18px;border-bottom:1px solid var(--border)}.cmp-row:focus-within{background:color-mix(in srgb,var(--accent) 4%,transparent)}.cmp-row-label{flex:none;width:44px;font-size:12.5px;color:var(--text-tertiary);font-weight:500}.cmp-row input,.cmp-select{font:inherit;color:var(--text);background:transparent;border:none;outline:none}.cmp-select{padding:6px 0;font-size:13.5px;cursor:pointer;max-width:100%}.cmp-select option{background:var(--surface);color:var(--text)}.cmp-row>.cmp-select{flex:1;min-width:0}.cmp-subject{flex:1;min-width:0;padding:9px 0;font-size:14.5px!important;font-weight:600}.cmp-chip-box{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0;cursor:text}.cmp-chip-box input{flex:1;min-width:120px;padding:3px 2px;font-size:13.5px}.cmp-row input::placeholder{color:var(--text-tertiary)}.cmp-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:2px 3px 2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-chip.invalid{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);text-decoration:underline wavy color-mix(in srgb,var(--danger) 60%,transparent);text-underline-offset:3px}.cmp-chip button{display:inline-flex;align-items:center;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:3px;border-radius:50%}.cmp-chip button:hover{background:var(--surface-hover);color:var(--text)}.cmp-link-btn{flex:none;border:none;background:none;color:var(--text-tertiary);font:inherit;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:var(--radius-s)}.cmp-link-btn:hover{color:var(--text);background:var(--surface-hover)}.cmp-suggest{position:absolute;top:calc(100% - 2px);left:62px;right:18px;z-index:20;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-m);box-shadow:var(--shadow-m);max-height:280px;overflow-y:auto}.cmp-suggest li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-s);cursor:pointer}.cmp-suggest li.active{background:var(--surface-hover)}.cmp-suggest-avatar{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.cmp-suggest-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.cmp-suggest-name{font-size:13px;color:var(--text)}.cmp-suggest-email{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-suggest mark{background:none;color:var(--accent);font-weight:600}.cmp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 14px;border-bottom:1px solid var(--border);flex:none}.cmp-toolbar-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cmp-tool{min-width:28px;height:26px;border:none;background:none;color:var(--text-secondary);border-radius:var(--radius-s);cursor:pointer;font-size:13px}.cmp-tool:hover{background:var(--surface-hover);color:var(--text)}.cmp-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:var(--radius-s);font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.cmp-toggle:hover{background:var(--surface-hover);color:var(--text)}.cmp-toggle input{accent-color:var(--accent);margin:0}.cmp-security{margin:8px 14px 0!important;flex:none}.cmp-body{flex:1;min-height:120px;overflow-y:auto;overflow-wrap:anywhere;padding:14px 18px;font-size:14px;line-height:1.6;outline:none;color:var(--text);white-space:pre-wrap}.cmp-body:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.cmp-attachments{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-top:1px solid var(--border);flex:none;max-height:40%;overflow-y:auto}.cmp-attachment-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.cmp-attachment{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 4px 6px 8px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-sunken)}.cmp-attachment-icon{flex:none;width:30px;height:30px;border-radius:var(--radius-s);display:grid;place-items:center;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.cmp-attachment.kind-image .cmp-attachment-icon,.cmp-attachment.kind-video .cmp-attachment-icon{color:var(--accent)}.cmp-attachment.kind-pdf .cmp-attachment-icon{color:var(--danger)}.cmp-attachment.kind-sheet .cmp-attachment-icon{color:var(--success)}.cmp-attachment-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.cmp-attachment-name{font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-attachment-meta{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.cmp-budget{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.cmp-budget-track{width:90px;height:4px;border-radius:2px;background:var(--border-strong);overflow:hidden;flex:none}.cmp-budget-fill{height:100%;background:var(--accent);border-radius:2px}.cmp-budget.over{color:var(--danger);font-weight:500}.cmp-budget.over .cmp-budget-fill{background:var(--danger)}.cmp-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface);flex:none}.cmp-footer-left,.cmp-footer-right{display:flex;align-items:center;gap:8px;min-width:0}.cmp-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font:inherit;font-size:12.5px;cursor:pointer}.cmp-btn:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.cmp-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cmp-signature{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);min-width:0}.cmp-signature .cmp-select{font-size:12.5px;color:var(--text-secondary);padding:4px 0}.cmp-progress-label{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.cmp-send{display:inline-flex;align-items:center;gap:9px;padding:7px 10px 7px 16px;border:none;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-text-on);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease}.cmp-send:hover:not(:disabled){background:var(--accent-hover)}.cmp-send:disabled{opacity:.65;cursor:progress;padding-right:16px}.cmp-panel :focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cmp-row input:focus-visible,.cmp-body:focus-visible,.cmp-select:focus-visible{outline:none}.cmp-drop{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:30;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--radius-l);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.cmp-drop-inner{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--accent);text-align:center}.cmp-drop-inner strong{font-size:15px;color:var(--text)}.cmp-drop-inner span{font-size:12px;color:var(--text-secondary)}@media (max-width: 640px){.compose-overlay.cmp-overlay{padding:0;align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none}.cmp-panel{width:100%;height:100vh;height:100dvh;max-height:none;border:none;border-radius:0;box-shadow:none}.cmp-header{padding:8px 8px 8px 14px;padding-top:max(8px,env(safe-area-inset-top))}.cmp-header .cmp-kbd,.cmp-send .cmp-kbd{display:none}.cmp-header .cmp-icon-btn{padding:9px}.cmp-row{padding:0 14px}.cmp-suggest{left:8px;right:8px}.cmp-row input,.cmp-subject,.cmp-chip-box input{font-size:16px!important}.cmp-body{font-size:16px;padding:12px 14px}.cmp-toolbar{padding:4px 8px}.cmp-attachment-list{grid-template-columns:1fr}.cmp-footer{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.cmp-signature>span,.cmp-progress-label{display:none}.cmp-send{padding:9px 18px}}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:cp-fade 90ms ease-out}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-panel{width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-l);animation:cp-pop .11s ease-out}@keyframes cp-pop{0%{transform:translateY(-4px) scale(.99)}to{transform:none}}.cp-input-row{display:flex;align-items:center;gap:10px;padding:0 14px;height:50px;border-bottom:1px solid var(--border);color:var(--text-tertiary);flex-shrink:0}.cp-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:15px;outline:none;padding:0}.cp-input::placeholder{color:var(--text-tertiary)}.cp-list{overflow-y:auto;padding:6px}.cp-group{padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.cp-item{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border-radius:var(--radius-m);cursor:pointer;font-size:13.5px}.cp-item.active{background:var(--surface-hover)}.cp-item.active .cp-label{color:var(--text)}.cp-label{color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-current{font-size:10.5px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.cp-hint{font-size:11.5px;color:var(--text-tertiary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-item-group{margin-left:auto;font-size:11px;color:var(--text-tertiary);flex-shrink:0}.cp-keys{margin-left:auto;display:inline-flex;gap:3px;flex-shrink:0}.cp-item-group+.cp-keys{margin-left:8px}.cp-empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:13px}.cp-panel kbd{display:inline-block;min-width:18px;padding:0 5px;border-radius:4px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface-sunken);color:var(--text-secondary);font:500 11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.cp-panel code{font:500 11.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:4px;padding:0 4px;white-space:nowrap}.cp-footer{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface-sunken);font-size:11.5px;color:var(--text-tertiary);flex-shrink:0}.cp-footer kbd{margin-right:3px}.kh-panel{max-width:720px;max-height:80vh}.kh-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 4px}.kh-header h2{margin:0;font-size:15px;font-weight:600}.kh-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--text-tertiary);cursor:pointer}.kh-close:hover{background:var(--surface-hover);color:var(--text)}.kh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 24px;padding:6px 18px 16px;overflow-y:auto}.kh-grid h3{margin:10px 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.kh-grid ul{list-style:none;margin:0;padding:0}.kh-grid li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.kh-grid li:last-child{border-bottom:none}@media (max-width: 820px){.cp-overlay{padding-top:8vh}.cp-hint,.cp-item-group{display:none}}:root{color-scheme:dark;--bg: #0f1012;--surface: #151618;--surface-sunken: #1a1b1e;--surface-hover: #1f2024;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text: #e9e9eb;--text-secondary: #9c9da4;--text-tertiary: #67686f;--accent: #6f7ae8;--accent-hover: #828cf0;--accent-soft: rgba(111, 122, 232, .14);--accent-text-on: #ffffff;--danger: #ea5a5f;--danger-soft: rgba(234, 90, 95, .14);--success: #3fcf8e;--success-soft: rgba(63, 207, 142, .13);--warning: #e0b04a;--warning-soft: rgba(224, 176, 74, .12);--warning-border: rgba(224, 176, 74, .35);--star: #e2b33c;--sidebar-bg: #0f1012;--sidebar-text: #c9cad0;--sidebar-text-dim: #74757d;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(255, 255, 255, .09);--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--shadow-s: 0 1px 2px rgba(0, 0, 0, .3);--shadow-m: 0 8px 24px rgba(0, 0, 0, .45);--shadow-l: 0 20px 56px rgba(0, 0, 0, .6);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.6;--kbd-bg: rgba(255, 255, 255, .06);--kbd-border: rgba(255, 255, 255, .12);--focus-ring: 0 0 0 2px var(--accent);--avatar-slate-bg: rgba(109, 140, 189, .2);--avatar-slate-fg: #b7c5dc;--avatar-clay-bg: rgba(196, 113, 74, .2);--avatar-clay-fg: #e0a583;--avatar-olive-bg: rgba(150, 163, 90, .2);--avatar-olive-fg: #c3cf96;--avatar-plum-bg: rgba(166, 90, 156, .2);--avatar-plum-fg: #d9a7cf;--avatar-ochre-bg: rgba(196, 152, 60, .2);--avatar-ochre-fg: #e0c078;--avatar-rose-bg: rgba(196, 90, 80, .2);--avatar-rose-fg: #e2a29c}:root[data-theme=light]{color-scheme:light;--bg: #f6f6f7;--surface: #ffffff;--surface-sunken: #f2f2f4;--surface-hover: #ebebee;--border: rgba(16, 17, 20, .08);--border-strong: rgba(16, 17, 20, .16);--text: #1a1b1f;--text-secondary: #5f6068;--text-tertiary: #92939b;--accent: #4f5bd5;--accent-hover: #4350c4;--accent-soft: rgba(79, 91, 213, .1);--accent-text-on: #ffffff;--danger: #c6303a;--danger-soft: rgba(198, 48, 58, .09);--success: #1e8a5a;--success-soft: rgba(30, 138, 90, .1);--warning: #9a6b12;--warning-soft: rgba(224, 176, 74, .15);--warning-border: rgba(154, 107, 18, .35);--star: #d19d1f;--sidebar-bg: #f1f1f3;--sidebar-text: #2c2d33;--sidebar-text-dim: #7b7c84;--sidebar-border: rgba(16, 17, 20, .08);--sidebar-hover: rgba(16, 17, 20, .05);--sidebar-active: rgba(16, 17, 20, .08);--shadow-s: 0 1px 2px rgba(16, 17, 20, .06);--shadow-m: 0 8px 24px rgba(16, 17, 20, .1);--shadow-l: 0 20px 56px rgba(16, 17, 20, .18);--kbd-bg: rgba(16, 17, 20, .04);--kbd-border: rgba(16, 17, 20, .12);--avatar-slate-bg: #e4e9f2;--avatar-slate-fg: #3d5170;--avatar-clay-bg: #f3e4dc;--avatar-clay-fg: #8a4a30;--avatar-olive-bg: #eaeedb;--avatar-olive-fg: #5d6b32;--avatar-plum-bg: #eee1ec;--avatar-plum-fg: #7a3f70;--avatar-ochre-bg: #f5ecd7;--avatar-ochre-fg: #8a6a1f;--avatar-rose-bg: #f5e1e0;--avatar-rose-fg: #963f36}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text);color-scheme:inherit}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::selection{background:var(--accent-soft)}a{color:var(--accent)}h1,h2,h3,h4{line-height:var(--lh-tight)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-s)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}kbd,.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:4px;border:1px solid var(--kbd-border);background:var(--kbd-bg);font-family:var(--font-sans);font-size:10.5px;font-weight:500;line-height:1;color:var(--text-secondary);vertical-align:middle;white-space:nowrap}button kbd{margin-left:2px}.primary kbd,.nav-item.active kbd,.mail-view-toolbar button:not(.view-mode-toggle):not(.mobile-back-btn) kbd{background:#ffffff29;border-color:transparent;color:inherit}.btn,.btn-ghost{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-s);border:1px solid transparent;background:transparent;color:var(--text);font-size:var(--fs-md);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .1s ease,border-color .1s ease,color .1s ease}.btn{border-color:var(--border-strong);background:var(--surface)}.btn:hover,.btn-ghost:hover{background:var(--surface-hover)}.btn.primary{background:var(--accent);color:var(--accent-text-on);border-color:transparent}.btn.primary:hover{background:var(--accent-hover)}.shortcut-legend{display:grid;grid-template-columns:auto auto;gap:8px 14px;align-items:center;justify-content:center;margin:18px auto 0;font-size:var(--fs-sm);color:var(--text-secondary);text-align:left}.shortcut-legend .keys{display:flex;gap:3px;justify-content:flex-end}.shortcut-legend .sep{color:var(--text-tertiary);font-size:10px;padding:0 1px;align-self:center}.app-shell{display:grid;grid-template-columns:232px 360px 1fr;height:100vh;height:100dvh;background:var(--bg)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:12px 10px 10px;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid var(--sidebar-border);font-size:var(--fs-md)}.sidebar-brand{display:flex;align-items:center;gap:8px;color:var(--sidebar-text);font-weight:600;font-size:var(--fs-md);padding:2px 6px 2px 8px;height:30px;letter-spacing:-.01em}.sidebar-brand .sidebar-brand-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand svg{color:var(--accent)}.sidebar-profile{font-size:var(--fs-xs);color:var(--sidebar-text-dim);margin:0 0 16px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.sidebar-nav{display:flex;flex-direction:column;gap:1px;margin-bottom:16px}.sidebar-nav-bottom{margin-top:auto;margin-bottom:0;padding-top:10px;border-top:1px solid var(--sidebar-border)}.nav-item{display:flex;align-items:center;gap:9px;height:28px;background:none;border:none;color:var(--sidebar-text);text-align:left;padding:0 8px;border-radius:var(--radius-s);cursor:pointer;font-size:var(--fs-md);font-weight:450;transition:background .1s ease,color .1s ease}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-active);color:var(--text);font-weight:550}.nav-item svg{flex-shrink:0;opacity:.7}.nav-item:hover svg,.nav-item.active svg{opacity:1}.sidebar-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--sidebar-text-dim);margin:2px 0 4px;padding:0 8px;font-weight:600}.folder-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.folder-list li{height:28px;padding:0 6px 0 8px;border-radius:var(--radius-s);cursor:pointer;font-size:var(--fs-md);display:flex;align-items:center;gap:2px;transition:background .1s ease;color:var(--sidebar-text)}.folder-list li:hover,.folder-list li.drag-over{background:var(--sidebar-hover)}.folder-list li.drag-over{box-shadow:inset 0 0 0 1px var(--accent)}.folder-list li.selected{background:var(--sidebar-active);color:var(--text);font-weight:550}.folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-twisty,.folder-twisty-spacer{width:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.folder-twisty{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:10px;line-height:1;opacity:.5;transition:transform .12s ease,opacity .12s ease}.folder-twisty:hover{opacity:1}.folder-twisty.open{transform:rotate(90deg)}.folder-unseen{flex-shrink:0;margin-left:6px;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);padding:0 2px}.folder-list li.selected .folder-unseen{color:var(--text)}.folder-row-actions{display:flex;align-items:center;flex-shrink:0}.folder-add-sub{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:none;border:none;color:inherit;opacity:0;cursor:pointer;padding:0;transition:opacity .1s ease,background .1s ease}.folder-list li:hover .folder-add-sub,.folder-add-sub:focus-visible{opacity:.6}.folder-add-sub:hover{opacity:1!important;background:var(--sidebar-active)}.folder-create-inline input{width:100%;height:26px;padding:0 8px;border-radius:var(--radius-s);border:1px solid var(--accent);background:var(--surface);color:var(--text);font-size:var(--fs-md)}.folder-create{display:flex;gap:6px;margin-top:4px;padding:0}.folder-create input{flex:1;min-width:0;height:28px;padding:0 8px;border-radius:var(--radius-s);border:1px solid var(--accent);background:var(--surface);color:var(--text);font-size:var(--fs-md)}.folder-create input::placeholder{color:var(--sidebar-text-dim)}.folder-create button{border:1px solid var(--sidebar-border);background:transparent;color:var(--sidebar-text);border-radius:var(--radius-s);width:28px;height:28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.folder-create button:hover{background:var(--sidebar-hover)}.folder-create-trigger{display:flex;align-items:center;gap:8px;height:28px;margin-top:2px;padding:0 8px;border:none;background:none;border-radius:var(--radius-s);color:var(--sidebar-text-dim);font-size:var(--fs-sm);cursor:pointer;text-align:left;width:100%}.folder-create-trigger:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.theme-toggle{flex-shrink:0}.mail-list{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.mail-list>ul{flex:1 0 auto}.mail-list ul{list-style:none;margin:0;padding:4px 0}.mail-list li{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;margin:0 6px;padding:7px 10px 7px 12px;border-radius:var(--radius-s);cursor:pointer;transition:background .08s ease}.mail-list li:hover{background:var(--surface-hover)}.mail-list li.selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.mail-list li.selected:hover{background:var(--accent-soft)}.mail-list li:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mail-list li.unread .mail-list-subject{font-weight:600;color:var(--text)}.mail-list li.unread .mail-list-from{color:var(--text);font-weight:600}.mail-list li:before{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent);opacity:0}.mail-list li.unread:before{opacity:1}.mail-list li.selected:before{left:5px}.mail-avatar{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:650;letter-spacing:.02em}.avatar-slate{background:var(--avatar-slate-bg);color:var(--avatar-slate-fg)}.avatar-clay{background:var(--avatar-clay-bg);color:var(--avatar-clay-fg)}.avatar-olive{background:var(--avatar-olive-bg);color:var(--avatar-olive-fg)}.avatar-plum{background:var(--avatar-plum-bg);color:var(--avatar-plum-fg)}.avatar-ochre{background:var(--avatar-ochre-bg);color:var(--avatar-ochre-fg)}.avatar-rose{background:var(--avatar-rose-bg);color:var(--avatar-rose-fg)}.mail-avatar-lg{width:34px;height:34px;font-size:12.5px;border-radius:var(--radius-m)}.mail-row-body{flex:1;min-width:0}.mail-row-top{display:flex;align-items:baseline;gap:6px}.mail-list-from{font-size:var(--fs-md);color:var(--text-secondary);display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list-from>span{display:inline-flex;color:var(--text-tertiary)}.mail-list-time{margin-left:auto;flex-shrink:0;font-size:var(--fs-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.mail-list li.unread .mail-list-time{color:var(--accent)}.mail-list-subject{font-size:var(--fs-md);margin-top:1px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list li.selected .mail-list-subject{color:var(--text)}.mail-row-bottom{display:flex;align-items:center;gap:8px}.mail-list-snippet{font-size:var(--fs-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mail-list-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:1px;padding:2px;border-radius:var(--radius-s);background:var(--surface-hover);border:1px solid var(--border);box-shadow:var(--shadow-s);opacity:0;pointer-events:none;transition:opacity .08s ease}.mail-list li:hover .mail-list-actions,.mail-list li:focus-within .mail-list-actions{opacity:1;pointer-events:auto}.mail-list li.selected .mail-list-actions{background:var(--surface)}.mail-list-actions .icon-btn{width:26px;height:26px;color:var(--text-secondary)}.mail-list-actions .icon-btn:hover{background:var(--surface-sunken);color:var(--text)}.mail-list-empty,.mail-view-empty,.placeholder-panel{padding:60px 20px;text-align:center;color:var(--text-tertiary);font-size:var(--fs-md)}.mail-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.mail-view-empty-title{font-size:var(--fs-lg);font-weight:500;color:var(--text-secondary)}.mail-avatar-slot{position:relative;flex-shrink:0;width:26px;height:26px}.mail-avatar-slot .mail-avatar{transition:opacity .08s ease}.mail-list-checkbox{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;cursor:pointer;accent-color:var(--accent);opacity:0;transition:opacity .08s ease}.mail-list li:hover .mail-list-checkbox,.mail-list-checkbox:checked,.mail-list-checkbox:focus-visible,.mail-list.has-selection .mail-list-checkbox{opacity:1}.mail-list li:hover .mail-avatar-slot .mail-avatar,.mail-avatar-slot:has(.mail-list-checkbox:checked) .mail-avatar,.mail-avatar-slot:has(.mail-list-checkbox:focus-visible) .mail-avatar,.mail-list.has-selection .mail-avatar-slot .mail-avatar{opacity:0}.mail-list-flag{display:inline-flex;flex-shrink:0;color:var(--star);margin-left:auto}.mail-list-flag+.mail-list-time{margin-left:0}.mail-list-star{flex-shrink:0;color:var(--text-tertiary)}.mail-list-star svg{color:var(--text-tertiary)}.mail-list-star.flagged svg,.mail-list-star:hover svg{color:var(--star)}.mail-list-star-static{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--star)}.thread-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:16px;padding:0 5px;margin-left:4px;border-radius:20px;background:var(--surface-sunken);color:var(--text-secondary);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums}.mail-list li.selected .thread-count-badge{background:var(--accent-soft);color:var(--accent)}.thread-message-list{display:flex;flex-direction:column;margin-top:16px;border-top:1px solid var(--border)}.thread-message-card{border-bottom:1px solid var(--border)}.thread-message-header{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;border-radius:var(--radius-s);transition:background .1s ease}.thread-message-header:hover{background:var(--surface-hover)}.thread-message-header-text{flex:1;min-width:0}.thread-message-from{display:flex;align-items:center;gap:6px;font-size:var(--fs-md)}.thread-message-from strong{font-weight:600}.thread-message-snippet{font-size:var(--fs-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.thread-message-card.expanded .thread-message-snippet{display:none}.thread-message-time{flex-shrink:0;font-size:var(--fs-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.thread-message-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease}.thread-message-card.expanded .thread-message-chevron{transform:rotate(180deg)}.thread-message-body{padding:2px 4px 18px 40px}.thread-message-body pre{white-space:pre-wrap;font-family:inherit;font-size:var(--fs-base);line-height:var(--lh-relaxed);margin:10px 0 0;max-width:76ch}.thread-message-body .mail-view-meta-to{margin-bottom:4px}.mail-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:3px 12px 3px 14px;border-bottom:1px solid var(--border);font-size:var(--fs-sm);flex-shrink:0}.mail-list-select-all{color:var(--text-secondary);cursor:pointer}.mail-list-select-all input{accent-color:var(--accent);margin:0}.mail-list-bulk-actions{display:flex;align-items:center;gap:2px}.mail-list-bulk-actions .icon-btn{width:auto;height:26px;padding:0 8px;opacity:1;font-size:var(--fs-sm);font-weight:500}.mail-list-bulk-actions .icon-btn:hover{background:var(--surface-hover)}.mail-list-bulk-actions .icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.mail-view-star{flex-shrink:0;align-self:flex-start;color:var(--text-tertiary)}.mail-view-star svg{color:var(--text-tertiary)}.mail-view-star.flagged svg,.mail-view-star:hover svg{color:var(--star)}@media print{.sidebar,.mail-list,.mail-view-toolbar,.mail-view-actions,.compose-overlay,.mobile-menu-btn{display:none!important}.app-shell{display:block}.mail-view{padding:0;overflow:visible}}.mail-view{padding:22px 32px 40px;overflow-y:auto;background:var(--surface);flex:1}.mail-view-header h2{margin:0;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.015em;line-height:1.3;overflow-wrap:anywhere}.mail-view-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.sender-logo{width:34px;height:34px;border-radius:var(--radius-m);object-fit:cover;flex-shrink:0;margin-top:2px}.mail-view-title-row .mail-avatar-lg{margin-top:2px}.mail-view-title-text{min-width:0;flex:1}.mail-view-meta-line{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-md);margin-top:5px}.mail-view-meta-line strong{color:var(--text);font-weight:600}.mail-view-meta-from{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-view-meta-time{margin-left:auto;flex-shrink:0;font-size:var(--fs-sm);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.mail-view-meta-to{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:2px;overflow-wrap:anywhere}.mail-view-body{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.mail-view-body pre,.decrypted-content{white-space:pre-wrap;font-family:inherit;font-size:var(--fs-base);line-height:var(--lh-relaxed);margin:0;max-width:76ch;overflow-wrap:anywhere}.pgp-decrypt-panel{background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius-m);padding:16px;margin-top:18px}.pgp-decrypt-panel p{margin:0 0 6px;display:flex;align-items:center;gap:6px}.pgp-decrypt-panel input{height:32px;padding:0 10px;margin:8px 8px 8px 0;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface)}.pgp-decrypt-panel button{height:32px;padding:0 14px;border-radius:var(--radius-s);border:none;background:var(--accent);color:var(--accent-text-on);font-weight:600;cursor:pointer}.mail-attachments{margin-top:22px;border-top:1px solid var(--border);padding-top:14px}.provenance-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 12px}.provenance-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:var(--text-tertiary);flex-shrink:0;margin-right:4px}.provenance-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);height:20px;padding:0 8px;border-radius:20px;font-weight:600;letter-spacing:.01em}.provenance-chip.pass{background:var(--success-soft);color:var(--success)}.provenance-chip.fail{background:var(--danger-soft);color:var(--danger)}.provenance-chip.info{background:var(--accent-soft);color:var(--accent)}.provenance-chip.pending{background:var(--warning-soft);color:var(--warning)}.mail-view-actions{display:flex;gap:2px;margin-top:4px;flex-wrap:wrap;align-items:center}.mail-view-actions button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:var(--radius-s);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-md);font-weight:500;white-space:nowrap;transition:background .1s ease,border-color .1s ease,color .1s ease}.mail-view-actions button:hover{background:var(--surface-hover);color:var(--text)}.mail-view-actions button:disabled{opacity:.5;cursor:default}.mail-view-actions button svg{opacity:.85}.mail-view-actions button.primary{background:var(--accent);color:var(--accent-text-on);font-weight:600}.mail-view-actions button.primary:hover{background:var(--accent-hover)}.mail-view-actions button.danger:hover{background:var(--danger-soft);color:var(--danger)}.mail-view-actions .actions-sep{width:1px;height:16px;background:var(--border-strong);margin:0 4px}.mail-view-actions .actions-spacer{flex:1}.raw-headers{background:var(--surface-sunken);color:var(--text-secondary);padding:14px;border:1px solid var(--border);border-radius:var(--radius-m);font-size:11.5px;overflow-x:auto;margin-top:12px;white-space:pre-wrap;font-family:var(--font-mono);line-height:1.6}.attachment-chip{display:inline-flex;align-items:center;gap:6px;margin:4px;height:30px;padding:0 11px;background:var(--surface-sunken);border-radius:var(--radius-s);text-decoration:none;color:var(--text);font-size:var(--fs-sm);border:1px solid var(--border);cursor:pointer;transition:background .1s ease,border-color .1s ease}.attachment-chip:hover{background:var(--surface-hover);border-color:var(--border-strong)}.attachment-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}.attachment-thumb{display:flex;flex-direction:column;gap:4px;width:96px;padding:0;margin:4px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-sunken);cursor:pointer;overflow:hidden;text-align:left;transition:background .1s ease,border-color .1s ease}.attachment-thumb:hover{background:var(--surface-hover);border-color:var(--border-strong)}.attachment-thumb img{width:96px;height:72px;object-fit:cover;display:block;background:var(--surface)}.attachment-thumb-loading{width:96px;height:72px;display:block;background:var(--surface-hover)}.attachment-thumb-name{font-size:var(--fs-xs);color:var(--text-secondary);padding:0 6px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:300}.lightbox-panel{max-width:min(90vw,900px);max-height:90vh;background:var(--surface);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-l);border:1px solid var(--border)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-secondary)}.lightbox-toolbar div{display:flex;gap:2px}.lightbox-panel img{max-width:100%;max-height:calc(90vh - 40px);object-fit:contain;display:block}.error-banner{background:var(--danger-soft);color:var(--danger);padding:8px 12px;border-radius:var(--radius-s);margin:8px 0;font-size:var(--fs-sm);line-height:1.45}.success-banner{background:var(--success-soft);color:var(--success);padding:8px 12px;border-radius:var(--radius-s);font-size:var(--fs-sm)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg);padding:16px}.login-form{display:flex;flex-direction:column;gap:14px;background:var(--surface);padding:28px 28px 24px;border-radius:var(--radius-l);box-shadow:var(--shadow-m);width:360px;max-width:100%;border:1px solid var(--border)}.login-form h1{font-size:var(--fs-lg);margin:0 0 4px;font-weight:600;letter-spacing:-.01em}.login-brand{display:flex;align-items:center;gap:8px;color:var(--text)}.login-brand svg{color:var(--accent)}.login-form label{display:flex;flex-direction:column;font-size:var(--fs-sm);color:var(--text-secondary);gap:5px;font-weight:500}.login-form input{height:36px;padding:0 11px;border-radius:var(--radius-s);border:1px solid var(--border-strong);font-size:var(--fs-base);background:var(--surface-sunken);color:var(--text);transition:border-color .1s ease,background .1s ease}.login-form input:hover{border-color:var(--text-tertiary)}.login-form input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.login-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:var(--radius-s);border:none;background:var(--accent);color:var(--accent-text-on);font-weight:600;cursor:pointer;margin-top:6px;font-size:var(--fs-base);transition:background .1s ease}.login-form button:hover{background:var(--accent-hover)}.login-form button:disabled{opacity:.6;cursor:default}.login-form .panel-note{display:flex;align-items:center;gap:8px}.login-hint{font-size:var(--fs-xs);color:var(--text-tertiary);text-align:center;margin:2px 0 0}.mail-view-column{display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.mail-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:47px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.mail-view-toolbar button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:var(--radius-s);border:none;background:var(--accent);color:var(--accent-text-on);cursor:pointer;font-weight:600;font-size:var(--fs-md);transition:background .1s ease}.mail-view-toolbar button:hover{background:var(--accent-hover)}.mail-view-toolbar button.view-mode-toggle{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);font-weight:500}.mail-view-toolbar button.view-mode-toggle:hover{background:var(--surface-hover);color:var(--text)}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compose-panel{background:var(--surface);width:640px;max-height:85vh;overflow-y:auto;border-radius:var(--radius-l);padding:20px 22px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--shadow-l);border:1px solid var(--border-strong)}.compose-header{display:flex;justify-content:space-between;align-items:center}.compose-header>div{display:flex;flex-direction:column}.compose-header h3{font-size:var(--fs-lg);margin:0;font-weight:600}.draft-status{display:block;font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px;font-weight:500}.draft-status.saved{color:var(--success)}.draft-status.unsaved{color:var(--text-secondary)}.compose-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-s);transition:background .1s ease}.compose-close:hover{background:var(--surface-hover)}.compose-row{display:flex;gap:11px}.compose-row .compose-field{flex:1;min-width:0}.compose-field{display:flex;flex-direction:column;gap:4px;position:relative}.compose-field label{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.to-field-header{display:flex;justify-content:space-between;align-items:center}.cc-bcc-toggle{background:none;border:none;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer;padding:0;text-transform:none;letter-spacing:normal}.cc-bcc-toggle:hover{color:var(--accent)}.compose-field input,.compose-field select{height:34px;padding:0 10px;border-radius:var(--radius-s);border:1px solid var(--border-strong);font-size:var(--fs-base);background:var(--surface)}.compose-field input:focus,.compose-field select:focus{outline:none;border-color:var(--accent)}.compose-field.subject-field input{font-size:var(--fs-lg);font-weight:600}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s);list-style:none;margin:2px 0 0;padding:4px;z-index:10;max-height:160px;overflow-y:auto;box-shadow:var(--shadow-m)}.autocomplete-list li{padding:6px 8px;cursor:pointer;font-size:var(--fs-md);border-radius:4px}.autocomplete-list li:hover{background:var(--accent-soft)}.address-chip-box{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:4px 6px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);min-height:34px}.address-chip-box:focus-within{border-color:var(--accent)}.address-chip-box input{flex:1;min-width:100px;height:auto;border:none;outline:none;padding:3px 2px;font-size:var(--fs-md);background:transparent}.address-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:2px 5px 2px 10px;font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.address-chip button{border:none;background:none;cursor:pointer;color:inherit;display:flex;align-items:center;padding:3px;border-radius:50%;opacity:.7}.address-chip button:hover{opacity:1;background:var(--surface-hover)}.compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}.compose-toolbar-group{display:flex;align-items:center;gap:8px}.compose-toolbar-divider{width:1px;align-self:stretch;background:var(--border-strong)}.compose-toolbar button{height:28px;padding:0 10px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:var(--fs-md)}.compose-toolbar button:hover{background:var(--surface-hover)}.html-toggle,.pgp-toggle{font-size:var(--fs-sm);display:flex;align-items:center;gap:5px;color:var(--text-secondary);cursor:pointer;padding:3px 8px;border-radius:20px;transition:background .1s ease,color .1s ease}.html-toggle:hover,.pgp-toggle:hover{background:var(--surface-hover)}.pgp-toggle:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:600}.html-toggle:has(input:checked){background:var(--surface-sunken);color:var(--text);font-weight:600}.compose-security-strip.provenance-strip{margin:0}.compose-body{min-height:160px;max-height:320px;overflow-y:auto;overflow-wrap:anywhere;border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:11px;font-size:var(--fs-base);outline:none;line-height:var(--lh-normal);background:var(--surface)}.compose-body:focus{border-color:var(--accent)}.compose-field label.attach-trigger{display:inline-flex;align-items:center;gap:6px;width:fit-content;position:relative;height:30px;padding:0 12px;border-radius:var(--radius-s);border:1px dashed var(--border-strong);background:var(--surface-sunken);cursor:pointer;font-size:var(--fs-sm);text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text-secondary);transition:border-color .1s ease,color .1s ease}.attach-trigger:hover{border-color:var(--accent);color:var(--accent)}.attach-trigger input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.attachment-list .attachment-chip button{border:none;background:none;cursor:pointer;margin-left:4px;color:var(--text-tertiary)}.compose-actions{display:flex;justify-content:flex-end}.compose-actions button{height:34px;padding:0 18px;border-radius:var(--radius-s);border:none;background:var(--accent);color:var(--accent-text-on);font-weight:600;cursor:pointer;font-size:var(--fs-md);transition:background .1s ease}.compose-actions button:hover{background:var(--accent-hover)}.compose-actions button:disabled{opacity:.6;cursor:default}.panel{grid-column:2 / 4;background:var(--surface);padding:24px 32px;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-header h2{font-size:var(--fs-xl);font-weight:600;margin:0;letter-spacing:-.015em}.panel-header h3{font-size:var(--fs-base);font-weight:600;margin:0}.panel-header button{height:30px;padding:0 12px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-weight:500;font-size:var(--fs-md);transition:background .1s ease}.panel-header button:hover{background:var(--surface-hover)}.panel-empty{color:var(--text-tertiary);padding:24px 0;font-size:var(--fs-md)}.panel-note{font-size:var(--fs-sm);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border);padding:10px 13px;border-radius:var(--radius-s);line-height:1.5}.data-table{width:100%;border-collapse:collapse;margin-top:12px}.data-table th{text-align:left;padding:7px 10px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:600;border-bottom:1px solid var(--border-strong)}.data-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:var(--fs-md)}.data-table tr.selected{background:var(--accent-soft)}.data-table tr:hover td{background:var(--surface-hover)}.dkim-box{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-m);padding:14px}.dns-record{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);padding:11px;margin:8px 0;font-size:var(--fs-sm)}.dns-record div{margin-bottom:4px}.dns-value code{word-break:break-all;background:var(--surface-sunken);padding:2px 5px;border-radius:4px;font-family:var(--font-mono)}.data-table button{border:none;background:none;cursor:pointer;margin-right:2px;padding:4px 6px;border-radius:var(--radius-s);transition:background .1s ease}.data-table button:hover{background:var(--surface-hover)}.quota-input{width:76px;padding:4px 6px;border-radius:var(--radius-s);border:1px solid transparent;background:transparent;font:inherit;text-align:right}.quota-input:hover{border-color:var(--border)}.quota-input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.inline-form{display:flex;flex-direction:column;gap:9px;background:var(--surface-sunken);padding:16px;border-radius:var(--radius-m);margin-top:12px;max-width:480px;border:1px solid var(--border)}.inline-form input,.inline-form textarea,.inline-form select{padding:7px 10px;border-radius:var(--radius-s);border:1px solid var(--border-strong);font:inherit;background:var(--surface)}.inline-form input:focus,.inline-form textarea:focus,.inline-form select:focus{outline:none;border-color:var(--accent)}.inline-form-actions{display:flex;gap:8px}.inline-form-actions button{height:32px;padding:0 14px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:var(--fs-md);transition:background .1s ease}.inline-form-actions button:hover{background:var(--surface-hover)}.inline-form-actions button[type=submit]{background:var(--accent);color:var(--accent-text-on);font-weight:600;border-color:transparent}.inline-form-actions button[type=submit]:hover{background:var(--accent-hover)}.inline-checkbox{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);color:var(--text-secondary)}.inline-checkbox input{accent-color:var(--accent)}.filter-condition-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.filter-form{max-width:560px}.filter-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:13px;margin:4px 0}.filter-section-header{font-size:var(--fs-sm);font-weight:600;margin-bottom:9px;display:flex;gap:8px;align-items:center;color:var(--text-secondary)}.filter-add-row{background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-s);padding:5px 11px;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.filter-add-row:hover{border-color:var(--accent);color:var(--accent)}.filter-list{list-style:none;padding:0;margin-top:14px}.filter-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border);font-size:var(--fs-md);gap:12px}.filter-list li.disabled{opacity:.5}.filter-list li button{border:none;background:none;cursor:pointer}.stats-grid{display:flex;flex-direction:column;gap:14px;max-width:480px;margin-top:12px}.stat-bar-label{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:5px}.stat-bar-track{height:6px;border-radius:3px;background:var(--surface-sunken);overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-bar-ok{background:var(--accent)}.stat-bar-warning{background:var(--warning)}.stat-bar-danger{background:var(--danger)}.admin-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:22px}.admin-tab{background:none;border:none;padding:8px 12px;cursor:pointer;font-size:var(--fs-md);font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .1s ease,border-color .1s ease}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.admin-domain-search{position:relative;margin-bottom:14px}.admin-domain-search input{width:100%;height:32px;padding:0 11px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface-sunken);font-size:var(--fs-md)}.admin-domain-search input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.admin-domain-search-results{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-s);list-style:none;margin:4px 0 0;padding:4px;z-index:10;max-height:240px;overflow-y:auto;box-shadow:var(--shadow-m)}.admin-domain-search-results li{padding:7px 9px;cursor:pointer;font-size:var(--fs-md);border-radius:4px;display:flex;justify-content:space-between;gap:8px}.admin-domain-search-results li:hover{background:var(--accent-soft)}.admin-domain-search-results .domain-hint{color:var(--text-tertiary);font-size:11.5px}.admin-domains-layout{display:flex;gap:20px;align-items:flex-start}.admin-domain-list{flex-shrink:0;width:260px;border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.admin-domain-list ul{list-style:none;margin:0;padding:0}.admin-domain-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;cursor:pointer;border-bottom:1px solid var(--border);font-size:var(--fs-md);transition:background .1s ease}.admin-domain-item:last-child{border-bottom:none}.admin-domain-item:hover{background:var(--surface-hover)}.admin-domain-item.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-domain-item.disabled-domain{opacity:.5}.admin-domain-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-domain-item-count{flex-shrink:0;font-size:var(--fs-xs);color:var(--text-tertiary);background:var(--surface-sunken);padding:1px 7px;border-radius:20px}.admin-domain-item.selected .admin-domain-item-count{background:var(--surface);color:var(--accent)}.admin-domain-list-footer{padding:10px 13px;border-top:1px solid var(--border)}.admin-domain-list-footer button{width:100%;padding:7px;border-radius:var(--radius-s);border:1px dashed var(--border-strong);background:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.admin-domain-list-footer button:hover{border-color:var(--accent);color:var(--accent)}.admin-domain-detail{flex:1;min-width:0}.admin-domain-detail-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.admin-domain-detail-header h3{font-size:17px;margin:0}.admin-domain-detail-meta{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:18px}.admin-domain-empty{color:var(--text-tertiary);padding:60px 20px;text-align:center;font-size:var(--fs-md);border:1px dashed var(--border-strong);border-radius:var(--radius-m)}.admin-subtabs{display:flex;gap:2px;margin-bottom:16px}.admin-subtab{background:none;border:none;padding:5px 12px;cursor:pointer;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);border-radius:20px;transition:background .1s ease,color .1s ease}.admin-subtab:hover{background:var(--surface-hover)}.admin-subtab.active{background:var(--accent);color:var(--accent-text-on);font-weight:600}.settings-section{margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--border)}.settings-section h3{font-size:var(--fs-base);font-weight:600;margin:0 0 6px}.settings-section h4{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);margin:18px 0 4px;text-transform:uppercase;letter-spacing:.04em}.signature-item{background:var(--surface-sunken);border-radius:var(--radius-s);padding:11px 13px;margin-bottom:8px;border:1px solid var(--border)}.signature-item pre{white-space:pre-wrap;font-family:inherit;font-size:var(--fs-md);margin:6px 0}.tag{background:var(--accent-soft);color:var(--accent);font-size:10.5px;padding:2px 7px;border-radius:20px;margin-left:6px;font-weight:600}.tag-danger{background:var(--danger-soft);color:var(--danger)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-panel{background:var(--surface);width:360px;border-radius:var(--radius-l);padding:20px;box-shadow:var(--shadow-l);border:1px solid var(--border-strong)}.dialog-message{margin:0 0 16px;font-size:var(--fs-md);line-height:1.5;color:var(--text);white-space:pre-wrap}.dialog-input{width:100%;height:34px;padding:0 10px;border-radius:var(--radius-s);border:1px solid var(--border-strong);font-size:var(--fs-base);margin-bottom:16px;background:var(--surface-sunken)}.dialog-input:focus{outline:none;border-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-btn{height:30px;padding:0 14px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:var(--fs-md);font-weight:500}.dialog-btn:hover{background:var(--surface-hover)}.dialog-btn-primary{background:var(--accent);color:var(--accent-text-on);border-color:transparent;font-weight:600}.dialog-btn-primary:hover{background:var(--accent-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--radius-s);cursor:pointer;color:var(--text-secondary);transition:background .1s ease,color .1s ease}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-soft)}.icon-btn-sidebar{color:var(--sidebar-text-dim)}.icon-btn-sidebar:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.html-mail-wrap{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-m);padding:12px;overflow:hidden}.html-mail-frame{width:100%;border:0;display:block;background:#fff;overflow:hidden}.remote-images-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;margin-bottom:12px;border-radius:var(--radius-s);background:var(--surface-sunken);border:1px solid var(--border);font-size:var(--fs-sm);line-height:1.4;color:var(--text-secondary)}.remote-images-banner span{flex:1;min-width:200px}.remote-images-banner button{flex-shrink:0;height:26px;padding:0 10px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--text)}.remote-images-banner button:hover{background:var(--surface-hover)}.unsubscribe-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--fs-sm);flex-wrap:wrap}.unsubscribe-row.done{color:var(--text-tertiary)}.unsubscribe-btn{height:22px;padding:0 9px;font-size:var(--fs-xs);font-weight:500;cursor:pointer;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-secondary)}.unsubscribe-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.unsubscribe-btn:disabled{opacity:.6;cursor:default}.unsubscribe-hint{color:var(--text-tertiary);font-size:11.5px}.unsubscribe-hint.error{color:var(--danger)}.f2b-toggle{display:flex;gap:6px;margin:16px 0 10px}.f2b-toggle button{height:28px;padding:0 11px;font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-s);background:transparent;color:var(--text-secondary)}.f2b-toggle button.active{background:var(--surface-sunken);color:var(--text);font-weight:600}.f2b-match{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11.5px;color:var(--text-tertiary)}.mail-list-more{padding:12px;text-align:center;font-size:var(--fs-sm);color:var(--text-tertiary)}.pgp-uid-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}.pgp-uid-list .inline-checkbox{display:flex;align-items:center;gap:8px;font-size:var(--fs-md)}.pgp-uid-list em{color:var(--text-tertiary);font-style:normal;font-size:var(--fs-sm)}.contact-key-label{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600;margin-top:4px}.contact-key-pinned{font-size:var(--fs-xs);font-weight:500;padding:2px 7px;border-radius:10px;background:var(--success-soft);color:var(--success)}.contact-key-input{font-family:var(--font-mono);font-size:11.5px}.contact-key-clear{align-self:flex-start;font-size:var(--fs-sm)}.session-pids{font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.mobile-menu-btn,.mail-view-toolbar .mobile-back-btn{display:none}@media (max-width: 820px){.app-shell{display:block;height:100vh;height:100dvh;position:relative;overflow:hidden}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:8px;left:8px;z-index:60;width:34px;height:34px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:16px;cursor:pointer}.app-shell.has-selection .mobile-menu-btn{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,85vw);min-height:0;z-index:55;transform:translate(-100%);transition:transform .18s ease;padding-top:52px}.app-shell.sidebar-open .sidebar{transform:none;box-shadow:var(--shadow-l)}.mail-list{height:100vh;height:100dvh;border-right:none}.mail-list li{min-height:60px;margin:0 4px}.mail-list-actions{display:none}.mail-view-column{height:100vh;height:100dvh;display:none}.app-shell.has-selection .mail-list{display:none}.app-shell.has-selection .mail-view-column{display:flex}.mail-view-toolbar{padding:0 10px;gap:6px}.mail-view-toolbar button{white-space:nowrap;padding:0 9px;font-size:var(--fs-sm)}.mail-view-toolbar button.view-mode-toggle svg{display:none}.mail-view-meta-line{flex-wrap:wrap}.mail-view-meta-line strong{white-space:nowrap}.mail-view-meta-line .mail-view-meta-from{order:3;flex-basis:100%}.mail-view-toolbar .mobile-back-btn{display:inline-flex;background:transparent;color:var(--text);border:1px solid var(--border-strong);font-weight:500;padding:0 10px}.mail-view-toolbar button kbd{display:none}.mail-view{padding:16px 14px 32px}.mail-view-header h2{font-size:17px}.mail-view-actions{flex-wrap:wrap}.mail-view-actions button kbd,.mail-view-actions .actions-spacer{display:none}.thread-message-body{padding-left:0}.panel{height:100vh;height:100dvh;padding:52px 16px 24px}.admin-domains-layout{flex-direction:column}.data-table{display:block;overflow-x:auto}.compose-panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:16px}.dialog-panel{width:min(360px,calc(100vw - 32px))}}