/* Экраны подробностей работы (#historyMediaSheet — фото/видео/песня, #historyDetailSheet — диалог чата)
   в «Тёплой сцене»: бордо, золото, бархат. Только вид — разметка и логика прежние. ≥14px, ≥44px. */
#historyMediaSheet .sheet-panel.history-viewer-panel,
#historyDetailSheet .sheet-panel {
  background: radial-gradient(90% 30% at 50% 0, rgba(80,22,30,.88), transparent 72%), linear-gradient(#1a0b0f, #110708 60%) !important;
  color: #fbf1de;
  border-top: 1.5px solid rgba(242,196,109,.32);
  border-radius: 22px 22px 0 0;
}
#historyMediaSheet .sheet-backdrop, #historyDetailSheet .sheet-backdrop { background: rgba(10,4,6,.72); }

/* закрыть */
#historyMediaSheet .history-viewer-close, #historyDetailSheet #closeHistoryDetail {
  width: 48px; height: 48px; border-radius: 50%; font-size: 22px;
  background: rgba(26,11,15,.78); border: 1.5px solid rgba(242,196,109,.4); color: #f2c46d;
}

/* сцена с картинкой/видео */
#historyMediaSheet .history-viewer-stage { border-radius: 20px; background: #0d0507; border: 1px solid rgba(242,196,109,.22); }
#historyMediaSheet .history-viewer-img, #historyMediaSheet .history-viewer-video { background: #0d0507; }
#historyMediaSheet .history-viewer-audio { padding: 18px 12px; }
#historyMediaSheet .history-viewer-animate {
  min-height: 46px; padding: 10px 16px; font-size: 15px; font-weight: 800;
  background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; box-shadow: 0 6px 18px rgba(0,0,0,.45);
}
#historyMediaSheet .history-viewer-params { background: rgba(26,11,15,.92); border: 1px solid rgba(242,196,109,.32); }
#historyMediaSheet .history-viewer-param-row { font-size: 14px; color: #cbb89c; }
#historyMediaSheet .history-viewer-param-row strong { color: #fbf1de; }

/* панель: модель + значки */
#historyMediaSheet .history-viewer-toolbar { background: rgba(255,238,208,.05); border: 1px solid rgba(242,196,109,.22); }
#historyMediaSheet .history-viewer-model-btn {
  min-height: 48px; font-size: 15px; color: #fbf1de;
  background: rgba(255,238,208,.06); border: 1.5px solid rgba(242,196,109,.3);
}
#historyMediaSheet .history-viewer-model-btn.is-open { border-color: #f2c46d; background: rgba(242,196,109,.14); }
#historyMediaSheet .history-viewer-model-q { width: 22px; height: 22px; font-size: 14px; color: #f2c46d; border-color: rgba(242,196,109,.55); }
#historyMediaSheet .history-viewer-icon-btn {
  width: 48px; height: 48px; font-size: 20px; color: #f2c46d;
  background: rgba(255,238,208,.06); border: 1.5px solid rgba(242,196,109,.3);
}

/* промпт */
#historyMediaSheet .history-viewer-prompt-card { background: rgba(255,238,208,.05); border: 1px solid rgba(242,196,109,.22); }
#historyMediaSheet .history-viewer-more-btn { min-height: 44px; font-size: 15px; color: #f2c46d; }
#historyMediaSheet .history-viewer-copy-btn {
  min-height: 44px; font-size: 14px; color: #f2c46d;
  background: rgba(242,196,109,.1); border: 1.5px solid rgba(242,196,109,.4);
}
#historyMediaSheet .history-viewer-prompt-text { font-size: 16px; color: #e9dcc6; }
#historyMediaSheet .label-sm, #historyDetailSheet .label-sm { color: #f2c46d; font-size: 14px; }

/* действия */
#historyMediaSheet .history-viewer-use-btn {
  min-height: 54px; font-size: 18px; font-weight: 800;
  background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; box-shadow: 0 8px 20px rgba(0,0,0,.4);
}
#historyMediaSheet .history-viewer-publish-btn {
  min-height: 52px; font-size: 17px; font-weight: 700;
  background: transparent; color: #f2c46d; border: 1.5px solid rgba(242,196,109,.45);
}
#historyMediaSheet .history-viewer-use-menu { background: rgba(26,11,15,.97); border: 1.5px solid rgba(242,196,109,.35); }
#historyMediaSheet .history-viewer-use-item { min-height: 50px; font-size: 16px; color: #fbf1de; }
#historyMediaSheet .history-viewer-use-item:active, #historyMediaSheet .history-viewer-use-item:hover { background: rgba(242,196,109,.14); }

/* диалог чата */
#historyDetailSheet h2 { font-family: var(--s-serif, Georgia, serif); color: #fbf1de; }
#historyDetailSheet .history-detail-block { font-size: 16px; color: #fbf1de; background: rgba(255,238,208,.05); border: 1px solid rgba(242,196,109,.22); border-radius: 16px; }
#historyDetailSheet .history-detail-block.muted { color: #e9dcc6; }
#historyDetailSheet #historyDetailContinue {
  width: 100%; min-height: 52px; border: 0; border-radius: 16px; font-size: 17px; font-weight: 800;
  background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408;
}

/* Встроенный плеер песни на экране подробностей */
#historyMediaSheet .audio-player { background: radial-gradient(120% 90% at 0 0, rgba(122,36,51,.5), transparent 70%), rgba(26,11,15,.9); border: 1.5px solid rgba(242,196,109,.32); border-radius: 18px; }
#historyMediaSheet .audio-player-play { width: 52px; height: 52px; font-size: 20px; background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; box-shadow: 0 4px 14px rgba(0,0,0,.4); }
#historyMediaSheet .audio-player-title { font-size: 16px; color: #fbf1de; }
#historyMediaSheet .audio-player-time { font-size: 14px; color: #cbb89c; }
#historyMediaSheet .audio-player-progress { height: 8px; background: rgba(242,196,109,.18); }
#historyMediaSheet .audio-player-progress-fill { background: linear-gradient(90deg, #c28b2f, #f7d58c); }
#historyMediaSheet .audio-player-download { min-height: 46px; display: inline-flex; align-items: center; padding: 8px 16px; font-size: 15px; color: #f2c46d; border: 1.5px solid rgba(242,196,109,.4); background: rgba(242,196,109,.08); border-radius: 14px; }
#historyMediaSheet .audio-player-cover { background: linear-gradient(135deg, #7a2433, #3a1219) !important; border: 1px solid rgba(242,196,109,.3); }
