.fm-rename-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 10, 10, 0.55);
  backdrop-filter: blur(2px);
}

.fm-rename-modal .fm-modal-window {
  .fm-modal-window-header {
    display: flex;
    align-items: center;
    gap: 8px;

    svg {
      opacity: 0.9;
    }
  }

  .fm-modal-window-body {
    .fm-modal-white-section {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
  }

  .fm-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--fm-border-color, rgba(255, 255, 255, 0.08));
    background: var(--fm-input-bg, rgba(255, 255, 255, 0.04));
    color: var(--fm-text-color, #fff);
    border-radius: 8px;
    outline: none;
    transition: border-color 120ms ease, background-color 120ms ease;

    &:focus {
      border-color: var(--fm-accent, #6aa7ff);
      background: var(--fm-input-bg-focus, rgba(255, 255, 255, 0.06));
    }

    &::placeholder {
      color: var(--fm-placeholder, rgba(255, 255, 255, 0.5));
    }
  }

  .fm-rename-input {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;

    &:focus {
      border-color: var(--fm-accent, #6aa7ff);
      background: rgba(255, 255, 255, 0.12);
    }

    &::placeholder {
      color: rgba(255, 255, 255, 0.6);
    }
  }

  .fm-soft-text {
    line-height: 1.3;
  }

  .fm-error-text {
    color: var(--fm-error, #ff6b6b);
    font-size: 12px;
    line-height: 1.25;
  }

  .fm-modal-window-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .fm-button + .fm-button {
      margin-left: 8px;
    }
  }
}

.fm-rename-modal .fm-modal-white-section input#fm-rename-input.fm-input {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  caret-color: #111 !important;
}

.fm-rename-modal .fm-modal-white-section input#fm-rename-input.fm-input::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
