[hidden]{display:none!important}

:root{--bg:#f6f8fb;--card:#fff;--text:#111827;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--blue:#2563eb;--red:#ef4444;--amber:#f59e0b;--shadow:0 18px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Vazirmatn",Tahoma,sans-serif!important;background:linear-gradient(135deg,#f8fafc,#eef6f2);color:var(--text);font-size:14px}.panel-shell{max-width:1380px;margin:0 auto;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:16px 18px;margin-bottom:14px;backdrop-filter:blur(12px)}h1{font-size:24px;margin:0 0 4px}p{margin:0;color:var(--muted);line-height:1.8}.header-actions{display:flex;gap:8px;flex-wrap:wrap}button{font-family:inherit!important;border:0;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer;background:#e2e8f0;color:#0f172a;transition:.15s}button:hover{transform:translateY(-1px)}button.danger{background:#fee2e2;color:#991b1b}.header-actions button:first-child,.toolbar button{background:var(--green);color:#fff}.access-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);font-weight:800;color:var(--muted)}.stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.stats-row div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;color:var(--muted);font-weight:800}.stats-row b{display:block;color:var(--text);font-size:22px;margin-top:4px}.tabs{display:flex;gap:8px;margin-bottom:12px;background:#e8eef5;border-radius:999px;padding:5px;width:max-content;max-width:100%;overflow:auto}.tab{background:transparent;color:#475569;min-width:180px}.tab.active{background:#fff;color:var(--green);box-shadow:0 8px 20px rgba(15,23,42,.08)}.toolbar{display:grid;grid-template-columns:1fr 210px 220px auto auto;gap:8px;margin-bottom:10px}input,select,textarea{font-family:inherit!important;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;color:var(--text);outline:none}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}th,td{padding:10px 12px;border-bottom:1px solid #edf2f7;text-align:right;vertical-align:middle}th{font-size:12px;color:#64748b;background:#f8fafc;position:sticky;top:0;z-index:1}td{font-size:13px}.id-cell{direction:ltr;text-align:right;font-weight:900;color:#0f766e}.desc-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount-cell{direction:ltr;font-weight:900}.status-pill{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;background:#e0f2fe;color:#075985;white-space:nowrap}.status-pill.approved,.status-pill.final_approved{background:#dcfce7;color:#166534}.status-pill.pending_reviewer,.status-pill.reviewer_corrected{background:#fef9c3;color:#854d0e}.status-pill.pending_finance,.status-pill.finance_revision{background:#dbeafe;color:#1d4ed8}.status-pill.reviewer_rejected,.status-pill.finance_rejected{background:#fee2e2;color:#991b1b}.status-pill.mismatch{background:#ffedd5;color:#9a3412}.bank-ok{color:#15803d;font-weight:900}.bank-no{color:#b91c1c;font-weight:900}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{padding:7px 10px;font-size:12px}.row-actions .primary{background:var(--blue);color:#fff}.row-actions .green{background:var(--green);color:#fff}.row-actions .amber{background:var(--amber);color:#fff}.detail-drawer{position:fixed;inset:0;background:rgba(15,23,42,.28);display:flex;justify-content:flex-start;z-index:1000}.detail-drawer[hidden]{display:none!important}.drawer-card{width:min(620px,96vw);height:100%;background:#fff;box-shadow:var(--shadow);padding:16px;overflow:auto}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.drawer-head h2{margin:0 0 8px;font-size:18px}.drawer-head button{font-size:22px;width:42px;height:42px;padding:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-item{border:1px solid var(--line);border-radius:14px;padding:9px;background:#f8fafc}.detail-item span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.detail-item b{font-size:13px;line-height:1.7;word-break:break-word}.detail-item.full{grid-column:1/-1}.file-link{display:inline-flex;text-decoration:none;background:#0ea5e9;color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;margin:6px 6px 0 0}.history{margin-top:12px}.history h3{font-size:14px;margin:0 0 8px}.history-step{border-right:3px solid var(--green);background:#f8fafc;border-radius:12px;padding:8px 10px;margin-bottom:7px}.history-step b{display:block;font-size:12px}.history-step small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.history-step p{white-space:pre-line;margin:5px 0 0;color:#334155}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.drawer-actions .green{background:var(--green);color:#fff}.drawer-actions .amber{background:var(--amber);color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:22px;padding:18px;width:min(460px,100%);box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal h3{margin:0 0 10px}.modal .field{margin-bottom:9px}.modal label{display:block;font-size:12px;font-weight:900;color:var(--muted);margin-bottom:4px}.modal input,.modal textarea,.modal select{width:100%}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.empty{padding:24px;text-align:center;color:var(--muted);font-weight:800}@media(max-width:840px){.panel-header{flex-direction:column;align-items:stretch}.stats-row{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.tabs{width:100%}.tab{flex:1;min-width:150px}.panel-shell{padding:10px}.detail-grid{grid-template-columns:1fr}} 

.bank-help-box{background:#f0fdf4;border:1px solid rgba(34,197,94,.25);border-radius:16px;padding:10px 12px;margin:0 0 12px;color:#166534;font-weight:800;line-height:1.9}.bank-help-box b{color:#14532d}.drawer-empty-note{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;text-align:center;font-weight:800}


.op-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;white-space:nowrap}.op-pill.deposit{background:#dcfce7;color:#166534}.op-pill.withdraw{background:#fee2e2;color:#991b1b}.amount-cell.deposit{color:#15803d}.amount-cell.withdraw{color:#b91c1c}

.balance-row{grid-template-columns:repeat(2,minmax(0,1fr));}
.balance-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}.balance-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.balance-card b.positive{color:#15803d}.balance-card b.negative{color:#b91c1c}
@media(max-width:840px){.balance-row{grid-template-columns:1fr}}

/* V136 balance-only panel */
body.balance-only-mode .toolbar,
body.balance-only-mode .table-wrap {
  display: none !important;
}
body.balance-only-mode .balance-row {
  margin-top: 12px;
}
body.balance-only-mode .balance-card {
  min-height: 112px;
  justify-content: center;
}

/* V137 UX polish */
#admin-btn.admin-link {
  background:#eff6ff;
  color:#1d4ed8;
}
.balance-card {
  position:relative;
  overflow:hidden;
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(180deg,#ffffff 0%,#f8fffb 100%);
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  box-shadow:var(--shadow);
}
.balance-card::after {
  content:'';
  position:absolute;
  inset:auto -24px -24px auto;
  width:90px;
  height:90px;
  background:radial-gradient(circle, rgba(22,163,74,.12), rgba(22,163,74,0));
  border-radius:50%;
}
.balance-card span {
  font-size:14px;
  font-weight:800;
  line-height:1.9;
}
.balance-card b {
  font-size:28px;
  line-height:1.2;
}
.balance-card small {
  font-size:12px;
}
.access-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.access-box::before {
  content:'وضعیت دسترسی';
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:900;
  color:#0f766e;
  background:#ecfdf5;
  border-radius:999px;
  padding:6px 10px;
}
@media(max-width:840px){
  .balance-card b{font-size:24px}
  .access-box{align-items:flex-start}
}

/* V138 accessibility: keyboard focus visibility */
:where(button, a, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid #2563eb !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(37,99,235,.16) !important;
}

/* V138 statement closing and finance approval */
.statement-panel {
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:16px;
  margin:14px 0;
  box-shadow:var(--shadow);
}
.statement-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.statement-head h2 { margin:0 0 4px; font-size:18px; }
.statement-head p { margin:0; color:var(--muted); line-height:1.8; }
#create-statement-btn { background:var(--blue); color:#fff; }
.statements-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.statement-card {
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  padding:14px;
}
.statement-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.statement-card h3 { margin:0; font-size:15px; }
.statement-card small { color:var(--muted); display:block; margin-top:3px; line-height:1.7; }
.statement-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.statement-metric {
  background:#f8fafc;
  border:1px solid #edf2f7;
  border-radius:14px;
  padding:8px;
}
.statement-metric span { display:block; color:var(--muted); font-size:11px; font-weight:900; }
.statement-metric b { display:block; direction:ltr; text-align:right; margin-top:3px; font-size:14px; }
.statement-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.statement-actions button { padding:8px 11px; font-size:12px; }
.statement-actions .blue { background:var(--blue); color:#fff; }
.statement-actions .green { background:var(--green); color:#fff; }
.statement-actions .amber { background:var(--amber); color:#fff; }
.statement-approvers { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.statement-approver { display:inline-flex; padding:4px 8px; border-radius:999px; background:#e2e8f0; color:#334155; font-size:11px; font-weight:900; }
.statement-approver.approved { background:#dcfce7; color:#166534; }
.statement-approver.rejected { background:#fee2e2; color:#991b1b; }
.statement-print-table { width:100%; border-collapse:collapse; margin-top:14px; min-width:0; }
.statement-print-table th,.statement-print-table td { border:1px solid #dbe3ef; padding:7px; font-size:12px; }
.statement-print-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0; }
.statement-print-summary div { border:1px solid #dbe3ef; border-radius:12px; padding:8px; }
.statement-print-summary span { display:block; color:#64748b; font-size:11px; }
.statement-print-summary b { display:block; margin-top:3px; }
body.balance-only-mode #create-statement-btn { display:none!important; }
@media(max-width:840px){
  .statements-list{grid-template-columns:1fr}
  .statement-metrics{grid-template-columns:1fr 1fr}
  .statement-print-summary{grid-template-columns:1fr 1fr}
}


/* V139 statement bank print and reconciliation */
.statement-bank-status {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:8px 10px;
  margin:8px 0;
  background:#f8fafc;
  color:#475569;
  font-size:12px;
  font-weight:900;
  line-height:1.8;
}
.statement-bank-status a {
  color:#2563eb;
  text-decoration:none;
  white-space:nowrap;
}
.statement-bank-status.ok {
  background:#ecfdf5;
  border-color:#bbf7d0;
  color:#166534;
}
.statement-bank-status.bad {
  background:#fff7ed;
  border-color:#fed7aa;
  color:#9a3412;
}
.statement-bank-status.pending {
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
.statement-bank-status.muted {
  background:#f8fafc;
  color:#64748b;
}
.statement-reconcile-result {
  margin-top:10px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:10px;
  background:#fff;
}
.statement-reconcile-preview {
  max-height:260px;
  overflow:auto;
  border-radius:16px;
}
#statement-bank-rows {
  min-height:220px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  line-height:1.8;
  direction:rtl;
}
.statement-actions .amber { background:var(--amber); color:#fff; }
.statement-actions .blue { background:var(--blue); color:#fff; }
@media(max-width:840px){
  .statement-bank-status{align-items:flex-start}
  .statement-reconcile-preview{max-height:220px}
}

/* Smart bank reconciliation */
.statement-balance-check{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:10px 0;font-weight:900}.statement-balance-check.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.statement-balance-check.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}.statement-bank-rows-preview{max-height:260px;overflow:auto;margin:10px 0;border:1px solid var(--line);border-radius:16px}.statement-print-table .mini{padding:5px 9px;font-size:11px;border-radius:999px}.statement-print-table .mini.green{background:var(--green);color:#fff}.statement-print-table .mini.danger{background:#fee2e2;color:#991b1b}.statement-print-table .ok-row td{background:#f0fdf4}.no-print{white-space:nowrap}

/* V140 statement flow and bank status UX */
.bank-status {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.bank-status.none { background:#f1f5f9; color:#64748b; }
.bank-status.confirmed { background:#dcfce7; color:#166534; }
.bank-status.mismatch { background:#fee2e2; color:#991b1b; }
.status-pill.reconciled { background:#e0f2fe; color:#075985; }
.statement-head #create-statement-btn { background:#2563eb; color:#fff; }
.statement-bank-status.muted { background:#f8fafc; color:#64748b; }


/* V142 bank reconciliation modal and statement UX */
.modal {
  max-height: min(92vh, 920px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal-body {
  overflow: auto;
  max-height: calc(92vh - 118px);
  padding: 2px 4px 4px;
  overscroll-behavior: contain;
}
.modal-wide {
  width: min(1120px, 96vw) !important;
  height: min(92vh, 920px);
}
.modal-wide .modal-body {
  max-height: calc(92vh - 118px);
}
.statement-reconcile-preview,
.statement-bank-rows-preview,
.statement-print {
  width: 100%;
  max-width: 100%;
  overflow: auto;
}
.statement-bank-rows-preview {
  max-height: 42vh;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.statement-reconcile-preview .statement-reconcile-result {
  max-height: 52vh;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 10px;
}
.statement-print {
  max-height: 66vh;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
}
.statement-print-table {
  width: 100%;
  min-width: 760px;
}
.statement-reconcile-preview .statement-print-table,
.statement-bank-rows-preview .statement-print-table {
  min-width: 820px;
}
.bank-rows-details {
  border: 1px dashed var(--line);
  border-radius: 18px;
  padding: 10px;
  background: #f8fafc;
  margin-bottom: 10px;
}
.bank-rows-details summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--blue);
  padding: 4px 2px 10px;
}
.statement-actions .slate,
.row-actions .slate {
  background: #475569;
  color: #fff;
}
@media(max-width:840px){
  .modal-wide {
    width: 100% !important;
    height: 94vh;
  }
  .modal-body {
    max-height: calc(94vh - 112px);
  }
  .statement-bank-rows-preview,
  .statement-reconcile-preview .statement-reconcile-result,
  .statement-print {
    max-height: 60vh;
  }
}



/* V140 bank reconciliation UX */
.bank-filter-row,
.field-row {
  display:grid;
  grid-template-columns: 1fr 1fr auto;
  gap:10px;
  align-items:end;
  margin:10px 0 12px;
}
.bank-filter-row .field,
.field-row .field {
  margin:0;
}
.statement-bank-full-table-wrap {
  max-height:min(58vh, 620px);
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  margin:12px 0;
}
.statement-bank-full-table {
  min-width:920px;
}
.statement-bank-full-table th {
  position:sticky;
  top:0;
  z-index:2;
}
.statement-bank-full-table .desc-cell {
  white-space:normal;
  max-width:260px;
  line-height:1.7;
}
.reconcile-summary-cards .ok-card {
  background:#ecfdf5;
  border-color:#bbf7d0;
}
.reconcile-summary-cards .bad-card {
  background:#fff7ed;
  border-color:#fed7aa;
}
.statement-bank-full-table .mismatch-row td {
  background:#fff7ed;
}


@media (max-width:840px){
  .bank-filter-row,
  .field-row {
    grid-template-columns:1fr;
  }
  .statement-bank-full-table-wrap {
    max-height:60vh;
  }
}


/* Phase 10J: statement workflow controls */
.statement-card-official {
  border-color:#bbf7d0;
  background:linear-gradient(180deg,#ffffff,#f0fdf4);
}
.statement-actions .danger,
.drawer-actions .danger,
.modal-footer .danger {
  background:#fee2e2;
  color:#991b1b;
}
.statement-actions .danger.ghost {
  background:#fff1f2;
  border:1px solid #fecdd3;
}
.statement-metrics {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:840px){
  .statement-metrics{grid-template-columns:1fr 1fr}
}


/* Phase 10L - statement workflow refinements */
.statement-head { gap: 10px; flex-wrap: wrap; }
.opening-balance-btn, .statement-head .slate { background:#eef2f7; color:#334155; border:1px solid #cbd5e1; }
.statement-section-title { margin: 14px 0 8px; font-weight: 900; color:#0f172a; display:flex; align-items:center; gap:8px; }
.statement-section-title::before { content:""; width:8px; height:8px; border-radius:50%; background:#2563eb; }
.statement-section-submitted::before { background:#16a34a; }
.submitted-statement-list { overflow:auto; border:1px solid #e2e8f0; border-radius:18px; background:#fff; }
.submitted-statement-table { width:100%; border-collapse:collapse; min-width:760px; }
.submitted-statement-table th,.submitted-statement-table td { padding:12px 10px; border-bottom:1px solid #eef2f7; white-space:nowrap; text-align:right; }
.submitted-statement-table th { color:#64748b; font-size:12px; background:#f8fafc; }
.statement-metric.manual-opening, .statement-print-summary .manual-opening { background:#fff1f2 !important; border:1px solid #fecdd3 !important; color:#9f1239; }
.statement-metric.manual-opening b, .statement-print-summary .manual-opening b { color:#be123c; }
.bank-help-box.warning { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
@media (max-width: 720px){
  .submitted-statement-table { min-width: 680px; }
  .statement-head button { flex:1 1 160px; }
}


/* direct-tenkhah-fix1 */
/* 1) در حالت فقط موجودی، توضیح مغایرت‌گیری بانک نمایش داده نشود */
body.balance-only #statement-panel .statement-head {
  display: none !important;
}

/* 3) وقتی صورت‌حساب/مودال باز است، منوی پایین مزاحم پرینت و امضا نشود */
body.tenkhah-modal-open #hsc-dock,
body.tenkhah-modal-open .hs-dock,
body.tenkhah-modal-open .hermes-ux-panel-dock,
body.tenkhah-modal-open .core-bottom-nav,
body.tenkhah-modal-open .bottom-nav,
body.tenkhah-modal-open .management-dock {
  display: none !important;
}

body.tenkhah-modal-open {
  padding-bottom: 0 !important;
}

body.tenkhah-modal-open .modal {
  max-height: calc(100vh - 24px) !important;
}

body.tenkhah-modal-open .modal-body {
  padding-bottom: 96px !important;
}

body.tenkhah-modal-open .modal-footer {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  background: #fff !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
}


/* direct-tenkhah-fix2 */

/* حذف کامل توضیح مغایرت‌گیری در حالت فقط موجودی */
body.balance-only #statement-panel .statement-head,
body.balance-only #statement-panel > .statement-head {
  display: none !important;
}

/* شماره دستی تنخواه کنار عنوان چاپ */


/* چاپ موبایل/مرورگر: جلوگیری از رفتن امضا و دکمه‌ها به صفحه دوم */



/* direct-tenkhah-fix3 */

/* متن مغایرت‌گیری فقط برای افراد مجاز */
body.statement-intro-hidden #statement-panel .statement-head > div:first-child {
  display: none !important;
}

body.balance-only #statement-panel .statement-head {
  display: none !important;
}

/* فرم کنترل چاپ: چهار فیلد مرتب */




/* نمایش شماره دستی کنار عنوان */


/* متاباکس چاپ: تاریخ چاپ، نام شرکت، شماره تنخواه */


/* حذف صفحه سفید اول و جمع‌کردن چاپ روی یک صفحه */



/* direct-tenkhah-fix4 */

/* UX بهتر برای بخش صورتحساب‌ها */
#statement-panel {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.15fr) minmax(300px, .85fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#statement-panel .statement-head {
  min-height: 160px !important;
  align-self: stretch !important;
  border-radius: 24px !important;
  background: #fff !important;
  border: 1px solid #dbe5f0 !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

#statement-panel #statements-list {
  min-width: 0 !important;
  width: 100% !important;
}

body.statement-intro-hidden #statement-panel {
  grid-template-columns: 1fr !important;
}

body.statement-intro-hidden #statement-panel .statement-head > div:first-child {
  display: none !important;
}

body.statement-intro-hidden #statement-panel .statement-head {
  display: none !important;
}

body.statement-intro-hidden #statement-panel #statements-list {
  grid-column: 1 / -1 !important;
}

.submitted-statement-list {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border-radius: 18px !important;
  border: 1px solid #dbe5f0 !important;
  background: #fff !important;
}

.submitted-statement-table {
  width: 100% !important;
  min-width: 680px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.submitted-statement-table th,
.submitted-statement-table td {
  white-space: nowrap !important;
  padding: 12px 14px !important;
}

.submitted-statement-table th {
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.submitted-statement-table td {
  font-size: 13px !important;
}

.submitted-statement-table button.blue {
  min-width: 96px !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-weight: 900 !important;
  background: #e8eef6 !important;
  color: #0f172a !important;
  border: 0 !important;
}

.statement-section-title.statement-section-submitted {
  margin: 0 0 12px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

@media (max-width: 900px) {
  #statement-panel {
    grid-template-columns: 1fr !important;
  }

  #statement-panel .statement-head {
    min-height: auto !important;
  }
}

/* فیلد شماره تنخواه در مغایرت‌گیری */
#stmt-print-number {
  direction: ltr !important;
  text-align: left !important;
  font-weight: 800 !important;
}

/* در فرم چاپ، شماره تنخواه فقط نمایشی باشد */


/* چاپ دقیق و بدون صفحه سفید */



/* direct-tenkhah-submitted-title-ux */
.statement-section-title.statement-section-submitted{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 14px 0 !important;
  padding:14px 18px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#f8fbff 0%, #eef6ff 100%) !important;
  border:1px solid #d8e7fb !important;
  box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
}

.statement-section-title.statement-section-submitted .submitted-title-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:18px !important;
  font-weight:900 !important;
  color:#0f172a !important;
  line-height:1.4 !important;
}

.statement-section-title.statement-section-submitted .submitted-title-main::before{
  content:"●";
  color:#16a34a;
  font-size:14px;
  line-height:1;
}

.statement-section-title.statement-section-submitted .submitted-title-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:32px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#e7f8ee !important;
  color:#15803d !important;
  font-size:13px !important;
  font-weight:900 !important;
  border:1px solid #b9ebca !important;
  white-space:nowrap !important;
}

.submitted-statement-list{
  width:100% !important;
  border-radius:20px !important;
  background:#ffffff !important;
  border:1px solid #dde7f3 !important;
  box-shadow:0 8px 28px rgba(15,23,42,.04) !important;
  padding:12px !important;
  overflow-x:auto !important;
}

.submitted-statement-table{
  width:100% !important;
  min-width:760px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.submitted-statement-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f8fafc !important;
  color:#475569 !important;
  font-size:13px !important;
  font-weight:900 !important;
  padding:14px 12px !important;
  border-bottom:1px solid #e2e8f0 !important;
}

.submitted-statement-table tbody td{
  padding:14px 12px !important;
  font-size:13px !important;
  color:#0f172a !important;
  border-bottom:1px solid #edf2f7 !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}

.submitted-statement-table tbody tr{
  transition:background-color .18s ease, transform .18s ease;
}

.submitted-statement-table tbody tr:hover{
  background:#f8fbff !important;
}

.submitted-statement-table tbody tr:last-child td{
  border-bottom:none !important;
}

.submitted-statement-table button.blue{
  border:none !important;
  border-radius:999px !important;
  padding:10px 16px !important;
  background:linear-gradient(180deg,#eff6ff 0%, #dbeafe 100%) !important;
  color:#1e3a8a !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 4px 14px rgba(37,99,235,.10) !important;
}

.submitted-statement-table button.blue:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#dbeafe 0%, #bfdbfe 100%) !important;
}

.submitted-statement-list::-webkit-scrollbar{
  height:10px;
}
.submitted-statement-list::-webkit-scrollbar-track{
  background:#eef2f7;
  border-radius:999px;
}
.submitted-statement-list::-webkit-scrollbar-thumb{
  background:#b8c6d9;
  border-radius:999px;
}

@media (max-width: 768px){
  .statement-section-title.statement-section-submitted{
    padding:12px 14px !important;
  }

  .statement-section-title.statement-section-submitted .submitted-title-main{
    font-size:16px !important;
  }

  .statement-section-title.statement-section-submitted .submitted-title-count{
    min-width:36px !important;
    height:28px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  .submitted-statement-list{
    padding:10px !important;
    border-radius:16px !important;
  }
}


/* direct-tenkhah-fix5 */

/* دسکتاپ هم مثل موبایل: تیتر و جدول زیر هم */
#statement-panel {
  display: block !important;
}

#statements-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* تیتر جذاب‌تر، بدون نقطه و بدون شمارنده */
.statement-section-title.statement-section-submitted {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 64px !important;
  margin: 0 0 14px !important;
  padding: 16px 20px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%) !important;
  border: 1px solid #d8e7fb !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.05) !important;
}

.statement-section-title.statement-section-submitted::before,
.statement-section-title.statement-section-submitted::after,
.statement-section-title.statement-section-submitted .submitted-title-main::before,
.statement-section-title.statement-section-submitted .submitted-title-main::after {
  content: none !important;
  display: none !important;
}

.statement-section-title.statement-section-submitted .submitted-title-main {
  display: block !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  color: #0f172a !important;
  line-height: 1.5 !important;
}

.statement-section-title.statement-section-submitted .submitted-title-count {
  display: none !important;
}

/* جدول تمیزتر */
.submitted-statement-list {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
  background: #fff !important;
  border: 1px solid #dde7f3 !important;
  box-shadow: 0 8px 28px rgba(15,23,42,.04) !important;
  padding: 12px !important;
  overflow-x: auto !important;
}

.submitted-statement-table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.submitted-statement-table th {
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  padding: 14px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

.submitted-statement-table td {
  padding: 14px 12px !important;
  font-size: 13px !important;
  color: #0f172a !important;
  border-bottom: 1px solid #edf2f7 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.submitted-statement-table tbody tr:hover {
  background: #f8fbff !important;
}

.submitted-company-cell {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 160px !important;
}

.submitted-company-cell b {
  font-size: 13px !important;
  font-weight: 950 !important;
  color: #0f172a !important;
}

.submitted-company-cell small {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.submitted-statement-table button.blue {
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  background: linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%) !important;
  color: #1e3a8a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(37,99,235,.10) !important;
}

.submitted-statement-list::-webkit-scrollbar {
  height: 10px;
}

.submitted-statement-list::-webkit-scrollbar-track {
  background: #eef2f7;
  border-radius: 999px;
}

.submitted-statement-list::-webkit-scrollbar-thumb {
  background: #b8c6d9;
  border-radius: 999px;
}

/* متن مغایرت فقط برای ریحانه حاتم و مدیر سیستم */
body.statement-intro-hidden #statement-panel .statement-head,
body.statement-intro-hidden #statement-panel .statement-head > div:first-child {
  display: none !important;
}

/* در چاپ: نام شرکت و شماره تنخواه در یک خط */



/* direct-tenkhah-fix6 */
.statement-section-title.statement-section-submitted .submitted-title-main{
  font-weight: 950 !important;
}

.submitted-company-cell small:empty{
  display:none !important;
}


/* panel-bottom-nav-final-v2 */
body {
  padding-bottom: 104px !important;
}

.panel-bottom-nav-final {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999 !important;
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
  background: rgba(255,255,255,.96) !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 -10px 32px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(14px) !important;
}

.panel-bottom-nav-final .panel-bottom-nav-item {
  appearance: none !important;
  text-decoration: none !important;
  border: 1px solid #dbe5f0 !important;
  background: #fff !important;
  color: #0f172a !important;
  min-width: 142px !important;
  height: 66px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.04) !important;
}

.panel-bottom-nav-final .app-bottom-nav-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon {
  width: 23px !important;
  height: 23px !important;
  color: #16a34a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.panel-bottom-nav-final svg {
  width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.panel-bottom-nav-final .app-bottom-nav-label,
.panel-bottom-nav-final .panel-bottom-nav-label {
  color: #0f172a !important;
  font-size: 12.8px !important;
  font-weight: 900 !important;
}

@media (max-width: 720px) {
  body {
    padding-bottom: 92px !important;
  }

  .panel-bottom-nav-final {
    gap: 8px !important;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .panel-bottom-nav-final .panel-bottom-nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 64px !important;
    border-radius: 16px !important;
  }

  .panel-bottom-nav-final svg {
    width: 22px !important;
    height: 22px !important;
  }

  .panel-bottom-nav-final .app-bottom-nav-label,
  .panel-bottom-nav-final .panel-bottom-nav-label {
    font-size: 12.2px !important;
  }
}

/* hide duplicated top buttons in tenkhah */
#back-chat-btn,#logout-btn{display:none!important;}


/* direct-bottom-nav-pill-style-v1 */
:root{
  --direct-pill-bg: rgba(255,255,255,.96);
  --direct-pill-border: #d7e2ef;
  --direct-pill-text: #0f172a;
  --direct-pill-icon: #16a34a;
  --direct-pill-shadow: 0 10px 24px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.04);
  --direct-pill-shadow-hover: 0 16px 34px rgba(15,23,42,.11), 0 8px 18px rgba(37,99,235,.10);
  --direct-pill-radius: 22px;
  --direct-pill-height: 68px;
}

/* panel bottom navs */
.panel-bottom-nav.panel-bottom-nav-v2{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-top:1px solid rgba(215,226,239,.95);
}

.panel-bottom-nav-v2 .panel-bottom-nav-item{
  min-height:var(--direct-pill-height);
  height:var(--direct-pill-height);
  border-radius:var(--direct-pill-radius);
  padding:0 22px;
  background:var(--direct-pill-bg) !important;
  border:1px solid var(--direct-pill-border) !important;
  box-shadow:var(--direct-pill-shadow);
  color:var(--direct-pill-text) !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:1 1 0;
  min-width:0;
  max-width:180px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.panel-bottom-nav-v2 .panel-bottom-nav-item:hover,
.panel-bottom-nav-v2 .panel-bottom-nav-item:focus-visible{
  transform:translateY(-2px);
  box-shadow:var(--direct-pill-shadow-hover);
  border-color:#bfd3ea !important;
  outline:none;
}

.panel-bottom-nav-v2 .panel-bottom-nav-item.active{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%) !important;
  border-color:#c8d8ee !important;
  box-shadow:0 14px 28px rgba(15,23,42,.10), 0 6px 14px rgba(22,163,74,.08);
}

.panel-bottom-nav-v2 .panel-bottom-nav-icon{
  width:22px;
  height:22px;
  color:var(--direct-pill-icon) !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.panel-bottom-nav-v2 .panel-bottom-nav-icon svg{
  width:22px;
  height:22px;
  display:block;
  stroke:currentColor;
}

.panel-bottom-nav-v2 .panel-bottom-nav-label{
  font-size:17px;
  font-weight:800;
  line-height:1;
  color:var(--direct-pill-text) !important;
  white-space:nowrap;
}

/* home dock */
#core-panel-dock.core-panel-dock{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-top:1px solid rgba(215,226,239,.95);
}

#core-panel-dock .core-dock-btn{
  min-height:var(--direct-pill-height);
  height:var(--direct-pill-height);
  border-radius:var(--direct-pill-radius);
  padding:0 22px;
  background:var(--direct-pill-bg) !important;
  border:1px solid var(--direct-pill-border) !important;
  box-shadow:var(--direct-pill-shadow);
  color:var(--direct-pill-text) !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:1 1 0;
  min-width:0;
  max-width:180px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

#core-panel-dock .core-dock-btn:hover,
#core-panel-dock .core-dock-btn:focus-visible{
  transform:translateY(-2px);
  box-shadow:var(--direct-pill-shadow-hover);
  border-color:#bfd3ea !important;
  outline:none;
}

#core-panel-dock .core-dock-icon{
  width:22px;
  height:22px;
  color:var(--direct-pill-icon) !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

#core-panel-dock .core-dock-icon svg{
  width:22px;
  height:22px;
  display:block;
  stroke:currentColor;
}

#core-panel-dock .core-dock-label{
  font-size:17px;
  font-weight:800;
  line-height:1;
  color:var(--direct-pill-text) !important;
  white-space:nowrap;
}

@media (max-width: 768px){
  .panel-bottom-nav.panel-bottom-nav-v2,
  #core-panel-dock.core-panel-dock{
    gap:10px;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));
  }

  .panel-bottom-nav-v2 .panel-bottom-nav-item,
  #core-panel-dock .core-dock-btn{
    min-height:58px;
    height:58px;
    border-radius:18px;
    padding:0 14px;
    max-width:none;
  }

  .panel-bottom-nav-v2 .panel-bottom-nav-icon,
  .panel-bottom-nav-v2 .panel-bottom-nav-icon svg,
  #core-panel-dock .core-dock-icon,
  #core-panel-dock .core-dock-icon svg{
    width:20px;
    height:20px;
  }

  .panel-bottom-nav-v2 .panel-bottom-nav-label,
  #core-panel-dock .core-dock-label{
    font-size:15px;
  }
}



/* direct-bottom-nav-soft-blue-v1 */
:root {
  --direct-nav-blue-bg-1: #f7fbff;
  --direct-nav-blue-bg-2: #eaf4ff;
  --direct-nav-blue-border: #bdd8f5;
  --direct-nav-blue-border-hover: #9fc7f0;
  --direct-nav-blue-text: #0f2746;
  --direct-nav-blue-icon: #0b84ff;
  --direct-nav-blue-shadow: 0 10px 24px rgba(11,132,255,.08), 0 4px 14px rgba(15,23,42,.04);
  --direct-nav-blue-shadow-hover: 0 16px 34px rgba(11,132,255,.14), 0 8px 20px rgba(15,23,42,.08);
}

/* همه دکمه‌های نوار پایین، بدون حالت active خاص */
#home-bottom-nav .home-nav-btn,
#core-panel-dock .core-dock-btn,
.panel-bottom-nav-v2 .panel-bottom-nav-item,
.panel-bottom-nav-final .panel-bottom-nav-item,
.panel-bottom-nav .panel-bottom-nav-item {
  background: linear-gradient(180deg, var(--direct-nav-blue-bg-1) 0%, var(--direct-nav-blue-bg-2) 100%) !important;
  border-color: var(--direct-nav-blue-border) !important;
  color: var(--direct-nav-blue-text) !important;
  box-shadow: var(--direct-nav-blue-shadow) !important;
}

/* اگر class active از قبل جایی مانده، دقیقاً مثل بقیه باشد */
#home-bottom-nav .home-nav-btn.active,
#core-panel-dock .core-dock-btn.active,
.panel-bottom-nav-v2 .panel-bottom-nav-item.active,
.panel-bottom-nav-final .panel-bottom-nav-item.active,
.panel-bottom-nav .panel-bottom-nav-item.active {
  background: linear-gradient(180deg, var(--direct-nav-blue-bg-1) 0%, var(--direct-nav-blue-bg-2) 100%) !important;
  border-color: var(--direct-nav-blue-border) !important;
  color: var(--direct-nav-blue-text) !important;
  box-shadow: var(--direct-nav-blue-shadow) !important;
}

/* آیکون‌ها آبی‌تر شوند */
#home-bottom-nav .home-nav-icon,
#home-bottom-nav .app-bottom-nav-icon,
#core-panel-dock .core-dock-icon,
.panel-bottom-nav-v2 .panel-bottom-nav-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon,
.panel-bottom-nav .panel-bottom-nav-icon {
  color: var(--direct-nav-blue-icon) !important;
}

/* متن‌ها کمی تیره‌تر و خواناتر */
#home-bottom-nav .home-nav-label,
#home-bottom-nav .app-bottom-nav-label,
#core-panel-dock .core-dock-label,
.panel-bottom-nav-v2 .panel-bottom-nav-label,
.panel-bottom-nav-final .panel-bottom-nav-label,
.panel-bottom-nav .panel-bottom-nav-label {
  color: var(--direct-nav-blue-text) !important;
}

/* hover فقط برجستگی ملایم؛ نه حالت فعال */
#home-bottom-nav .home-nav-btn:hover,
#core-panel-dock .core-dock-btn:hover,
.panel-bottom-nav-v2 .panel-bottom-nav-item:hover,
.panel-bottom-nav-final .panel-bottom-nav-item:hover,
.panel-bottom-nav .panel-bottom-nav-item:hover {
  background: linear-gradient(180deg, #ffffff 0%, #e4f1ff 100%) !important;
  border-color: var(--direct-nav-blue-border-hover) !important;
  box-shadow: var(--direct-nav-blue-shadow-hover) !important;
  transform: translateY(-2px) !important;
}


/* hermes-green-theme-final-v1 */
:root {
  --h-green-950: #042f2e;
  --h-green-900: #064e4a;
  --h-green-800: #075e57;
  --h-green-700: #087568;
  --h-green-600: #0f8f7c;
  --h-green-500: #14b8a6;
  --h-green-100: #e7f7f2;
  --h-green-50: #f3fbf8;

  --h-gold-500: #d7ad45;
  --h-gold-400: #f1cc75;
  --h-gold-200: #ffe8ad;

  --h-page-bg: #eef7f3;
  --h-card-bg: rgba(255,255,255,.94);
  --h-border: rgba(6,78,74,.16);
  --h-shadow: 0 18px 48px rgba(4,47,46,.08);
  --h-shadow-soft: 0 8px 24px rgba(4,47,46,.06);
}

/* بک‌گراند عمومی */
body {
  background:
    radial-gradient(circle at 12% 0%, rgba(20,184,166,.16), transparent 34%),
    radial-gradient(circle at 88% 4%, rgba(215,173,69,.10), transparent 30%),
    linear-gradient(180deg, #eef8f4 0%, #f8fbfa 52%, #edf6f2 100%) !important;
}

/* هدرهای اصلی همه پنل‌ها */
header,
.admin-header,
.app-header,
.topbar,
.main-header,
.page-header,
.site-header {
  border-color: rgba(215,173,69,.28) !important;
}

/* هدر پیام‌رسان و پنل‌ها: سبز تیره با خط طلایی */
.app-header,
.chat-header,
.main-header,
.admin-header,
.page-header,
body > header {
  background:
    linear-gradient(135deg, rgba(4,47,46,.98) 0%, rgba(6,78,74,.98) 45%, rgba(10,120,105,.96) 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 32px rgba(4,47,46,.18) !important;
  border-bottom: 1px solid rgba(241,204,117,.55) !important;
}

/* اگر هدرها کارت سفید هستند، داخلشان را سبز نکنیم مگر کلاس هدر داشته باشند */
.admin-header h1,
.admin-header h2,
.admin-header .title,
.page-header h1,
.page-header h2,
.app-header h1,
.app-header h2,
.main-header h1,
.main-header h2 {
  color: #ffffff !important;
}

/* متن برند Hermes در هدر */
.brand,
.logo,
.header-brand,
#brand,
#app-title,
#chat-title {
  color: #ffffff !important;
}

/* دکمه خروج و حساب */
#logout-btn,
.admin-logout-btn,
button[onclick*="logout"],
button[onclick*="adminLogout"],
.logout-btn {
  background: linear-gradient(180deg, #e63d55 0%, #c92d43 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 8px 18px rgba(201,45,67,.18) !important;
  border-radius: 16px !important;
  font-weight: 900 !important;
}

#my-avatar-mini,
.profile-btn,
.account-btn,
button[id*="account"],
button[class*="account"] {
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  border: 1px solid rgba(241,204,117,.45) !important;
  box-shadow: 0 8px 18px rgba(4,47,46,.16) !important;
  border-radius: 18px !important;
}

/* کارت‌ها و پنل‌های سفید */
.card,
.panel,
.section,
.statement-panel,
.balance-card,
.stat,
.guideBox,
.pf-card,
.admin-card,
.security-card,
.access-card,
.modal,
.drawer,
#statement-panel,
#stats .stat,
.statement-card,
.submitted-statement-list,
.submitted-statement-table,
.table-card {
  background: var(--h-card-bg) !important;
  border-color: var(--h-border) !important;
  box-shadow: var(--h-shadow-soft) !important;
}

/* تب‌ها و حالت انتخاب‌شده */
.tab.active,
.tabs .active,
.nav-tab.active,
button.active,
.segmented .active,
#home-bottom-nav .active {
  background: linear-gradient(180deg, var(--h-green-600) 0%, var(--h-green-800) 100%) !important;
  color: #fff !important;
  border-color: rgba(241,204,117,.55) !important;
  box-shadow: 0 10px 24px rgba(6,78,74,.18) !important;
}

/* تب گروه‌ها در پیام‌رسان */
.tab,
.tabs button,
.segmented button {
  border-color: rgba(6,78,74,.14) !important;
}

/* آواتارهای گروه */
.avatar,
.group-avatar,
.user-avatar,
[data-avatar-user],
[data-group-avatar],
.chat-avatar {
  background: linear-gradient(145deg, var(--h-green-500), var(--h-green-900)) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(6,78,74,.18) !important;
}

/* دکمه‌های اصلی */
button.primary,
.btn.primary,
button.green,
.btn.green,
#refresh-btn,
#refreshBtn,
#create-statement-btn,
#create-user-btn,
#save-btn,
#save-access-btn {
  background: linear-gradient(180deg, var(--h-green-600) 0%, var(--h-green-800) 100%) !important;
  color: #fff !important;
  border-color: rgba(241,204,117,.55) !important;
  box-shadow: 0 9px 22px rgba(6,78,74,.18) !important;
}

/* جدول‌ها */
table thead th,
.submitted-statement-table thead th {
  background: linear-gradient(180deg, #f8fffc 0%, #eef9f5 100%) !important;
  color: #25413d !important;
  border-color: rgba(6,78,74,.14) !important;
}

table tbody tr:hover {
  background: rgba(20,184,166,.045) !important;
}

/* نوار پایین — سبز/طلایی نهایی */
#home-bottom-nav.home-bottom-nav,
#core-panel-dock.core-panel-dock,
.panel-bottom-nav-final,
.panel-bottom-nav-v2,
.panel-bottom-nav {
  background:
    radial-gradient(circle at 14% 120%, rgba(241,204,117,.16), transparent 35%),
    linear-gradient(135deg, #032f2d 0%, #064e4a 50%, #087568 100%) !important;
  border-top: 1px solid rgba(241,204,117,.75) !important;
  box-shadow: 0 -14px 36px rgba(4,47,46,.18) !important;
  backdrop-filter: blur(12px) !important;
}

/* دکمه‌های نوار پایین */
#home-bottom-nav .home-nav-btn,
#core-panel-dock .core-dock-btn,
.panel-bottom-nav-final .panel-bottom-nav-item,
.panel-bottom-nav-v2 .panel-bottom-nav-item,
.panel-bottom-nav .panel-bottom-nav-item {
  background:
    linear-gradient(180deg, rgba(10,120,105,.90) 0%, rgba(4,47,46,.92) 100%) !important;
  border: 1px solid rgba(241,204,117,.78) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 24px rgba(0,0,0,.13) !important;
  border-radius: 20px !important;
}

#home-bottom-nav .home-nav-btn:hover,
#core-panel-dock .core-dock-btn:hover,
.panel-bottom-nav-final .panel-bottom-nav-item:hover,
.panel-bottom-nav-v2 .panel-bottom-nav-item:hover,
.panel-bottom-nav .panel-bottom-nav-item:hover {
  background:
    linear-gradient(180deg, rgba(20,184,166,.98) 0%, rgba(6,78,74,.98) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 30px rgba(0,0,0,.18) !important;
}

/* آیکون و متن نوار پایین */
#home-bottom-nav .home-nav-icon,
#home-bottom-nav .app-bottom-nav-icon,
#core-panel-dock .core-dock-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon,
.panel-bottom-nav-v2 .panel-bottom-nav-icon,
.panel-bottom-nav .panel-bottom-nav-icon {
  color: var(--h-gold-400) !important;
}

#home-bottom-nav .home-nav-label,
#home-bottom-nav .app-bottom-nav-label,
#core-panel-dock .core-dock-label,
.panel-bottom-nav-final .panel-bottom-nav-label,
.panel-bottom-nav-v2 .panel-bottom-nav-label,
.panel-bottom-nav .panel-bottom-nav-label {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}

/* کارت‌های خلاصه تنخواه و کارها */
.balance-card b,
.stat b,
.statement-metric b,
.amount-cell,
.pf-money {
  color: #0b7a55 !important;
}

/* خطوط تزئینی خیلی ملایم */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(135deg, transparent 0%, transparent 65%, rgba(215,173,69,.08) 66%, transparent 68%),
    radial-gradient(circle at 100% 100%, rgba(6,78,74,.06), transparent 32%);
}


/* hermes-green-theme-final-fix2 */

/* 1) متن نوار پایین در همه صفحات حتماً سفید */
#home-bottom-nav .home-nav-btn,
#home-bottom-nav .home-nav-btn *,
#home-bottom-nav .home-nav-label,
#home-bottom-nav .app-bottom-nav-label,
#core-panel-dock .core-dock-btn,
#core-panel-dock .core-dock-btn *,
#core-panel-dock .core-dock-label,
.panel-bottom-nav-final .panel-bottom-nav-item,
.panel-bottom-nav-final .panel-bottom-nav-item *,
.panel-bottom-nav-final .panel-bottom-nav-label,
.panel-bottom-nav-v2 .panel-bottom-nav-item,
.panel-bottom-nav-v2 .panel-bottom-nav-item *,
.panel-bottom-nav-v2 .panel-bottom-nav-label,
.panel-bottom-nav .panel-bottom-nav-item,
.panel-bottom-nav .panel-bottom-nav-item *,
.panel-bottom-nav .panel-bottom-nav-label {
  color: #ffffff !important;
  fill: none !important;
}

#home-bottom-nav svg,
#core-panel-dock svg,
.panel-bottom-nav-final svg,
.panel-bottom-nav-v2 svg,
.panel-bottom-nav svg {
  stroke: #f1cc75 !important;
  color: #f1cc75 !important;
}

/* آیکون طلایی، متن سفید */
#home-bottom-nav .home-nav-icon,
#home-bottom-nav .app-bottom-nav-icon,
#core-panel-dock .core-dock-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon,
.panel-bottom-nav-v2 .panel-bottom-nav-icon,
.panel-bottom-nav .panel-bottom-nav-icon {
  color: #f1cc75 !important;
}

/* 2) Hover و انتخاب تب‌های خصوصی/گروه‌ها سبز شود، نه آبی */
.tab:hover,
.tabs button:hover,
.segmented button:hover,
#private-tab:hover,
#groups-tab:hover,
button[data-tab]:hover,
button[data-view]:hover {
  background: linear-gradient(180deg, #e5faf3 0%, #c8f1e3 100%) !important;
  color: #064e4a !important;
  border-color: rgba(20,184,166,.42) !important;
  box-shadow: 0 8px 20px rgba(6,78,74,.10) !important;
}

.tab.active,
.tabs button.active,
.segmented button.active,
#private-tab.active,
#groups-tab.active,
button[data-tab].active,
button[data-view].active {
  background: linear-gradient(180deg, #14b8a6 0%, #075e57 100%) !important;
  color: #ffffff !important;
  border-color: rgba(241,204,117,.62) !important;
  box-shadow: 0 10px 24px rgba(6,78,74,.18) !important;
}

/* تب‌های چت که گاهی با کلاس‌های متفاوت ساخته می‌شوند */
.chat-tabs button:hover,
.chat-type-tabs button:hover,
.chat-switch button:hover,
.conversation-tabs button:hover {
  background: linear-gradient(180deg, #e5faf3 0%, #c8f1e3 100%) !important;
  color: #064e4a !important;
  border-color: rgba(20,184,166,.42) !important;
}

.chat-tabs button.active,
.chat-type-tabs button.active,
.chat-switch button.active,
.conversation-tabs button.active {
  background: linear-gradient(180deg, #14b8a6 0%, #075e57 100%) !important;
  color: #ffffff !important;
  border-color: rgba(241,204,117,.62) !important;
}

/* 3) حساب کاربری خوانا شود */
#my-avatar-mini,
#profile-btn,
.profile-btn,
.account-btn,
button[id*="account"],
button[class*="account"],
.header-account,
.user-account,
.account-chip {
  background: rgba(4,47,46,.72) !important;
  color: #ffffff !important;
  border: 1px solid rgba(241,204,117,.55) !important;
  box-shadow: 0 8px 18px rgba(4,47,46,.18) !important;
  border-radius: 18px !important;
}

#my-avatar-mini *,
#profile-btn *,
.profile-btn *,
.account-btn *,
button[id*="account"] *,
button[class*="account"] *,
.header-account *,
.user-account *,
.account-chip * {
  color: #ffffff !important;
}

#my-avatar-mini img,
#profile-btn img,
.profile-btn img,
.account-btn img,
.header-account img,
.user-account img,
.account-chip img {
  opacity: 1 !important;
  filter: none !important;
  border: 1px solid rgba(241,204,117,.45) !important;
}

/* جلوگیری از سفید شدن متن‌های مهم در کارت‌های روشن */
.card,
.panel,
.section,
.statement-panel,
.balance-card,
.stat,
.guideBox,
.admin-card,
.access-card {
  color: #0f172a !important;
}

.card *,
.panel *,
.section *,
.statement-panel *,
.balance-card *,
.stat *,
.guideBox *,
.admin-card *,
.access-card * {
  text-shadow: none;
}

/* اما داخل هدر تیره متن سفید بماند */
.app-header *,
.chat-header *,
.main-header *,
.admin-header *,
.page-header *,
body > header * {
  color: inherit;
}


/* tenkhah-modal-bottom-nav-fix-v1 */

/* وقتی هر مودال تنخواه باز است، نوار پایین کامل مخفی شود */
body.tenkhah-modal-open .panel-bottom-nav-final,
body.tenkhah-modal-open .panel-bottom-nav-v2,
body.tenkhah-modal-open .panel-bottom-nav,
body.tenkhah-modal-open #home-bottom-nav,
body.tenkhah-modal-open #core-panel-dock,
body.tenkhah-modal-has-content .panel-bottom-nav-final,
body.tenkhah-modal-has-content .panel-bottom-nav-v2,
body.tenkhah-modal-has-content .panel-bottom-nav,
body.tenkhah-modal-has-content #home-bottom-nav,
body.tenkhah-modal-has-content #core-panel-dock {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* وقتی مودال باز است، پایین صفحه فضای نوار پایین نگیرد */
body.tenkhah-modal-open,
body.tenkhah-modal-has-content {
  padding-bottom: 0 !important;
}

/* خود مودال بالاتر از همه باشد */
#modal-root,
#modal-root .modal-overlay {
  z-index: 1000000 !important;
}

#modal-root .modal {
  max-height: calc(100vh - 28px) !important;
  padding-bottom: 0 !important;
}

/* فوتر مودال همیشه قابل‌دیدن و بالای محتوا باشد */
#modal-root .modal-footer {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 30 !important;
  background: rgba(255,255,255,.98) !important;
  border-top: 1px solid rgba(6,78,74,.14) !important;
  padding: 14px 0 0 !important;
  margin-top: 18px !important;
}

/* محتوای صورتحساب جا برای فوتر داشته باشد */
#modal-root .modal-body {
  padding-bottom: 24px !important;
}


/* tenkhah-details-modal-above-bottom-nav-v1 */

/* وقتی هر پنجره تنخواه باز است، منوی پایین نباید روی جزئیات بیفتد */
body.tenkhah-modal-open .panel-bottom-nav-final,
body.tenkhah-modal-open .panel-bottom-nav-v2,
body.tenkhah-modal-open .panel-bottom-nav,
body.tenkhah-modal-open #home-bottom-nav,
body.tenkhah-modal-open #core-panel-dock,
body.tenkhah-modal-has-content .panel-bottom-nav-final,
body.tenkhah-modal-has-content .panel-bottom-nav-v2,
body.tenkhah-modal-has-content .panel-bottom-nav,
body.tenkhah-modal-has-content #home-bottom-nav,
body.tenkhah-modal-has-content #core-panel-dock {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* خود ریشه مودال باید از منوی پایین و همه چیز بالاتر باشد */
#modal-root {
  position: relative !important;
  z-index: 10000000 !important;
}

#modal-root .modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(0,0,0,.42) !important;
}

#modal-root .modal {
  position: relative !important;
  z-index: 10000001 !important;
  max-height: calc(100vh - 36px) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#modal-root .modal-body {
  overflow: auto !important;
  max-height: calc(100vh - 170px) !important;
  padding-bottom: 18px !important;
}

#modal-root .modal-footer {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 40 !important;
  background: rgba(255,255,255,.98) !important;
  border-top: 1px solid rgba(6,78,74,.14) !important;
  padding-top: 12px !important;
}

/* در موبایل جزئیات از پایین زیر منو نرود */
@media (max-width: 720px) {
  body.tenkhah-modal-open,
  body.tenkhah-modal-has-content {
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  #modal-root .modal-overlay {
    align-items: flex-end !important;
    padding: 10px !important;
  }

  #modal-root .modal {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    border-radius: 22px 22px 12px 12px !important;
  }

  #modal-root .modal-body {
    max-height: calc(100vh - 160px) !important;
  }
}


/* tenkhah-newest-first-layout-v1 */

/* برچسب کمک بصری کوچک برای اینکه لیست جدیدترین‌اول حس شود */
.tenkhah-newest-first-note {
  font-size: 12px !important;
  color: #64748b !important;
  margin: 4px 0 10px !important;
}


/* tenkhah-detail-drawer-and-sort-final-v1 */

/* جزئیات تنخواه drawer است، نه modal-root */
body.tenkhah-detail-open .panel-bottom-nav-final,
body.tenkhah-detail-open .panel-bottom-nav-v2,
body.tenkhah-detail-open .panel-bottom-nav,
body.tenkhah-detail-open #home-bottom-nav,
body.tenkhah-detail-open #core-panel-dock,
body.tenkhah-detail-open #hsc-dock,
body.tenkhah-detail-open .hs-dock,
body.tenkhah-detail-open .hermes-ux-panel-dock,
body.tenkhah-detail-open .core-bottom-nav,
body.tenkhah-detail-open .bottom-nav,
body.tenkhah-detail-open .management-dock {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* خود پنجره جزئیات باید بالاتر از نوار پایین باشد */
.detail-drawer {
  z-index: 10000000 !important;
}

.detail-drawer:not([hidden]) {
  display: flex !important;
}

.detail-drawer .drawer-card {
  z-index: 10000001 !important;
  position: relative !important;
  padding-bottom: 28px !important;
}

/* وقتی جزئیات باز است، فضای پایین صفحه برای nav حذف شود */
body.tenkhah-detail-open {
  padding-bottom: 0 !important;
}

@media (max-width: 720px) {
  body.tenkhah-detail-open {
    overflow: hidden !important;
  }

  .detail-drawer {
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .detail-drawer .drawer-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding-bottom: 28px !important;
  }
}


/* hermes-step1b-unified-premium-theme-v1 */

:root {
  --hermes-premium-bg: #f5fbf8;
  --hermes-premium-green-950: #032f2b;
  --hermes-premium-green-900: #064e4a;
  --hermes-premium-green-800: #075e57;
  --hermes-premium-green-700: #0f766e;
  --hermes-premium-green-600: #0d9488;
  --hermes-premium-gold: #f1cc75;
  --hermes-premium-gold-2: #d6aa42;
  --hermes-premium-text: #172033;
  --hermes-premium-muted: #64748b;
}

/* ---------- Header / Brand ---------- */

.app-header,
.main-header,
.topbar,
.header,
#app-header,
#main-header,
.dashboard-header,
.home-header,
.chat-home-header,
.panel-header,
.admin-header,
.procurement-header {
  background:
    radial-gradient(circle at 82% 8%, rgba(241,204,117,.26), transparent 24%),
    linear-gradient(135deg, #032f2b 0%, #064e4a 46%, #0f766e 100%) !important;
  border-bottom: 1px solid rgba(241,204,117,.82) !important;
  box-shadow: 0 16px 38px rgba(3,47,43,.18) !important;
  color: #fff !important;
  overflow: hidden !important;
  position: relative !important;
}

.app-header::after,
.main-header::after,
.topbar::after,
.header::after,
#app-header::after,
#main-header::after,
.dashboard-header::after,
.home-header::after,
.chat-home-header::after,
.panel-header::after,
.admin-header::after,
.procurement-header::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(126deg, transparent 0 55%, rgba(241,204,117,.34) 55.2%, transparent 56%),
    linear-gradient(132deg, transparent 0 68%, rgba(241,204,117,.22) 68.2%, transparent 69%),
    radial-gradient(circle at 92% 16%, rgba(255,255,255,.12), transparent 22%) !important;
  opacity: .95 !important;
}

/* Hermes title: white with gold glow */
.brand,
.logo-text,
.app-title,
.header-title,
#brand,
#app-title,
#main-title,
.app-header h1,
.main-header h1,
.topbar h1,
.header h1,
.panel-header h1,
.dashboard-header h1,
.home-header h1,
.chat-home-header h1 {
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: -.4px !important;
  text-shadow:
    0 1px 0 rgba(241,204,117,.45),
    0 6px 18px rgba(0,0,0,.22) !important;
}

/* logo bigger */
.app-header img,
.main-header img,
.topbar img,
.header img,
.panel-header img,
.dashboard-header img,
.home-header img,
.chat-home-header img,
img[src*="hermes"],
img[src*="logo"],
img[src*="icon"] {
  transform: scale(1.12) !important;
  transform-origin: center !important;
}

/* specifically brand logo */
.logo img,
.brand img,
.header-logo,
.app-logo,
#logo,
#app-logo {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  object-fit: contain !important;
}

/* ---------- Account / Logout ---------- */

.logout-btn,
#logout-btn,
button.logout,
.header-actions .logout {
  background: linear-gradient(135deg, #e83f5b, #c91f45) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: 0 10px 22px rgba(201,31,69,.24) !important;
}

.account-btn,
.profile-btn,
#account-btn,
.user-account,
.header-account,
.account-chip,
button[id*="account"],
button[class*="account"] {
  border: 1px solid rgba(241,204,117,.96) !important;
  background: linear-gradient(135deg, rgba(3,47,43,.88), rgba(15,118,110,.82)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(3,47,43,.20) !important;
}

/* ---------- Tabs ---------- */

.tabs,
.chat-tabs,
.chat-type-tabs,
.conversation-tabs,
#chat-tabs,
#home-tabs,
.segmented,
.segmented-control {
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(214,170,66,.55) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.075), inset 0 0 0 1px rgba(255,255,255,.70) !important;
}

.tab,
.nav-tab,
.chat-tab,
.tab-btn,
.chat-tabs button,
.chat-type-tabs button,
.conversation-tabs button,
.segmented button {
  color: #667085 !important;
  background: transparent !important;
  font-weight: 900 !important;
}

.tab.active,
.nav-tab.active,
.chat-tab.active,
.tab-btn.active,
.chat-tabs button.active,
.chat-type-tabs button.active,
.conversation-tabs button.active,
.segmented button.active,
[aria-selected="true"] {
  background:
    radial-gradient(circle at 72% 18%, rgba(20,184,166,.34), transparent 32%),
    linear-gradient(135deg, #075e57 0%, #0f766e 58%, #064e4a 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(241,204,117,.80) !important;
  box-shadow: 0 12px 28px rgba(6,78,74,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* ---------- Cards / Panels ---------- */

.card,
.panel,
.box,
.section,
.stat-card,
.summary-card,
.balance-card,
.access-box,
.table-wrap,
.admin-card,
.procurement-card,
.request-card,
.work-card,
.tenkhah-card,
.statement-card,
.submitted-statement,
.management-card,
.settings-card,
.form-card,
.widget-card,
.dashboard-card {
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(15,118,110,.10) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.065) !important;
  color: var(--hermes-premium-text) !important;
}

.card h1,
.card h2,
.card h3,
.panel h1,
.panel h2,
.panel h3,
.box h1,
.box h2,
.box h3,
.section h1,
.section h2,
.section h3,
.admin-card h1,
.admin-card h2,
.admin-card h3,
.procurement-card h1,
.procurement-card h2,
.procurement-card h3,
.tenkhah-card h1,
.tenkhah-card h2,
.tenkhah-card h3,
.management-card h1,
.management-card h2,
.management-card h3 {
  color: var(--hermes-premium-green-900) !important;
  font-weight: 950 !important;
}

/* inputs/buttons in panels */
button.primary,
button.green,
.btn-primary,
.primary,
.toolbar button,
.actions button.primary,
.actions .green {
  background: linear-gradient(135deg, #075e57, #0f766e) !important;
  color: #fff !important;
  border: 1px solid rgba(241,204,117,.55) !important;
  box-shadow: 0 8px 18px rgba(6,78,74,.16) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(15,118,110,.75) !important;
  box-shadow: 0 0 0 3px rgba(20,184,166,.14) !important;
}

/* ---------- Bottom nav ---------- */

#home-bottom-nav,
#core-panel-dock,
.panel-bottom-nav-final,
.panel-bottom-nav-v2,
.panel-bottom-nav,
.bottom-nav {
  background:
    radial-gradient(circle at 18% 12%, rgba(20,184,166,.18), transparent 26%),
    linear-gradient(135deg, #032f2b 0%, #064e4a 54%, #075e57 100%) !important;
  border-top: 1px solid rgba(241,204,117,.82) !important;
  box-shadow: 0 -14px 34px rgba(3,47,43,.20) !important;
}

#home-bottom-nav .home-nav-btn,
#core-panel-dock .core-dock-btn,
.panel-bottom-nav-final .panel-bottom-nav-item,
.panel-bottom-nav-v2 .panel-bottom-nav-item,
.panel-bottom-nav .panel-bottom-nav-item,
.bottom-nav button,
.bottom-nav a {
  background:
    linear-gradient(145deg, rgba(3,47,43,.88), rgba(15,118,110,.74)) !important;
  border: 1px solid rgba(241,204,117,.92) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* icons gold, text white */
#home-bottom-nav svg,
#core-panel-dock svg,
.panel-bottom-nav-final svg,
.panel-bottom-nav-v2 svg,
.panel-bottom-nav svg,
.bottom-nav svg,
#home-bottom-nav .home-nav-icon,
#home-bottom-nav .app-bottom-nav-icon,
#core-panel-dock .core-dock-icon,
.panel-bottom-nav-final .app-bottom-nav-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon,
.panel-bottom-nav-v2 .panel-bottom-nav-icon,
.panel-bottom-nav .panel-bottom-nav-icon,
.bottom-nav i {
  color: var(--hermes-premium-gold) !important;
  fill: none !important;
  stroke: currentColor !important;
}

#home-bottom-nav svg *,
#core-panel-dock svg *,
.panel-bottom-nav-final svg *,
.panel-bottom-nav-v2 svg *,
.panel-bottom-nav svg *,
.bottom-nav svg * {
  stroke: var(--hermes-premium-gold) !important;
  color: var(--hermes-premium-gold) !important;
}

#home-bottom-nav .home-nav-label,
#home-bottom-nav .app-bottom-nav-label,
#core-panel-dock .core-dock-label,
.panel-bottom-nav-final .panel-bottom-nav-label,
.panel-bottom-nav-final .app-bottom-nav-label,
.panel-bottom-nav-v2 .panel-bottom-nav-label,
.panel-bottom-nav .panel-bottom-nav-label,
.bottom-nav span {
  color: #fff !important;
  font-weight: 950 !important;
}

/* ---------- Procurement / Admin / Tenkhah page global ---------- */

body {
  background:
    radial-gradient(circle at 12% 0%, rgba(20,184,166,.10), transparent 28%),
    linear-gradient(180deg, #f8fffc 0%, #f4fbf8 48%, #eef8f3 100%) !important;
}

.page-title,
.panel-title,
.admin-title,
.procurement-title,
.tenkhah-title {
  color: var(--hermes-premium-green-900) !important;
}


/* hermes-theme-refine-step2-v1 */

/* title + logo in tenkhah header */
.panel-header h1,
.panel-header h1 * {
  color:#ffffff !important;
  font-weight:950 !important;
}

.panel-header h1 img,
.panel-header img[src*="hermes"],
.panel-header img[src*="icon"]{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
}

/* subtitle / access text in tenkhah should be visible and premium */
.panel-header p,
.panel-header p *,
.access-box,
.access-box *{
  color:var(--hermes-gold) !important;
  font-weight:800 !important;
}

/* if some access/help box is inside white card, keep readable */
.access-box{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(241,204,117,.48) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}

/* buttons in tenkhah header */
.panel-header .header-actions button,
.panel-header > div button,
.panel-header button{
  border-color:rgba(241,204,117,.72) !important;
}

/* balance cards keep premium */
.balance-card,
.stats-row div,
.table-wrap{
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}


/* hermes-theme-header-direct-clean-v3 */

/* تنخواه: هدر و متن دسترسی */
.panel-header {
  background:
    radial-gradient(circle at 82% 18%, rgba(241,204,117,.22), transparent 24%),
    linear-gradient(135deg, #032f2b 0%, #064e4a 48%, #0f766e 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(241,204,117,.56) !important;
  box-shadow: 0 16px 38px rgba(3,47,43,.16) !important;
}

.panel-header h1,
.panel-header h1 * {
  color: #fff !important;
}

.panel-header h1 img {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  transform: none !important;
}

.panel-header p {
  color: rgba(255,255,255,.78) !important;
  font-weight: 700 !important;
}

/* پیام حساب فقط مانده؛ خوانا و طلایی/تیره، نه بی‌رنگ */
.access-box {
  background: linear-gradient(135deg, rgba(3,47,43,.92), rgba(6,78,74,.88)) !important;
  color: #f1cc75 !important;
  border: 1px solid rgba(241,204,117,.58) !important;
  box-shadow: 0 12px 26px rgba(3,47,43,.14) !important;
}

.access-box * {
  color: #f1cc75 !important;
}

/* اگر access-box داخل حالت خطا یا متن بلند باشد */
#access-box {
  color: #f1cc75 !important;
  font-weight: 900 !important;
}

/* آیکون‌های نوار پایین طلایی */
.panel-bottom-nav-final svg,
.panel-bottom-nav-v2 svg,
.panel-bottom-nav svg {
  color: #f1cc75 !important;
  stroke: currentColor !important;
  fill: none !important;
}
.panel-bottom-nav-final svg *,
.panel-bottom-nav-v2 svg *,
.panel-bottom-nav svg * {
  stroke: #f1cc75 !important;
}
.panel-bottom-nav-final .panel-bottom-nav-label,
.panel-bottom-nav-final .app-bottom-nav-label,
.panel-bottom-nav-v2 .panel-bottom-nav-label,
.panel-bottom-nav .panel-bottom-nav-label {
  color: #fff !important;
}

/* hermes-bottom-nav-equal-size-v1 */
#home-bottom-nav.home-bottom-nav,
.panel-bottom-nav-final {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(112px, 142px)) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
}

#home-bottom-nav .home-nav-btn,
.panel-bottom-nav-final .panel-bottom-nav-item {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1.1 !important;
}

#home-bottom-nav .home-nav-icon,
#home-bottom-nav .app-bottom-nav-icon,
.panel-bottom-nav-final .home-nav-icon,
.panel-bottom-nav-final .app-bottom-nav-icon,
.panel-bottom-nav-final .panel-bottom-nav-icon,
#home-bottom-nav svg,
.panel-bottom-nav-final svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

#home-bottom-nav .home-nav-label,
#home-bottom-nav .app-bottom-nav-label,
.panel-bottom-nav-final .home-nav-label,
.panel-bottom-nav-final .app-bottom-nav-label,
.panel-bottom-nav-final .panel-bottom-nav-label {
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  #home-bottom-nav.home-bottom-nav,
  .panel-bottom-nav-final {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #home-bottom-nav .home-nav-btn,
  .panel-bottom-nav-final .panel-bottom-nav-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 2px !important;
    border-radius: 14px !important;
  }

  #home-bottom-nav .home-nav-label,
  #home-bottom-nav .app-bottom-nav-label,
  .panel-bottom-nav-final .home-nav-label,
  .panel-bottom-nav-final .app-bottom-nav-label,
  .panel-bottom-nav-final .panel-bottom-nav-label {
    font-size: 10.5px !important;
  }
}