/* Shared Maybels colours. Layout, provider states and mail content stay untouched. */
:root {
  --admin-ink: #4a2732;
  --admin-plum: #5c1832;
  --admin-plum-2: #70223f;
  --admin-rose: #a35c73;
  --admin-rose-soft: #f9e4df;
  --admin-ivory: #fff8f3;
  --admin-card: #fffdf9;
  --admin-line: #e8d2cb;
  --admin-muted: #77565f;
  --admin-shadow: 0 10px 30px #682c3b0a, 0 2px 4px #682c3b04;
  --ink: #4a2732;
  --rose: #70223f;
  --paper: #fff8f3;
  --sm-wine: var(--admin-plum);
  --sm-wine-dark: #461226;
  --sm-rose: var(--admin-rose);
  --sm-blush: var(--admin-rose-soft);
  --sm-cream: var(--admin-ivory);
  --sm-line: var(--admin-line);
  --sm-ink: var(--admin-ink);
  --sm-muted: var(--admin-muted);
  --sm-shadow: var(--admin-shadow);
  --settings-rose: #925467;
  --settings-rose-dark: var(--admin-plum);
  --settings-blush: var(--admin-rose-soft);
  --settings-gold: #987134;
  --settings-border: var(--admin-line);
  --settings-muted: var(--admin-muted);
}
.shell > aside {
  background: linear-gradient(170deg, #f5e5de, #f8eee7 65%, #efdcd5);
  border-right: 1px solid var(--admin-line);
  box-shadow: none;
}
.shell > aside nav a { color: #684250; }
.shell > aside nav a::before { color: #b77c82; }
.shell > aside nav a:hover { background: #fff8f3; color: var(--admin-plum); }
.shell > aside nav a.is-active,
.shell > aside nav a[aria-current=page] {
  background: linear-gradient(105deg, #70223f, #5c1832);
  color: #fff8f3;
  box-shadow: 0 5px 12px #5c18321a;
}
.shell > aside nav a.is-active::before { color: #e5bd91; }
.shell > aside nav a .nav-badge { background: #ead0d3; color: #5c1832; }
.shell > main {
  background: radial-gradient(ellipse at 95% 0%, #f7e1d980, transparent 48%), #fff8f3;
}
.admin-topbar { border-bottom-color: var(--admin-line); }
.topbar-heading, .user-name { color: var(--admin-plum); }
.topbar-logout { background: #f3e4df; color: #744657; box-shadow: none; }
.topbar-logout:hover { background: #ecd3cc; color: var(--admin-plum); }
.shell > main th { background: #fbf0e9; color: var(--admin-muted); }
.shell > main th, .shell > main td { border-bottom-color: #efdfd6; }
.shell > main tbody tr:hover { background: #fff4ec; }
.button.secondary { background: #faf0eb; border-color: var(--admin-line); color: #794657; }
.button.secondary:hover { background: #f2dfd7; }
/* Match existing !important form declarations without changing dimensions. */
.shell > main input, .shell > main select, .shell > main textarea {
  border-color: #dcc3bb !important;
  background-color: #fffdf9 !important;
  accent-color: var(--admin-plum);
}
.shell > main input:focus, .shell > main select:focus, .shell > main textarea:focus {
  border-color: #a35c73 !important;
  box-shadow: 0 0 0 3px #a35c7326;
}
.shell > main :focus-visible { outline-color: #9e536b; }
/* Surface colours only; semantic badges and provider availability stay intact. */
.settings-card, .settings-subnav, .settings-main-tile, .settings-hero-status,
.sm2-panel, .sm2-account-card, .sm2-post-card, .sm2-media-card, .sm2-advanced {
  background-color: var(--admin-card);
  border-color: var(--admin-line);
}
.inbox-shell, .inbox-list-panel { background-color: var(--admin-card); border-color: var(--admin-line); }
.inbox-nav { background: #fcf0e9; border-color: var(--admin-line); }
.inbox-nav > a { color: #684250; }
.inbox-nav > a:hover, .inbox-nav > a.active { background: #f3dcd5; color: var(--admin-plum); }
.inbox-nav > a b, .mobile-inbox-nav b { background: #ead0d3; color: #5c1832; }
.inbox-message.selected { background: #f9e4df; border-color: #c99499; }
.inbox-filter-row a.active { background: #f9e4df; color: var(--admin-plum); }
/* Message HTML, media previews, status colours and print output aren't recoloured. */
.login { background: linear-gradient(130deg, #f5e5de, #fff8f3 55%, #efdcd5); color: var(--admin-ink); }
.login-card { background: #fffdf9; border: 1px solid var(--admin-line); box-shadow: var(--admin-shadow); }
.login-card h1, .login-card a { color: var(--admin-plum); }
.login-card input { border-color: #dcc3bb; background: #fffdf9; }
.login-card button { background: #70223f; color: #fff8f3; }
.login-card button:hover { background: #5c1832; }
.login-card .brand img { display: block; width: 100%; max-width: 270px; height: auto; max-height: none; object-fit: contain; }
.login-card .brand small { color: #77565f; }
@media (min-width: 761px) { .shell > .sidebar-overlay { display: none; } }
@media (max-width: 760px) {
  .shell > aside { overflow-y: auto; }
  .admin-topbar .menu { background: #70223f !important; color: #fff8f3 !important; }
}