/* ==========================================================================
   Agro-Zellek Mobile v94 — pełny, niezależny interfejs mobilny
   ========================================================================== */
:root{
  --m-bg:#020914;
  --m-bg2:#06111f;
  --m-card:#071726;
  --m-card2:#04101d;
  --m-line:rgba(24,190,255,.24);
  --m-line-strong:rgba(36,202,255,.5);
  --m-blue:#19bfff;
  --m-blue2:#0788e8;
  --m-cyan:#46dcff;
  --m-green:#2be596;
  --m-yellow:#ffd45e;
  --m-red:#ff6077;
  --m-text:#eef8ff;
  --m-muted:#91abc3;
  --m-header-h:72px;
  --m-tabbar-h:72px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{width:100%;min-height:100%;background:var(--m-bg);scroll-behavior:smooth}
body.m-body{
  width:100%!important;min-height:100vh!important;margin:0!important;
  padding:0 0 calc(var(--m-tabbar-h) + env(safe-area-inset-bottom) + 14px)!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 50% -15%,rgba(0,166,255,.16),transparent 34rem),
    linear-gradient(180deg,#020a15 0%,#03101d 45%,#020914 100%)!important;
  color:var(--m-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;line-height:1.45!important;
  -webkit-font-smoothing:antialiased;
  touch-action:manipulation;
}
body.m-body::before{display:none!important}

/* Header */
.m-header{
  position:sticky!important;top:0!important;z-index:100!important;
  width:100%!important;height:calc(var(--m-header-h) + env(safe-area-inset-top))!important;
  min-height:0!important;
  padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  background:rgba(2,9,20,.92)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  border-bottom:1px solid rgba(25,191,255,.2)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
.m-brand{
  min-width:0!important;display:flex!important;align-items:center!important;gap:11px!important;
  color:var(--m-text)!important;text-decoration:none!important;
}
.m-brand img{
  width:43px!important;height:43px!important;flex:0 0 43px!important;object-fit:cover!important;
  border-radius:13px!important;border:1px solid rgba(25,191,255,.26)!important;
  background:#071523!important;box-shadow:0 0 20px rgba(25,191,255,.1)!important;
}
.m-brand>span{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.1!important}
.m-brand b{font-size:16px!important;color:#f3fbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.m-brand small{margin-top:4px!important;color:#6fa3c8!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.11em!important}

.m-menu-btn{
  width:46px!important;height:46px!important;flex:0 0 46px!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  border-radius:14px!important;border:1px solid rgba(25,191,255,.32)!important;
  background:linear-gradient(145deg,rgba(9,37,61,.96),rgba(3,18,31,.98))!important;
  box-shadow:inset 0 0 18px rgba(25,191,255,.05)!important;cursor:pointer!important;
}
.m-menu-btn span{display:block!important;width:19px!important;height:2px!important;border-radius:2px!important;background:#dff6ff!important;transition:.2s ease!important}
.m-nav-open .m-menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.m-nav-open .m-menu-btn span:nth-child(2){opacity:0}
.m-nav-open .m-menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.m-module-header{justify-content:space-between!important}
.m-back-btn,.m-home-btn{
  min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(25,191,255,.24)!important;border-radius:12px!important;background:#061523!important;
  color:#dff6ff!important;text-decoration:none!important;font-weight:800!important;padding:0 12px!important;
}
.m-home-btn{width:42px!important;padding:0!important}
.m-module-title{
  flex:1!important;min-width:0!important;text-align:center!important;color:#f4fbff!important;
  font-size:16px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Main width: phone-first, but not absurdly narrow when /mobile is opened on desktop/tablet */
.m-shell{
  width:min(100%,1120px)!important;max-width:1120px!important;margin:0 auto!important;
  padding:18px clamp(12px,3vw,24px) 30px!important;
}
.m-panel-body .m-shell{padding-top:16px!important}

/* Hero */
.m-hero{
  width:100%!important;margin:0 0 16px!important;padding:22px!important;
  border:1px solid var(--m-line)!important;border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(25,191,255,.14),transparent 45%),
    linear-gradient(145deg,rgba(7,27,47,.98),rgba(3,12,23,.99))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03)!important;
  overflow:hidden!important;
}
.m-home-hero{display:grid!important;gap:18px!important}
.m-kicker,.section-kicker{
  display:block!important;margin-bottom:6px!important;color:var(--m-cyan)!important;
  font-size:10px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
.m-title{
  margin:0!important;color:#f7fcff!important;font-size:clamp(30px,8vw,44px)!important;line-height:1.02!important;
  font-weight:950!important;letter-spacing:-.02em!important;text-shadow:0 0 25px rgba(25,191,255,.12)!important;
}
.m-hero-sub{margin:10px 0 0!important;max-width:650px!important;color:#9db6cd!important;font-size:13px!important;line-height:1.55!important}

/* Reusable cards */
.m-card,.m-panel-card,.m-plan-card{
  min-width:0!important;max-width:100%!important;
  border:1px solid var(--m-line)!important;border-radius:20px!important;
  background:linear-gradient(155deg,rgba(7,24,42,.97),rgba(3,11,21,.99))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)!important;
}
.m-card{padding:17px!important;margin-bottom:14px!important;overflow:hidden!important}
.m-card h2,.m-card h3{margin:0 0 13px!important;color:#f1f9ff!important;line-height:1.2!important}
.m-card h2{font-size:20px!important}.m-card h3{font-size:17px!important}
.m-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important}
.m-section-head h2,.m-section-head h3{margin:0!important}
.m-section-head>a{color:var(--m-blue)!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;padding:7px 10px!important;border:1px solid rgba(25,191,255,.23)!important;border-radius:999px!important}
.m-live-label{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#7fffc2!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
.m-live-label i{width:7px!important;height:7px!important;border-radius:50%!important;background:#25ef9b!important;box-shadow:0 0 10px #25ef9b!important}

/* Buttons */
.m-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
.m-btn{
  min-width:0!important;min-height:48px!important;padding:10px 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid rgba(25,191,255,.23)!important;border-radius:13px!important;
  background:linear-gradient(160deg,#091827,#06111e)!important;color:#e9f8ff!important;
  text-decoration:none!important;text-align:center!important;font-size:12px!important;font-weight:900!important;
  box-shadow:none!important;white-space:normal!important;
}
.m-btn.primary{border-color:rgba(44,205,255,.5)!important;background:linear-gradient(145deg,#17bfff,#087cda)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,146,230,.22)!important}
.m-btn.danger{border-color:rgba(255,96,119,.3)!important;background:rgba(255,96,119,.09)!important;color:#ffc7d0!important}

/* Lists */
.m-list,.m-plan-mini-list{display:grid!important;gap:10px!important}
.m-row,.m-plan-mini{
  min-width:0!important;padding:13px!important;border:1px solid rgba(25,191,255,.14)!important;border-radius:15px!important;
  background:rgba(2,13,24,.72)!important;
}
.m-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.m-row strong{min-width:0!important;color:#edf9ff!important;font-size:13px!important;overflow-wrap:anywhere!important}
.m-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.m-plan-mini-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important}
.m-plan-mini-top strong{color:var(--m-cyan)!important;font-size:14px!important}.m-plan-mini-top span{color:#fff!important;font-size:12px!important;font-weight:800!important}
.m-plan-mini-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.m-chip{
  display:inline-flex!important;align-items:center!important;max-width:100%!important;padding:5px 8px!important;
  border-radius:999px!important;border:1px solid rgba(43,229,150,.2)!important;background:rgba(43,229,150,.09)!important;
  color:#bfffe0!important;font-size:10px!important;font-weight:850!important;white-space:normal!important;
}
.m-chip.yellow{border-color:rgba(255,212,94,.23)!important;background:rgba(255,212,94,.08)!important;color:#ffe8a2!important}
.m-chip.red{border-color:rgba(255,96,119,.23)!important;background:rgba(255,96,119,.08)!important;color:#ffc7d0!important}
.m-empty,.m-error,.m-notice{
  padding:13px!important;border-radius:14px!important;border:1px solid rgba(25,191,255,.12)!important;
  background:rgba(3,15,27,.75)!important;color:#91abc3!important;
}
.m-error,.m-notice.error{border-color:rgba(255,96,119,.24)!important;background:rgba(255,96,119,.08)!important;color:#ffd2d8!important}
.m-notice.success{border-color:rgba(43,229,150,.24)!important;background:rgba(43,229,150,.08)!important;color:#caffdf!important}

/* Home two-column sections only on comfortable widths */
.m-grid{display:grid!important;gap:14px!important}.m-grid.two{grid-template-columns:1fr!important}

/* Server live output from desktop renderer — force true responsive cards */
.m-live-wrap{width:100%!important;min-width:0!important;overflow:hidden!important}
.m-live-wrap .az-server-live-panel,
.m-live-wrap .farming-server-live-card,
.m-live-wrap .az-server-card,
.m-live-wrap .az-server-live-grid,
.m-live-wrap .farming-servers-grid{
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.m-live-wrap .az-server-live-panel,
.m-live-wrap .farming-server-live-card{
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.m-live-wrap .az-server-live-grid,
.m-live-wrap .farming-servers-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
}
.m-live-wrap table{
  display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;white-space:nowrap!important;
}
.m-live-wrap [class*="stats"]{max-width:100%!important}
.m-live-wrap *{min-width:0}

/* Forms */
.m-form,.m-mobile-plan-form,.m-plan-card{display:grid!important;gap:11px!important}
.m-input,.m-select,.m-body input,.m-body select,.m-body textarea{
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;
  padding:11px 13px!important;border:1px solid rgba(25,191,255,.24)!important;border-radius:12px!important;
  background:#03101d!important;color:#f0faff!important;font:inherit!important;font-size:16px!important;outline:none!important;
}
.m-body textarea{min-height:100px!important;resize:vertical!important}
.m-body input:focus,.m-body select:focus,.m-body textarea:focus{border-color:var(--m-line-strong)!important;box-shadow:0 0 0 3px rgba(25,191,255,.08)!important}
.m-form label,.m-mobile-plan-form label,.m-plan-card label{display:grid!important;gap:6px!important;color:#a8c6dd!important;font-size:11px!important;font-weight:850!important}

/* Tables: horizontal scroller, never page overflow */
.m-table-scroll{
  width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;border:1px solid rgba(25,191,255,.15)!important;border-radius:14px!important;
  scrollbar-width:thin!important;scrollbar-color:#18bfff #03101d!important;
}
.m-table{width:max-content!important;min-width:100%!important;border-collapse:collapse!important;background:#04111f!important}
.m-table th,.m-table td{padding:11px 10px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;white-space:nowrap!important;text-align:left!important}
.m-table th{color:#53d8ff!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important}

/* Admin/owner panel cards */
.m-panel-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.m-panel-card{
  padding:14px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:11px!important;color:#eaf8ff!important;text-decoration:none!important;
}
.m-panel-card:after{content:"›"!important;color:#56d7ff!important;font-size:24px!important}
.m-panel-card strong{display:block!important;margin:0 0 2px!important;font-size:14px!important}.m-panel-card small{display:block!important;color:#829fba!important;font-size:11px!important}
.m-panel-tag{display:inline-flex!important;padding:5px 7px!important;border-radius:999px!important;border:1px solid rgba(25,191,255,.2)!important;background:rgba(25,191,255,.08)!important;color:#78ddff!important;font-size:9px!important;font-weight:900!important}

/* Drawer */
.m-drawer{
  position:fixed!important;z-index:120!important;top:0!important;bottom:0!important;left:0!important;
  width:min(86vw,350px)!important;max-width:350px!important;padding:calc(18px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))!important;
  display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  transform:translateX(-104%)!important;transition:transform .24s ease!important;
  background:linear-gradient(165deg,#071522,#020914)!important;border-right:1px solid rgba(25,191,255,.24)!important;
  box-shadow:25px 0 70px rgba(0,0,0,.45)!important;
}
.m-nav-open .m-drawer{transform:translateX(0)!important}
.m-drawer-head{display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;margin-bottom:13px!important;border:1px solid rgba(25,191,255,.17)!important;border-radius:16px!important;background:#071724!important}
.m-drawer-head img{width:44px!important;height:44px!important;border-radius:13px!important;object-fit:cover!important}
.m-drawer-title{color:#f0f9ff!important;font-weight:900!important}.m-drawer-sub{color:#7697b3!important;font-size:10px!important}
.m-drawer-label{margin:16px 8px 6px!important;color:#4bd9ff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.m-drawer>a{
  min-height:44px!important;margin:3px 0!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:9px!important;
  border-radius:11px!important;color:#cce0ef!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;
}
.m-drawer>a:hover,.m-drawer>a.active{background:rgba(25,191,255,.09)!important;color:#46d8ff!important}
.m-backdrop{position:fixed!important;z-index:110!important;inset:0!important;background:rgba(0,5,12,.68)!important;backdrop-filter:blur(3px)!important}
.m-backdrop[hidden]{display:none!important}
.m-nav-open{overflow:hidden!important}

/* Bottom navigation */
.m-tabbar,.m-footer{
  position:fixed!important;z-index:105!important;left:0!important;right:0!important;bottom:0!important;
  min-height:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom))!important;
  padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;
  background:rgba(2,9,19,.95)!important;backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(25,191,255,.18)!important;box-shadow:0 -10px 35px rgba(0,0,0,.28)!important;
}
.m-tabbar a,.m-footer a{
  min-width:0!important;min-height:54px!important;padding:5px 2px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  border-radius:11px!important;background:transparent!important;color:#7695b0!important;text-decoration:none!important;
  font-size:9px!important;font-weight:850!important;overflow:hidden!important;
}
.m-tabbar a span:first-child,.m-footer a span:first-child{font-size:17px!important;line-height:1.15!important}
.m-tabbar a span:last-child,.m-footer a span:last-child{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.m-tabbar a.active,.m-footer a.active{color:#36d1ff!important;background:rgba(25,191,255,.07)!important}

/* Horizontal tab strips used by staff modules */
.m-tabs-wrap{position:sticky!important;top:calc(var(--m-header-h) + env(safe-area-inset-top))!important;z-index:80!important;margin:0 -12px 12px!important;padding:8px 12px!important;background:rgba(2,9,19,.94)!important;border-bottom:1px solid rgba(25,191,255,.12)!important}
.m-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.m-tabs::-webkit-scrollbar{display:none!important}
.m-tab{flex:0 0 auto!important;min-height:39px!important;padding:8px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(25,191,255,.18)!important;border-radius:999px!important;background:#061522!important;color:#adc7db!important;text-decoration:none!important;font-size:11px!important;font-weight:850!important}
.m-tab.active{border-color:rgba(25,191,255,.45)!important;background:rgba(25,191,255,.11)!important;color:#54d9ff!important}

/* Product cards and common grids */
.m-product{display:grid!important;gap:10px!important}
.m-price{font-size:22px!important;font-weight:950!important;color:#3bd5ff!important}
.m-plan-cards{display:grid!important;gap:10px!important}.m-plan-card{padding:14px!important}
.m-plan-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.m-plan-head strong{color:#f0f9ff!important;font-size:16px!important}.m-plan-head span{color:#829fba!important;font-size:10px!important}

/* Desktop viewport showing /mobile: use available space elegantly instead of a tiny 650px column */
@media(min-width:680px){
  .m-shell{padding-top:24px!important}
  .m-home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)!important;align-items:center!important;padding:28px!important}
  .m-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-card{padding:20px!important}
}
@media(min-width:960px){
  .m-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Real phone */
@media(max-width:430px){
  :root{--m-header-h:66px;--m-tabbar-h:68px}
  .m-header{padding-left:10px!important;padding-right:10px!important}
  .m-brand img{width:39px!important;height:39px!important;flex-basis:39px!important}
  .m-brand b{font-size:14px!important}.m-brand small{font-size:8px!important}
  .m-menu-btn{width:42px!important;height:42px!important;flex-basis:42px!important}
  .m-shell{padding:13px 10px 24px!important}
  .m-hero{padding:17px!important;border-radius:18px!important}
  .m-title{font-size:30px!important}
  .m-hero-sub{font-size:12px!important}
  .m-card{padding:14px!important;border-radius:17px!important}
  .m-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-btn{min-height:46px!important;font-size:11px!important;padding:9px!important}
  .m-row{align-items:flex-start!important;flex-direction:column!important}
  .m-tabbar,.m-footer{padding-left:3px!important;padding-right:3px!important;gap:0!important}
  .m-tabbar a,.m-footer a{font-size:8px!important}
  .m-back-btn span{display:none!important}
}

/* Very narrow */
@media(max-width:340px){
  .m-actions{grid-template-columns:1fr!important}
  .m-brand small{display:none!important}
  .m-tabbar a span:last-child,.m-footer a span:last-child{font-size:7px!important}
}

/* Landscape phone */
@media(max-height:520px) and (orientation:landscape){
  :root{--m-header-h:58px;--m-tabbar-h:58px}
  .m-brand small{display:none!important}
  .m-tabbar a,.m-footer a{min-height:42px!important}
  .m-tabbar a span:first-child,.m-footer a span:first-child{font-size:14px!important}
}

/* Better scrollbars */
.m-body *{scrollbar-width:thin;scrollbar-color:#148fd2 #03101d}
.m-body *::-webkit-scrollbar{width:7px;height:7px}
.m-body *::-webkit-scrollbar-track{background:#03101d}
.m-body *::-webkit-scrollbar-thumb{background:#137fb9;border-radius:999px}

/* Dedicated mobile server status renderer overrides */
.m-live-wrap .az-server-grid-head{display:none!important}
.m-live-wrap .az-server-grid-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.m-live-wrap .az-server-card{
  width:100%!important;max-width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "name status"
    "map slots"
    "version load"!important;
  gap:9px 12px!important;
  align-items:center!important;
  padding:14px!important;
  margin:0!important;
  border:1px solid rgba(25,191,255,.18)!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,rgba(6,25,43,.98),rgba(2,12,22,.98))!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.m-live-wrap .az-server-card.is-offline{border-left:3px solid #ff6077!important}
.m-live-wrap .az-server-card.is-online{border-left:3px solid #2be596!important}
.m-live-wrap .az-server-name-block{grid-area:name!important;display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.m-live-wrap .az-server-name-block>div{min-width:0!important}
.m-live-wrap .az-server-name-block strong{display:block!important;color:#eaf9ff!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.m-live-wrap .az-server-name-block small{display:block!important;margin-top:2px!important;color:#7898b5!important;font-size:9px!important}
.m-live-wrap .az-server-dot{width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:#ff6077!important;box-shadow:0 0 10px rgba(255,96,119,.55)!important}
.m-live-wrap .is-online .az-server-dot{background:#2be596!important;box-shadow:0 0 10px rgba(43,229,150,.55)!important}
.m-live-wrap .az-server-card>div:nth-child(2){grid-area:status!important;justify-self:end!important}
.m-live-wrap .az-pill{display:inline-flex!important;min-height:28px!important;padding:0 9px!important;align-items:center!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important}
.m-live-wrap .az-server-map{grid-area:map!important;color:#a8c3d9!important;font-size:11px!important}
.m-live-wrap .az-server-map::before{content:"Mapa: ";color:#5f829f!important}
.m-live-wrap .az-server-slots{grid-area:slots!important;justify-self:end!important;color:#bfeaff!important;font-size:11px!important}
.m-live-wrap .az-server-slots::before{content:"Gracze: ";color:#5f829f!important;font-weight:500!important}
.m-live-wrap .az-server-version{grid-area:version!important;color:#93abc0!important;font-size:10px!important}
.m-live-wrap .az-server-version::before{content:"Wersja: ";color:#5f829f!important}
.m-live-wrap .az-load-box{grid-area:load!important;width:100px!important;justify-self:end!important}
.m-live-wrap .az-load-top{text-align:right!important;font-size:9px!important;color:#72dfff!important}
.m-live-wrap .az-load-bar{height:5px!important;border-radius:999px!important;background:#07101b!important;overflow:hidden!important}
.m-live-wrap .az-load-bar i{display:block!important;height:100%!important;width:var(--w)!important;background:linear-gradient(90deg,#1788de,#39d8ff)!important}
.m-live-wrap .az-server-summary-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important;
}
.m-live-wrap .az-server-summary-card{
  min-width:0!important;padding:11px 8px!important;border:1px solid rgba(25,191,255,.16)!important;border-radius:13px!important;
  background:#04131f!important;text-align:left!important;
}
.m-live-wrap .az-server-summary-card span{display:block!important;color:#7898b5!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.m-live-wrap .az-server-summary-card strong{display:block!important;margin-top:4px!important;color:#35ceff!important;font-size:22px!important;line-height:1!important}

@media(max-width:390px){
  .m-live-wrap .az-server-card{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"name status" "map slots" "version version" "load load"!important;
  }
  .m-live-wrap .az-load-box{width:100%!important}
  .m-live-wrap .az-server-summary-stats{grid-template-columns:1fr!important}
  .m-live-wrap .az-server-summary-card{display:flex!important;align-items:center!important;justify-content:space-between!important}
  .m-live-wrap .az-server-summary-card strong{margin:0!important;font-size:18px!important}
}