/*
 * AppModal theme compatibility layer.
 * Loaded after page-specific styles so legacy dark-only modal content follows
 * the global html.dark theme instead of becoming white-on-white in light mode.
 */

/* Safe inherited palette for every regular AppModal sheet. */
html:not(.dark) [data-app-modal-sheet]{
  color:#0f172a !important;
}
html.dark [data-app-modal-sheet]{
  color:#f5f5f5 !important;
}

/* ------------------------------------------------------------------
   STORIES: create/archive/memories/viewers/action sheets
   ------------------------------------------------------------------ */
html:not(.dark) .v-krimu-story-sheet{
  border-color:#e2e8f0 !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 24px 72px rgba(15,23,42,.16) !important;
}
html:not(.dark) .v-krimu-story-sheet-handle{
  background:#dbe3ec !important;
}
html:not(.dark) .v-krimu-story-sheet-head strong{
  color:#0f172a !important;
}
html:not(.dark) .v-krimu-story-sheet-head button{
  background:#f1f5f9 !important;
  color:#334155 !important;
}
html:not(.dark) .v-krimu-story-sheet-head button:hover{
  background:#e2e8f0 !important;
}
html:not(.dark) .v-krimu-story-sheet-action{
  background:#f8fafc !important;
  color:#0f172a !important;
}
html:not(.dark) .v-krimu-story-sheet-action:hover{
  background:#f1f5f9 !important;
}
html:not(.dark) .v-krimu-story-sheet-action.is-primary{
  background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(79,70,229,.10)) !important;
  color:#0f172a !important;
}
html:not(.dark) .v-krimu-story-sheet-action.is-danger{
  background:#fff1f2 !important;
  color:#e11d48 !important;
}
html:not(.dark) .v-krimu-story-sheet-action small{
  color:#64748b !important;
}
html:not(.dark) .v-krimu-story-sheet-action.is-danger small{
  color:#be123c !important;
  opacity:.72;
}
html:not(.dark) .v-krimu-story-sheet-icon{
  background:#eef2f7 !important;
  color:#334155 !important;
}
html:not(.dark) .v-krimu-story-sheet-action.is-primary .v-krimu-story-sheet-icon{
  background:#e0f2fe !important;
  color:#0284c7 !important;
}
html:not(.dark) .v-krimu-story-sheet-action.is-danger .v-krimu-story-sheet-icon{
  background:#ffe4e6 !important;
  color:#e11d48 !important;
}
html:not(.dark) .v-krimu-story-loading,
html:not(.dark) .v-krimu-story-empty-sheet{
  color:#64748b !important;
}
html:not(.dark) .v-krimu-story-empty-sheet small{
  color:#94a3b8 !important;
}

/* ------------------------------------------------------------------
   WEB STORY EDITOR: all AppModal sub-sheets inside the editor
   ------------------------------------------------------------------ */
html:not(.dark) .v-krimu-web-story-sheet{
  border:1px solid #e2e8f0 !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 24px 72px rgba(15,23,42,.18) !important;
  backdrop-filter:blur(24px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.08) !important;
}
html:not(.dark) .v-krimu-web-story-sheet-handle{
  background:#dbe3ec !important;
}
html:not(.dark) .v-krimu-web-story-sheet-head{
  border-bottom-color:#e2e8f0 !important;
}
html:not(.dark) .v-krimu-web-story-sheet-head b{
  color:#0f172a !important;
}
html:not(.dark) .v-krimu-web-story-sheet-close{
  border:1px solid #e2e8f0 !important;
  background:#f8fafc !important;
  color:#475569 !important;
  box-shadow:none !important;
}
html:not(.dark) .v-krimu-web-story-sheet-close:hover{
  background:#f1f5f9 !important;
}
html:not(.dark) .v-krimu-web-story-sheet-close svg{
  stroke:currentColor !important;
}
html:not(.dark) .v-krimu-web-story-sheet-foot{
  border-top-color:#e2e8f0 !important;
}
html:not(.dark) .v-krimu-web-story-secondary,
html:not(.dark) .v-krimu-web-story-stylebtn{
  background:#f1f5f9 !important;
  color:#334155 !important;
}
html:not(.dark) .v-krimu-web-story-stylebtn.is-active{
  background:#1687ff !important;
  color:#fff !important;
}
html:not(.dark) .v-krimu-web-story-field>span,
html:not(.dark) .v-krimu-web-story-hint,
html:not(.dark) .v-krimu-web-story-picker-state,
html:not(.dark) .v-krimu-web-story-sheet-subtitle{
  color:#64748b !important;
}
html:not(.dark) .v-krimu-web-story-input,
html:not(.dark) .v-krimu-web-story-textarea,
html:not(.dark) .v-krimu-web-story-sticker-search,
html:not(.dark) .v-krimu-web-story-publish-caption{
  border-color:#dbe3ec !important;
  background:#f8fafc !important;
  color:#0f172a !important;
  box-shadow:none !important;
}
html:not(.dark) .v-krimu-web-story-input::placeholder,
html:not(.dark) .v-krimu-web-story-textarea::placeholder,
html:not(.dark) .v-krimu-web-story-sticker-search::placeholder,
html:not(.dark) .v-krimu-web-story-publish-caption::placeholder{
  color:#94a3b8 !important;
}
html:not(.dark) .v-krimu-web-story-user,
html:not(.dark) .v-krimu-web-story-track,
html:not(.dark) .v-krimu-web-story-mention-item{
  background:#f8fafc !important;
  color:#0f172a !important;
}
html:not(.dark) .v-krimu-web-story-user:hover,
html:not(.dark) .v-krimu-web-story-track:hover,
html:not(.dark) .v-krimu-web-story-mention-item:hover,
html:not(.dark) .v-krimu-web-story-mention-item:active{
  background:#f1f5f9 !important;
}
html:not(.dark) .v-krimu-web-story-user-main small,
html:not(.dark) .v-krimu-web-story-track-main small,
html:not(.dark) .v-krimu-web-story-mention-item small{
  color:#64748b !important;
}
html:not(.dark) .v-krimu-web-story-sticker-item{
  background:#f8fafc !important;
}
html:not(.dark) .v-krimu-web-story-pack-tabs button{
  background:#f1f5f9 !important;
  color:#64748b !important;
}
html:not(.dark) .v-krimu-web-story-pack-tabs button.is-active{
  background:#0f172a !important;
  color:#fff !important;
}
html:not(.dark) .v-krimu-web-story-more-action{
  background:#f8fafc !important;
  color:#0f172a !important;
  box-shadow:inset 0 0 0 1px #e2e8f0 !important;
}
html:not(.dark) .v-krimu-web-story-more-action:hover{
  background:#f1f5f9 !important;
}
html:not(.dark) .v-krimu-web-story-more-action b{
  color:#475569 !important;
}
html:not(.dark) .v-krimu-web-story-life{
  background:#f1f5f9 !important;
  color:#334155 !important;
  box-shadow:inset 0 0 0 1px #e2e8f0 !important;
}
html:not(.dark) .v-krimu-web-story-life.is-active{
  background:linear-gradient(180deg,#2e9aff,#0a74f6) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html:not(.dark) .v-krimu-web-story-publish-hint,
html:not(.dark) .v-krimu-web-story-publish-label{
  color:#64748b !important;
}
html:not(.dark) .v-krimu-web-story-publish-status{
  background:#f1f5f9 !important;
  color:#475569 !important;
}
html:not(.dark) .v-krimu-web-story-progress{
  background:#e2e8f0 !important;
}

/* ------------------------------------------------------------------
   CHAT ACTION / DELETE CONFIRMATIONS
   ------------------------------------------------------------------ */
html:not(.dark) .chat-delete-card{
  border:1px solid #e2e8f0 !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 22px 64px rgba(15,23,42,.18) !important;
}
html:not(.dark) .chat-delete-title{
  color:#0f172a !important;
}
html:not(.dark) .chat-delete-text{
  color:#64748b !important;
}
html:not(.dark) .chat-delete-btn{
  background:#f1f5f9 !important;
  color:#334155 !important;
}
html:not(.dark) .chat-delete-btn:hover{
  background:#e2e8f0 !important;
  color:#0f172a !important;
}
html:not(.dark) .chat-delete-btn.is-danger{
  background:#fff1f2 !important;
  color:#dc2626 !important;
}
html:not(.dark) .chat-delete-btn.is-danger:hover{
  background:#ffe4e6 !important;
  color:#b91c1c !important;
}
html:not(.dark) .chat-delete-btn.is-cancel{
  background:transparent !important;
  color:#64748b !important;
}
html:not(.dark) .chat-delete-btn.is-cancel:hover{
  background:#f8fafc !important;
  color:#334155 !important;
}

/* ------------------------------------------------------------------
   FORUM CONFIRMATION
   ------------------------------------------------------------------ */
html:not(.dark) .forum-confirm-dialog{
  border-color:#e2e8f0 !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 22px 64px rgba(15,23,42,.18) !important;
}
html:not(.dark) .forum-confirm-title{
  color:#0f172a !important;
}
html:not(.dark) .forum-confirm-text{
  color:#64748b !important;
}
html:not(.dark) .forum-confirm-btn{
  border-color:#e2e8f0 !important;
  background:#f1f5f9 !important;
  color:#334155 !important;
}
html:not(.dark) .forum-confirm-btn:hover{
  background:#e2e8f0 !important;
}
html:not(.dark) .forum-confirm-btn.is-danger{
  border-color:#fecdd3 !important;
  background:#e11d48 !important;
  color:#fff !important;
}

/* ------------------------------------------------------------------
   MUSIC PLAYER: queue / playlist / equalizer AppModal sheets
   ------------------------------------------------------------------ */
html:not(.dark) .music-queue-sheet-inner,
html:not(.dark) .music-playlist-sheet-inner,
html:not(.dark) .music-eq-sheet-inner{
  border-color:#e2e8f0 !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 24px 72px rgba(15,23,42,.18) !important;
}
html:not(.dark) .music-queue-sheet-head,
html:not(.dark) .music-playlist-sheet-head{
  border-bottom-color:#e2e8f0 !important;
}
html:not(.dark) .music-queue-sheet-title,
html:not(.dark) .music-playlist-sheet-title,
html:not(.dark) .music-eq-sheet-title,
html:not(.dark) .music-queue-item-title,
html:not(.dark) .music-playlist-coming-title{
  color:#0f172a !important;
}
html:not(.dark) .music-queue-sheet-subtitle,
html:not(.dark) .music-playlist-sheet-subtitle,
html:not(.dark) .music-eq-sheet-subtitle,
html:not(.dark) .music-queue-item-artist,
html:not(.dark) .music-queue-sheet-state,
html:not(.dark) .music-playlist-sheet-state,
html:not(.dark) .music-playlist-coming-text,
html:not(.dark) .music-eq-slider-label{
  color:#64748b !important;
}
html:not(.dark) .music-queue-sheet-close,
html:not(.dark) .music-playlist-sheet-close,
html:not(.dark) .music-eq-sheet-close{
  border-color:#e2e8f0 !important;
  background:#f8fafc !important;
  color:#475569 !important;
}
html:not(.dark) .music-queue-sheet-close:hover,
html:not(.dark) .music-playlist-sheet-close:hover,
html:not(.dark) .music-eq-sheet-close:hover{
  border-color:#cbd5e1 !important;
  background:#f1f5f9 !important;
}
html:not(.dark) .music-queue-item{
  border-color:#e2e8f0 !important;
  background:#f8fafc !important;
  color:#0f172a !important;
}
html:not(.dark) .music-queue-item:hover{
  border-color:#cbd5e1 !important;
  background:#f1f5f9 !important;
}
html:not(.dark) .music-queue-item.is-active{
  border-color:#cbd5e1 !important;
  background:#eef2f7 !important;
}
html:not(.dark) .music-queue-item-cover,
html:not(.dark) .music-queue-item-play{
  background:#e2e8f0 !important;
  color:#334155 !important;
}
html:not(.dark) .music-queue-item-duration,
html:not(.dark) .music-queue-item-current{
  color:#64748b !important;
}
html:not(.dark) .music-playlist-coming-card{
  border-color:#e2e8f0 !important;
  background:#f8fafc !important;
  box-shadow:none !important;
}
html:not(.dark) .music-playlist-coming-icon{
  border-color:#dbe3ec !important;
  background:#eef2f7 !important;
  color:#334155 !important;
  box-shadow:none !important;
}
html:not(.dark) .music-playlist-coming-note{
  border-color:#dbe3ec !important;
  background:#eef2f7 !important;
  color:#475569 !important;
}
html:not(.dark) .music-eq-preset{
  border-color:#e2e8f0 !important;
  background:#f8fafc !important;
  color:#475569 !important;
}
html:not(.dark) .music-eq-preset:hover{
  background:#f1f5f9 !important;
}
html:not(.dark) .music-eq-preset.is-active{
  border-color:#cbd5e1 !important;
  background:#e2e8f0 !important;
  color:#0f172a !important;
}
html:not(.dark) .music-eq-slider-value{
  border-color:#dbe3ec !important;
  background:#eef2f7 !important;
  color:#334155 !important;
}
html:not(.dark) .music-eq-range::-webkit-slider-runnable-track{
  background:#cbd5e1 !important;
}
html:not(.dark) .music-eq-range::-moz-range-track{
  background:#cbd5e1 !important;
}
html:not(.dark) .music-eq-range::-webkit-slider-thumb{
  background:#0f172a !important;
}
html:not(.dark) .music-eq-range::-moz-range-thumb{
  background:#0f172a !important;
}

/* Keep the explicit dark palette deterministic as well. */
html.dark .v-krimu-story-sheet,
html.dark .v-krimu-web-story-sheet,
html.dark .chat-delete-card,
html.dark .forum-confirm-dialog,
html.dark .music-queue-sheet-inner,
html.dark .music-playlist-sheet-inner,
html.dark .music-eq-sheet-inner{
  color:#f5f5f5 !important;
}