/* Desktop */
/* table.dataTable [class*="ct-col-"] { width: auto; } */
table.dataTable [class*="ct-col-"]              { white-space: nowrap; }

table.dataTable [class*="ct-col-"]:nth-child(1) { text-align: center; }

#logs-datatable_wrapper th:nth-child(1),
#logs-datatable_wrapper td:nth-child(1),
#current-asset-holder-list-datatable_wrapper th:nth-child(1),
#current-asset-holder-list-datatable_wrapper td:nth-child(1) { 
    text-align: left; 
}

.ct-long-text {
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
    width: fit-content;
    min-width: 200px;
    max-width: 100%;
}

/* COLLAPSED STATE */
.read-more[data-state="closed"] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    max-height: 4.5em; /* smooth fallback animation */
    opacity: 1;
}

/* OPEN STATE */
.read-more[data-state="open"] {
    display: block;
    max-height: fit-content; /* large enough for smooth expansion */
}

.ct-read-more-toggle-btn-js {
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--ct-primary-solid-color);
    padding: 0px;
    margin: 0px;
}

.ct-read-more-toggle-btn-js:focus {
    outline: none;
}

.ct-read-more-toggle-btn-js:hover {
    cursor: pointer;
}

.ct-read-more-toggle-btn-js[data-visible="false"] { display: none; }
.ct-read-more-toggle-btn-js[data-visible="true"]  { display: inline; }

.ct-list-name {
    font-weight: 700;
}

.ct-list-meta {
color: var(--ct-quinary-solid-color);
list-style: none;
padding: 0px;
margin: 0px;
}

.ct-list-meta li span {
    font-weight: 700;
}

/* xs — below sm */
@media (min-width: 0px) and (max-width: 575.98px) {

}

/* sm to md */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* md to lg */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* lg to xl */
@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* Low Stock Reorder Soon badge styling */
.ct-item-name-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ct-space-xxxs);
}

.ct-restock-badge {
    display: inline-block;
    padding: var(--ct-space-xxxs) var(--ct-space-xxs);
    font-size: var(--ct-font-size-2xs);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    color: var(--white);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--border-radius-outer);
    background: linear-gradient(135deg, #ff9500 0%, #ff5e00 100%);
    box-shadow: 0 2px 4px rgba(255, 149, 0, 0.2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    margin-top: var(--ct-space-xxxs);
}