/* ── Sales portal pages (v4) ─────────────────────────────────────────────
   Built on dk-base.css + the shared management skin (mgmt-pages.css lists
   these page ids too). Page-specific parts live here: assign (asg3-/spc-),
   assigned list, broken report, notifications archive, sales events and
   challenges, workspace board, sales guide. Legacy style.css rules are
   !important-heavy, so visual properties here are !important and scoped
   by page id. */

/* ═══ تخصیص اکانت ═════════════════════════════════════════════════════ */
#salesAssignPage .asg3-shell{
  max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#salesAssignPage .asg3-shell > *{ margin:0 !important; }
#salesAssignPage .asg3-hero{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important;
  margin:0 !important; padding:0 !important; background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important;
}
#salesAssignPage .asg3-hero::before, #salesAssignPage .asg3-hero::after{ content:none !important; }
#salesAssignPage .asg3-hero-main{ display:block !important; }
#salesAssignPage .asg3-hero h1{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; line-height:1.5 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#salesAssignPage .asg3-hero p{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; }
#salesAssignPage #salesAssignBackBtn{ display:none !important; }
#salesAssignPage #salesAssignRefreshBtn{
  display:inline-grid !important; place-items:center; width:var(--dk-h) !important; height:var(--dk-h) !important; padding:0 !important; margin:0 !important;
  border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  color:var(--dk-muted) !important; box-shadow:none !important; cursor:pointer;
}
#salesAssignPage #salesAssignRefreshBtn:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }

/* form card */
#salesAssignPage .asg3-formbar-wrap{
  display:flex !important; flex-direction:column; gap:14px; padding:18px !important;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important;
}
#salesAssignPage .asg3-formbar-wrap::before, #salesAssignPage .asg3-formbar-wrap::after{ content:none !important; }
#salesAssignPage .asg3-formbar{
  display:grid !important; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) auto; align-items:end; gap:12px !important;
  margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important;
}
#salesAssignPage .asg3-field{ display:grid !important; gap:6px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
#salesAssignPage .asg3-field-label{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; }
#salesAssignPage :is(.asg-input,.asg-select){ width:100%; height:var(--dk-h-lg) !important; padding:0 12px !important; }
#salesAssignPage .asg3-submit{
  display:inline-flex !important; align-items:center; justify-content:center; gap:7px; height:var(--dk-h-lg) !important; padding:0 18px !important; margin:0 !important;
  border-radius:var(--dk-r) !important; border:0 !important; background:var(--dk-accent-fill) !important; background-image:none !important; color:var(--dk-on-accent) !important;
  font:inherit !important; font-size:var(--dk-fs) !important; font-weight:800 !important; box-shadow:none !important; cursor:pointer; white-space:nowrap;
}
#salesAssignPage .asg3-submit:hover{ filter:brightness(1.08); }
#salesAssignPage .asg3-submit:disabled{ opacity:.6; cursor:progress; }
#salesAssignPage .asg3-submit-icon{ display:inline-flex !important; font-size:0 !important; }
#salesAssignPage .asg3-result-block{ margin:0 !important; padding:12px 14px !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; border:0 !important; box-shadow:none !important; }
#salesAssignPage .asg-result-head{ display:flex !important; align-items:center; gap:8px; margin-bottom:6px; }
#salesAssignPage .asg-result-dot{ width:8px !important; height:8px !important; border-radius:50% !important; background:var(--dk-ok-mark) !important; box-shadow:none !important; }
#salesAssignPage .asg-result-title{ font-size:13px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#salesAssignPage .asg-result-empty{ font-size:13px !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; padding:0 !important; }
#salesAssignPage .sp-panel-fullinfo{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; box-shadow:var(--dk-shadow) !important; padding:16px !important; }
@media (max-width:900px){ #salesAssignPage .asg3-formbar{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } #salesAssignPage .asg3-field-product{ grid-column:1 / -1; } }
@media (max-width:560px){ #salesAssignPage .asg3-formbar{ grid-template-columns:minmax(0,1fr); } #salesAssignPage .asg3-submit{ width:100%; } }

/* stock grid */
#salesAssignPage .asg3-inventory{ display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#salesAssignPage .asg3-inventory-head{ display:flex !important; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin:0 !important; }
#salesAssignPage .asg3-inventory-title{ font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; }
#salesAssignPage .asg3-inventory-sub{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; }
#salesAssignPage .asg3-inventory-search-wrap{ position:relative; display:flex !important; align-items:center; max-width:360px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#salesAssignPage .asg3-inventory-search-icon{
  position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); display:inline-flex !important; width:auto !important; height:auto !important;
  background:none !important; border:0 !important; color:var(--dk-faint) !important; pointer-events:none; font-size:0 !important;
}
#salesAssignPage .asg3-inventory-search{
  width:100%; height:var(--dk-h) !important; min-height:0 !important; margin:0 !important; padding:0 12px !important; padding-inline-start:36px !important;
  border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important;
  font:inherit !important; font-size:13px !important; box-shadow:none !important;
}
#salesAssignPage .asg3-inventory-search:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
#salesAssignPage .sp-product-grid{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)) !important; gap:12px !important; }
#salesAssignPage .sx-pcard{
  display:flex !important; flex-direction:column; gap:10px; margin:0 !important; padding:14px !important; min-height:0 !important;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  box-shadow:none !important; transform:none !important; cursor:pointer; transition:border-color .12s, box-shadow .12s;
}
#salesAssignPage .sx-pcard::before, #salesAssignPage .sx-pcard::after{ content:none !important; }
#salesAssignPage .sx-pcard:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#salesAssignPage .sx-pcard.is-selected{ border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
#salesAssignPage .sx-pcard-head{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; }
#salesAssignPage .sx-pcard-icon{ width:40px; height:40px; border-radius:10px; overflow:hidden; display:inline-grid; place-items:center; background:var(--dk-chip); }
#salesAssignPage .sx-pcard-icon :is(img,.spc-icon-img){ width:100% !important; height:100% !important; object-fit:cover; border-radius:0 !important; box-shadow:none !important; }
#salesAssignPage .sx-pcard-icon .spc-icon-fallback{ font-size:15px !important; font-weight:800 !important; color:var(--dk-accent) !important; background:none !important; }
#salesAssignPage .sx-pcard-name{ display:flex; flex-direction:column; min-width:0; }
#salesAssignPage .sx-pcard-name b{ font-size:14px; font-weight:800; color:var(--dk-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#salesAssignPage .sx-pcard-name small{ font-size:12px; color:var(--dk-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:end; }
#salesAssignPage .sx-pcard-count{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.25; }
#salesAssignPage .sx-pcard-count b{ font-size:22px; font-weight:800; color:var(--dk-text); font-variant-numeric:tabular-nums; }
#salesAssignPage .sx-pcard-count small{ font-size:11.5px; font-weight:700; color:var(--dk-ok); }
#salesAssignPage .sx-pcard:is([data-st="critical"],[data-st="low"]) .sx-pcard-count :is(b,small){ color:var(--dk-warn); }
#salesAssignPage .sx-pcard-desc{ font-size:12.5px; line-height:1.7; color:var(--dk-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#salesAssignPage .sx-pcard-meta{ display:flex; gap:14px; font-size:12px; color:var(--dk-muted); }
#salesAssignPage .sx-pcard-meta b{ color:var(--dk-text); font-weight:700; font-variant-numeric:tabular-nums; }
#salesAssignPage .sx-pcard-meta .is-broken b{ color:var(--dk-danger); }
#salesAssignPage .sx-pcard-actions{ display:flex; gap:6px; margin-top:auto; }
#salesAssignPage .sx-pcard-pick{
  flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:34px; margin:0; padding:0 12px;
  border-radius:var(--dk-r-sm); border:1px solid var(--dk-border); background:var(--dk-surface-solid); color:var(--dk-text);
  font:inherit; font-size:13px; font-weight:700; cursor:pointer; box-shadow:none;
}
#salesAssignPage .sx-pcard:hover .sx-pcard-pick{ border-color:var(--dk-accent); color:var(--dk-accent); }
#salesAssignPage .sx-pcard-pick.is-on{ background:var(--dk-accent-soft); border-color:transparent; color:var(--dk-accent); }
#salesAssignPage .sx-pcard-restock{
  width:34px; height:34px; display:inline-grid; place-items:center; margin:0; padding:0; border-radius:var(--dk-r-sm);
  border:1px solid var(--dk-border); background:var(--dk-surface-solid); color:var(--dk-muted); cursor:pointer; box-shadow:none;
}
#salesAssignPage .sx-pcard-restock:hover{ color:var(--dk-text); background:var(--dk-hover); }
#salesAssignPage :is(.sx-pcard-pick,.sx-pcard-restock) .dk-ic{ width:15px; height:15px; }
#salesAssignPage .spc-empty{ padding:28px 16px !important; border:0 !important; background:none !important; text-align:center; color:var(--dk-muted) !important; }

/* ═══ shared sales page frame ═══════════════════════════════════════════ */
:is(#salesAssignedPage,#salesNotificationsPage,#salesBrokenPage){ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
:is(#salesAssignedPage,#salesNotificationsPage) .sp-shell{
  max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
:is(#salesAssignedPage,#salesNotificationsPage) .sp-shell > *{ margin:0 !important; }
.sx-page-head h1{ margin:0; font-size:var(--dk-fs-xl); font-weight:800; line-height:1.5; color:var(--dk-text); }
.sx-page-head p{ margin:2px 0 0; max-width:80ch; font-size:var(--dk-fs); line-height:1.8; color:var(--dk-muted); }
:is(#salesAssignedBackBtn,#salesNotificationsBackBtn,#salesBrokenBackBtn){ display:none !important; }
:is(#salesAssignedPage,#salesNotificationsPage,#salesBrokenPage) :is(#salesAssignedBackBtn,#salesNotificationsBackBtn,#salesBrokenBackBtn){ display:none !important; }
:is(#salesAssignedPage,#salesNotificationsPage) .sp-panel{
  margin:0 !important; padding:16px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important;
  background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important;
}
:is(#salesAssignedPage,#salesNotificationsPage) .sp-panel::before, :is(#salesAssignedPage,#salesNotificationsPage) .sp-panel::after{ content:none !important; }
:is(#salesAssignedPage,#salesNotificationsPage) .sp-panel-head{
  display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap; gap:10px;
  margin:0 0 12px !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important;
}
:is(#salesAssignedPage,#salesNotificationsPage) .sp-panel-icon{ display:none !important; }
:is(#salesAssignedPage,#salesNotificationsPage) .sp-panel-title{ font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#salesAssignedPage .sp-assigned-search{ width:260px; max-width:100%; height:var(--dk-h) !important; min-height:0 !important; padding:0 12px !important; }

/* ═══ مصرف‌شده‌ها — table ══════════════════════════════════════════════ */
#salesAssignedPage .sp-table-wrap{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r) !important; background:none !important; box-shadow:none !important; overflow:auto; padding:0 !important; }
#salesAssignedPage .iv-table{ width:100%; border-collapse:collapse !important; background:none !important; border:0 !important; }
#salesAssignedPage .iv-table th{
  height:36px; padding:0 12px !important; text-align:start; white-space:nowrap; border:0 !important; border-bottom:1px solid var(--dk-border) !important;
  background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important;
}
#salesAssignedPage .iv-table td{ padding:9px 12px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; vertical-align:middle; }
#salesAssignedPage .iv-table tbody tr:first-child td{ border-top:0 !important; }
#salesAssignedPage .iv-table tbody tr:hover td{ background:var(--dk-hover) !important; }
#salesAssignedPage .sp-assigned-product-cell{ font-weight:700 !important; }
#salesAssignedPage .sp-assigned-order-cell{ font-variant-numeric:tabular-nums; color:var(--dk-muted) !important; }
#salesAssignedPage .sp-assigned-time-cell{ color:var(--dk-muted) !important; font-size:12.5px !important; white-space:nowrap; }
#salesAssignedPage .sp-assigned-cell-text{ background:none !important; border:0 !important; padding:0 !important; color:inherit !important; box-shadow:none !important; }
#salesAssignedPage .sp-assigned-order-cell .sp-assigned-cell-text{
  display:inline-flex; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; background:var(--dk-chip) !important; font-size:12px;
}
#salesAssignedPage .sp-assigned-action-cell{ white-space:nowrap; }
#salesAssignedPage .sp-assigned-action-cell > * + *{ margin-inline-start:6px !important; }
#salesAssignedPage .sp-assigned-btn{
  display:inline-flex !important; align-items:center; height:30px !important; min-height:0 !important; padding:0 10px !important; margin:0 !important;
  border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important; cursor:pointer; white-space:nowrap;
}
#salesAssignedPage .sp-assigned-btn:hover{ background:var(--dk-hover) !important; }
#salesAssignedPage .sp-assigned-btn-info{ background:var(--dk-accent-soft) !important; border-color:transparent !important; color:var(--dk-accent) !important; }
#salesAssignedPage .sp-assigned-btn-broken{ color:var(--dk-danger) !important; }
#salesAssignedPage .sp-assigned-btn-broken:hover{ background:var(--dk-danger-soft) !important; }
#salesAssignedPage .iv-status{
  --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft);
  display:inline-flex !important; align-items:center; gap:5px; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; box-shadow:none !important;
  background:var(--tone-soft) !important; color:var(--tone) !important; font-size:11.5px !important; font-weight:700 !important; white-space:nowrap;
}
#salesAssignedPage .iv-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
#salesAssignedPage .iv-status-pri{ --tone:var(--dk-info); --tone-soft:var(--dk-info-soft); }
#salesAssignedPage .iv-status-ok{ --tone:var(--dk-ok); --tone-soft:var(--dk-ok-soft); }
#salesAssignedPage .iv-status-danger{ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); }
#salesAssignedPage .iv-status-warn{ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); }
#salesAssignedPage .iv-copy-chip, #salesAssignedPage .sp-assigned-email-cell button{
  display:inline-flex !important; align-items:center; gap:6px; height:28px !important; padding:0 10px !important; border-radius:8px !important;
  border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important;
}
#salesAssignedPage :is(.iv-pagination,.sp-pagination){ display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:12px 0 0 !important; padding:0 !important; background:none !important; border:0 !important; }
#salesAssignedPage :is(.iv-pager-btn,.sp-pager-btn){
  min-width:32px; height:32px; padding:0 8px !important; margin:0 !important; border-radius:8px !important; border:1px solid var(--dk-border) !important;
  background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important;
}
#salesAssignedPage :is(.iv-pager-btn,.sp-pager-btn).is-active{ background:var(--dk-accent-soft) !important; border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }
#salesAssignedPage .iv-copy-chip .dk-ic{ width:14px; height:14px; color:var(--dk-muted); }
#salesAssignedPage .sx-copy-hint{ font-weight:600; color:var(--dk-accent); font-size:12px; }

/* ═══ اعلام خرابی (brk-) ════════════════════════════════════════════════ */
#salesBrokenPage .brk-shell{
  max-width:880px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#salesBrokenPage .brk-shell > *{ margin:0 !important; }
#salesBrokenPage .brk-hero{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:12px !important; margin:0 !important; padding:0 !important;
  background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
#salesBrokenPage .brk-hero::before, #salesBrokenPage .brk-hero::after{ content:none !important; }
#salesBrokenPage .brk-hero h1{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.5 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#salesBrokenPage .brk-hero p{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; line-height:1.8 !important; }
#salesBrokenPage .brk-card{
  display:flex !important; flex-direction:column; gap:0 !important; margin:0 !important; padding:6px 20px 20px !important;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important;
}
#salesBrokenPage .brk-step{ display:grid !important; grid-template-columns:28px minmax(0,1fr); gap:12px !important; margin:0 !important; padding:16px 0 !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; box-shadow:none !important; }
#salesBrokenPage .brk-step:first-child{ border-top:0 !important; }
#salesBrokenPage .brk-step-num{
  display:inline-grid !important; place-items:center; width:26px !important; height:26px !important; border-radius:50% !important;
  background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-size:13px !important; font-weight:800 !important; box-shadow:none !important; border:0 !important;
}
#salesBrokenPage .brk-step-body{ display:grid !important; gap:6px; min-width:0; }
#salesBrokenPage .brk-label{ font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#salesBrokenPage .brk-hint{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; }
#salesBrokenPage .brk-cat-grid{ display:flex !important; flex-wrap:wrap; gap:6px !important; margin-top:4px; }
#salesBrokenPage .brk-cat-chip{
  display:inline-flex !important; align-items:center; height:34px !important; min-height:0 !important; padding:0 12px !important; margin:0 !important;
  border-radius:999px !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important;
  color:var(--dk-text) !important; font-size:13px !important; font-weight:600 !important; cursor:pointer; position:relative;
}
#salesBrokenPage .brk-cat-chip:hover{ border-color:var(--dk-border-strong) !important; }
#salesBrokenPage .brk-cat-chip input{ position:absolute; opacity:0; width:1px; height:1px; }
#salesBrokenPage .brk-cat-chip:has(input:checked){ border-color:var(--dk-danger) !important; background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; font-weight:700 !important; }
#salesBrokenPage .brk-cat-chip:has(input:focus-visible){ box-shadow:var(--dk-focus) !important; }
#salesBrokenPage .brk-cat-label{ color:inherit !important; }
#salesBrokenPage :is(.brk-select,.brk-input){ width:100%; }
#salesBrokenPage .brk-input{ min-height:90px !important; padding:10px 12px !important; line-height:1.8 !important; }
#salesBrokenPage .brk-actions{ display:flex !important; justify-content:flex-end; margin:0 !important; padding:16px 0 0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; }
#salesBrokenPage .brk-submit{
  display:inline-flex !important; align-items:center; gap:7px; height:var(--dk-h-lg) !important; padding:0 18px !important; margin:0 !important;
  border-radius:var(--dk-r) !important; border:0 !important; background:var(--dk-danger-mark) !important; background-image:none !important; color:#fff !important;
  font:inherit !important; font-size:var(--dk-fs) !important; font-weight:800 !important; box-shadow:none !important; cursor:pointer;
}
html[data-theme="dark"] #salesBrokenPage .brk-submit{ background:#b91c1c !important; }
#salesBrokenPage .brk-submit:hover{ filter:brightness(1.06); }
#salesNotificationsPage .noti-archive-card.noti-archive-important:not(.is-read) h3::before{
  content:""; display:inline-block; width:7px; height:7px; margin-inline-end:6px; border-radius:50%; background:var(--dk-danger-mark); vertical-align:middle;
}

/* ═══ رویدادها + چالش‌ها (نسخه‌ی فروش، evs- / ch-card) ═════════════════ */
:is(#salesEventsPage,#salesChallengesPage){ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-shell{
  max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-shell > *{ margin:0 !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-hero{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important;
  margin:0 !important; padding:0 !important; background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-hero::before, :is(#salesEventsPage,#salesChallengesPage) .evs-hero::after{ content:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-hero-brand{ display:block !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-hero-title{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.5 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-hero-sub{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; line-height:1.8 !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-hero-actions{ display:flex !important; align-items:center; gap:8px !important; }
:is(#salesEventsBackBtn,#salesChallengesBackBtn){ display:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-count-pill{
  display:inline-flex !important; align-items:center; gap:6px; height:28px !important; padding:0 10px !important; border-radius:999px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-count-dot{ width:7px !important; height:7px !important; border-radius:50% !important; background:var(--dk-ok-mark) !important; box-shadow:none !important; animation:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-action-btn{
  display:inline-grid !important; place-items:center; width:var(--dk-h) !important; height:var(--dk-h) !important; padding:0 !important; margin:0 !important;
  border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  color:var(--dk-muted) !important; box-shadow:none !important; cursor:pointer;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-action-btn:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-action-icon{ display:inline-flex !important; font-size:0 !important; }
/* search */
:is(#salesEventsPage,#salesChallengesPage) .evs-search{
  position:relative; display:flex !important; align-items:center; flex-wrap:wrap; gap:6px; max-width:480px; margin:0 !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-search-icon{
  position:absolute; inset-inline-start:12px; top:20px; transform:translateY(-50%); display:inline-flex !important; width:auto !important; height:auto !important;
  background:none !important; border:0 !important; color:var(--dk-faint) !important; font-size:0 !important; pointer-events:none;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-search-input{
  flex:1 1 100%; height:var(--dk-h-lg) !important; min-height:0 !important; margin:0 !important; padding:0 38px 0 12px !important; padding-inline-start:38px !important;
  border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important;
  font:inherit !important; font-size:13.5px !important; box-shadow:none !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-search-input:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-search-clear{
  position:absolute; inset-inline-end:8px; top:20px; transform:translateY(-50%); width:26px !important; height:26px !important; display:inline-grid !important; place-items:center;
  padding:0 !important; margin:0 !important; border:0 !important; border-radius:6px !important; background:none !important; color:var(--dk-faint) !important; box-shadow:none !important; font-size:0 !important;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-search-clear.hidden{ display:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-search-meta{ font-size:12px !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; padding:0 !important; }
/* galleries + cards */
:is(#salesEventsPage .evs-gallery,#salesChallengesPage .ch-sales-gallery){ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)) !important; gap:14px !important; }
:is(#salesEventsPage .evs-card,#salesChallengesPage .ch-card){
  display:flex !important; flex-direction:column; margin:0 !important; overflow:hidden;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  box-shadow:none !important; transform:none !important;
}
:is(#salesEventsPage .evs-card,#salesChallengesPage .ch-card)::before, :is(#salesEventsPage .evs-card,#salesChallengesPage .ch-card)::after{ content:none !important; }
:is(#salesEventsPage .evs-card,#salesChallengesPage .ch-card):hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#salesEventsPage .evs-card-image{ background:var(--dk-chip) !important; }
#salesEventsPage .evs-card-image-fallback{ color:var(--dk-faint) !important; font-size:0 !important; }
#salesEventsPage .evs-card-image-fallback .dk-ic{ width:26px; height:26px; }
:is(#salesEventsPage .evs-card-body,#salesChallengesPage .ch-card-body){ padding:14px !important; display:flex !important; flex-direction:column; gap:8px !important; }
:is(#salesEventsPage .evs-card-title,#salesChallengesPage .ch-card-title){ margin:0 !important; font-size:15px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.6 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#salesEventsPage .evs-card-desc{ margin:0 !important; font-size:13px !important; line-height:1.9 !important; color:var(--dk-muted) !important; }
#salesEventsPage .evs-card-chips{ display:flex !important; flex-wrap:wrap; gap:6px !important; }
#salesEventsPage .evs-chip{
  display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important;
}
#salesEventsPage .evs-chip-time{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
#salesEventsPage .evs-badge-new{
  display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important; animation:none !important;
  background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-size:11.5px !important; font-weight:700 !important;
}
#salesEventsPage .evs-card-link{ display:inline-flex !important; align-items:center; gap:5px; color:var(--dk-accent) !important; font-size:13px !important; font-weight:700 !important; text-decoration:none; background:none !important; border:0 !important; padding:0 !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-mark{ background:var(--dk-warn-soft) !important; color:inherit !important; border-radius:3px; padding:0 2px; }
:is(#salesEventsPage,#salesChallengesPage) .evs-card-extras{ display:flex !important; flex-wrap:wrap; gap:6px !important; padding-top:8px !important; border-top:1px solid var(--dk-border) !important; margin:0 !important; background:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-extra-btn{
  display:inline-flex !important; align-items:center; gap:6px; height:30px !important; padding:0 10px !important; margin:0 !important;
  border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important; cursor:pointer;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-extra-btn:hover{ background:var(--dk-hover) !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-extra-icon{ display:inline-flex !important; color:var(--dk-muted) !important; font-size:0 !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-extra-icon .dk-ic{ width:14px; height:14px; }
:is(#salesEventsPage,#salesChallengesPage) .evs-extra-badge{
  display:inline-grid !important; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11px !important; font-weight:700 !important;
}
/* challenge card specifics */
#salesChallengesPage .ch-card-head{ display:flex !important; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px 0 !important; background:none !important; border:0 !important; }
#salesChallengesPage .ch-card-product{ display:flex !important; align-items:center; gap:8px; }
#salesChallengesPage .ch-card-product-icon{ width:30px !important; height:30px !important; border-radius:8px !important; object-fit:cover; display:inline-grid !important; place-items:center; }
#salesChallengesPage .ch-card-product-icon-empty{ background:var(--dk-chip) !important; color:var(--dk-faint) !important; font-size:0 !important; }
#salesChallengesPage .ch-card-product-icon-empty .dk-ic{ width:15px; height:15px; }
#salesChallengesPage .ch-card-product-label{ font-size:11.5px !important; color:var(--dk-faint) !important; }
#salesChallengesPage .ch-card-product-name{ font-size:13px !important; font-weight:700 !important; color:var(--dk-muted) !important; }
#salesChallengesPage .ch-card-tag{
  display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important;
  background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; font-size:11.5px !important; font-weight:700 !important;
}
#salesChallengesPage .ch-card-since{
  display:flex !important; align-items:center; gap:6px; margin:0 !important; padding:8px 10px !important; border-radius:var(--dk-r-sm) !important; border:0 !important; box-shadow:none !important;
  background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font-size:12.5px !important; font-weight:700 !important;
}
#salesChallengesPage .ch-card-since-icon{ display:inline-flex !important; color:var(--dk-warn) !important; font-size:0 !important; }
#salesChallengesPage .ch-card-since-icon .dk-ic{ width:15px; height:15px; }
/* empty + skeleton */
:is(#salesEventsPage,#salesChallengesPage) .evs-empty{
  grid-column:1 / -1; padding:40px 16px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important;
  background:var(--dk-surface) !important; background-image:none !important; box-shadow:none !important; text-align:center;
}
:is(#salesEventsPage,#salesChallengesPage) .evs-empty::before, :is(#salesEventsPage,#salesChallengesPage) .evs-empty::after{ content:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-empty-icon{ display:none !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-empty-title{ font-size:14.5px !important; font-weight:800 !important; color:var(--dk-text) !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-empty-text{ font-size:13px !important; color:var(--dk-muted) !important; margin-top:4px !important; }
:is(#salesEventsPage,#salesChallengesPage) .evs-skeleton-line{ background:var(--dk-chip) !important; }
:is(#salesEventsPage,#salesChallengesPage) :is(#salesEventsBackBtn,#salesChallengesBackBtn).evs-action-btn{ display:none !important; }

/* ═══ میزکار من (wsb-) — personal kanban, same language as the task board ═ */
#workspaceBoardPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; }
#workspaceBoardPage .wsb-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#workspaceBoardPage .wsb-head{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important;
  margin:0 !important; padding:0 !important; background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important;
}
#workspaceBoardPage .wsb-head::before, #workspaceBoardPage .wsb-head::after{ content:none !important; }
#workspaceBoardPage .wsb-head-copy{ display:block !important; }
#workspaceBoardPage .wsb-head-title{ font-size:var(--dk-fs-xl) !important; font-weight:800 !important; line-height:1.5 !important; color:var(--dk-text) !important; }
#workspaceBoardPage .wsb-head-sub{ font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; margin-top:2px; }
#workspaceBoardPage .wsb-head-actions{ display:flex !important; gap:8px !important; }
#workspaceBoardPage .wsb-head-actions .btn{
  display:inline-flex !important; align-items:center; gap:7px; height:var(--dk-h) !important; min-height:0 !important; margin:0 !important; padding:0 14px !important;
  border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  color:var(--dk-text) !important; font:inherit !important; font-size:var(--dk-fs) !important; font-weight:700 !important; box-shadow:none !important;
}
#workspaceBoardPage #workspaceRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; justify-content:center; color:var(--dk-muted) !important; }
#workspaceBoardPage #workspaceNewCardBtn{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
#workspaceBoardPage .dk-ic{ width:15px; height:15px; flex:0 0 auto; }
#workspaceBoardPage .wsb-board{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:14px !important; align-items:start; }
@media (max-width:900px){ #workspaceBoardPage .wsb-board{ grid-template-columns:minmax(0,1fr) !important; } }
#workspaceBoardPage .wsb-col{
  display:flex !important; flex-direction:column; gap:8px; margin:0 !important; padding:10px !important; min-height:120px;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-2) !important; background-image:none !important; box-shadow:none !important;
}
#workspaceBoardPage .wsb-col-head{ display:flex !important; align-items:center; gap:8px; padding:2px 4px 6px !important; margin:0 !important; border:0 !important; background:none !important; }
#workspaceBoardPage .wsb-col-head::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--dk-neutral); flex:0 0 8px; }
#workspaceBoardPage [data-wsb-col="doing"] .wsb-col-head::before{ background:var(--dk-info); }
#workspaceBoardPage [data-wsb-col="done"] .wsb-col-head::before{ background:var(--dk-ok-mark); }
#workspaceBoardPage .wsb-col-title{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#workspaceBoardPage .wsb-col-count{
  display:inline-grid !important; place-items:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important;
}
#workspaceBoardPage .wsb-col-add{
  margin-inline-start:auto !important; width:28px !important; height:28px !important; display:inline-grid !important; place-items:center; padding:0 !important;
  border-radius:8px !important; border:0 !important; background:none !important; color:var(--dk-muted) !important; box-shadow:none !important; cursor:pointer; font-size:0 !important;
}
#workspaceBoardPage .wsb-col-add:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }
#workspaceBoardPage .wsb-col-body{ display:flex !important; flex-direction:column; gap:8px !important; min-height:40px; }
#workspaceBoardPage .wsb-col-empty{ padding:14px 8px !important; border:1px dashed var(--dk-border) !important; border-radius:var(--dk-r) !important; background:none !important; text-align:center; font-size:12.5px !important; color:var(--dk-faint) !important; }
#workspaceBoardPage .wsb-card{
  display:flex !important; flex-direction:column; gap:8px; margin:0 !important; padding:12px !important;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-solid) !important; background-image:none !important;
  box-shadow:0 1px 2px rgba(15,23,42,.05) !important; cursor:grab; transform:none !important;
}
#workspaceBoardPage .wsb-card::before, #workspaceBoardPage .wsb-card::after{ content:none !important; }
#workspaceBoardPage .wsb-card:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#workspaceBoardPage .wsb-card.wsb-status-done .wsb-card-title{ color:var(--dk-muted) !important; }
#workspaceBoardPage .wsb-card-top{ display:flex !important; align-items:flex-start; justify-content:space-between; gap:8px; }
#workspaceBoardPage .wsb-card-title{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.6 !important; }
#workspaceBoardPage .wsb-card-actions{ display:flex !important; gap:2px; opacity:.55; transition:opacity .12s; }
#workspaceBoardPage .wsb-card:hover .wsb-card-actions, #workspaceBoardPage .wsb-card:focus-within .wsb-card-actions{ opacity:1; }
#workspaceBoardPage .wsb-card-ib{
  width:26px !important; height:26px !important; display:inline-grid !important; place-items:center; padding:0 !important; margin:0 !important;
  border-radius:6px !important; border:0 !important; background:none !important; color:var(--dk-muted) !important; box-shadow:none !important; cursor:pointer; font-size:0 !important;
}
#workspaceBoardPage .wsb-card-ib:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }
#workspaceBoardPage .wsb-card-del:hover{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
#workspaceBoardPage .wsb-card-ib .dk-ic{ width:14px; height:14px; }
#workspaceBoardPage .wsb-card-body{ font-size:12.5px !important; line-height:1.8 !important; color:var(--dk-muted) !important; background:none !important; padding:0 !important; }
#workspaceBoardPage .wsb-card-chips{ display:flex !important; flex-wrap:wrap; gap:4px !important; }
#workspaceBoardPage .wsb-card-chip{
  display:inline-flex !important; align-items:center; gap:4px; height:22px; padding:0 7px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; font-variant-numeric:tabular-nums;
}
#workspaceBoardPage .wsb-card-chip .dk-ic{ width:12px; height:12px; }
#workspaceBoardPage .wsb-prio-chip-high, #workspaceBoardPage .wsb-prio-chip-urgent{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
#workspaceBoardPage .wsb-prio-chip-medium{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; }
#workspaceBoardPage :is(.wsb-chip-deadline.is-overdue,.wsb-chip-reminder.is-due){ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
#workspaceBoardPage .wsb-link-badge{
  display:flex !important; align-items:center; gap:6px; padding:6px 8px !important; border-radius:var(--dk-r-sm) !important; border:0 !important;
  background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:12px !important; box-shadow:none !important;
}
#workspaceBoardPage .wsb-link-badge.is-done{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
#workspaceBoardPage .wsb-link-open{ display:inline-grid !important; place-items:center; width:22px !important; height:22px !important; padding:0 !important; border:0 !important; border-radius:6px !important; background:none !important; color:var(--dk-accent) !important; font-size:0 !important; cursor:pointer; }
#workspaceBoardPage .wsb-loading{ padding:28px !important; text-align:center; color:var(--dk-muted) !important; background:none !important; border:0 !important; }