/* ============================================================
   BSX CASSANDRA TABS (campaign-in-cassandra rows)
   Requires: bsx-design.css, bsx-base.css
   ============================================================ */

.entry-content p,
.page-content p { font-size: var(--bsx-text-sm); margin: 0; padding: 0; }

.ccin-cont {
    max-height:      300px;
    min-height:      0;
    width:           100%;
    overflow-y:        auto;
    overflow-x:        hidden;
    text-decoration: none;
}
.ccin-row {
    display:      flex;
    flex-direction: row;
    align-items:  center;
    gap:          0.1rem;
    padding:      0.2rem 0.3rem;
    background:   var(--bsx-bg-mid);
    border:       1px solid var(--bsx-border);
    border-radius: var(--bsx-radius-xl);
    min-height:   75px;
    max-height:   75px;

    margin-top: 0.2rem;
    transition:   all var(--bsx-transition);
}

/* All row parts vertically centered */
.ccin-rowpart {
    display:        flex;
    flex-direction: column;
    justify-content: center;
    height:         100%;
    overflow:       hidden;
}



.ccin-meta-top,
.ccin-meta-bottom {
    font-size:     var(--bsx-text-sm);
    color:         #a09a9b;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    line-height:   1.2;
}

/* Image vertically centered */
.ccin-image {
    display:     flex;
    align-items: center;
}

.ccin-image img {
    width:      60px;
    max-height: 50px;
    object-fit: contain;
}


.ccin-row:hover {
    border-color: #a09a9b;
    background:   var(--bsx-bg);
    box-shadow:   var(--bsx-shadow-sm);
    transform:    scale(0.98);
}

/* Column sizing */
.ccin-info-first { flex: 0 0 120px; }
.ccin-info-2nd   { flex: 1 1 auto; }
/* Date column — two lines stacked */
.ccin-info-3rd {
    display:        flex;
    flex-direction: column;
    justify-content: center;
    gap:            2px;
}

.ccin-info-4th   { flex: 0 0 100px; }
.ccin-info-5th   { flex: 0 0 100px; }
.ccin-info-6th   { flex: 0 0 120px; text-align: right; }


.ccin-name {
    font-size:     var(--bsx-text-base);
    font-weight:   600;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}


.ccin-status,
.type-badge {
    display:       inline-block;
    font-size:     var(--bsx-text-base);
    font-weight:   600;
    padding:       0.2rem 0.5rem;
    border-radius: var(--bsx-radius-md);
    white-space:   nowrap;
    text-align:    center;
}

.ccin-performance {
    font-size:           var(--bsx-text-base);
    font-weight:         600;
    font-variant-numeric: tabular-nums;
    white-space:         nowrap;
}

.has-playfair-display-font-family p { font-size: var(--bsx-text-sm); }

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 680px) {
    .ccin-info-first      { flex: 0 0 70px; }
    .ccin-info-3rd        { flex: 0 0 75px; }
    .ccin-info-4th,
    .ccin-info-5th        { flex: 0 0 58px; }
    .ccin-row             { gap: 0.5rem; padding: 0.6rem 0.75rem; }
}

@media (max-width: 480px) {
    .ccin-row       { flex-wrap: wrap; gap: 0.4rem 0.75rem; padding: 0.75rem; }
    .ccin-info-first { flex: 0 0 60px; }
    .ccin-info-2nd  { flex: 1 1 50%; order: 5; }
    .ccin-info-6th  { flex: 1 1 auto; order: 4; }
    .ccin-info-3rd  { flex: 0 0 auto; order: 6; }
    .ccin-info-4th  { flex: 0 0 auto; order: 3; }
    .ccin-info-5th  { flex: 0 0 40px; order: 2; }
}