/* ==========================================================
   OpenOrders.css – *widget-specific* styles only
   ----------------------------------------------------------
   • All layout/table grid rules live in Orders.css
   ==========================================================*/

/* ----- centre wrapper & stack title above table ----- */
.open-orders {
    max-width: 600px;
    margin-inline: auto;
    flex-direction: column;
    align-items: center; /* keep table centred */
}

/* Let the title row stretch to the full card width */
    .open-orders #openToggle {
        align-self: stretch; /* ignore parent’s align-items:center */
        width: 100%;
        margin-left: 2px; /* positive = move right; negative = left */
    }



/* small spacer so the table doesn’t bump the title */
.open-orders #openContent {
    margin-top: 0.5rem;
}

/* left-align the “Channel” column */
.open-orders #openContent th:first-child,
.open-orders #openContent td:first-child {
    text-align: left;
    padding-left: 12px; /* optional: a little breathing room */
}

/* ---------- Channel colour-coding ---------- */
/* override Bootstrap cell backgrounds */
.open-orders #openContent tbody tr.marketplace > td {
    background-color: #7cb9e6 !important;
    color: #000;
}

.open-orders #openContent tbody tr.dropship > td {
    background-color: #9bd4b6 !important;
    color: #000;
}

.open-orders #openContent tbody tr.fuiwebsites > td {
    background-color: #e3a97b !important;
    color: #000;
}

.open-orders #openContent tbody tr.total > td {
    background-color: #c5cfd6 !important;
    color: #000;
    font-weight: 700;
}


/* mobile tweak */
@media(max-width:600px) {
    .open-orders #openContent {
        font-size: 0.8rem;
    }
}