/* The pop-out follows its owner's saved profile colors. Other pages retain
   their current theme, and a visited profile keeps its own palette. */
body.mfs-site.mfs-message-palette,
.mfs-site .mfs-message-palette {
    color:var(--mfs-ink);
    color-scheme:var(--mfs-panel-scheme);
}
.mfs-site .mfs-message-palette .mfs-rail-heading {
    background:var(--mfs-panel-header);
    color:var(--mfs-panel-on-header);
}
.mfs-site .mfs-message-palette .mfs-rail-heading :is(h2,.mfs-icon,.mfs-rail-control) { color:inherit; }
.mfs-site .mfs-message-palette .mfs-rail-control:hover {
    background:var(--mfs-panel-header-hover);
    color:var(--mfs-panel-on-header);
}
.mfs-site .mfs-message-palette .mfs-rail-control:focus-visible { outline-color:var(--mfs-panel-on-header); }
.mfs-site.mfs-panel-content.mfs-message-palette :is(.messages-sidebar,.messages-main,.mfs-thread-heading) {
    background:var(--mfs-surface);
    color:var(--mfs-ink);
}
.mfs-site.mfs-panel-content.mfs-message-palette .message-thread-scroll { background:var(--mfs-bg); }
.mfs-site.mfs-panel-content.mfs-message-palette .thread-message {
    background:var(--mfs-surface);
    color:var(--mfs-ink);
    border-color:var(--mfs-border);
}
.mfs-site.mfs-panel-content.mfs-message-palette .thread-message-mine { background:var(--mfs-soft); }
.mfs-site.mfs-panel-content.mfs-message-palette :is(.thread-message-date,.conversation-preview,.conversation-date) { color:var(--mfs-muted); }
.mfs-site.mfs-panel-content.mfs-message-palette :is(.mfs-thread-heading a,.conversation-name) { color:var(--mfs-primary); }
.mfs-site.mfs-panel-content.mfs-message-palette .message-send-form textarea {
    background:var(--mfs-input);
    color:var(--mfs-ink);
    border-color:var(--mfs-panel-field-border);
    caret-color:var(--mfs-ink);
}
.mfs-site.mfs-panel-content.mfs-message-palette .message-send-form textarea::placeholder { color:var(--mfs-muted); opacity:1; }
.mfs-site.mfs-panel-content.mfs-message-palette .message-send-form>button,
.mfs-site.mfs-panel-content.mfs-message-palette .mfs-tabs button[aria-selected=true],
.mfs-site.mfs-panel-content.mfs-message-palette .conversation-unread {
    background:var(--mfs-panel-header);
    color:var(--mfs-panel-on-header);
    border-color:var(--mfs-panel-header);
}
.mfs-site.mfs-panel-content.mfs-message-palette .message-send-form>button:hover { background:var(--mfs-panel-header-hover); }
.mfs-site.mfs-panel-content.mfs-message-palette :focus-visible { outline-color:var(--mfs-primary); }