.notification {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: var(--padding-y) var(--padding-x);
    border: 1px solid var(--accent-warning);
    border-radius: var(--border-radius);
    background: var(--warning-bg);
}

.notification-icon {
    color: var(--accent-warning);
    font-size: 32px;
}

.notification-title {
    font-weight: 600;
    margin-bottom: 5px;
}

.notification-desc {
    font-weight: 400;
    font-size: 14px;
    color: var(--muted);
}

.warehouse-table {
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    overflow: hidden;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table>thead>tr>th {
    border-bottom: 1px solid var(--border);
    padding: var(--padding-y) var(--padding-x);
    background: var(--muted-foreground);

    font-weight: 600;
}

table>tbody>tr>td {
    padding: var(--padding-y) var(--padding-x);
    background: var(--card-bg);
}

table>tbody>tr>td:not(:last-child) {
    border-bottom: 1px solid var(--border);
}

.table_name {
    text-align: left;
}

.table_provider {
    text-align: left;
}

.table_remains {
    text-align: right;
}

.table_price {
    text-align: right;
}

.table-item_name>div {
    font-weight: 600;
}

.table-item_category {
    text-align: center;
}

.table-item_category>div {
    display: inline-flex;
    border: 1px solid var(--border);
    font-weight: 600;
    font-size: 14px;
}

.table-item_category>div,
.table-item_status>div {
    border-radius: var(--border-radius);
    padding: 3px 10px;
}

.table-item_provider>div {
    font-weight: 400;
    color: var(--muted);
}

.table-item_remains {
    text-align: right;
}

.table-item_remains>div {
    display: flex;
    flex-direction: column;
}

.remains {
    font-weight: 600;
}

.remains-min {
    color: var(--muted);
    font-size: 14px;
}

.table-item_price {
    text-align: right;
}

.table-item_price>div {
    font-weight: 600;
}

.table-item_status {
    text-align: center;
}

.table-item_status>div {
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
}

.table-item_status>div[data-status="warning"] {
    border: 1px solid var(--accent-warning);
    background: var(--warning-bg);
    color: var(--accent-warning);
}

.table-item_status>div[data-status="ok"] {
    border: 1px solid var(--accent-success);
    background: var(--success-bg);
    color: var(--accent-success);
}


.badge {
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
}

.badge-warning {
    background: rgba(251, 191, 36, 0.16);
    color: #b45309;
}

.badge-info {
    background: rgba(96, 165, 250, 0.2);
    color: #1d4ed8;
}

.badge-measure {
    background: rgba(56, 189, 248, 0.2);
    color: #0ea5e9;
}

.badge-success {
    background: rgba(34, 197, 94, 0.2);
    color: #15803d;
}