/* WB Enterprise Design System v20.3.0.0 */
:root{
  --wb-font-sans:Inter,Manrope,Geist,"Segoe UI",Arial,sans-serif;
  --wb-font-ar:"Cairo","Tajawal","Noto Sans Arabic",Arial,sans-serif;
  --wb-bg:#f6f8fc;--wb-surface:#fff;--wb-surface-2:#f9fafc;--wb-text:#172033;--wb-muted:#667085;
  --wb-border:#e7eaf0;--wb-primary:#5b6cff;--wb-primary-strong:#4657ee;--wb-success:#12a66a;
  --wb-warning:#d97706;--wb-danger:#d92d20;--wb-info:#1677ff;--wb-radius-sm:10px;--wb-radius-md:14px;
  --wb-radius-lg:18px;--wb-radius-xl:24px;--wb-shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --wb-shadow-md:0 8px 24px rgba(16,24,40,.07);--wb-shadow-lg:0 18px 50px rgba(16,24,40,.12);
  --wb-space-1:4px;--wb-space-2:8px;--wb-space-3:12px;--wb-space-4:16px;--wb-space-5:24px;
  --wb-space-6:32px;--wb-space-7:48px;--wb-motion:180ms cubic-bezier(.2,.8,.2,1);
}
html[dir="rtl"] body{font-family:var(--wb-font-ar)}
body{font-family:var(--wb-font-sans);color:var(--wb-text);background:var(--wb-bg)}
body.wbx-design-system-ready .page-wrapper,body.wbx-design-system-ready .content-wrapper{background:var(--wb-bg)}
.wbx-shell,.wbx-enterprise-page,.wbx-commerce-workspace,.wbx-studio-shell,.wbx-page{color:var(--wb-text)}
.wbx-shell *,[class*="wbx-"]{box-sizing:border-box}

/* Containers and headers */
.wbx-page-header,.wbx-hero,.commerce-workspace-hero,.enterprise-hero{border-radius:var(--wb-radius-xl)!important;box-shadow:var(--wb-shadow-md)!important;border:1px solid rgba(231,234,240,.8)!important}
.wbx-page-title,h1.wbx-title,h2.wbx-title{font-weight:750;letter-spacing:-.025em;color:var(--wb-text)}
.wbx-page-subtitle,.wbx-muted,.text-muted{color:var(--wb-muted)!important}
.wbx-breadcrumb,.breadcrumb{font-size:13px;color:var(--wb-muted)}

/* Cards */
.wbx-card,.wbx-kpi-card,.wbx-module-card,.wbx-workspace-card,.wbx-theme-card,.wbx-step-card,
.card.wbx-card,.commerce-card,.enterprise-card,[class*="wbx-"][class*="card"]{
  background:var(--wb-surface);border:1px solid var(--wb-border)!important;border-radius:var(--wb-radius-lg)!important;
  box-shadow:var(--wb-shadow-sm);transition:transform var(--wb-motion),box-shadow var(--wb-motion),border-color var(--wb-motion)
}
.wbx-card:hover,.wbx-module-card:hover,.wbx-workspace-card:hover,.wbx-theme-card:hover,.commerce-card:hover{
  transform:translateY(-2px);box-shadow:var(--wb-shadow-md);border-color:#d8deea!important
}
.wbx-card-body,.wbx-panel-body{padding:var(--wb-space-5)}
.wbx-card-title{font-weight:700;color:var(--wb-text)}
.wbx-card-description{color:var(--wb-muted);line-height:1.55}

/* Buttons */
.wbx-btn,.btn.wbx-btn,[class*="wbx-"] .btn,.wbx-shell .btn{
  min-height:40px;border-radius:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:9px 15px;transition:all var(--wb-motion);box-shadow:none
}
.wbx-btn-primary,.wbx-shell .btn-primary,[class*="wbx-"] .btn-primary{background:var(--wb-primary);border-color:var(--wb-primary);color:#fff}
.wbx-btn-primary:hover,.wbx-shell .btn-primary:hover,[class*="wbx-"] .btn-primary:hover{background:var(--wb-primary-strong);border-color:var(--wb-primary-strong);transform:translateY(-1px)}
.wbx-btn-secondary,.wbx-shell .btn-default,[class*="wbx-"] .btn-default{background:#fff;border:1px solid var(--wb-border);color:var(--wb-text)}
.wbx-btn-danger,.wbx-shell .btn-danger{background:#fff1f0;border-color:#ffd5d2;color:var(--wb-danger)}
.wbx-icon-button{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--wb-border);background:#fff}

/* Forms */
.wbx-shell .form-control,.wbx-shell select,.wbx-shell textarea,[class*="wbx-"] .form-control,
.wbx-field input,.wbx-field select,.wbx-field textarea{
  min-height:44px;border:1px solid #dfe3eb;border-radius:12px;background:#fff;color:var(--wb-text);padding:10px 13px;
  box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color var(--wb-motion),box-shadow var(--wb-motion)
}
.wbx-shell textarea.form-control,[class*="wbx-"] textarea.form-control{min-height:110px}
.wbx-shell .form-control:focus,[class*="wbx-"] .form-control:focus,.wbx-field input:focus,.wbx-field select:focus,.wbx-field textarea:focus{
  border-color:#8793ff;box-shadow:0 0 0 4px rgba(91,108,255,.12);outline:none
}
.wbx-shell label,[class*="wbx-"] label,.wbx-field-label{font-weight:650;color:#344054;margin-bottom:7px}
.wbx-help-text{font-size:12px;color:var(--wb-muted);margin-top:6px}

/* Tables */
.wbx-table-wrap,.wbx-shell .table-responsive,[class*="wbx-"] .table-responsive{background:#fff;border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);overflow:hidden;box-shadow:var(--wb-shadow-sm)}
.wbx-shell table,[class*="wbx-"] table{margin:0;background:#fff}
.wbx-shell table thead th,[class*="wbx-"] table thead th{background:var(--wb-surface-2);color:#475467;font-size:12px;text-transform:none;letter-spacing:.01em;border-bottom:1px solid var(--wb-border);padding:13px 16px;white-space:nowrap}
.wbx-shell table tbody td,[class*="wbx-"] table tbody td{padding:14px 16px;border-color:#eef0f4;vertical-align:middle}
.wbx-shell table tbody tr,[class*="wbx-"] table tbody tr{transition:background var(--wb-motion)}
.wbx-shell table tbody tr:hover,[class*="wbx-"] table tbody tr:hover{background:#fafbff}

/* Badges and alerts */
.wbx-badge,.wbx-status-badge,[class*="wbx-"] .badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2}
.wbx-status-success{background:#ecfdf3;color:#027a48}.wbx-status-warning{background:#fffaeb;color:#b54708}.wbx-status-danger{background:#fef3f2;color:#b42318}.wbx-status-info{background:#eff8ff;color:#175cd3}
.wbx-alert{padding:14px 16px;border-radius:14px;border:1px solid var(--wb-border);background:#fff}

/* Tabs and navigation */
.wbx-tabs,.commerce-tabs,.enterprise-tabs{display:flex;gap:6px;padding:5px;background:#eef1f7;border-radius:14px;overflow:auto}
.wbx-tab,.commerce-tab,.enterprise-tab{border-radius:10px;padding:9px 14px;color:#667085;font-weight:650;white-space:nowrap;transition:all var(--wb-motion)}
.wbx-tab.active,.commerce-tab.active,.enterprise-tab.active{background:#fff;color:var(--wb-text);box-shadow:var(--wb-shadow-sm)}
.wbx-sidebar a,.wbx-enterprise-nav a{transition:background var(--wb-motion),color var(--wb-motion),transform var(--wb-motion)}
.wbx-sidebar a:hover,.wbx-enterprise-nav a:hover{transform:translateX(2px)}
html[dir="rtl"] .wbx-sidebar a:hover,html[dir="rtl"] .wbx-enterprise-nav a:hover{transform:translateX(-2px)}

/* Dialogs / context panels */
.wbx-context-panel,.wbx-properties-panel,.wbx-settings-panel{background:#fff;border-inline-start:1px solid var(--wb-border);box-shadow:-12px 0 30px rgba(16,24,40,.06)}
html[dir="rtl"] .wbx-context-panel,html[dir="rtl"] .wbx-properties-panel,html[dir="rtl"] .wbx-settings-panel{box-shadow:12px 0 30px rgba(16,24,40,.06)}
.wbx-shell .modal-content,[class*="wbx-"] .modal-content{border:0;border-radius:22px;box-shadow:var(--wb-shadow-lg);overflow:hidden}
.wbx-shell .modal-header,[class*="wbx-"] .modal-header{padding:20px 24px;border-bottom:1px solid var(--wb-border)}
.wbx-shell .modal-body,[class*="wbx-"] .modal-body{padding:24px}
.wbx-shell .modal-footer,[class*="wbx-"] .modal-footer{padding:16px 24px;border-top:1px solid var(--wb-border);background:#fafbfc}

/* Empty, loading, skeleton */
.wbx-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;background:#fff;border:1px dashed #d8deea;border-radius:var(--wb-radius-lg)}
.wbx-empty-state-icon{width:56px;height:56px;border-radius:16px;background:#f0f2ff;color:var(--wb-primary);display:grid;place-items:center;margin-bottom:16px}
.wbx-skeleton{position:relative;overflow:hidden;background:#edf0f5;border-radius:10px;min-height:16px}
.wbx-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:wbxShimmer 1.4s infinite}
@keyframes wbxShimmer{100%{transform:translateX(100%)}}
.wbx-fade-in{animation:wbxFadeIn .2s ease both}@keyframes wbxFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Focus and accessibility */
.wbx-shell :focus-visible,[class*="wbx-"] :focus-visible{outline:3px solid rgba(91,108,255,.28);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.wbx-shell *,[class*="wbx-"]{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Dark ready */
@media (prefers-color-scheme:dark){body.wbx-dark-auto{--wb-bg:#0f1420;--wb-surface:#171d2b;--wb-surface-2:#1d2433;--wb-text:#f4f6fb;--wb-muted:#a7b0c0;--wb-border:#2b3445}}

/* RTL refinements */
html[dir="rtl"] .wbx-shell,html[dir="rtl"] [class*="wbx-"]{text-align:right}
html[dir="rtl"] .wbx-tabs,html[dir="rtl"] .commerce-tabs,html[dir="rtl"] .enterprise-tabs{direction:rtl}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] .wbx-ltr{direction:ltr;text-align:left}

/* Responsive */
@media(max-width:991px){.wbx-card-body,.wbx-panel-body{padding:20px}.wbx-context-panel,.wbx-properties-panel,.wbx-settings-panel{width:min(92vw,420px)!important}.wbx-page-header,.wbx-hero,.commerce-workspace-hero,.enterprise-hero{border-radius:18px!important}}
@media(max-width:575px){:root{--wb-radius-lg:15px}.wbx-card-body,.wbx-panel-body{padding:16px}.wbx-shell .btn,[class*="wbx-"] .btn{min-height:42px}.wbx-tabs,.commerce-tabs,.enterprise-tabs{margin-inline:-4px}.wbx-shell table thead th,[class*="wbx-"] table thead th,.wbx-shell table tbody td,[class*="wbx-"] table tbody td{padding:12px}}