.mail-container{background:var(--bg-primary);height:100%;display:flex;overflow:hidden}.mail-sidebar{border-right:1px solid var(--border-color);background:#0000001a;flex-direction:column;width:300px;min-width:250px;display:flex}.mail-sidebar-header{padding:var(--sp-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.mail-sidebar-header h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.mail-compose-btn{background:var(--accent-color);color:#fff;border-radius:var(--r-md);font-size:var(--fs-sm);cursor:pointer;transition:opacity var(--t-fast);border:none;padding:6px 12px}.mail-compose-btn:hover{opacity:.9}.mail-list{flex:1;overflow-y:auto}.mail-item{padding:var(--sp-3);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--t-fast)}.mail-item:hover{background:#ffffff0d}.mail-item.active{background:rgba(var(--accent-color-rgb), .15);border-left:3px solid var(--accent-color)}.mail-item.unread .mail-item-sender,.mail-item.unread .mail-item-subject{font-weight:var(--fw-bold);color:var(--text-primary)}.mail-item-header{justify-content:space-between;margin-bottom:4px;display:flex}.mail-item-sender{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium)}.mail-item-date{font-size:var(--fs-xs);color:var(--text-tertiary)}.mail-item-subject{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.mail-item-snippet{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-content{background:#0003;flex-direction:column;flex:1;display:flex;overflow:hidden}.mail-view{flex-direction:column;flex:1;height:100%;display:flex}.mail-empty-state{color:var(--text-tertiary);font-size:var(--fs-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.mail-empty-icon{margin-bottom:var(--sp-2);opacity:.5;font-size:3rem}.mail-view-header{padding:var(--sp-4);border-bottom:1px solid var(--border-color);background:#ffffff05}.mail-view-subject{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0 0 var(--sp-3) 0;color:var(--text-primary)}.mail-view-meta{color:var(--text-secondary);font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.mail-view-body{padding:var(--sp-4);font-size:var(--fs-md);color:var(--text-secondary);flex:1;line-height:1.6;overflow-y:auto}.mail-compose-view{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;height:100%;display:flex}.mail-input{border:1px solid var(--border-color);border-radius:var(--r-sm);padding:var(--sp-2);color:var(--text-primary);font-size:var(--fs-sm);background:#0003}.mail-input:focus{border-color:var(--accent-color);outline:none}.mail-textarea{border:1px solid var(--border-color);border-radius:var(--r-sm);padding:var(--sp-2);color:var(--text-primary);font-size:var(--fs-sm);resize:none;background:#0003;flex:1;font-family:inherit}.mail-textarea:focus{border-color:var(--accent-color);outline:none}.mail-compose-actions{gap:var(--sp-2);display:flex}.mail-btn{border-radius:var(--r-md);font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--t-fast);background:#ffffff0d;padding:6px 12px}.mail-btn:hover{background:#ffffff1a}.mail-btn.primary{background:var(--accent-color);color:#fff;border:none}.mail-btn.primary:hover{opacity:.9}