@include export-module('cc-delivery-planning-overview-tile-dropdown-layout') {
  .co-delivery-planning-overview-tile-dropdown {

      display: block;
      background: white;
      z-index: 100;


    .dropdown-panel {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 0.75rem;
      border: 1px solid #d9dee7;
      border-radius: 0.5rem;
      background: white;
      box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.12);
    }

    .dropdown-action {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0.875rem 1rem;
      border: 1px solid transparent;
      border-radius: 0.625rem;
      background: #f8fafc;
      cursor: pointer;
      transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
      font: inherit;
      text-align: left;
      color: #1e293b;
    }

    .dropdown-action:hover,
    .dropdown-action:focus-visible {
      background: #eef4ff;
      border-color: #bfd2ff;
      outline: none;
      transform: translateY(-1px);
    }

    .dropdown-action:active {
      transform: translateY(0);
    }

    .dropdown-action span {
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1.2rem;
    }
  }
}
