// This file is part of Indico.
// Copyright (C) 2002 - 2026 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'rb:styles/palette' as *;

:global(.ui.list) > .upcoming-bookings-item:global(.item) {
  cursor: pointer;

  :global(.description) {
    margin: 0.5em 0;
  }

  .booking-reason {
    font-style: italic;
    color: $dark-gray;
  }
}

.upcoming-bookings-list {
  overflow: hidden;
  max-height: 150px;
}

.upcoming-item-img-container {
  position: relative;
  width: 80%;
  margin: auto;

  .upcoming-item-room-notch {
    position: absolute;
    bottom: 0;
    width: 100%;

    .upcoming-item-room-name {
      background: $white;
      padding: 0.2em 0.5em;
      border-radius: 2px 0 0 2px;
    }
  }
}
