.list-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}
.list-per-page-form{margin-bottom:0}
.list-total-count{font-size:13px;color:#374151;font-weight:600;white-space:nowrap}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
.static{position:static}.mx-auto{margin-inline:auto}.hidden{display:none}.table{display:table}*{box-sizing:border-box}body{color:#222;background:#f5f6fb;margin:0;font-family:Arial,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#101827;width:220px;padding:20px}.sidebar h1{margin-top:0;margin-bottom:20px}.menu-link{color:#dbe3f1;margin-bottom:10px;text-decoration:none;display:block}.main{flex:1;padding:16px}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-right form{margin:0}.topbar-action-btn{justify-content:center;align-items:center;min-height:38px;display:inline-flex;position:relative}.topbar-impersonation-badge{color:#fff;pointer-events:none;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:18px;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px}.card{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #00000014}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000014}.filter-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}form.filter-row>*{width:100%}form.filter-row .btn{text-align:center;justify-content:center;justify-self:start;align-items:center;width:auto;min-width:120px;display:inline-flex}.filter-actions{justify-self:start;align-items:center;gap:8px;display:inline-flex;width:auto!important}.button-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.list-toolbar .button-row{margin-bottom:0}.list-per-page-form{align-items:center;gap:8px;margin:0;display:inline-flex}.list-per-page-form label{color:#4b5563;white-space:nowrap;font-size:.875rem}.list-per-page-form select{width:auto;min-width:100px;padding-right:28px}@media (min-width:768px){form.filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1200px){form.filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.table{border-collapse:collapse;width:100%}.table th,.table td{vertical-align:middle;border:1px solid #e5e7eb;padding:8px;font-size:13px}.table th{background:#f3f4f6}.text-center{text-align:center}.table-row-no{font-weight:600;line-height:1.25}.table-row-idx{color:#6b7280;margin-top:2px;font-size:11px;line-height:1.2}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;text-decoration:none;display:inline-block}.btn-primary{color:#fff;background:#2563eb}.btn-danger{color:#fff;background:#dc2626}.btn-gray{color:#fff;background:#4b5563}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}textarea{min-height:90px}.grid-form{display:grid}.form-container{width:100%;max-width:56rem;margin-left:auto;margin-right:auto}.form-grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field>label{color:#374151;font-size:.875rem;font-weight:600}.form-span-2{grid-column:span 1}.form-actions{grid-column:span 1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.modal .form-actions .btn{text-align:center;min-width:96px}.modal .form-actions .btn[data-auto-cancel=true]{color:#fff;background:#4b5563}@media (min-width:768px){.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span-2,.form-actions{grid-column:span 2}}.pagination{margin-top:12px}.pagination a{color:#1f2937;border:1px solid #d1d5db;border-radius:4px;margin-right:4px;padding:4px 8px;text-decoration:none;display:inline-block}.pagination a.active{color:#fff;background:#2563eb}.login-body{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:360px;padding:24px;box-shadow:0 4px 16px #0000001f}.login-card form{gap:8px;display:grid}.login-remember-row{color:#4b5563;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.login-remember-row input[type=checkbox]{width:auto}.login-submit-row{margin-top:12px}.login-submit-row .btn{width:100%}.alert-error{color:#991b1b;background:#fef2f2;border-radius:8px;margin:10px 0;padding:10px}.alert-success{color:#065f46;background:#ecfdf5;border-radius:8px;margin:10px 0;padding:10px}.modal{z-index:2000;position:fixed;inset:0}.modal.hidden{display:none}.modal-overlay{background:#0f172a8c;position:absolute;inset:0}.modal-panel{background:#fff;border-radius:10px;width:min(720px,92vw);max-height:90vh;margin:5vh auto;padding:0;position:relative;overflow:auto;box-shadow:0 8px 24px #0000002e}.modal-sm .modal-panel,.modal-panel.modal-sm{width:min(420px,92vw)}.modal-header{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;display:flex;position:sticky;top:0}.modal-header h3{margin:0}.modal-panel>:not(.modal-header){padding-left:16px;padding-right:16px}.modal-panel>:not(.modal-header):last-child{padding-bottom:16px}.modal-panel>p{margin:12px 0}.modal-icon-close{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:inline-flex}.modal-icon-close:hover{color:#111827;background:#f3f4f6}
.loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}
.loading-overlay.hidden{display:none}
.loading-spinner{width:48px;height:48px;border:5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:nshop-spin .7s linear infinite}
@keyframes nshop-spin{to{transform:rotate(360deg)}}

/* ---- 레이아웃·폼: 너비를 내용에 맞춤 (관리 화면) ---- */

/* 필터 행: 고정 그리드 컬럼 대신 흐름 배치 */
form.filter-row {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    form.filter-row {
        gap: 12px 16px;
    }
}

form.filter-row > * {
    width: auto;
    max-width: 100%;
    justify-self: unset;
}

form.filter-row > input[type="text"],
form.filter-row > input[type="search"],
form.filter-row > input[type="email"] {
    width: min(100%, 22rem);
}

form.filter-row > input[type="date"] {
    width: auto;
}

form.filter-row .filter-base-date-nav .btn {
    min-width: unset;
    padding-inline: 12px;
}

/* 상단 통계 카드: 가용 너비 100%에 균등 그리드 */
.main .stats {
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
    align-items: stretch;
}

.main .stats > .stat-card,
.main .stats > a.stat-card-link {
    width: 100%;
    min-width: 0;
    max-width: none;
}

/* 카드 본문 입력·선택 (필터 행 제외는 넓은 입력만 상한) */
.main .content .card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.main .content .card select {
    width: auto;
    max-width: 100%;
}

.main .content .card textarea {
    width: min(100%, 42rem);
    max-width: 100%;
    display: block;
}

.main .content .card input[type="text"],
.main .content .card input[type="search"],
.main .content .card input[type="email"],
.main .content .card input[type="number"],
.main .content .card input[type="tel"],
.main .content .card input[type="url"] {
    min-width: min(100%, 12rem);
}

/* 경고(주황) 버튼 */
.btn-warning {
    background: #f59e0b;
    color: #fff;
    border-color: #d97706;
}
.btn-warning:hover {
    background: #d97706;
}

/* 모달 폼 (레이아웃 밖 · 전역) */
.modal-panel input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.modal-panel select {
    width: auto;
    max-width: 100%;
}

.modal-panel .form-field > input:not([type="checkbox"]):not([type="radio"]),
.modal-panel .form-field > select {
    min-width: 14rem;
    max-width: 100%;
}

.modal-panel textarea {
    width: min(100%, 36rem);
    max-width: 100%;
    display: block;
}

/* 공통 규칙: 취소 버튼은 액션 영역의 가장 오른쪽 */
.form-actions .btn-cancel {
    order: 999;
}

/* 공통 규칙: readonly 입력은 비활성 느낌으로 표시 */
input[readonly]:not([type="hidden"]),
textarea[readonly] {
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed;
}

/* 클릭 고정형 툴팁 (텍스트 선택/복사 가능) */
.has-click-tooltip {
    cursor: pointer;
}

.has-click-tooltip.is-tooltip-open {
    outline: 1px dashed #93c5fd;
    outline-offset: 1px;
}

.click-lock-tooltip-panel {
    position: fixed;
    z-index: 3200;
    min-width: 180px;
    max-width: min(560px, calc(100vw - 24px));
    max-height: min(320px, calc(100vh - 24px));
    overflow: auto;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
    font-size: 13px;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    user-select: text;
}

.click-lock-tooltip-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 3250;
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.click-lock-tooltip-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 테이블 관리 액션 버튼: 컴팩트 + 간격 보정 */
.table td .btn {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.2;
    min-height: 28px;
}

.table td .btn + .btn {
    margin-left: 6px;
}