/*
   Rayos global theme
   غيّر قيم اللون الرئيسي والثانوي فقط لتحديث ألوان النظام بالكامل.
*/
:root{
  --rayos-primary:#18756b;
  --rayos-primary-hover:#126158;
  --rayos-primary-soft:#e8f4f1;
  --rayos-primary-border:#b9d9d3;
  --rayos-primary-rgb:24,117,107;

  --rayos-secondary:#103f40;
  --rayos-secondary-hover:#0b3032;
  --rayos-secondary-soft:#e9f0ef;
  --rayos-secondary-border:#abc8c5;
  --rayos-secondary-rgb:16,63,64;

  --rayos-on-primary:#fff;
  --rayos-on-secondary:#fff;
  --rayos-danger:#c9473e;
  --rayos-danger-hover:#a93832;
  --rayos-gradient:linear-gradient(135deg,var(--rayos-primary),var(--rayos-secondary));
  --rayos-gradient-hover:linear-gradient(135deg,var(--rayos-primary-hover),var(--rayos-secondary-hover));
  --rayos-gradient-soft:linear-gradient(135deg,var(--rayos-primary-soft),var(--rayos-secondary-soft));

  /* Compatibility aliases for existing pages. */
  --rayos-gold:var(--rayos-primary);
  --rayos-gold-hover:var(--rayos-primary-hover);
  --rayos-gold-soft:var(--rayos-primary-soft);
  --rayos-gold-border:var(--rayos-primary-border);
  --rayos-navy:var(--rayos-secondary);
  --rayos-navy-2:var(--rayos-primary);
  --rayos-navy-3:var(--rayos-secondary-hover);
  --r-brand:var(--rayos-primary);
  --r-brand-2:var(--rayos-primary-hover);
  --r-accent:var(--rayos-primary);
  --navy:var(--rayos-secondary);
  --navy2:var(--rayos-primary);
  --green:var(--rayos-primary);
  --green-soft:var(--rayos-primary-soft);
  --amber:var(--rayos-primary);
}

[hidden]{display:none!important}

/* Navigation and brand */
.sidebar{
  background:linear-gradient(180deg,var(--rayos-secondary) 0%,var(--rayos-secondary-hover) 100%)!important;
  border-left-color:rgba(var(--rayos-primary-rgb),.22)!important;
  box-shadow:-10px 0 30px rgba(var(--rayos-secondary-rgb),.16)!important;
}
.brand-mark{
  background:var(--rayos-gradient)!important;
  color:var(--rayos-on-primary)!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 8px 22px rgba(var(--rayos-secondary-rgb),.2)!important;
}
.brand-mark *{color:var(--rayos-on-primary)!important}
.sidebar-group-toggle,.sidebar-group-toggle:hover,
.sidebar-nav-group.is-open>.sidebar-group-toggle{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.sidebar-group-toggle>span i{color:var(--rayos-primary-border)!important}
.sidebar .nav-item:hover{background:rgba(var(--rayos-primary-rgb),.16)!important;border-color:rgba(var(--rayos-primary-rgb),.24)!important}
.sidebar .nav-item>.ui-icon,.sidebar .nav-item[data-view]>.ui-icon{
  color:var(--rayos-primary-border)!important;
  background:linear-gradient(145deg,rgba(var(--rayos-primary-rgb),.3),rgba(var(--rayos-secondary-rgb),.4))!important;
  border-color:rgba(var(--rayos-primary-rgb),.32)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.sidebar .nav-item.active,.sidebar .nav-item.active:hover{
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary-border)!important;
  color:var(--rayos-on-primary)!important;
  box-shadow:0 8px 20px rgba(var(--rayos-secondary-rgb),.3)!important;
}
.sidebar .nav-item.active:after{background:var(--rayos-primary-border)!important}
.sidebar .nav-item.active *,.sidebar .nav-item.active .ui-icon{color:var(--rayos-on-primary)!important}
.sidebar .nav-item.active .ui-icon{background:rgba(255,255,255,.18)!important}
.avatar{background:var(--rayos-gradient)!important;color:var(--rayos-on-primary)!important}
.logout-button{background:transparent!important;border:1px solid var(--rayos-primary-border)!important;color:var(--rayos-primary-border)!important;box-shadow:none!important}
.logout-button:hover{background:rgba(var(--rayos-primary-rgb),.2)!important;border-color:var(--rayos-primary)!important;color:#fff!important}

/* Primary and secondary actions */
button,.primary,.file-label,.dashboard-shortcuts button,.journal-add-line,
.preview-print,.tabulator-page.active{
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary)!important;
  color:var(--rayos-on-primary)!important;
  box-shadow:0 5px 14px rgba(var(--rayos-secondary-rgb),.18)!important;
}
button *,.primary *,.file-label *,.dashboard-shortcuts button *,
.journal-add-line *,.preview-print *,.tabulator-page.active *{color:var(--rayos-on-primary)!important}
.section-actions button.primary,.table-command-center button.primary,
button.add-transaction,.add-transaction{
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary)!important;
  color:var(--rayos-on-primary)!important;
  box-shadow:0 5px 14px rgba(var(--rayos-secondary-rgb),.18)!important;
}
.section-actions button.primary *,.table-command-center button.primary *,
button.add-transaction *,.add-transaction *{color:var(--rayos-on-primary)!important}
button:hover,.primary:hover,.file-label:hover,.dashboard-shortcuts button:hover,
.journal-add-line:hover,.preview-print:hover,.tabulator-page.active:hover{
  background:var(--rayos-gradient-hover)!important;
  border-color:var(--rayos-primary-hover)!important;
  color:var(--rayos-on-primary)!important;
}
.secondary,.tabulator-page:not(.active),.tabulator-page-size+button{
  background:#fff!important;
  border-color:var(--rayos-secondary-border)!important;
  color:var(--rayos-secondary)!important;
  box-shadow:none!important;
}
.secondary *,.tabulator-page:not(.active) *{color:var(--rayos-secondary)!important}
.secondary:hover,.tabulator-page:not(.active):hover,.tabulator-page-size+button:hover{
  background:var(--rayos-gradient-soft)!important;
  border-color:var(--rayos-primary)!important;
  color:var(--rayos-secondary)!important;
}

/* Compact table actions; destructive actions remain red. */
.row-actions button,.status-actions button,.report-link.icon-only-button,.journal-remove-line{
  background:#fff!important;
  border-color:var(--rayos-primary-border)!important;
  color:var(--rayos-secondary)!important;
  box-shadow:none!important;
}
.row-actions button *,.status-actions button *,.report-link.icon-only-button *,.journal-remove-line *{color:var(--rayos-secondary)!important}
.row-actions button:hover,.status-actions button:hover,.report-link.icon-only-button:hover,.journal-remove-line:hover{
  background:var(--rayos-primary-soft)!important;
  border-color:var(--rayos-primary)!important;
  color:var(--rayos-secondary)!important;
}
.danger-button,button.danger,.danger-button:hover,button.danger:hover{
  background:var(--rayos-danger)!important;
  border-color:var(--rayos-danger)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(169,56,50,.18)!important;
}
.danger-button *,.danger-button:hover *,button.danger *,button.danger:hover *{color:#fff!important}
.danger-button:hover,button.danger:hover{background:var(--rayos-danger-hover)!important;border-color:var(--rayos-danger-hover)!important}
button:disabled,.primary:disabled,.secondary:disabled,.tabulator-page:disabled{
  background:#aeb5ba!important;border-color:#aeb5ba!important;color:#f7f8f9!important;box-shadow:none!important
}

/* Headers, reports and modal surfaces */
.report-hero,.statement-report-hero,.cash-accounts-hero,.nd-command-hero,
.stat.balance,.pallet-card-code{background:var(--rayos-gradient)!important}
.modal-card.journal-editor .journal-editor-head,#entryModal .journal-editor-head{background:var(--rayos-gradient)!important}
.modal{background:rgba(var(--rayos-secondary-rgb),.54)!important}
.toast{background:var(--rayos-gradient)!important}
input:focus,select:focus,textarea:focus,.ts-wrapper.focus .ts-control,.ts-wrapper.dropdown-active .ts-control{
  border-color:var(--rayos-primary)!important;
  box-shadow:0 0 0 3px rgba(var(--rayos-primary-rgb),.14)!important;
}
select:focus{
  background:#fff!important;
  color:var(--ink,#193331)!important;
  -webkit-text-fill-color:var(--ink,#193331)!important;
}
select option{background:#fff;color:#193331}
select option:checked{background:#e6f3ef;color:#123c3e}
.ts-wrapper.focus .ts-control,.ts-wrapper.dropdown-active .ts-control,
.ts-wrapper.focus .ts-control .item,.ts-wrapper.dropdown-active .ts-control .item,
.ts-wrapper.focus .ts-control input,.ts-wrapper.dropdown-active .ts-control input{
  color:var(--ink,#193331)!important;
  -webkit-text-fill-color:var(--ink,#193331)!important;
}
.ts-wrapper.single.has-items.focus .ts-control>.item,
.ts-wrapper.single.has-items.dropdown-active .ts-control>.item{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:var(--ink,#193331)!important;
  -webkit-text-fill-color:var(--ink,#193331)!important;
  position:relative;
  z-index:2;
}
.ts-dropdown .active,.ts-dropdown [data-selectable].active{
  background:#e6f3ef!important;
  color:#123c3e!important;
}
.ts-dropdown .active *,.ts-dropdown [data-selectable].active *{color:#123c3e!important}
.ts-dropdown .selected:not(.active){background:var(--rayos-primary-soft)!important;color:#123c3e!important}
.report-link,a.report-link,a.primary,a.secondary,a[class*="link"]{color:var(--rayos-primary-hover)!important}
.report-link:hover,a.report-link:hover,a.primary:hover,a.secondary:hover,a[class*="link"]:hover{color:var(--rayos-secondary)!important}

/* Tables and report footers */
table th,.tabulator .tabulator-header,.tabulator .tabulator-header .tabulator-col{background:var(--rayos-gradient-soft)!important}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs,
.tabulator .tabulator-footer .tabulator-calcs-holder,
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row,
.rayos-tabulator-total{
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary)!important;
  color:#fff!important;
}
html body .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs .tabulator-cell,
html body .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-cell,
html body .rayos-tabulator-total td{
  background:transparent!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
html body .report-page .tabulator .tabulator-footer,
html body .report-page .tabulator .tabulator-footer .tabulator-footer-contents,
html body .report-page .tabulator .tabulator-footer .tabulator-calcs-holder,
html body .report-page .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary)!important;
  color:#fff!important;
}
html body .tabulator .tabulator-row.tabulator-calcs strong,
html body .tabulator .tabulator-row.tabulator-calcs b,
html body .tabulator .tabulator-row.tabulator-calcs span,
html body .rayos-tabulator-total strong,
html body .rayos-tabulator-total span{color:#fff!important}
.report-page .tabulator-footer .tabulator-page-size{background:#fff!important;color:var(--rayos-secondary)!important;border-color:var(--rayos-primary-border)!important}

/* Icons, badges and form accents */
.stat-icon:not(.green):not(.red):not(.amber){background:var(--rayos-primary-soft)!important;color:var(--rayos-secondary)!important}
.system-sidebar-toggle{border-color:var(--rayos-primary-border)!important;background:#fff!important;color:var(--rayos-secondary)!important}
.ui-icon{
  --icon-color:var(--rayos-secondary);
  --icon-bg:var(--rayos-primary-soft);
  --icon-border:var(--rayos-primary-border);
  box-shadow:0 3px 10px rgba(var(--rayos-secondary-rgb),.08)!important;
}
.icon-tone-plus,.icon-tone-save,.icon-tone-check,
.icon-tone-download,.icon-tone-excel,.icon-tone-loading,.icon-tone-refresh{
  --icon-color:var(--rayos-secondary)!important;
  --icon-bg:var(--rayos-primary-soft)!important;
  --icon-border:var(--rayos-primary-border)!important;
}
.icon-tone-search,.icon-tone-eye,.icon-tone-info{
  --icon-color:var(--rayos-secondary)!important;
  --icon-bg:var(--rayos-secondary-soft)!important;
  --icon-border:var(--rayos-secondary-border)!important;
}
.primary>.ui-icon,.primary>.ui-icon>.material-symbols-rounded{color:var(--rayos-on-primary)!important}
.transaction-export-actions #exportBtn i{color:var(--rayos-primary)!important}
.search .ui-icon{color:var(--rayos-secondary)!important;background:var(--rayos-secondary-soft)!important;border-color:var(--rayos-secondary-border)!important}
.badge,.badge.income,.badge.receipt,.badge.posted,.badge.active,.badge.completed,.badge.manual,
.cold-cycle-badge.receipt,.cold-cycle-badge.posted,.cold-cycle-badge.active,
.cold-cycle-badge.completed,.cold-cycle-badge.manual{
  background:var(--rayos-primary-soft)!important;
  border-color:var(--rayos-primary-border)!important;
  color:var(--rayos-secondary)!important;
}
.amount-income,.positive,.text-btn{color:var(--rayos-primary-hover)!important}
.dot.income{background:var(--rayos-primary)!important}
.type-switch input:checked+span{border-color:var(--rayos-primary)!important;background:var(--rayos-primary-soft)!important;color:var(--rayos-secondary)!important}
.posting-btn{color:var(--rayos-secondary)!important;border-color:var(--rayos-primary-border)!important;background:var(--rayos-primary-soft)!important}
.tabulator-tableholder{scrollbar-color:var(--rayos-primary) var(--rayos-primary-soft)!important}
.tabulator-tableholder::-webkit-scrollbar-track{background:var(--rayos-primary-soft)!important}
.tabulator-tableholder::-webkit-scrollbar-thumb{background:var(--rayos-primary)!important;border-color:var(--rayos-primary-soft)!important}
.tabulator-tableholder::-webkit-scrollbar-thumb:hover{background:var(--rayos-primary-hover)!important}
.rayos-swal-confirm{background:var(--rayos-gradient)!important;color:#fff!important}
.rayos-swal-confirm *{color:#fff!important}
.rayos-swal-toast{border-inline-start-color:var(--rayos-primary)!important}

/* Cold-room cards */
.nd-cold-room{
  --cold-color:var(--rayos-primary);
  background:var(--rayos-gradient)!important;
  border-color:var(--rayos-primary-border)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(var(--rayos-secondary-rgb),.2)!important;
}
.nd-cold-room:hover,.nd-cold-room:focus-visible{
  border-color:var(--rayos-primary-soft)!important;
  box-shadow:0 12px 26px rgba(var(--rayos-secondary-rgb),.28)!important;
}
.nd-cold-room .nd-cold-identity strong,
.nd-cold-room .nd-cold-stock strong,
.nd-cold-room .nd-cold-occupancy strong{color:#fff!important}
.nd-cold-room .nd-cold-identity small,
.nd-cold-room .nd-cold-stock small,
.nd-cold-room .nd-cold-stock b,
.nd-cold-room .nd-cold-stock strong em,
.nd-cold-room .nd-cold-occupancy small,
.nd-cold-room .nd-cold-meta{color:rgba(255,255,255,.76)!important}
.nd-cold-room .nd-cold-machine{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.nd-cold-room .nd-cold-status{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.nd-cold-room .nd-cold-occupancy{background:rgba(var(--rayos-secondary-rgb),.42)!important;border-color:rgba(255,255,255,.2)!important;border-top-color:#fff!important}
.nd-cold-room .nd-cold-meter{background:rgba(255,255,255,.18)!important}
.nd-cold-room .nd-cold-meta i{color:var(--rayos-primary-border)!important}

/* Financial reports: keep every action readable over both light and dark surfaces. */
.report-page .report-actions button{
  border-color:rgba(255,255,255,.32)!important;
  background:rgba(var(--rayos-secondary-rgb),.58)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(var(--rayos-secondary-rgb),.22)!important;
}
.report-page .report-actions button.export-excel-action{
  border-color:#238968!important;
  background:#146d52!important;
  color:#fff!important;
}
.report-page .report-actions button.export-pdf-action{
  border-color:#bd5967!important;
  background:#9d3547!important;
  color:#fff!important;
}
.report-page .report-actions button.print-action{
  border-color:#d3a04a!important;
  background:#a96f17!important;
  color:#fff!important;
}
.report-page .report-actions button:hover{
  border-color:#fff!important;
  background:#fff!important;
  color:var(--rayos-secondary)!important;
  transform:translateY(-1px);
}
.report-page .report-actions button i,
.report-page .report-actions button i::before,
.report-page .report-actions button span,
.report-page .report-actions button svg{
  color:inherit!important;
  fill:currentColor!important;
}
.report-page .balance-view-switch button,
.report-page .income-tree-tools button,
.report-page .row-link,
.report-page .tree-drill-back{
  border-color:var(--rayos-primary-border)!important;
  background:#f5f8f7!important;
  color:var(--rayos-secondary)!important;
  box-shadow:none!important;
}
.report-page .balance-view-switch button *,
.report-page .income-tree-tools button *,
.report-page .row-link *,
.report-page .tree-drill-back *{color:inherit!important}
.report-page .balance-view-switch button:hover,
.report-page .income-tree-tools button:hover,
.report-page .row-link:hover,
.report-page .tree-drill-back:hover{
  border-color:var(--rayos-primary)!important;
  background:var(--rayos-primary-soft)!important;
  color:var(--rayos-secondary)!important;
}
.report-page .balance-view-switch button.is-active{
  border-color:var(--rayos-primary)!important;
  background:var(--rayos-gradient)!important;
  color:#fff!important;
}
.report-page .report-delete-button,
.report-page .report-delete-button:hover{
  border-color:#e7a8ad!important;
  background:#fff0f1!important;
  color:#a52f3c!important;
  box-shadow:none!important;
}
.report-page .report-delete-button *{color:inherit!important}
.report-page .report-delete-button:hover{background:#a52f3c!important;color:#fff!important}

/* Report launcher cards live on the dashboard and intentionally use a light surface. */
#reportsView .report-launcher button{
  min-height:92px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:15px 17px!important;
  border:1px solid var(--rayos-primary-border)!important;
  border-inline-start:4px solid var(--rayos-primary)!important;
  background:#fff!important;
  color:var(--rayos-secondary)!important;
  box-shadow:0 7px 18px rgba(var(--rayos-secondary-rgb),.08)!important;
  text-align:right!important;
}
#reportsView .report-launcher button strong{
  color:var(--rayos-secondary)!important;
  font-size:13px!important;
  font-weight:800!important;
}
#reportsView .report-launcher button small{
  color:#5b716d!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.7!important;
}
#reportsView .report-launcher button i,
#reportsView .report-launcher button span,
#reportsView .report-launcher button svg{
  color:var(--rayos-primary-hover)!important;
  fill:currentColor!important;
}
#reportsView .report-launcher button:hover,
#reportsView .report-launcher button:focus-visible{
  border-color:var(--rayos-primary)!important;
  border-inline-start-color:var(--rayos-secondary)!important;
  background:var(--rayos-gradient-soft)!important;
  color:var(--rayos-secondary)!important;
  box-shadow:0 12px 26px rgba(var(--rayos-secondary-rgb),.14)!important;
}
#reportsView .report-launcher button:hover strong,
#reportsView .report-launcher button:focus-visible strong{color:var(--rayos-secondary)!important}
#reportsView .report-launcher button:hover small,
#reportsView .report-launcher button:focus-visible small{color:#405d58!important}

@media(prefers-reduced-motion:reduce){button,.nav-item{transition:none!important}}