:root{color-scheme:dark;--bg:#0c1116;--panel:#151e25;--line:#2c3a43;--text:#e9eff0;--muted:#a5b6be;--lime:#d2ed92;--blue:#8cceea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:29px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:inherit;text-underline-offset:5px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--lime)}main{max-width:1240px;margin:auto;padding:0 28px}.hero{position:relative;background:radial-gradient(ellipse at right top,#253d38,transparent 70%);padding:65px 0 55px}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:12px 0 24px}.hero p{max-width:540px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--lime)!important}.version{display:block;margin-top:45px;font-size:11px;letter-spacing:2px;color:var(--muted)}section{padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}h2{font-size:30px;letter-spacing:-1px;margin:0 0 18px}h3{font-size:19px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}article,.notice{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}article h3{margin-top:0}.value{font-size:26px;color:var(--lime);font-weight:700}.muted{color:var(--muted);font-size:14px}button,.button{display:inline-block;background:var(--lime);color:#142016;padding:11px 18px;border:0;border-radius:6px;font:600 14px system-ui;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:wait}form{display:flex;gap:16px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1 1 190px}input,select,textarea{width:100%;font:16px system-ui;padding:12px;background:#0c141b;color:var(--text);border:1px solid #536671;border-radius:5px}textarea{min-height:100px}article form{display:block}article label{margin:12px 0}article button{margin-top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}#message:not(:empty){position:sticky;top:12px;z-index:2;background:#223e49;border:1px solid var(--blue);padding:15px;border-radius:8px;white-space:pre-wrap}.map{margin-top:20px}.map img{width:100%;max-height:480px;object-fit:contain;border-radius:8px}.row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row span{flex:1;min-width:150px}.tag{color:var(--lime);font-size:12px;text-transform:uppercase;letter-spacing:1px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 system-ui}footer{padding:30px 5%;color:var(--muted);font-size:13px}footer a{float:right}@media(max-width:650px){header{gap:15px}nav{gap:14px;font-size:14px}main{padding:0 18px}.hero{padding-top:38px}.hero h1{letter-spacing:-2px}footer a{float:none;display:block}}
.brand{display:flex;align-items:center;gap:12px}.portal-brand-logo{width:52px;height:52px;object-fit:contain}.brand-copy{display:block;font-size:29px;font-weight:800;line-height:1}.brand-copy small{display:block;margin-top:6px;font-size:10px;letter-spacing:2px;color:var(--muted)}


/* LuRana V4.5 Mein LuRana */
#profile{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#profile article{
  position:relative;
  overflow:hidden;
}

#profile article:first-child,
#profile article:nth-child(2){
  border-color:#28566f;
}

#profile .value{
  font-size:24px;
  font-weight:900;
  overflow-wrap:anywhere;
}

#profile .muted{
  line-height:1.45;
}

@media(max-width:1000px){
  #profile{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  #profile{
    grid-template-columns:1fr;
  }
}

/* LuRana V4.6 Portal Event Center */

.v46-player-event-wrap{
  margin:22px 0;
  padding:18px;
  border:1px solid #203e51;
  border-radius:16px;
  background:#08131c;
}

#v46-player-events{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.v46-player-event{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px;
  border:1px solid #1b3546;
  border-radius:12px;
  background:#071018;
}

.v46-player-event strong{
  display:block;
  font-size:15px;
}

.v46-player-event small{
  display:block;
  margin-top:5px;
  color:#849eaf;
}

.v46-player-event-side{
  display:flex;
  align-items:center;
  gap:12px;
}

.v46-player-event-side span{
  color:#91a9b9;
  font-size:12px;
}

.v46-player-event button{
  white-space:nowrap;
}

@media(max-width:760px){
  .v46-player-event{
    align-items:flex-start;
    flex-direction:column;
  }

  .v46-player-event-side{
    width:100%;
    justify-content:space-between;
  }
}

/* =========================================================
   LuRana V4.7 Portal Dispatch
   ========================================================= */

.v47-player-dispatch,
.v47-admin-dispatch{
  margin:24px 0;
  padding:18px;
  border:1px solid #203f52;
  border-radius:16px;
  background:#08131c;
}

#v47-my-jobs,
#v47-admin-jobs{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.v47-portal-job,
.v47-admin-job{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid #1b394c;
  border-radius:12px;
  background:#071018;
  padding:14px;
}

.v47-portal-job h4{
  margin:8px 0 5px;
}

.v47-portal-job p{
  margin:0 0 7px;
  color:#9fb5c5;
}

.v47-portal-job small,
.v47-admin-job small{
  color:#809aaa;
}

.v47-job-actions{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:180px;
}

.v47-job-actions .secondary{
  background:#0b1821;
  border-color:#29485c;
}

#v47-admin-job-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:16px 0 24px;
}

#v47-admin-job-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#v47-admin-job-form .v47-wide{
  grid-column:1 / -1;
}

.v47-admin-job>div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

@media(max-width:760px){
  .v47-portal-job,
  .v47-admin-job{
    flex-direction:column;
    align-items:stretch;
  }

  .v47-job-actions{
    min-width:0;
  }

  #v47-admin-job-form{
    grid-template-columns:1fr;
  }

  #v47-admin-job-form .v47-wide{
    grid-column:auto;
  }
}

/* =========================================================
   LuRana V4.8 Portal Firmen-Center
   ========================================================= */

.v48-company-wrap,
.v48-company-admin-wrap,
.v48-panel{
  margin:22px 0;
}

.v48-panel,
.v48-company-wrap,
.v48-company-admin-wrap{
  padding:18px;
  border:1px solid #203e51;
  border-radius:16px;
  background:#08131c;
}

.v48-company-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}

.v48-company-money{
  text-align:right;
}

.v48-company-money small{
  display:block;
  color:#849ead;
  font-size:9px;
}

.v48-company-money strong{
  display:block;
  margin-top:4px;
  color:#55d7f6;
  font-size:23px;
}

#v48-create-form,
#v48-profile-form,
#v48-member-form,
#v48-ledger-form,
#v48-contract-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:15px;
}

#v48-create-form label,
#v48-profile-form label,
#v48-member-form label,
#v48-ledger-form label,
#v48-contract-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#v48-create-form .wide,
#v48-profile-form .wide,
#v48-ledger-form .wide,
#v48-contract-form .wide{
  grid-column:1 / -1;
}

.v48-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}

.v48-list>div,
.v48-admin-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid #19384a;
  border-radius:10px;
  background:#071018;
}

.v48-list span,
.v48-admin-row small{
  display:block;
  color:#849dac;
  margin-top:3px;
  font-size:11px;
}

.v48-admin-row>div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

@media(max-width:760px){
  .v48-company-head{
    flex-direction:column;
  }

  .v48-company-money{
    text-align:left;
  }

  #v48-create-form,
  #v48-profile-form,
  #v48-member-form,
  #v48-ledger-form,
  #v48-contract-form{
    grid-template-columns:1fr;
  }

  #v48-create-form .wide,
  #v48-profile-form .wide,
  #v48-ledger-form .wide,
  #v48-contract-form .wide{
    grid-column:auto;
  }

  .v48-list>div,
  .v48-admin-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* =========================================================
   LuRana V4.9 Portal Story
   ========================================================= */

.v49-player-story-wrap,
.v49-admin-story-wrap{
  margin:22px 0;
  padding:18px;
  border:1px solid #392f4e;
  border-radius:16px;
  background:#0b0e16;
}

#v49-player-story,
#v49-admin-story{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.v49-player-entry,
.v49-admin-row{
  border:1px solid #302845;
  border-radius:12px;
  padding:14px;
  background:#080b12;
}

.v49-player-entry.locked{
  border-color:#514025;
  background:#110f0b;
}

.v49-player-entry h4{
  margin:8px 0 5px;
}

.v49-player-entry small,
.v49-admin-row small{
  color:#8e84a6;
}

.v49-player-entry p{
  line-height:1.6;
  white-space:pre-line;
}

.v49-player-entry form{
  display:flex;
  gap:8px;
  margin-top:12px;
}

.v49-player-entry form input{
  flex:1;
}

#v49-admin-story-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:16px 0 24px;
}

#v49-admin-story-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#v49-admin-story-form .v49-wide{
  grid-column:1 / -1;
}

#v49-admin-story-form .v49-check{
  flex-direction:row;
  align-items:center;
}

.v49-admin-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}

.v49-admin-row>div:last-child{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

@media(max-width:760px){
  #v49-admin-story-form{
    grid-template-columns:1fr;
  }

  #v49-admin-story-form .v49-wide{
    grid-column:auto;
  }

  .v49-admin-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .v49-player-entry form{
    flex-direction:column;
  }
}

/* ==========================================================
   LuRana V4.9.1
   PORTAL NAVIGATION & CLEANUP
   ========================================================== */

body.lurana-v491{
  overflow-x:hidden;
}

.lurana-v491 .v491-shell{
  width:min(1500px,calc(100% - 32px));
  margin:24px auto 0;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.lurana-v491 .v491-sidebar{
  position:sticky;
  top:18px;
  min-height:calc(100vh - 36px);
  padding:16px;
  border:1px solid #203e51;
  border-radius:18px;
  background:
    linear-gradient(
      180deg,
      rgba(9,22,31,.98),
      rgba(5,12,18,.98)
    );
  box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}

.lurana-v491 .v491-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding:4px 5px 18px;
  margin-bottom:12px;
  border-bottom:1px solid #183241;
}

.lurana-v491 .v491-brand-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #2c617b;
  border-radius:11px;
  background:#07141d;
  color:#66ddff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}

.lurana-v491 .v491-brand strong{
  display:block;
  color:#e9f8ff;
  font-size:14px;
}

.lurana-v491 .v491-brand small{
  display:block;
  margin-top:3px;
  color:#647f90;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.lurana-v491 .v491-nav{
  display:grid;
  gap:5px;
}

.lurana-v491 .v491-nav button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#91aaba;
  text-align:left;
  cursor:pointer;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease;
}

.lurana-v491 .v491-nav button:hover{
  background:#0a1a24;
  color:#d9f3ff;
}

.lurana-v491 .v491-nav button.active{
  border-color:#23516a;
  background:
    linear-gradient(
      90deg,
      rgba(18,65,87,.6),
      rgba(8,26,37,.7)
    );
  color:#65dcff;
}

.lurana-v491 .v491-nav button span{
  width:24px;
  text-align:center;
  font-size:16px;
}

.lurana-v491 .v491-version{
  margin-top:20px;
  padding-top:13px;
  border-top:1px solid #17303f;
  color:#536b79;
  font-size:9px;
  text-align:center;
  letter-spacing:.14em;
}

.lurana-v491 .v491-content{
  min-width:0;
}

.lurana-v491 .v491-mobile-title{
  display:none;
}

.lurana-v491 .v491-overview{
  padding:22px;
  border:1px solid #203e51;
  border-radius:18px;
  background:
    linear-gradient(
      150deg,
      rgba(10,25,35,.98),
      rgba(5,12,18,.98)
    );
  box-shadow:
    0 20px 50px rgba(0,0,0,.22);
}

.lurana-v491 .v491-page-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.lurana-v491 .v491-page-heading h2{
  margin:3px 0 8px;
}

.lurana-v491 .v491-online{
  padding:7px 10px;
  border:1px solid #245c43;
  border-radius:999px;
  background:#0b2118;
  color:#55dd98;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  white-space:nowrap;
}

.lurana-v491 .v491-summary-grid{
  display:grid;
  grid-template-columns:
    repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}

.lurana-v491 .v491-summary-card{
  min-width:0;
  padding:14px;
  border:1px solid #1a3b4d;
  border-radius:13px;
  background:#07131c;
}

.lurana-v491 .v491-summary-card small{
  display:block;
  color:#688494;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}

.lurana-v491 .v491-summary-card strong{
  display:block;
  overflow:hidden;
  margin-top:7px;
  color:#e4f6ff;
  font-size:21px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lurana-v491 .v491-summary-card span{
  display:block;
  margin-top:4px;
  color:#688291;
  font-size:9px;
}

.lurana-v491 .v491-overview-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.lurana-v491 .v491-overview-box{
  padding:17px;
  border:1px solid #1a394a;
  border-radius:14px;
  background:
    linear-gradient(
      145deg,
      #091822,
      #061017
    );
}

.lurana-v491 .v491-overview-box h3{
  margin:3px 0 11px;
}

.lurana-v491 .v491-overview-box button{
  margin-top:8px;
}

.lurana-v491 .v491-big-number{
  display:block;
  color:#64dcff;
  font-size:32px;
}

.lurana-v491 .v491-big-text{
  display:block;
  overflow:hidden;
  color:#dff5ff;
  font-size:19px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lurana-v491 .v491-managed-section{
  width:min(
    calc(1500px - 230px - 18px - 32px),
    calc(100% - 280px)
  );
  margin:
    -1px
    max(16px,calc((100% - 1500px)/2))
    28px
    auto;
  padding:22px;
  border:1px solid #203e51;
  border-radius:18px;
  background:
    linear-gradient(
      150deg,
      rgba(10,25,35,.98),
      rgba(5,12,18,.98)
    );
}

.lurana-v491 .v491-managed-section[hidden],
.lurana-v491 .v491-overview[hidden]{
  display:none !important;
}

/*
 * Nur der aktive Portalblock bleibt sichtbar.
 */
.lurana-v491
.v491-managed-section
> [hidden]{
  display:none !important;
}

/*
 * Lange alte Blöcke bekommen mehr Luft und
 * wirken nun wie einzelne Seiten.
 */
.lurana-v491
.v491-managed-section
> *{
  margin-top:0;
}

.lurana-v491
.v491-managed-section
> * + *{
  margin-top:16px;
}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:1100px){

  .lurana-v491 .v491-shell{
    grid-template-columns:190px minmax(0,1fr);
  }

  .lurana-v491 .v491-summary-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .lurana-v491 .v491-managed-section{
    width:calc(100% - 238px);
  }

}

/* ----------------------------------------------------------
   MOBILE / SMALL TABLET
   ---------------------------------------------------------- */

@media(max-width:760px){

  .lurana-v491 .v491-shell{
    width:calc(100% - 20px);
    margin-top:10px;
    display:block;
  }

  .lurana-v491 .v491-sidebar{
    position:sticky;
    top:0;
    z-index:30;
    min-height:0;
    padding:9px;
    border-radius:14px;
    backdrop-filter:blur(14px);
  }

  .lurana-v491 .v491-brand{
    display:none;
  }

  .lurana-v491 .v491-nav{
    display:flex;
    overflow-x:auto;
    gap:5px;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .lurana-v491 .v491-nav::-webkit-scrollbar{
    display:none;
  }

  .lurana-v491 .v491-nav button{
    width:auto;
    min-width:max-content;
    min-height:38px;
    padding:7px 10px;
    font-size:11px;
  }

  .lurana-v491 .v491-nav button span{
    width:auto;
  }

  .lurana-v491 .v491-version{
    display:none;
  }

  .lurana-v491 .v491-content{
    margin-top:10px;
  }

  .lurana-v491 .v491-mobile-title{
    display:block;
    margin-bottom:9px;
    padding:11px 14px;
    border:1px solid #1d3b4c;
    border-radius:12px;
    background:#07131c;
  }

  .lurana-v491 .v491-mobile-title small{
    display:block;
    color:#5e7d8f;
    font-size:7px;
    font-weight:900;
    letter-spacing:.13em;
  }

  .lurana-v491 .v491-mobile-title strong{
    display:block;
    margin-top:3px;
  }

  .lurana-v491 .v491-overview{
    padding:15px;
  }

  .lurana-v491 .v491-page-heading{
    flex-direction:column;
  }

  .lurana-v491 .v491-summary-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .lurana-v491 .v491-overview-grid{
    grid-template-columns:1fr;
  }

  .lurana-v491 .v491-managed-section{
    width:calc(100% - 20px);
    margin:10px auto 24px;
    padding:15px;
  }

}

/* ----------------------------------------------------------
   PHONE
   ---------------------------------------------------------- */

@media(max-width:460px){

  .lurana-v491 .v491-summary-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .lurana-v491 .v491-summary-card{
    padding:11px;
  }

  .lurana-v491 .v491-summary-card strong{
    font-size:18px;
  }

}

/* ==========================================================
   LuRana V4.9.2
   NAVIGATION HOTFIX
   ========================================================== */

.lurana-v492
.v492-page{
  width:100%;
}

.lurana-v492
.v492-page[hidden]{
  display:none !important;
}

.lurana-v492
#player.v491-managed-section{
  display:block;
}

.lurana-v492
#player.v491-managed-section[hidden]{
  display:none !important;
}

.lurana-v492
#player
.v492-page
> *{
  margin-top:0;
}

.lurana-v492
#player
.v492-page
> * + *{
  margin-top:16px;
}

.lurana-v492
.v492-empty{
  padding:24px;
  border:1px dashed #28485a;
  border-radius:13px;
  background:#07121a;
  color:#8da7b7;
  text-align:center;
}

/*
 * Alte V4.9.1 Gruppierungs-Hidden-Werte
 * spielen innerhalb der neuen Seiten keine Rolle.
 */
.lurana-v492
.v492-page
[data-v491-group]{
  display:block;
}

/*
 * Formulare / Karten nach dem Umzug weiterhin
 * volle Breite.
 */
.lurana-v492
.v492-page
.v46-player-event-wrap,

.lurana-v492
.v492-page
.v47-player-dispatch,

.lurana-v492
.v492-page
.v48-company-wrap,

.lurana-v492
.v492-page
.v49-player-story-wrap{
  width:100%;
}

/*
 * Auf Desktop bleibt alles innerhalb der
 * bestehenden Portal-Spalte.
 */
@media(min-width:761px){

  .lurana-v492
  #player.v491-managed-section{
    min-height:500px;
  }

}

/* =========================================================
   LuRana V4.9.3 FINAL PORTAL
   ========================================================= */

body.lurana-v493{
  overflow-x:hidden;
}

.lurana-v493 .v493-shell{
  width:min(1480px,calc(100% - 32px));
  margin:22px auto 35px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.lurana-v493 .v493-sidebar{
  position:sticky;
  top:18px;
  min-height:calc(100vh - 40px);
  padding:15px;
  border:1px solid #1d3c4d;
  border-radius:17px;
  background:#07131c;
}

.lurana-v493 .v493-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:4px 5px 16px;
  margin-bottom:12px;
  border-bottom:1px solid #173443;
}

.lurana-v493 .v493-logo{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #286078;
  border-radius:10px;
  color:#5ddaff;
  font-weight:900;
}

.lurana-v493 .v493-brand strong,
.lurana-v493 .v493-brand small{
  display:block;
}

.lurana-v493 .v493-brand small{
  margin-top:3px;
  color:#607d8d;
  font-size:8px;
  letter-spacing:.13em;
}

.lurana-v493 .v493-nav{
  display:grid;
  gap:5px;
}

.lurana-v493 .v493-nav-button{
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#8fa8b8;
  cursor:pointer;
}

.lurana-v493 .v493-nav-button:hover{
  color:#dff6ff;
  background:#0a1a23;
}

.lurana-v493 .v493-nav-button.active{
  color:#63d9ff;
  border-color:#24536a;
  background:#0b2735;
}

.lurana-v493 .v493-nav-button span{
  width:20px;
  text-align:center;
}

.lurana-v493 .v493-version{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid #17313f;
  text-align:center;
  color:#526d7b;
  font-size:9px;
}

.lurana-v493 .v493-content{
  min-width:0;
}

.lurana-v493 .v493-page{
  padding:22px;
  border:1px solid #1d3c4d;
  border-radius:17px;
  background:
    linear-gradient(
      150deg,
      #091823,
      #061018
    );
  min-height:650px;
}

.lurana-v493 .v493-page[hidden]{
  display:none !important;
}

.lurana-v493 .v493-page-head{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid #163442;
}

.lurana-v493 .v493-page-head h2{
  margin:3px 0 0;
}

.lurana-v493 .v493-page-body{
  min-width:0;
}

.lurana-v493 .v493-welcome{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.lurana-v493 .v493-connected{
  padding:7px 10px;
  border:1px solid #245d42;
  border-radius:999px;
  background:#0b2118;
  color:#52de98;
  font-size:9px;
  font-weight:900;
}

.lurana-v493 .v493-overview-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:25px;
}

.lurana-v493 .v493-overview-card{
  min-height:135px;
  display:block;
  padding:17px;
  border:1px solid #193a4d;
  border-radius:14px;
  background:#07141d;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.lurana-v493 .v493-overview-card:hover{
  border-color:#28617d;
  background:#0a1c27;
}

.lurana-v493 .v493-overview-card small{
  display:block;
  color:#a5dc55;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.lurana-v493 .v493-overview-card strong{
  display:block;
  margin-top:9px;
  color:#edf9ff;
  font-size:20px;
}

.lurana-v493 .v493-overview-card span{
  display:block;
  margin-top:7px;
  color:#839eae;
  font-size:12px;
}

/*
 * Bestehende Funktionscontainer innerhalb der
 * neuen Seiten sollen nicht mehr durch alte
 * Navigation-Hidden-Zustände verschwinden.
 */

.lurana-v493
.v493-page-body
.v46-player-event-wrap,

.lurana-v493
.v493-page-body
.v47-player-dispatch,

.lurana-v493
.v493-page-body
.v48-company-wrap,

.lurana-v493
.v493-page-body
.v49-player-story-wrap,

.lurana-v493
.v493-page-body
#team-branding,

.lurana-v493
.v493-page-body
#team-branding-admin,

.lurana-v493
.v493-page-body
#player,

.lurana-v493
.v493-page-body
#admin{
  display:block !important;
  width:100%;
}

.lurana-v493 .v493-empty{
  padding:28px;
  border:1px dashed #294858;
  border-radius:12px;
  color:#829ba9;
  text-align:center;
}

/*
 * Die alten V4.9.1 Layout-Regeln dürfen das neue
 * Portal nicht mehr verschieben.
 */

.lurana-v493
#player.v491-managed-section,

.lurana-v493
#admin.v491-managed-section{
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

/* Tablet */

@media(max-width:1050px){

  .lurana-v493 .v493-shell{
    grid-template-columns:190px minmax(0,1fr);
  }

}

/* Mobile */

@media(max-width:760px){

  .lurana-v493 .v493-shell{
    width:calc(100% - 18px);
    margin:10px auto 25px;
    display:block;
  }

  .lurana-v493 .v493-sidebar{
    position:sticky;
    top:0;
    z-index:50;
    min-height:0;
    padding:8px;
    border-radius:12px;
  }

  .lurana-v493 .v493-brand,
  .lurana-v493 .v493-version{
    display:none;
  }

  .lurana-v493 .v493-nav{
    display:flex;
    overflow-x:auto;
    gap:4px;
    scrollbar-width:none;
  }

  .lurana-v493 .v493-nav::-webkit-scrollbar{
    display:none;
  }

  .lurana-v493 .v493-nav-button{
    width:auto;
    min-width:max-content;
    padding:9px 11px;
  }

  .lurana-v493 .v493-content{
    margin-top:10px;
  }

  .lurana-v493 .v493-page{
    padding:14px;
    min-height:500px;
  }

  .lurana-v493 .v493-overview-grid{
    grid-template-columns:1fr;
  }

  .lurana-v493 .v493-welcome{
    flex-direction:column;
  }

}

/* =========================================================
   LuRana V4.9.4 - MEIN LURANA
   ========================================================= */

.v494-profile{
  width:100%;
}

.v494-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.v494-head h2{
  margin:3px 0 7px;
}

.v494-status-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.v494-status{
  padding:6px 9px;
  border-radius:999px;
  border:1px solid #28404f;
  background:#09151d;
  color:#839ba9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  white-space:nowrap;
}

.v494-status.ok{
  border-color:#245d42;
  background:#0b2118;
  color:#55dc98;
}

.v494-status.warn{
  border-color:#735328;
  background:#21180b;
  color:#e0b864;
}

.v494-status.online{
  border-color:#245d42;
  color:#55dc98;
}

.v494-status.offline{
  color:#78909f;
}

.v494-identity{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:22px;
}

.v494-identity>div{
  padding:14px;
  border:1px solid #1c3b4c;
  border-radius:12px;
  background:#07131b;
}

.v494-identity small,
.v494-stat-card small{
  display:block;
  color:#708999;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}

.v494-identity strong{
  display:block;
  margin-top:6px;
  color:#e6f7ff;
  font-size:17px;
}

.v494-identity span{
  display:block;
  margin-top:4px;
  color:#718c9b;
  font-size:9px;
}

.v494-small-value{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px !important;
}

.v494-section-title{
  margin:22px 0 10px;
  font-size:15px;
}

.v494-stat-grid{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:9px;
}

.v494-stat-card{
  min-width:0;
  padding:14px;
  border:1px solid #19394a;
  border-radius:12px;
  background:
    linear-gradient(
      150deg,
      #081721,
      #061018
    );
}

.v494-stat-card strong{
  display:block;
  overflow:hidden;
  margin-top:7px;
  color:#e5f7ff;
  font-size:19px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.v494-stat-card span{
  display:block;
  margin-top:5px;
  color:#66808f;
  font-size:9px;
}

.v494-note{
  margin-top:18px;
  padding:12px 14px;
  border-left:3px solid #3a819e;
  background:#07131b;
  color:#809cab;
  font-size:11px;
  line-height:1.5;
}

.v494-loading,
.v494-error{
  padding:25px;
  border:1px solid #203f50;
  border-radius:12px;
  background:#07131b;
  color:#88a3b3;
}

.v494-error strong,
.v494-error span{
  display:block;
}

.v494-error span{
  margin-top:7px;
  color:#c79797;
}

@media(max-width:1000px){

  .v494-stat-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:700px){

  .v494-head{
    flex-direction:column;
  }

  .v494-status-wrap{
    justify-content:flex-start;
  }

  .v494-identity{
    grid-template-columns:1fr;
  }

}

@media(max-width:480px){

  .v494-stat-grid{
    grid-template-columns:1fr;
  }

}

/* ==========================================================
   LuRana V4.9.5
   FINAL PORTAL CLEANUP
   ========================================================== */

/*
 * Alte Portalbereiche bleiben technisch im DOM,
 * sind für den Spieler aber unsichtbar.
 */

body.lurana-v495
.v495-legacy-hidden{
  display:none !important;
}


/* ==========================================================
   KOMPAKTER TOP HEADER
   ========================================================== */

body.lurana-v495
> header.v495-header{
  min-height:64px;
  padding:
    10px
    max(24px,calc((100% - 1480px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #173441;
  background:
    rgba(5,13,19,.97);
}

body.lurana-v495
> header.v495-header
.v495-old-nav{
  display:none !important;
}

body.lurana-v495
> header.v495-header
.brand{
  display:flex;
  align-items:center;
  gap:10px;
}

body.lurana-v495
> header.v495-header
.portal-brand-logo{
  width:42px;
  height:42px;
  object-fit:contain;
}

body.lurana-v495
> header.v495-header
.brand-copy{
  font-size:12px;
}

body.lurana-v495
> header.v495-header
.brand-copy small{
  display:block;
  margin-top:2px;
  color:#657f8e;
  font-size:8px;
  letter-spacing:.12em;
}

body.lurana-v495
> header.v495-header
#account{
  padding:6px 10px;
  border:1px solid #1d3a49;
  border-radius:999px;
  background:#07151e;
  color:#9bb5c4;
  font-size:10px;
}


/* ==========================================================
   MAIN
   ========================================================== */

body.lurana-v495
> main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}


/*
 * V4.9.3 ist jetzt die einzige sichtbare
 * Hauptoberfläche.
 */

body.lurana-v495
.v493-shell{
  margin-top:20px;
}


/* ==========================================================
   STATUS MELDUNG
   ========================================================== */

body.lurana-v495
.v495-message{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1000;

  width:min(420px,calc(100% - 40px));
  margin:0;
  padding:12px 15px;

  border:1px solid #27617a;
  border-radius:10px;

  background:
    rgba(8,28,38,.97);

  color:#d8f3ff;

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.4);
}

body.lurana-v495
.v495-message[hidden]{
  display:none !important;
}


/* ==========================================================
   ALTE PLAYER WRAPPER INNERHALB NEUER SEITEN
   ========================================================== */

/*
 * Der alte Spielercontainer selbst soll innerhalb
 * "Mein LuRana" keine eigene riesige Box mehr bilden.
 */

body.lurana-v495
#v493-page-profile
#player{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}


/*
 * Alte Überschrift "Mein LuRana / Abmelden"
 * aus #player ausblenden.
 * Das neue V4.9.4 Profil hat bereits einen eigenen Kopf.
 */

body.lurana-v495
#v493-page-profile
#player
> .heading{
  display:none !important;
}


/*
 * Der alte Profil-Grid wird durch V4.9.4 ersetzt.
 */

body.lurana-v495
#v493-page-profile
#profile{
  display:none !important;
}


/*
 * V4.9.4 explizit sichtbar.
 */

body.lurana-v495
#v493-page-profile
#v494-mein-lurana{
  display:block !important;
}


/* ==========================================================
   KEINE DOPPELTEN SEITENTITEL
   ========================================================== */

/*
 * Die V4.9.3 Seite hat oben bereits ihren Titel.
 * Die Module behalten nur ihre fachliche Überschrift.
 */

body.lurana-v495
.v493-page{
  overflow:visible;
}


/* ==========================================================
   TEAM
   ========================================================== */

body.lurana-v495
#v493-page-team
#team-branding{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}


/* ==========================================================
   ADMIN
   ========================================================== */

body.lurana-v495
#v493-page-admin
#admin,

body.lurana-v495
#v493-page-admin
#team-branding-admin{
  margin-top:0;
}


/* ==========================================================
   FOOTER
   ========================================================== */

body.lurana-v495
> footer.v495-footer{
  width:min(1480px,calc(100% - 32px));
  margin:20px auto;
  padding:15px 0;
  border-top:1px solid #173441;
  color:#526d7c;
  font-size:10px;
}


/* ==========================================================
   MOBILE HEADER
   ========================================================== */

@media(max-width:760px){

  body.lurana-v495
  > header.v495-header{
    min-height:54px;
    padding:8px 12px;
  }

  body.lurana-v495
  > header.v495-header
  .portal-brand-logo{
    width:34px;
    height:34px;
  }

  body.lurana-v495
  > header.v495-header
  .brand-copy small{
    display:none;
  }

  body.lurana-v495
  > header.v495-header
  #account{
    max-width:140px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

}

/* =========================================================
   LuRana V4.9.6
   TEAM & ADMIN CLEANUP
   ========================================================= */

.lurana-v496
#v493-page-team
.v493-page-body{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.lurana-v496
#v493-page-team
.v496-team-intro{
  grid-column:1 / -1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border:1px solid #1c3e50;
  border-radius:14px;
  background:
    linear-gradient(
      150deg,
      #091a24,
      #061119
    );
}

.lurana-v496
#v493-page-team
.v496-team-intro h3{
  margin:4px 0 6px;
}

.lurana-v496
.v496-team-chip{
  padding:6px 10px;
  border:1px solid #2d5870;
  border-radius:999px;
  color:#66d9ff;
  background:#081821;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.lurana-v496
#v493-page-team
.v496-team-block{
  min-width:0;
  margin:0 !important;
  padding:17px !important;
  border:1px solid #193949;
  border-radius:14px;
  background:#07131b;
}

.lurana-v496
#v493-page-team
#team-branding{
  grid-column:1 / -1;
}

.lurana-v496
#v493-page-team
#team-branding
.tb-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
}

.lurana-v496
#v493-page-team
.tb-card{
  margin:0;
  border-radius:12px;
}


/* =========================================================
   ÖFFENTLICHES TEAMPROFIL
   ========================================================= */

.lurana-v496
#v493-page-team
.v496-team-profile-form{
  display:grid !important;
  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;
  gap:11px !important;
  max-width:1050px;
}

.lurana-v496
#v493-page-team
.v496-team-profile-form
label{
  min-width:0;
}

.lurana-v496
#v493-page-team
.v496-team-profile-form
textarea{
  min-height:105px;
}

.lurana-v496
#v493-page-team
input,

.lurana-v496
#v493-page-team
select,

.lurana-v496
#v493-page-team
textarea{
  width:100%;
  box-sizing:border-box;
}


/* =========================================================
   TEAMMITGLIEDER / COMMUNITY TEAMS
   ========================================================= */

.lurana-v496
#v493-page-team
article,

.lurana-v496
#v493-page-team
.card,

.lurana-v496
#v493-page-team
.team-card{
  border-radius:12px;
}

.lurana-v496
#v493-page-team
.grid{
  gap:10px;
}


/* =========================================================
   ADMINISTRATION
   ========================================================= */

.lurana-v496
#v493-page-admin
.v493-page-body{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.lurana-v496
#v493-page-admin
.v496-admin-intro{
  grid-column:1 / -1;
  padding:18px;
  border:1px solid #413b54;
  border-radius:14px;
  background:
    linear-gradient(
      150deg,
      #10141d,
      #080b11
    );
}

.lurana-v496
#v493-page-admin
.v496-admin-intro h3{
  margin:4px 0 6px;
}

.lurana-v496
#v493-page-admin
.v496-admin-moved,

.lurana-v496
#v493-page-admin
#admin,

.lurana-v496
#v493-page-admin
#team-branding-admin{
  min-width:0;
  margin:0 !important;
  padding:17px !important;
  border:1px solid #293443;
  border-radius:14px;
  background:#090f16;
}

.lurana-v496
#v493-page-admin
#admin{
  grid-column:1 / -1;
}

.lurana-v496
#v493-page-admin
#team-branding-admin{
  grid-column:1 / -1;
}

.lurana-v496
#v493-page-admin
form{
  max-width:1100px;
}

.lurana-v496
#v493-page-admin
input,

.lurana-v496
#v493-page-admin
select,

.lurana-v496
#v493-page-admin
textarea{
  width:100%;
  box-sizing:border-box;
}


/* =========================================================
   BUTTONS NICHT ÜBERBREIT
   ========================================================= */

.lurana-v496
#v493-page-team
button,

.lurana-v496
#v493-page-admin
button{
  width:auto;
  max-width:100%;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

  .lurana-v496
  #v493-page-team
  .v493-page-body,

  .lurana-v496
  #v493-page-admin
  .v493-page-body{
    grid-template-columns:1fr;
  }

  .lurana-v496
  #v493-page-team
  #team-branding,

  .lurana-v496
  #v493-page-admin
  #admin,

  .lurana-v496
  #v493-page-admin
  #team-branding-admin{
    grid-column:auto;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

  .lurana-v496
  #v493-page-team
  #team-branding
  .tb-grid,

  .lurana-v496
  #v493-page-team
  .v496-team-profile-form{
    grid-template-columns:1fr !important;
  }

  .lurana-v496
  #v493-page-team
  .v496-team-intro{
    flex-direction:column;
  }

}

/* =========================================================
   LuRana V4.9.7 - LEGACY CLEANUP
   ========================================================= */

body.lurana-v493
.v497-legacy-extension,

body.lurana-v495
.v497-legacy-extension,

.v497-legacy-extension{
  display:none !important;
}

/*
 * Footer nach Entfernen der alten Bereiche
 * etwas kompakter.
 */

body.lurana-v495 > footer,
body.lurana-v493 > footer{
  margin-top:18px !important;
}

/* LuRana Portal - Dashboard Back Link */

.v493-dashboard-link{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px;
  padding:11px;
  border:1px solid #1d3c4d;
  border-radius:10px;
  background:#07131c;
  color:#9bb7c7;
  text-decoration:none;
}

.v493-dashboard-link:hover{
  border-color:#2b617b;
  background:#0a1b25;
  color:#63d9ff;
}

.v493-dashboard-link span{
  font-size:16px;
}

.v493-dashboard-link strong{
  font-size:11px;
}

@media(max-width:760px){
  .v493-dashboard-link{
    display:none;
  }
}

/* =========================================================
   LuRana V4.9.8
   PORTAL CONTAINMENT
   ========================================================= */

/*
 * Außerhalb des finalen Portal-Shells
 * darf keine alte Vollseiten-UI mehr sichtbar sein.
 */

body.lurana-v498
.v498-global-legacy{
  display:none !important;
}


/*
 * Verschobener Team-Center passt sich an
 * die neue Teamseite an.
 */

body.lurana-v498
#v493-page-team
.v498-team-contained{
  display:block !important;
  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}


/*
 * Admin-Teamblöcke nur in Administration.
 */

body.lurana-v498
#v493-page-admin
.v498-admin-team-block,

body.lurana-v498
#v493-page-admin
.v498-admin-contained{
  display:block !important;

  margin:0 0 14px;

  padding:16px;

  border:1px solid #293a48;
  border-radius:13px;

  background:#08121a;
}


/*
 * Teamseite selbst darf keine ausgelagerten
 * Adminblöcke mehr darstellen.
 */

body.lurana-v498
#v493-page-team
.v498-admin-team-block,

body.lurana-v498
#v493-page-team
.v498-admin-contained{
  display:none !important;
}


/*
 * Nur die aktive V4.9.3-Seite sichtbar.
 */

body.lurana-v498
.v493-page[hidden]{
  display:none !important;
}


/*
 * Formulare im Team-Center nicht mehr
 * über komplette Bildschirmbreite ziehen.
 */

body.lurana-v498
#v493-page-team form{
  max-width:1100px;
}

body.lurana-v498
#v493-page-team textarea,

body.lurana-v498
#v493-page-team input,

body.lurana-v498
#v493-page-team select{
  box-sizing:border-box;
}


/*
 * Verhindert horizontales Überlaufen
 * wie auf den bisherigen Screenshots.
 */

body.lurana-v498
#v493-page-team,

body.lurana-v498
#v493-page-admin{
  overflow:hidden;
}

body.lurana-v498
#v493-page-team
.v493-page-body,

body.lurana-v498
#v493-page-admin
.v493-page-body{
  min-width:0;
}

/* =========================================================
   LuRana V5.0 WORLD DIRECTOR ADMIN
   ========================================================= */

.v50-admin-director{
  grid-column:1 / -1;
  padding:18px;
  border:1px solid #325064;
  border-radius:15px;
  background:
    linear-gradient(
      145deg,
      #0a1822,
      #071018
    );
}

.v50-admin-status{
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0;
}

.v50-admin-status strong{
  color:#62d8fa;
  font-size:19px;
}

.v50-admin-status span{
  color:#7895a5;
}

.v50-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px;
}

.v50-admin-regions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.v50-admin-regions form{
  display:grid;
  grid-template-columns:1fr 100px 100px auto;
  gap:8px;
  align-items:end;
  padding:10px;
  border:1px solid #1a3949;
  border-radius:10px;
  background:#07131b;
}

.v50-admin-regions label{
  font-size:9px;
}

#v50-distress-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:20px;
}

#v50-distress-form label{
  display:flex;
  flex-direction:column;
  gap:5px;
}

#v50-distress-form .wide{
  grid-column:1 / -1;
}

.v50-admin-list{
  display:grid;
  gap:7px;
  margin-bottom:18px;
}

.v50-admin-list>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid #193746;
  border-radius:9px;
  background:#07121a;
}

.v50-admin-list strong,
.v50-admin-list small{
  display:block;
}

.v50-admin-list small{
  margin-top:3px;
  color:#708a99;
}

@media(max-width:850px){
  .v50-admin-regions{
    grid-template-columns:1fr;
  }

  .v50-admin-regions form{
    grid-template-columns:1fr 1fr;
  }

  #v50-distress-form{
    grid-template-columns:1fr;
  }

  #v50-distress-form .wide{
    grid-column:auto;
  }
}

/* =========================================================
   LuRana V5.1 CONNECTION
   ========================================================= */

.v51-connection-status{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #1d4052;
}

.v51-title{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
}

.v51-title h4{
  margin:3px 0 0;
}

.v51-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:9px;
  margin:14px 0;
}

.v51-grid article{
  padding:13px;
  border:1px solid #1c3c4c;
  border-radius:11px;
  background:#07131b;
}

.v51-grid small,
.v51-grid strong,
.v51-grid span{
  display:block;
}

.v51-grid small{
  color:#718c9c;
  font-size:8px;
  font-weight:900;
}

.v51-grid strong{
  margin-top:5px;
  color:#62d9fa;
}

.v51-grid span{
  margin-top:5px;
  color:#7892a1;
  font-size:9px;
}

.v51-error{
  padding:10px;
  margin:10px 0;
  border:1px solid #7b3030;
  border-radius:8px;
  background:#291011;
  color:#ffb0b0;
  font-size:10px;
}

@media(max-width:800px){
  .v51-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   LuRana V5.2 SAFE CONSUMER
   ========================================================= */

.v52-consumer-status{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #1d4052;
}

/* =========================================================
   LuRana V5.3 WORLD RECEIVER
   ========================================================= */

.v53-receiver-status{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid #21485b;
}

.v53-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.v53-head h4{
  margin:4px 0 0;
}

.v53-online{
  border-color:#3e8d75 !important;
}

.v53-grid{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:9px;
  margin:15px 0 20px;
}

.v53-grid article{
  padding:13px;
  border:1px solid #1d3e50;
  border-radius:11px;
  background:#07131b;
}

.v53-grid small,
.v53-grid strong,
.v53-grid span{
  display:block;
}

.v53-grid small{
  color:#718e9e;
  font-size:8px;
  font-weight:900;
}

.v53-grid strong{
  margin-top:6px;
  color:#63d9fa;
}

.v53-grid span{
  margin-top:5px;
  color:#7892a1;
  font-size:9px;
}

.v53-queue{
  display:grid;
  grid-template-columns:
    repeat(5,minmax(0,1fr));
  gap:8px;
}

.v53-queue>div{
  padding:11px;
  border:1px solid #183949;
  border-radius:9px;
  background:#07121a;
}

.v53-queue small,
.v53-queue strong{
  display:block;
}

.v53-queue small{
  color:#718b99;
  font-size:8px;
}

.v53-queue strong{
  margin-top:5px;
  font-size:18px;
}

.v53-stats{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin:16px 0;
  color:#7894a3;
  font-size:10px;
}

.v53-stats strong{
  color:#d9eff8;
}

@media(max-width:950px){

  .v53-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .v53-queue{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:600px){

  .v53-grid,
  .v53-queue{
    grid-template-columns:1fr;
  }

}