/* =================================================
 (주)이젠 LMS Demo 프로젝트
 파일명 : content.css
 생성일 : 2026/01/14 
 생성자 : (주)이젠 이초원 대리
 
 === 수정 이력 ===
 2026/05/07 이초원 대리 - Login 페이지 반응형 적용
==================================================== */

/* Login */
#login { grid-template-columns: 1.5fr 1fr; min-width: 100%; height: 100%; }
#login main > div { height: 100%; }
#login .lb { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a2b4b 0%, #0d1626 100%); color: white; overflow: hidden; }
#login .lb::before { content: ""; position: absolute; top: -50px; left: -50px; width: 300px; height: 300px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); }
#login .lb::after { content: ""; position: absolute; bottom: -100px; right: -100px; width: 500px; height: 500px; border-radius: 50%; background: rgba(255, 255, 255, 0.03); }
#demo_logo { font-size: 4rem; }
#demo_brand_name { font-size: 2rem; font-weight: 700; margin: 2rem 0 1rem; letter-spacing: 0.03em; }
#demo_brand_slogan { font-size: 1.2rem; font-weight: 300; opacity: 0.8; }
#login .rb { display: flex; align-items: center; justify-content: center; background: white; }
#login .rb > div { width: 100%; max-width: 400px; margin: 0 auto; }
#login .rb h1 { text-align: center; font-size: 2rem; border-bottom: 2px solid var(--color-grayBlue); padding-bottom: 1.5rem; font-weight: 900; }
#login_form { display: flex; flex-direction: column; }
.login_util { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; }
.login_util_find a { color: var(--color-darkGray); font-weight: 500; }
.login_util_find a:hover { color: var(--color-navy); }
#login input[type="text"],
#login input[type="password"] { width: 100%; }

@media screen and (max-width: 1200px) {
  #login { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width: 768px) {
  #login { grid-auto-flow: row; grid-template-areas: none; grid-template-columns: none; grid-template-rows: none; }
}


/* 대시보드 */
.dashboard .radiBox_wrap { grid-template-columns: repeat(2, 1fr); }
.radiBox.wFull { grid-column: 1 / -1; }
#monthly_sales td:nth-child(n + 2) { text-align: right; }
#dashboard_consulting td a { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; max-width: 100%; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; max-height: calc(1.4em * 2); }
#dashboard_consulting tbody tr:has(.badge.red) { background-color: color-mix(in srgb, var(--color-light-pink) 30%, transparent); }


/* 회원관리 */
.search_filter { margin-bottom: 1.5rem; }
.user_list .radiBox:last-child td { letter-spacing: -0.05em; }


/* 회원상세 */
#user_detail { grid-template-rows: 4rem 1fr; grid-template-columns: none; min-width: 1200px; grid-template-areas: "header" "content"; }
#user_detail #header,
#user_detail #content { padding: 1rem; }
#user_detail #content { display: grid; grid-template-columns: 1fr 240px; gap: 1rem; background: var(--color-lightBlue); }
#user_detail select { margin: 1rem 0 0.5rem; }
textarea { width: 100%; height: 100px; padding: 1rem; border: 1px solid var(--color-gray); border-radius: var(--border-radius-btn); resize: none; outline: none; }
.btn_wrap { display: flex; align-items: center; margin-top: 1rem; gap: 0.5rem; }
.btn_wrap.right { justify-content: flex-end; }