/* Override cardInner — wide tables scroll inside the expandable body, not the card */
#jewelers .cardInner {
    min-width: 0;
}


/****** Unassigned Jobs ******/

.unassignedJobs {
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    background: var(--gray-50);
    padding: 12px;
    margin-bottom: 16px;
    /* the card scrolls horizontally for wide tables — cap and pin this block so it
       stays a tidy, fully-bordered box at the left instead of stretching off-screen */
    max-width: 760px;
    box-sizing: border-box;
    position: sticky;
    left: 0;
}

.unassignedJobsTitle {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
}

.unassignedJobsDescription {
    font-size: 12px;
    color: var(--gray-600);
    margin-bottom: 8px;
}

/* white fields on the gray panel so the controls stand out instead of gray-on-gray */
.unassignedJobsTableRowJeweler {
    background-color: white;
    max-width: 220px;
}


/****** Jeweler List Items (shared pattern with create-po) ******/

.jewelersListEmpty {
    color: var(--gray-500);
    font-size: 13px;
    padding: 12px 0;
}

.jewelersListItem {
    border: 1px solid var(--gray-200);
    margin-bottom: 8px;
    border-radius: var(--radius-md);
}

.jewelersListItemToggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--gray-50);
    border: none;
    border-bottom: 1px solid transparent;
    padding: 8px 12px;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    text-align: left;
}

.jewelersListItemToggle.active {
    border-bottom-color: var(--gray-200);
}

.jewelersListItemToggleCount {
    font-weight: normal;
    color: var(--gray-500);
}

.jewelersListItemToggle::after {
    content: "\25B6";
    font-size: 10px;
    margin-left: auto;
    transition: transform 0.2s;
}

.jewelersListItemToggle.active::after {
    transform: rotate(90deg);
}

.jewelersListItemBody {
    display: none;
}

.jewelersListItemToggle.active + .jewelersListItemBody {
    display: block;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: auto;
    padding: 12px;
}


/* Label */

.jewelersListItemBodyLabel {
    font-weight: 600;
    margin-bottom: 4px;
}


/* Stats */

.jewelersListItemBodyStats {
    margin-bottom: 8px;
}


/* Divider */

.jewelersListItemBodyDivider {
    height: 1px;
    background-color: var(--gray-200);
    width: 100%;
    margin: 16px 0;
}


/* Jobs Table */

.jewelersListItemBodyJobsSelectAll {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.jewelersListItemBodyJobs [name] {
    padding: 6px 8px;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-sm);
    font-size: 13px;
}

.jewelersListItemBodyJobs [name="include"],
.jewelersListItemBodyJobs [name="isRush"],
.jewelersListItemBodyJobs [name="selectAll"] {
    padding: 0;
    border: none;
}

.jewelersListItemBodyJobs [name="bagNumber"],
.jewelersListItemBodyJobs [name="goldColor"] {
    width: 90px;
}

.jewelersListItemBodyJobs [name="size"],
.jewelersListItemBodyJobs [name="units"],
.jewelersListItemBodyJobs [name="repairCost"] {
    width: 70px;
}

.jewelersListItemBodyJobs [name="workInstructions"] {
    width: 260px;
    height: 60px;
    resize: vertical;
}

.jewelersListItemBodyJobsRowRush {
    background-color: #FEF3C7;
    box-shadow: inset 3px 0 0 var(--red);
}

.jewelersListItemBodyJobsRowSub {
    color: var(--gray-500);
    font-size: 12px;
}

.jewelersListItemBodyJobsRowBag {
    display: flex;
    align-items: center;
    gap: 4px;
}

.jewelersListItemBodyJobsRowBagNext {
    font-size: 12px;
    padding: 6px 8px;
}

.jewelersListItemBodyJobsEmpty {
    color: var(--gray-500);
}


/* Summary */

.jewelersListItemBodySummaryTotal {
    margin-bottom: 8px;
}

.jewelersListItemBodySummaryLabel {
    margin-bottom: 16px;
}

.jewelersListItemBodySummaryLabel label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.jewelersListItemBodySummaryLabelNote {
    font-weight: normal;
    color: var(--gray-400);
}

.jewelersListItemBodySummaryInput {
    margin-bottom: 8px;
}

.jewelersListItemBodySummaryInput[readonly] {
    background-color: var(--gray-50);
    color: var(--gray-400);
    cursor: not-allowed;
}

.jewelersListItemBodySummaryDate {
    max-width: 180px;
}

.jewelersListItemBodySummaryTracking {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.jewelersListItemBodySummaryTrackingInput {
    max-width: 260px;
}


/* Bag Number Warning List (Swal modal) */

.createRepairBatchWarningList {
    text-align: left;
    margin-top: 8px;
}

.createRepairBatchWarningConfirm {
    margin-top: 8px;
}