/* PEKE360_SOCIAL_REPAIR_V328_CSS_BEGIN */

#mainSidebar,.sidebar,.main-sidebar{
  background:linear-gradient(180deg,#3037a8 0%,#27338f 100%)!important;
}
#page-social-sales-v3{background:#f7f8fa!important}

#page-social-sales-v3 button,
#p360SocialAdministrationV21 button{
  animation:none!important;
}

#p360SocialAdminV16,
#p360SocialAdminScreenV173,
#p360SocialAdminPanelV15{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#p360SocialAdministrationV21{
  position:relative!important;
  z-index:50!important;
  isolation:isolate!important;
  background:#f5f7fb!important;
  min-width:0!important;
}
#p360SocialAdministrationV21 .p360-v21-content,
#p360SocialAdministrationV21 #p360V21Body{min-width:0!important}

#orderStatus{display:none!important}
#orderEditor .invoice-head-actions .toolbar:has(#orderStatus){display:none!important}

/* PEKE360_V32_30_3_SELLER_INVOICE_BUTTONS_VISIBLE */

.p360-v328-location-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:18px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.p360-v328-location-head h3{margin:0 0 5px;color:#0f172a}
.p360-v328-location-head p{margin:0 0 18px;color:#64748b}
.p360-v328-location-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.p360-v328-location-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:700;
  color:#334155;
}
.p360-v328-location-grid .wide{grid-column:1/-1}
.p360-v328-location-grid textarea,
.p360-v328-location-grid input{
  width:100%;
  box-sizing:border-box;
}
.p360-v328-location-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:16px;
}
.p360-v328-location-actions button{
  background:#3037a8!important;
  color:#fff!important;
  border-color:#3037a8!important;
}

@media(max-width:820px){
  #p360SocialAdministrationV21{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    z-index:2147482000!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#f5f7fb!important;
  }
  #p360SocialAdministrationV21 .p360-v21-nav{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px!important;
    box-sizing:border-box!important;
    background:#0d3b78!important;
  }
  #p360SocialAdministrationV21 .p360-v21-brand{display:none!important}
  #p360SocialAdministrationV21 .p360-v21-nav nav{
    display:flex!important;
    flex-direction:row!important;
    gap:6px!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
  }
  #p360SocialAdministrationV21 .p360-v21-nav nav>button,
  #p360SocialAdministrationV21 #p360V21Back{
    width:auto!important;
    min-width:max-content!important;
    height:40px!important;
    margin:0!important;
    padding:8px 11px!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  #p360SocialAdministrationV21 .p360-v21-content{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    overflow:auto!important;
    background:#f5f7fb!important;
  }
  #p360SocialAdministrationV21 .p360-v21-header{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    background:#fff!important;
  }
  #p360SocialAdministrationV21 #p360V21Body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .p360-v328-location-grid{grid-template-columns:1fr}
  .p360-v328-location-grid .wide{grid-column:auto}
}

/* PEKE360_SOCIAL_REPAIR_V328_CSS_END */

/* PEKE360_V32_31_0_3_ORDER_STATUS_AUTOMATIC */
#orderStatus{display:none!important}
#orderEditor .invoice-head-actions .toolbar:has(#orderStatus){display:none!important}