/* ZyroDevv HF15 — mobile 2x2 overview + high-contrast admin sidebar */

@media(max-width:780px){
  .buyer-overview-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  .buyer-personal-card,
  .buyer-recommendation{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    flex-basis:auto!important;
    min-height:150px!important;
    padding:13px!important;
    border-radius:18px!important;
    scroll-snap-align:none!important;
  }
  .buyer-recommendation{
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:9px!important;
  }
  .buyer-personal-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .buyer-personal-card>div{
    width:100%!important;
    min-width:0!important;
    flex:1!important;
  }
  .buyer-card-icon,
  .buyer-recommendation>span{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:12px!important;
  }
  .buyer-personal-card small{font-size:.55rem!important}
  .buyer-personal-card h3{font-size:.9rem!important;line-height:1.24!important}
  .buyer-personal-card p,
  .buyer-recommendation p{font-size:.63rem!important;line-height:1.35!important}
  .card-inline-action{
    width:100%!important;
    min-height:38px!important;
    padding:8px 9px!important;
    margin-top:auto!important;
    border-radius:13px!important;
    gap:7px!important;
  }
  .card-inline-action span{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  .card-inline-action b{font-size:.67rem!important;line-height:1.15!important}
}

@media(max-width:390px){
  .buyer-overview-grid{gap:8px!important}
  .buyer-personal-card,.buyer-recommendation{min-height:142px!important;padding:11px!important}
  .buyer-card-icon,.buyer-recommendation>span{width:34px!important;height:34px!important;flex-basis:34px!important}
  .buyer-personal-card h3{font-size:.82rem!important}
  .buyer-personal-card p,.buyer-recommendation p{font-size:.58rem!important}
  .card-inline-action{padding:7px!important}
  .card-inline-action b{font-size:.61rem!important}
}

/* ui-v1710 pernah memberi warna gelap untuk sidebar terang. Sidebar admin kini
   gelap, sehingga seluruh teks nonaktif harus dibuat terang dan mudah dibaca. */
.v13-admin .admin-side{
  color:#f8fbff!important;
}
.v13-admin .admin-brand strong,
.v13-admin .admin-user-copy b{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.25)!important;
}
.v13-admin .admin-brand small{
  color:#c9e8f8!important;
}
.v13-admin .admin-nav-group>span{
  color:#a8d8ef!important;
  opacity:1!important;
}
.v13-admin .admin-nav button:not(.active){
  color:#eaf5fb!important;
  opacity:1!important;
}
.v13-admin .admin-nav button:not(.active) b{
  color:inherit!important;
}
.v13-admin .admin-nav button:not(.active) i{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#d8f5ff!important;
  box-shadow:none!important;
}
.v13-admin .admin-nav button:not(.active):hover{
  background:rgba(255,255,255,.12)!important;
  color:#ffffff!important;
}
.v13-admin .admin-nav button.active{
  color:#102033!important;
}
.v13-admin .admin-nav button.active b{
  color:#102033!important;
}
.v13-admin .admin-side-close{
  color:#ffffff!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.32)!important;
}