/* Samurai Store V1.24.0 · B2B quick actions + desktop centering */

/* Centrado real del panel en escritorio. Las capas antiguas fijaban el ancho,
   pero este archivo también fuerza márgenes automáticos para evitar que quede
   visualmente pegado al lado izquierdo. */
@media (min-width: 1000px){
  .b2b-v22 .b2b-main.container{
    width:min(1360px,calc(100% - 72px))!important;
    max-width:1360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .b2b-v22 .b2b-topbar .topbar-in.container{
    width:min(1360px,calc(100% - 72px))!important;
    max-width:1360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .b2b-v22 #b2bAppView{
    width:100%!important;
    margin-inline:auto!important;
  }
}

.b2b-action-center{
  margin-bottom:18px;
  padding:20px;
  border:1px solid #2a3950;
  border-radius:20px;
  background:
    radial-gradient(circle at 5% 0%,rgba(124,83,239,.16),transparent 34%),
    linear-gradient(145deg,#101a2a,#0a111c);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.b2b-action-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.b2b-action-head span{display:block;color:#9b86ff;font-size:9px;font-weight:1000;letter-spacing:.14em}
.b2b-action-head h2{margin:6px 0 4px;color:#fff;font-size:27px;line-height:1.08;letter-spacing:-.025em}
.b2b-action-head p{margin:0;color:#8fa0b7;font-size:11px;line-height:1.55}
.b2b-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.b2b-action-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:88px;
  padding:14px 15px;
  border:1px solid #2a3b55;
  border-radius:15px;
  background:#0d1725;
  color:#eaf0f9;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.b2b-action-card:hover{
  transform:translateY(-2px);
  border-color:#654dd5;
  background:#121d30;
  box-shadow:0 13px 28px rgba(0,0,0,.22);
}
.b2b-action-card:active{transform:translateY(0)}
.b2b-action-icon{
  width:46px;height:46px;display:grid;place-items:center;
  border:1px solid #2c3d58;border-radius:13px;background:#15223a;font-size:22px
}
.b2b-action-card b{display:block;color:#fff;font-size:13px;line-height:1.25}
.b2b-action-card small{display:block;margin-top:5px;color:#7890ad;font-size:9px;line-height:1.35;font-weight:650}
.b2b-action-card i{color:#8e7af1;font-size:18px;font-style:normal;font-weight:900}

.b2b-help-hero-v124{margin-top:0!important;margin-bottom:18px!important}

@media (min-width:1100px){
  .b2b-v22 .b2b-action-center{padding:24px 25px;border-radius:21px}
  .b2b-v22 .b2b-action-head h2{font-size:34px}
  .b2b-v22 .b2b-action-head p{font-size:12px}
  .b2b-v22 .b2b-action-card{min-height:98px;padding:17px}
  .b2b-v22 .b2b-action-icon{width:51px;height:51px;font-size:25px}
  .b2b-v22 .b2b-action-card b{font-size:15px}
  .b2b-v22 .b2b-action-card small{font-size:10px}
}

@media (max-width:760px){
  .b2b-action-center{padding:15px;border-radius:17px;margin-bottom:14px}
  .b2b-action-head{margin-bottom:12px}
  .b2b-action-head h2{font-size:23px}
  .b2b-action-head p{font-size:11px}
  .b2b-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .b2b-action-card{
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    gap:7px 5px;
    min-height:126px;
    padding:13px;
  }
  .b2b-action-card .b2b-action-icon{grid-column:1/2;grid-row:1;width:42px;height:42px;font-size:21px}
  .b2b-action-card>span:nth-child(2){grid-column:1/-1;grid-row:2}
  .b2b-action-card>i{grid-column:2;grid-row:1;align-self:center}
  .b2b-action-card b{font-size:12px}
  .b2b-action-card small{font-size:9px}
}

@media (max-width:370px){
  .b2b-action-grid{grid-template-columns:1fr}
  .b2b-action-card{min-height:92px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr}
  .b2b-action-card .b2b-action-icon{grid-column:1;grid-row:1}
  .b2b-action-card>span:nth-child(2){grid-column:2;grid-row:1}
  .b2b-action-card>i{grid-column:3;grid-row:1}
}

.telegram-b2b-strip.b2b-quick-target{animation:b2bQuickTargetPulse .8s ease 2}
@keyframes b2bQuickTargetPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(124,83,239,0)}
  50%{box-shadow:0 0 0 4px rgba(124,83,239,.28),0 0 32px rgba(124,83,239,.20);border-color:#765ae8}
}