/* =========================================================
   Samurai Store V1.27.0 · Rediseño Panel Admin / B2B
   Inspirado en el lenguaje visual del panel anterior,
   manteniendo intacta la lógica V1.26.0.
   ========================================================= */

:root{
  --v127-bg:#050914;
  --v127-bg2:#081020;
  --v127-panel:#0b1425;
  --v127-panel2:#0e1a2d;
  --v127-line:#1d3150;
  --v127-line2:#29456f;
  --v127-blue:#3d6cff;
  --v127-purple:#6d55ff;
  --v127-cyan:#21d4fd;
  --v127-text:#f7f9ff;
  --v127-muted:#8192ad;
  --v127-danger:#ff5f7e;
  --v127-warn:#ffb33d;
  --v127-ok:#28d59a;
  --v127-info:#4e84ff;
}

/* ---------- ADMIN · BASE ---------- */
body:has(#adminView:not(.hidden)){
  background:
    radial-gradient(circle at 88% 8%,rgba(45,92,255,.10),transparent 24%),
    radial-gradient(circle at 3% 40%,rgba(131,56,255,.08),transparent 28%),
    var(--v127-bg)!important;
}

#adminView{
  --admin-sidebar:268px;
  color:var(--v127-text);
}

#adminView .topbar{
  background:rgba(5,9,20,.92)!important;
  border-bottom:1px solid #142440!important;
  backdrop-filter:blur(22px)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.16);
}

#adminView .topbar-in{min-height:78px!important}
#adminView .premium-top-title strong{font-size:16px!important;letter-spacing:-.01em}
#adminView .premium-top-title span{font-size:10px!important;color:#657795!important}
#adminView .premium-top-actions{gap:9px!important}
#adminView .admin-alert-bell,
#adminView .admin-operator-btn,
#adminView .live-sync,
#adminView .premium-top-actions .btn{
  border-color:#203451!important;
  background:#0a1424!important;
  box-shadow:none!important;
}
#adminView .admin-alert-bell:hover,
#adminView .admin-operator-btn:hover,
#adminView .premium-top-actions .btn:hover{border-color:#345580!important;background:#0e1b30!important}

/* ---------- ADMIN · SIDEBAR ---------- */
#adminView .admin-tabs{
  background:
    radial-gradient(circle at 30% 6%,rgba(61,108,255,.10),transparent 20%),
    linear-gradient(180deg,#060b16,#07101d 58%,#050a13)!important;
  border-right:1px solid #172b47!important;
}
#adminView .premium-sidebar-brand{
  min-height:114px!important;
  padding:22px 14px 18px!important;
  margin-bottom:8px!important;
  border-bottom:1px solid #13243d!important;
}
#adminView .premium-sidebar-brand .brand-mark{
  width:50px!important;height:50px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#131d32,#201333)!important;
  border:1px solid #30466c!important;
  box-shadow:0 10px 25px rgba(0,0,0,.28)!important;
}
#adminView .premium-sidebar-brand strong{font-size:13px!important;letter-spacing:.1em!important}
#adminView .premium-sidebar-brand span{font-size:9px!important;color:#5478ff!important;letter-spacing:.18em!important;font-weight:900!important}
#adminView .premium-nav-label{
  margin:13px 12px 5px!important;
  color:#536782!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase;
}
#adminView .admin-tab{
  min-height:45px!important;
  padding:0 13px!important;
  margin:1px 0!important;
  border-radius:11px!important;
  color:#8392aa!important;
  font-size:11px!important;
  font-weight:750!important;
}
#adminView .admin-tab:hover{background:#0d1a2d!important;color:#d3dcec!important}
#adminView .admin-tab.active{
  background:linear-gradient(90deg,rgba(55,99,255,.23),rgba(55,99,255,.06))!important;
  color:#f4f7ff!important;
  box-shadow:inset 3px 0 0 #3d6cff,inset 0 0 0 1px rgba(71,115,255,.15)!important;
}
#adminView .account-sidebar-submenu,
#adminView .category-sidebar-submenu{
  margin:4px 0 8px 10px!important;
  padding-left:8px!important;
  border-left:1px solid #203557!important;
}
#adminView .account-sidebar-subitem{
  border-radius:10px!important;
  color:#70829f!important;
  min-height:48px!important;
}
#adminView .account-sidebar-subitem:hover,
#adminView .account-sidebar-subitem.active{background:#0e1a2d!important;color:#e7edf8!important}
#adminView .premium-sidebar-footer{
  margin-top:auto!important;
  padding:14px!important;
  border:1px solid #18304b!important;
  border-radius:15px!important;
  background:#081524!important;
  color:#617797!important;
}

/* ---------- ADMIN · PAGE CONTENT ---------- */
#adminView main.admin{background:transparent!important}
#adminView .premium-page-head,
#adminView .admin-head{
  margin-bottom:18px!important;
  align-items:center!important;
}
#adminView .premium-page-head h1,
#adminView .admin-head h1{
  color:#fbfcff!important;
  font-size:30px!important;
  letter-spacing:-.035em!important;
}
#adminView .premium-page-head p,
#adminView .admin-head .muted{color:#6f82a0!important;font-size:11px!important}
#adminView .card,
#adminView .premium-panel,
#adminView .stock-alert-panel{
  border-color:#1b304e!important;
  background:linear-gradient(180deg,rgba(13,25,44,.96),rgba(8,17,31,.96))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.11)!important;
}
#adminView input,
#adminView select,
#adminView textarea{
  background:#081321!important;
  border-color:#213652!important;
  color:#eaf0fb!important;
}
#adminView input:focus,
#adminView select:focus,
#adminView textarea:focus{border-color:#426dff!important;box-shadow:0 0 0 3px rgba(61,108,255,.10)!important}
#adminView .btn{
  border-radius:11px!important;
  font-weight:850!important;
}
#adminView .btn-primary{
  background:linear-gradient(135deg,#3c6fff,#5c4dff)!important;
  box-shadow:0 10px 25px rgba(55,93,255,.20)!important;
}
#adminView .btn-soft{background:#0b1728!important;border-color:#203753!important;color:#c5d0e1!important}

/* ---------- V1.27 · ACCIONES RÁPIDAS ADMIN ---------- */
.v127-admin-actions{
  margin:0 0 18px;
  padding:16px;
  border:1px solid #1c3150;
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(75,89,255,.11),transparent 32%),
    linear-gradient(180deg,#0b1729,#081322);
}
.v127-admin-actions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.v127-admin-actions-head span{display:block;color:#6f83a3;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.v127-admin-actions-head h3{margin:4px 0 0;color:#fff;font-size:18px;letter-spacing:-.025em}
.v127-admin-actions-head small{color:#627490;font-size:9px}
.v127-admin-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.v127-admin-action{
  min-width:0;min-height:68px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:10px 11px;border:1px solid #1e3555;border-radius:13px;background:#0a1627;color:#dce5f4;cursor:pointer;text-align:left;
  transition:.16s ease;
}
.v127-admin-action:hover{transform:translateY(-1px);border-color:#365b8c;background:#0d1c31}
.v127-admin-action-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#13233c;font-size:17px}
.v127-admin-action b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v127-admin-action small{display:block;margin-top:4px;color:#667a99;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v127-admin-action i{font-style:normal;color:#536b8e;font-size:15px}
.v127-admin-action[data-v127-action="add"] .v127-admin-action-icon{background:#171c4a;color:#8b7dff}
.v127-admin-action[data-v127-tab="orders"] .v127-admin-action-icon{background:#322010;color:#ffb451}
.v127-admin-action[data-v127-tab="b2b"] .v127-admin-action-icon{background:#0b312e;color:#42e1c3}
.v127-admin-action[data-v127-tab="suppliers"] .v127-admin-action-icon{background:#20153a;color:#b48cff}
.v127-admin-action[data-v127-tab="advertising"] .v127-admin-action-icon{background:#2d1528;color:#ff77c8}

/* ---------- CUENTAS · FORMATO TIPO REFERENCIA ---------- */
#accountsSection[data-account-view-active="list"] .accounts-list-panel{
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
#accountsSection[data-account-view-active="list"] .accounts-list-head{
  padding:15px 17px!important;margin-bottom:10px!important;
  border:1px solid #1b304e!important;border-radius:16px!important;
  background:#091526!important;
}
#accountsSection[data-account-view-active="list"] .accounts-inventory-main{
  padding:14px!important;border:1px solid #1b304e!important;border-radius:16px!important;background:#081321!important;
}
#accountsSection[data-account-view-active="list"] .inventory-controlbar{
  grid-template-columns:minmax(360px,1fr) 160px 175px 110px auto!important;
  gap:9px!important;
}
#accountsSection[data-account-view-active="list"] .inventory-controlbar input{
  min-height:48px!important;border-radius:14px!important;padding-left:15px!important;font-size:12px!important;
}
#accountsSection[data-account-view-active="list"] .inventory-filter-pills{
  margin:12px 0 0!important;gap:8px!important;
}
#accountsSection[data-account-view-active="list"] .inventory-filter-pill{
  min-height:37px!important;padding:0 13px!important;border-radius:10px!important;background:#0b1728!important;border-color:#203552!important;color:#8091aa!important;font-size:10px!important;
}
#accountsSection[data-account-view-active="list"] .inventory-filter-pill[data-inv-filter="expired"]{color:#ff8298!important;border-color:#4d2634!important;background:#1b0e15!important}
#accountsSection[data-account-view-active="list"] .inventory-filter-pill[data-inv-filter="soon"]{color:#ffc361!important;border-color:#523c1c!important;background:#1a1308!important}
#accountsSection[data-account-view-active="list"] .inventory-filter-pill[data-inv-filter="space"]{color:#45dbb2!important;border-color:#1d4b3e!important;background:#0a211b!important}
#accountsSection[data-account-view-active="list"] .inventory-filter-pill.active{box-shadow:inset 0 0 0 1px rgba(82,119,255,.16)!important;border-color:#4167af!important;color:#eff4ff!important;background:#13244b!important}
#accountsSection[data-account-view-active="list"] .inventory-results-note{font-size:10px!important;color:#72849f!important;margin:12px 2px 10px!important}

@media(min-width:901px){
  #accountsSection[data-account-view-active="list"] .inventory-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  #accountsSection[data-account-view-active="list"] .inventory-account-card{
    min-height:142px!important;
    display:grid!important;
    grid-template-columns:minmax(360px,1.2fr) minmax(330px,1fr) minmax(180px,.55fr)!important;
    grid-template-areas:"top badges meta"!important;
    align-items:center!important;
    gap:18px!important;
    padding:17px 50px 17px 17px!important;
    border:1px solid #192e4a!important;
    border-radius:16px!important;
    background:linear-gradient(100deg,#091525,#081321 70%,#0a1629)!important;
    box-shadow:0 9px 28px rgba(0,0,0,.10)!important;
  }
  #accountsSection[data-account-view-active="list"] .inventory-account-card:hover{border-color:#31517b!important;transform:translateY(-1px)!important}
  #accountsSection[data-account-view-active="list"] .inventory-account-card.card-expired{background:linear-gradient(100deg,#120d17,#0b1220 62%,#11101d)!important;border-color:#4a2533!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-top{grid-area:top!important;grid-template-columns:58px minmax(0,1fr) 68px!important;align-items:center!important;padding-left:28px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-badges{grid-area:badges!important;margin:0!important;align-content:center!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-meta{grid-area:meta!important;margin:0!important;padding:0!important;border:0!important;grid-template-columns:1fr!important;gap:9px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-meta div{padding:8px 10px;border:1px solid #162a45;border-radius:10px;background:#08111e}
  #accountsSection[data-account-view-active="list"] .inventory-card-meta span{font-size:8px!important;color:#5c708f!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-meta b{font-size:10px!important;color:#b9c7db!important}
  #accountsSection[data-account-view-active="list"] .inventory-account-card>.provider-hold-banner,
  #accountsSection[data-account-view-active="list"] .inventory-account-card>.inventory-access-quick,
  #accountsSection[data-account-view-active="list"] .inventory-account-card>.account-smart-flag,
  #accountsSection[data-account-view-active="list"] .inventory-account-card>.multiadmin-lock-chip{grid-column:1/-1!important}
  #accountsSection[data-account-view-active="list"] .inventory-access-quick{display:none!important}
  #accountsSection[data-account-view-active="list"] .account-card-menu{right:13px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  #accountsSection[data-account-view-active="list"] .account-card-menu summary{border:0!important;background:transparent!important;font-size:21px!important;color:#7287a8!important}
  #accountsSection[data-account-view-active="list"] .account-card-actions{top:38px!important;bottom:auto!important}
}

#accountsSection[data-account-view-active="list"] .inventory-service-icon{border-color:#294365!important;background:#0e1b30!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
#accountsSection[data-account-view-active="list"] .inventory-card-title b{color:#f6f8fd!important;font-weight:850!important}
#accountsSection[data-account-view-active="list"] .inventory-card-title strong{color:#899ab6!important}
#accountsSection[data-account-view-active="list"] .inventory-occupancy{box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 24px color-mix(in srgb,var(--ring-color,#20d59b) 24%,transparent)!important}
#accountsSection[data-account-view-active="list"] .account-chip{border-radius:9px!important}

/* ---------- BOTÓN FLOTANTE ---------- */
.v127-floating-add{
  position:fixed;right:24px;bottom:24px;z-index:44;width:58px;height:58px;display:none;place-items:center;
  border:1px solid #6482ff;border-radius:50%;background:linear-gradient(145deg,#3c6dff,#594bff);color:#fff;font-size:29px;line-height:1;cursor:pointer;
  box-shadow:0 15px 36px rgba(55,91,255,.38),0 0 0 6px rgba(61,108,255,.07);
}
body.v127-accounts-active .v127-floating-add{display:grid}
.v127-floating-add:hover{transform:translateY(-2px)}

/* ---------- ADMIN MOBILE ---------- */
@media(max-width:900px){
  #adminView{--admin-sidebar:280px}
  #adminView .topbar-in{min-height:70px!important}
  #adminView .admin-menu-toggle{width:44px;height:44px!important;padding:0!important;justify-content:center!important;border-radius:12px!important}
  #adminView .admin-menu-toggle b{display:none!important}
  #adminView .admin-menu-toggle span{font-size:22px!important}
  #adminView .topbar .brand strong{font-size:12px!important}
  #adminView main.admin{padding:16px 14px 86px!important}
  #adminView .admin-tabs{width:min(305px,86vw)!important;padding:0 12px 18px!important}
  #adminView .admin-tab{font-size:12px!important;min-height:49px!important}
  .v127-admin-action-grid{grid-template-columns:1fr 1fr}
  .v127-admin-action:last-child{grid-column:1/-1}
  .v127-admin-actions{padding:13px}
  .v127-admin-actions-head{align-items:flex-start;flex-direction:column;gap:4px}
  #accountsSection[data-account-view-active="list"] .accounts-list-head{padding:13px!important}
  #accountsSection[data-account-view-active="list"] .accounts-inventory-main{padding:11px!important}
  #accountsSection[data-account-view-active="list"] .inventory-controlbar{grid-template-columns:1fr 1fr!important}
  #accountsSection[data-account-view-active="list"] .inventory-search-wrap{grid-column:1/-1!important}
  #accountsSection[data-account-view-active="list"] .inventory-page-size{display:none!important}
  #accountsSection[data-account-view-active="list"] .inventory-view-switch{grid-column:1/-1!important}
  #accountsSection[data-account-view-active="list"] .inventory-cards{grid-template-columns:1fr!important;gap:12px!important}
  #accountsSection[data-account-view-active="list"] .inventory-account-card{padding:16px 14px 15px!important;border-radius:17px!important;background:linear-gradient(180deg,#091525,#07111f)!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-top{grid-template-columns:50px minmax(0,1fr) 58px!important;padding-left:28px!important}
  #accountsSection[data-account-view-active="list"] .inventory-service-icon{width:50px!important;height:50px!important;border-radius:50%!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-title b{font-size:13px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-title strong{font-size:10px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-title small{font-size:9px!important}
  #accountsSection[data-account-view-active="list"] .inventory-occupancy{width:54px!important;height:54px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-badges{margin-top:16px!important;gap:6px!important}
  #accountsSection[data-account-view-active="list"] .account-chip{min-height:25px!important;font-size:9px!important;padding:0 8px!important}
  #accountsSection[data-account-view-active="list"] .inventory-card-meta{margin-top:12px!important;padding-top:10px!important}
  #accountsSection[data-account-view-active="list"] .account-card-menu{right:10px!important;bottom:10px!important}
  .v127-floating-add{right:18px;bottom:22px;width:55px;height:55px}
}
@media(max-width:560px){
  #adminView .premium-top-actions .live-sync,
  #adminView .admin-operator-btn,
  #adminView .premium-top-actions>a.btn{display:none!important}
  #adminView .admin-head{align-items:flex-start!important}
  #adminView .admin-head .head-actions{width:100%;overflow:auto;justify-content:flex-start!important}
  #accountsSection[data-account-view-active="list"] .inventory-controlbar{grid-template-columns:1fr!important}
  #accountsSection[data-account-view-active="list"] .inventory-search-wrap{grid-column:auto!important}
  #accountsSection[data-account-view-active="list"] .inventory-view-switch{grid-column:auto!important}
  .v127-admin-action-grid{grid-template-columns:1fr 1fr}
  .v127-admin-action{grid-template-columns:34px minmax(0,1fr);min-height:62px;padding:9px}
  .v127-admin-action-icon{width:34px;height:34px}
  .v127-admin-action i{display:none}
}

/* ---------- B2B · MISMA IDENTIDAD VISUAL ---------- */
body.b2b-v22{
  background:
    radial-gradient(circle at 90% 3%,rgba(53,94,255,.10),transparent 23%),
    radial-gradient(circle at 0 30%,rgba(130,64,255,.07),transparent 28%),
    #050914!important;
}
.b2b-v22 .b2b-topbar{background:rgba(5,9,20,.92)!important;border-bottom:1px solid #152641!important;backdrop-filter:blur(22px)!important}
.b2b-v22 .b2b-main{max-width:1420px!important}
.b2b-v22 .b2b-app-head,
.b2b-v22 .b2b-action-center,
.b2b-v22 .telegram-b2b-strip,
.b2b-v22 [id^="b2bSection"]>.card,
.b2b-v22 .b2b-help-hero{
  border-color:#1d3150!important;
  background:linear-gradient(180deg,#0b1729,#081322)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.10)!important;
}
.b2b-v22 .b2b-nav{
  border:1px solid #1a2d49!important;border-radius:16px!important;background:#07111f!important;padding:7px!important;
}
.b2b-v22 .b2b-nav button{border-radius:10px!important;color:#7e90ab!important}
.b2b-v22 .b2b-nav button.active{background:#122344!important;border-color:#31548a!important;color:#fff!important}
.b2b-v22 .balance-pill{background:#081523!important;border-color:#25405f!important;border-radius:15px!important}
.b2b-v22 .b2b-action-card{border-color:#203755!important;background:#0a1729!important;border-radius:14px!important}
.b2b-v22 .b2b-action-card:hover{border-color:#395d8d!important;background:#0d1d32!important}
.b2b-v22 .b2b-mobile-nav{background:linear-gradient(180deg,#06101d,#071321)!important;border-right:1px solid #1c3150!important}

@media(min-width:1000px){
  .b2b-v22 .b2b-main{padding-top:24px!important}
  .b2b-v22 .b2b-app-head{padding:22px 26px!important;border-radius:19px!important}
  .b2b-v22 .b2b-action-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}