/* A neutral appearance dialog keeps all nine theme previews comparable. */
.admin-theme-trigger {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto;
  min-height:32px; margin:0 0 0 12px; padding:5px 10px;
  border:1px solid var(--theme-line,#e7e8eb); border-radius:var(--theme-control-radius,4px);
  background:var(--theme-surface,#fff); color:var(--theme-ink,#25282d);
  font:400 13px/1.5 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  white-space:nowrap; cursor:pointer; transition:border-color .16s,background .16s;
}
.admin-theme-trigger:hover { border-color:var(--theme-primary,#d43818); background:var(--theme-soft,#fff1ec); }
.admin-theme-trigger:focus-visible { outline:2px solid var(--theme-primary,#d43818); outline-offset:3px; }
.admin-theme-trigger-icon { display:grid; grid-template-columns:repeat(2,5px); gap:2px; }
.admin-theme-trigger-icon i { display:block; width:5px; height:5px; border-radius:1px; background:var(--theme-primary,#d43818); }
.admin-theme-trigger-current { padding-left:8px; border-left:1px solid var(--theme-line,#e7e8eb); color:var(--theme-muted,#646970); font-size:12px; }
#userLayout .top > .admin-theme-trigger--login { margin:0 0 0 auto; align-self:center; }
.admin-theme-trigger--login .admin-theme-trigger-current { display:none; }
body.admin-theme-open { overflow:hidden!important; }
.admin-theme-backdrop {
  position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(0,0,0,.4); color:#25282d;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
.admin-theme-backdrop * { box-sizing:border-box; }
.admin-theme-dialog {
  display:flex; flex-direction:column; width:min(100%,920px); max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px);
  margin:0; border:1px solid #e7e8eb; border-radius:6px; background:#fff; color:#25282d;
  box-shadow:0 12px 36px #00000029; overflow:hidden; text-align:left;
}
.admin-theme-dialog button { font-family:inherit; cursor:pointer; }
.admin-theme-dialog button:focus-visible { outline:2px solid #d43818; outline-offset:3px; }
.admin-theme-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px 24px 16px; flex:0 0 auto; }
.admin-theme-dialog-head h2 { margin:0; color:#25282d; font-size:18px; font-weight:600; line-height:1.5; }
.admin-theme-dialog-head p { margin:6px 0 0; color:#646970; font-size:12px; line-height:1.6; }
.admin-theme-close {
  display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:30px; height:30px;
  margin:-4px -5px 0 0; padding:0; border:0; border-radius:4px; background:transparent; color:#646970; font-size:24px; font-weight:400; line-height:1;
}
.admin-theme-close:hover { background:#f1f2f4; color:#25282d; }
.admin-theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:3px 24px 20px; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.admin-theme-option {
  --sample-bg:#f4f5fb; --sample-nav:#101325; --sample-nav-text:#adb5d1; --sample-primary:#7356ef;
  --sample-ink:#202238; --sample-paper:#fff; --sample-line:#e7e8ef;
  position:relative; display:block; min-width:0; margin:0; padding:4px; text-align:left;
  border:1px solid #dedfe3; border-radius:6px; background:#fff; color:#25282d;
  box-shadow:none; transition:border-color .16s,box-shadow .16s;
}
.admin-theme-option:hover { border-color:#a9adb4; }
.admin-theme-option[aria-pressed=true] { border-color:#d43818; box-shadow:inset 0 0 0 1px #d43818; }
.admin-theme-option-info { display:block; padding:9px 7px 8px; }
.admin-theme-option-heading { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.admin-theme-option-heading strong { color:#25282d; font-size:13px; font-weight:600; line-height:1.5; }
.admin-theme-selected { color:#646970; font-size:11px; line-height:1.4; white-space:nowrap; }
.admin-theme-option[aria-pressed=true] .admin-theme-selected { color:#b82d12; font-weight:600; }
.admin-theme-option-description { display:block; margin-top:4px; color:#646970; font-size:11px; line-height:1.6; }
.admin-theme-preview {
  display:grid; grid-template-columns:39px minmax(0,1fr); grid-template-rows:17px minmax(0,1fr);
  height:105px; background:var(--sample-bg); border:1px solid var(--sample-line); border-radius:3px; overflow:hidden; pointer-events:none;
}
.admin-theme-preview-top { display:flex; grid-column:1/-1; align-items:center; gap:5px; padding:0 7px; background:var(--sample-paper); border-bottom:1px solid var(--sample-line); }
.admin-theme-preview-top b { width:34px; height:4px; border-radius:1px; background:var(--sample-primary); }
.admin-theme-preview-top i { display:block; width:10px; height:3px; background:var(--sample-ink); opacity:.2; }
.admin-theme-preview-top i:first-of-type { margin-left:auto; }
.admin-theme-preview-rail { display:flex; flex-direction:column; align-items:stretch; gap:7px; padding:9px 7px; background:var(--sample-nav); border-right:1px solid var(--sample-line); }
.admin-theme-preview-rail b { height:6px; border-radius:1px; background:var(--sample-primary); }
.admin-theme-preview-rail i { display:block; width:75%; height:3px; border-radius:1px; background:var(--sample-nav-text); opacity:.65; }
.admin-theme-preview-workspace { display:flex; flex-direction:column; min-width:0; gap:6px; padding:8px; }
.admin-theme-preview-caption { display:flex; align-items:center; justify-content:space-between; height:5px; }
.admin-theme-preview-caption b { display:block; width:27%; height:4px; border-radius:1px; background:var(--sample-ink); opacity:.7; }
.admin-theme-preview-caption i { display:block; width:12%; height:4px; border-radius:1px; background:var(--sample-primary); }
.admin-theme-preview-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.admin-theme-preview-tiles i { display:flex; align-items:center; height:23px; padding:6px; border:1px solid var(--sample-line); border-radius:2px; background:var(--sample-paper); }
.admin-theme-preview-tiles b { display:block; width:45%; height:5px; background:var(--sample-ink); opacity:.65; }
.admin-theme-preview-tiles i:first-child b { background:var(--sample-primary); opacity:1; }
.admin-theme-preview-rows { display:flex; flex:1; flex-direction:column; gap:4px; padding:4px 5px; border:1px solid var(--sample-line); border-radius:2px; background:var(--sample-paper); }
.admin-theme-preview-rows b { display:block; height:3px; background:var(--sample-ink); opacity:.18; }
.admin-theme-preview-rows i { display:block; height:2px; background:var(--sample-ink); opacity:.1; }
.admin-theme-option[data-admin-theme-option=merchant] { --sample-bg:#f5f6f7; --sample-nav:#fff; --sample-nav-text:#555b63; --sample-primary:#d43818; --sample-ink:#25282d; --sample-line:#e7e8eb; }
.admin-theme-option[data-admin-theme-option=arctic] { --sample-bg:#edf4fa; --sample-nav:#fff; --sample-nav-text:#647d90; --sample-primary:#1264d6; --sample-ink:#19374e; --sample-line:#dbe7f0; }
.admin-theme-option[data-admin-theme-option=cyber] { --sample-bg:#0b1118; --sample-nav:#080e15; --sample-nav-text:#91afb7; --sample-primary:#52f5d1; --sample-ink:#e0f2f3; --sample-paper:#131e28; --sample-line:#2a404b; }
.admin-theme-option[data-admin-theme-option=sakura] { --sample-bg:#fcf3f7; --sample-nav:#fff8fc; --sample-nav-text:#967486; --sample-primary:#bd376b; --sample-ink:#4f2e42; --sample-line:#f0dce6; }
.admin-theme-option[data-admin-theme-option=mint] { --sample-bg:#f0f7f2; --sample-nav:#143f34; --sample-nav-text:#b0d2c1; --sample-primary:#147b61; --sample-ink:#244a3c; --sample-line:#d9e9de; }
.admin-theme-option[data-admin-theme-option=sunset] { --sample-bg:#fbf4ed; --sample-nav:#382820; --sample-nav-text:#cfb7a4; --sample-primary:#c25424; --sample-ink:#593927; --sample-paper:#fffdfa; --sample-line:#eadfce; }
.admin-theme-option[data-admin-theme-option=mono] { --sample-bg:#f1f2f3; --sample-nav:#fdfdfd; --sample-nav-text:#69727b; --sample-primary:#26292d; --sample-ink:#252b31; --sample-line:#dce0e4; }
.admin-theme-option[data-admin-theme-option=aurora] { --sample-bg:#eff3fb; --sample-nav:#0c2445; --sample-nav-text:#a5bedb; --sample-primary:#295fe6; --sample-ink:#25375c; --sample-line:#dce4f4; }
.admin-theme-dialog-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:0 0 auto; padding:12px 24px; border-top:1px solid #e7e8eb; background:#fafbfc; }
.admin-theme-status { color:#646970; font-size:12px; line-height:1.6; }
.admin-theme-done { min-width:76px; min-height:32px; padding:5px 19px; border:1px solid #d43818; border-radius:4px; background:#d43818; color:#fff; font-size:13px; font-weight:400; line-height:1.5; }
.admin-theme-done:hover { background:#b82d12; border-color:#b82d12; }
@media(max-width:1150px) { .admin-theme-trigger-current { display:none; } }
@media(max-width:780px) {
  .admin-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-theme-dialog { width:min(100%,610px); }
}
@media(max-width:680px) {
  .admin-theme-trigger { min-width:42px; margin-left:6px; padding:5px 8px; }
  .container-23234 .admin-theme-trigger-icon { display:none; }
}
@media(max-width:480px) {
  .admin-theme-backdrop { padding:12px; }
  .admin-theme-dialog { max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); }
  .admin-theme-dialog-head { padding:16px 16px 14px; gap:10px; }
  .admin-theme-dialog-head h2 { font-size:17px; }
  .admin-theme-dialog-head p { max-width:250px; }
  .admin-theme-grid { gap:10px; padding:3px 16px 16px; }
  .admin-theme-option-info { padding:8px 4px 6px; }
  .admin-theme-option-heading strong { font-size:12px; }
  .admin-theme-selected { font-size:10px; }
  .admin-theme-option-description { font-size:10px; line-height:1.55; }
  .admin-theme-preview { height:92px; grid-template-columns:27px minmax(0,1fr); }
  .admin-theme-preview-workspace { gap:5px; padding:6px; }
  .admin-theme-preview-rail { gap:7px; padding:9px 5px; }
  .admin-theme-preview-tiles { gap:3px; }
  .admin-theme-preview-tiles i { height:21px; padding:4px; }
  .admin-theme-dialog-foot { gap:12px; padding:12px 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .admin-theme-trigger,.admin-theme-option { transition:none; }
}