@import './_shared.scss';

.page-container {
  @include page-container;
}

.item {
  @include glass-card;
  padding: 30px;
  margin-bottom: 24px;
  
  .row {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding-bottom: 16px;
      margin-bottom: 16px;
      
      .order-no {
          font-size: 24px;
          color: $text-secondary;
          font-family: monospace;
      }
      .status {
          font-size: 24px;
          color: $primary-green;
      }
  }
  .content {
      display: flex;
      margin-bottom: 16px;
      
      .img {
          width: 120px;
          height: 120px;
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.1);
          margin-right: 24px;
          border: 1px solid rgba(255, 255, 255, 0.1);
      }
      .info {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          
          .title {
              font-size: 28px;
              color: $text-main;
              line-height: 1.4;
          }
          .price {
              font-size: 32px;
              color: $primary-cyan;
              font-weight: bold;
          }
      }
  }
  .footer {
      display: flex;
      justify-content: space-between;
      font-size: 24px;
      color: $text-muted;
  }
}

.empty {
  padding: 100px 0;
  text-align: center;
  color: $text-muted;
  font-size: 28px;
}
