/* ─────────────────────────────────────────────────────────────────────────
   Tool pages (v3 skin): smart-tools hub, product content writer, plan
   warranty generator, template builder, notifications archive and the
   profile message archive. Frame, buttons and fields come from the shared
   list in mgmt-pages.css; this file adds each page's own parts.
   Loaded after mgmt-pages.css / profile.css.
   ───────────────────────────────────────────────────────────────────── */

/* ── shared header ───────────────────────────────────────────────────── */
html body :is(#smartToolsPage,#contentWriterPage,#warrantyPage) > .headRow.st-page-head{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important;
  flex-wrap:wrap; gap:12px 16px !important; margin:0 0 16px !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important; position:static !important;
}
html body :is(#smartToolsPage,#contentWriterPage,#warrantyPage) .st-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;
}
html body :is(#smartToolsPage,#contentWriterPage,#warrantyPage) .st-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;
}
/* the sidebar already navigates back; keep sub-tool back links, drop the hub one */
html body #smartToolsBackBtn{ display:none !important; }
html body :is(#contentWriterBackBtn,#warrantyBackBtn) .dk-ic{ transform:scaleX(-1); }
html body :is(#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage) .btn .dk-ic{ width:16px; height:16px; }

/* ── smart tools hub ─────────────────────────────────────────────────── */
html body :is(#smartToolsPage,#contentWriterPage) .smart-tools-shell{
  display:grid !important; gap:16px !important; padding:0 !important; margin:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tools-shell::before,
html body :is(#smartToolsPage,#contentWriterPage) .smart-tools-shell::after{ content:none !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tools-hero{ display:none !important; }
html body #smartToolsPage .smart-tools-grid{
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important; gap:14px !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-card{
  display:flex !important; flex-direction:column !important; gap:12px !important;
  padding:16px 18px !important; margin:0 !important; border-radius:14px !important;
  background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important;
  box-shadow:var(--dk-shadow) !important; transform:none !important; overflow:hidden;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-card::before,
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-card::after{ content:none !important; display:none !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-card:hover{ border-color:var(--dk-border-strong) !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-top{
  display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:10px !important;
  padding:0 !important; margin:0 !important; border:0 !important; background:none !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-title-wrap{ display:grid !important; gap:4px !important; justify-items:start; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-title{
  color:var(--dk-text) !important; font-size:15px !important; font-weight:700 !important; background:none !important;
  -webkit-text-fill-color:currentColor !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-codename{
  display:inline-block !important; direction:ltr; padding:1px 8px !important; border-radius:6px !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; border:0 !important;
  font:500 11.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-badge{
  flex:none; padding:2px 10px !important; border-radius:999px !important; border:0 !important; box-shadow:none !important;
  font-size:11.5px !important; font-weight:600 !important;
  background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-badge.product{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-badge.plan{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-badge.builder{ background:var(--dk-violet-soft) !important; color:var(--dk-violet) !important; }
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-desc{
  color:var(--dk-text) !important; font-size:13.5px !important; line-height:1.9 !important; margin:0 !important;
}
html body #smartToolsPage .smart-tool-logic{
  flex:1; margin:0 !important; padding:10px 12px !important; border-radius:10px !important;
  background:var(--dk-surface-2) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important;
  color:var(--dk-muted) !important; font-size:12.5px !important; line-height:1.9 !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-actions{
  display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 !important; padding:0 !important;
  border:0 !important; background:none !important;
}
html body #smartToolsPage .smart-tool-actions{ padding-top:12px !important; border-top:1px solid var(--dk-border) !important; }
html body #smartToolsPage .smart-tool-actions .btn{ flex:1 1 0; }
/* «تنظیمات» was an orange gradient; it is a secondary action */
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-actions .btn.warn{
  background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border-strong) !important;
}
html body :is(#smartToolsPage,#contentWriterPage) .smart-tool-actions .btn.warn:hover{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }

/* ── content writer runner ───────────────────────────────────────────── */
html body #contentWriterPage .smart-tool-runner{
  display:grid !important; gap:14px !important; margin:0 !important; padding:14px 0 0 !important;
  border-top:1px solid var(--dk-border) !important; background:none !important; box-shadow:none !important;
}
html body #contentWriterPage .smart-tool-runner-grid{ display:grid !important; grid-template-columns:2fr 1fr !important; gap:12px !important; }
html body #contentWriterPage .smart-tool-output{
  min-height:320px !important; line-height:2 !important; font-size:14px !important; resize:vertical;
}
html body #contentWriterPage .st-btn-quiet{ color:var(--dk-muted) !important; margin-inline-start:auto !important; }

/* ── warranty generator ─────────────────────────────────────────────── */
html body #warrantyPage .wg-root{
  max-width:820px; margin:0 auto !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important; color:var(--dk-text) !important;
}
html body #warrantyPage .wg-root::before,
html body #warrantyPage .wg-root::after{ content:none !important; }
html body #warrantyPage .wg-root > .header{ display:none !important; }
html body #warrantyPage .steps{
  display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important;
  margin:0 0 16px !important; padding:0 !important; background:none !important;
}
html body #warrantyPage .step{ display:flex !important; align-items:center !important; gap:8px !important; opacity:1 !important; }
html body #warrantyPage .step-circle{
  width:26px !important; height:26px !important; border-radius:50% !important; display:grid !important; place-items:center !important;
  font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important;
  background:var(--dk-chip) !important; color:var(--dk-muted) !important; border:0 !important;
}
html body #warrantyPage .step-label{ color:var(--dk-muted) !important; font-size:13px !important; font-weight:500 !important; }
html body #warrantyPage .step.active .step-circle{ background:var(--dk-accent-fill) !important; color:#fff !important; }
html body #warrantyPage .step.active .step-label{ color:var(--dk-text) !important; font-weight:700 !important; }
html body #warrantyPage .step.done .step-circle{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; }
html body #warrantyPage .step-line{ flex:0 1 60px !important; height:2px !important; border-radius:2px; background:var(--dk-border) !important; }
html body #warrantyPage .step-line.done,
html body #warrantyPage .step-line.active{ background:var(--dk-accent) !important; }
html body #warrantyPage .wg-root .card{
  padding:18px 20px !important; margin:0 !important; border-radius:14px !important;
  background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important; box-shadow:var(--dk-shadow) !important;
}
html body #warrantyPage .wg-root .card::before,
html body #warrantyPage .wg-root .card::after{ content:none !important; }
html body #warrantyPage .card-title{ color:var(--dk-text) !important; font-size:15px !important; font-weight:700 !important; margin:0 0 4px !important; }
html body #warrantyPage .card-desc{ color:var(--dk-muted) !important; font-size:13px !important; margin:0 0 16px !important; }
html body #warrantyPage .form-group{ display:grid !important; gap:6px !important; margin:0 0 14px !important; }
html body #warrantyPage .form-label{ color:var(--dk-text) !important; font-size:13px !important; font-weight:600 !important; }
html body #warrantyPage .form-label span{ color:var(--dk-danger) !important; }
html body #warrantyPage :is(.form-input,.form-textarea){
  width:100% !important; min-height:var(--dk-h-lg) !important; padding:9px 12px !important; margin:0 !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; box-shadow:none !important; font:inherit !important; font-size:var(--dk-fs) !important;
}
html body #warrantyPage .form-textarea{ min-height:96px !important; line-height:1.9 !important; }
html body #warrantyPage :is(.form-input,.form-textarea):focus{ outline:none !important; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; }
html body #warrantyPage .chip-group{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
html body #warrantyPage .chip{
  height:32px !important; padding:0 14px !important; border-radius:999px !important; margin:0 !important;
  background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border-strong) !important;
  font-size:12.5px !important; font-weight:500 !important; box-shadow:none !important; transform:none !important;
}
html body #warrantyPage .chip:hover{ border-color:var(--dk-accent) !important; }
html body #warrantyPage .chip.selected{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; border-color:var(--dk-accent) !important; font-weight:700 !important; }
html body #warrantyPage .btn-row{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:6px !important; padding-top:14px !important; border-top:1px solid var(--dk-border) !important; }
html body #warrantyPage :is(.btn-primary,.btn-secondary,.btn-copy-result,.btn-reset){
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important;
  height:var(--dk-h) !important; padding:0 16px !important; border-radius:var(--dk-r) !important; width:auto !important;
  font:inherit !important; font-size:var(--dk-fs) !important; font-weight:700 !important; box-shadow:none !important; transform:none !important;
}
html body #warrantyPage .btn-primary{ background:var(--dk-accent-fill) !important; color:#fff !important; border:0 !important; }
html body #warrantyPage .btn-primary:hover{ filter:brightness(1.08); }
html body #warrantyPage :is(.btn-secondary,.btn-copy-result,.btn-reset){ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border-strong) !important; }
html body #warrantyPage :is(.btn-secondary,.btn-copy-result,.btn-reset):hover{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }
html body #warrantyPage .spinner{ border-color:var(--dk-border) !important; border-top-color:var(--dk-accent) !important; }
html body #warrantyPage .loading-text{ color:var(--dk-muted) !important; }
html body #warrantyPage .result-header{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap; gap:10px !important; margin-bottom:12px !important; }
html body #warrantyPage .result-title{ display:flex !important; align-items:center !important; gap:8px !important; color:var(--dk-text) !important; font-size:15px !important; font-weight:700 !important; }
html body #warrantyPage .result-badge{ padding:2px 10px !important; border-radius:999px !important; background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; font-size:11.5px !important; font-weight:600 !important; border:0 !important; }
html body #warrantyPage .result-box{
  padding:14px 16px !important; border-radius:12px !important; white-space:pre-wrap;
  background:var(--dk-surface-2) !important; border:1px solid var(--dk-border) !important; color:var(--dk-text) !important;
  font-size:14px !important; line-height:2 !important;
}
html body #warrantyPage .wg-suggest-list{ background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important; border-radius:10px !important; box-shadow:var(--dk-shadow-pop) !important; }
html body #warrantyPage .wg-suggest-item{ color:var(--dk-text) !important; }
html body #warrantyPage .wg-suggest-item:hover{ background:var(--dk-hover) !important; }

/* ── template builder ───────────────────────────────────────────────── */
html body #builderPage .bldr-header{
  display:flex !important; align-items:center !important; flex-wrap:wrap; gap:12px !important;
  margin:0 0 16px !important; padding:12px 14px !important; border-radius:14px !important;
  background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important; box-shadow:var(--dk-shadow) !important;
}
html body #builderPage .bldr-header::before,
html body #builderPage .bldr-header::after{ content:none !important; }
html body #builderPage .bldr-header-brand{ display:flex !important; align-items:center !important; gap:8px !important; }
html body #builderPage .bldr-header-icon{
  width:32px !important; height:32px !important; border-radius:9px !important; display:grid !important; place-items:center !important;
  background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; box-shadow:none !important; font-size:0 !important;
}
html body #builderPage .bldr-header-title{ color:var(--dk-text) !important; font-size:15px !important; font-weight:700 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
html body #builderPage .bldr-header-name{ flex:1 1 260px !important; }
html body #builderPage .bldr-panel{
  border-radius:14px !important; overflow:hidden;
  background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important; box-shadow:var(--dk-shadow) !important;
}
html body #builderPage .bldr-panel::before,
html body #builderPage .bldr-panel::after{ content:none !important; }
html body #builderPage .bldr-panel-hd{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:12px 16px !important; background:none !important; border-bottom:1px solid var(--dk-border) !important;
}
html body #builderPage .bldr-panel-label{ color:var(--dk-text) !important; font-size:14px !important; font-weight:700 !important; }
html body #builderPage .bldr-badge{
  width:24px !important; height:24px !important; border-radius:50% !important; display:grid !important; place-items:center !important;
  background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; box-shadow:none !important; border:0 !important;
  font-size:12px !important; font-weight:700 !important;
}
html body #builderPage .bldr-panel-bd{ padding:14px 16px !important; background:none !important; }
html body #builderPage .bldr-panel-ft{
  display:flex !important; align-items:center !important; flex-wrap:wrap; gap:8px !important;
  padding:12px 16px !important; background:var(--dk-surface-2) !important; border-top:1px solid var(--dk-border) !important;
}
html body #builderPage .bldr-primary-actions{ display:flex !important; flex-wrap:wrap; gap:8px !important; width:100%; }
html body #builderPage .bldr-primary-actions .btn{ flex:1 1 0; }
html body #builderPage :is(.bldr-tpl-area,.bldr-out-area,textarea.code){
  background:var(--dk-surface-2) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border) !important;
  border-radius:10px !important; box-shadow:none !important; font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
html body #builderPage .bldr-images-wrap,
html body #builderPage .builder-plan-image-field{
  background:var(--dk-surface-2) !important; border:1px solid var(--dk-border) !important; border-radius:12px !important; box-shadow:none !important;
}
html body #builderPage .builder-plan-image-field{ background:var(--dk-surface-solid) !important; }
html body #builderPage :is(.builder-upload-head label,.builder-plan-image-field > label){ color:var(--dk-text) !important; font-size:13px !important; font-weight:600 !important; }
html body #builderPage .builder-upload-sub{ color:var(--dk-muted) !important; font-size:12px !important; }
html body #builderPage input[type="file"]{ color:var(--dk-muted) !important; font-size:12.5px !important; background:none !important; border:0 !important; min-height:0 !important; padding:0 !important; }
html body #builderPage .bldr-hint{ color:var(--dk-muted) !important; font-size:12.5px !important; }
html body #builderPage .bldr-out-btns{ display:flex !important; gap:8px !important; margin-inline-start:auto !important; }
html body #builderPage .btn.warn{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border-strong) !important; }

/* ── notifications archive ──────────────────────────────────────────── */
html body #notificationsArchivePage .noti-hero{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important; }
html body #notificationsArchivePage .noti-archive-page-meta{ color:var(--dk-muted) !important; font-size:13px !important; }

/* ── profile message archive (#profileNotificationsPage) ────────────── */
html body #profileNotificationsPage{
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
html body #profileNotificationsPage .profile-messages-shell{
  max-width:960px; margin:0 auto !important; padding:24px 0 !important; display:grid !important; gap:16px !important;
  background:none !important; border:0 !important; box-shadow:none !important;
}
html body #profileNotificationsPage .profile-messages-shell::before,
html body #profileNotificationsPage .profile-messages-shell::after{ content:none !important; }
html body #profileNotificationsPage .profile-messages-topbar{
  display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important;
  padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important;
}
html body #profileNotificationsPage .profile-messages-topbar .label{
  display:block !important; margin:0 !important; padding:0 !important; border:0 !important;
  color:var(--dk-text) !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; background:none !important;
}
html body #profileNotificationsPage .profile-messages-sub{ color:var(--dk-muted) !important; font-size:var(--dk-fs) !important; margin-top:2px !important; }
html body #profileNotificationsPage .btn{
  display:inline-flex !important; align-items:center !important; gap:8px !important; height:var(--dk-h) !important; padding:0 14px !important;
  border-radius:var(--dk-r) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important;
  border:1px solid var(--dk-border-strong) !important; box-shadow:none !important; font-weight:700 !important; font-size:var(--dk-fs) !important;
}
html body #profileNotificationsPage .profile-messages-meta{ display:flex !important; flex-wrap:wrap; gap:8px !important; }
html body #profileNotificationsPage .profile-messages-meta > *{
  padding:3px 12px !important; border-radius:999px !important; background:var(--dk-chip) !important; color:var(--dk-text) !important;
  border:0 !important; box-shadow:none !important; font-size:12.5px !important;
}
html body #profileNotificationsPage .profile-notifications-list{
  padding:6px 18px !important; border-radius:14px !important;
  background:var(--dk-surface-solid) !important; border:1px solid var(--dk-border) !important; box-shadow:var(--dk-shadow) !important;
}
html body #profileNotificationsPage .profile-devices-empty,
html body #profileNotificationsPage .profile-notifications-list > :only-child{ color:var(--dk-muted) !important; background:none !important; border:0 !important; }

/* ── mobile ─────────────────────────────────────────────────────────── */
@media (max-width:760px){
  html body #contentWriterPage .smart-tool-runner-grid{ grid-template-columns:1fr !important; }
  html body #smartToolsPage .smart-tools-grid{ grid-template-columns:1fr !important; }
  html body #profileNotificationsPage .profile-messages-shell{ padding:16px !important; }
}

/* legacy gradients here are `body.light-theme #smartToolsPage … .btn.x` —
   the doubled id outranks them */
html body #smartToolsPage#smartToolsPage .smart-tool-actions .btn{ box-shadow:none !important; transform:none !important; }
html body #smartToolsPage#smartToolsPage .smart-tool-actions .btn.pri{ background:var(--dk-accent-fill) !important; color:#fff !important; border:1px solid transparent !important; }
html body #smartToolsPage#smartToolsPage .smart-tool-actions .btn.pri:hover{ filter:brightness(1.08); }
html body #smartToolsPage#smartToolsPage .smart-tool-actions :is(.btn.warn,.btn.ok,.btn.danger){
  background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border:1px solid var(--dk-border-strong) !important;
}
html body #smartToolsPage#smartToolsPage .smart-tool-actions :is(.btn.warn,.btn.ok):hover{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }
html body #smartToolsPage#smartToolsPage #smartToolsBackBtn{ display:none !important; }
html body #notificationsArchivePage#notificationsArchivePage .noti-hero,
html body #profileNotificationsPage#profileNotificationsPage .profile-messages-topbar{
  background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
html body #notificationsArchivePage#notificationsArchivePage .noti-hero::before,
html body #notificationsArchivePage#notificationsArchivePage .noti-hero::after,
html body #profileNotificationsPage#profileNotificationsPage .profile-messages-topbar::before,
html body #profileNotificationsPage#profileNotificationsPage .profile-messages-topbar::after{ content:none !important; display:none !important; }
html body #notificationsArchivePage#notificationsArchivePage .noti-hero,
html body #profileNotificationsPage#profileNotificationsPage :is(.profile-messages-topbar,.profile-messages-shell){ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }

/* ── guides: icons that replaced emoji ──────────────────────────────── */
html body :is(#salesGuidePage,#managementGuidePage) .sp-guide-kbd{ display:inline-flex !important; align-items:center; justify-content:center; vertical-align:-4px; }
html body :is(#salesGuidePage,#managementGuidePage) .sp-guide-kbd .dk-ic{ width:14px; height:14px; }
html body :is(#salesGuidePage,#managementGuidePage) .sp-guide-callout-icon{ display:inline-grid !important; place-items:center; font-size:0 !important; }
html body :is(#salesGuidePage,#managementGuidePage) .sp-guide-callout-icon .dk-ic{ width:18px; height:18px; }
html body #managementGuidePage .mg-guide-warn{ display:inline-flex; vertical-align:-3px; color:var(--dk-danger); }

/* ── support chat (#supportPage .sp2-*) — portal accent, no gradients ── */
html body #supportPage#supportPage :is(.sp2-side-new,.sp2-send-btn,.sp2-source-chip.is-active,.sp2-source-chip[data-support-source="actions"].is-active){
  background:var(--dk-accent-fill) !important; background-image:none !important; color:#fff !important;
  box-shadow:none !important; transform:none !important;
}
html body #supportPage#supportPage :is(.sp2-side-new,.sp2-send-btn):hover{ filter:brightness(1.08); }
html body #supportPage#supportPage .sp2-head-icon{
  background:var(--dk-accent-soft) !important; background-image:none !important; color:var(--dk-accent) !important; box-shadow:none !important; font-size:0 !important;
}
html body #supportPage#supportPage .sp2-head-icon .dk-ic{ width:20px; height:20px; }
html body #supportPage#supportPage :is(.sp2-side-new,.sp2-source-chip){ display:inline-flex; align-items:center; gap:6px; }
html body #supportPage#supportPage .sp2-source-ic{ display:inline-grid; place-items:center; font-size:0 !important; }
html body #supportPage#supportPage :is(.sp2-source-ic,.sp2-side-new,.sp2-send-ic) .dk-ic{ width:15px; height:15px; }
html body #supportPage#supportPage .sp2-send-ic{ display:inline-grid; place-items:center; font-size:0 !important; transform:scaleX(-1); }
html body #supportPage#supportPage .sp2-prop-ic{
  background:var(--dk-warn-soft) !important; background-image:none !important; color:var(--dk-warn) !important; box-shadow:none !important; font-size:0 !important;
  display:inline-grid; place-items:center;
}
html body #supportPage#supportPage .sp2-prop-ic.is-comment{ background:var(--dk-info-soft) !important; color:var(--dk-info) !important; }
html body #supportPage#supportPage .sp2-prop-done-ic{ display:inline-grid; place-items:center; font-size:0 !important; color:var(--dk-ok) !important; }
html body #supportPage#supportPage .support-empty-chat-icon{ display:grid; place-items:center; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-size:0 !important; }
html body #supportPage#supportPage .support-empty-chat-icon .dk-ic{ width:26px; height:26px; }
html body #supportPage#supportPage .sp2-messages .support-message-assistant .support-message-role{ color:var(--dk-accent) !important; }
html body #supportPage#supportPage .sp2-mention-item.is-active{ background:var(--dk-accent-soft) !important; }
html body #supportPage#supportPage .sp2-head{ background:var(--dk-surface-solid) !important; background-image:none !important; }
html body #supportPage#supportPage .support-stat-chip{
  background:var(--dk-chip) !important; background-image:none !important; color:var(--dk-muted) !important;
  border:0 !important; box-shadow:none !important;
}
html body #supportPage#supportPage .support-stat-chip strong{ color:var(--dk-text) !important; -webkit-text-fill-color:currentColor !important; background:none !important; }