/* Sales Network public UI - scoped, lightweight, no global resets */
:root{
  --sn-primary:#3457d5;
  --sn-primary-soft:#eef2ff;
  --sn-border:#d8dee8;
  --sn-bg:#f7f9fc;
  --sn-surface:#fff;
  --sn-text:#172033;
  --sn-muted:#667085;
  --sn-ok:#16803c;
  --sn-warn:#a16207;
  --sn-error:#c62828;
  --sn-radius:10px;
  --sn-font:Tahoma,Arial,sans-serif;
}
.sn-app,
.sn-panel,
.sn-invoice-page,
.sn-auth-wrap,
.sn-myaccount-invoices{
  direction:rtl;
  font-family:var(--sn-font);
  color:var(--sn-text);
  line-height:1.65;
  box-sizing:border-box;
}
.sn-app *,
.sn-panel *,
.sn-invoice-page *,
.sn-auth-wrap *,
.sn-myaccount-invoices *{box-sizing:border-box}
.sn-panel,
.sn-invoice-page{
  width:min(1280px, calc(100vw - 32px));
  max-width:min(1280px, calc(100vw - 32px));
  margin:20px auto;
}
.sn-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
  padding:14px 16px;
  border:1px solid var(--sn-border);
  border-radius:var(--sn-radius);
  background:var(--sn-surface);
}
.sn-panel-header h1,
.sn-panel-header h2,
.sn-panel-header h3{margin:0;font-size:1.2rem;font-weight:800}
.sn-tabs{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:8px;
  margin:0 0 16px;
  border:1px solid var(--sn-border);
  border-radius:var(--sn-radius);
  background:var(--sn-surface);
}
.sn-tab{
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--sn-muted);
  padding:9px 14px;
  font-family:var(--sn-font);
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.sn-tab.active{background:var(--sn-primary-soft);border-color:#c7d2fe;color:var(--sn-primary)}
.sn-tab-content{display:none}
.sn-tab-content.active{display:block}
.sn-card,
.sn-auth-card,
.sn-invoice-card,
.sn-wallet-card,
.sn-kpi-card{
  background:var(--sn-surface);
  border:1px solid var(--sn-border);
  border-radius:var(--sn-radius);
  padding:16px;
  margin-bottom:16px;
  box-shadow:0 1px 2px rgba(16,24,40,.06);
}
.sn-card h3{margin:0 0 14px;font-size:1.05rem}
.sn-form-grid,
.sn-grid,
.sn-manager-filters,
.sn-kpi-grid,
.sn-seller-kpis,
.sn-supervisor-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
}
.sn-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sn-field label{font-weight:700;font-size:.88rem}
.sn-field input,
.sn-field select,
.sn-field textarea,
.sn-panel input,
.sn-panel select,
.sn-panel textarea,
.sn-invoice-page input,
.sn-invoice-page select,
.sn-invoice-page textarea,
.sn-auth-wrap input,
.sn-auth-wrap select,
.sn-auth-wrap textarea{
  max-width:100%;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--sn-border);
  border-radius:8px;
  background:#fff;
  color:var(--sn-text);
  font-family:var(--sn-font);
}
.sn-field input:focus,
.sn-field select:focus,
.sn-field textarea:focus,
.sn-panel input:focus,
.sn-panel select:focus,
.sn-panel textarea:focus,
.sn-invoice-page input:focus,
.sn-invoice-page select:focus,
.sn-invoice-page textarea:focus{
  border-color:var(--sn-primary);
  outline:2px solid #dbe4ff;
}
.sn-btn,
.sn-panel button,
.sn-invoice-page button,
.sn-auth-wrap button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid var(--sn-border);
  border-radius:8px;
  background:#fff;
  color:var(--sn-text);
  font-family:var(--sn-font);
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.sn-btn-primary,
.sn-panel .sn-btn-primary,
.sn-invoice-page .sn-btn-primary{background:var(--sn-primary);border-color:var(--sn-primary);color:#fff}
.sn-btn-secondary{background:var(--sn-primary-soft);border-color:#c7d2fe;color:var(--sn-primary)}
.sn-btn-ghost{background:#fff;color:var(--sn-muted)}
.sn-btn-sm{min-height:32px;padding:5px 10px;font-size:.82rem}
.sn-btn:disabled,
.sn-panel button:disabled,
.sn-invoice-page button:disabled{opacity:.55;cursor:not-allowed}
.sn-notice{
  margin:10px 0;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid var(--sn-border);
  background:#f8fafc;
}
.sn-success{color:var(--sn-ok);background:#f0fdf4;border-color:#bbf7d0}
.sn-error{color:var(--sn-error);background:#fef2f2;border-color:#fecaca}
.sn-warning{color:var(--sn-warn);background:#fffbeb;border-color:#fde68a}
.sn-info{color:#075985;background:#f0f9ff;border-color:#bae6fd}
.sn-loading{padding:24px;text-align:center;color:var(--sn-muted)}
.sn-table-wrap,
.sn-panel div[id$="-list"],
.sn-panel div[id$="-table"],
.sn-invoice-page .sn-table-wrap,
.sn-myaccount-invoices .sn-table-wrap{
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}
.sn-table,
.sn-panel .widefat,
.sn-invoice-page .sn-table,
.sn-myaccount-invoices .sn-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid var(--sn-border);
  border-radius:var(--sn-radius);
}
.sn-table th,
.sn-table td,
.sn-panel .widefat th,
.sn-panel .widefat td{
  padding:12px 14px;
  border-bottom:1px solid var(--sn-border);
  text-align:right;
  vertical-align:middle;
  line-height:1.55;
  white-space:normal;
}
.sn-table thead th,
.sn-panel .widefat thead th{
  position:static;
  background:var(--sn-bg);
  color:var(--sn-muted);
  font-weight:800;
}
.sn-table tr:last-child td{border-bottom:0}
.sn-table code{direction:ltr;unicode-bidi:plaintext;white-space:nowrap}
.sn-badge,
.sn-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:3px 9px;
  border-radius:999px;
  background:#eef2ff;
  color:var(--sn-primary);
  font-weight:800;
  line-height:1.25;
}
.sn-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 4px;
}
.sn-jalali-wrap{position:relative;display:flex;gap:8px;align-items:center;width:100%}
.sn-jalali-wrap .sn-jalali-date{flex:1 1 auto;min-width:0;cursor:pointer}
.sn-jalali-trigger{flex:0 0 auto}
.sn-jalali-picker{
  position:absolute;
  inset-inline-start:0;
  top:calc(100% + 6px);
  z-index:20;
  width:min(300px, calc(100vw - 36px));
  padding:10px;
  border:1px solid var(--sn-border);
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 14px rgba(16,24,40,.12);
}
.sn-jalali-picker[hidden]{display:none}
.sn-jalali-head,
.sn-jalali-week,
.sn-jalali-days,
.sn-jalali-actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.sn-jalali-head{grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:8px}
.sn-jalali-head strong{text-align:center}
.sn-jalali-week{margin-bottom:5px;color:var(--sn-muted);font-size:.78rem;font-weight:800;text-align:center}
.sn-jalali-day,
.sn-jalali-today,
.sn-jalali-clear{min-height:32px;padding:4px;border:1px solid var(--sn-border);border-radius:7px;background:#fff;cursor:pointer}
.sn-jalali-day.is-selected{background:var(--sn-primary);border-color:var(--sn-primary);color:#fff}
.sn-jalali-actions{grid-template-columns:1fr 1fr;margin-top:8px}
.sn-panel input[type="time"],
.sn-invoice-page input[type="time"]{direction:ltr;text-align:center}
.sn-checkbox-list,
.sn-phone-list{max-height:220px;overflow:auto;border:1px solid var(--sn-border);border-radius:8px;padding:8px;background:#fff}
.sn-auth-wrap{max-width:460px;margin:24px auto;padding:0 14px}
.sn-kpi-card strong{display:block;margin-top:6px;font-size:1.2rem}
.sn-legacy-mode,
.sn-legacy-mode *{
  animation:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:none !important;
}
.sn-legacy-mode .sn-card,
.sn-legacy-mode .sn-panel-header,
.sn-legacy-mode .sn-tabs,
.sn-legacy-mode .sn-kpi-card{box-shadow:none !important}
@media (prefers-reduced-motion: reduce){
  .sn-app *,
  .sn-panel *,
  .sn-invoice-page *,
  .sn-auth-wrap *{animation:none !important;transition:none !important}
}
@media (max-width:680px){
  .sn-panel,
  .sn-invoice-page{width:calc(100vw - 18px);max-width:calc(100vw - 18px);margin:12px auto}
  .sn-form-grid,
  .sn-grid,
  .sn-manager-filters,
  .sn-kpi-grid{grid-template-columns:1fr}
  .sn-table,
  .sn-panel .widefat,
  .sn-invoice-page .sn-table{min-width:720px}
  .sn-jalali-picker{position:fixed;inset-inline:10px;top:auto;bottom:12px;width:auto;max-height:84vh;overflow:auto}
}