/* JomeTech Hosting - client app layout, sign-in pages and slim footer (06/11/2026) */

/* ---------- Logged-in: app layout ---------- */
body.jtx-app{padding-left:248px;background:#F4F5FA}
body.jtx-app #main-body{padding-top:28px;background:transparent}
.jtx-side{position:fixed;top:0;left:0;bottom:0;width:248px;background:#fff;border-right:1px solid #E3E5F0;display:flex;flex-direction:column;gap:6px;padding:18px 14px 18px;z-index:1030;overflow-y:auto;font-family:'Manrope',system-ui,sans-serif}
.jtx-side-logo{display:block;padding:4px 8px 18px}
.jtx-side-logo img{height:40px;width:auto;display:block}
.jtx-side-nav{display:flex;flex-direction:column;gap:2px}
.jtx-side-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:10px;color:#2A2A5E!important;font-weight:600;font-size:15px;text-decoration:none!important;position:relative}
.jtx-side-nav a svg{color:#545A72;flex:none}
.jtx-side-nav a:hover{background:#F0EFFF;color:#0400D0!important}
.jtx-side-nav a:hover svg{color:#0400D0}
.jtx-side-nav a.on{background:#0400D0;color:#fff!important}
.jtx-side-nav a.on svg{color:#fff}
.jtx-side-nav a em{margin-left:auto;font-style:normal;background:#FC2824;color:#fff;font-size:11.5px;font-weight:800;min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.jtx-side-pay{display:grid;grid-template-columns:1fr auto;align-items:center;margin:14px 2px 4px;padding:12px 12px 12px 14px;border-radius:12px;background:#FFF1F1;border:1px solid #FECACA;text-decoration:none!important}
.jtx-side-pay small{grid-column:1;color:#991B1B;font-size:12px;font-weight:700}
.jtx-side-pay b{grid-column:1;color:#0A0A4E;font-family:'Sora',sans-serif;font-size:19px;font-weight:800;line-height:1.2}
.jtx-side-pay span{grid-column:2;grid-row:1/span 2;background:#FC2824;color:#fff;font-weight:800;font-size:13px;padding:9px 12px;border-radius:9px}
.jtx-side-pay:hover span{background:#D91F1B}
.jtx-side-order{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:8px 2px 0;border-radius:10px;border:1px dashed #B9B7F5;color:#0400D0!important;font-weight:700;font-size:14px;text-decoration:none!important}
.jtx-side-order:hover{background:#F0EFFF;border-style:solid}
.jtx-side-help{margin-top:auto;padding:14px;border-radius:12px;background:#F4F5FA;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#545A72}
.jtx-side-help b{color:#0A0A4E;font-size:14px}
.jtx-side-help a{margin-top:6px;display:inline-flex;justify-content:center;min-height:38px;align-items:center;border-radius:9px;background:#25D366;color:#fff!important;font-weight:700;text-decoration:none!important}
.jtx-appbar{position:sticky;top:0;z-index:1020;height:64px;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid #E3E5F0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-family:'Manrope',system-ui,sans-serif}
.jtx-appbar-logo{display:none}
.jtx-appbar-logo img{height:34px;width:auto;display:block}
.jtx-appbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.jtx-appbar-link{color:#545A72!important;font-size:14px;font-weight:600;text-decoration:none!important;padding:0 10px}
.jtx-appbar-link:hover{color:#0400D0!important}
.jtx-appbar-icon{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#2A2A5E!important}
.jtx-appbar-icon:hover{background:#F0EFFF;color:#0400D0!important}
.jtx-appbar-user{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:#F4F5FA;color:#0A0A4E;font-weight:700;font-size:14px}
.jtx-appbar-out{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:10px;color:#545A72!important;font-weight:600;font-size:14px;text-decoration:none!important}
.jtx-appbar-out:hover{background:#FFF1F1;color:#B91C1C!important}
body.jtx-app .jtp-dash{padding-top:0}
@media (max-width:991px){
  body.jtx-app{padding-left:0;padding-bottom:76px}
  .jtx-side{display:none}
  .jtx-appbar{padding:0 14px}
  .jtx-appbar-logo{display:block}
  .jtx-appbar-link{display:none}
  .jtp-bnav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid #E3E5F0;padding:6px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(10,10,78,.06)}
  .jtp-bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#545A72!important;font-size:11.5px;font-weight:600;text-decoration:none!important}
  .jtp-bnav a.on{color:#0400D0!important;font-weight:700}
}
@media (max-width:480px){.jtx-appbar-user{display:none}.jtx-appbar-out span{display:none}}

/* ---------- Sign-in pages: no website menu, split card ---------- */
body.jtx-authmode{background:#F4F5FA}
.jtx-authbar{max-width:1180px;margin:0 auto;padding:22px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:'Manrope',system-ui,sans-serif}
.jtx-authbar img{height:42px;width:auto;display:block}
.jtx-authbar-back{color:#545A72!important;font-weight:600;font-size:14px;text-decoration:none!important}
.jtx-authbar-back:hover{color:#0400D0!important}
body.jtx-authmode #main-body{padding:24px 0 10px;min-height:calc(100vh - 170px);display:flex;align-items:center}
body.jtx-authmode #main-body>.container{width:100%}
@media (max-width:640px){.jtx-authbar-back{font-size:0}.jtx-authbar-back:before{content:"\2190  Website";font-size:14px}}

/* ---------- Slim footer (all portal pages) ---------- */
.jtx-slimfoot{max-width:1180px;margin:36px auto 0;padding:22px 20px 26px;border-top:1px solid #E3E5F0;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;color:#545A72;font-size:13.5px;font-family:'Manrope',system-ui,sans-serif}
.jtx-slimfoot nav{display:flex;gap:18px;flex-wrap:wrap}
.jtx-slimfoot a{color:#545A72!important;text-decoration:none!important;font-weight:600}
.jtx-slimfoot a:hover{color:#0400D0!important}
body.jtx-app .jtx-slimfoot{max-width:none;margin:36px 28px 0;padding-left:0;padding-right:0}
body.jtx-on .jtx-chrome .jt-footer{display:none!important}