.mail-app{height:100%;display:flex;flex-direction:column;background:var(--crt-bg);color:var(--crt-fg);font-family:var(--font-mono);overflow:hidden}.mail-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--crt-fg-dim);background:var(--crt-window-bg)}.toolbar-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--crt-bg);color:var(--crt-fg);border:1px solid var(--crt-fg-dim);font-family:var(--font-mono);font-size:.875rem;cursor:pointer;transition:all .1s}.toolbar-btn:hover:not(:disabled){background:var(--crt-fg);color:var(--crt-bg);border-color:var(--crt-fg)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.compose-btn{background:var(--crt-fg);color:var(--crt-bg)}.toolbar-btn.compose-btn:hover{background:var(--crt-fg-bright)}.toolbar-btn.send-btn{margin-left:auto;background:var(--crt-accent);color:var(--crt-bg);border-color:var(--crt-accent)}.toolbar-title{margin-left:auto;font-size:.875rem;color:var(--crt-fg-dim)}.mail-content{flex:1;display:flex;overflow:hidden}.mail-folders{width:120px;border-right:1px solid var(--crt-fg-dim);background:var(--crt-window-bg);flex-shrink:0}.folder-header{padding:var(--spacing-sm);font-size:.75rem;color:var(--crt-fg-dim);border-bottom:1px solid var(--crt-fg-dim);text-align:center}.folder-item{padding:var(--spacing-sm);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:background .1s}.folder-item:hover{background:#ffb0001a}.folder-item.active{background:#ffb00033;color:var(--crt-fg-bright)}.unread-badge{font-size:.75rem;color:var(--crt-accent)}.mail-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.mail-list{height:40%;min-height:120px;border-bottom:2px solid var(--crt-fg-dim);display:flex;flex-direction:column}.mail-list-header{display:flex;padding:var(--spacing-xs) var(--spacing-sm);background:var(--crt-fg-dim);color:var(--crt-bg);font-size:.75rem;font-weight:700}.mail-list-body{flex:1;overflow-y:auto}.mail-item{display:flex;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid rgba(255,176,0,.1);cursor:pointer;font-size:.8rem;transition:background .1s}.mail-item:hover{background:#ffb0001a}.mail-item.selected{background:var(--crt-fg);color:var(--crt-bg)}.mail-item.unread{font-weight:700;color:var(--crt-fg-bright)}.mail-item.unread .col-from,.mail-item.unread .col-subject{color:var(--crt-fg-bright)}.col-star{width:20px;flex-shrink:0;text-align:center}.col-from{width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-subject{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-date{width:70px;flex-shrink:0;text-align:right;font-size:.75rem;color:var(--crt-fg-dim)}.mail-item.selected .col-date{color:var(--crt-bg)}.mail-loading,.mail-empty{padding:var(--spacing-lg);text-align:center;color:var(--crt-fg-dim)}.mail-viewer{flex:1;overflow-y:auto;padding:var(--spacing-md)}.viewer-header{margin-bottom:var(--spacing-sm)}.viewer-field{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.875rem}.field-label{color:var(--crt-fg-dim);min-width:60px}.field-value{color:var(--crt-fg)}.viewer-divider{color:var(--crt-fg-dim);font-size:.75rem;margin:var(--spacing-sm) 0;overflow:hidden}.viewer-body{flex:1}.viewer-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;margin:0}.viewer-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--crt-fg-dim)}.viewer-empty pre{font-size:.75rem}.mail-statusbar{padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--crt-fg-dim);font-size:.75rem;color:var(--crt-fg-dim);background:var(--crt-window-bg)}.compose-form{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.compose-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.compose-field label{font-size:.75rem;color:var(--crt-fg-dim)}.compose-field input,.compose-field textarea{padding:var(--spacing-sm);background:var(--crt-bg);color:var(--crt-fg);border:1px solid var(--crt-fg-dim);font-family:var(--font-mono);font-size:.875rem}.compose-field input:focus,.compose-field textarea:focus{outline:none;border-color:var(--crt-fg);box-shadow:0 0 5px #ffb0004d}.compose-field input:disabled{opacity:.6;background:var(--crt-window-bg)}.compose-body{flex:1;display:flex;flex-direction:column}.compose-body textarea{flex:1;min-height:150px;resize:none}.mail-success{flex:1;display:flex;align-items:center;justify-content:center}.mail-success pre{color:var(--crt-fg-bright);font-size:.875rem;text-align:center}.mail-error{padding:var(--spacing-sm);background:#ff00001a;border:1px solid var(--crt-accent);color:var(--crt-accent);font-size:.875rem;margin-bottom:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.mail-folders{width:100px}.col-from{width:80px}.col-date{width:60px}}.viewer-actions{padding:var(--spacing-sm);border-bottom:1px solid var(--crt-fg-dim);display:flex;gap:var(--spacing-sm)}.reply-form{padding:var(--spacing-md);border-top:1px solid var(--crt-fg-dim);background:var(--crt-window-bg)}.reply-header{font-size:.875rem;margin-bottom:var(--spacing-sm);color:var(--crt-accent)}.reply-form textarea{width:100%;background:var(--crt-bg);border:1px solid var(--crt-fg-dim);color:var(--crt-fg);font-family:var(--font-mono);font-size:.875rem;padding:var(--spacing-sm);resize:vertical;min-height:80px}.reply-form textarea:focus{outline:none;border-color:var(--crt-fg);box-shadow:0 0 5px #ffb0004d}.reply-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.char-count{font-size:.75rem;color:var(--crt-fg-dim);margin-right:auto}.thread-reply{margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.thread-divider{color:var(--crt-accent);font-size:.75rem;margin:var(--spacing-md) 0 var(--spacing-sm) 0;text-align:center}.thread-user-reply{color:var(--crt-fg-dim);padding-left:var(--spacing-md);border-left:2px solid var(--crt-fg-dim);margin:var(--spacing-sm) 0}.thread-ai-response{color:var(--crt-fg-bright);margin:var(--spacing-sm) 0}