/**
 * 해체 — 모듈 전용 스타일.
 */

.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)); }

/* 시리얼 검색 결과 */
.dsm-serial-search .c-typeahead {
    width: 100%;
}

.dsm-picked {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgb(139 149 255 / 0.06);
    border: 1px solid rgb(139 149 255 / 0.18);
    border-radius: 8px;
}
.dsm-picked__icon {
    font-size: 22px;
    color: var(--brand-light);
}
.dsm-picked__main {
    flex: 1;
    min-width: 0;
}
.dsm-picked__title {
    font-size: 13px;
    color: var(--ink-100);
    font-weight: 600;
}
.dsm-picked__meta {
    font-size: 11px;
    color: var(--ink-400);
    margin-top: 2px;
}
.dsm-picked__status-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 6px;
}
.dsm-picked__status-tag--active {
    background: rgb(34 197 94 / 0.15);
    color: var(--good-300);
}
.dsm-picked__status-tag--discarded {
    background: rgb(240 68 56 / 0.15);
    color: var(--bad-300);
}

.dsm-picked__clear {
    flex-shrink: 0;
    background: transparent;
    border: 0;
    color: var(--ink-500);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
}
.dsm-picked__clear:hover {
    background: rgb(255 255 255 / 0.05);
    color: var(--ink-200);
}

/* BOM 정보 뱃지 */
#bomBadge.is-genealogy { color: var(--good-300); }
#bomBadge.is-fallback  { color: var(--warn-300); }

/* 목록 대상 종류 배지 (시리얼 / Lot) */
.dsm-kind {
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
    vertical-align: middle;
    margin-right: 4px;
}
.dsm-kind--serial { background: rgb(59 130 246 / 0.15); color: var(--info-300); }
.dsm-kind--lot    { background: rgb(168 133 255 / 0.15); color: #b6a6ff; }

/* 상태 행 hover */
.row-canceled td { opacity: 0.55; }