/* JusQ installation wizard — visually aligned with the administration console. */
body { margin:0; background:#f4f7fb!important; color:#334155; font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif!important; }
#lang { z-index:2; right:28px; left:auto!important; }
#lang .box { top:22px!important; left:auto!important; color:#d8e4f1!important; }
#lang .box select { border:1px solid rgba(255,255,255,.35); border-radius:4px; background:#31465f; color:#fff; }
#header { height:88px!important; background:linear-gradient(120deg,#26364b,#35577a)!important; box-shadow:0 2px 12px rgba(15,23,42,.18); }
#header h1 { max-width:1000px; margin:auto!important; padding:25px 28px 0!important; color:#fff!important; font-size:28px!important; font-weight:800; letter-spacing:-1px; }
#container { box-sizing:border-box; display:flex; width:min(1000px,calc(100% - 32px)); min-height:520px; margin:30px auto; border:1px solid #e2e8f0; border-radius:11px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.08); overflow:hidden; }
#container .snb { box-sizing:border-box; float:none!important; width:235px!important; padding:22px 17px; background:#26364b; }
#container .snb ul { margin:0!important; padding:0!important; }
#container .snb li { margin:3px 0; padding:11px 12px!important; border-radius:6px; background:none!important; color:#b7c8db!important; font-weight:600; }
#container .snb .lix_now { background:#3b526d!important; color:#fff!important; }
#container .snb .lix_finish { color:#9ed4b0!important; }
#content { box-sizing:border-box; float:none!important; width:calc(100% - 235px)!important; padding:28px 34px!important; border:0!important; }
#content h2 { margin:0; padding:0 0 14px!important; border-bottom:1px solid #e2e8f0!important; color:#26364b; font-size:22px; }
#content .guide { padding:17px 0!important; color:#5d7188!important; font-family:inherit!important; line-height:1.7!important; }
#content .stepbody { box-sizing:border-box; min-height:0!important; height:auto!important; padding-bottom:2px; border-top:1px solid #edf2f7!important; }
#content .licence { box-sizing:border-box; width:100%!important; height:215px!important; margin-top:16px; padding:12px; border:1px solid #cbd5e1; border-radius:6px; color:#475569; }
#content .agreebox { padding:13px 0!important; }
#content table { margin:14px 0 0!important; }
#content td { padding:7px 0!important; }
#content .td1 { width:165px!important; color:#64748b!important; font-family:inherit!important; }
#content .td2 { font-family:inherit!important; color:#718096!important; }
#content .td2 .input,#content .td2 select { box-sizing:border-box; width:230px!important; height:34px; padding:0 9px; border:1px solid #cbd5e1!important; border-radius:5px; color:#334155!important; font-weight:normal!important; }
#content .guide1 { display:flex; align-items:center; gap:9px; margin:22px 0 4px!important; padding:12px 14px!important; border:1px solid #fde0bf!important; border-left:4px solid #f3a64a!important; border-radius:6px; background:#fff9f1; color:#9a5b16!important; font-family:inherit!important; line-height:1.55!important; }
#content .guide1 img { flex:0 0 auto; margin:0!important; }
#content .bottom { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; padding:16px 0 0!important; border-top:1px solid #e2e8f0; background:transparent!important; }
#content .bottom input { min-width:86px; height:36px; margin:0!important; border:1px solid #2168ba!important; border-radius:5px; background:#2876d1; color:#fff; font-weight:700; }
#content .bottom input:first-child:not([disabled]) { border-color:#cbd5e1!important; background:#fff; color:#475569; }
#content .bottom input[disabled] { border-color:#d7e0ea!important; background:#edf2f7!important; color:#a0aec0!important; }
#footer { height:35px!important; border:0!important; }
._mobile #header { height:72px!important; border:0!important; }
._mobile #header h1 { padding-top:18px!important; font-size:26px!important; }
._mobile #container { display:block; width:calc(100% - 24px)!important; min-height:0; margin:16px auto!important; border-radius:9px; }
._mobile #container .snb { display:none; }
._mobile #content { width:100%!important; margin:0!important; padding:20px!important; }
._mobile #content .stepbody { height:auto!important; min-height:0!important; }
._mobile #content .licence { width:100%!important; }
._mobile #content table { width:100%; }
._mobile #content .td1 { width:48%!important; }
._mobile #content .td2 .input,._mobile #content .td2 select { width:100%!important; }
._mobile #content .guide1 { position:static!important; top:auto!important; margin:18px 0 4px!important; padding:11px!important; border:1px solid #fde0bf!important; border-left:4px solid #f3a64a!important; background:#fff9f1!important; }
._mobile #content .guide1 img { display:block!important; }
._mobile #lang .box { display:none; }
