/* One palette for the home screen and every application header. */
html #themePop.nyx-palette, html #homePalettePop.nyx-palette {
  --picker-bg:#2c2c2c; --picker-text:#ffffff; --picker-muted:#c8c8c8; --picker-border:#494949;
  --picker-hover:color-mix(in srgb,var(--acc,#4cc2ff) 18%,var(--picker-bg));
  position:absolute; top:calc(100% + 6px); right:0; left:auto; z-index:1000;
  width:290px; min-width:0; max-width:calc(100vw - 24px); max-height:calc(100dvh - 100px); overflow:auto;
  padding:10px !important; gap:4px; grid-template-columns:minmax(0,1fr) !important; box-sizing:border-box; transform-origin:top right;
  background:var(--picker-bg) !important; color:var(--picker-text); border:1px solid var(--picker-border) !important;
  border-radius:8px !important; box-shadow:0 8px 16px #0005,0 0 1px #0006 !important;
  font:12px 'Segoe UI',system-ui,sans-serif; text-align:left;
}
html[data-mode="light"] #themePop.nyx-palette, html[data-mode="light"] #homePalettePop.nyx-palette {
  --picker-bg:#ffffff; --picker-text:#202020; --picker-muted:#505050; --picker-border:#cccccc;
}
html #themePop.nyx-palette { display:none !important; }
html #themePop.nyx-palette.open, html #homePalettePop.nyx-palette:not([hidden]) { display:grid !important; }
html #homePalettePop.nyx-palette[hidden] { display:none !important; }
.nyx-palette *, .nyx-palette *::before, .nyx-palette *::after { box-sizing:border-box; }
.nyx-palette .nyxp-heading { padding:5px 8px; color:var(--picker-muted); font-size:11px; font-weight:600; line-height:16px; }
.nyx-palette .nyxp-divider { border-top:1px solid var(--picker-border); margin-top:6px; padding-top:12px; }
.nyx-palette .nyxp-themes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
.nyx-palette .nyxp-theme, .nyx-palette .nyxp-accent {
  appearance:none; margin:0; width:auto; min-width:0; height:auto; box-shadow:none; cursor:pointer;
  border:1px solid transparent; border-radius:8px; background:transparent; color:var(--picker-muted);
  font:inherit; text-align:left; line-height:normal; text-transform:none;
}
.nyx-palette .nyxp-theme { display:flex; align-items:center; gap:9px; min-height:40px; padding:6px 8px; font-size:12px; }
.nyx-palette .nyxp-theme:hover, .nyx-palette .nyxp-accent:hover { background:var(--picker-hover); color:var(--picker-text); }
.nyx-palette .nyxp-theme[aria-pressed="true"] { background:var(--picker-hover); border-color:var(--acc,#4cc2ff); color:var(--picker-text); }
.nyx-palette .nyxp-theme i { width:26px; height:26px; flex-shrink:0; border-radius:7px; box-shadow:inset 0 0 0 1px #ffffff29; background:linear-gradient(140deg,color-mix(in srgb,var(--chip) 72%,#fff),var(--chip) 52%,color-mix(in srgb,var(--chip) 58%,#000)); }
.nyx-palette .nyxp-accents { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; padding:2px; }
.nyx-palette .nyxp-accent { display:grid; place-items:center; min-height:38px; padding:5px; }
.nyx-palette .nyxp-accent[aria-pressed="true"] { border-color:var(--picker-text); background:var(--picker-hover); }
.nyx-palette .nyxp-accent i { display:block; width:24px; height:24px; border-radius:6px; box-shadow:inset 0 0 0 1px #8080804d; }
.nyx-palette .nyxp-default { background:repeating-conic-gradient(#999 0 25%,#eee 0 50%) 0 / 8px 8px; }
.nyx-palette .nyxp-custom { display:flex; align-items:center; gap:9px; margin:4px 0 0; padding:6px 8px; border:1px solid transparent; border-radius:8px; color:var(--picker-muted); font-size:12px; cursor:pointer; }
.nyx-palette .nyxp-custom.is-custom { border-color:var(--picker-border); background:var(--picker-hover); color:var(--picker-text); }
.nyx-palette input.nyxp-custom-input { position:static; opacity:1; appearance:auto; flex-shrink:0; width:28px; min-width:0; height:28px; padding:0; margin:0; border:0; background:transparent; cursor:pointer; box-shadow:none; }
.nyx-palette :is(button,input):focus-visible { outline:2px solid var(--acc,#4cc2ff); outline-offset:2px; }
@media(max-width:480px) {
  html #themePop.nyx-palette, html #homePalettePop.nyx-palette { position:fixed !important; top:74px !important; left:12px !important; right:12px !important; width:auto !important; max-width:none !important; }
}



.nyxp-sample{display:flex;gap:6px;margin:7px 2px 1px;padding-top:10px;border-top:1px solid var(--nyx-theme-line);font-size:11px;text-align:center;}
.nyxp-sample>span{flex:1;padding:7px 3px;border-radius:5px;}
.nyxp-sample-button{background:var(--nyx-theme-button);color:#fff;}
.nyxp-sample-selection{background:var(--nyx-theme-soft);color:var(--nyx-theme-ink);}
.nyxp-sample-line{border-bottom:2px solid var(--nyx-theme-line);color:var(--picker-muted);}
#themeGrid.nyx-palette{--picker-bg:var(--sol-quart);--picker-text:var(--tx-1);--picker-muted:var(--tx-2);--picker-border:var(--stroke-2);--picker-hover:var(--nyx-theme-soft);display:grid!important;grid-template-columns:1fr!important;max-width:340px;gap:5px;}

.nyx-account-palette.nyx-palette{--picker-bg:var(--sol-quart);--picker-text:var(--tx-1);--picker-muted:var(--tx-2);--picker-border:var(--stroke-2);--picker-hover:var(--nyx-theme-soft);display:grid;grid-template-columns:1fr;max-width:340px;gap:5px;}