/* ── Table Empty ────────────────────────────────────────────────── */
.sam-table-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    color: #9ca3af;
    font-size: 14px;
}

/* ── Option Table ───────────────────────────────────────────────── */
.sam-row-option {
    display: grid;
    align-items: center;
    grid-template-columns: 0.7fr 1fr 1.1fr 1.5fr 1fr 1fr 1fr 1.5fr;
    height: 50px;
    min-width: 0;
}

.sam-filter-row-option {
    justify-content: start;
}

.sam-filter-row-option .sam-filter-group:nth-child(1){
    margin-right: 20px !important;
}

.sam-btn-create {
    background-color: #4779AE;
    padding: 10px 35px;
    border-radius: 8px;
    color: white;
}

/* ── Log Table ──────────────────────────────────────────────────── */
.sam-row-log {
    display: grid;
    align-items: center;
    grid-template-columns: 0.6fr 1fr 1.2fr 1fr 1fr 0.8fr 1.4fr;
    height: 50px;
    min-width: 0;
}

/* 엑셀 다운로드 버튼 */
.sam-btn-excel {
    width: 144px;
    background-color: #4779AE;
    padding: 10px 20px;
    border-radius: 8px;
    color: white;
}

/* ── Receipt Table ──────────────────────────────────────────────── */
.sam-row-receipt {
    display: grid;
    align-items: center;
    grid-template-columns: 0.6fr 1fr 1fr 1fr 1fr 1fr 1fr 1.4fr;
    height: 50px;
    min-width: 0;
}

/* ── Snapshot Table ─────────────────────────────────────────────── */
.sam-row-snapshot {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1.05fr 1.1fr 1.1fr 1.1fr 1fr 1.5fr;
    height: 50px;
    min-width: 0;
}

@media (max-width: 1200px) {
    .sam-table-empty {
        background: #ffffff;
        margin: 0 0 24px;
        border-radius: 8px;
    }


    /* Log mobile layout: 4+3 split */
    .sam-table--log .sam-row-log {
        grid-template-columns: 1fr 1.2fr 1.4fr 1.2fr;
        grid-template-rows: auto auto;
        grid-template-areas:
        "no log-type content processor"
        "target-id status date date";
        height: auto;
        padding: 8px 0;
        row-gap: 4px;
    }

    .sam-table--log .sam-row-log.sam-row--head .sam-cell[data-col="no"],
    .sam-table--log .sam-row-log.sam-row--head .sam-cell[data-col="log-type"],
    .sam-table--log .sam-row-log.sam-row--head .sam-cell[data-col="content"],
    .sam-table--log .sam-row-log.sam-row--head .sam-cell[data-col="processor"] {
        background-color: #777A8E;
    }

    .sam-table--log .sam-row-log .sam-cell[data-col="no"] { grid-area: no; }
    .sam-table--log .sam-row-log .sam-cell[data-col="log-type"] { grid-area: log-type; }
    .sam-table--log .sam-row-log .sam-cell[data-col="content"] { grid-area: content; }
    .sam-table--log .sam-row-log .sam-cell[data-col="processor"] { grid-area: processor; }
    .sam-table--log .sam-row-log .sam-cell[data-col="target-id"] { grid-area: target-id; }
    .sam-table--log .sam-row-log .sam-cell[data-col="status"] { grid-area: status; }
    .sam-table--log .sam-row-log .sam-cell[data-col="date"] { grid-area: date; }

    .sam-btn-excel {
        width: 125px;
        padding: 7px 16px;
        font-size: 14px;
        white-space: nowrap;
    }

    /* Snapshot mobile layout: 4+3 split */
    .sam-table--snapshot .sam-row-snapshot {
        grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
        "no id governance period"
        "target-count status date date";
        height: auto;
        padding: 8px 0;
        row-gap: 4px;
    }

    .sam-table--snapshot .sam-row-snapshot.sam-row--head .sam-cell[data-col="no"],
    .sam-table--snapshot .sam-row-snapshot.sam-row--head .sam-cell[data-col="snapshot-id"],
    .sam-table--snapshot .sam-row-snapshot.sam-row--head .sam-cell[data-col="governance"],
    .sam-table--snapshot .sam-row-snapshot.sam-row--head .sam-cell[data-col="period"] {
        background-color: #777A8E;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="no"] {
        grid-area: no;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="snapshot-id"] {
        grid-area: id;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="governance"] {
        grid-area: governance;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="period"] {
        grid-area: period;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="target-count"] {
        grid-area: target-count;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="status"] {
        grid-area: status;
    }

    .sam-table--snapshot .sam-row-snapshot .sam-cell[data-col="date"] {
        grid-area: date;
    }

    /* Option mobile layout: 4+4 split */
    .sam-btn-create {
        background-color: #4779AE;
        padding: 7px 27px;
        border-radius: 8px;
        color: white;
        font-size: 14px;
    }

    .sam-table--option .sam-row-option {
        grid-template-columns: 1fr 1.2fr 1.2fr 1.2fr;
        grid-template-rows: auto auto;
        grid-template-areas:
        "no opt-id opt-title snapshot"
        "target-count score status date";
        height: auto;
        padding: 8px 0;
        row-gap: 4px;
    }

    .sam-table--option .sam-row-option.sam-row--head .sam-cell[data-col="no"],
    .sam-table--option .sam-row-option.sam-row--head .sam-cell[data-col="option-id"],
    .sam-table--option .sam-row-option.sam-row--head .sam-cell[data-col="option-title"],
    .sam-table--option .sam-row-option.sam-row--head .sam-cell[data-col="snapshot"] {
        background-color: #777A8E;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="no"] {
        grid-area: no;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="option-id"] {
        grid-area: opt-id;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="option-title"] {
        grid-area: opt-title;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="snapshot"] {
        grid-area: snapshot;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="target-count"] {
        grid-area: target-count;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="score"] {
        grid-area: score;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="status"] {
        grid-area: status;
    }

    .sam-table--option .sam-row-option .sam-cell[data-col="date"] {
        grid-area: date;
    }

    /* Receipt mobile layout: 4+4 split */
    .sam-table--receipt .sam-row-receipt {
        grid-template-columns: 1fr 1.2fr 1.2fr 1.2fr;
        grid-template-rows: auto auto;
        grid-template-areas:
        "no type receipt-id trade-id"
        "user-id amount status date";
        height: auto;
        padding: 8px 0;
        row-gap: 4px;
    }

    .sam-table--receipt .sam-row-receipt.sam-row--head .sam-cell[data-col="no"],
    .sam-table--receipt .sam-row-receipt.sam-row--head .sam-cell[data-col="type"],
    .sam-table--receipt .sam-row-receipt.sam-row--head .sam-cell[data-col="receipt-id"],
    .sam-table--receipt .sam-row-receipt.sam-row--head .sam-cell[data-col="trade-id"] {
        background-color: #777A8E;
    }

    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="no"] { grid-area: no; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="type"] { grid-area: type; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="receipt-id"] { grid-area: receipt-id; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="trade-id"] { grid-area: trade-id; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="user-id"] { grid-area: user-id; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="amount"] { grid-area: amount; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="status"] { grid-area: status; }
    .sam-table--receipt .sam-row-receipt .sam-cell[data-col="date"] { grid-area: date; }

    .sam-date-pc {
        display: none;
    }

    .sam-date-mobile {
        display: inline;
    }
}


/* ── Log Detail ─────────────────────────────────────────────────── */

/* ── 옵션 상세/수정 — 관리자 메모 textarea ───────────────────── */
.scod-info-value--memo,
.saod-main--detail .saod-info-value--memo,
.sard-info-value--memo {
  display: flex;
  align-items: center;
}

.scod-memo-textarea,
.saod-memo-textarea,
.sard-memo-textarea {
  width: 100%;
  height: auto;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
/* 연관 ID 클릭 링크 */
.sald-info-link {
  background: none;
  border: none;
  padding: 0;
  color: #222222;
  font-size: 16px;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sald-info-link:hover {
  color: #818181;
}