/* Pickleup.vn — focused submit tournament flow */
.submit-screen{background:#f6f8f7;color:#121a16}
.submit-screen .public-mobile-dock{display:none!important}
.submit-screen main{padding:18px 0 40px!important}
.submit-screen main>.public-container{max-width:760px!important}
.submit-screen #submitForm{
  border:1px solid #e4eae6!important;
  background:#fff!important;
  box-shadow:none!important;
}
.submit-screen #submitForm>div{min-width:0}
.submit-screen .package-card{
  position:relative;
  box-sizing:border-box;
}
.submit-screen .package-card.selected{
  border-color:#0b7a50!important;
  background:#f3faf6!important;
  box-shadow:0 0 0 1px rgba(11,122,80,.08)!important;
}
.submit-screen .package-card input[type=radio]{accent-color:#0b7a50}

@media(max-width:760px){
  .submit-screen{
    padding-bottom:24px!important;
    background:#f5f7f6!important;
  }
  .submit-screen .public-header{
    height:auto!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e6ebe8!important;
    box-shadow:none!important;
  }
  .submit-screen .public-nav{
    width:100%!important;
    height:58px!important;
    margin:0!important;
    padding:0 16px!important;
  }
  .submit-screen .public-nav nav,
  .submit-screen .public-nav>.btn{display:none!important}
  .submit-screen .public-brand .brand-mark{
    width:36px!important;height:36px!important;border-radius:11px!important;
    background:#dfff63!important;color:#17331f!important;box-shadow:none!important;
  }
  .submit-screen .public-brand b{font-size:13px!important}
  .submit-screen .public-brand small{font-size:6.8px!important;letter-spacing:.12em!important}

  .submit-screen main{
    padding:14px 0 26px!important;
  }
  .submit-screen main>.public-container{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 14px!important;
  }
  .submit-screen main>.public-container>div:first-child{
    text-align:left!important;
    margin:2px 2px 16px!important;
  }
  .submit-screen main>.public-container>div:first-child .eyebrow{
    font-size:7.5px!important;
    letter-spacing:.11em!important;
    color:#0b7a50!important;
  }
  .submit-screen main>.public-container>div:first-child h1{
    margin:6px 0 8px!important;
    font-size:27px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  .submit-screen main>.public-container>div:first-child p{
    margin:0!important;
    max-width:none!important;
    font-size:10px!important;
    line-height:1.5!important;
    color:#7b8680!important;
  }

  .submit-screen #submitForm{
    display:grid!important;
    gap:0!important;
    padding:0!important;
    border:1px solid #e5eae7!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .submit-screen #submitForm>div{
    padding:17px 16px!important;
    border-bottom:1px solid #edf1ee!important;
  }
  .submit-screen #submitForm>div:last-child{
    border-bottom:0!important;
  }

  .submit-screen #submitForm h3{
    margin:0 0 12px!important;
    gap:8px!important;
    font-size:14px!important;
    line-height:1.2!important;
    letter-spacing:-.015em!important;
  }
  .submit-screen #submitForm h3>span{
    width:22px!important;
    height:22px!important;
    border-radius:7px!important;
    background:#122019!important;
    color:#dfff63!important;
    font-size:10px!important;
    flex:0 0 22px!important;
  }
  .submit-screen #submitForm h3+p{
    margin:-4px 0 12px!important;
    font-size:9.5px!important;
    line-height:1.45!important;
    color:#7e8983!important;
  }

  .submit-screen .form-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .submit-screen .field,
  .submit-screen .field.full{
    grid-column:auto!important;
  }
  .submit-screen .field>span{
    margin-bottom:6px!important;
    font-size:9px!important;
    font-weight:800!important;
    color:#56635c!important;
  }
  .submit-screen .field input,
  .submit-screen .field select,
  .submit-screen .field textarea{
    width:100%!important;
    min-height:44px!important;
    padding:0 12px!important;
    border:1px solid #dfe6e2!important;
    border-radius:11px!important;
    background:#fbfcfb!important;
    color:#152019!important;
    font-size:11px!important;
    box-shadow:none!important;
  }
  .submit-screen .field input:focus,
  .submit-screen .field select:focus,
  .submit-screen .field textarea:focus{
    border-color:#0b7a50!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(11,122,80,.08)!important;
    background:#fff!important;
  }

  .submit-screen #submitForm>div:nth-of-type(4)>div:last-child{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .submit-screen .package-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:0 10px!important;
    min-height:0!important;
    padding:13px 14px!important;
    border:1px solid #e0e6e2!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .submit-screen .package-card label{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    min-width:0!important;
    font-size:11px!important;
    font-weight:900!important;
    color:#17211b!important;
  }
  .submit-screen .package-card label input{
    width:17px!important;height:17px!important;flex:0 0 17px!important;
  }
  .submit-screen .package-card>div{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    color:#17211b!important;
  }
  .submit-screen .package-card ul{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    gap:3px!important;
    margin:8px 0 0 25px!important;
    padding:0!important;
    list-style:none!important;
    color:#76817b!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .submit-screen .package-card ul li{
    position:relative!important;
    padding-left:10px!important;
  }
  .submit-screen .package-card ul li:before{
    content:""!important;
    position:absolute!important;
    left:0!important;top:.52em!important;
    width:4px!important;height:4px!important;
    border-radius:50%!important;background:#aab3ae!important;
  }
  .submit-screen .package-card.selected{
    border-color:#0b7a50!important;
    background:#f4faf6!important;
  }
  .submit-screen .package-card[style*="#fffdf5"]{
    border-color:#e7d59a!important;
    background:#fffdf7!important;
  }
  .submit-screen .package-card[style*="#fffdf5"] label,
  .submit-screen .package-card[style*="#fffdf5"]>div{
    color:#8a6500!important;
  }

  .submit-screen #submitForm>div:last-child{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:7px!important;
    margin:0!important;
    padding:14px 16px 16px!important;
    background:#fafbfa!important;
  }
  .submit-screen #submitForm>div:last-child #submitBtn{
    width:100%!important;
    min-height:48px!important;
    padding:0 16px!important;
    border-radius:12px!important;
    background:#111815!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  .submit-screen #submitForm>div:last-child>a{
    align-self:center!important;
    min-height:auto!important;
    padding:7px 12px!important;
    border:0!important;
    background:transparent!important;
    color:#7d8781!important;
    font-size:10px!important;
  }

  .submit-screen .public-footer{display:none!important}
  .submit-screen #submitSuccess{
    padding:24px 18px!important;
    border-radius:18px!important;
    border:1px solid #e5eae7!important;
    box-shadow:none!important;
  }
}

@media(max-width:760px){.submit-screen .public-brand .brand-mark{background:#0b1513 url("app-icon-sport-v3.svg") center/cover no-repeat!important;color:transparent!important;font-size:0!important}}