/* Admin CSS file - Contains admin panel specific styles */

/* Tab navigation */
.tab-buttons {
    display: flex;
    margin-bottom: 20px;
}

.tab-button {
    flex: 1;
    padding: 10px;
    text-align: center;
    background-color: #ddd;
    cursor: pointer;
}

.tab-button.active {
    background-color: var(--accent-color);
    color: white;
}

/* Header title (for admin access) */
.header-title {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Order form header visibility control */
.order-form-header {
    display: none;
}

.order-form-header.show {
    display: block;
}

/* Style for the date filter container in the orders tab */
#ordersTab .table-filter {
    display: flex; /* Use Flexbox for alignment */
    align-items: center; /* Align items vertically in the center */
    gap: 10px; /* Add some space between elements */
    flex-wrap: wrap; /* Allow wrapping on smaller screens if needed */
    margin-bottom: 15px; /* Keep existing margin */
}

/* Optional: Adjust specific element margins if needed */
#ordersTab .table-filter label {
    margin-bottom: 0; /* Remove default bottom margin if label has one */
    flex-shrink: 0; /* Prevent label from shrinking */
}

#ordersTab .table-filter input[type="date"] {
   /* Removed flex-grow: 1; to let it take natural size */
   max-width: 180px; /* Adjusted max width slightly */
}

#ordersTab .table-filter button {
    margin-top: 0; /* Remove default top margin if buttons have one */
    width: auto;      /* Override any potential width: 100% */
    flex-grow: 0;     /* Don't allow buttons to grow */
    flex-shrink: 0;   /* Prevent buttons from shrinking */
    padding: 8px 12px; /* Adjust padding if needed for small buttons */
}