/* Appearance and mailbox motion; default keeps every animation enabled. */
html[data-mail-theme=forest]{color-scheme:dark;--bg:#081b12;--panel:#102b1d;--mint:#81e7a5;--text:#effaf1;--muted:#9cbaaa;--line:#315842}
html[data-mail-theme=rose]{color-scheme:dark;--bg:#21121a;--panel:#321e2a;--mint:#ff9dc5;--text:#fff0f6;--muted:#c8a8b7;--line:#694155}
html[data-mail-theme=graphite]{color-scheme:dark;--bg:#131519;--panel:#22252a;--mint:#b2c6db;--text:#f1f4f8;--muted:#a0a9b5;--line:#414b58}
html[data-mail-theme=solar]{color-scheme:light;--bg:#f8f0db;--panel:#fff9e9;--mint:#8b591c;--text:#362c19;--muted:#7b6c4d;--line:#cfbd91}
html[data-mail-theme=lavender]{color-scheme:light;--bg:#eeebfa;--panel:#fff;--mint:#7453b9;--text:#302444;--muted:#766789;--line:#c6b9df}
html[data-mail-theme=ice]{color-scheme:light;--bg:#eaf5f9;--panel:#fff;--mint:#187f9e;--text:#17343e;--muted:#52727e;--line:#b4d5df}
html[data-mail-theme] .nav{background:var(--mail-topbar,var(--panel))!important}
html[data-mail-theme] .mail-sidebar,html[data-mail-theme] .sidebar-bottom{background:var(--mail-sidebar,var(--bg))}
.message-row:hover{background:var(--mail-hover,color-mix(in srgb,var(--mint) 6%,transparent))}
.message-row.selected-message,.message-row.selected{background:var(--mail-selected,color-mix(in srgb,var(--mint) 12%,transparent))!important}
.message-star.starred{color:var(--mail-star,#ffd56b)}.snooze-wake-time{color:var(--mail-snooze,#f3a647)!important}
.folder-count{color:var(--mail-badge,#b08aff)}.folders [data-folder=inbox] .folder-count{background:var(--mail-badge,#9571ff);color:var(--bg)}
.sidebar-scroll,.settings-email .folders{position:relative;isolation:isolate}
.folder-selection-indicator{position:absolute;top:0;left:0;pointer-events:none;background:var(--mail-selected,color-mix(in srgb,var(--mint) 8%,transparent));transition:transform .22s ease,width .22s ease,height .22s ease;z-index:-1}
.mail-sidebar [data-folder].active,.mail-sidebar [data-folder]:hover,.settings-email .folders button.active,.settings-email .folders button:hover{background:transparent}
.message-row{display:block;padding:14px 0;min-height:80px;position:relative}
.message-row>.message-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;display:block;background:transparent;border:0}
.message-row-layout{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 14px;align-items:center;pointer-events:none;position:relative;z-index:2;padding:0 8px}
.message-row-layout>.sender-logo{grid-row:1 / span 2;grid-column:1;width:48px;height:48px;flex-basis:48px;font-size:24px}
.message-row-layout>.sender-logo img{width:46px;height:46px}
.message-row-layout>.row-sender{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;overflow:visible;min-width:0;line-height:1.2}
.message-row-layout .row-sender-name{font-size:24px;line-height:1.2;color:var(--text);overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
.message-row-layout .sender-email-only{font-size:18px}
.message-row-layout .message-star{position:static;align-self:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;line-height:1;display:inline-grid;place-items:center;padding:0;margin:0;pointer-events:auto;z-index:3}
.message-row-layout>.row-content{grid-column:2;grid-row:2;min-width:0}
.message-row-layout>.row-date{grid-column:3;grid-row:1 / span 2;align-self:center;max-width:135px;white-space:normal}
.message-row>.message-hover-actions{z-index:4}
.reading-message .message-row-layout{grid-template-columns:48px minmax(0,1fr)}
.reading-message .message-row-layout>.row-date{grid-column:2;grid-row:3;text-align:left;max-width:none}
.reading-message .message-row-layout>.sender-logo{grid-row:1 / span 3}
.reading-message .message-row-layout .row-sender-name{font-size:24px}
.reading-message .message-row-layout .sender-email-only{font-size:18px}
.appearance-preset{display:flex;align-items:center;gap:18px;margin:0 0 24px}.appearance-preset select{background:var(--panel);color:var(--text);padding:10px 18px;border:1px solid var(--line);font:inherit}
.animation-settings{display:grid;gap:12px;max-width:850px}.animation-settings .spam-setting{margin:0}
.custom-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.custom-color{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:var(--panel)}.custom-color>span{flex:1}.custom-color input{width:40px;height:32px;padding:0;border:0;cursor:pointer}.custom-color button{border:0;background:transparent;color:var(--mint)}
#appearance-undo{position:fixed;z-index:5000;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;padding:14px 18px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 8px 30px #0006}#appearance-undo button{border:0;background:transparent;color:var(--mint);font-weight:700}
html[data-motion-selection=off] .folder-selection-indicator,html[data-motion-sidebar=off] .mail-workspace,html[data-motion-sidebar=off] .mail-sidebar,html[data-motion-sidebar=off] .compose-expanded,html[data-motion-identity=off] .mail-identity,html[data-motion-identity=off] .mail-identity *,html[data-motion-identity=off] .mail-notifications,html[data-motion-header=off] .nav,html[data-motion-storage=off] .mail-storage,html[data-motion-storage=off] .mail-storage *,html[data-motion-reader=off] .mail-content,html[data-motion-reader=off] #read-view,html[data-motion-reader=off] #list-view,html[data-motion-menus=off] [role=dialog],html[data-motion-menus=off] .mail-notification-panel,html[data-motion-tooltips=off] #mail-sidebar-hint,html[data-motion-compose=off] .compose-window,html[data-motion-compose=off] .compose-window *,html[data-motion-loading=off] #xunaro-mail-loading,html[data-motion-loading=off].xunaro-mail-opening .site-shell{transition:none!important;animation:none!important}
@media(max-width:760px){.message-row-layout{grid-template-columns:48px minmax(0,1fr);gap:5px 10px}.message-row-layout>.row-date{grid-column:2;grid-row:3;text-align:left;max-width:none}.message-row-layout>.sender-logo{grid-row:1 / span 3}.message-row-layout .row-sender-name{font-size:24px}.message-row-layout .sender-email-only{font-size:18px}}
@media(prefers-reduced-motion:reduce){.folder-selection-indicator{transition:none}}
/* Hover feedback is immediate; selection/movement animations follow clicks. */
button,a,.message-row,.message-star,.message-hover-actions,.mail-identity,.mail-notifications,.mail-storage,.mail-storage *{transition:none!important}
#mail-sidebar-hint{animation:none!important}
.mail-sidebar [data-folder]:hover,.settings-email .folders button:hover{background:var(--mail-hover,color-mix(in srgb,var(--mint) 6%,transparent))}
.mail-sidebar .labels-list{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;width:100%}
.mail-sidebar .labels-list>.label-item{display:flex;width:100%;flex:none}
.sidebar-label-heading{cursor:pointer}
.mail-label-hover{position:fixed;z-index:6100;width:min(350px,calc(100vw - 16px));max-height:min(440px,calc(100dvh - 16px));overflow-y:auto;padding:6px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 30px #0006;animation:none;transition:none}
.label-hover-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:4px}
.label-hover-row button{min-height:36px;padding:6px;border:0;color:var(--text);background:transparent;cursor:pointer}
.label-hover-row button:hover:not(:disabled){background:var(--mail-hover,color-mix(in srgb,var(--mint) 10%,transparent));color:var(--mint)}
.label-hover-row button:disabled{cursor:default;opacity:.3}
.label-hover-name{display:flex;gap:10px;align-items:center;text-align:left;min-width:0}.label-hover-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-hover-name svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:760px){.mail-session.sidebar-collapsed #sidebar-swipe-edge{width:48px}.mail-session .mail-sidebar{touch-action:pan-y}}

@media(max-width:760px){.mobile-message-context #context-delete[data-restore=true]{display:block}}
@media(max-width:760px){.mail-session.sidebar-collapsed #sidebar-swipe-edge{pointer-events:none}}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){html:not([data-motion-identity=off]) .mail-identity{transition:width .22s ease-out!important}}