/* Workspace app — white, low-contrast, right sidebar */

body.ir-ws-app,
body.ir-ws-app .irodai-container {
  background: #fff;
  color: #333;
}
body.ir-ws-app .irodai-container {
  max-width: none;
  padding: 0;
}

.ws-app {
  display: flex;
  min-height: 100vh;
  background: #fff;
}
.ws-side {
  width: 228px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--ir-navy, #203236);
  border-left: 0;
  color: #f3ece3;
}
.ws-side__brand {
  display: block;
  padding: 20px 18px 8px;
  font-size: 18px;
  font-weight: 800;
  color: #f8f1e9;
  text-decoration: none;
}
.ws-side__biz {
  margin: 0 18px 16px;
  font-size: 12px;
  color: #c8b8a4;
}
.ws-side__nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 10px;
}
.ws-side__nav a {
  display: block;
  padding: 10px 12px;
  color: #e8ddd0;
  text-decoration: none;
  font-size: 14px;
  background: transparent;
  border: 0;
}
.ws-side__nav a:hover {
  background: #2c4448;
  color: #fff;
}
.ws-side__nav a.is-on {
  background: #d2a653;
  color: #203236;
}
.ws-side__foot {
  margin-top: auto;
  padding: 16px 18px 20px;
  display: flex;
  gap: 16px;
}
.ws-side__foot a {
  font-size: 13px;
  color: #c8b8a4;
  text-decoration: none;
}
.ws-side__foot a:hover { color: #f8f1e9; }
.ws-side__group { margin: 4px 0 8px; }
.ws-side__parent { font-weight: 700; }
.ws-side__sub { display: flex; flex-direction: column; gap: 2px; padding: 2px 0 4px 0; margin-right: 10px; border-right: 1px solid rgba(248,241,233,.12); }
.ws-side__sub a { font-size: 13px; padding: 7px 12px; color: #c8b8a4; }
.ws-side__sub a.is-on { background: #d2a653; color: #203236; }

.ws-main {
  flex: 1;
  min-width: 0;
  background: #fff;
}
.ws-top {
  padding: 20px 28px 16px;
  border-bottom: 1px solid #efefef;
}
.ws-top h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.ws-top p {
  margin: 6px 0 0;
  font-size: 13px;
  color: #777;
}
.ws-body {
  padding: 22px 28px 40px;
  max-width: 980px;
}

body.ir-ws-app .sf-panel,
body.ir-ws-app .sf-shop-item,
body.ir-ws-app .sf-ws-note {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: none;
  color: #333;
}
body.ir-ws-app .sf-panel__title,
body.ir-ws-app .sf-shop-item__head strong {
  color: #222;
  font-weight: 600;
}
body.ir-ws-app .sf-panel__desc,
body.ir-ws-app .sf-panel__note {
  color: #666;
}
body.ir-ws-app .sf-contact-form input,
body.ir-ws-app .sf-contact-form textarea,
body.ir-ws-app .sf-contact-form select,
body.ir-ws-app .sf-shop-var input,
body.ir-ws-app .sf-demo-form input {
  background: #fff;
  border: 1px solid #ddd;
  color: #222;
}
body.ir-ws-app .ir-btn--gold,
body.ir-ws-app .ir-btn--secondary {
  background: #3a3a3a;
  color: #fff;
  border-color: #3a3a3a;
}
body.ir-ws-app .ir-btn--secondary {
  background: #f2f2f2;
  color: #222;
  border-color: #ddd;
}
body.ir-ws-app .sf-shop-item__remove,
body.ir-ws-app .sf-shop-add {
  background: #fff;
  border: 1px solid #ddd;
  color: #555;
}
body.ir-ws-app .sf-shop-item__preview,
body.ir-ws-app .sf-shop-thumb {
  background: #fafafa;
  border-color: #e8e8e8;
}
body.ir-ws-app .sf-demo-log {
  background: #fafafa;
  border: 1px solid #eee;
}
body.ir-ws-app .sf-demo-bubble.is-bot { background: #f3f3f3; color: #333; }
body.ir-ws-app .sf-demo-bubble.is-me { background: #ececec; color: #222; }
body.ir-ws-app .sf-ws-note.is-ok { color: #2f6f4e; background: #f4faf6; }
body.ir-ws-app .sf-ws-note.is-err { color: #8a2b2b; background: #faf4f4; }

.sf-header__actions .ir-btn--sm { display: inline-flex; }

/* Bootstrap-like forms */
.ws-form { display: grid; gap: 16px; }
.ws-card {
  background: #fff;
  border: 1px solid #dee2e6;
  margin-bottom: 16px;
}
.ws-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  color: #212529;
  font-size: 15px;
}
.ws-card__head .sf-shop-item__preview {
  width: 48px; height: 48px; border: 1px solid #dee2e6; background: #fff;
  display: grid; place-items: center; overflow: hidden; font-size: 10px; color: #6c757d;
}
.ws-card__head .sf-shop-item__preview img { width: 100%; height: 100%; object-fit: cover; }
.ws-card__body { padding: 16px; }
.ws-card__foot {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start;
  padding: 12px 16px; border-top: 1px solid #dee2e6; background: #fff;
}
.ws-fieldset {
  margin: 0 0 16px;
  padding: 12px 14px 4px;
  border: 1px solid #e9ecef;
  background: #fff;
}
.ws-fieldset:last-child { margin-bottom: 0; }
.ws-fieldset legend {
  padding: 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #495057;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ws-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.ws-col { min-width: 0; }
.ws-col--12 { grid-column: 1 / -1; }
.ws-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #212529;
}
.ws-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
textarea.ws-control { height: auto; min-height: 88px; resize: vertical; }
.ws-control:focus {
  outline: 0;
  border-color: #86b7fe;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, .15);
}
.ws-control[readonly] { background: #e9ecef; color: #495057; }
.ws-help { margin-top: 4px; font-size: 12px; color: #6c757d; }
.ws-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 38px; padding: 6px 14px;
  font: inherit; font-size: 14px; font-weight: 600;
  border: 1px solid transparent; cursor: pointer; border-radius: 4px;
}
.ws-btn--primary { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.ws-btn--primary:hover { background: #0b5ed7; }
.ws-btn--outline { background: #fff; color: #495057; border-color: #ced4da; }
.ws-btn--sm { min-height: 28px; padding: 2px 8px; font-size: 12px; background: #fff; color: #495057; border-color: #ced4da; }
.ws-input-group { display: flex; gap: 0; }
.ws-input-group .ws-control { border-radius: 0 4px 4px 0; }
.ws-input-group .ws-btn { border-radius: 4px 0 0 4px; }
.ws-chat-row { padding: 10px 0; border-bottom: 1px solid #f1f3f5; }
.ws-chat-row:last-child { border-bottom: 0; }
.ws-inbox-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.ws-inbox-filter a {
  display: inline-flex; align-items: center;
  min-height: 28px; padding: 2px 10px;
  border: 1px solid #ced4da; border-radius: 4px;
  color: #495057; text-decoration: none; font-size: 13px;
}
.ws-inbox-filter a.is-on { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.ws-inbox-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; }
.ws-chip {
  display: inline-flex; align-items: center;
  min-height: 22px; padding: 0 8px;
  border: 1px solid #dee2e6; border-radius: 4px;
  background: #f8f9fa; color: #495057; font-size: 12px;
}
.ws-chip--esc { background: #fff3cd; border-color: #ffecb5; color: #664d03; }
.ws-mention { margin-top: 10px; }
.ws-kind-grid, .ws-product-grid {
  display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.ws-kind {
  display: grid; gap: 4px;
  padding: 12px 14px;
  border: 1px solid #dee2e6; background: #fff; cursor: pointer;
}
.ws-kind input { margin-inline-end: 6px; }
.ws-kind.is-on, .ws-kind:has(input:checked) { border-color: #0d6efd; box-shadow: 0 0 0 3px rgba(13,110,253,.12); }
.ws-kind span { font-size: 12px; color: #6c757d; }
.ws-more { margin-top: 12px; border: 1px solid #e9ecef; padding: 8px 12px; }
.ws-more summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #495057; }
.ws-more .ws-fieldset { margin-top: 12px; }
body.ir-ws-app .sf-ws-note,
.sf-ws-note {
  padding: 10px 14px;
  border: 1px solid #c3e6cb;
  background: #d1e7dd;
  color: #0f5132;
  border-radius: 4px;
  margin-bottom: 16px;
}
.sf-ws-note.is-err { background: #f8d7da; border-color: #f5c2c7; color: #842029; }

@media (max-width: 640px) {
  .ws-row { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .ws-app { flex-direction: column; }
  .ws-side {
    width: 100%;
    border-left: 0;
    border-bottom: 0;
  }
  .ws-side__nav {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .ws-side__nav a { white-space: nowrap; }
  .ws-side__foot { margin-top: 0; }
  .ws-body { padding: 16px; }
}

/* ---- v5: product switcher, glance card, onboarding, outbox ---- */
.ws-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.ws-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ws-switch form { margin: 0; }
.ws-switch__chip, .ws-switch__add {
  display: inline-flex; align-items: center; min-height: 30px; padding: 2px 12px;
  border: 1px solid #ced4da; border-radius: 999px; background: #fff;
  color: #495057; font: inherit; font-size: 13px; text-decoration: none; cursor: pointer;
}
.ws-switch__chip.is-on { background: #203236; border-color: #203236; color: #fff; cursor: default; }
.ws-switch__add { border-style: dashed; }
.ws-switch__chip:focus-visible, .ws-switch__add:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; }
.ws-glance {
  display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin-bottom: 16px; padding: 14px 16px; border: 1px solid #e3e6ea; background: #fafbfc;
}
.ws-glance > div { display: grid; gap: 2px; align-content: start; }
.ws-glance strong { font-size: 15px; color: #222; }
.ws-glance a.ws-help { color: #0b5ed7; text-decoration: none; }
.ws-onboard-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
.ws-onboard .sf-demo-bubble { max-width: 100%; margin: 0 0 8px; }
.ws-onboard textarea { margin-bottom: 12px; }
.ws-test-log { max-height: 340px; }
.ws-group-title { margin: 20px 0 10px; font-size: 15px; font-weight: 700; color: #333; }
.ws-card.is-active { border-color: #203236; }
.ws-out { padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.ws-out:last-child { border-bottom: 0; }
.ws-out__title { display: block; font-size: 14px; color: #222; }
.ws-out__body { margin-top: 6px; font-size: 13px; background: #fafbfc; }
.ws-out__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ws-out__actions form { margin: 0; }
.ws-stat { margin: 2px 0 0; font-size: 18px; font-weight: 700; color: #222; }
fieldset.ws-card { padding: 0; min-width: 0; }
fieldset.ws-card > legend.ws-card__head { float: left; width: 100%; }
fieldset.ws-card > legend.ws-card__head + * { clear: both; }
.ws-mention .ws-input-group { margin-top: 8px; }
.ws-subnav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.ws-subnav a {
  display: inline-flex; align-items: center; min-height: 34px; padding: 4px 12px;
  border: 1px solid #ced4da; border-radius: 8px; background: #fff;
  color: #333; font-size: 13px; text-decoration: none;
}
.ws-subnav a.is-on { background: #203236; border-color: #203236; color: #fff; }
.ws-chip--off { background: #f1f3f5; color: #868e96; }
.ws-card, .ws-control, .ws-btn { border-radius: 8px; }

.ws-main { display: flex; flex-direction: column; min-width: 0; }
.ws-head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 64px; padding: 10px 24px;
  background: #fff; border-bottom: 1px solid #e7e7e7;
  position: sticky; top: 0; z-index: 5;
}
.ws-head__start { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ws-head__crumb { margin: 0; font-size: 11px; color: #888; }
.ws-head__title { margin: 0; font-size: 18px; font-weight: 700; color: #1f1f1f; }
.ws-head__end { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.ws-head__pill {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px;
  border: 1px solid #d2a653; background: #fff8e8; color: #6b5018; font-size: 12px; font-weight: 700;
  border-radius: 8px;
}
.ws-head__meta { font-size: 12px; color: #666; }
.ws-head__menu {
  display: none; min-height: 34px; padding: 0 10px;
  border: 1.5px solid #203236; background: #fff; color: #203236; font: inherit; font-size: 13px; font-weight: 700;
  border-radius: 8px; cursor: pointer;
}
.ws-user { position: relative; text-align: left; }
.ws-user__name { display: block; font-size: 13px; font-weight: 700; color: #203236; }
.ws-user__sub { display: block; font-size: 11px; color: #888; }
.ws-user__menu { display: flex; gap: 10px; justify-content: flex-end; margin-top: 2px; }
.ws-user__menu a { font-size: 12px; color: #4b573c; text-decoration: none; }
.ws-user__menu a:hover { color: #203236; }
.ws-prodbar {
  display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 18px;
}
.ws-prodbar a {
  display: inline-flex; align-items: center; min-height: 34px; padding: 4px 12px;
  border: 1px solid #ced4da; border-radius: 8px; background: #fff;
  color: #333; font-size: 13px; text-decoration: none;
}
.ws-prodbar a.is-on { background: #203236; border-color: #203236; color: #fff; }
.ws-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ws-table th, .ws-table td { padding: 10px 14px; border-bottom: 1px solid #eee; text-align: right; }
.ws-table th { background: #f8f9fa; font-weight: 700; color: #333; }
.ws-table td:last-child { text-align: left; }
a.ws-card { text-decoration: none; color: inherit; }

@media (max-width: 860px) {
  .ws-head__menu { display: inline-flex; }
  .ws-head__meta { display: none; }
  .ws-app.is-nav-open .ws-side { display: flex; }
  .ws-app:not(.is-nav-open) .ws-side { display: none; }
}

/* Panel palette — same as the public theme: black, green, red. */
body.ir-ws-app,
body.ir-ws-app .irodai-container,
body.ir-ws-app .ws-app {
  background: #F8FAFC;
  color: #0F172A;
}
body.ir-ws-app .ws-side {
  background: #233330;
  color: #F5F5F5;
}
body.ir-ws-app .ws-side__brand { color: #FFFFFF; }
body.ir-ws-app .ws-side__biz,
body.ir-ws-app .ws-side__foot a,
body.ir-ws-app .ws-side__sub a { color: #A3A3A3; }
body.ir-ws-app .ws-side__nav a { color: #E5E5E5; }
body.ir-ws-app .ws-side__nav a:hover { background: #1E4630; color: #FFFFFF; }
body.ir-ws-app .ws-side__nav a.is-on,
body.ir-ws-app .ws-side__sub a.is-on {
  background: #1E4630;
  color: #FFFFFF;
}
body.ir-ws-app .ws-side__sub { border-right-color: rgba(255, 255, 255, .14); }
body.ir-ws-app .ws-side__foot a:hover { color: #FFFFFF; }
body.ir-ws-app .ws-main { background: #F8FAFC; }
body.ir-ws-app .ws-top,
body.ir-ws-app .ws-head {
  background: #FFFFFF;
  border-bottom-color: #E2E8F0;
}
body.ir-ws-app .ws-top h1,
body.ir-ws-app .ws-head__title,
body.ir-ws-app .ws-user__name { color: #0F172A; }
body.ir-ws-app .ws-top p,
body.ir-ws-app .ws-head__crumb,
body.ir-ws-app .ws-head__meta,
body.ir-ws-app .ws-user__sub { color: #64748B; }
body.ir-ws-app .ws-head__pill {
  border-color: #E4C4B8;
  background: #F8EBE7;
  color: #8E4030;
}
body.ir-ws-app .ws-head__menu {
  border-color: #2A5C3D;
  color: #2A5C3D;
}
body.ir-ws-app .ws-user__menu a { color: #2A5C3D; }
body.ir-ws-app .ws-user__menu a:hover { color: #2A5C3D; }
body.ir-ws-app .sf-panel,
body.ir-ws-app .sf-shop-item,
body.ir-ws-app .ws-card,
body.ir-ws-app .ws-glance,
body.ir-ws-app .ws-fieldset {
  background: #FFFFFF;
  border-color: #E2E8F0;
  color: #0F172A;
}
body.ir-ws-app .ws-card__head,
body.ir-ws-app .ws-table th {
  background: #F8FAFC;
  border-color: #E2E8F0;
  color: #0F172A;
}
body.ir-ws-app .ws-card__foot,
body.ir-ws-app .ws-table th,
body.ir-ws-app .ws-table td { border-color: #E2E8F0; }
body.ir-ws-app .ws-label,
body.ir-ws-app .ws-glance strong,
body.ir-ws-app .ws-out__title,
body.ir-ws-app .ws-stat { color: #0F172A; }
body.ir-ws-app .ws-help,
body.ir-ws-app .ws-fieldset legend,
body.ir-ws-app .sf-panel__desc,
body.ir-ws-app .sf-panel__note { color: #64748B; }
body.ir-ws-app .ws-control,
body.ir-ws-app .sf-contact-form input,
body.ir-ws-app .sf-contact-form textarea,
body.ir-ws-app .sf-contact-form select,
body.ir-ws-app .sf-shop-var input,
body.ir-ws-app .sf-demo-form input {
  background: #FFFFFF;
  border-color: #E2E8F0;
  color: #0F172A;
}
body.ir-ws-app .ws-control:focus,
body.ir-ws-app .sf-contact-form input:focus,
body.ir-ws-app .sf-contact-form textarea:focus,
body.ir-ws-app .sf-demo-form input:focus {
  border-color: #2A5C3D;
  box-shadow: 0 0 0 3px rgba(42, 92, 61, .18);
}
body.ir-ws-app .ir-btn--gold,
body.ir-ws-app .ws-btn--primary {
  background: #2A5C3D;
  color: #FFFFFF;
  border-color: #2A5C3D;
}
body.ir-ws-app .ir-btn--gold:hover,
body.ir-ws-app .ws-btn--primary:hover { background: #1E4630; border-color: #1E4630; }
body.ir-ws-app .ir-btn--secondary,
body.ir-ws-app .ws-btn--outline,
body.ir-ws-app .ws-btn--sm {
  background: #FFFFFF;
  color: #0F172A;
  border-color: #E2E8F0;
}
body.ir-ws-app .ws-inbox-filter a,
body.ir-ws-app .ws-switch__chip,
body.ir-ws-app .ws-switch__add,
body.ir-ws-app .ws-subnav a,
body.ir-ws-app .ws-prodbar a,
body.ir-ws-app .ws-kind,
body.ir-ws-app .ws-source {
  background: #FFFFFF;
  border-color: #E2E8F0;
  color: #334155;
}
body.ir-ws-app .ws-inbox-filter a.is-on,
body.ir-ws-app .ws-switch__chip.is-on,
body.ir-ws-app .ws-subnav a.is-on,
body.ir-ws-app .ws-prodbar a.is-on {
  background: #2A5C3D;
  border-color: #2A5C3D;
  color: #FFFFFF;
}
body.ir-ws-app .ws-kind.is-on,
body.ir-ws-app .ws-kind:has(input:checked),
body.ir-ws-app .ws-source.is-on,
body.ir-ws-app .ws-source:has(input:checked),
body.ir-ws-app .ws-card.is-active {
  border-color: #2A5C3D;
  box-shadow: 0 0 0 3px rgba(42, 92, 61, .16);
}
body.ir-ws-app .ws-chip {
  background: #F5F5F5;
  border-color: #E5E5E5;
  color: #334155;
}
body.ir-ws-app .ws-chip--esc {
  background: #F8EBE7;
  border-color: #E4C4B8;
  color: #8E4030;
}
body.ir-ws-app .sf-ws-note,
body.ir-ws-app .sf-ws-note.is-ok {
  background: #E7EFEA;
  border-color: #C5D9CC;
  color: #1E4630;
}
body.ir-ws-app .sf-ws-note.is-err {
  background: #F8EBE7;
  border-color: #E4C4B8;
  color: #8E4030;
}
body.ir-ws-app .sf-demo-bubble.is-bot { background: #F5F5F5; color: #0F172A; }
body.ir-ws-app .sf-demo-bubble.is-me { background: #2A5C3D; color: #FFFFFF; }
body.ir-ws-app .ws-glance a.ws-help { color: #2A5C3D; }
body.ir-ws-app .ws-card,
body.ir-ws-app .ws-control,
body.ir-ws-app .ws-btn { border-radius: 12px; }

/* Panel shell — layout of panel.html, colors #2A5C3D and #B25540. */
html:has(body.ir-ws-app) { font-size: 87.5%; }
body.ir-ws-app {
  --ws-green: #233330;
  --ws-green-dark: #1A2724;
  --ws-green-soft: #E7EFEA;
  --ws-orange: #B25540;
  --ws-orange-dark: #8E4030;
  --ws-orange-soft: #F8EBE7;
  --ws-text: #0F172A;
  --ws-muted: #64748B;
  --ws-border: #E2E8F0;
  --ws-bg: #FFFFFF;
  --ws-alt: #F8FAFC;
  font-family: Vazirmatn, Tahoma, sans-serif;
  line-height: 1.8;
  background: var(--ws-alt);
  color: var(--ws-text);
}
body.ir-ws-app .ws-app {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
  background: var(--ws-alt);
}
body.ir-ws-app .ws-side {
  box-sizing: border-box;
  width: auto;
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px 16px;
  gap: 6px;
  background: var(--ws-green);
  color: #fff;
  overflow: hidden;
}
body.ir-ws-app .ws-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 4px 12px;
  padding: 16px 12px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-align: center;
  text-decoration: none;
}
body.ir-ws-app .ws-brand__logo {
  display: block;
  height: 42px;
  width: auto;
  max-width: 168px;
  margin: 0 auto;
}
body.ir-ws-app .ws-brand small {
  display: block;
  color: #D1D5DB;
  font-size: .72rem;
  font-weight: 500;
  line-height: 1.5;
}
body.ir-ws-app .ws-nav-label {
  display: block;
  font-size: .72rem;
  color: #C5D4CB;
  padding: 14px 12px 6px;
}
body.ir-ws-app .ws-nav-block { margin: 8px 0 4px; }
body.ir-ws-app .ws-nav-group {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #8FA399;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  text-align: right;
  cursor: pointer;
}
body.ir-ws-app .ws-nav-group:hover { background: rgba(255, 255, 255, .06); color: #E8F0EB; }
body.ir-ws-app .ws-nav-group .ws-nav-item__ic { opacity: .65; font-size: .8rem; }
body.ir-ws-app .ws-nav-group__label { flex: 1; }
body.ir-ws-app .ws-nav-group__chev {
  width: 6px;
  height: 6px;
  border-left: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
  transition: transform .15s ease;
  opacity: .7;
}
body.ir-ws-app .ws-nav-block.is-open .ws-nav-group__chev { transform: rotate(45deg); }
body.ir-ws-app .ws-nav-block:not(.is-open) .ws-side__sub { display: none; }
body.ir-ws-app .ws-nav-block.is-current .ws-nav-group { color: #E8F0EB; }
body.ir-ws-app .ws-side__nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0;
  overflow: auto;
  flex: 1;
  min-height: 0;
}
body.ir-ws-app .ws-side__nav .ws-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #E8F0EB;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  white-space: normal;
}
body.ir-ws-app .ws-nav-item__ic {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  display: grid;
  place-items: center;
  font-size: .95rem;
  flex: none;
}
body.ir-ws-app .ws-side__nav .ws-nav-item:hover {
  background: rgba(255, 255, 255, .08);
  color: #fff;
}
body.ir-ws-app .ws-side__nav .ws-nav-item.is-on,
body.ir-ws-app .ws-side__sub .ws-nav-item.is-on {
  background: var(--ws-orange);
  color: #fff;
  box-shadow: none;
}
body.ir-ws-app .ws-side__nav .ws-nav-item.is-on .ws-nav-item__ic { background: none; }
/* A section parent (e.g. "داده‌های شما") that's expanded gets only a light tint, never the strong
   orange fill — that fill is reserved for the one active row (the sub-item below it), so opening a
   section never looks like two separate menu items are both selected. */
body.ir-ws-app .ws-side__nav .ws-nav-item.is-open {
  background: rgba(255, 255, 255, .06);
  color: #fff;
}
body.ir-ws-app .ws-side__nav .ws-nav-item--sub {
  font-size: .84rem;
  font-weight: 500;
  padding: 8px 10px;
}
body.ir-ws-app .ws-side__sub {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 14px 0 0;
  padding: 0 10px 0 0;
  border: 0;
  border-right: 2px solid rgba(255, 255, 255, .14);
}
body.ir-ws-app .ws-side__foot {
  margin-top: auto;
  padding: 14px 0 0;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, .12);
}
body.ir-ws-app .ws-upgrade {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(178, 85, 64, .22));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}
body.ir-ws-app .ws-upgrade b { font-size: .92rem; }
body.ir-ws-app .ws-upgrade p { margin: 4px 0 10px; font-size: .8rem; color: #E8F0EB; }
body.ir-ws-app .ws-upgrade a {
  display: block;
  width: 100%;
  background: var(--ws-orange);
  color: #fff;
  padding: 8px;
  border-radius: 8px;
  font-weight: 700;
  font-size: .82rem;
  text-decoration: none;
}
body.ir-ws-app .ws-upgrade a:hover { background: var(--ws-orange-dark); }
body.ir-ws-app .ws-side__links {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding-top: 12px;
}
body.ir-ws-app .ws-side__links a {
  font-size: .78rem;
  color: #D1D5DB;
  text-decoration: none;
}
body.ir-ws-app .ws-side__links a:hover { color: #fff; }
body.ir-ws-app .ws-main { background: var(--ws-alt); min-width: 0; }
body.ir-ws-app .ws-head {
  position: sticky;
  top: 0;
  z-index: 5;
  min-height: 0;
  justify-content: flex-start;
  gap: 16px;
  padding: 14px 26px;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ws-border);
}
body.ir-ws-app .ws-head__titles { min-width: 0; }
body.ir-ws-app .ws-head__title { font-size: 1.15rem; font-weight: 800; color: var(--ws-text); }
body.ir-ws-app .ws-head__sub { font-size: .8rem; color: var(--ws-muted); }
body.ir-ws-app .ws-search {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--ws-alt);
  border: 1px solid var(--ws-border);
  border-radius: 10px;
  padding: 8px 14px;
  width: 260px;
  color: var(--ws-muted);
  font-size: .85rem;
}
body.ir-ws-app .ws-icon-btn {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--ws-border);
  background: #fff;
  display: grid;
  place-items: center;
  position: relative;
  font-size: 1rem;
  flex: none;
}
body.ir-ws-app .ws-icon-btn__ping {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ws-orange);
}
body.ir-ws-app .ws-user {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: right;
  flex: none;
}
body.ir-ws-app .ws-user__av {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--ws-green), var(--ws-orange));
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: .85rem;
}
body.ir-ws-app .ws-user__name { font-size: .85rem; font-weight: 800; color: var(--ws-text); }
body.ir-ws-app .ws-user__sub { font-size: .72rem; color: var(--ws-muted); }
body.ir-ws-app .ws-head__menu { display: none; }
body.ir-ws-app .ws-body {
  max-width: none;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body.ir-ws-app .ws-card,
body.ir-ws-app .sf-panel,
body.ir-ws-app .sf-shop-item {
  margin-bottom: 0;
  border-radius: 16px;
  border: 1px solid var(--ws-border);
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}
body.ir-ws-app .ws-card__head {
  padding: 18px 20px;
  background: #fff;
  border-bottom: 1px solid var(--ws-border);
  font-size: 1rem;
  font-weight: 800;
  color: var(--ws-text);
}
body.ir-ws-app .ws-card__body { padding: 16px 20px; }
body.ir-ws-app .ws-card__foot { border-top-color: var(--ws-border); }
body.ir-ws-app .ws-table { font-size: .85rem; }
body.ir-ws-app .ws-table th {
  text-align: right;
  color: var(--ws-muted);
  font-weight: 700;
  font-size: .76rem;
  padding: 12px 20px;
  background: var(--ws-alt);
}
body.ir-ws-app .ws-table td { padding: 14px 20px; text-align: right; }
body.ir-ws-app .ws-table tbody tr:hover { background: var(--ws-alt); }
body.ir-ws-app .ws-btn { border-radius: 10px; font-weight: 700; }
body.ir-ws-app .ws-subnav a.is-on,
body.ir-ws-app .ws-prodbar a.is-on,
body.ir-ws-app .ws-inbox-filter a.is-on {
  background: var(--ws-green);
  border-color: var(--ws-green);
}
body.admin-bar.ir-ws-app .ws-side,
body.admin-bar.ir-ws-app .ws-head { top: 32px; }
body.admin-bar.ir-ws-app .ws-side { height: calc(100vh - 32px); }
@media (max-width: 860px) {
  body.ir-ws-app .ws-app { grid-template-columns: 1fr; }
  body.ir-ws-app .ws-head__menu { display: inline-flex; }
  body.ir-ws-app .ws-search,
  body.ir-ws-app .ws-icon-btn,
  body.ir-ws-app .ws-user__sub { display: none; }
  body.ir-ws-app .ws-side {
    position: fixed;
    z-index: 40;
    top: 0;
    right: 0;
    width: 260px;
    height: 100vh;
  }
  body.ir-ws-app .ws-side__nav { flex-direction: column; }
  body.admin-bar.ir-ws-app .ws-side { top: 46px; height: calc(100vh - 46px); }
  body.admin-bar.ir-ws-app .ws-head { top: 46px; }
}
body.ir-ws-app .ws-side,
body.ir-ws-app .ws-side *,
body.ir-ws-app .ws-nav-item,
body.ir-ws-app .ws-nav-item__ic,
body.ir-ws-app .ws-icon-btn,
body.ir-ws-app .ws-user__av,
body.ir-ws-app .ws-card,
body.ir-ws-app .sf-panel,
body.ir-ws-app .ws-kind.is-on,
body.ir-ws-app .ws-card.is-active,
body.ir-ws-app .ws-control:focus {
  box-shadow: none;
}

body.ir-ws-app .ws-app[data-ws-tint="agents"] .ws-head { border-bottom: 3px solid #2A5C3D; }
body.ir-ws-app .ws-app[data-ws-tint="bots"] .ws-head { border-bottom: 3px solid #B25540; }
body.ir-ws-app .ws-app[data-ws-tint="kits"] .ws-head { border-bottom: 3px solid #1e4a6e; }
body.ir-ws-app .ws-app[data-ws-tint="data"] .ws-head { border-bottom: 3px solid #3d6b58; }
body.ir-ws-app .ws-app[data-ws-tint="orders"] .ws-head { border-bottom: 3px solid #c48a2a; }
body.ir-ws-app .ws-app[data-ws-tint="smart"] .ws-head { border-bottom: 3px solid #5a4d7a; }

body.ir-ws-app .ws-app[data-ws-tint="agents"] .ws-card__head { background: #e7f1ea; color: #2A5C3D; }
body.ir-ws-app .ws-app[data-ws-tint="bots"] .ws-card__head { background: #f8ebe8; color: #B25540; }
body.ir-ws-app .ws-app[data-ws-tint="kits"] .ws-card__head { background: #e8eef5; color: #1e4a6e; }
body.ir-ws-app .ws-app[data-ws-tint="data"] .ws-card__head { background: #e8f3ee; color: #2A5C3D; }
body.ir-ws-app .ws-app[data-ws-tint="orders"] .ws-card__head { background: #f7f0e4; color: #8a5a12; }
body.ir-ws-app .ws-app[data-ws-tint="smart"] .ws-card__head { background: #eeeaf6; color: #5a4d7a; }

body.ir-ws-app .ws-app[data-ws-tint="agents"] .ws-fieldset { border-color: #c5d9cc; background: #f7fbf8; }
body.ir-ws-app .ws-app[data-ws-tint="bots"] .ws-fieldset { border-color: #e8cfc8; background: #fff8f6; }
body.ir-ws-app .ws-app[data-ws-tint="kits"] .ws-fieldset { border-color: #c9d4e2; background: #f6f8fb; }
body.ir-ws-app .ws-app[data-ws-tint="data"] .ws-fieldset { border-color: #c5d9cc; background: #f7fbf8; }
body.ir-ws-app .ws-app[data-ws-tint="orders"] .ws-fieldset { border-color: #e6d4b0; background: #fffaf2; }

body.ir-ws-app .ws-flow { display: grid; gap: 12px; }
body.ir-ws-app .ws-flow__lead { margin: 0; font-size: .92rem; color: var(--ws-text); }
body.ir-ws-app .ws-flow__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.ir-ws-app .ws-flow__step a {
  display: block;
  padding: 8px 12px;
  border: 1px solid var(--ws-border);
  border-radius: 10px;
  text-decoration: none;
  color: var(--ws-muted);
  background: #fff;
  font-size: .8rem;
}
body.ir-ws-app .ws-flow__step.is-now a {
  color: #fff;
  background: #2A5C3D;
  border-color: #2A5C3D;
}
body.ir-ws-app .ws-app[data-ws-tint="bots"] .ws-flow__step.is-now a { background: #B25540; border-color: #B25540; }
body.ir-ws-app .ws-app[data-ws-tint="kits"] .ws-flow__step.is-now a { background: #1e4a6e; border-color: #1e4a6e; }
body.ir-ws-app .ws-flow__step.is-done a { color: #2A5C3D; background: #e7f1ea; border-color: #c5d9cc; }

body.ir-ws-app .ws-pillbar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
body.ir-ws-app .ws-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--ws-border);
  background: #fff;
  color: inherit;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
body.ir-ws-app .ws-pill.is-on { background: #2A5C3D; border-color: #2A5C3D; color: #fff; }
body.ir-ws-app .ws-app[data-ws-tint="bots"] .ws-pill.is-on { background: #B25540; border-color: #B25540; }
body.ir-ws-app .ws-app[data-ws-tint="kits"] .ws-pill.is-on { background: #1e4a6e; border-color: #1e4a6e; }

body.ir-ws-app .ws-deliverable__grid { display: grid; gap: 12px; }
body.ir-ws-app .ws-deliverable__card {
  border: 1px solid var(--ws-border);
  border-radius: 12px;
  background: #fff;
  padding: 14px;
  display: grid;
  gap: 6px;
  align-content: start;
}
body.ir-ws-app .ws-deliverable__name { margin: 0; font-size: .96rem; }
body.ir-ws-app .ws-deliverable__card .sf-demo-bubble.is-sample { opacity: .95; }
@media (min-width: 800px) {
  body.ir-ws-app .ws-deliverable__grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
}

body.ir-ws-app .ws-getting-started__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.ir-ws-app .ws-getting-started__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--ws-border);
  border-radius: 10px;
  background: #fff;
}
body.ir-ws-app .ws-getting-started__list li.is-done { opacity: .6; }
body.ir-ws-app .ws-getting-started__mark {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  font-weight: 800;
  background: #e7f1ea;
  color: #2A5C3D;
}
body.ir-ws-app .ws-getting-started__list li.is-done .ws-getting-started__mark { background: #2A5C3D; color: #fff; }
body.ir-ws-app .ws-getting-started__text { flex: 1 1 auto; display: grid; gap: 2px; }
body.ir-ws-app .ws-getting-started__text b { font-size: .88rem; }
body.ir-ws-app .ws-getting-started__text small { color: var(--ws-muted); font-size: .78rem; }
@media (max-width: 640px) {
  body.ir-ws-app .ws-getting-started__list li { flex-wrap: wrap; }
}

body.ir-ws-app .ws-surface { display: grid; gap: 6px; padding: 14px 16px; border: 1px solid var(--ws-border); border-radius: 12px; background: #f7f7f5; }
body.ir-ws-app .ws-surface__kicker { font-size: .72rem; font-weight: 800; color: #2A5C3D; }
body.ir-ws-app .ws-surface p { margin: 0; font-size: .86rem; line-height: 1.7; }
body.ir-ws-app .ws-surface--report { background: #eef5f0; border-color: #c5d9cc; }
body.ir-ws-app .ws-surface--draft { background: #eef3f8; border-color: #c9d4e2; }
body.ir-ws-app .ws-surface--job,
body.ir-ws-app .ws-surface--schedule { background: #f8eeeb; border-color: #e8cfc8; }
body.ir-ws-app .ws-surface-grid { display: grid; gap: 12px; }
@media (min-width: 800px) {
  body.ir-ws-app .ws-surface-grid { grid-template-columns: 1fr 1fr; }
}
body.ir-ws-app .ws-surface__name { margin: 0 0 6px; font-size: .85rem; }

body.ir-ws-app .ws-page { display: grid; gap: 16px; }
body.ir-ws-app .ws-page__lead {
  margin: 0;
  font-size: .95rem;
  line-height: 1.8;
  color: var(--ws-text);
}
body.ir-ws-app .ws-type-jump {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  body.ir-ws-app .ws-type-jump { grid-template-columns: 1fr 1fr 1fr; }
}
body.ir-ws-app .ws-type-jump__card {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid var(--ws-border);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  background: #fff;
}
body.ir-ws-app .ws-type-jump__card strong { font-size: 1rem; }
body.ir-ws-app .ws-type-jump__card span { font-size: .82rem; color: var(--ws-muted); line-height: 1.7; }
body.ir-ws-app .ws-type-jump__card.is-agents { border-top: 4px solid #2A5C3D; }
body.ir-ws-app .ws-type-jump__card.is-bots { border-top: 4px solid #B25540; }
body.ir-ws-app .ws-type-jump__card.is-kits { border-top: 4px solid #1e4a6e; }
body.ir-ws-app .ws-agent-grid {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  body.ir-ws-app .ws-agent-grid { grid-template-columns: 1fr 1fr; }
}
body.ir-ws-app .ws-card--agent .ws-card__head { background: #e8f3ee; color: #2A5C3D; }
body.ir-ws-app .ws-table--bots td { vertical-align: top; }
body.ir-ws-app .ws-kit-stack { display: grid; gap: 16px; }
body.ir-ws-app .ws-card--kit .ws-card__head { background: #eef3f8; color: #1e4a6e; }
body.ir-ws-app .ws-kit-mods {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
body.ir-ws-app .ws-kit-mods li {
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef3f8;
  font-size: .78rem;
}
body.ir-ws-app .ws-site-layout {
  display: grid;
  gap: 16px;
}
@media (min-width: 900px) {
  body.ir-ws-app .ws-site-layout { grid-template-columns: .9fr 1.1fr; align-items: start; }
}
body.ir-ws-app .ws-site-preview {
  position: relative;
  min-height: 280px;
  border: 1px solid var(--ws-border);
  border-radius: 16px;
  background: #f4f7f5;
  overflow: hidden;
}
body.ir-ws-app .ws-site-preview__bar {
  padding: 10px 14px;
  background: #2A5C3D;
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
}
body.ir-ws-app .ws-site-preview__body { display: grid; gap: 8px; padding: 16px; }
body.ir-ws-app .ws-site-preview__fab {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #B25540;
  color: #fff;
  font-size: .8rem;
}
body.ir-ws-app .ws-site-forms { display: grid; gap: 16px; }
body.ir-ws-app .ws-page--connect .ws-source-grid { margin-top: 0; }
body.ir-ws-app .ws-page--bots .ws-card__head { background: #f8eeeb; color: #B25540; }
body.ir-ws-app .ws-page--orders .ws-card__head { background: #f7f0e4; color: #8a5a12; }
body.ir-ws-app .ws-page--smart .ws-card__head { background: #eeeaf6; color: #5a4d7a; }
body.ir-ws-app .ws-page { display: grid; gap: 16px; }
body.ir-ws-app .ws-page__hero {
  margin: 0;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--ws-border);
  background: #fff;
}
body.ir-ws-app .ws-page__kicker {
  display: block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: #B25540;
  margin-bottom: 4px;
}
body.ir-ws-app .ws-page__name {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.35;
}
body.ir-ws-app .ws-page__lead {
  margin: 6px 0 0;
  color: var(--ws-muted);
  font-size: .88rem;
}
body.ir-ws-app .ws-page--home .ws-page__hero { background: #f3f7f4; border-color: #c9d6cc; }
body.ir-ws-app .ws-dash-stats { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 860px) {
  body.ir-ws-app .ws-dash-stats { grid-template-columns: 1fr; }
}
body.ir-ws-app .ws-page--connect .ws-page__hero { background: #f3f7f4; border-color: #c9d6cc; }
body.ir-ws-app .ws-page--site .ws-page__hero { background: #eef4f8; border-color: #c5d4de; }
body.ir-ws-app .ws-page--list .ws-page__hero { background: #f7f5ef; border-color: #ddd6c6; }
body.ir-ws-app .ws-page--import .ws-page__hero { background: #f8f3ee; border-color: #e2d2c4; }
body.ir-ws-app .ws-page--all .ws-page__hero { background: #f4f1f8; border-color: #d5cde3; }
body.ir-ws-app .ws-page--agents .ws-page__hero { background: #eef6f2; border-color: #c5d9ce; }
body.ir-ws-app .ws-page--bots .ws-page__hero { background: #f8eeeb; border-color: #e4cfc8; }
body.ir-ws-app .ws-page--custom .ws-page__hero { background: #f3f0e8; border-color: #d8d0bc; }
body.ir-ws-app .ws-page--orders .ws-page__hero { background: #f7f0e4; border-color: #e2d3b4; }
body.ir-ws-app .ws-page--smart .ws-page__hero { background: #eeeaf6; border-color: #d4cde4; }
body.ir-ws-app .ws-import-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.ir-ws-app .ws-import-nav__item {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--ws-border);
  background: #fff;
  color: inherit;
  font-size: .82rem;
  text-decoration: none;
}
body.ir-ws-app .ws-import-nav__item.is-on {
  background: #233330;
  border-color: #233330;
  color: #fff;
}