/* ParkOn 관리자 — PC 전용 레이아웃. 서비스 팔레트(파랑)와 톤 통일, 볼드 없음. */
:root{
  --brand:#1587dd; --brand-dk:#0b5fa8; --brand-bg:#e8f4fd;
  --ink:#16222b; --line:#dbe6ee; --gray:#64707a;
  --over:#e23b3b;
}
*{box-sizing:border-box; font-weight:normal;}
body{margin:0; background:#f2f5f8; color:var(--ink);
  font-family:-apple-system,"Malgun Gothic","Apple SD Gothic Neo",sans-serif; font-size:15px;}

/* 상단 바 */
.abar{background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;}
.abar-in{max-width:1100px; margin:0 auto; padding:0 24px; height:56px;
  display:flex; align-items:center; justify-content:space-between;}
.alogo{font-size:17px; color:var(--ink); text-decoration:none;}
.anav{display:flex; align-items:center; gap:20px;}
.anav a{color:var(--gray); text-decoration:none; font-size:15px;}
.anav a:hover{color:var(--brand-dk);}
.anav button{border:1px solid var(--line); background:#fff; color:var(--gray);
  padding:7px 14px; border-radius:8px; cursor:pointer; font-size:14px;}

.acontainer{max-width:1100px; margin:0 auto; padding:28px 24px 60px;}
.page-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
.page-head h1{font-size:22px; margin:0;}
.crumb{color:var(--gray); text-decoration:none;}
.crumb:hover{color:var(--brand-dk);}
.dim{color:var(--gray);}
.req{color:var(--over);}

/* 카드 · 2단 배치 */
.acard{background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px; margin-bottom:20px;}
.acard h2{font-size:16px; margin:0 0 14px; color:var(--brand-dk);}
.acols{display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start;}
@media (max-width: 900px){ .acols{grid-template-columns:1fr;} }

/* 폼 */
label{display:block; font-size:13px; color:var(--gray); margin:12px 0 5px;}
input, select, textarea{width:100%; font-size:15px; padding:9px 12px; border:1px solid var(--line);
  border-radius:8px; background:#fff; color:var(--ink); outline:none; font-family:inherit;}
input:focus, select:focus, textarea:focus{border-color:var(--brand);}
textarea{resize:vertical;}
.agrid{display:grid; grid-template-columns:1fr 1fr; gap:0 16px;}
.agrid .span2{grid-column:span 2;}
.arow{display:flex; gap:8px; align-items:center;}
.checkline{display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ink); margin:10px 0;}
.checkline input{width:auto;}

/* 버튼 */
.abtn{display:inline-block; border:none; background:var(--brand); color:#fff; font-size:15px;
  padding:10px 22px; border-radius:8px; cursor:pointer; text-decoration:none; text-align:center;}
.abtn:hover{background:var(--brand-dk);}
.abtn.sm{padding:7px 14px; font-size:14px;}
.abtn.ghost{background:#fff; color:var(--brand-dk); border:1px solid var(--brand);}
.abtn.ghost:hover{background:var(--brand-bg);}

/* 테이블 */
.atable{width:100%; border-collapse:collapse; font-size:14px;}
.atable th{background:#f7fafc; text-align:left; padding:10px 12px; border-bottom:1px solid var(--line);
  color:var(--gray); font-size:13px;}
.atable td{padding:10px 12px; border-bottom:1px solid #edf2f6; vertical-align:middle;}
.atable tr:hover td{background:#fafcfe;}
.cellin{width:90px; text-align:center; padding:6px;}

/* 태그 · 알림 */
.tag{display:inline-block; font-size:12px; padding:3px 10px; border-radius:999px;
  background:#eef2f5; color:var(--gray); border:1px solid var(--line);}
.tag-red{background:#ffecec; color:#b71c1c; border-color:#f3b0b0;}
.tag-green{background:#e8f6e8; color:#1b7a2e; border-color:#bfe3bf;}
.tag-blue{background:var(--brand-bg); color:var(--brand-dk); border-color:var(--brand);}
.asaved{background:var(--brand-bg); border:1px solid var(--brand); color:var(--brand-dk);
  border-radius:8px; padding:10px 16px; margin-bottom:14px;}
.aerror{background:#ffecec; border:1px solid #f3b0b0; color:#b71c1c; border-radius:8px; padding:10px 14px;}

/* 공지 아이템 */
.anotice{border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin-bottom:10px;}
.anotice.inactive{opacity:.6;}
.anotice summary{display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none;}
.anotice form{margin-top:12px;}

/* 로그인 */
.login-box{max-width:380px; margin:12vh auto 0; background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:36px;}
.login-box h1{font-size:22px; margin:0 0 4px; text-align:center;}
.login-box .dim{text-align:center; margin-bottom:20px;}

.bi{vertical-align:-0.125em;}