/* KYMA state/overlay polish: shared surfaces and utility states only. */
:root{
  --kyma-state-strong:var(--kyma-text-strong,#49384e);
  --kyma-state-secondary:var(--kyma-text-secondary,#6f5a74);
  --kyma-state-muted:var(--kyma-text-muted,#918095);
  --kyma-state-orchid:var(--kyma-orchid-text,#925f9d);
  --kyma-state-orchid-muted:var(--kyma-orchid-muted,#aa82b2);
  --kyma-state-line:rgba(203,167,211,.48);
  --kyma-state-surface:rgba(255,255,255,.96);
  --kyma-state-soft:rgba(249,241,251,.92);
  --kyma-state-rose:#9a596c;
  --kyma-state-rose-bg:rgba(255,244,247,.92);
  --kyma-state-rose-line:rgba(190,105,128,.34);
}

/* Shared backdrop tint: keep every existing blur/open/close rule untouched. */
.accountModal,
.scheduleEditorOverlay,
.songClipEditorOverlay,
.scheduleManageOverlay{
  background:rgba(48,28,55,.34);
}

/* Shared overlay surfaces. Geometry, drawer direction and transitions remain authoritative elsewhere. */
.accountPanel,
.scheduleEditorDrawer,
.songClipEditorDrawer,
.scheduleManageDrawer{
  border-color:var(--kyma-state-line);
  background:linear-gradient(180deg,var(--kyma-state-surface),rgba(250,245,251,.97));
  box-shadow:var(--kyma-shadow-overlay,0 24px 64px rgba(62,39,69,.20));
  color:var(--kyma-state-strong);
}

/* Overlay header language. */
.accountPanel>span,
.scheduleEditorDrawerHead span,
.songClipEditorDrawerHead span,
.scheduleManageDrawerHead span{
  color:var(--kyma-state-orchid-muted);
  font-weight:400;
  letter-spacing:.12em;
}
.accountPanel h2,
.scheduleEditorDrawerHead h2,
.songClipEditorDrawerHead h2,
.scheduleManageDrawerHead h2{
  color:var(--kyma-state-strong);
  font-weight:400;
  letter-spacing:-.01em;
}
.accountPanel>p{
  color:var(--kyma-state-secondary);
}
.scheduleEditorDrawerHead,
.songClipEditorDrawerHead,
.scheduleManageDrawerHead{
  border-bottom-color:rgba(215,193,220,.72);
}
.scheduleEditorClose,
.songClipEditorClose,
.scheduleManageClose,
.accountClose{
  border-color:rgba(203,167,211,.48);
  background:rgba(255,255,255,.88);
  color:#76557f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
}

/* Account tabs remain the existing tab system, with a quieter inactive state. */
.accountTabs{
  border-bottom-color:rgba(203,167,211,.36);
}
.accountTabs button{
  color:var(--kyma-state-muted);
  font-weight:400;
  background:transparent;
}
.accountTabs button.active{
  border-bottom-color:rgba(185,120,198,.78);
  color:#5d3b65;
  background:linear-gradient(180deg,transparent,rgba(247,236,250,.56));
}

/* Shared form surface. Existing dimensions, padding, fonts and layout are untouched. */
.accountForm input,
.scheduleEditorForm input:not([type="checkbox"]),
.scheduleEditorForm select,
.scheduleEditorForm textarea,
.songClipEditorForm input,
.songClipEditorForm select,
.songClipManageSearch,
.loginForm input,
.adminForm input,
.adminForm select,
.adminForm textarea,
.managerRow input{
  border-color:rgba(185,149,195,.38);
  background:rgba(255,255,255,.97);
  color:#3f3144;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
}
.accountForm input:focus,
.scheduleEditorForm input:focus,
.scheduleEditorForm select:focus,
.scheduleEditorForm textarea:focus,
.songClipEditorForm input:focus,
.songClipEditorForm select:focus,
.songClipManageSearch:focus,
.loginForm input:focus,
.adminForm input:focus,
.adminForm select:focus,
.adminForm textarea:focus,
.managerRow input:focus{
  border-color:rgba(178,118,196,.82);
  box-shadow:0 0 0 3px rgba(200,149,215,.13),inset 0 1px 0 rgba(255,255,255,.96);
}
.accountForm input:disabled,
.scheduleEditorForm input:disabled,
.scheduleEditorForm select:disabled,
.scheduleEditorForm textarea:disabled,
.songClipEditorForm input:disabled,
.songClipEditorForm select:disabled{
  background:rgba(245,240,246,.86);
  color:var(--kyma-state-muted);
  opacity:.72;
}
.scheduleEditorForm>label,
.songClipEditorForm label,
.loginForm label,
.adminForm label,
.rowField{
  color:var(--kyma-state-secondary);
  font-weight:400;
}

/* Upload/preview surfaces stay within their current boxes. */
.scheduleEditorUpload{
  border-color:rgba(203,167,211,.42);
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
.scheduleEditorUploadCopy strong,
.scheduleEditorPreview span{
  color:var(--kyma-state-secondary);
}
.scheduleEditorUploadCopy small{
  color:var(--kyma-state-muted);
}
.scheduleEditorPreview{
  border-top-color:rgba(215,193,220,.62);
}
.scheduleEditorPreview img{
  background:#f7ecfa;
  box-shadow:inset 0 0 0 1px rgba(203,167,211,.24);
}
.scheduleEditorUploadButton,
.scheduleEditorPreview label,
.scheduleEditorPreview button,
.songClipEditorActions button,
.songClipManageSection button,
.scheduleManageItem button{
  border-color:rgba(203,167,211,.48);
  background:rgba(255,255,255,.90);
  color:#74517d;
}

/* Primary vs destructive actions. Existing button placement/size remains untouched. */
.accountForm>button,
.primaryAction,
.rowSave{
  background:#8f609a;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 14px rgba(96,65,108,.10);
}
.scheduleEditorDeleteConfirm{
  border-color:var(--kyma-state-rose-line);
  background:var(--kyma-state-rose-bg);
}
.scheduleEditorDeleteConfirm p,
.scheduleEditorDelete,
.songClipEditorDelete,
.scheduleEditorPreview button,
.rowDelete,
.musicDelete{
  color:var(--kyma-state-rose);
}
.scheduleEditorDeleteConfirm .confirmDelete,
.songClipEditorDelete.confirm,
.rowDelete.confirm,
.musicDelete.confirm{
  border-color:#a85c72;
  background:#a85c72;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

/* Manage drawers/list surfaces use the same calm family. */
.songClipManageList,
.scheduleManageList{
  border-color:rgba(215,193,220,.58);
  background:rgba(255,255,255,.56);
}
.songClipManageItem,
.scheduleManageItem{
  border-color:rgba(220,199,224,.68);
  background:rgba(255,255,255,.92);
}
.songClipManageItem strong,
.scheduleManageItem strong,
.songClipManageSection h3{
  color:var(--kyma-state-strong);
}
.scheduleManageItem time,
.scheduleManageItem span,
.siteAdminRemoteStatus{
  color:var(--kyma-state-muted);
}

/* Calm empty states: no new geometry or illustration. */
.emptyMessage,
.weekScheduleEmpty,
.scheduleEmpty,
.songClipManageEmpty,
.scheduleManageEmpty,
.songPlaylistEmpty,
.emptyState{
  border-color:rgba(203,167,211,.42);
  background:rgba(252,248,253,.82);
  color:var(--kyma-state-muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
}
.weekScheduleEmpty strong,
.scheduleEmpty strong{
  color:var(--kyma-state-secondary);
}
.weekScheduleEmpty>span,
.detailEmpty span{
  color:var(--kyma-state-orchid-muted);
}
.detailEmpty,
.drawerNote{
  color:var(--kyma-state-muted);
}
.songSoopPlaceholder{
  color:var(--kyma-state-muted);
  background:linear-gradient(180deg,rgba(250,245,251,.48),rgba(255,255,255,.08));
}

/* Utility/loading states remain intentionally much quieter than the first-load splash. */
.songClipsStatus,
.metadataStatus,
.scheduleEditorUploadStatus,
.songClipEditorStatus,
.songPlaylistMessage,
.dataNotice{
  color:var(--kyma-state-muted);
}
.metadataStatus.loading,
.scheduleEditorUploadStatus.uploading{
  color:var(--kyma-state-orchid);
  background:linear-gradient(90deg,rgba(247,236,250,.58),transparent);
}
.scheduleEditorUploadStatus.success,
.metadataStatus.ready,
.rowState.show{
  color:#76517e;
  background:linear-gradient(90deg,rgba(247,236,250,.48),transparent);
}

/* Error family: dusty rose, distinct from normal orchid without becoming alarm-red. */
.accountError,
.scheduleEditorError,
.songClipEditorError,
.songClipEditorStatus.error,
.scheduleEditorUploadStatus.error,
.songClipsStatus.error,
.songSoopPlaceholder.error,
.songPlaylistMessage.error,
.formError,
.metadataStatus.error{
  color:#984e64;
  background:linear-gradient(90deg,rgba(255,239,244,.78),transparent);
  box-shadow:inset 3px 0 0 rgba(183,91,117,.48);
}
.adminForm input.invalid,
.managerRow input.invalid{
  border-color:rgba(183,91,117,.66);
  box-shadow:0 0 0 3px rgba(183,91,117,.08);
}
.memberAccessNotice{
  border-color:var(--kyma-state-rose-line);
  background:var(--kyma-state-rose-bg);
}
.memberAccessNotice p,
.memberAccessNotice button{
  color:var(--kyma-state-rose);
}

/* Toast/notice position and animation remain untouched. */
.accountToast,
.toast{
  background:#4e3656;
  color:#fff;
  box-shadow:var(--kyma-shadow-overlay,0 24px 64px rgba(62,39,69,.20)),inset 0 0 0 1px rgba(255,255,255,.08);
}
.accountToast.error,
.toast.error{
  background:#7f4355;
  color:#fff;
  box-shadow:0 15px 45px rgba(74,34,48,.22),inset 0 0 0 1px rgba(255,255,255,.07);
}

@media(hover:hover){
  .scheduleEditorClose:hover,
  .songClipEditorClose:hover,
  .scheduleManageClose:hover,
  .accountClose:hover,
  .scheduleEditorUploadButton:hover,
  .scheduleEditorPreview label:hover,
  .songClipEditorActions button:hover,
  .songClipManageSection button:hover,
  .scheduleManageItem button:hover{
    border-color:var(--kyma-border-hover,rgba(197,139,207,.82));
    background:rgba(247,236,250,.86);
  }
}