p, span, label {font-size: clamp(14px, 1em, 16px);}
.applyIpoPageCard{
    background: #fff;
    border-color: #D6D6D6;
    color: var(--text-color);
    --bs-card-cap-bg: var(--light-bg-2);
    --bs-card-border-radius: 8px;
    --bs-card-inner-border-radius: calc(var(--bs-card-border-radius) - (var(--bs-border-width)));

    .card-body {box-shadow: 0px 1px 1px 0px #0000001A; border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); border-bottom: none;}

    .ipo_cover{
        vertical-align: middle;
        width: 70px;
        height: 70px;
        overflow: hidden;
        display: flex;
    }
    img {width: 100%; object-fit: contain;}
    .ipo_name_mini{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; line-height: 30px; color: #000D50; font-weight: 600; }
    table, & table td {--bs-table-color: var(--text-color); }
    td p {margin-bottom: 0px;}

    .label{color: #484848; font-weight: 400;}
    .member_data_card .label{color: #888;}
/* DEPRECATED CSS:     .member_data_card {border: 1px solid #EEEEEE; padding: 10px; border-radius: var(--bs-card-border-radius); margin-top: 10px;} */
    span[role="badge"]{font-size: clamp(12px, 0.8em, 14px);}
    
    
    .submitBtn{
        width: 100%;
        z-index: 1;
        backdrop-filter: opacity(0.5); 
        --bs-btn-font-weight: 600;
    }
    .addAccBtn{
        --bs-btn-font-size: 0.875em;
        --bs-btn-border-radius: 4px;
        --bs-btn-color: var(--color-primary);
        --bs-btn-bg: #f1f4ff;
        --bs-btn-font-weight: 600;
        --bs-btn-hover-color: var(--color-primary-active);
        --bs-btn-hover-bg: #f1f4ff;
        --bs-btn-hover-border-color: var(--color-primary);
    }
    .cover_img_loggedout {
        display: flex; align-items: center; justify-content: center;
        img { width: 100%; max-width: 250px; height: auto; max-height: 300px; object-fit: contain; }
    }
}

@media screen and (min-width: 768px) {
    main {
        display: grid;
        grid-template-columns: 1fr 264px;
        gap: 20px;
    }
}
.date-item {
    min-width: 80px;
  }
  .date-value {
    font-size: 1.1rem;
    margin-top: 4px;
  }
  
  .date-separator {
    display: flex;
    align-items: center;
    padding: 0 10px;
  }