:root{--accent: #00986b;--accent2: #007a56;--bg: #f5f7f6;--surface: #ffffff;--surface2: #eef2f0;--text: #1a2e24;--text2: #5a7368;--border: #d4ddd8;--orange: #e8920b;--red: #d43535;--radius: 12px;--touch-min: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}.screen{display:none;height:100vh;overflow:hidden}.screen.active{display:flex;flex-direction:column}button{font-family:var(--font);font-size:var(--fs-base);cursor:pointer;border:none;background:none;color:inherit;min-height:var(--touch-min);min-width:var(--touch-min)}input,textarea,select{font-family:var(--font);font-size:var(--fs-base);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);background:var(--surface);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text2);font-weight:600}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-6);padding:var(--sp-8)}.auth-container .logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--surface);box-shadow:0 2px 8px #00000014}.auth-container h1{font-size:var(--fs-2xl);font-weight:700;color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:320px}.auth-form input{width:100%;min-height:var(--touch-min)}.auth-error{color:var(--red);font-size:var(--fs-sm);text-align:center;min-height:20px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);padding:var(--sp-3) var(--sp-6);font-weight:600;min-height:var(--touch-min);transition:background .15s}.btn-primary:hover{background:var(--accent2)}.btn-accent{background:var(--accent);color:#fff;font-weight:600;padding:var(--sp-2) var(--sp-4);border-radius:8px;font-size:var(--fs-sm);min-height:36px;transition:background .15s;white-space:nowrap}.btn-accent:hover{background:var(--accent2)}.btn-accent:disabled{opacity:.6;cursor:default}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2);border-radius:8px;transition:background .15s;min-width:var(--touch-min);min-height:var(--touch-min)}.btn-icon:hover{background:var(--surface2)}.mail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);min-height:56px;flex-shrink:0}.mail-header h1{font-size:var(--fs-lg);font-weight:700;color:var(--text)}.mail-header-actions{display:flex;gap:var(--sp-2);align-items:center}.filter-bar{display:flex;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tab-row{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border)}.tab-row:last-child{border-bottom:none}.tab-row::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:500;color:var(--text2);white-space:nowrap;cursor:pointer;min-height:var(--touch-min);transition:all .15s;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--sp-1);border-radius:9px;font-size:10px;font-weight:700;background:var(--surface2);color:var(--text2)}.tab.active .badge{background:#00986b20;color:var(--accent)}.global-ask-bar{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}#globalAskResult{padding:0 var(--sp-4);background:var(--surface)}#globalAskResult:empty{display:none}#globalAskResult .ai-summary{margin:var(--sp-3) 0;border-left-color:#2563eb}#globalAskResult .ai-summary-label{color:#2563eb}.inbox-layout{display:flex;flex:1;overflow:hidden}.resize-handle{width:5px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s}.resize-handle:hover,.resize-handle.dragging{background:var(--accent)}.mail-list{width:380px;min-width:280px;max-width:60vw;overflow-y:auto;background:var(--surface);flex-shrink:0}.mail-list-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text2);font-size:var(--fs-sm)}.mail-card{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;position:relative}.mail-card:hover{background:var(--surface2)}.mail-card.active{background:#00986b0a;border-left:3px solid var(--accent)}.mail-card.unread .mail-card-sender{font-weight:700}.mail-card.unread .mail-card-subject{font-weight:600;color:var(--text)}.mail-card-triage{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.mail-card.active .mail-card-triage{display:none}.mail-card-body{flex:1;min-width:0;padding-left:var(--sp-1)}.mail-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.mail-card-sender{font-size:var(--fs-sm);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-card-time{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap;flex-shrink:0}.mail-card-subject{font-size:var(--fs-sm);color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mail-card-preview{font-size:var(--fs-xs);color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:400}.mail-card-meta{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1)}.mail-card-mailbox{font-size:10px;font-weight:600;padding:1px var(--sp-2);border-radius:4px;color:#fff;text-transform:uppercase;letter-spacing:.3px}.mail-card-attachment{display:inline-flex;align-items:center}.mail-card-attachment svg{width:14px;height:14px}.mail-detail{flex:1;overflow-y:auto;padding:var(--sp-6);background:var(--bg);min-width:0}.mail-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text2);gap:var(--sp-4)}.mail-detail-empty svg{width:48px;height:48px;opacity:.4}.detail-subject{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-3);line-height:1.3}.detail-meta{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text2);margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.detail-body{background:var(--surface);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);line-height:1.6;overflow:visible;font-size:var(--fs-sm)}.mail-iframe{width:100%;border:none;min-height:200px;background:var(--surface)}.ai-summary{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--text);line-height:1.5}.ai-summary-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:28px}.ai-summary-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:600}.ai-summary-text{margin-top:var(--sp-2)}.ai-summary.collapsed .ai-summary-text{display:none}.ai-summary.collapsed .ai-summary-chevron{transform:rotate(-90deg)}.ai-summary-chevron{transition:transform .15s}.ai-summary-chevron svg{width:16px;height:16px}.detail-meta-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4)}.status-buttons{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.status-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:500;color:var(--text2);background:var(--surface);border-right:1px solid var(--border);transition:all .15s;min-height:32px;white-space:nowrap}.status-btn:last-child{border-right:none}.status-btn:hover{background:var(--surface2)}.status-btn.active{background:var(--accent);color:#fff;font-weight:600}.status-btn.active[data-status=processing]{background:var(--orange)}.status-btn.active[data-status=done]{background:var(--text2)}.tab-row-secondary{display:flex;align-items:center}.ai-ask-bar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.ai-ask-input{flex:1;border:1px solid var(--border);border-radius:8px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);min-height:36px}.ai-ask-input:focus{border-color:var(--accent)}.smart-reply-bar{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.smart-reply-chip{padding:var(--sp-2) var(--sp-4);border-radius:20px;font-size:var(--fs-sm);background:var(--surface);border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:all .15s;min-height:36px;display:inline-flex;align-items:center}.smart-reply-chip:hover{background:var(--accent);color:#fff}.attachment-bar{margin:var(--sp-3) 0;padding:var(--sp-3);background:var(--surface2);border-radius:8px}.attachment-bar .label{display:flex;align-items:center;gap:var(--sp-1)}.attachment-bar .label svg{width:14px;height:14px}.attachment-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);min-height:var(--touch-min)}.attachment-row:last-child{border-bottom:none}.attachment-name{flex:1;font-size:var(--fs-sm);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap}.btn-analyze{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:6px;background:var(--accent);color:#fff;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;min-height:32px}.btn-analyze svg{width:14px;height:14px;stroke:#fff}.btn-analyze:hover{background:var(--accent2)}.compose-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;align-items:center;justify-content:center}.compose-overlay.visible{display:flex}.compose-panel{background:var(--surface);border-radius:var(--radius);width:95%;max-width:720px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;will-change:transform}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-weight:600}.compose-fields{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.compose-fields input,.compose-fields select{width:100%}.compose-ai-bar{display:flex;gap:var(--sp-2);padding:0 var(--sp-4);align-items:center}.compose-ai-bar input{flex:1}.compose-body{flex:1;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;overflow:hidden}.compose-body textarea{width:100%;flex:1;border:none;padding:0;line-height:1.6;resize:none}.compose-body textarea:focus{border:none}.compose-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.detail-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);min-height:56px;flex-shrink:0}.detail-header-actions{display:flex;gap:var(--sp-2);margin-left:auto}.mobile-detail{flex:1;overflow-y:auto;padding:var(--sp-4)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-8);color:var(--text2);font-size:var(--fs-sm)}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-left:var(--sp-2)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.inbox-layout{flex-direction:column}.mail-list{width:100%!important;max-width:none}.mail-detail,.resize-handle{display:none}.detail-body{overflow-x:auto}.global-ask-bar{padding:var(--sp-2) var(--sp-3)}.compose-panel{width:100%;height:100vh;max-height:100vh;border-radius:0}}