/* Sayq HR theme — Zid-style re-skin matching cargo.sayq.app. Loaded globally, wins via !important. */
:root{
  --sq-dark:#140735; --sq-dark2:#1e0f4a;
  --sq:#6A44BF; --sq2:#833FEF; --sq-lite:#BF95F9; --sq-tint:rgba(106,68,191,.12);
  --sq-bg:#f5f4fb; --sq-card:#ffffff; --sq-line:#e7e3f4;
  --sq-ink:#1c1533; --sq-muted:#6c6485;
  /* nudge Ant v5 primary tokens too (harmless if unused) */
  --ant-color-primary:#6A44BF; --ant-color-primary-hover:#7d5ccf; --ant-color-primary-active:#5a37a8;
  --ant-primary-color:#6A44BF; --ant-primary-color-hover:#7d5ccf;
}

/* ---------- base ---------- */
body, .ant-layout{ background:#f5f4fb !important;
  font-family:"Segoe UI","Tahoma","Cairo",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif !important; }
.ant-layout-content{ background:transparent !important; }
h1,h2,h3,h4,h5,.ant-typography,.ant-page-header-heading-title{ color:#140735 !important; }

/* ---------- top header: dark navy ---------- */
.ant-layout-header{ background:#140735 !important; box-shadow:0 2px 10px rgba(20,7,53,.18) !important; }
.ant-layout-header, .ant-layout-header span, .ant-layout-header a,
.ant-layout-header .anticon, .ant-layout-header .ant-typography,
.ant-layout-header .ant-select-selection-item, .ant-layout-header .ant-select-arrow{ color:#ffffff !important; }
.ant-layout-header .ant-select-selector{ background:transparent !important; border-color:rgba(255,255,255,.25) !important; border-radius:10px !important; }
.ant-layout-header .ant-avatar{ border:2px solid rgba(255,255,255,.35) !important; }
.ant-layout-header .ant-avatar img{ filter:none !important; }

/* ---------- sidebar ---------- */
.ant-layout-sider, .ant-menu, .ant-menu-sub, .ant-menu-inline, .ant-menu-root{ background:#ffffff !important; border-inline-end:0 !important; }
.ant-layout-sider{ box-shadow:1px 0 0 #eee9f6 !important; }
.ant-menu-light .ant-menu-item, .ant-menu-light .ant-menu-submenu-title{
  border-radius:10px !important; margin-inline:8px !important; width:auto !important; color:#1c1533 !important; font-weight:600 !important; }
.ant-menu-light .ant-menu-item .anticon, .ant-menu-light .ant-menu-submenu-title .anticon{ color:#6c6485 !important; }
.ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-submenu-title:hover{ background:rgba(106,68,191,.06) !important; color:#6A44BF !important; }
.ant-menu-light .ant-menu-item:hover .anticon, .ant-menu-light .ant-menu-submenu-title:hover .anticon{ color:#6A44BF !important; }
.ant-menu-light .ant-menu-item-selected{ background:rgba(106,68,191,.12) !important; color:#6A44BF !important; }
.ant-menu-light .ant-menu-item-selected .anticon, .ant-menu-light .ant-menu-item-selected a{ color:#6A44BF !important; }
.ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title{ color:#6A44BF !important; }
.ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title .anticon{ color:#6A44BF !important; }
.ant-menu-light .ant-menu-item::after{ border-inline-end:0 !important; } /* kill the old right-edge indicator */

/* ---------- buttons ---------- */
.ant-btn{ border-radius:10px !important; font-weight:600 !important; }
.ant-btn-primary{ background:#6A44BF !important; border-color:#6A44BF !important; color:#fff !important; box-shadow:0 8px 18px rgba(106,68,191,.26) !important; }
.ant-btn-primary:hover, .ant-btn-primary:focus{ background:#7d5ccf !important; border-color:#7d5ccf !important; }
.ant-btn-default{ background:#ffffff !important; border-color:#e7e3f4 !important; color:#1c1533 !important; box-shadow:none !important; }
.ant-btn-default:hover, .ant-btn-default:focus{ color:#6A44BF !important; border-color:#6A44BF !important; }
.ant-btn-dashed{ border-color:#e7e3f4 !important; color:#6A44BF !important; }
.ant-btn-link{ color:#6A44BF !important; }
.ant-btn-dangerous{ color:#c0392b !important; border-color:#f0c4bf !important; }
.ant-btn-dangerous.ant-btn-primary{ background:#c0392b !important; border-color:#c0392b !important; color:#fff !important; box-shadow:0 8px 18px rgba(192,57,43,.24) !important; }

/* ---------- cards & containers ---------- */
.ant-card{ border-radius:16px !important; border:1px solid #e7e3f4 !important; box-shadow:0 6px 22px rgba(20,7,53,.05) !important; }
.ant-card-head{ border-bottom:1px solid #f0edf9 !important; }
.ant-modal-content, .ant-drawer-content, .ant-dropdown-menu, .ant-popover-inner{ border-radius:16px !important; }
.ant-modal-header{ border-radius:16px 16px 0 0 !important; }

/* ---------- inputs ---------- */
.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-picker, .ant-select-selector, .ant-input-number-group-addon{
  border-radius:10px !important; border-color:#e7e3f4 !important; }
.ant-input:focus, .ant-input-focused, .ant-input-affix-wrapper-focused, .ant-picker-focused,
.ant-select-focused .ant-select-selector, .ant-input-number-focused{
  border-color:#6A44BF !important; box-shadow:0 0 0 3px rgba(106,68,191,.15) !important; }
.ant-input:hover, .ant-select:hover .ant-select-selector, .ant-picker:hover{ border-color:#b9a6e6 !important; }

/* ---------- tables ---------- */
.ant-table{ border-radius:14px !important; }
.ant-table-container{ border-radius:14px !important; }
.ant-table-thead > tr > th{ background:#f6f4fc !important; color:#4a4368 !important; border-bottom:1px solid #ece8f7 !important; font-weight:700 !important; }
.ant-table-tbody > tr > td{ border-bottom:1px solid #f2eff9 !important; }
.ant-table-tbody > tr:hover > td, .ant-table-tbody > tr.ant-table-row:hover > td{ background:#faf9fe !important; }

/* ---------- misc primary accents ---------- */
.ant-pagination-item-active{ border-color:#6A44BF !important; }
.ant-pagination-item-active a{ color:#6A44BF !important; }
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{ color:#6A44BF !important; }
.ant-tabs-ink-bar{ background:#6A44BF !important; }
.ant-switch-checked{ background:#6A44BF !important; }
.ant-checkbox-checked .ant-checkbox-inner, .ant-radio-checked .ant-radio-inner{ background:#6A44BF !important; border-color:#6A44BF !important; }
.ant-radio-checked .ant-radio-inner::after{ background:#6A44BF !important; }
.ant-checkbox-checked::after{ border-color:#6A44BF !important; }
.ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner{ border-color:#6A44BF !important; }
.ant-badge-count{ background:#6A44BF !important; }
.ant-progress-bg{ background:#6A44BF !important; }
.ant-spin-dot-item{ background:#6A44BF !important; }
.ant-slider-track{ background:#6A44BF !important; }
.ant-slider-handle::after{ box-shadow:0 0 0 2px #6A44BF !important; }
.ant-steps-item-process .ant-steps-item-icon{ background:#6A44BF !important; border-color:#6A44BF !important; }
a:hover{ color:#6A44BF !important; }

/* ---------- tags → rounded pills, cargo status palette ---------- */
.ant-tag{ border-radius:999px !important; border:0 !important; font-weight:600 !important; padding:1px 11px !important; }
.ant-tag-green, .ant-tag-success, .ant-tag-lime{ background:#e8f6ee !important; color:#188a4a !important; }
.ant-tag-red, .ant-tag-error, .ant-tag-volcano, .ant-tag-magenta{ background:#fdecea !important; color:#c0392b !important; }
.ant-tag-orange, .ant-tag-gold, .ant-tag-warning, .ant-tag-yellow{ background:#fdf3dc !important; color:#9a6a00 !important; }
.ant-tag-blue, .ant-tag-processing, .ant-tag-geekblue, .ant-tag-cyan{ background:#e9f0fd !important; color:#245bc4 !important; }
.ant-tag-purple, .ant-tag-default{ background:rgba(106,68,191,.12) !important; color:#6A44BF !important; }

/* ---------- scrollbar ---------- */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#d9d1ee; border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:#b9a6e6; }