/* ClaudeMail — stile pulito widescreen */

html, body { background-color: #f6f8fc !important; }

/* Sidebar */
#layout-sidebar .scroller, #layout-sidebar { background: #fff !important; }
#mailboxlist li a { border-radius: 0 16px 16px 0 !important; font-size: 14px !important; color: #202124 !important; }
#mailboxlist li.selected > a { background-color: #d3e3fd !important; color: #001d35 !important; font-weight: 600 !important; }
#mailboxlist li a:hover { background-color: #e8eaed !important; }

/* Bottone compose */
a.button.compose { background-color: #c2e7ff !important; color: #001d35 !important; border: none !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; }

/* === Lista messaggi: solo 3 colonne === */
#messagelist { table-layout: fixed !important; width: 100% !important; }
#messagelist td.fromto { width: 30% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; padding-right: 8px !important; }
#messagelist td.subject { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#messagelist td.date { width: 95px !important; white-space: nowrap !important; text-align: right !important; font-size: 12px !important; color: #5f6368 !important; }

/* Stile righe */
#messagelist { background: #fff !important; }
#messagelist tr td { font-size: 13px !important; color: #202124 !important; padding: 8px 6px !important; line-height: 1.3 !important; }
#messagelist tr.unread td { font-weight: 700 !important; color: #202124 !important; }
#messagelist tr:not(.unread) td { color: #5f6368 !important; }
#messagelist tr:not(.unread) td.subject a { color: #444 !important; }
#messagelist tr.selected td { background-color: #e8f0fe !important; }
#messagelist tr:hover td { background-color: #f2f2f2 !important; }

/* === Preview pane: sfondo chiaro === */
#messagecontframe { background: #fff !important; }

/* Toolbar */
.toolbar, #layout-content > .header { background: #fff !important; border-bottom: 1px solid #dadce0 !important; box-shadow: none !important; }

/* Taskbar */
#taskbar { background: #fff !important; border-right: 1px solid #dadce0 !important; }

/* Scrollbar */
*::-webkit-scrollbar { width: 6px; }
*::-webkit-scrollbar-thumb { background: #dadce0; border-radius: 3px; }
*::-webkit-scrollbar-track { background: transparent; }