/* display.css — AMOLED, high-contrast, font scale (global, opt-in) */
html[data-display='amoled'] {
  --bg-page: #000;
  --bg-card: #0a0a0f;
  --bg-sidebar: #000;
  --bg-topbar: rgba(0, 0, 0, .86);
  --bg-soft: #141420;
  --bg-elevated: #0d0d14;
  --border: #1f1f2e;
  --border-strong: #2c2c46;
}
html[data-contrast='high'] {
  --text-secondary: #3a4560;
  --text-tertiary: #546079;
  --border: #a9b6cc;
  --border-strong: #7c8aa5;
}
html[data-theme='dark'][data-contrast='high'] {
  --text-secondary: #e6eaf2;
  --text-tertiary: #c9d2e0;
  --border: #8a97b5;
  --border-strong: #a9b6cc;
}
html[data-fs='sm'] #app { zoom: .94; }
html[data-fs='lg'] #app { zoom: 1.08; }
html[data-fs='xl'] #app { zoom: 1.16; }
@media (max-width: 400px) { html[data-fs='xl'] #app { zoom: 1.1; } }

.drmate-disp-ov { position: fixed; inset: 0; z-index: 10000; background: rgba(2, 6, 23, .55); display: grid; place-items: center; padding: 16px; }
.drmate-disp { width: min(420px, 94vw); background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 18px; box-shadow: 0 24px 60px rgba(2, 6, 23, .5); }
.drmate-disp h3 { margin: 0 0 16px; font-size: 16px; font-weight: 900; color: var(--text-primary); display: flex; align-items: center; gap: 8px; }
.drmate-disp .grp { margin-bottom: 15px; }
.drmate-disp .grp > span { display: block; font-size: 11.5px; font-weight: 800; color: var(--text-secondary); margin-bottom: 7px; }
.drmate-disp .opts { display: flex; gap: 7px; flex-wrap: wrap; }
.drmate-disp .opt { flex: 1; min-width: 70px; font: inherit; font-size: 12px; font-weight: 800; color: var(--text-primary); background: var(--bg-soft); border: 1.5px solid var(--border); border-radius: 12px; padding: 10px 8px; cursor: pointer; text-align: center; }
.drmate-disp .opt.on { border-color: #0d9488; background: rgba(13, 148, 136, .14); color: #0d9488; }
.drmate-disp .close { margin-top: 6px; width: 100%; font: inherit; font-weight: 800; font-size: 13px; padding: 12px; border-radius: 13px; border: none; background: #0d9488; color: #fff; cursor: pointer; }