/* JusQ administration — a responsive Melon-style control panel. */
body { margin:0; background:#f4f7fb!important; color:#334155; font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif!important; }
body a { color:#475569; text-decoration:none; }
body a:hover { color:#2876d1; }
#wrap { min-width:0!important; }
#header { position:fixed!important; z-index:100!important; top:0; right:0; left:0; height:19px!important;}
#header .line { position:static!important; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; width:100%; height:64px!important; padding:0 24px; border:0!important; }
.jusq-admin-brand { display:inline-flex; align-items:baseline; color:#fff!important; font-size:24px; font-weight:800; letter-spacing:-1px; }
.jusq-admin-brand small { color:#a7bdd5; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.jusq-admin-actions { display:flex; align-items:center; gap:14px; font-size:12px; }
.jusq-admin-actions span { color:#d5e2f1; }
.jusq-admin-actions a { color:#d5e2f1!important; }
.jusq-admin-actions a:hover { color:#fff!important; }
#container { width:auto!important; }
#container .snb { position:fixed; z-index:50; top:30px; bottom:0; left:0; box-sizing:border-box; width:225px!important; overflow-y:auto; background:#26364b; box-shadow:2px 0 10px rgba(15,23,42,.08); font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
#container .snb .title { height:42px!important; border:0!important; background:#202e40; }
#container .snb .title .tl { padding:8px 0 0 12px; }
#container .snb .title .tl img { filter:brightness(0) invert(1); opacity:.8; }
#container .snb .mtitle { box-sizing:border-box; width:auto!important; height:auto!important; margin:12px 14px 0!important; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.13)!important; }
#container .snb .mtitle .xl a { color:#aebfd1!important; font-size:11px!important; }
#container .snb .mtitle .xl a:hover { color:#fff!important; }
#container .snb .mainmodule { padding:14px 8px 2px!important; }
#container .snb .allmodule { box-sizing:border-box; width:100%!important; padding:2px 8px; }
#container .snb .module { box-sizing:border-box; width:56px!important; margin:6px!important; padding:2px!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:7px; background:#31455e!important; transition:background .18s,border-color .18s,transform .18s; }
#container .snb .module:hover { border-color:#73a9e8!important; background:#3b526d!important; transform:translateY(-1px); }
#container .snb .selected,#container .snb .allmodule .selected:hover { border-color:#4d9bea!important; background:#3b526d!important; }
#container .snb .module .icon { height:50px!important; }
#container .snb .module .icon img { width:50px!important; height:50px!important; border-radius:4px; }
#container .snb .module .name { box-sizing:border-box; width:50px; height:18px!important; margin:32px 0 0!important; padding:2px 0 0!important; border-radius:0 0 4px 4px; background:rgba(15,23,42,.88)!important; }
#container .snb .module .name span { box-sizing:border-box; width:50px!important; height:14px!important; overflow:visible!important; color:#fff!important; font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif!important; font-size:11px!important; line-height:14px; letter-spacing:-.35px; white-space:nowrap; }
#container .snb .module .nselected { background:#2876d1!important; opacity:.88!important; }
#container .snb .mbottom { width:auto!important; margin:0 14px 26px!important; border-color:rgba(255,255,255,.12)!important; }
#content { box-sizing:border-box; min-height:calc(100vh - 64px); margin-left:220px!important; padding:20px 24px 28px!important; background:#f4f7fb; }
#content .tab01 { box-sizing:border-box; height:auto!important; min-height:44px; margin:0 0 14px!important; padding:0 10px; border:1px solid #e2e8f0!important; border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.035); }
#content .tab01 ul { display:flex; flex-wrap:wrap; float:none!important; left:auto!important; }
#content .tab01 li,#content .tab01 ul .on { box-sizing:border-box; top:auto!important; height:auto!important; margin:0!important; padding:13px 12px 10px!important; border:0!important; border-bottom:3px solid transparent!important; background:transparent!important; }
#content .tab01 li span,#content .tab01 ul .on span { top:auto!important; color:#64748b!important; font-family:inherit!important; font-size:13px; }
#content .tab01 li:hover span,#content .tab01 ul .on span { color:#2876d1!important; }
#content .tab01 ul .on { border-bottom-color:#2876d1!important; }
#content .tab01 ul .wall { display:none; }
#content .location { box-sizing:border-box; height:auto!important; min-height:30px; padding:0 4px 12px!important; color:#718096!important; }
#content .location .loc1 { color:#718096!important; font-family:inherit!important; font-size:12px!important; }
#content .location .loc2 { padding-top:0!important; }
#content .cwrap { box-sizing:border-box; min-height:180px; padding:22px!important; border:1px solid #e2e8f0; border-radius:10px; background:#fff; box-shadow:0 4px 16px rgba(15,23,42,.045); }
#content .cwrap table { max-width:100%; border-collapse:separate; border-spacing:0; }
#content .cwrap th { background:#f8fafc; color:#475569; font-weight:700; }
#content .cwrap th,#content .cwrap td { border-color:#e2e8f0!important; }
#content .cwrap input[type="text"],#content .cwrap input[type="password"],#content .cwrap input[type="email"],#content .cwrap input[type="number"],#content .cwrap select,#content .cwrap textarea { box-sizing:border-box; max-width:100%; min-height:32px; border:1px solid #cbd5e1!important; border-radius:5px!important; background:#fff; color:#334155; outline:0; }
#content .cwrap input[type="text"]:focus,#content .cwrap input[type="password"]:focus,#content .cwrap input[type="email"]:focus,#content .cwrap input[type="number"]:focus,#content .cwrap select:focus,#content .cwrap textarea:focus { border-color:#72a8e7!important; box-shadow:0 0 0 3px rgba(40,118,209,.12); }
#content .cwrap input[type="submit"],#content .cwrap input[type="button"],#content .cwrap button { min-height:32px; padding:6px 13px; border:1px solid #2168ba!important; border-radius:5px!important; background:#2876d1!important; color:#fff!important; font-weight:700; text-shadow:none!important; cursor:pointer; }
#content .cwrap input[type="submit"]:hover,#content .cwrap input[type="button"]:hover,#content .cwrap button:hover { background:#1f63b2!important; }
#footer { box-sizing:border-box; margin:0 0 24px 270px!important; padding:0 24px; border:0!important; }
#footer p { color:#8493a6!important; font-family:inherit!important; }
#footer p a { color:#718096!important; }
#pages_login { box-sizing:border-box; width:min(440px,calc(100% - 32px))!important; margin:11vh auto!important; padding:0!important; }
#pages_login h2 { padding:0 0 13px!important; border-bottom:0!important; color:#26364b; font-size:27px!important; font-weight:800; }
#pages_login .msg { margin-bottom:14px; padding:0!important; color:#64748b!important; line-height:1.7!important; }
#pages_login .agreebox { padding:26px!important; border:1px solid #e2e8f0!important; border-radius:10px; background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.1); }
#pages_login .agreebox .tblbox { padding:0!important; background:transparent!important; }
#pages_login .agreebox table { border-collapse:separate; border-spacing:0 10px; }
#pages_login .agreebox .key { width:82px!important; color:#64748b!important; font-family:inherit!important; }
#pages_login .agreebox .input { box-sizing:border-box; width:100%!important; height:38px; padding:0 10px; border:1px solid #cbd5e1!important; border-radius:5px; }
#pages_login .agreebox .submitbox { display:flex; justify-content:flex-end; gap:7px; padding:17px 0 0!important; }
#pages_login .agreebox .submitbox .btngray,#pages_login .agreebox .submitbox .btnblue { box-sizing:border-box; width:auto!important; height:36px!important; padding:0 15px; border-radius:5px!important; font-weight:700; }
#pages_login .agreebox .submitbox .btngray { border:1px solid #cbd5e1!important; background:#fff!important; color:#475569!important; }
#pages_login .agreebox .submitbox .btnblue { border:1px solid #2168ba!important; background:#2876d1!important; }
@media (max-width:900px) {
  #wrap { padding-top:58px; }
  #header,#header .line { height:58px!important; }
  #header .line { padding:0 15px; }
  .jusq-admin-brand { font-size:22px; }
  .jusq-admin-actions span { display:none; }
  #container .snb { position:static; width:auto!important; max-height:230px; overflow:auto; }
  #content { min-height:0; margin-left:0!important; padding:15px!important; }
  #footer { margin-left:0!important; padding:0 15px; }
}
@media (max-width:560px) {
  .jusq-admin-actions { gap:8px; font-size:11px; }
  #content .cwrap { padding:14px!important; overflow-x:auto; }
  #content .tab01 { overflow-x:auto; }
  #content .tab01 ul { min-width:max-content; flex-wrap:nowrap; }
  #pages_login .agreebox { padding:18px!important; }
  #pages_login .agreebox .key { display:none; }
}
