.admin-page {display: flex; min-height: 0; flex: 1; flex-direction: column; max-width: 1440px; margin: 0 auto; padding: 4px 34px 24px; overflow: hidden;}
.admin-title-row {display: flex; min-height: var(--control-height); flex: 0 0 auto; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px;}
.admin-title-row h1 {margin: 0; color: var(--color-text-primary); font-size: 28px; font-weight: 700; letter-spacing: 0;}
.admin-title-row p {margin: 0; color: var(--color-text-muted); font-size: 14px;}
.admin-tabs {display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--color-border); margin-bottom: 18px;}
.admin-tab {display: inline-flex; height: 46px; align-items: center; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--color-text-muted); padding: 0 18px; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer;}
.admin-tab.active {border-color: var(--color-brand); color: var(--color-brand-font);}
.admin-workspace {display: grid; min-height: 0; flex: 1; grid-template-columns: minmax(520px, 1fr) 420px; gap: 18px; align-items: stretch;}
.admin-workspace.mapping {grid-template-columns: 320px minmax(680px, 1fr);}
.admin-workspace.code {grid-template-columns: minmax(420px, 0.9fr) minmax(520px, 1.1fr);}
.admin-workspace.code .admin-table-wrap {min-height: 150px; flex: 0 1 40%;}
.admin-workspace.code .admin-subsection-head {min-height: 54px; margin-top: 0; border-top: 1px solid var(--color-border-soft); padding-top: 0;}
.admin-workspace.code .admin-form {flex: 1 1 60%;}
/* overflow/min-height: workspace 안에서만 남은 높이 채움. .page 목록형은 컨텐츠 높이(아래 table-wrap 기본값). */
.admin-panel {display: flex; min-width: 0; min-height: auto; flex-direction: column; overflow: visible; border: 1px solid var(--color-border); border-radius: 8px; background: var(--neutral-white); box-shadow: 0 8px 20px var(--shadow-soft);}
.admin-workspace > .admin-panel,
.admin-page > .admin-panel {min-height: 0; overflow: hidden;}
.admin-panel-head {display: flex; min-height: 58px; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--color-border-soft); padding: 0 18px;}
.admin-subsection-head {margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--color-border-soft);}
.admin-panel-head strong {color: var(--color-text-primary); font-size: 17px;}
.admin-panel-head.compact {min-height: 48px; padding: 0 18px;}
.admin-sub-panel {border-top: 1px solid var(--color-border-soft);}
.admin-panel-message {display: none; flex: 0 0 auto; border-bottom: 1px solid color-mix(in srgb, var(--color-danger) 25%, var(--neutral-white)); background: color-mix(in srgb, var(--color-danger) 6%, var(--neutral-white)); padding: 10px 14px; color: var(--color-danger); font-size: 13px; font-weight: 600;}
.admin-panel-message.active {display: block;}
.admin-actions {display: flex; gap: 8px; align-items: center;}
.admin-search {width: 240px; flex: 0 0 240px;}
.admin-search.compact {width: 180px; flex-basis: 180px;}
.admin-search-form {display: flex; align-items: center; gap: 8px;}
.admin-filter-form {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; padding: 16px 18px;}
.admin-filter-field {display: grid; gap: 6px;}
.admin-filter-field > label {color: var(--color-text-muted); font-size: 13px; font-weight: 600;}
.admin-filter-label {color: var(--color-text-muted); font-size: 13px; font-weight: 600;}
.admin-option-group {display: flex; min-height: var(--control-height); align-items: center; gap: 14px;}
.admin-option-group label {display: inline-flex; align-items: center; gap: 5px; color: var(--color-text-secondary); font-size: 14px; white-space: nowrap; cursor: pointer;}
.admin-option-group input {width: 16px; height: 16px; margin: 0; accent-color: var(--color-brand);}
.admin-filter-period-inputs {display: flex; align-items: center; gap: 6px;}
.admin-filter-period-inputs input {width: 150px;}
.admin-filter-shortcuts {display: flex; gap: 6px;}
.admin-list-panel {margin-top: 18px;}
.admin-list-footer {display: grid; min-height: 58px; flex: 0 0 auto; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; border-top: 1px solid var(--color-border-soft); padding: 8px 14px; color: var(--color-text-muted); font-size: 13px;}
.admin-list-footer .pagination {grid-column: 2; margin: 0;}
/*
 * admin-table-wrap 기본: 컨텐츠 높이 (flex-basis:0 + min-height:0 이면 height 0/-0 붕괴).
 * 마스터-디테일(.admin-workspace)만 남은 영역을 채우고 내부 스크롤.
 */
.admin-table-wrap {min-height: auto; flex: 0 0 auto; overflow: auto; max-height: none;}
.admin-workspace .admin-table-wrap {min-height: 0; flex: 1 1 0;}
/* 목록 테이블: 가로 스크롤 최소화. 컬럼 너비는 colgroup으로 지정 */
.admin-table-wrap > .admin-table {min-width: 0;}
.admin-form {display: grid; min-height: 0; flex: 1 1 auto; gap: 14px; padding: 18px; overflow-y: auto; overscroll-behavior: contain;}
.admin-form-row {display: grid; gap: 6px;}
/* 메뉴·권한 관리 폼은 남는 높이를 라벨/입력 행에 분배하지 않는다. */
#menuForm,
#menuForm .admin-form-row,
#authForm,
#authForm .admin-form-row {align-content: start;}
.admin-form-row label {color: var(--color-text-muted); font-size: 13px; font-weight: 600;}
.admin-form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.admin-form-actions {display: flex; justify-content: flex-end; gap: 8px;}
.admin-chip-list {display: flex; flex-wrap: wrap; gap: 7px;}
.admin-chip {display: inline-flex; align-items: center; gap: 5px; min-height: 32px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--neutral-50); padding: 0 10px; color: var(--color-text-secondary); font-size: 13px; font-weight: 600;}
.admin-chip input {width: 14px; height: 14px;}
.admin-list {min-height: auto; flex: 0 0 auto; max-height: none; overflow: auto; padding: 10px; overscroll-behavior: contain;}
.admin-workspace .admin-list {min-height: 0; flex: 1 1 0;}
.admin-list button {display: block; width: 100%; min-height: 46px; border: 0; border-radius: 6px; background: transparent; padding: 9px 10px; text-align: left; cursor: pointer;}
.admin-list button:hover, .admin-list button.active {background: var(--color-brand-soft);}
.admin-list strong {display: block; color: var(--color-text-primary); font-size: 14px;}
.admin-list span {display: block; margin-top: 3px; color: var(--color-text-muted); font-size: 12px;}
@media (max-width: 1180px) {
    .admin-workspace, .admin-workspace.mapping, .admin-workspace.code {grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 900px) {
    .admin-page {display: block; overflow: visible;}
    .admin-workspace, .admin-workspace.mapping, .admin-workspace.code {display: grid; grid-template-rows: none;}
    .admin-panel {overflow: visible;}
    .admin-table-wrap, .admin-list {max-height: 420px;}
    .admin-workspace.code .admin-table-wrap {min-height: 240px; max-height: 420px; flex-basis: auto;}
    .admin-form {overflow: visible;}
}

/* =============================================================================
 * 관리자 카드형 목록 테이블 (구 cert-monitoring-list-table)
 * 일반 업무 목록의 styleTable -s2 -wrap과는 별도 계열.
 * 사용: <div class="admin-table-wrap admin-list-wrap">
 *         <table class="admin-table admin-list-table">
 * 하위 호환: cert-monitoring-list-wrap / cert-monitoring-list-table 도 동일 스타일
 * ============================================================================= */
.admin-list-wrap,
.cert-monitoring-list-wrap {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--color-border-soft);
    border-radius: 10px;
    background: var(--neutral-white);
}

.admin-list-wrap-inset {
    margin: 0 18px 18px;
}

.admin-list-table,
.cert-monitoring-list-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

.admin-list-table thead th,
.cert-monitoring-list-table thead th {
    text-align: center;
    white-space: nowrap;
    padding: 12px 8px;
    background: var(--color-surface-soft);
    border-bottom: 1px solid var(--color-border-soft);
    color: var(--color-text-secondary);
    font-weight: 700;
}

.admin-list-table tbody td,
.cert-monitoring-list-table tbody td {
    text-align: center;
    vertical-align: middle;
    padding: 12px 8px;
    border-bottom: 1px solid var(--color-border-soft);
}

/* 가로 스크롤 목록에서 지정한 첫 번째 열만 고정 */
.admin-list-table.admin-list-horizontal thead th {
    top: auto;
}

.admin-list-table .admin-list-col-fixed {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--neutral-white);
    box-shadow: inset -1px 0 var(--color-border-soft);
}

.admin-list-table thead .admin-list-col-fixed {
    z-index: 3;
    background: var(--color-surface-soft);
}

.admin-statistics-wrap {overflow-x: auto;}
.admin-statistics-table {width: 100%; min-width: 0 !important; table-layout: fixed;}
.admin-statistics-menu-col {width: 140px;}
.admin-statistics-path-col {width: 210px;}
.admin-statistics-period-col {width: 60px;}
.admin-statistics-total-col {width: 70px;}
.admin-statistics-month .admin-statistics-menu-col {width: 11%;}
.admin-statistics-month .admin-statistics-path-col {width: 17%;}
.admin-statistics-month .admin-statistics-period-col {width: 5.5%;}
.admin-statistics-month .admin-statistics-total-col {width: 6%;}
.admin-statistics-day {min-width: 2450px !important;}
.admin-statistics-table td {white-space: nowrap;}
.admin-statistics-table td:first-child,
.admin-statistics-table td:nth-child(2) {white-space: normal; word-break: keep-all;}
.admin-statistics-table td.admin-statistics-number {text-align: right; font-variant-numeric: tabular-nums;}
.admin-statistics-table td.admin-statistics-total {background: var(--color-surface-soft); font-weight: 700;}

.admin-list-table tbody tr.admin-list-row,
.admin-list-table tbody tr.is-clickable {
    cursor: pointer;
}

.admin-list-table tbody tr.admin-list-row:hover td,
.admin-list-table tbody tr.is-clickable:hover td,
.cert-monitoring-list-table tbody tr.cert-monitoring-row:hover td {
    background: var(--neutral-50);
}

/* 기관명·좌측 정렬 텍스트 컬럼 */
.admin-list-table td.admin-list-col-name,
.admin-list-table td.admin-list-col-left,
.cert-monitoring-list-table tbody td.cert-monitoring-col-instt {
    text-align: left;
}

.admin-list-table .admin-list-col-name .link,
.cert-monitoring-list-table .cert-monitoring-col-instt .link {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 기간(희망/확정) 셀 — 줄바꿈 허용 */
.admin-list-table td.admin-list-col-period,
.cert-monitoring-list-table .cert-monitoring-col-hope {
    white-space: normal;
}

/* 공용 기간 표시 (구 list용 cert-date-range / surv-date-range)
 * ※ 폼 입력용 .cert-date-range(cert.css, .input 가로배치)와 구분 — 목록 테이블 안에서만 별칭 적용 */
.admin-date-range,
.surv-date-range,
.admin-list-table .cert-date-range,
.admin-list-wrap .cert-date-range,
.cert-monitoring-list-table .cert-date-range {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    line-height: 1.25;
}

.admin-date-range-year,
.surv-date-range-year,
.admin-list-table .cert-date-range-year,
.admin-list-wrap .cert-date-range-year,
.cert-monitoring-list-table .cert-date-range-year {
    color: var(--color-text-subtle);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.admin-date-range-days,
.surv-date-range-days,
.admin-list-table .cert-date-range-days,
.admin-list-wrap .cert-date-range-days,
.cert-monitoring-list-table .cert-date-range-days {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text-secondary);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.admin-date-range-days--cross-year,
.surv-date-range-days--cross-year,
.admin-list-table .cert-date-range-days--cross-year,
.admin-list-wrap .cert-date-range-days--cross-year,
.cert-monitoring-list-table .cert-date-range-days--cross-year {
    flex-direction: column;
    gap: 2px;
}

.admin-date-range-dash,
.surv-date-range-dash,
.admin-list-table .cert-date-range-dash,
.admin-list-wrap .cert-date-range-dash,
.cert-monitoring-list-table .cert-date-range-dash {
    color: var(--color-text-subtle);
    font-weight: 400;
}