/* Per-account panel theme selector. Member-facing pages are deliberately out of scope. */
body.panel-theme-black-gold {
  --theme-menu: #121418;
  --theme-elevated: #181b20;
  --theme-input: #181b20;
  --theme-hover: #211b10;
  --theme-accent-soft: #33280f;
  --theme-on-accent: #171108;
  --theme-shadow: rgba(0, 0, 0, .52);
  color-scheme: dark;
}

body.panel-theme-azure-light {
  --bg: #d4e0e5;
  --side: #193447;
  --panel: #e8eef1;
  --panel2: #dce6ea;
  --line: #afc1c9;
  --gold: #5c8ca3;
  --gold2: #315f75;
  --text: #293d48;
  --muted: #647984;
  --green: #287b62;
  --red: #b94f59;
  --amber: #a06d29;
  --theme-menu: #e7eef1;
  --theme-elevated: #d9e5ea;
  --theme-input: #dce6ea;
  --theme-hover: #c8dbe3;
  --theme-accent-soft: #aac9d7;
  --theme-on-accent: #173441;
  --theme-shadow: rgba(25, 52, 71, .2);
  color-scheme: light;
}

body.panel-theme-midnight-indigo {
  --bg: #090d19;
  --side: #0e1425;
  --panel: #151b2e;
  --panel2: #1b233b;
  --line: #343e62;
  --gold: #938cf0;
  --gold2: #b2adff;
  --text: #f1f2ff;
  --muted: #99a3c1;
  --green: #62d7ad;
  --red: #ff8797;
  --amber: #e7bd6b;
  --theme-menu: #11172a;
  --theme-elevated: #1c2440;
  --theme-input: #171f35;
  --theme-hover: #252d4c;
  --theme-accent-soft: #302f59;
  --theme-on-accent: #111329;
  --theme-shadow: rgba(2, 5, 18, .62);
  color-scheme: dark;
}

body.panel-theme-emerald-slate {
  --bg: #09110f;
  --side: #0e1917;
  --panel: #14201d;
  --panel2: #1a2a26;
  --line: #304a43;
  --gold: #45bf9c;
  --gold2: #72dec0;
  --text: #edf8f4;
  --muted: #91aaa2;
  --green: #61d49d;
  --red: #ff8d91;
  --amber: #dfbb70;
  --theme-menu: #111d1a;
  --theme-elevated: #1b2a26;
  --theme-input: #172521;
  --theme-hover: #21332e;
  --theme-accent-soft: #173c33;
  --theme-on-accent: #071b15;
  --theme-shadow: rgba(0, 8, 6, .6);
  color-scheme: dark;
}

.operator-shell {
  display: flex;
  align-items: center;
  gap: 8px;
}

.theme-shell { position: relative; }

.theme-trigger {
  width: 36px;
  height: 36px;
  display: grid;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
  border-radius: 9px;
  background: color-mix(in srgb, var(--theme-elevated, #181b20) 90%, transparent);
  color: var(--gold2);
  place-items: center;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.theme-trigger:hover,
.theme-trigger[aria-expanded="true"] {
  border-color: var(--gold);
  background: var(--theme-accent-soft, #33280f);
  transform: translateY(-1px);
}

.theme-trigger svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.theme-menu {
  position: absolute;
  top: 48px;
  right: -2px;
  width: min(510px, calc(100vw - 34px));
  max-height: calc(100vh - 84px);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--theme-menu, #121418) 97%, transparent);
  box-shadow: 0 24px 70px var(--theme-shadow, rgba(0, 0, 0, .52));
  color: var(--text);
  z-index: 75;
}

.theme-menu[hidden] { display: none; }

.theme-menu > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--line);
}

.theme-menu > header small {
  color: var(--gold);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.theme-menu > header h2 {
  margin: 5px 0 3px;
  color: var(--text);
  font: 20px Georgia, serif;
}

.theme-menu > header p {
  margin: 0;
  color: var(--muted);
  font-size: 8px;
}

.theme-menu > header p b { color: var(--text); }

.theme-close {
  width: 29px;
  height: 29px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--theme-elevated, #181b20);
  color: var(--muted);
  font-size: 16px;
}

.theme-target-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 13px 18px 0;
}

.theme-target-tabs button {
  height: 39px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--theme-elevated, #181b20);
  color: var(--muted);
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.theme-target-tabs button.active {
  border-color: var(--gold);
  background: var(--theme-accent-soft, #33280f);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 28%, transparent);
  color: var(--gold2);
}

.theme-target-help {
  min-height: 27px;
  margin: 9px 18px 5px;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.45;
}

.admin-theme-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 0 18px 12px;
}

.admin-theme-options > button {
  position: relative;
  min-width: 0;
  padding: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--theme-elevated, #181b20);
  color: var(--text);
  text-align: left;
}

.admin-theme-options > button:hover { border-color: color-mix(in srgb, var(--gold) 62%, var(--line)); }
.admin-theme-options > button.active { border-color: var(--gold); box-shadow: inset 0 0 0 1px var(--gold); }
.admin-theme-options > button > span:not(.admin-theme-swatch) { display: block; padding: 7px 2px 2px; }
.admin-theme-options strong { display: block; color: var(--text); font-size: 9px; }
.admin-theme-options small { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; line-height: 1.35; }
.admin-theme-options > button > b {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 21px;
  height: 21px;
  display: none;
  border-radius: 50%;
  background: var(--gold);
  color: var(--theme-on-accent, #171108);
  font-size: 10px;
  line-height: 21px;
  text-align: center;
}
.admin-theme-options > button.active > b { display: block; }

.admin-theme-swatch {
  height: 69px;
  display: grid;
  grid-template-columns: 30% 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 5px;
  padding: 9px;
  border: 1px solid rgba(127, 142, 163, .24);
  border-radius: 6px;
  background: var(--swatch-bg);
}
.admin-theme-swatch::before { grid-row: 1 / 3; border-radius: 4px; background: var(--swatch-side); content: ""; }
.admin-theme-swatch i { display: block; border-radius: 4px; background: var(--swatch-card); box-shadow: inset 2px 0 var(--swatch-accent); }
.admin-theme-swatch i:last-child { grid-column: 2; }
.swatch-black-gold { --swatch-bg:#090a0c; --swatch-side:#111318; --swatch-card:#1a1d21; --swatch-accent:#d8ab52; }
.swatch-azure-light { --swatch-bg:#d4e0e5; --swatch-side:#193447; --swatch-card:#e8eef1; --swatch-accent:#6f9eb3; }
.swatch-midnight-indigo { --swatch-bg:#090d19; --swatch-side:#11182c; --swatch-card:#1b2340; --swatch-accent:#938cf0; }
.swatch-emerald-slate { --swatch-bg:#09110f; --swatch-side:#10201b; --swatch-card:#1a2b26; --swatch-accent:#45bf9c; }

.theme-live-preview {
  --preview-bg: #090a0c;
  --preview-side: #111318;
  --preview-card: #191c21;
  --preview-accent: #d8ab52;
  margin: 0 18px 13px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--theme-elevated, #181b20);
}
.theme-live-preview.theme-azure-light { --preview-bg:#d4e0e5; --preview-side:#193447; --preview-card:#e8eef1; --preview-accent:#6f9eb3; }
.theme-live-preview.theme-midnight-indigo { --preview-bg:#090d19; --preview-side:#11182c; --preview-card:#1b2340; --preview-accent:#938cf0; }
.theme-live-preview.theme-emerald-slate { --preview-bg:#09110f; --preview-side:#10201b; --preview-card:#1a2b26; --preview-accent:#45bf9c; }
.theme-live-preview > span { display: block; margin-bottom: 8px; color: var(--gold); font-size: 7px; font-weight: 800; letter-spacing: 1.4px; }
.preview-panel,
.preview-chat { height: 87px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--preview-accent) 38%, transparent); border-radius: 6px; background: var(--preview-bg); }
.preview-panel { display: grid; grid-template-columns: 23% 1fr; gap: 8px; padding: 8px; }
.preview-panel > i { border-radius: 4px; background: var(--preview-side); box-shadow: inset 3px 0 var(--preview-accent); }
.preview-panel > section { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.preview-panel > section b { border-radius: 4px; background: var(--preview-card); box-shadow: inset 0 2px var(--preview-accent); }
.preview-panel > footer { grid-column: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.preview-panel > footer em { border-radius: 3px; background: color-mix(in srgb, var(--preview-card) 78%, var(--preview-accent)); }
.preview-chat { display: none; grid-template-columns: 31% 1fr; gap: 8px; padding: 8px; }
.preview-chat aside { display: grid; gap: 4px; padding: 5px; border-radius: 4px; background: var(--preview-side); }
.preview-chat aside i { border-radius: 3px; background: var(--preview-card); }
.preview-chat section { display: flex; flex-direction: column; gap: 6px; justify-content: center; }
.preview-chat section b,.preview-chat section span { width: 58%; height: 18px; border-radius: 7px; background: var(--preview-card); }
.preview-chat section b:last-child { align-self: flex-end; background: color-mix(in srgb, var(--preview-accent) 25%, var(--preview-card)); }
.theme-live-preview.target-livechat .preview-panel { display: none; }
.theme-live-preview.target-livechat .preview-chat { display: grid; }

.theme-menu > footer { padding: 0 18px 17px; }
.theme-save {
  width: 100%;
  height: 38px;
  border: 1px solid color-mix(in srgb, var(--gold) 80%, var(--line));
  border-radius: 7px;
  background: var(--gold);
  color: var(--theme-on-accent, #171108);
  font-weight: 800;
}
.theme-save:disabled { border-color: var(--line); background: var(--theme-elevated, #181b20); color: var(--muted); cursor: default; }
.theme-menu > footer small { display: block; margin-top: 8px; color: var(--muted); font-size: 7px; text-align: center; }

/* Alternative panel palettes override old hard-coded dark surfaces without affecting Black Gold. */
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) { background: var(--bg); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .app-shell { background: radial-gradient(circle at 76% -15%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 31%), var(--bg); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .sidebar { border-color: var(--line); background: var(--side); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .brand,
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .system-ok,
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .topbar { border-color: var(--line); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .topbar { background: color-mix(in srgb, var(--side) 94%, transparent); color: var(--muted); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .operator { color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .sidebar nav button { color: var(--muted); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .sidebar nav button:hover { background: var(--theme-hover); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .sidebar nav button.active { background: linear-gradient(90deg,var(--theme-accent-soft),transparent); color: var(--gold2); box-shadow: inset 2px 0 var(--gold); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.card,.metric-grid article,.dashboard-metric,.form-card,.permission-card,.role-list,.modal-card,.definition-grid article,.game,.update-popup,.phone,.state-row,.member-directory-card,.storage-capacity-card,.announcement-summary) { border-color: var(--line); background-color: var(--panel); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.card,.metric-grid article,.dashboard-metric) { background-image: linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--gold)),var(--panel)); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.card>header,.card>footer,.filters,.filter-state,.compact th,.compact td,.data-table th,.data-table td,.room,.conversation>header,.conversation>footer,.quick-replies,.flag-list label,.tabs,.permission-row,.state-row,.modal-card>header,.modal-card>footer) { border-color: var(--line); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(input,select,textarea,.search,.ghost,.icon-btn,.mini-action,.state-row button,.page-title select,.filters select,.filters>label input,.conversation select,.conversation textarea) { border-color: var(--line); background: var(--theme-input); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(input,textarea)::placeholder { color: var(--muted); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.page-title p,.metric-grid label,.metric-grid small,.card>footer,.filters>label,.compact th,.data-table th,.compact td,.data-table td,.room,.room p,.room small,.member-insight dt,.form-card>label,.modal-card>label,.state-row small,.definition-grid p,.insight-box) { color: var(--muted); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.page-title h1,.card h2,.modal-card h2,.member-insight h2,.metric-grid strong,.data-table td>b,.member-main b,.room b,.member-insight dd,.state-row b,.definition-grid b) { color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.account-menu,.account-menu>div span,.account-menu>button) { border-color: var(--line); background: var(--theme-menu); color: var(--text); box-shadow: 0 20px 60px var(--theme-shadow); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .account-menu>div { background: var(--line); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .account-menu>button:hover { background: var(--theme-hover); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-toolbar select { border-color: var(--line); background: var(--theme-input); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-hero { border-color: color-mix(in srgb,var(--gold) 45%,var(--line)); background: linear-gradient(112deg,color-mix(in srgb,var(--panel) 93%,var(--gold)),var(--panel) 51%,color-mix(in srgb,var(--panel) 97%,var(--bg))); box-shadow: inset 0 1px color-mix(in srgb,var(--gold) 9%,transparent),0 20px 55px var(--theme-shadow); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-hero::before { background-image: linear-gradient(color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1px); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.dashboard-toolbar h1,.dashboard-hero h2,.dashboard-metric strong,.dashboard-chart-card h2,.dashboard-report-card h2) { color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.dashboard-hero p,.dashboard-rule small,.dashboard-metric label,.dashboard-insights small,.dashboard-insights em,.dashboard-chart-card>footer,.dashboard-report-card>footer) { color: var(--muted); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.dashboard-insights,.dashboard-chart-card>header,.dashboard-report-card>header) { border-color: var(--line); background: linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,var(--panel)),var(--panel) 58%); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-insights>span { border-color: var(--line); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-insights b { color: var(--gold2); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-chart-card .bar-chart { background: repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 1px,transparent 1px,transparent 52px); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-report-card .compact tbody tr:first-child td { background: color-mix(in srgb,var(--gold) 7%,var(--panel)); color: var(--text); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .dashboard-report-card .compact tbody tr:hover td { background: var(--theme-hover); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.compact th,.data-table th) { background: var(--side); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) :is(.compact td,.data-table td) { background: var(--panel); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .messages { background: radial-gradient(circle at 50% 0,color-mix(in srgb,var(--gold) 8%,var(--panel)),var(--bg) 48%); }
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .room:hover,
body:is(.panel-theme-azure-light,.panel-theme-midnight-indigo,.panel-theme-emerald-slate) .room.active { background: var(--theme-hover); }

body.panel-theme-azure-light .app-shell {
  background-color: var(--bg);
  background-image:
    radial-gradient(circle at 78% 6%, rgba(94, 142, 164, .24), transparent 27%),
    radial-gradient(circle at 18% 76%, rgba(255, 255, 255, .32), transparent 25%),
    linear-gradient(135deg, rgba(49, 95, 117, .035) 25%, transparent 25%, transparent 50%, rgba(49, 95, 117, .035) 50%, rgba(49, 95, 117, .035) 75%, transparent 75%, transparent);
  background-size: auto, auto, 46px 46px;
}
body.panel-theme-azure-light .sidebar {
  border-color: #315165;
  background:
    radial-gradient(circle at 10% 8%, rgba(120, 174, 198, .17), transparent 25%),
    linear-gradient(180deg, #1c3a4e 0%, #172f41 54%, #142b3b 100%);
  color: #d7e3e8;
}
body.panel-theme-azure-light .brand,
body.panel-theme-azure-light .system-ok { border-color: rgba(194, 217, 227, .16); }
body.panel-theme-azure-light .brand small,
body.panel-theme-azure-light .system-ok small { color: #93aebb; }
body.panel-theme-azure-light .sidebar nav button { color: #a9bdc7; }
body.panel-theme-azure-light .sidebar nav button:hover { background: rgba(137, 184, 204, .12); color: #dce7ec; }
body.panel-theme-azure-light .sidebar nav button.active {
  background: linear-gradient(90deg, rgba(132, 184, 206, .24), rgba(132, 184, 206, .035));
  color: #c8e0ea;
  box-shadow: inset 2px 0 #88b8cc;
}
body.panel-theme-azure-light .topbar {
  border-color: #315165;
  background: linear-gradient(100deg, rgba(25, 52, 71, .97), rgba(31, 65, 86, .94));
  color: #94adba;
  box-shadow: 0 7px 24px rgba(25, 52, 71, .12);
}
body.panel-theme-azure-light .topbar>b,
body.panel-theme-azure-light .operator { color: #d5e2e8; }
body.panel-theme-azure-light .operator small { color: #91aab6; }
body.panel-theme-azure-light .theme-trigger {
  border-color: rgba(172, 205, 219, .34);
  background: rgba(218, 231, 237, .1);
  color: #c3dce7;
}
body.panel-theme-azure-light .theme-trigger:hover,
body.panel-theme-azure-light .theme-trigger[aria-expanded="true"] { background: rgba(139, 187, 207, .2); }
body.panel-theme-azure-light :is(.card,.metric-grid article,.dashboard-metric) {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .28), transparent 42%),
    linear-gradient(160deg, #e9eff2, #dfe8eb);
  box-shadow: 0 9px 28px rgba(31, 66, 84, .07);
}
body.panel-theme-azure-light .dashboard-hero {
  border-color: #91aebc;
  background:
    radial-gradient(circle at 87% 15%, rgba(91, 140, 163, .22), transparent 23%),
    linear-gradient(112deg, #dbe7eb 0%, #e9eff1 52%, #cedde3 100%);
}
body.panel-theme-azure-light :is(.dashboard-chart-card>header,.dashboard-report-card>header,.card>header) {
  background: linear-gradient(90deg, rgba(71, 118, 140, .12), rgba(232, 238, 241, .52));
}
body.panel-theme-azure-light :is(.compact th,.data-table th) { background: #294a5e; color: #bdd0d9; }
body.panel-theme-azure-light .gold {
  border-color: #668fa1;
  background: linear-gradient(#91b5c4,#729daf);
  color: #173441;
  box-shadow: inset 0 1px rgba(255,255,255,.28);
}
body.panel-theme-azure-light .brand-copy strong,
body.panel-theme-azure-light .brand-copy strong span { color: #b27916; }
body.panel-theme-azure-light .login-screen { color-scheme: dark; }

@media (max-width: 760px) {
  .operator-shell { gap: 4px; }
  .theme-trigger { width: 34px; height: 34px; }
  .theme-menu { position: fixed; top: 62px; right: 10px; left: 10px; width: auto; max-height: calc(100vh - 74px); }
  .theme-menu > header { padding: 15px 15px 12px; }
  .theme-target-tabs { padding: 11px 13px 0; }
  .theme-target-help { margin-right: 13px; margin-left: 13px; }
  .admin-theme-options { padding-right: 13px; padding-left: 13px; }
  .theme-live-preview { margin-right: 13px; margin-left: 13px; }
  .theme-menu > footer { padding-right: 13px; padding-left: 13px; }
}

@media (max-width: 460px) {
  .admin-theme-options { grid-template-columns: 1fr; }
  .admin-theme-swatch { height: 58px; }
  .theme-target-tabs button { font-size: 7px; }
  .operator>span { display: none; }
}