/* /App.razor.rz.scp.css */
.delayed-loader[b-jx0m9fne3n] {
    animation: fade-in-b-jx0m9fne3n 0.5s ease-in forwards;
    animation-delay: 0.3s;
    opacity: 0;
}

@keyframes fade-in-b-jx0m9fne3n {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* /Components/SortableTable.razor.rz.scp.css */

.table-wrapper[b-g1gjd9ycob] {
    border-radius: var(--spacing-md);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow-y: hidden;
    overflow-x: auto;
    background-color: var(--color-bg-surface);
}

.table[b-g1gjd9ycob] {
    width: 100%;
    text-align: left;
}

    .table th[b-g1gjd9ycob] {
        background-color: #f3f4f6;
        padding: var(--spacing-md);
        color: var(--color-text);
        font-size: var(--font-size-body);
        font-weight: var(--font-weight-body);
    }

    .table tr.row-clickable[b-g1gjd9ycob] {
        cursor: pointer;
    }

        .table tr.row-clickable:hover[b-g1gjd9ycob] {
            background-color: rgba(0, 0, 0, 0.075);
        }

    .table td[b-g1gjd9ycob] {
        padding: var(--spacing-md);
        font-size: var(--font-size-body);
    }

    .table>:not(:first-child)[b-g1gjd9ycob] {
        border-top: 0;
    }

    .table tbody tr:last-child td[b-g1gjd9ycob] {
        border-bottom: none;
    }

.table-header-sortable[b-g1gjd9ycob] {
    cursor: pointer;
}

    .table-header-sortable:hover[b-g1gjd9ycob] {
        background-color: #d9dbdf;
    }

.table-header-content[b-g1gjd9ycob] {
    display: flex;
    justify-content: space-between;
}

    .table-header-content .hidden[b-g1gjd9ycob] {
        visibility: hidden;
    }
/* /Components/UserInfo.razor.rz.scp.css */
.logo-wrapper[b-5dc3t73b21] {
    cursor: pointer;
}

.user-info-container[b-5dc3t73b21] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.left-corner[b-5dc3t73b21] {
    display: flex;
    align-items: center;
}

img[b-5dc3t73b21] {
    width:60px;
    height:31.5px;
    margin-right: var(--spacing-xs);
}
.user-details[b-5dc3t73b21] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.user-name[b-5dc3t73b21] {
    font-weight: 700;
    color: var(--color-text-main);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-body)
}

.user-role[b-5dc3t73b21] {
    font-size: var(--font-size-label);
    font-weight: var(--font-size-label);
    color: var(--color-text-main);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-layout-wrapper[b-92ghj9zw87] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.top-bar[b-92ghj9zw87] {
    background-color: var(--color-bg-surface);
    border-bottom: var(--border-width-base) solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--spacing-md);
    flex-shrink: 0;
}

.content-area[b-92ghj9zw87] {
    flex: 1;
    overflow: auto;
    padding: 0;
}

@media (max-width: 576px) {
    .main-layout-wrapper[b-92ghj9zw87] {
        height: auto;
        overflow: auto;
    }
}
/* /Pages/Cube.razor.rz.scp.css */
.cube-container[b-do0p31wlr3] {
    overflow-y: hidden;
}

.queue-card[b-do0p31wlr3] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.queue-header[b-do0p31wlr3] {
    background-color: var(--color-primary);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.queue-scroll-area[b-do0p31wlr3] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.queue-item[b-do0p31wlr3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    transition: background-color 0.2s ease;
}

    .queue-item:hover[b-do0p31wlr3] {
        background-color: var(--color-bg-app);
    }


.worker-scroll-area[b-do0p31wlr3] {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.worker-card[b-do0p31wlr3] {
    height: 155px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.worker-card-active:hover[b-do0p31wlr3] {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.worker-header[b-do0p31wlr3] {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.worker-card-active[b-do0p31wlr3] {
    border-color: var(--color-primary);
}

    .worker-card-active .worker-header[b-do0p31wlr3] {
        border-bottom-color: var(--color-primary);
        color: var(--color-primary);
    }

.worker-card-idle[b-do0p31wlr3] {
    background-color: var(--color-bg-app);
    border-color: var(--bs-gray-200);
}

    .worker-card-idle .worker-header[b-do0p31wlr3] {
        color: var(--bs-gray-400);
        border-bottom-color: transparent;
    }

.worker-idle-body[b-do0p31wlr3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bs-gray-400);
}

.worker-progress[b-do0p31wlr3] {
    height: 8px;
    margin-top: 1.5rem;
    border-radius: 4px;
}

    .worker-progress .progress-bar[b-do0p31wlr3] {
        background-color: var(--color-primary);
    }

@media (max-width: 576px) {
    .cube-container[b-do0p31wlr3] {
        height: auto;
    }

    .queue-scroll-area[b-do0p31wlr3] {
        height: 300px !important;
    }

    .worker-scroll-area[b-do0p31wlr3] {
        overflow-y: visible;
        overflow-x: hidden;
    }
}
/* /Pages/CubingRequestStatistics.razor.rz.scp.css */
.cubing-statistics-container[b-w8spnagou4] {
    width: 100%;
}

.cubing-statistics-body[b-w8spnagou4] {
    padding: var(--spacing-xl);
    max-width: 1200px;
    margin: 0 auto;
}

.cubing-statistics-header[b-w8spnagou4] {
    vertical-align: top;
    margin-bottom: var(--spacing-xl);
}

.title[b-w8spnagou4] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.subtitle[b-w8spnagou4] {
    margin: var(--spacing-xs) 0 0 0;
    font-size: 0.95rem;
}

.date-controls[b-w8spnagou4] {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-end;
}

.input-group[b-w8spnagou4] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .input-group label[b-w8spnagou4] {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .input-group input[type="date"][b-w8spnagou4] {
        padding: 0.6rem;
        font-size: var(--font-size-body);
        border: none;
        outline: none;
    }

        .input-group input[type="date"]:focus[b-w8spnagou4] {
            box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
        }
/* /Pages/CubingResult.razor.rz.scp.css */
.cubing-result-container[b-us0tueasf9] {
    width: 100%;
}

.cubing-result-body[b-us0tueasf9] {
    padding: var(--spacing-xl);
    max-width: 1200px;
    margin: 0 auto;
}

.cubing-result-header[b-us0tueasf9] {
    vertical-align: top;
    margin-bottom: var(--spacing-xl);
}

.title[b-us0tueasf9] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.cartons-wrapper[b-us0tueasf9] {
    border-radius: var(--spacing-md);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background-color: var(--color-bg-surface);
}

.cubing-result-collapse[b-us0tueasf9] {
    display: grid;
    transition: grid-template-rows 0.3s ease;
    grid-template-rows: 0;
    overflow: hidden;
}

    .cubing-result-collapse.show[b-us0tueasf9] {
        grid-template-rows: 1fr !important;
    }

.accordion-button[b-us0tueasf9] {
    box-shadow: none;
}

.table-wrapper[b-us0tueasf9] {
    border-radius: var(--spacing-md);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow-y: hidden;
    overflow-x: auto;
    background-color: var(--color-bg-surface);
}

.cubing-result-table[b-us0tueasf9] {
    width: 100%;
    text-align: left;
}

    .cubing-result-table th[b-us0tueasf9] {
        background-color: #f3f4f6;
        padding: var(--spacing-md);
        color: var(--color-text);
        font-size: var(--font-size-body);
        font-weight: var(--font-weight-body);
    }

    .cubing-result-table td[b-us0tueasf9] {
        padding: var(--spacing-md);
        font-size: var(--font-size-body);
    }

    .cubing-result-table tbody tr:last-child td[b-us0tueasf9] {
        border-bottom: none;
    }

.cubing-result-table-header-sortable[b-us0tueasf9] {
    cursor: pointer;
}

    .cubing-result-table-header-sortable:hover[b-us0tueasf9] {
        background-color: #d9dbdf;
    }

.cubing-result-table-header-content[b-us0tueasf9] {
    display: flex;
    justify-content: space-between;
}

    .cubing-result-table-header-content .hidden[b-us0tueasf9] {
        visibility: hidden;
    }
/* /Pages/Home.razor.rz.scp.css */
.dashboard-container[b-9pbqiors1e] {
    height: 100%;
    max-width: 1200px;
    padding: var(--spacing-xl);
    box-sizing: border-box;
    gap: var(--spacing-sm);
    margin: 0 auto;
}
/* /Pages/Login.razor.rz.scp.css */
.login-wrapper[b-txbt65ghjb] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-lg);
    min-height: 50vh;
}

.login-card[b-txbt65ghjb] {
    width: 100%;
    max-width: 400px;
    background: #ffffff;
    padding: var(--spacing-lg);
    border: var(--border-width-base) solid var(--color-border);
    border-radius: var(--border-radius-base);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.login-header[b-txbt65ghjb] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}
    .login-header p[b-txbt65ghjb] {
        font-size: var(--font-size-h1);
        font-weight: var(--font-weight-h1);
        margin: 0;
    }

.login-status[b-txbt65ghjb] {
    text-align: center;
}
    .login-status p[b-txbt65ghjb] {
        margin-bottom: var(--spacing-lg);
        color: var(--color-text-muted);
    }

.form-group[b-txbt65ghjb] {
    margin-bottom: var(--spacing-md);
}

.form-label[b-txbt65ghjb] {
    display: block;
    margin-bottom: var(--spacing-sm);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
}

.form-input[b-txbt65ghjb] {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
    border: var(--border-width-base) solid var(--color-border);
    border-radius: var(--border-radius-base);
    font-size: var(--font-size-h3);
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-input:focus[b-txbt65ghjb] {
        outline: none;
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
    }

.form-actions[b-txbt65ghjb] {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-lg);
}

.error-message-container[b-txbt65ghjb] {
    padding: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-md);
    border: var(--border-width-base) solid #f5c6cb;
    border-radius: var(--border-radius-base);
    background-color: var(--color-bg-error);
    color: var(--color-danger);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
    text-align: center;
}

.form-input.input-error[b-txbt65ghjb] {
    border-color: var(--color-danger);
}

    .form-input.input-error:focus[b-txbt65ghjb] {
        border-color: var(--color-danger);
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);
    }

.barcode-scanner[b-txbt65ghjb] {
    padding: 0 0 var(--spacing-md) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .barcode-scanner img[b-txbt65ghjb] {
        max-width: 100%;
        height: auto;
    }

.link[b-txbt65ghjb] {
    background: none;
    border: none;
    color: LinkText;
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
    margin-top: var(--spacing-md);
}