.store-card{
    background:#fff;
    border-radius:18px;
    padding:5px;
    box-shadow:0 10px 25px rgba(0,0,0,.20);
    transition:.3s;
}

.store-card:hover{
    transform:translateY(-5px);
}

.store-card h6{
    color:#000000;
}

.store-card h2{
    font-size:30px;
    font-weight:700;
}

.new{
    border-left:6px solid #dc3545;
}

.preparing{
    border-left:6px solid #fd7e14;
}

.ready{
    border-left:6px solid #20c997;
}

.completed{
    border-left:6px solid #0d6efd;
}

.rejected{
    border-left:6px solid #fd0d0d;
}


/* --- Tab Interface Connectivity Architecture --- */
    .tabs-row {
        margin-bottom: -1px !important; /* Pulls the card content panel directly up to weld with the active tab */
        position: relative;
        z-index: 2;
    }
    
    .store-card {
        background: #ffffff;
        border: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        border-radius: 12px 12px 0 0; /* Rounds only the top corners like a browser tab */
        padding: 16px 10px;
        transition: all 0.2s ease-in-out;
        position: relative;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.02);
    }

    .store-card h6 {
        font-size: 14px;
        font-weight: 700;
        color: #6c757d;
        margin-bottom: 4px;
    }

    .store-card h2 {
        font-size: 28px;
        font-weight: 800;
        color: #212529;
        margin: 0;
    }

    /* --- Dynamic State Themes (Tab Highlights & Dynamic Table Canvas Colorization) --- */
    
    /* New Status (Red Accent) */
    .store-card.new { border-left: 5px solid #dc3545; }
    .store-card.new.active {
        background-color: #fff5f5 !important;
        border-color: #dc3545 #dc3545 #fff5f5 #dc3545 !important;
    }
    #ordersTableCard.theme-new {
        background-color: #fff5f5 !important;
        border: 1px solid #dc3545 !important;
    }

    /* Preparing Status (Orange Accent) */
    .store-card.preparing { border-left: 5px solid #fd7e14; }
    .store-card.preparing.active {
        background-color: #fff9f4 !important;
        border-color: #fd7e14 #fd7e14 #fff9f4 #fd7e14 !important;
    }
    #ordersTableCard.theme-preparing {
        background-color: #fff9f4 !important;
        border: 1px solid #fd7e14 !important;
    }

    /* Ready Status (Green Accent) */
    .store-card.ready { border-left: 5px solid #198754; }
    .store-card.ready.active {
        background-color: #f4faf6 !important;
        border-color: #198754 #198754 #f4faf6 #198754 !important;
    }
    #ordersTableCard.theme-ready {
        background-color: #f4faf6 !important;
        border: 1px solid #198754 !important;
    }

    /* Completed Status (Blue Accent) */
    .store-card.completed { border-left: 5px solid #0d6efd; }
    .store-card.completed.active {
        background-color: #f3f8ff !important;
        border-color: #0d6efd #0d6efd #f3f8ff #0d6efd !important;
    }
    #ordersTableCard.theme-completed {
        background-color: #f3f8ff !important;
        border: 1px solid #0d6efd !important;
    }

    /* Rejected Status (Dark Red/Crimson Accent) */
    .store-card.rejected { border-left: 5px solid #842029; }
    .store-card.rejected.active {
        background-color: #fdf2f3 !important;
        border-color: #842029 #842029 #fdf2f3 #842029 !important;
    }
    #ordersTableCard.theme-rejected {
        background-color: #fdf2f3 !important;
        border: 1px solid #842029 !important;
    }

    /* --- Base Modifications & Layout Cleanup --- */
    #ordersTableCard {
        border-radius: 0 0 12px 12px; /* Smooth corners for the attached canvas base */
        transition: background-color 0.25s ease, border-color 0.25s ease;
        position: relative;
        z-index: 1;
    }

    #ordersTableCard .card-header {
        background-color: transparent !important;
        border-bottom: 1px solid rgba(0,0,0,0.06);
    }

    #ordersTableCard table {
        background: transparent !important;
    }
    
    /* Status Pill Accents inside the table rows */
    .status-pill {
        padding: 5px 14px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        display: inline-block;
    }
    .pill-new { background-color: #f8d7da; color: #842029; }
    .pill-preparing { background-color: #ffe8cc; color: #d9480f; }
    .pill-ready { background-color: #d1e7dd; color: #0f5132; }
    .pill-completed { background-color: #cff4fc; color: #055160; }
    .pill-rejected { background-color: #f8d7da; color: #842029; }