@charset "UTF-8";
/* ========================================
   BLENNY DIALOGS — ToolKit popups + Bootstrap modals
   Source: Styles/blenny-dialogs.scss
   Build:  npm run build:css

   Applied automatically via blenny-dialogs.js (class .blenny-dialog)
   ======================================== */
.modal.blenny-dialog .modal-content,
.blenny-dialog.modal-content {
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--blenny-shell-border-width, 1px) solid var(--color-border-default);
  border-radius: var(--blenny-surface-radius, 28px);
  box-shadow: var(--shadow-elevated);
  overflow: hidden;
}

.modal.blenny-dialog .modal-header {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border-subtle);
  padding: 1rem 1.25rem;
  align-items: center;
}

.modal.blenny-dialog .modal-title {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--color-text);
  margin: 0;
}

.modal.blenny-dialog .modal-header .btn-close {
  opacity: 0.55;
}

.modal.blenny-dialog .modal-header .btn-close:hover {
  opacity: 0.9;
}

.modal.blenny-dialog .modal-body {
  padding: 1rem 1.25rem 0.5rem;
  color: var(--color-text);
  background: var(--color-surface);
}

.modal.blenny-dialog .modal-footer {
  background: var(--color-canvas);
  border-top: 1px solid var(--color-border-subtle);
  padding: 0.85rem 1.25rem;
  gap: 0.5rem;
}

.modal.blenny-dialog .modal-footer .btn,
.modal.blenny-dialog .modal-footer .o-pbtn {
  border-radius: var(--blenny-cell-radius, 14px);
  font-weight: 600;
  font-size: 0.78rem;
  min-height: 2.15rem;
  padding: 0.4rem 1rem;
}

.modal.blenny-dialog .modal-footer .btn-primary,
.modal.blenny-dialog .modal-footer .kit-ok,
.modal.blenny-dialog .modal-footer .o-pbtn.btn-primary {
  background: var(--blenny-celestial);
  border-color: var(--blenny-celestial);
  color: #fff;
}

.modal.blenny-dialog .modal-footer .btn-primary:hover,
.modal.blenny-dialog .modal-footer .kit-ok:hover {
  filter: brightness(1.05);
}

.modal.blenny-dialog .modal-footer .btn-secondary,
.modal.blenny-dialog .modal-footer .o-pbtn:not(.btn-primary):not(.kit-ok) {
  background: var(--color-surface);
  border: 1px solid var(--color-border-default);
  color: var(--color-text);
}

.blenny-dialog-form,
.modal.blenny-dialog form.form,
.modal.blenny-dialog fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.modal.blenny-dialog fieldset {
  background: transparent;
  box-shadow: none;
}

.modal.blenny-dialog .blenny-dialog-form > fieldset,
.modal.blenny-dialog form.form > fieldset {
  padding: 0.15rem 0.15rem 0.75rem;
}

.modal.blenny-dialog .form-label,
.modal.blenny-dialog fieldset .form-label,
.modal.blenny-dialog label.form-label {
  font-size: var(--blenny-type-label, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin-bottom: 0.15rem;
}

.modal.blenny-dialog .form-control,
.modal.blenny-dialog .form-select,
.modal.blenny-dialog select.form-select,
.modal.blenny-dialog select.form-select-sm,
.modal.blenny-dialog textarea.form-control {
  border: 1px solid var(--color-border-default);
  border-radius: var(--blenny-cell-radius, 14px);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--blenny-type-body, 0.78rem);
  min-height: 2.15rem;
}

.modal.blenny-dialog .form-control:focus,
.modal.blenny-dialog .form-select:focus,
.modal.blenny-dialog select.form-select:focus {
  border-color: var(--blenny-celestial);
  box-shadow: 0 0 0 3px var(--blenny-celestial-soft);
}

.modal.blenny-dialog .form-control::placeholder {
  color: var(--color-text-muted);
  opacity: 0.85;
}

.modal.blenny-dialog .form-text,
.modal.blenny-dialog .form-text.text-muted,
.modal.blenny-dialog small.text-muted {
  color: var(--color-text-muted) !important;
  font-size: var(--blenny-type-body-sm, 0.6875rem);
}

.modal.blenny-dialog .text-danger,
.modal.blenny-dialog .field-validation-error,
.modal.blenny-dialog .validation-summary-errors {
  color: var(--blenny-danger) !important;
  font-size: var(--blenny-type-body-sm, 0.6875rem);
}

.modal.blenny-dialog .validation-summary-errors {
  margin: 0.5rem 0 0;
  padding: 0.65rem 0.75rem;
  border-radius: var(--blenny-cell-radius, 14px);
  background: var(--blenny-danger-soft);
  border: 1px solid var(--blenny-danger-glow);
}

.modal.blenny-dialog .row.mb-3 {
  margin-bottom: 0.85rem !important;
  align-items: center;
}

.modal.blenny-dialog .blenny-dialog-check {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  min-height: 2.15rem;
  margin: 0;
  padding-top: 0;
}

.modal.blenny-dialog .blenny-dialog-check .form-check-input {
  margin: 0;
  float: none;
}

.modal.blenny-dialog .blenny-dialog-check .form-check-label {
  font-size: var(--blenny-type-label, 0.625rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.modal.blenny-dialog .blenny-dialog-check .repeat-icon {
  width: 0.95rem;
  height: 0.95rem;
  opacity: 0.75;
}

.modal.blenny-dialog .custom-dropdown-wrapper > .form-select,
.modal.blenny-dialog .custom-dropdown-wrapper > div.form-select {
  border-radius: var(--blenny-cell-radius, 14px) !important;
}

.modal.blenny-dialog .custom-dropdown-list {
  background: var(--color-surface);
  border: 1px solid var(--color-border-default);
  border-radius: var(--blenny-nested-radius, 16px);
  box-shadow: var(--shadow-elevated);
}

.modal.blenny-dialog .custom-dropdown-option {
  color: var(--color-text);
}

.modal.blenny-dialog .custom-dropdown-option:hover {
  background: var(--blenny-slate-soft);
}

.modal.blenny-dialog .custom-dropdown-option.selected {
  background: var(--blenny-celestial-soft);
  color: var(--color-text);
}

.modal.blenny-dialog .alert {
  border-radius: var(--blenny-cell-radius, 14px);
  font-size: var(--blenny-type-body, 0.78rem);
}

.modal.blenny-dialog .alert-info {
  background: var(--blenny-celestial-soft);
  border-color: var(--color-border-accent);
  color: var(--color-text);
}

.modal.blenny-dialog .alert-warning {
  background: var(--blenny-cream-soft);
  border-color: var(--color-border-default);
  color: var(--color-text);
}

#confirmationModal.blenny-dialog .modal-content {
  border-radius: var(--blenny-nested-radius, 20px);
}

.blenny-bg-tasks-dialog {
  max-width: 440px;
}

.blenny-bg-tasks-modal {
  border: 1px solid var(--color-border-default);
  border-radius: var(--blenny-nested-radius, 16px);
  overflow: hidden;
  box-shadow: var(--shadow-elevated);
  background: var(--color-surface);
  color: var(--color-text);
}

.blenny-bg-tasks-body {
  padding: 1.35rem 1.35rem 1.25rem;
}

.blenny-bg-tasks-header {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  margin-bottom: 1rem;
}

.blenny-bg-tasks-icon {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--blenny-cream);
  color: var(--blenny-slate);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.blenny-bg-tasks-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text);
  margin: 0 0 0.25rem;
}

.blenny-bg-tasks-lead,
.blenny-bg-tasks-footnote {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  margin: 0;
}

.blenny-bg-tasks-footnote {
  margin-bottom: 1.1rem;
}

.blenny-bg-tasks-card {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--blenny-cell-radius, 12px);
  background: var(--color-canvas);
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.85rem;
  max-height: 9rem;
  overflow: auto;
}

.blenny-bg-tasks-card:empty {
  display: none;
}

.blenny-bg-tasks-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
}

.blenny-bg-tasks-item + .blenny-bg-tasks-item {
  border-top: 1px solid var(--color-border-subtle);
}

.blenny-bg-tasks-item-icon {
  flex: 0 0 auto;
  width: 1rem;
  text-align: center;
  color: var(--blenny-celestial);
  font-size: 0.875rem;
}

.blenny-bg-tasks-heading {
  min-width: 0;
  flex: 1 1 auto;
}

.blenny-bg-tasks-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.blenny-bg-tasks-btn {
  appearance: none;
  border-radius: var(--blenny-cell-radius, 14px);
  font-weight: 600;
  font-size: 0.78rem;
  min-height: 2.15rem;
  padding: 0.4rem 0.95rem;
  border: 1px solid transparent;
  cursor: pointer;
}

.blenny-bg-tasks-btn-secondary {
  background: var(--color-surface);
  border-color: var(--color-border-default);
  color: var(--color-text);
}

.blenny-bg-tasks-btn-secondary:hover,
.blenny-bg-tasks-btn-secondary:focus {
  border-color: var(--color-border-hover);
  background: var(--color-canvas);
}

.blenny-bg-tasks-btn-primary {
  background: var(--blenny-celestial);
  border-color: var(--blenny-celestial);
  color: #fff;
}

.blenny-bg-tasks-btn-primary:hover,
.blenny-bg-tasks-btn-primary:focus {
  filter: brightness(1.05);
}

.blenny-popup-host {
  min-height: 100vh;
  background: var(--color-canvas);
  color: var(--color-text);
  padding: 0.75rem 1rem 1.25rem;
}

html[data-borders=off] .modal.blenny-dialog .modal-content {
  border-color: transparent;
}

html[data-borders=strong] .modal.blenny-dialog .modal-content {
  border-width: 2px;
  border-color: var(--color-border-default);
}

html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-content,
html[data-theme=dark][data-theme-scope=dashboard] .blenny-dialog.modal-content,
html[data-theme=dark][data-theme-scope=dashboard] .blenny-bg-tasks-modal {
  background: var(--color-surface) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-header {
  background: var(--color-surface) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-title,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-body,
html[data-theme=dark][data-theme-scope=dashboard] .blenny-bg-tasks-title {
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-body {
  background: var(--color-surface) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-footer {
  background: var(--color-canvas) !important;
  border-top-color: var(--color-border-subtle) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .form-control,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .form-select,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog select.form-select,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog textarea.form-control {
  background: var(--color-canvas) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
  color-scheme: dark;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .form-control option,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .form-select option {
  background: var(--color-surface);
  color: var(--color-text);
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .form-label,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog label.form-label,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .blenny-dialog-check .form-check-label {
  color: var(--color-text-muted) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-footer .btn-secondary,
html[data-theme=dark][data-theme-scope=dashboard] .modal.blenny-dialog .modal-footer .o-pbtn:not(.btn-primary):not(.kit-ok) {
  background: var(--color-surface) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=dashboard] .blenny-bg-tasks-card {
  background: var(--color-canvas);
  border-color: var(--color-border-subtle);
}
html[data-theme=dark][data-theme-scope=dashboard] .blenny-bg-tasks-icon {
  background: var(--blenny-slate-soft);
  color: var(--color-text);
}
html[data-theme=dark][data-theme-scope=dashboard] .blenny-popup-host {
  background: var(--color-canvas);
  color: var(--color-text);
}

html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-content,
html[data-theme=dark][data-theme-scope=account-profile] .blenny-dialog.modal-content,
html[data-theme=dark][data-theme-scope=account-profile] .blenny-bg-tasks-modal {
  background: var(--color-surface) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-header {
  background: var(--color-surface) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-title,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-body,
html[data-theme=dark][data-theme-scope=account-profile] .blenny-bg-tasks-title {
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-body {
  background: var(--color-surface) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-footer {
  background: var(--color-canvas) !important;
  border-top-color: var(--color-border-subtle) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .form-control,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .form-select,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog select.form-select,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog textarea.form-control {
  background: var(--color-canvas) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
  color-scheme: dark;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .form-control option,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .form-select option {
  background: var(--color-surface);
  color: var(--color-text);
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .form-label,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog label.form-label,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .blenny-dialog-check .form-check-label {
  color: var(--color-text-muted) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-footer .btn-secondary,
html[data-theme=dark][data-theme-scope=account-profile] .modal.blenny-dialog .modal-footer .o-pbtn:not(.btn-primary):not(.kit-ok) {
  background: var(--color-surface) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text) !important;
}
html[data-theme=dark][data-theme-scope=account-profile] .blenny-bg-tasks-card {
  background: var(--color-canvas);
  border-color: var(--color-border-subtle);
}
html[data-theme=dark][data-theme-scope=account-profile] .blenny-bg-tasks-icon {
  background: var(--blenny-slate-soft);
  color: var(--color-text);
}
html[data-theme=dark][data-theme-scope=account-profile] .blenny-popup-host {
  background: var(--color-canvas);
  color: var(--color-text);
}