/* Tradgard mobile compatibility layer. Desktop layouts are unchanged. */
html{-webkit-text-size-adjust:100%}img,video{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}
.mobile-home{display:none}
@media (max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px}
  .content,.main,.dashboard,.page,.wrap,.container{max-width:100%;padding-left:14px!important;padding-right:14px!important}
  .topbar{gap:8px;flex-wrap:wrap}
  .top-actions,.admin-meta{flex-wrap:wrap}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal-card{max-width:calc(100vw - 24px)!important;padding:18px!important}
  input,select,textarea{font-size:16px!important}
  /* Homepage uses a purpose-built portrait layout; original artwork remains desktop-only. */
  body:has(.mobile-home) .stage{display:none}
  .mobile-home{display:block;min-height:100vh;padding:18px 16px 90px;background:radial-gradient(circle at 50% 0,#24211a 0,#0b0d0f 34%,#050607 72%);color:#f1f1ed}
  .mobile-home-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #6e531e;padding-bottom:14px}
  .mobile-home-head img{width:64px;height:64px;object-fit:contain}
  .mobile-home-head h1{font:900 30px Georgia,serif;letter-spacing:.08em;margin:0}
  .mobile-home-head p{color:#e4aa29;font-size:9px;font-weight:900;letter-spacing:.12em;margin:4px 0 0}
  .mobile-home-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}
  .mobile-home-nav a,.mobile-login-btn{color:#eee;text-decoration:none;text-align:center;padding:11px 4px;border:1px solid #4e4024;border-radius:8px;background:#0d1012;font-size:11px;font-weight:900;font-family:inherit}.mobile-login-btn{cursor:pointer}
  .mobile-hero{padding:30px 2px 22px}
  .mobile-kicker{color:#e4aa29!important;font-size:10px!important;font-weight:900;letter-spacing:.1em}
  .mobile-hero h2{font:900 34px/1.05 Georgia,serif;margin:8px 0 12px}
  .mobile-hero p{color:#bfc1bf;line-height:1.55}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  .mobile-actions a{padding:14px 8px;text-align:center;text-decoration:none;font-weight:900;border-radius:8px;background:linear-gradient(#f0b837,#d79912);color:#111;border:1px solid #ffd15d}
  .mobile-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-cards a{min-height:112px;padding:15px;text-decoration:none;color:#eee;background:linear-gradient(#111518,#0a0d0f);border:1px solid #493b20;border-radius:12px}
  .mobile-cards b,.mobile-cards span{display:block}.mobile-cards b{color:#e4aa29;font-family:Georgia,serif;margin-bottom:8px}.mobile-cards span{font-size:12px;line-height:1.4;color:#b7b9b8}
  .mobile-support{display:block;margin-top:14px;padding:14px 10px;text-align:center;color:#e4aa29;text-decoration:none;border:1px solid #493b20;border-radius:8px;font-size:11px;font-weight:900;overflow-wrap:anywhere}
  body:has(.mobile-home)>a[href="support.html"]{display:none}
  .session-header-control{display:none!important}
}
@media (max-width:420px){.mobile-home-nav{grid-template-columns:1fr 1fr}.mobile-cards{grid-template-columns:1fr}.mobile-hero h2{font-size:30px}}