/* DataPos modern skin for start.php (server5 only) */
body{background:linear-gradient(160deg,#0f172a 0%,#1e3a8a 55%,#2563eb 130%) fixed!important;min-height:100vh;font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif!important;}
.config-container{padding:24px 0 90px;}
.config-container>div:first-of-type{background:transparent!important;height:auto!important;padding:0!important;}
.config-container>div:first-of-type div[onclick]{position:fixed;top:18px;right:18px;width:54px!important;height:54px!important;border:0!important;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:background .2s;float:none!important;}
.config-container>div:first-of-type div[onclick]:hover{background:rgba(255,255,255,.28);}
.config-container>div:first-of-type div[onclick] p{margin:0!important;}
.config-container>div:first-of-type div[onclick] font{font-size:26px;color:#fff;}
.config-container table{width:min(1100px,96vw)!important;margin:0 auto!important;background:rgba(255,255,255,.97);border-radius:26px;box-shadow:0 24px 60px rgba(2,6,23,.5);border-collapse:separate!important;padding:14px 36px 34px;}
.config-container td{height:auto!important;padding:7px 4px!important;}
.config-container span{font-size:16px!important;font-weight:600!important;font-family:inherit!important;color:#475569!important;padding-right:14px!important;letter-spacing:-.01em;}
.config-container .boxline,.config-container .input,.config-container .labels{background:transparent!important;}
.config-container .labels{font-size:17px!important;font-weight:600!important;font-family:inherit!important;color:#334155!important;cursor:pointer;}
.config-container .labels small{color:#94a3b8!important;font-weight:500;}
.config-container label{font-size:16px!important;font-weight:600;color:#334155;cursor:pointer;}
.inputbox{background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;height:50px!important;font-size:18px!important;font-weight:600!important;font-family:inherit!important;color:#0f172a!important;padding:0 14px!important;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;}
.inputbox:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.18)!important;background:#fff!important;}
.inputbox[readonly]{color:#94a3b8!important;background:#f1f5f9!important;}
.config-container input[type=checkbox]{width:21px!important;height:21px;accent-color:#2563eb;vertical-align:-4px;margin-right:8px;cursor:pointer;}
.config-container input[type=radio]{accent-color:#2563eb;width:18px!important;height:18px;vertical-align:-3px;cursor:pointer;font-size:16px!important;}
#vanType{width:170px!important;height:46px!important;font-size:16px!important;border:1.5px solid #e2e8f0!important;border-radius:10px;background:#f8fafc;padding:0 10px;font-family:inherit;color:#0f172a;}
.config-container input[value="설정 저장 후 서비스 시작"]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important;color:#fff!important;border:0!important;border-radius:14px!important;height:64px!important;font-size:21px!important;font-weight:700!important;font-family:inherit!important;cursor:pointer;box-shadow:0 10px 24px rgba(37,99,235,.35);transition:transform .12s;}
.config-container input[value="설정 저장 후 서비스 시작"]:active{transform:scale(.985);}
#btnConfigDelete{background:#fff!important;color:#475569!important;border:1.5px solid #cbd5e1!important;border-radius:14px!important;height:64px!important;font-size:17px!important;font-weight:600!important;font-family:inherit!important;cursor:pointer;}
#btnConfigDelete:active{transform:scale(.985);}
#btnConfigExit{background:#fef2f2!important;color:#dc2626!important;border:1.5px solid #fecaca!important;border-radius:14px!important;height:64px!important;font-size:17px!important;font-weight:600!important;font-family:inherit!important;cursor:pointer;}
#btnConfigExit:active{transform:scale(.985);}
#appVerBadge{background:rgba(15,23,42,.78)!important;border-radius:999px!important;font-family:inherit!important;font-weight:600!important;letter-spacing:.02em;}
button[onclick*="hwtest"]{background:linear-gradient(135deg,#dc2626,#f97316)!important;border-radius:999px!important;padding:12px 32px!important;font-family:inherit!important;font-weight:700!important;}
.splash-config-btn,.splash-exit-btn{border-radius:14px!important;font-family:inherit!important;}
.dp-brand{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px 0 4px;}
.dp-brand svg{width:56px;height:56px;filter:drop-shadow(0 4px 10px rgba(30,58,138,.35));}
.dp-brand .dp-word{text-align:left;}
.dp-brand .dp-name{font-size:31px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;}
.dp-brand .dp-sub{font-size:13px;font-weight:700;color:#64748b;letter-spacing:.22em;margin-top:2px;}
.config-container img[src='/img/Logo.png']{display:none;}

/* ---- 브랜드 로고 (SVG 파일 교체판) ---- */
.dp-brand{display:flex;align-items:center;justify-content:center;padding:24px 0 8px;}
.dp-brand .dp-logo{height:58px;width:auto;display:block;}

/* ---- PWA 설치 바 ---- */
.dp-install-bar{display:flex;align-items:center;gap:14px;margin:6px 0 4px;padding:0;}
.dp-install-bar #dpInstallBtn{
  flex:0 0 auto;height:56px;padding:0 30px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#1E3A8A,#3E7BFA);color:#fff;
  font-size:20px;font-weight:800;letter-spacing:-.02em;
  box-shadow:0 8px 20px -10px rgba(30,58,138,.8);
}
.dp-install-bar #dpInstallBtn:disabled{
  background:#E2E6EE;color:#94A0B5;box-shadow:none;cursor:default;
}
.dp-install-bar #dpInstallMsg{
  font-size:15px;color:#64748B;font-weight:500;text-align:left;line-height:1.4;
}