/* All wallpaper images are packaged locally. Gradients and colors are CSS. */
.wallpaper-telegram-doodles,.wallpaper-telegram-classic,.wallpaper-telegram-night,.wallpaper-green {
  background-image:linear-gradient(135deg,#dce9bddb,#a8cfb1db),url("/static/wallpapers/telegram-pattern.svg");
  background-size:cover,420px auto;background-repeat:no-repeat,repeat;background-color:#c5dbbf;
}
.wallpaper-telegram-classic { background-image:linear-gradient(135deg,#e2ead2db,#b4d4acdb),url("/static/wallpapers/telegram-pattern.svg"); }
.wallpaper-telegram-night { background-image:url("/static/wallpapers/telegram-pattern-night.svg"),linear-gradient(135deg,#172638,#293d4f);background-size:420px auto,cover;background-repeat:repeat,no-repeat;background-color:#172638; }
.wallpaper-green { background-image:linear-gradient(135deg,#73a56cdb,#b9d48bdb),url("/static/wallpapers/telegram-pattern.svg"); }
.wallpaper-aurora { background-image:radial-gradient(ellipse at 10% 20%,#8bc5aa 0,transparent 55%),radial-gradient(ellipse at 90% 90%,#c4b3db 0,transparent 55%),linear-gradient(135deg,#d9e6c0,#9abac8);background-size:cover; }
.wallpaper-waves { background-image:radial-gradient(ellipse at 90% -20%,#d1edf3 0,transparent 65%),linear-gradient(145deg,#3e8294,#a8d7d9 50%,#5b9ba6);background-size:cover; }
.wallpaper-peach { background-image:linear-gradient(135deg,#f9dca3,#edb0b1 50%,#d8badf);background-size:cover; }
.wallpaper-lavender { background-image:radial-gradient(at 80% 20%,#f1d3e6,transparent 65%),linear-gradient(140deg,#aab9e4,#d4b0e3);background-size:cover; }
.wallpaper-mint { background-image:linear-gradient(135deg,#cfdfb3,#b4dfd5 60%,#d6eadf);background-size:cover; }
.wallpaper-coffee { background-image:url("/static/wallpapers/coffee.jpg");background-size:cover;background-position:center; }
.wallpaper-glowing-bulb { background-image:url("/static/wallpapers/glowing-bulb.jpg");background-size:cover;background-position:center; }
.wallpaper-starry-night { background-image:url("/static/wallpapers/starry-night.jpg");background-size:cover;background-position:center; }
.wallpaper-daisies { background-image:url("/static/wallpapers/daisies.jpg");background-size:cover;background-position:center; }
.wallpaper-spectrum { background-image:url("/static/wallpapers/spectrum.jpg");background-size:cover;background-position:center; }
.wallpaper-neon-arrow { background-image:url("/static/wallpapers/neon-arrow.jpg");background-size:cover;background-position:center; }
.wallpaper-paper { background-image:repeating-linear-gradient(0deg,transparent 0 25px,#b6afa22a 26px 27px);background-color:#eee9dc;background-size:auto; }
.wallpaper-sage { background:#bdcdb7; }
.wallpaper-sand { background:#ded1b8; }
.wallpaper-slate { background:#354553; }
.wallpaper-plain,.wallpaper-inherit { background:var(--bg); }
/* Defeat older pattern pseudo-elements without changing the chat scroll container. */
.messages[class*="wallpaper-"]::before { display:none; }
.workspace-appearance { min-width:0; }
.appearance-presets { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.appearance-preset { min-width:0;position:relative;display:grid;gap:10px;justify-items:center;border:2px solid var(--line);border-radius:12px;padding:7px 7px 12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer; }
.appearance-preset.selected { border-color:var(--accent); }
.appearance-preset>span:last-of-type { font-size:13px;font-weight:600; }
.appearance-preset>em { position:absolute;inset-inline-end:12px;bottom:10px;display:none;font-style:normal;color:var(--accent); }
.appearance-preset.selected>em { display:block; }
.preset-scene { position:relative;display:block;width:100%;height:94px;border-radius:7px;background:var(--bg);overflow:hidden; }
.preset-scene::before { content:"";position:absolute;inset:0 68% 0 0;background:var(--surface);border-inline-end:1px solid var(--line); }
.preset-scene>i { position:absolute;inset:18px 12% auto 43%;height:19px;border-radius:7px;background:var(--incoming);box-shadow:0 1px 2px #0002; }
.preset-scene>i+i { inset:44px 7% auto 51%;background:var(--outgoing); }
.preset-scene>b { position:absolute;inset:74px 7% auto 43%;height:5px;border-radius:4px;background:var(--accent); }
.appearance-more { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;color:var(--muted);font-size:12px; }
.appearance-more select { max-width:75%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface-2);color:var(--text); }
.appearance-section-title { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 13px; }
.appearance-section-title h4,.wallpaper-group h4 { margin:0;font-size:13px; }
.appearance-section-title>span { color:var(--muted);font-size:11px; }
.appearance-accents { display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;max-width:600px;padding:4px; }
.appearance-accent { display:grid;place-items:center;width:38px;height:38px;max-width:100%;aspect-ratio:1;border:3px solid var(--surface);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line);color:#101824;cursor:pointer;font-size:20px;font-weight:800; }
.appearance-accent>span { visibility:hidden;text-shadow:0 1px #fff5; }
.appearance-accent.selected { box-shadow:0 0 0 2px var(--swatch); }
.appearance-accent.selected>span { visibility:visible; }
[data-accent-default].selected { color:var(--accent);border-color:var(--accent); }
.appearance-chat-preview { display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px;min-height:155px;border:1px solid var(--line);border-radius:12px;direction:ltr; }
.appearance-chat-preview>span { max-width:85%;padding:10px 15px;border-radius:12px;background:var(--incoming);color:var(--text);box-shadow:0 1px 3px #0002;font-size:12px;unicode-bidi:plaintext; }
.appearance-chat-preview>span+span { align-self:flex-end;background:var(--outgoing); }
.appearance-chat-preview small { display:block;text-align:end;color:var(--muted);font-size:9px;margin-top:4px; }
.appearance-gallery { margin-top:18px; }
.wallpaper-group { margin:18px 0; }
.wallpaper-group h4 { margin-bottom:12px;color:var(--muted);font-weight:500; }
.wallpaper-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px; }
.appearance-wallpaper { min-width:0;display:grid;gap:7px;padding:0;border:0;background:none;color:var(--text);font-size:11px;cursor:pointer;text-align:center;line-height:1.45; }
.wallpaper-sample { position:relative;display:block;width:100%;height:105px;border-radius:10px;border:2px solid var(--line);overflow:hidden;background-size:cover; }
.wallpaper-sample.wallpaper-telegram-doodles,.wallpaper-sample.wallpaper-telegram-classic,.wallpaper-sample.wallpaper-telegram-night,.wallpaper-sample.wallpaper-green { background-size:cover,180px auto; }
.wallpaper-sample.wallpaper-telegram-night { background-size:180px auto,cover; }
.wallpaper-sample>i { display:none;position:absolute;bottom:7px;inset-inline-end:7px;width:25px;height:25px;line-height:25px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-style:normal;box-shadow:0 0 0 2px var(--surface); }
.appearance-wallpaper.selected .wallpaper-sample { border-color:var(--accent);box-shadow:0 0 0 1px var(--accent); }
.appearance-wallpaper.selected .wallpaper-sample>i { display:block; }
.wallpaper-inherit-row { max-width:160px;margin-top:18px; }
.appearance-actions { display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid var(--line); }
.appearance-actions small { margin-inline-end:auto;color:var(--muted);font-size:11px; }
.appearance-dialog { width:min(780px,94vw);max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow); }
.appearance-dialog::backdrop { background:#0008; }
.appearance-dialog[open] { display:flex;flex-direction:column; }
.appearance-dialog>header,.appearance-dialog>footer { display:flex;align-items:center;gap:12px;padding:16px 22px;flex-shrink:0; }
.appearance-dialog>header { justify-content:space-between;border-bottom:1px solid var(--line); }
.appearance-dialog>header h3 { margin:0;font-size:16px; }
.appearance-dialog>footer { justify-content:flex-end;border-top:1px solid var(--line);flex-wrap:wrap; }
.appearance-dialog>footer small { margin-inline-end:auto;color:var(--muted); }
.appearance-dialog-body { padding:18px 22px;overflow:auto; }
.wallpaper-gallery-open { margin-top:8px; }
/* Functional surfaces follow every palette, including light workspace and panel modes. */
.button.primary,.send-button,.nav-item.active em { color:var(--on-accent,#fff); }
.appearance-dialog :is(button,select):focus-visible,.workspace-appearance :is(button,select):focus-visible { outline:2px solid var(--accent);outline-offset:4px; }
html[data-scheme="light"] :is(.copilot-status.current,.copilot-metrics .priority-low b,.status-ready) { color:#236537; }
html[data-scheme="light"] :is(.copilot-status.stale,.status-processing,.proposal-badge) { color:#77510b; }
html[data-scheme="light"] :is(.copilot-metrics .priority-high b,.copilot-metrics .priority-urgent b,.status-failed) { color:var(--danger); }
.draft-card,.draft-page-card,.copilot-drawer,.copilot-answer,.chat-context-menu,.message-menu,.appearance-dialog { color:var(--text); }
.draft-card textarea,.draft-card input,.copilot-qa textarea { color:var(--text);background:var(--surface); }
.message-meta { color:var(--muted); }
@media(max-width:760px) {
  .appearance-presets { gap:7px; }
  .appearance-preset { padding:4px 4px 10px; }
  .preset-scene { height:76px; }
  .appearance-preset>em { inset-inline-end:6px;bottom:8px;font-size:10px; }
  .appearance-accents { gap:5px; }
  .appearance-accent { width:30px;height:30px;font-size:16px; }
  .wallpaper-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
  .appearance-actions small { width:100%; }
  .appearance-chat-preview { padding:16px; }
  .appearance-dialog>header,.appearance-dialog>footer,.appearance-dialog-body { padding:14px; }
}