/**
 * 자재요청 — 모듈 전용.
 */

.c-drawer.c-drawer--wide {
    width: min(900px, 96vw);
}
.c-drawer.c-drawer--wide[aria-hidden="false"] { right: 0; }
.c-drawer.c-drawer--wide[aria-hidden="true"]  { right: calc(-1 * min(900px, 96vw)); }

.mr-line-add {
    padding: 12px 14px;
    background: rgb(255 255 255 / 0.012);
    border: 1px solid rgb(255 255 255 / 0.04);
    border-radius: 10px;
}

#linesTable.table-compact th,
#linesTable.table-compact td {
    padding: 6px 8px;
    font-size: 12px;
}
#linesTable thead th { background: transparent; }
#linesTable tbody td { border-bottom: 1px solid rgb(255 255 255 / 0.04); }

/* 셀 세로 구분선 */
#tbl thead th,
#tbl tbody td {
    border-right: 1px solid rgb(255 255 255 / 0.07);
}
#tbl thead th:last-child,
#tbl tbody td:last-child {
    border-right: 0;
}

#tbl tbody tr {
    cursor: pointer;
    transition: background var(--t-fast) var(--ease);
}
#tbl tbody tr:hover td { background: rgb(255 255 255 / 0.025); }
#tbl tbody tr.row-canceled { opacity: 0.55; }

/* 충족도 progress bar */
.fulfill-bar {
    width: 80px;
    height: 6px;
    background: rgb(255 255 255 / 0.06);
    border-radius: 999px;
    overflow: hidden;
    margin: 0 auto 2px;
}
.fulfill-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--brand), var(--brand-light));
    transition: width var(--t-base) var(--ease);
}
.fulfill-bar__fill[data-rate="100"] {
    background: linear-gradient(90deg, #69d685, #4ec06d);
}
.fulfill-bar__fill[data-rate="0"] {
    background: rgb(255 255 255 / 0.10);
}

.line-remove {
    background: transparent; border: 0;
    color: var(--ink-500); cursor: pointer;
    padding: 4px; border-radius: 4px;
}
.line-remove:hover { color: var(--bad-300); background: rgb(255 95 103 / 0.08); }

#mineToggle[aria-pressed="true"] {
    background: linear-gradient(180deg, rgb(139 149 255 / 0.16), rgb(139 149 255 / 0.06));
    border-color: var(--border-brand);
    color: var(--brand-light);
}