/* JusQ mobile administration — compact controls with the Melon palette. */
body { background:#f3f6fb!important; color:#334155!important; font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif!important; }
#mheader { height:58px!important; background:linear-gradient(120deg,#26364b,#35577a)!important; box-shadow:0 2px 9px rgba(15,23,42,.2); }
#mheader .logo { padding-left:14px!important; }
#mheader .logo a { display:inline-flex!important; align-items:baseline; margin-top:14px!important; color:#fff!important; font-size:24px; font-weight:800; letter-spacing:-1px; }
#mheader .logo small { margin-left:7px; color:#b8cce0; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
#mheader .tool { padding-right:12px!important; }
#mheader .tool img { margin-top:12px!important; filter:brightness(0) invert(1); opacity:.9; }
#mwrap { min-height:calc(100vh - 58px); padding:14px!important; background:#f3f6fb; }
#mwrap .allmodule,#mwrap .cwrap { overflow:hidden; padding:14px!important; border:1px solid #e2e8f0; border-radius:10px; background:#fff; box-shadow:0 3px 10px rgba(15,23,42,.04); }
#mwrap .module { box-sizing:border-box; width:66px!important; margin:5px!important; padding:2px!important; border:1px solid #d9e3ef!important; border-radius:7px; background:#f8fbff!important; }
#mwrap .module .icon { height:60px!important; }
#mwrap .module .icon img { border-radius:4px; }
#mwrap .module .name { box-sizing:border-box; width:60px!important; height:17px!important; margin:43px 0 0!important; padding-top:3px!important; border-radius:0 0 4px 4px; background:rgba(38,54,75,.82)!important; }
#mwrap .module .name span { width:58px!important; font-family:inherit!important; }
#mwrap .module .nselected { background:#2876d1!important; }
#mwrap .tab01 { box-sizing:border-box; height:auto!important; min-height:42px; margin-bottom:12px; padding:0 8px!important; overflow-x:auto; border:1px solid #e2e8f0!important; border-radius:8px; background:#fff; }
#mwrap .tab01 ul { min-width:max-content; }
#mwrap .tab01 li,#mwrap .tab01 ul .on { box-sizing:border-box; top:auto!important; height:auto!important; margin:0!important; padding:12px 10px 9px!important; border:0!important; border-bottom:3px solid transparent!important; background:transparent!important; }
#mwrap .tab01 li span,#mwrap .tab01 ul .on span { top:auto!important; color:#64748b!important; font-family:inherit!important; }
#mwrap .tab01 ul .on { border-bottom-color:#2876d1!important; }
#mwrap .tab01 ul .on span { color:#2876d1!important; }
#mwrap .loc1 { padding:0 2px 11px!important; border:0!important; color:#718096!important; }
#mwrap .cwrap { padding:15px!important; }
#mwrap .cwrap table { max-width:100%; border-collapse:separate; border-spacing:0; }
#mwrap .cwrap th { background:#f8fafc; color:#475569; }
#mwrap .cwrap th,#mwrap .cwrap td { border-color:#e2e8f0!important; }
#mwrap input[type="text"],#mwrap input[type="password"],#mwrap input[type="email"],#mwrap select,#mwrap textarea { box-sizing:border-box; max-width:100%; border:1px solid #cbd5e1!important; border-radius:5px; }
#mwrap input[type="submit"],#mwrap input[type="button"],#mwrap button { border:1px solid #2168ba!important; border-radius:5px!important; background:#2876d1!important; color:#fff!important; }
._layerbox { border:1px solid #d9e3ef!important; border-radius:8px!important; background:#fff!important; box-shadow:0 12px 28px rgba(15,23,42,.2)!important; }
._layerbox .tt,._admin_ .tt { background:#26364b!important; border:0!important; }
._layerbox .arr,._admin_ .arr { color:#26364b!important; }
._layerbox .btnbox { background:#f8fafc!important; border-color:#e2e8f0!important; }
._layerbox .btnbox a { border-color:#cbd5e1!important; border-radius:5px!important; color:#475569!important; }
#mcontent { box-sizing:border-box; width:min(430px,calc(100% - 28px)); min-height:0!important; margin:8vh auto!important; padding:22px!important; border:1px solid #e2e8f0; border-radius:10px; background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.1); }
#mcontent .infobox { background:transparent!important; }
#mcontent .infobox input[type="text"],#mcontent .infobox input[type="password"] { box-sizing:border-box; width:100%!important; border:1px solid #cbd5e1!important; border-radius:5px; }
#mcontent .infobox .submit input { border:1px solid #2168ba!important; border-radius:5px!important; background:#2876d1!important; text-shadow:none!important; }
