/* Visual adaptation of React Bits MagicBento. Source: vendor/react-bits/magic-bento/.
   Screen only; no fixed heights or transforms on forms, tables, previews or dialogs. */
.inventory-mobile-fold{display:none;}
.inventory-mobile-tools>summary{display:none;}
@media screen and (max-width:760px){
 body#admin-workspace #view-inventory .table-wrapper{padding:0!important;overflow:visible!important;}
 body#admin-workspace #view-inventory .inventory-tree{display:block!important;min-width:0!important;width:100%!important;table-layout:auto;}
 body#admin-workspace #view-inventory .inventory-tree thead{display:none!important;}
 body#admin-workspace #view-inventory #inventory-tbody{display:block!important;width:100%;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:8px 12px;margin:12px 0;padding:14px!important;border:1px solid #584568!important;border-radius:14px;background:#1b1425;min-width:0;}
 body#admin-workspace #view-inventory #inventory-tbody tr[style*="display: none"],body#admin-workspace #view-inventory #inventory-tbody tr[style*="display:none"]{display:none!important;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td{display:none;min-width:0;width:auto!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td:nth-child(1){display:block;grid-column:1;grid-row:1;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td:nth-child(1) img{width:52px;height:52px;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td:nth-child(2){display:block;grid-column:2;grid-row:1;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td:nth-child(2)>div:first-child{font-size:14px!important;line-height:1.4;word-break:normal;overflow-wrap:break-word;}
 body#admin-workspace #view-inventory #inventory-tbody tr:not(.inventory-mobile-open)>td:nth-child(2)>div:not(:first-child){display:none;}
 body#admin-workspace #view-inventory #inventory-tbody tr[data-product-key]>td:nth-child(6){display:flex;grid-column:2;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;}
 body#admin-workspace #view-inventory .inventory-mobile-fold{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;margin-top:4px;padding:4px 0;background:transparent;color:#d5b6f3;border:0;text-align:left;font-size:12px;cursor:pointer;}
 #view-inventory .inventory-mobile-fold::after{content:'⌄';font-size:20px;}
 #view-inventory .inventory-mobile-fold[aria-expanded="true"]::after{content:'⌃';}
 body#admin-workspace #view-inventory #inventory-tbody tr.inventory-mobile-open>td:nth-child(n+3){display:block;grid-column:1/-1;padding-top:10px!important;border-top:1px solid #ffffff14!important;}
 body#admin-workspace #view-inventory #inventory-tbody tr.inventory-mobile-open{background:#342343!important;border-color:#d1a5ff!important;box-shadow:inset 4px 0 0 #cf9bff,0 0 0 1px #cf9bff26;}
 body#admin-workspace #view-inventory #inventory-tbody tr.inventory-mobile-open>td:nth-child(2)>div:first-child::before{content:'PRODUCTO ABIERTO';display:block;margin-bottom:6px;font-size:9px;line-height:1.4;letter-spacing:.09em;color:#e4c5ff;font-weight:700;}
 body#admin-workspace #view-inventory #inventory-tbody tr.variant-row.inventory-mobile-open>td:nth-child(2)>div:first-child::before{content:'VARIANTE ABIERTA';}
 body#admin-workspace #view-inventory .inventory-mobile-fold[aria-expanded="true"]{background:#d9b9f2;color:#21122d;border-radius:8px;padding:7px 10px;font-weight:700;}
 body#admin-workspace #view-inventory #inventory-tbody tr.inventory-mobile-open>td:nth-child(n+3)::before{content:attr(data-mobile-label);display:block;color:#bba8ce;font-size:10px;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase;}
 body#admin-workspace #view-inventory :is(.mother-badge-id,.variant-badge-id){display:block!important;margin:5px 0!important;padding:4px 0!important;max-width:100%;border:0;border-radius:0;background:transparent;line-height:1.5;}
 body#admin-workspace #view-inventory #inventory-tbody td:last-child>button{min-height:40px;margin:3px;}
 body#admin-workspace #view-inventory .inventory-mobile-tools{margin:8px 0;border:1px solid #584568;border-radius:12px;min-width:0;}
 body#admin-workspace #view-inventory .inventory-mobile-tools>summary{display:list-item;cursor:pointer;padding:14px;font-size:13px;color:#e8d8fa;}
 body#admin-workspace #view-inventory .inventory-mobile-tools>form{padding:12px!important;}
 body#admin-workspace #view-inventory .inventory-filter-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px;}
 body#admin-workspace #view-inventory .inventory-search-field{display:flex;flex-direction:column;gap:6px;width:100%;margin:12px 0;min-width:0;}
 body#admin-workspace #view-inventory .inventory-search-field input{width:100%;min-width:0;box-sizing:border-box;}
 body#admin-workspace #view-inventory .inventory-filter-row>*,body#admin-workspace #view-inventory .inventory-filter-row input,body#admin-workspace #view-inventory .inventory-filter-row select{width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;}
 body#admin-workspace #view-inventory .inventory-pdf-toolbar{padding:12px;flex-wrap:wrap;}
 body#admin-workspace #view-inventory .admin-panel{padding:12px!important;min-width:0;}
}
@media screen {
body#admin-workspace.admin-graphite.admin-magic-bento {
 --mb-radius:20px;--mb-spot-size:300px;--mb-border-size:225px;--mb-glow-rgb:177,132,255;
 --mb-glow-alpha:.85;--mb-spot-alpha:.07;--mb-edge:rgba(255,255,255,.09);--mb-highlight:rgba(255,255,255,.06);
 --panel:#18161f;--panel-2:#211e2a;--line:#34303f;--muted:#b4acbf;--text-muted:#b4acbf;
 background:radial-gradient(ellipse at 85% 0%,#53298b19,transparent 50%),#0c0b10 !important;
}
body#admin-workspace.admin-graphite.admin-magic-bento .dashboard-content-area {padding:28px clamp(16px,2.5vw,40px) 48px;}
body#admin-workspace.admin-graphite.admin-magic-bento .dashboard-header {background:#111016f5 !important;border-color:#302b39 !important;box-shadow:none !important;}
body#admin-workspace.admin-graphite.admin-magic-bento .sub-sidebar {background:linear-gradient(180deg,#14111c,#100e16) !important;border-color:#302b39 !important;}
body#admin-workspace.admin-graphite.admin-magic-bento :is(.admin-panel,.product-config-card,.settings-tab-panel,.quick-sale-shell,.quick-sale-client-panel,.quick-sale-catalog-panel,.quick-sale-checkout-panel,.product-preview-panel,.china-admin-card,.china-item-card,.measurement-panel,.inv-summary-card,.retail-toggle-card,.payment-method-card,.preview-desc-card,.preview-variant-panel) {
 background:linear-gradient(180deg,#1b1822,#15131b) !important;border:1px solid #38323f !important;border-radius:20px !important;box-shadow:0 14px 32px -24px #000b !important;
}
body#admin-workspace.admin-graphite.admin-magic-bento :is(.product-form-intro,.product-config-card>summary,.admin-fold>summary,.settings-fold>summary,.inv-modal-header,.orders-admin-header) {background:#201b2a !important;border-color:#393141 !important;}
body#admin-workspace.admin-graphite.admin-magic-bento :is(input.form-control,textarea.form-control,select.form-control) {background:#100f16 !important;border-color:#463b54 !important;border-radius:12px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento :is(input,select,textarea,button,summary,a):focus-visible {outline:2px solid #c3a1ff !important;outline-offset:3px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-shell {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-shell > * {grid-column:1/-1;min-width:0;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-hero {grid-column:span 2;min-height:200px;margin:0;padding:26px !important;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-hero h2 {font-size:clamp(24px,2.4vw,34px) !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-quick-actions {grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;margin:0 !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-quick-actions button {padding:20px !important;min-height:94px;gap:14px;text-align:left;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-quick-actions b {background:linear-gradient(135deg,#453459,#282035) !important;border:1px solid #ffffff14;border-radius:13px !important;width:40px;height:40px;color:#dfceff !important;box-shadow:inset 0 1px #ffffff10,0 4px 10px #0003;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-grid {grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card {min-height:200px;padding:24px !important;display:flex;flex-direction:column;justify-content:center;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card strong {font-size:clamp(28px,2.8vw,40px) !important;letter-spacing:-.045em !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard :is(.dashboard-main-grid,.dashboard-charts-grid,.dashboard-bottom-grid) {gap:12px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-section-heading {margin:20px 0 4px !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard :is(.admin-dashboard-hero,.dashboard-stat-card,.dashboard-card,.dashboard-quick-actions>button) {
 position:relative;background:linear-gradient(180deg,#1d1a24,#131117) !important;border:1px solid #ffffff12 !important;border-radius:20px !important;box-shadow:inset 0 1px #ffffff08,0 20px 40px -28px #000d !important;
}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-hero {background:radial-gradient(ellipse at 100% 0%,#683a9630,transparent 75%),linear-gradient(180deg,#211b2b,#16121e) !important;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-hero::after {opacity:.2;}
body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card::after {width:6px;height:6px;box-shadow:0 0 12px #b184ff60;}
body#admin-workspace.admin-graphite.admin-magic-bento .mb-admin-effects {position:absolute;inset:0;pointer-events:none;user-select:none;border-radius:inherit;overflow:hidden;z-index:2;}
.magic-bento__light {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: radial-gradient(
    var(--mb-spot-size) circle at var(--mb-x, -999px) var(--mb-y, -999px),
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 1)) 0%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.973)) 15%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.837)) 30%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.593)) 45%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.317)) 60%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.104)) 75%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.009)) 90%,
    rgba(var(--mb-glow-rgb), 0) 100%
  );
  pointer-events: none;
}


.magic-bento__rim {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px var(--mb-edge),
    inset 0 1px 0 var(--mb-highlight);
  pointer-events: none;
}

.magic-bento__border {
  position: absolute;
  inset: 0;
  z-index: 4;
  box-sizing: border-box;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
      var(--mb-border-size) circle at var(--mb-x, -999px) var(--mb-y, -999px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 1)) 0%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.973)) 15%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.837)) 30%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.593)) 45%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.317)) 60%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.104)) 75%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.009)) 90%,
      rgba(var(--mb-glow-rgb), 0) 100%
    ),
    radial-gradient(
      circle at var(--mb-wx, -999px) var(--mb-wy, -999px),
      rgba(var(--mb-glow-rgb), 0) calc(var(--mb-wr, 0px) - 110px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.1)) calc(var(--mb-wr, 0px) - 80px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.32)) calc(var(--mb-wr, 0px) - 52px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.68)) calc(var(--mb-wr, 0px) - 28px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.94)) calc(var(--mb-wr, 0px) - 10px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0))) calc(var(--mb-wr, 0px) - 3px),
      rgba(var(--mb-glow-rgb), 0) var(--mb-wr, 0px)
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box exclude,
    linear-gradient(#000 0 0);
  pointer-events: none;
}


.mb-admin-wave {position:absolute;width:24px;height:24px;left:var(--wave-x);top:var(--wave-y);border:1px solid #c4a0ff88;border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:mb-admin-wave 650ms ease-out forwards;pointer-events:none;}
@keyframes mb-admin-wave {from{opacity:.65;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--wave-scale,20))}}
@media(max-width:1100px) {
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-shell {grid-template-columns:repeat(2,minmax(0,1fr));}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card {min-height:170px;}
}
@media(max-width:600px) {
 body#admin-workspace.admin-graphite.admin-magic-bento .dashboard-content-area {padding:16px 12px 32px !important;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .admin-dashboard-hero {padding:22px !important;min-height:200px;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-quick-actions button {padding:14px !important;gap:10px;min-height:96px;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-quick-actions small {display:block !important;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card {padding:18px !important;min-height:150px;}
 body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard .dashboard-stat-card strong {font-size:28px !important;}
}
@media(max-width:360px) {body#admin-workspace.admin-graphite.admin-magic-bento #view-dashboard :is(.dashboard-stat-grid,.dashboard-quick-actions) {grid-template-columns:1fr !important;}}
@media(max-width:760px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {.mb-admin-effects {display:none;}}
}
