/* KH_DESKTOP_FINAL_CSS */
.admin-mobile-bar,
.admin-mobile-backdrop,
.admin-drawer-close{
  display:none;
}

.kh-final-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  padding:16px;
  margin:12px 0;
}

body.theme-light .kh-final-card,
html[data-theme="light"] .kh-final-card{
  background:rgba(255,255,255,.86);
  border-color:rgba(6,40,72,.12);
}

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

.kh-final-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.kh-ok{color:#20a866;font-weight:950}
.kh-bad{color:#ef4444;font-weight:950}

@media(max-width:1100px){
  html,body{
    max-width:100%;
    overflow-x:hidden!important;
  }

  body.admin-drawer-open{
    overflow:hidden!important;
  }

  .admin-layout{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }

  .admin-mobile-bar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:6000!important;
    min-height:66px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    background:rgba(3,31,63,.98)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 16px 35px rgba(0,0,0,.32)!important;
    color:#fff!important;
  }

  .admin-mobile-menu-btn{
    width:48px!important;
    height:46px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.10)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:0!important;
    flex:0 0 48px!important;
  }

  .admin-mobile-menu-btn span{
    width:24px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#fff!important;
    display:block!important;
  }

  .admin-mobile-title{
    min-width:0!important;
    flex:1 1 auto!important;
    color:#fff!important;
  }

  .admin-mobile-title strong{
    display:block!important;
    font-size:16px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .admin-mobile-title small{
    display:block!important;
    margin-top:3px!important;
    font-size:12px!important;
    font-weight:850!important;
    color:rgba(255,255,255,.72)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:52vw!important;
  }

  .admin-mobile-save{
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:14px!important;
    flex:0 0 auto!important;
  }

  .admin-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:5800!important;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    background:rgba(1,10,22,.62)!important;
    backdrop-filter:blur(2px)!important;
    transition:opacity .22s ease!important;
  }

  body.admin-drawer-open .admin-mobile-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .admin-side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(84vw,340px)!important;
    max-width:340px!important;
    height:100dvh!important;
    z-index:5900!important;
    transform:translateX(-112%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    padding:18px 16px 28px!important;
    box-shadow:26px 0 70px rgba(0,0,0,.45)!important;
    border-right:1px solid rgba(255,255,255,.14)!important;
  }

  body.admin-drawer-open .admin-side{
    transform:translateX(0)!important;
  }

  .admin-drawer-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    margin:0 0 14px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-weight:950!important;
  }

  .admin-menu{
    gap:9px!important;
    margin-top:14px!important;
    padding-bottom:28px!important;
  }

  .admin-menu a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:15px!important;
    padding:13px 14px!important;
    font-size:14px!important;
    line-height:1.15!important;
  }

  .admin-main{
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    padding:82px 14px 28px!important;
    overflow-x:hidden!important;
  }

  .admin-top h1{
    font-size:clamp(28px,8vw,40px)!important;
    line-height:1.04!important;
  }

  .admin-card,
  .admin-panel{
    border-radius:21px!important;
    padding:17px!important;
  }

  .admin-grid,
  .kh-final-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}

@media(max-width:420px){
  .admin-mobile-save{
    padding:8px 10px!important;
    font-size:13px!important;
  }

  .admin-mobile-title small{
    max-width:44vw!important;
  }
}

/* KH_DESKTOP_FINAL_V5_POLISH */
@media(max-width:1100px){
  .admin-top #saveAll{
    display:none!important;
  }
}