/* MarshChat 0.8.7: direct selectors for the real <aside> + <main> layout.
   Do not require #mc-workspace (not present in many deployments). */
html[data-mc-theme] body { background:var(--mc-bg)!important;color:var(--mc-text)!important; }
html[data-mc-theme] body > aside,
html[data-mc-theme] body > .sidebar,
html[data-mc-theme] body > #sidebar,
html[data-mc-theme] body > #mc-sidebar,
html[data-mc-theme] body aside.mc-sidebar { background:var(--mc-side)!important;background-image:none!important;color:var(--mc-text)!important;border-color:var(--mc-border)!important;box-shadow:none!important; }
html[data-mc-theme] body > main,
html[data-mc-theme] main#app,
html[data-mc-theme] main#mc-workspace { background:var(--mc-bg)!important;color:var(--mc-text)!important; }
html[data-mc-theme] body > main > header,
html[data-mc-theme] body > main > .topbar,
html[data-mc-theme] body > main > .toolbar,
html[data-mc-theme] body > main > #mc-tabs,
html[data-mc-theme] body > main > #mc-topic,
html[data-mc-theme] body .mc-topbar,
html[data-mc-theme] body .mc-network-tabs { background:var(--mc-side)!important;background-image:none!important;color:var(--mc-text)!important;border-color:var(--mc-border)!important;box-shadow:none!important; }
html[data-mc-theme] body > main > header h1,
html[data-mc-theme] body > main > header small,
html[data-mc-theme] body > aside .brand,
html[data-mc-theme] body > aside .section { color:var(--mc-text)!important; }
html[data-mc-theme] body > aside small,
html[data-mc-theme] body > aside .network small,
html[data-mc-theme] body > aside .aside-bottom,
html[data-mc-theme] body > main > header small { color:var(--mc-muted)!important; }
html[data-mc-theme] body > aside #networks,
html[data-mc-theme] body > aside .network,
html[data-mc-theme] body > aside #add { background-color:transparent!important;color:var(--mc-text)!important;border-color:var(--mc-border)!important; }
html[data-mc-theme] body > aside .network:hover,
html[data-mc-theme] body > aside #add:hover {background:var(--mc-hover)!important;}
html[data-mc-theme] body > aside button,
html[data-mc-theme] body > main > .toolbar button,
html[data-mc-theme] body > main > .toolbar select,
html[data-mc-theme] body #mc-theme-select { background:var(--mc-panel)!important;color:var(--mc-text)!important;border:1px solid var(--mc-border)!important; }
html[data-mc-theme] body #messages {background:var(--mc-bg)!important;color:var(--mc-text)!important;}
html[data-mc-theme] body #compose {background:var(--mc-panel)!important;border-color:var(--mc-border)!important;}
html[data-mc-theme] body #compose input {background:transparent!important;color:var(--mc-text)!important;}
html[data-mc-theme] body #compose button:last-of-type {background:var(--mc-accent)!important;color:var(--mc-accent-text)!important;}
html[data-mc-theme="arctic"] body {color-scheme:light!important;}
/* Force theme palette on the full left/right workspace including descendant headers. */
html[data-mc-theme] body > aside > .brand { color:var(--mc-accent)!important; }
html[data-mc-theme] body > aside #networks .network strong { color:var(--mc-text)!important; }
html[data-mc-theme] body > main > header #status {background:var(--mc-panel)!important;color:var(--mc-text)!important;}
@media(max-width:560px){html[data-mc-theme] body > aside{border-bottom:1px solid var(--mc-border)!important}}