/* 고객센터 관리 기능 (v1.0)
   - 사용자 화면(customer-center.html)과 관리자 화면(admin.html #customer)에서 함께 사용합니다.
   - 사이트 기존 브랜드 색상(주황 --orange)을 그대로 사용합니다. */

/* ===== 사용자 화면 ===== */
.cc-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}
.cc-info-card,.cc-form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.cc-info-card h3,.cc-form-card h3{margin:0 0 16px;font-size:18px}
.cc-steps{display:grid;gap:10px;margin-bottom:20px}
.cc-steps div{background:#fafafa;border-radius:12px;padding:14px}
.cc-steps b{color:var(--orange);display:block;margin-bottom:4px;font-size:13px}
.cc-steps p{margin:0;font-size:13px;color:#666;line-height:1.6}
.cc-privacy-note{font-size:12px;color:#999;line-height:1.75;border-top:1px solid var(--line);padding-top:16px}
.cc-privacy-note p{margin:0 0 4px}

.cc-user-badge{background:#fff5ef;border:1px solid #ffd9c2;border-radius:12px;padding:12px 14px;font-size:13px;color:#82533b;margin-bottom:18px}
.cc-form{display:grid;gap:14px}
.cc-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#405050}
.cc-form input,.cc-form select,.cc-form textarea{border:1px solid #d9dfdf;border-radius:10px;padding:12px;font-size:14px;font-family:inherit}
.cc-form textarea{resize:vertical;line-height:1.6}
.cc-form small{font-weight:600;color:#999}
.cc-form-submit{border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:900;padding:14px;font-size:15px;cursor:pointer;transition:.2s}
.cc-form-submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(243,111,33,.22)}
.cc-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.cc-form-msg{font-size:13px;min-height:18px;margin:0}
.cc-form-msg.success{color:#15834d;font-weight:800}
.cc-form-msg.error{color:#c94730;font-weight:800}

.cc-login-gate{background:#fff;border:1px solid var(--line);border-radius:20px;padding:50px 30px;text-align:center}
.cc-login-gate p{color:#777;margin:8px 0 22px;line-height:1.7}

@media(max-width:900px){.cc-layout{grid-template-columns:1fr}}

/* ===== 관리자 화면 ===== */
.cc-admin-toolbar{display:grid;grid-template-columns:150px 1fr 96px;gap:10px;margin-bottom:18px}
.cc-admin-toolbar select,.cc-admin-toolbar input{border:1px solid #d9dfdf;border-radius:9px;padding:11px 12px;font-size:13px;font-family:inherit}
.cc-admin-toolbar button{border:0;border-radius:9px;background:var(--orange);color:#fff;font-weight:900;cursor:pointer}
@media(max-width:640px){.cc-admin-toolbar{grid-template-columns:1fr}}

.cms-stable .cms-admin-table-inquiry .cms-admin-row{grid-template-columns:70px minmax(140px,1fr) 100px minmax(180px,1.6fr) 130px 140px 110px}
.cms-stable .cms-admin-table-inquiry{overflow:visible}
.cc-status-select{border:1px solid #d9dfdf;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;font-family:inherit;background:#fff}
.cc-inquiry-toggle{border:1px solid #dce1e1;background:#fff;border-radius:7px;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:700}
.cc-inquiry-toggle:hover{border-color:var(--orange);color:var(--orange)}
.cc-inquiry-detail{grid-column:1/-1;background:#fafafa;border-top:1px solid #edf0f2;padding:16px 18px;font-size:13px;color:#555;line-height:1.75;white-space:pre-line}

@media(max-width:1100px){.cms-stable .cms-admin-table-inquiry{overflow-x:auto}.cms-stable .cms-admin-table-inquiry .cms-admin-row{min-width:960px}}