/* ── Content portal pages (v4) ────────────────────────────────────────────
   Built on dk-base.css. Content dashboard first (cx-), then the other
   content pages. Legacy rules are !important-heavy → visual properties
   here are !important and scoped by page id. */

/* ═══ داشبورد محتوا ═══════════════════════════════════════════════════ */
#dashboardPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; }
#dashboardPage > .headRow{ display:none !important; }
#dashboardPage .cx{ 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; }
#dashboardPage .cx > *{ margin:0 !important; }
#dashboardPage .cx-hero{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
#dashboardPage .cx-date{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; padding:0 !important; }
#dashboardPage .cx-hero h1{ margin:0; font-size:var(--dk-fs-xl); font-weight:800; line-height:1.5; color:var(--dk-text); }
#dashboardPage .cx-hero p{ margin:2px 0 0; font-size:var(--dk-fs); color:var(--dk-muted); line-height:1.8; }
#dashboardPage .cx-stats{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); overflow:hidden;
  border:1px solid var(--dk-border); border-radius:var(--dk-r-lg); background:var(--dk-surface); box-shadow:var(--dk-shadow);
}
#dashboardPage .cx-stat{ display:flex; flex-direction:column; gap:2px; padding:14px 18px; border-inline-start:1px solid var(--dk-border); min-width:0; }
#dashboardPage .cx-stat:first-child{ border-inline-start:0; }
#dashboardPage .cx-stat span{ font-size:var(--dk-fs-sm); font-weight:600; color:var(--dk-muted); }
#dashboardPage .cx-stat b{ font-size:22px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.3; background:none !important; -webkit-text-fill-color:currentColor !important; }
#dashboardPage .cx-stat b.is-text{ font-size:15px !important; }
#dashboardPage .cx-stat small{ font-size:12px !important; color:var(--dk-faint) !important; direction:ltr; text-align:end; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:760px){ #dashboardPage .cx-stats{ grid-template-columns:repeat(2, minmax(0,1fr)); } #dashboardPage .cx-stat:nth-child(3){ border-inline-start:0; } #dashboardPage .cx-stat:nth-child(n+3){ border-top:1px solid var(--dk-border); } }
#dashboardPage .cx-grid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; align-items:start; }
@media (max-width:1100px){ #dashboardPage .cx-grid{ grid-template-columns:minmax(0,1fr); } }
#dashboardPage :is(.cx-main,.cx-side){ display:flex; flex-direction:column; gap:16px; min-width:0; }
/* today's tasks (markup from dashboard.js buildTaskSummary) */
#dashboardPage .cx-tasks{ display:flex !important; flex-direction:column; gap:0 !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important; }
#dashboardPage .dashboard-task-card{
  display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; margin:0 !important; padding:12px 16px !important;
  border:0 !important; border-radius:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; background-image:none !important;
  box-shadow:none !important; font:inherit !important; color:var(--dk-text) !important; text-align:start; cursor:pointer; transform:none !important;
}
#dashboardPage .dashboard-task-card:first-child{ border-top:0 !important; }
#dashboardPage .dashboard-task-card::before, #dashboardPage .dashboard-task-card::after{ content:none !important; }
#dashboardPage .dashboard-task-card:hover{ background:var(--dk-hover) !important; }
#dashboardPage .dashboard-task-card.is-empty{ opacity:.6; }
#dashboardPage .dashboard-task-title{ font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#dashboardPage .dashboard-task-meta{ font-size:12.5px !important; color:var(--dk-muted) !important; line-height:1.7 !important; margin-top:2px; }
#dashboardPage .dashboard-task-actions{ display:flex !important; align-items:center; gap:10px; }
#dashboardPage .dashboard-task-count{
  display:inline-grid !important; place-items:center; min-width:34px; height:28px; padding:0 8px; border-radius:8px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-text) !important; font-size:15px !important; font-weight:800 !important; box-shadow:none !important;
}
#dashboardPage .dashboard-task-card.is-low .dashboard-task-count{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; }
#dashboardPage .dashboard-task-card.is-medium .dashboard-task-count{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
#dashboardPage .dashboard-task-card.is-high .dashboard-task-count{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
#dashboardPage .dashboard-task-link{ font-size:12.5px !important; font-weight:700 !important; color:var(--dk-accent) !important; background:none !important; border:0 !important; padding:0 !important; white-space:nowrap; }
#dashboardPage .dashboard-task-empty{ padding:24px 16px !important; text-align:center; font-size:13px !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; }
/* new websites */
#dashboardPage .cx-sites{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)) !important; gap:10px !important; padding:14px !important; margin:0 !important; background:none !important; }
#dashboardPage .new-ai-card{
  position:relative; display:flex !important; flex-direction:column; gap:6px; margin:0 !important; padding:12px !important; min-height:0 !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:none !important; transform:none !important;
}
#dashboardPage .new-ai-card::before, #dashboardPage .new-ai-card::after{ content:none !important; }
#dashboardPage :is(.new-ai-card-accent,.new-ai-card-num){ display:none !important; }
#dashboardPage .new-ai-card-icon{ width:32px !important; height:32px !important; border-radius:9px !important; display:inline-grid !important; place-items:center; background:var(--dk-chip) !important; color:var(--dk-accent) !important; font-weight:800 !important; font-size:13px !important; box-shadow:none !important; border:0 !important; }
#dashboardPage .new-ai-card-tag{ align-self:flex-start; height:20px; padding:0 7px !important; border-radius:6px !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11px !important; font-weight:700 !important; border:0 !important; display:inline-flex !important; align-items:center; }
#dashboardPage .new-ai-card-name{ margin:0 !important; font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#dashboardPage .new-ai-card-desc{ font-size:12px !important; line-height:1.7 !important; color:var(--dk-muted) !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#dashboardPage .new-ai-card-btn{ align-self:flex-start; display:inline-flex !important; align-items:center; gap:4px; height:28px; padding:0 10px !important; border-radius:8px !important; border:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-accent) !important; font-size:12.5px !important; font-weight:700 !important; text-decoration:none; box-shadow:none !important; }
#dashboardPage .new-ai-card-btn.disabled{ color:var(--dk-faint) !important; }
#dashboardPage .dashboard-new-site-empty{ grid-column:1 / -1; padding:20px !important; text-align:center; font-size:13px !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; }
/* side */
#dashboardPage .cx-brief{ padding:14px 16px; font-size:13.5px; line-height:1.9; color:var(--dk-text); }
#dashboardPage .cx-links{ display:flex; flex-direction:column; padding:6px; }
#dashboardPage .cx-link{
  display:flex !important; align-items:center; gap:10px; width:100%; min-height:44px; margin:0 !important; padding:6px 10px !important;
  border:0 !important; border-radius:var(--dk-r) !important; background:none !important; box-shadow:none !important; font:inherit !important; color:var(--dk-text) !important; text-align:start; cursor:pointer;
}
#dashboardPage .cx-link:hover{ background:var(--dk-hover) !important; }
#dashboardPage .cx-link b{ font-size:13.5px; font-weight:700; }
#dashboardPage .cx-link-ic{ width:32px; height:32px; flex:0 0 32px; display:inline-grid; place-items:center; border-radius:9px; background:var(--dk-chip); color:var(--dk-muted); }
#dashboardPage .cx-link:hover .cx-link-ic{ background:var(--dk-accent-soft); color:var(--dk-accent); }
#dashboardPage .cx-notes{ display:flex !important; flex-direction:column; padding:10px 16px 4px !important; gap:0 !important; background:none !important; }
#dashboardPage .dashboard-note-item{ padding:6px 0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; box-shadow:none !important; font-size:12.5px !important; color:var(--dk-muted) !important; }
#dashboardPage .cx-env{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 12px; margin:0; padding:10px 16px 14px; }
#dashboardPage .cx-env > div{ min-width:0; }
#dashboardPage .cx-env dt{ font-size:11.5px; color:var(--dk-faint); }
#dashboardPage .cx-env dd{ margin:0; font-size:12.5px; font-weight:700; color:var(--dk-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#dashboardPage #dashboardRefreshBtn .dk-ic{ width:16px; height:16px; }
#dashboardPage .dashboard-task-card{ min-height:0 !important; }
#dashboardPage .dashboard-task-actions{ border:0 !important; padding:0 !important; margin:0 !important; flex-direction:row !important; background:none !important; }
#dashboardPage .dashboard-task-main{ border:0 !important; padding:0 !important; }

/* ═══ محصولات (content, pCard) ═════════════════════════════════════════ */
#productsPage{ max-width:1240px; margin-inline:auto !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; display:block; }
#productsPage.hidden{ display:none !important; }
#productsPage > *{ margin-bottom:16px !important; }
#productsPage > .headRow{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px !important;
  padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important;
}
#productsPage > .headRow .label{
  margin:0 !important; padding:0 !important; border: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;
}
#productsPage > .headRow .actions{ display:flex !important; gap:8px !important; margin:0 !important; }
#productsPage #backBtn{ display:none !important; }
#productsPage :is(#newProductBtn,#clearBtn,.pager .btn){
  display:inline-flex !important; align-items:center; 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;
}
#productsPage #newProductBtn{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
#productsPage #clearBtn{ color:var(--dk-danger) !important; }
#productsPage #clearBtn:hover{ background:var(--dk-danger-soft) !important; }
#productsPage .toolbar{ display:flex !important; align-items:flex-end; gap:10px !important; flex-wrap:wrap; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#productsPage .toolbar .search{ position:relative; flex:1 1 320px; max-width:none !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
#productsPage .toolbar .search::before, #productsPage .toolbar .search::after{ content:none !important; display:none !important; }
#productsPage #searchInput{
  width:100%; height:var(--dk-h-lg) !important; margin:0 !important; padding:0 12px !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:13.5px !important; box-shadow:none !important;
}
#productsPage #searchInput:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
#productsPage .var-filter{ display:grid !important; gap:4px; margin:0 !important; min-width:200px; }
#productsPage .var-filter > label{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; margin:0 !important; }
#productsPage :is(select,.es-combo-trigger){ height:var(--dk-h-lg) !important; min-height:0 !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; box-shadow:none !important; }
#productsPage .products{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important; gap:14px !important; }
#productsPage .pCard{
  display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:14px !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;
}
#productsPage .pCard::before, #productsPage .pCard::after{ content:none !important; display:none !important; }
#productsPage .pCard:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#productsPage .pCard-top{ display:flex !important; align-items:flex-start; gap:12px; }
#productsPage .pCard-icon{ width:44px !important; height:44px !important; flex:0 0 44px; border-radius:12px !important; overflow:hidden; display:grid !important; place-items:center; background:var(--dk-chip) !important; box-shadow:none !important; border:0 !important; }
#productsPage .pCard-icon-img{ width:100% !important; height:100% !important; object-fit:cover; }
#productsPage .pCard-icon-letter{ font-weight:800 !important; color:var(--dk-accent) !important; }
#productsPage .pCard-info{ min-width:0; display:flex; flex-direction:column; gap:6px; }
#productsPage .pCard-title-row{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; }
#productsPage .pCard-title{ margin:0 !important; font-size:15px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#productsPage .pCard-category{
  display:inline-flex !important; align-items:center; height:20px; padding:0 7px !important; border-radius:6px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11px !important; font-weight:700 !important; box-shadow:none !important;
}
#productsPage .pCard-badges{ display:flex !important; flex-wrap:wrap; gap:4px; }
#productsPage .pCard-badge{
  --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft);
  display:inline-flex !important; align-items:center; gap:4px; 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;
}
#productsPage .pCard-badge-verified{ --tone:var(--dk-ok); --tone-soft:var(--dk-ok-soft); }
#productsPage .pCard-badge-warn{ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); }
#productsPage .pCard-badge-sales{ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); }
#productsPage .pCard-badge-priority{ --tone:var(--dk-accent); --tone-soft:var(--dk-accent-soft); }
#productsPage .pCard-meta{
  display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 !important; margin:0 !important; padding:10px 0 0 !important;
  border:0 !important; border-top:1px solid var(--dk-border) !important; border-radius:0 !important; background:none !important; box-shadow:none !important;
}
#productsPage .pCard-meta-divider{ display:none !important; }
#productsPage .pCard-meta-item{ display:flex !important; flex-direction:column; gap:1px; min-width:0; }
#productsPage .pCard-meta-label{ font-size:11.5px !important; color:var(--dk-faint) !important; }
#productsPage .pCard-meta-value{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#productsPage :is(.pCard-price-from){ font-size:11px !important; font-weight:600 !important; color:var(--dk-muted) !important; margin-inline-end:3px; }
#productsPage .pCard-price-num{ color:var(--dk-text) !important; }
#productsPage .pCard-cta{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; height:34px !important; margin:0 !important; padding:0 12px !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:13px !important; font-weight:700 !important; box-shadow:none !important; cursor:pointer;
}
#productsPage .pCard:hover .pCard-cta{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }
#productsPage .pCard-cta svg{ transform:scaleX(-1); }
#productsPage .pager{ display:flex !important; justify-content:center; gap:8px; margin:0 !important; }

/* ═══ محصولات متغیر ════════════════════════════════════════════════════ */
#variableProductsPage{ max-width:1240px; margin-inline:auto !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; display:block; }
#variableProductsPage.hidden{ display:none !important; }
#variableProductsPage > *{ margin-bottom:16px !important; }
#variableProductsPage > .headRow{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#variableProductsPage > .headRow .label{ margin:0 !important; padding:0 !important; border: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; display:block; }
.cx-sub{ margin:2px 0 0; max-width:80ch; font-size:var(--dk-fs); line-height:1.8; color:var(--dk-muted); }
#variableProductsPage #variableBackBtn{ display:none !important; }
#variableProductsPage .btn{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; 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; width:auto !important;
}
#variableProductsPage .btn:hover{ background:var(--dk-hover) !important; }
#variableProductsPage .btn.pri{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
#variableProductsPage .btn.danger{ color:var(--dk-danger) !important; }
#variableProductsPage .btn.danger:hover{ background:var(--dk-danger-soft) !important; }
#variableProductsPage .btn:disabled{ opacity:.5; }
#variableProductsPage .var-grid{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:12px !important; }
@media (max-width:900px){ #variableProductsPage .var-grid{ grid-template-columns:minmax(0,1fr) !important; } }
#variableProductsPage .var-box{
  display:flex !important; flex-direction:column; gap:10px; margin:0 !important; padding:14px !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;
}
#variableProductsPage .var-box .btn{ align-self:flex-start; margin-top:auto !important; }
#variableProductsPage .field{ display:grid; gap:6px; margin:0 !important; }
#variableProductsPage .field > label:first-child{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; margin:0 !important; }
#variableProductsPage :is(input[type="text"],input[type="search"],select,.es-combo-trigger){
  width:100%; height:var(--dk-h-lg) !important; min-height:0 !important; margin:0 !important; padding:0 12px !important; border-radius:var(--dk-r) !important;
  border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; background-image:none !important; color:var(--dk-text) !important;
  font:inherit !important; font-size:13.5px !important; box-shadow:none !important;
}
html[data-theme="dark"] #variableProductsPage :is(input[type="text"],input[type="search"],select,.es-combo-trigger){ background:rgba(15,23,42,.45) !important; }
#variableProductsPage :is(input,select):focus{ outline:none !important; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
#variableProductsPage .cx-file-btn{
  display:flex; align-items:center; gap:8px; height:var(--dk-h-lg); padding:0 12px; border-radius:var(--dk-r); border:1.5px dashed color-mix(in srgb, var(--dk-faint) 50%, transparent);
  background:var(--dk-surface-2); color:var(--dk-text); font-size:13px; cursor:pointer; overflow:hidden;
}
#variableProductsPage .cx-file-btn:hover{ border-color:var(--dk-accent); }
#variableProductsPage .cx-file-btn span:last-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#variableProductsPage .cx-file-btn .dk-ic{ color:var(--dk-muted); }
#variableProductsPage .hint{ margin:-4px 0 16px !important; font-size:12.5px !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; padding:0 !important; }
#variableProductsPage .toolbar{ display:flex !important; align-items:flex-end; gap:10px !important; flex-wrap:wrap; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#variableProductsPage .toolbar .var-filter{ flex:1 1 220px; max-width:360px; }
#variableProductsPage .table-wrap{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; overflow:auto; padding:0 !important; }
#variableProductsPage .var-table{ width:100%; border-collapse:collapse !important; background:none !important; }
#variableProductsPage .var-table th{
  height:38px; padding:0 14px !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;
}
#variableProductsPage .var-table td{ padding:10px 14px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; }
#variableProductsPage .var-table tbody tr:first-child td{ border-top:0 !important; }
#variableProductsPage .var-table tbody tr:hover td{ background:var(--dk-hover) !important; }
#variableProductsPage :is(.status-ok,.status-pending){
  display:inline-flex !important; align-items:center; gap:5px; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important;
  font-size:11.5px !important; font-weight:700 !important; box-shadow:none !important;
}
#variableProductsPage :is(.status-ok,.status-pending)::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
#variableProductsPage .status-ok{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
#variableProductsPage .status-pending{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
#variableProductsPage .var-actions{ white-space:nowrap; }
#variableProductsPage .var-actions .var-row-btn{ height:30px !important; padding:0 10px !important; font-size:12.5px !important; border-radius:var(--dk-r-sm) !important; }
#variableProductsPage .var-actions .var-row-btn + .var-row-btn{ margin-inline-start:6px !important; }
#variableProductsPage .var-empty{ padding:32px 16px !important; text-align:center; color:var(--dk-muted) !important; }
#variableProductsPage .pager{ display:flex !important; justify-content:center; align-items:center; gap:8px; }
#variableProductsPage .field > label{ text-transform:none !important; letter-spacing:0 !important; }

/* ═══ آخرین خبرها (lnn-) ═══════════════════════════════════════════════ */
#latestNewsPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; }
#latestNewsPage .lnn-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:14px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#latestNewsPage .lnn-shell > *{ margin:0 !important; }
#latestNewsPage .lnn-topbar{ display:flex !important; align-items:center; justify-content:space-between; gap:10px; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#latestNewsPage .lnn-breadcrumb{ font-size:12.5px !important; color:var(--dk-muted) !important; }
#latestNewsPage .lnn-breadcrumb-current{ color:var(--dk-text) !important; font-weight:700 !important; }
#latestNewsPage .lnn-topbar-actions{ display:flex !important; gap:8px; }
#latestNewsPage .lnn-topbar-btn{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; 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;
}
#latestNewsPage #latestNewsRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; color:var(--dk-muted) !important; }
#latestNewsPage #latestNewsRefreshBtn.is-busy .dk-ic{ animation:cx-spin .9s linear infinite; }
@keyframes cx-spin{ to{ transform:rotate(-360deg); } }
#latestNewsPage .lnn-hero{
  display:flex !important; align-items:flex-end !important; justify-content:space-between; gap:12px; min-height:0 !important; padding:0 !important; overflow:visible !important;
  background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
#latestNewsPage .lnn-hero::before, #latestNewsPage .lnn-hero::after{ content:none !important; }
#latestNewsPage .lnn-hero-orbs{ display:none !important; }
#latestNewsPage .lnn-hero-content{ padding:0 !important; }
#latestNewsPage .lnn-hero-title{ 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; }
#latestNewsPage .lnn-hero-sub{ margin:2px 0 0 !important; max-width:80ch; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; }
#latestNewsPage .lnn-hero-stat{
  display:inline-flex !important; flex-direction:row !important; align-items:baseline; gap:6px; padding:6px 12px !important; border-radius:999px !important;
  border:0 !important; background:var(--dk-chip) !important; box-shadow:none !important; min-width:0 !important;
}
#latestNewsPage .lnn-hero-stat-num{ font-size:15px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#latestNewsPage .lnn-hero-stat-label{ font-size:12.5px !important; color:var(--dk-muted) !important; }
#latestNewsPage .lnn-status{ padding:10px 14px !important; border-radius:var(--dk-r) !important; border:0 !important; background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:13px !important; box-shadow:none !important; }
#latestNewsPage .lnn-grid{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)) !important; gap:14px !important; }
#latestNewsPage .lnn-card{
  position:relative; margin: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; overflow:hidden; transform:none !important;
}
#latestNewsPage .lnn-card::before, #latestNewsPage .lnn-card::after{ content:none !important; }
#latestNewsPage .lnn-card:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#latestNewsPage .lnn-card-stripe{ display:none !important; }
#latestNewsPage .lnn-card--hero{ grid-column:span 2; }
@media (max-width:760px){ #latestNewsPage .lnn-card--hero{ grid-column:auto; } }
#latestNewsPage .lnn-card-inner{ padding:16px !important; display:flex !important; flex-direction:column; gap:8px; }
#latestNewsPage .lnn-card-header{ display:flex !important; align-items:center; justify-content:space-between; gap:8px; }
#latestNewsPage .lnn-card-rank{
  display:inline-grid !important; place-items:center; min-width:24px; height:22px; padding:0 6px; border-radius:6px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:800 !important; box-shadow:none !important;
}
#latestNewsPage :is(.lnn-card-source,.lnn-card-cat){
  display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; box-shadow:none !important;
}
#latestNewsPage .lnn-card-title{ margin:0 !important; font-size:15.5px !important; font-weight:800 !important; line-height:1.7 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#latestNewsPage .lnn-card--hero .lnn-card-title{ font-size:18px !important; }
#latestNewsPage .lnn-card-desc{ font-size:13.5px !important; line-height:1.95 !important; color:var(--dk-muted) !important; }
#latestNewsPage .lnn-card-footer{ display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:4px; padding-top:10px !important; border-top:1px solid var(--dk-border) !important; }
#latestNewsPage .lnn-card-meta{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; }
#latestNewsPage .lnn-card-time{ font-size:12px !important; color:var(--dk-faint) !important; background:none !important; border:0 !important; padding:0 !important; }
#latestNewsPage .lnn-card-actions{ display:flex !important; gap:6px; }
#latestNewsPage .lnn-card-btn{
  display:inline-flex !important; align-items:center; gap:5px; height:30px !important; padding:0 10px !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; text-decoration:none;
}
#latestNewsPage .lnn-card-btn:hover{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }
#latestNewsPage .lnn-card-telegram-badge{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; background:var(--dk-info-soft) !important; color:var(--dk-info) !important; font-size:11.5px !important; font-weight:700 !important; border:0 !important; }
#latestNewsPage .lnn-placeholder{ 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; box-shadow:none !important; text-align:center; }
#latestNewsPage .lnn-placeholder-icon{ display:none !important; }
#latestNewsPage .lnn-placeholder-title{ font-size:14.5px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#latestNewsPage .lnn-placeholder-sub{ font-size:13px !important; color:var(--dk-muted) !important; }

/* ═══ پروژه‌ها — list (tp- / proj-) ═════════════════════════════════════ */
:is(#projectsPage,#projectDetailPage):not(.hidden){ display:flex !important; flex-direction:column; gap:16px; max-width:1240px; margin-inline:auto !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; }
:is(#projectsPage,#projectDetailPage) > *{ margin:0 !important; }
:is(#projectsPage,#projectDetailPage) .tp-head{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
:is(#projectsPage,#projectDetailPage) .tp-head-info{ display:block !important; }
:is(#projectsPage,#projectDetailPage) .tp-head-text h2{ 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; }
:is(#projectsPage,#projectDetailPage) .tp-head-text p{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; line-height:1.8 !important; }
:is(#projectsPage,#projectDetailPage) .tp-head-actions{ display:flex !important; gap:8px !important; }
:is(#projectsPage,#projectDetailPage) .btn{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; 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;
}
:is(#projectsPage,#projectDetailPage) .btn:hover{ background:var(--dk-hover) !important; }
:is(#projectsPage,#projectDetailPage) .btn.pri{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
:is(#projectsPage,#projectDetailPage) #projectsRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; color:var(--dk-muted) !important; }
:is(#projectsPage,#projectDetailPage) .dk-ic{ width:15px; height:15px; flex:0 0 auto; }
:is(#projectsPage,#projectDetailPage) .tp-stats{
  display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:0 !important; overflow:hidden;
  border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important;
}
:is(#projectsPage,#projectDetailPage) .tp-stat{ display:flex !important; padding:14px 18px !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; border-inline-start:1px solid var(--dk-border) !important; }
:is(#projectsPage,#projectDetailPage) .tp-stat:first-child{ border-inline-start:0 !important; }
:is(#projectsPage,#projectDetailPage) .tp-stat > div{ display:flex; flex-direction:column-reverse; gap:2px; }
:is(#projectsPage,#projectDetailPage) .tp-stat-val{ font-size:22px !important; font-weight:800 !important; color:var(--dk-text) !important; }
:is(#projectsPage,#projectDetailPage) .tp-stat-lbl{ font-size:var(--dk-fs-sm) !important; font-weight:600 !important; color:var(--dk-muted) !important; }
:is(#projectsPage,#projectDetailPage) .tp-stat.is-danger .tp-stat-val{ color:var(--dk-danger) !important; }
@media (max-width:760px){ :is(#projectsPage,#projectDetailPage) .tp-stats{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } }
:is(#projectsPage,#projectDetailPage) .tp-tabs{
  display:inline-flex !important; align-self:flex-start; flex-wrap:wrap; gap:2px !important; padding:3px !important; border-radius:11px !important;
  background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important;
}
:is(#projectsPage,#projectDetailPage) .tp-tab{
  display:inline-flex !important; align-items:center; gap:6px; height:32px !important; padding:0 12px !important; margin:0 !important; border:0 !important; border-radius:8px !important;
  background:transparent !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important;
}
:is(#projectsPage,#projectDetailPage) .tp-tab.is-active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; }
html[data-theme="dark"] :is(#projectsPage,#projectDetailPage) .tp-tab.is-active{ background:rgba(71,85,105,.55) !important; }
:is(#projectsPage,#projectDetailPage) .tp-tab-count{ display:inline-grid !important; place-items:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px !important; background:var(--dk-chip) !important; color:var(--dk-text) !important; font-size:11.5px !important; }
:is(#projectsPage,#projectDetailPage) .tp-tab.is-active .tp-tab-count{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; }
:is(#projectsPage,#projectDetailPage) .proj-toolbar{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
:is(#projectsPage,#projectDetailPage) .proj-search{
  flex:1 1 280px; height:var(--dk-h) !important; min-height:0 !important; margin:0 !important; padding:0 12px !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;
}
:is(#projectsPage,#projectDetailPage) .proj-search:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
:is(#projectsPage,#projectDetailPage) .teams-list{ display:flex !important; flex-direction:column; gap:10px !important; padding:0 !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard{
  position:relative; margin: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; overflow:hidden; transform:none !important;
}
:is(#projectsPage,#projectDetailPage) .tp-pcard:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
:is(#projectsPage,#projectDetailPage) .tp-stripe{ display:none !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-inner{ display:grid !important; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:14px !important; padding:14px 16px !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-icon{ width:40px !important; height:40px !important; border-radius:10px !important; display:inline-grid !important; place-items:center; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:0 !important; border:0 !important; box-shadow:none !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-icon .dk-ic{ width:18px; height:18px; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-body{ display:flex; flex-direction:column; gap:6px; min-width:0; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-top{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-name{ font-size:14.5px !important; font-weight:800 !important; color:var(--dk-text) !important; }
:is(#projectsPage,#projectDetailPage) .tp-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;
}
:is(#projectsPage,#projectDetailPage) .tp-chip.is-accent{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; }
:is(#projectsPage,#projectDetailPage) .tp-chip.is-ok{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
:is(#projectsPage,#projectDetailPage) .tp-chip.is-warn{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
:is(#projectsPage,#projectDetailPage) .tp-chip.is-danger{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-meta{ display:flex !important; flex-wrap:wrap; gap:4px 14px; font-size:12.5px !important; color:var(--dk-muted) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-meta > span{ display:inline-flex; align-items:center; gap:5px; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-meta .dk-ic{ width:13px; height:13px; color:var(--dk-faint); }
:is(#projectsPage,#projectDetailPage) .tp-pcard-meta .is-warn{ color:var(--dk-warn) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-meta .is-warn .dk-ic{ color:currentColor; }
:is(#projectsPage,#projectDetailPage) .tp-progress{ display:flex !important; align-items:center; gap:10px; }
:is(#projectsPage,#projectDetailPage) .tp-progress-bar{ flex:1; max-width:320px; height:5px !important; border-radius:5px !important; background:var(--dk-chip) !important; overflow:hidden; box-shadow:none !important; }
:is(#projectsPage,#projectDetailPage) .tp-progress-fill{ height:100% !important; border-radius:5px !important; background:var(--dk-accent-fill) !important; }
:is(#projectsPage,#projectDetailPage) .tp-progress-fill.is-full{ background:var(--dk-ok-mark) !important; }
:is(#projectsPage,#projectDetailPage) .tp-progress-num{ font-size:12px !important; font-weight:700 !important; color:var(--dk-muted) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-acts{ display:flex !important; align-items:center; gap:4px; }
:is(#projectsPage,#projectDetailPage) .tp-ib{
  width:32px !important; height:32px !important; display:inline-grid !important; place-items:center; padding:0 !important; margin:0 !important;
  border-radius:var(--dk-r-sm) !important; border:0 !important; background:none !important; box-shadow:none !important; color:var(--dk-muted) !important; font-size:0 !important; cursor:pointer;
}
:is(#projectsPage,#projectDetailPage) .tp-ib:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }
:is(#projectsPage,#projectDetailPage) .tp-ib.is-del:hover{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard-acts .btn{ height:30px !important; padding:0 10px !important; font-size:12.5px !important; }
:is(#projectsPage,#projectDetailPage) .tp-av-stack .adm-av{ width:24px !important; height:24px !important; border-radius:7px !important; font-size:11px !important; border:2px solid var(--dk-surface-solid) !important; }
:is(#projectsPage,#projectDetailPage) .team-empty{ padding:32px 16px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; text-align:center; color:var(--dk-muted) !important; }
:is(#projectsPage,#projectDetailPage) .tp-pcard{ display:block !important; } :is(#projectsPage,#projectDetailPage) .tp-pcard-inner{ width:100% !important; flex:1 1 auto !important; box-sizing:border-box; }

/* ═══ جدیدترین ابزارها (new-ai-) ═══════════════════════════════════════ */
#newAiPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; max-width:1240px; margin-inline:auto !important; }
#newAiPage > .headRow{ display:none !important; }
#newAiPage .new-ai-page-shell{
  display:flex !important; flex-direction:column; gap:14px !important; padding:0 !important; margin:0 !important; min-height:0 !important; overflow:visible !important;
  background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
#newAiPage .new-ai-page-shell::before, #newAiPage .new-ai-page-shell::after{ content:none !important; }
#newAiPage .new-ai-page-shell > *{ margin:0 !important; }
#newAiPage .nai-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
#newAiPage .nai-head h1{ margin:0; font-size:var(--dk-fs-xl); font-weight:800; line-height:1.5; color:var(--dk-text); }
#newAiPage .nai-head p{ margin:2px 0 0; max-width:80ch; font-size:var(--dk-fs); line-height:1.8; color:var(--dk-muted); }
#newAiPage .new-ai-count-badge{
  display:inline-flex !important; align-items:center; height:28px; 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;
}
#newAiPage .new-ai-toolbar{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#newAiPage .new-ai-filters{ display:inline-flex !important; flex-wrap:wrap; gap:2px !important; padding:3px !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; }
#newAiPage .new-ai-filter-btn{
  height:30px !important; padding:0 12px !important; margin:0 !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important;
  color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important;
}
#newAiPage .new-ai-filter-btn.active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; }
#newAiPage .new-ai-search-box{ position:relative; flex:1 1 240px; display:flex !important; align-items:center; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#newAiPage .new-ai-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; color:var(--dk-faint) !important; font-size:0 !important; }
#newAiPage #newAiSearchInput{
  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;
}
#newAiPage .new-ai-actions{ display:flex !important; gap:8px !important; }
#newAiPage .new-ai-actions .btn{
  display:inline-flex !important; align-items:center; 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;
}
#newAiPage #newAiTranslateBtn{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
#newAiPage .new-ai-page-status{ padding:10px 14px !important; border-radius:var(--dk-r) !important; border:0 !important; background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:13px !important; text-align:start !important; box-shadow:none !important; }
#newAiPage .new-ai-grid-wrap{ padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
/* cards (shared with the content dashboard's "new websites") */
#newAiPage .new-ai-widget-mount{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)) !important; gap:12px !important; }
#newAiPage .new-ai-card{
  position:relative; display:flex !important; flex-direction:column; gap:6px; 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;
}
#newAiPage .new-ai-card::before, #newAiPage .new-ai-card::after{ content:none !important; }
#newAiPage .new-ai-card:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#newAiPage :is(.new-ai-card-accent,.new-ai-card-num){ display:none !important; }
#newAiPage .new-ai-card-icon{ width:36px !important; height:36px !important; border-radius:10px !important; display:inline-grid !important; place-items:center; background:var(--dk-chip) !important; color:var(--dk-accent) !important; font-weight:800 !important; font-size:13px !important; box-shadow:none !important; border:0 !important; }
#newAiPage .new-ai-card-tag{ align-self:flex-start; height:20px; padding:0 7px !important; border-radius:6px !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11px !important; font-weight:700 !important; border:0 !important; display:inline-flex !important; align-items:center; }
#newAiPage .new-ai-card-name{ margin:0 !important; font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
#newAiPage .new-ai-card-desc{ font-size:12.5px !important; line-height:1.8 !important; color:var(--dk-muted) !important; }
#newAiPage .new-ai-card-btn{ align-self:flex-start; display:inline-flex !important; align-items:center; gap:4px; height:30px; padding:0 10px !important; border-radius:8px !important; border:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-accent) !important; font-size:12.5px !important; font-weight:700 !important; text-decoration:none; box-shadow:none !important; margin-top:auto; }
html body #newAiPage .new-ai-grid-wrap{ padding:0 !important; min-height:0 !important; background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body #newAiPage .new-ai-grid-wrap::before, html body #newAiPage .new-ai-grid-wrap::after{ content:none !important; }
html body #newAiPage .new-ai-widget-mount > :not(.new-ai-card){ grid-column:1 / -1; padding:24px 16px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:none !important; text-align:center; color:var(--dk-muted) !important; font-size:13px !important; min-height:0 !important; }
html body #newAiPage .new-ai-page-status{ display:block; }

/* ═══ تحلیل‌گر سایت (nsa-) ═════════════════════════════════════════════ */
#newSiteAnalyzerPage#newSiteAnalyzerPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; min-height:0 !important; height:auto !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-shell::before, #newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-shell::after{ content:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar{
  position:static !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px !important;
  margin:0 !important; padding:0 !important; min-height:0 !important; background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important;
}
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar::before, #newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar::after{ content:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-brand{ display:block !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-titles{ display:flex !important; flex-direction:column; gap:2px; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-name{ 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; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-caption{ font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-acts{ display:flex !important; gap:8px !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage #newSiteAnalyzerBackBtn{ display:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-btn{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; 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; text-shadow:none !important; cursor:pointer;
}
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-btn:hover{ background:var(--dk-hover) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage :is(#newSiteAnalyzerAnalyzeBtn,#newSiteAnalyzerAddProductBtn){ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage #newSiteAnalyzerAddProductBtn.hidden{ display:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-btn .dk-ic{ width:15px; height:15px; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-main{ display:grid !important; grid-template-columns:minmax(0,420px) minmax(0,1fr) !important; gap:16px !important; align-items:start; min-height:0 !important; height:auto !important; }
@media (max-width:1000px){ #newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-main{ grid-template-columns:minmax(0,1fr) !important; } }
#newSiteAnalyzerPage#newSiteAnalyzerPage :is(.nsa-panel-left,.nsa-panel-right){
  display:flex !important; flex-direction:column; gap:0; margin:0 !important; padding:0 !important; overflow:visible !important; height:auto !important; max-height:none !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;
}
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-left-scroll{ overflow:visible !important; max-height:none !important; padding:0 !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-section{ margin:0 !important; padding:16px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; border-radius:0 !important; background:none !important; box-shadow:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-panel-left > .nsa-section:first-child{ border-top:0 !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-sec-title{ display:flex !important; align-items:center; gap:6px; margin:0 0 10px !important; font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-search-grid, #newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-two-col{ display:grid !important; gap:10px !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-two-col{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-fg{ display:grid !important; gap:6px; margin:0 !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-flabel{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; letter-spacing:0 !important; text-transform:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage :is(.nsa-finput,.nsa-ss-toggle){
  width:100%; height:var(--dk-h-lg) !important; min-height:0 !important; margin:0 !important; padding:0 12px !important; border-radius:var(--dk-r) !important;
  border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; background-image:none !important; color:var(--dk-text) !important;
  font:inherit !important; font-size:13px !important; box-shadow:none !important; display:flex; align-items:center; justify-content:space-between;
}
html[data-theme="dark"] #newSiteAnalyzerPage#newSiteAnalyzerPage :is(.nsa-finput,.nsa-ss-toggle){ background:rgba(15,23,42,.45) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-finput:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-finput-mono{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace !important; direction:ltr; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .smart-select-menu{ border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; box-shadow:var(--dk-shadow-pop) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-action-text{ margin:0 0 10px !important; font-size:13px !important; line-height:1.8 !important; color:var(--dk-muted) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-section-action{ background:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-ai-head{ display:flex !important; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-ai-info{ display:flex !important; align-items:center; gap:6px; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-ai-title{ font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-ai-acts{ display:flex !important; gap:8px; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-output-wrap{ padding:16px !important; background:none !important; border:0 !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-output{
  width:100%; min-height:420px !important; margin:0 !important; padding:12px 14px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important;
  background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font:inherit !important; font-size:13.5px !important; line-height:1.9 !important; box-shadow:none !important; resize:vertical;
}
html[data-theme="dark"] #newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-output{ background:rgba(15,23,42,.45) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-meta{ margin:0 !important; padding:12px 16px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; font-size:12.5px !important; color:var(--dk-muted) !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-bar-name{ -webkit-background-clip:border-box !important; background-clip:border-box !important; letter-spacing:0 !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .nsa-panel-right{ position:static !important; }
#newSiteAnalyzerPage#newSiteAnalyzerPage .smart-tool-pricing-empty{ color:var(--dk-muted) !important; background:none !important; border:0 !important; font-size:12.5px !important; }
html[data-theme="dark"] :is(#projectsPage,#projectDetailPage) .tp-tab.is-active .tp-tab-count{ color:var(--dk-text) !important; }

/* ═══ پروژه — detail (pd- / pk- / pc- / pa- / tm-) ═════════════════════ */
#projectDetailPage .pd-head{ display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; position:static !important; }
#projectDetailPage .pd-head::before, #projectDetailPage .pd-head::after{ content:none !important; }
#projectDetailPage .pd-head-row{ display:flex !important; align-items:flex-start; gap:12px; flex-wrap:wrap; }
#projectDetailPage .pd-back{
  width:var(--dk-h) !important; height:var(--dk-h) !important; display:inline-grid !important; place-items:center; 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; color:var(--dk-muted) !important; box-shadow:none !important; font-size:16px !important;
}
#projectDetailPage .pd-head-main{ flex:1 1 360px; min-width:0; display:flex; flex-direction:column; gap:6px; }
#projectDetailPage .pd-title-row{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px; }
#projectDetailPage .pd-title{ 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; }
#projectDetailPage .pd-head-actions{ display:flex !important; gap:8px !important; }
#projectDetailPage .pd-tabs{ margin:0 !important; }
#projectDetailPage .pd-body{ display:flex !important; flex-direction:column; gap:16px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
#projectDetailPage :is(.btn.ok,.tp-add){ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; box-shadow:none !important; }
#projectDetailPage .tp-add{ width:var(--dk-h-lg) !important; height:var(--dk-h-lg) !important; border-radius:var(--dk-r) !important; display:inline-grid !important; place-items:center; padding:0 !important; }
/* info grid */
#projectDetailPage .pd-info-grid{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:0 !important; overflow:hidden; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; }
#projectDetailPage .pd-info-card{ margin:0 !important; padding:12px 16px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; border-inline-start:1px solid var(--dk-border) !important; border-top:1px solid var(--dk-border) !important; }
#projectDetailPage .pd-info-card:nth-child(3n+1){ border-inline-start:0 !important; }
#projectDetailPage .pd-info-card:nth-child(-n+3){ border-top:0 !important; }
#projectDetailPage .pd-info-lbl{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; font-weight:600 !important; }
#projectDetailPage .pd-info-val{ font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; }
@media (max-width:760px){ #projectDetailPage .pd-info-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } #projectDetailPage .pd-info-card{ border-inline-start:1px solid var(--dk-border) !important; border-top:1px solid var(--dk-border) !important; } #projectDetailPage .pd-info-card:nth-child(2n+1){ border-inline-start:0 !important; } #projectDetailPage .pd-info-card:nth-child(-n+2){ border-top:0 !important; } }
#projectDetailPage :is(.tp-section,.pc-wrap,.pa-timeline){ 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; box-shadow:var(--dk-shadow) !important; }
#projectDetailPage .tp-section-head{ font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; margin:0 0 10px !important; }
/* smaller chips everywhere on this page */
:is(#projectDetailPage,#projectDetailPage ~ * .tm-panel, .tm-panel) :is(.tp-chip,.tm-chip){
  display:inline-flex !important; align-items:center; gap:4px; height:24px !important; padding:0 9px !important; border-radius:999px !important; border:0 !important; box-shadow:none !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important;
}
:is(#projectDetailPage,.tm-panel) :is(.tp-chip,.tm-chip).is-accent{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; }
:is(#projectDetailPage,.tm-panel) :is(.tp-chip,.tm-chip).is-ok{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
:is(#projectDetailPage,.tm-panel) :is(.tp-chip,.tm-chip).is-warn{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
:is(#projectDetailPage,.tm-panel) :is(.tp-chip,.tm-chip).is-danger{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
:is(#projectDetailPage,.tm-panel) :is(.tp-chip,.tm-chip) .dk-ic{ width:13px; height:13px; }
/* board */
#projectDetailPage .pk-toolbar{ display:flex !important; align-items:center; justify-content:space-between; gap:8px; }
#projectDetailPage .pk-filter-btn{ height:var(--dk-h) !important; padding:0 12px !important; border-radius:999px !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; font-weight:700 !important; box-shadow:none !important; display:inline-flex !important; align-items:center; gap:6px; }
#projectDetailPage .pk-filter-count{ display:inline-grid; place-items:center; min-width:20px; height:20px; border-radius:999px; background:var(--dk-chip); font-size:11.5px; }
#projectDetailPage .pk-board{ gap:12px !important; }
#projectDetailPage .pk-col{ padding:10px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; }
#projectDetailPage .pk-col-head{ display:flex !important; align-items:center; gap:8px; padding:2px 4px 8px !important; }
#projectDetailPage .pk-col-title{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#projectDetailPage .pk-col-count{ display:inline-grid !important; place-items:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; margin-inline-start:auto; }
#projectDetailPage .pk-card{ 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; }
#projectDetailPage .pk-card:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; }
#projectDetailPage .pk-card-title{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.6 !important; }
#projectDetailPage .pk-card-meta{ display:flex !important; flex-wrap:wrap; gap:4px; margin:8px 0 !important; }
#projectDetailPage .pk-meta{ display:inline-flex !important; align-items:center; gap:4px; font-size:12px !important; color:var(--dk-muted) !important; }
#projectDetailPage .pk-meta .dk-ic{ width:13px; height:13px; }
#projectDetailPage .pk-card-foot{ display:flex !important; align-items:center; justify-content:space-between; gap:6px; font-size:12px !important; color:var(--dk-muted) !important; }
#projectDetailPage .pk-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; }
/* comments + activity */
#projectDetailPage .pc-item{ border:0 !important; border-top:1px solid var(--dk-border) !important; border-radius:0 !important; background:none !important; box-shadow:none !important; padding:12px 0 !important; }
#projectDetailPage .pc-item:first-child{ border-top:0 !important; }
#projectDetailPage .pc-author{ font-size:13px !important; font-weight:800 !important; color:var(--dk-text) !important; }
#projectDetailPage .pc-time{ font-size:12px !important; color:var(--dk-faint) !important; }
#projectDetailPage .pc-body{ font-size:13.5px !important; line-height:1.9 !important; color:var(--dk-text) !important; }
#projectDetailPage .pc-act{ width:28px !important; height:28px !important; display:inline-grid !important; place-items:center; padding:0 !important; border:0 !important; border-radius:7px !important; background:none !important; color:var(--dk-muted) !important; box-shadow:none !important; font-size:0 !important; }
#projectDetailPage .pc-act:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; }
#projectDetailPage .pc-act.is-on{ color:var(--dk-accent) !important; }
#projectDetailPage .pc-act-del:hover{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; }
#projectDetailPage .pc-act .dk-ic{ width:14px; height:14px; }
#projectDetailPage .pc-pin-flag{ display:inline-flex !important; align-items:center; gap:4px; height:22px; padding:0 8px !important; border-radius:6px !important; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-size:11.5px !important; font-weight:700 !important; }
#projectDetailPage .pc-pin-flag .dk-ic{ width:12px; height:12px; }
#projectDetailPage .pa-row{ display:flex !important; gap:10px; padding:8px 0 !important; border:0 !important; }
#projectDetailPage .pa-dot{ width:28px !important; height:28px !important; flex:0 0 28px; display:inline-grid !important; place-items:center; border-radius:8px !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:0 !important; box-shadow:none !important; border:0 !important; }
#projectDetailPage .pa-dot .dk-ic{ width:14px; height:14px; }
#projectDetailPage .pa-line{ font-size:13px !important; color:var(--dk-text) !important; }
#projectDetailPage :is(.pa-time,.pa-meta){ font-size:12px !important; color:var(--dk-faint) !important; }
/* task dialog (tm-) */
html body .tm-panel{ border:1px solid var(--dk-border) !important; border-radius:16px !important; background:var(--dk-surface-solid) !important; background-image:none !important; color:var(--dk-text) !important; box-shadow:var(--dk-shadow-pop) !important; }
html body .tm-head{ border-bottom:1px solid var(--dk-border) !important; background:none !important; }
html body .tm-head-icon{ display:inline-grid !important; place-items:center; color:var(--dk-muted) !important; font-size:0 !important; background:none !important; }
html body .tm-head-icon .dk-ic{ width:18px; height:18px; }
html body .tm-title{ font-size:16px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
html body .tm-grid > *, html body .tm-dropzone{ border-radius:var(--dk-r-lg) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface) !important; box-shadow:none !important; }
html body .tm-foot{ border-top:1px solid var(--dk-border) !important; background:none !important; }
html body .tm-foot .btn{ height:var(--dk-h) !important; padding:0 14px !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; box-shadow:none !important; font-weight:700 !important; }
html body .tm-foot .btn:is(.pri,.ok){ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; }
html body .tm-locked{ display:flex !important; align-items:center; gap:6px; padding:10px 12px !important; border-radius:var(--dk-r) !important; border:0 !important; background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:13px !important; }
html body .tm-empty-icon{ color:var(--dk-faint) !important; font-size:0 !important; }
html body .tm-empty-icon .dk-ic{ width:20px; height:20px; }
html body :is(.tm-add-btn,.proj-img-dropzone){ display:inline-flex !important; align-items:center; gap:6px; }

/* project task modals (tm-*) — card/header/footer surfaces follow dk tokens in both themes */
html body .modal.tm-modal .tp-modal-card{ background:var(--dk-surface-solid)!important; border:1px solid var(--dk-border)!important; box-shadow:var(--dk-shadow-pop)!important; border-radius:16px!important; }
html body .modal.tm-modal .tp-modal-head,
html body .modal.tm-modal .tp-modal-foot{ background:var(--dk-surface-solid)!important; border-color:var(--dk-border)!important; }
html body .modal.tm-modal .tp-modal-body{ background:var(--dk-bg)!important; }
html body .modal.tm-modal .tm-reassign{ background:var(--dk-surface-2)!important; border:1px solid var(--dk-border)!important; }
html body .modal.tm-modal .pc-compose{ background:var(--dk-surface-2)!important; border-color:var(--dk-border)!important; }
html body .modal.tm-modal :is(.tp-input,.pc-input){ background:var(--dk-surface-solid)!important; border-color:var(--dk-border)!important; color:var(--dk-text)!important; }
:is(#projectsPage,#projectDetailPage) .pk-assignee.is-warn{ color:var(--dk-warn) !important; }

/* today's tasks: legacy pinned the actions box to 100px, so the count +
   link (~135px, more with browser zoom) spilled out of the card and the
   link got clipped. Let it size to its content; stack on narrow cards. */
html body #dashboardPage .dashboard-task-actions{
  width:auto !important; min-width:0 !important; max-width:none !important; flex:none !important;
  justify-content:flex-end !important; flex-wrap:nowrap !important;
}
html body #dashboardPage .dashboard-task-card{ grid-template-columns:minmax(0,1fr) max-content !important; }
@media (max-width:1180px){
  html body #dashboardPage .dashboard-task-card{ grid-template-columns:minmax(0,1fr) !important; }
  html body #dashboardPage .dashboard-task-actions{ justify-content:flex-start !important; }
}
@media (min-width:1181px){
  html body #dashboardPage .dashboard-task-actions{ width:156px !important; justify-content:space-between !important; }
}