/* OnlineZarada mobile app UX layer */
@media (max-width:700px){
  body.page-template-page-prijava,
  body.page-template-page-registracija,
  body.page-template-page-profil{
    background:
      radial-gradient(circle at 18% 0%,rgba(58,170,204,.12),transparent 30%),
      radial-gradient(circle at 88% 18%,rgba(133,101,203,.12),transparent 28%),
      #0b1220;
  }

  body.page-template-page-prijava .ozl-footer,
  body.page-template-page-registracija .ozl-footer,
  body.page-template-page-profil .ozl-footer{display:none!important}

  .ozl-system-shell.ozl-container{
    width:100%!important;
    max-width:none!important;
    padding:10px 12px 22px!important;
    margin:0!important;
  }

  .ozl-auth-shell{
    display:block!important;
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    border-radius:26px!important;
    overflow:hidden!important;
    border:1px solid rgba(127,216,239,.18)!important;
    background:linear-gradient(155deg,rgba(21,34,56,.98),rgba(12,20,36,.99))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
  }

  .ozl-auth-visual{
    position:relative!important;
    min-height:0!important;
    padding:24px 20px 18px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 86% 18%,rgba(157,120,227,.22),transparent 28%),
      linear-gradient(145deg,rgba(33,74,98,.86),rgba(31,29,66,.82))!important;
  }

  .ozl-auth-visual .ozl-kicker{
    display:inline-flex!important;
    padding:6px 9px!important;
    border:1px solid rgba(139,230,248,.22)!important;
    border-radius:999px!important;
    background:rgba(10,22,39,.35)!important;
    color:#9cecff!important;
    font-size:9px!important;
    letter-spacing:.13em!important;
  }

  .ozl-auth-visual h1{
    margin:10px 0 6px!important;
    font-size:30px!important;
    line-height:1.05!important;
    letter-spacing:-1px!important;
    color:#f3f8ff!important;
    -webkit-text-fill-color:currentColor!important;
    background:none!important;
    animation:none!important;
  }

  .ozl-auth-visual p{
    margin:0!important;
    max-width:29ch!important;
    color:#c7d5e8!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .ozl-auth-orb{
    position:absolute!important;
    right:-32px!important;
    bottom:-44px!important;
    width:126px!important;
    height:126px!important;
    opacity:.6!important;
    filter:blur(1px)!important;
    pointer-events:none!important;
  }

  .ozl-auth-card{
    padding:20px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ozl-auth-card h2{
    margin:0 0 15px!important;
    font-size:20px!important;
    line-height:1.2!important;
    color:#eef6ff!important;
    -webkit-text-fill-color:currentColor!important;
    background:none!important;
    animation:none!important;
  }

  .ozl-form{display:grid!important;gap:13px!important}
  .ozl-form label{
    display:grid!important;
    gap:7px!important;
    color:#cbd8e8!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  .ozl-form input:not([type=checkbox]),
  .ozl-form textarea,
  .ozl-form select{
    width:100%!important;
    min-height:52px!important;
    box-sizing:border-box!important;
    padding:13px 14px!important;
    border:1px solid rgba(139,173,207,.26)!important;
    border-radius:15px!important;
    background:rgba(5,12,24,.62)!important;
    color:#f1f7ff!important;
    font-size:16px!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .ozl-form input:focus,
  .ozl-form textarea:focus,
  .ozl-form select:focus{
    border-color:#7edff1!important;
    outline:3px solid rgba(126,223,241,.13)!important;
    outline-offset:1px!important;
  }

  .ozl-form .ozl-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    padding:3px 1px!important;
    line-height:1.5!important;
    font-weight:600!important;
  }
  .ozl-form .ozl-check input{
    flex:0 0 auto!important;
    width:19px!important;
    height:19px!important;
    margin-top:1px!important;
    accent-color:#72d9ef!important;
  }

  .ozl-form .ozl-button,
  .ozl-auth-card .ozl-button{
    min-height:52px!important;
    border-radius:16px!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    background:linear-gradient(135deg,#8ce7f3,#99b9ff 52%,#bf9fe8)!important;
    color:#111c2c!important;
    box-shadow:0 12px 26px rgba(72,159,198,.16)!important;
  }

  .ozl-auth-links{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    margin-top:15px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(146,172,202,.14)!important;
  }

  .ozl-auth-links a{
    color:#99e6f5!important;
    font-size:12px!important;
    font-weight:700!important;
    text-decoration:none!important;
  }

  .ozl-alert,.ozl-success{
    margin:0 0 14px!important;
    padding:12px 13px!important;
    border-radius:13px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  .ozv43-page{
    width:100%!important;
    padding:0 0 18px!important;
    margin:0!important;
  }

  .ozv43-page-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }

  #oz-member-profile.ozv43-profile{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0 0 24px 24px!important;
    border-left:0!important;
    border-right:0!important;
    overflow:hidden!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,rgba(17,27,47,.98),rgba(10,17,30,.99))!important;
  }

  #oz-member-profile.ozv43-profile .ozv43-cover{
    border-radius:0!important;
  }

  #oz-member-profile.ozv43-profile .ozv43-main{
    background:
      linear-gradient(180deg,rgba(19,31,51,.96),rgba(12,21,36,.98))!important;
  }

  #oz-member-profile.ozv43-profile .ozv43-stats{
    border-top:1px solid rgba(147,180,210,.12)!important;
    border-bottom:1px solid rgba(147,180,210,.12)!important;
  }

  #oz-member-profile.ozv43-profile .ozv43-tabs{
    position:sticky!important;
    top:58px!important;
    z-index:40!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    background:rgba(11,19,34,.94)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border-top:1px solid rgba(143,179,209,.12)!important;
    border-bottom:1px solid rgba(143,179,209,.12)!important;
  }

  .admin-bar #oz-member-profile.ozv43-profile .ozv43-tabs{top:104px!important}

  #oz-member-profile.ozv43-profile .ozv43-tabs::-webkit-scrollbar{display:none}
  #oz-member-profile.ozv43-profile .ozv43-tabs button{
    flex:0 0 auto!important;
    min-width:74px!important;
  }

  #oz-member-profile.ozv43-profile .ozv43-content{
    padding:12px!important;
  }

  html[data-oz-mode="light"] body.page-template-page-prijava,
  html[data-oz-mode="light"] body.page-template-page-registracija,
  html[data-oz-mode="light"] body.page-template-page-profil{
    background:#eef5fa!important;
  }

  html[data-oz-mode="light"] .ozl-auth-shell{
    background:linear-gradient(155deg,#ffffff,#f5f9fc)!important;
    border-color:#d8e5ed!important;
  }

  html[data-oz-mode="light"] .ozl-auth-visual{
    background:linear-gradient(145deg,#e9f7fb,#eeeafa)!important;
  }

  html[data-oz-mode="light"] .ozl-auth-visual h1,
  html[data-oz-mode="light"] .ozl-auth-card h2{color:#19354d!important}

  html[data-oz-mode="light"] .ozl-auth-visual p,
  html[data-oz-mode="light"] .ozl-form label{color:#587187!important}

  html[data-oz-mode="light"] .ozl-form input:not([type=checkbox]),
  html[data-oz-mode="light"] .ozl-form textarea,
  html[data-oz-mode="light"] .ozl-form select{
    background:#ffffff!important;
    color:#20384e!important;
    border-color:#d3e0e9!important;
  }

  html[data-oz-mode="light"] #oz-member-profile.ozv43-profile,
  html[data-oz-mode="light"] #oz-member-profile.ozv43-profile .ozv43-main{
    background:#f8fbfd!important;
  }

  html[data-oz-mode="light"] #oz-member-profile.ozv43-profile .ozv43-tabs{
    background:rgba(248,251,253,.95)!important;
  }
}