/* ==========================================================================
   HOOR Beauty — dashboard theme
   Loaded after the Metronic bundle; overrides colours, surfaces and spacing.
   Palette taken from the HOOR logo: warm near-black ink + copper on soft sand.
   ========================================================================== */

:root {
  --hoor-ink: #211713;
  --hoor-ink-2: #5a4a41;
  --hoor-muted: #8c7b70;
  --hoor-copper: #b27a58;
  --hoor-copper-600: #9a6544;
  --hoor-copper-700: #7f5236;
  --hoor-copper-100: #f6ebe3;
  --hoor-copper-50: #fbf5f0;
  --hoor-sand: #faf6f2;
  --hoor-line: #eadfd6;
  --hoor-white: #ffffff;
  --hoor-radius: 14px;
  --hoor-radius-sm: 10px;
  --hoor-shadow: 0 1px 2px rgba(33, 23, 19, 0.04), 0 8px 24px -12px rgba(33, 23, 19, 0.12);
  --hoor-shadow-lg: 0 18px 48px -18px rgba(33, 23, 19, 0.28);
  --hoor-font: "Inter", "Poppins", "Cairo", system-ui, sans-serif;
  --hoor-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --hoor-ring: 0 0 0 4px rgba(178, 122, 88, 0.18);

  /* Bootstrap / Metronic colour tokens */
  --bs-primary: #b27a58;
  --bs-primary-active: #9a6544;
  --bs-primary-light: #f6ebe3;
  --bs-primary-rgb: 178, 122, 88;
  --bs-text-primary: #b27a58;
  --bs-success: #4f8a6b;
  --bs-success-active: #3f7458;
  --bs-success-light: #e6f2ec;
  --bs-warning: #d9a441;
  --bs-warning-light: #fbf1dc;
  --bs-danger: #c8553d;
  --bs-danger-active: #a94530;
  --bs-danger-light: #fbe9e5;
  --bs-info: #6b86a6;
  --bs-info-light: #e8eef5;
  --bs-body-bg: #faf6f2;
  --bs-body-color: #211713;
  --bs-border-color: #eadfd6;
  --bs-border-dashed-color: #e3d6cb;
  --bs-gray-100: #faf6f2;
  --bs-gray-200: #f2ebe5;
  --bs-gray-300: #eadfd6;
  --bs-gray-400: #d9cbbf;
  --bs-gray-500: #a8978b;
  --bs-gray-600: #8c7b70;
  --bs-gray-700: #5a4a41;
  --bs-gray-800: #3a2c25;
  --bs-gray-900: #211713;
  --bs-font-sans-serif: var(--hoor-font);
}

/* ---------- Base ---------------------------------------------------------- */
html, body {
  font-family: var(--hoor-font);
  color: var(--hoor-ink);
  background: var(--hoor-sand);
  -webkit-font-smoothing: antialiased;
}
body, .wrapper, .content, .post { background: var(--hoor-sand) !important; }
a { color: var(--hoor-copper-600); }
a:hover { color: var(--hoor-copper-700); }
::selection { background: var(--hoor-copper-100); color: var(--hoor-ink); }
.text-dark, h1, h2, h3, h4, h5, h6 { color: var(--hoor-ink); }
.text-gray-500, .text-muted { color: var(--hoor-muted) !important; }
.text-gray-700 { color: var(--hoor-ink-2) !important; }
:focus-visible { outline: 2px solid var(--hoor-copper); outline-offset: 2px; }

/* ---------- Brand lockup -------------------------------------------------- */
.hoor-brand { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; color: var(--hoor-ink); text-align: center; }
.hoor-brand__word { position: relative; font-family: var(--hoor-serif); font-weight: 600; letter-spacing: 0.04em; font-size: 2.6rem; padding-inline-end: 0.55em; }
.hoor-brand__spark { position: absolute; top: -0.12em; inset-inline-end: 0; width: 0.34em; height: 0.34em; color: var(--hoor-copper); }
.hoor-brand__row { display: flex; align-items: center; gap: 0.9em; margin-top: 0.5em; }
.hoor-brand__beauty { font-family: var(--hoor-font); font-weight: 500; font-size: 0.34em; letter-spacing: 0.55em; color: var(--hoor-copper); padding-inline-start: 0.55em; }
.hoor-brand__ar { font-family: "Cairo", var(--hoor-serif); font-weight: 700; font-size: 0.8em; letter-spacing: 0; }
.hoor-brand__tag { font-size: 0.17em; letter-spacing: 0.5em; color: var(--hoor-muted); margin-top: 0.8em; font-weight: 500; }
.hoor-brand { font-size: 1rem; }
.hoor-brand--xs { font-size: 0.5rem; }
.hoor-brand--sm { font-size: 0.62rem; }
.hoor-brand--md { font-size: 0.8rem; }
.hoor-brand--lg { font-size: 1.1rem; }
.hoor-brand--xl { font-size: 1.7rem; }
.hoor-brand--xs .hoor-brand__word, .hoor-brand--sm .hoor-brand__word { font-size: 2.2rem; }
.hoor-brand--light { color: #fff; }
.hoor-brand--light .hoor-brand__beauty { color: #e9c9b3; }
.hoor-brand--light .hoor-brand__spark { color: #e9c9b3; }
.hoor-brand--light .hoor-brand__tag { color: rgba(255, 255, 255, 0.6); }

/* ---------- Sidebar ------------------------------------------------------- */
.hoor-aside, .aside.aside-light, .aside { background: var(--hoor-white) !important; border-inline-end: 1px solid var(--hoor-line); box-shadow: none !important; }
.aside .aside-logo { background: var(--hoor-white) !important; border-bottom: 1px solid var(--hoor-line); height: 84px; padding: 0 1rem; }
.hoor-aside__logo { padding: 0.5rem 0; }
.aside .aside-menu { padding: 0.5rem 0.75rem 1.5rem; }
.aside .menu .menu-item .menu-section { color: var(--hoor-muted) !important; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.14em; }
.aside .menu .menu-item .menu-content { padding-top: 1.5rem !important; padding-bottom: 0.4rem !important; }
.aside .menu .menu-link { border-radius: var(--hoor-radius-sm); padding: 0.62rem 0.85rem; margin: 2px 0; color: var(--hoor-ink-2); font-weight: 500; transition: background 0.15s, color 0.15s; }
.aside .menu .menu-link .menu-title { color: inherit !important; font-size: 0.92rem; }
.aside .menu .menu-link .menu-icon i, .aside .menu .menu-link .menu-bullet span { color: var(--hoor-copper) !important; }
.aside .menu .menu-link:hover, .aside .menu .menu-item.show > .menu-link { background: var(--hoor-copper-50) !important; color: var(--hoor-ink) !important; }
.aside .menu .menu-link.active { background: var(--hoor-copper-100) !important; color: var(--hoor-copper-700) !important; font-weight: 600; box-shadow: inset 3px 0 0 var(--hoor-copper); }
[dir="rtl"] .aside .menu .menu-link.active { box-shadow: inset -3px 0 0 var(--hoor-copper); }
.aside .menu .menu-sub-accordion { padding-inline-start: 0.4rem; }
.aside .menu .menu-sub .menu-link { padding: 0.5rem 0.85rem; }
.aside .menu .menu-arrow:after { filter: none; opacity: 0.55; }
.aside-minimize .hoor-brand__row, .aside-minimize .hoor-brand__tag { display: none; }

/* ---------- Header -------------------------------------------------------- */
#kt_header, .header { background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--hoor-line); box-shadow: none !important; height: 64px; }
#kt_header .container-fluid { gap: 1rem; }
#kt_header .page-title h1 { font-size: 1.15rem !important; font-weight: 700; letter-spacing: -0.01em; }
#kt_header .breadcrumb { color: var(--hoor-muted); }
#kt_header .breadcrumb a { color: var(--hoor-muted) !important; }
#kt_header .breadcrumb a:hover { color: var(--hoor-copper-600) !important; }
.aside-toggle { color: var(--hoor-ink) !important; border-radius: var(--hoor-radius-sm); }
.aside-toggle:hover { background: var(--hoor-copper-50); }
.hoor-actions { display: flex; align-items: center; gap: 0.5rem; }
.hoor-chip { display: inline-flex; align-items: center; gap: 0.5rem; height: 40px; padding: 0 0.85rem; border: 1px solid var(--hoor-line); border-radius: 999px; background: #fff; color: var(--hoor-ink-2) !important; font-size: 0.85rem; font-weight: 500; text-decoration: none; transition: border-color 0.15s, background 0.15s, color 0.15s; white-space: nowrap; }
.hoor-chip:hover { border-color: var(--hoor-copper); background: var(--hoor-copper-50); color: var(--hoor-ink) !important; }
.hoor-chip--user { padding-inline-start: 0.35rem; }
.hoor-chip--danger:hover { border-color: var(--bs-danger); background: var(--bs-danger-light); color: var(--bs-danger-active) !important; }
.hoor-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--hoor-copper); color: #fff; font-weight: 700; font-size: 0.8rem; }
@media (max-width: 767px) {
  .hoor-chip__name, .hoor-chip__label, .hoor-chip:not(.hoor-chip--user) span:not(.hoor-chip__label) { display: none; }
  .hoor-chip { padding: 0 0.7rem; }
  .hoor-chip--user { padding: 0 0.35rem; }
}

/* ---------- Toolbar / page header ---------------------------------------- */
.toolbar { background: transparent !important; box-shadow: none !important; border: 0 !important; min-height: 0; padding: 1.25rem 0 0.25rem; }
.toolbar #kt_toolbar_container { gap: 0.75rem; flex-wrap: wrap; }
.hoor-welcome { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.hoor-welcome__title { font-family: var(--hoor-serif); font-weight: 600; font-size: 1.9rem; margin: 0; letter-spacing: 0.01em; }
.hoor-welcome__sub { margin: 0.25rem 0 0; color: var(--hoor-muted); }

/* ---------- Cards --------------------------------------------------------- */
.card { border: 1px solid var(--hoor-line) !important; border-radius: var(--hoor-radius) !important; box-shadow: var(--hoor-shadow) !important; background: #fff; }
.card .card-header { border-bottom: 1px solid transparent; min-height: 0; }
.card .card-title, .card .card-label { font-weight: 600; color: var(--hoor-ink); }
.card-flush > .card-header { padding-inline: 1.5rem; }
.card-flush > .card-body { padding-inline: 1.5rem; }
.card-footer { border-top: 1px solid var(--hoor-line); }

/* ---------- Buttons ------------------------------------------------------- */
.btn { border-radius: var(--hoor-radius-sm); font-weight: 600; transition: all 0.15s ease; }
.btn.btn-primary, .hoor-btn-primary { background: var(--hoor-copper) !important; border-color: var(--hoor-copper) !important; color: #fff !important; box-shadow: 0 6px 16px -8px rgba(178, 122, 88, 0.8); }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .hoor-btn-primary:hover { background: var(--hoor-copper-600) !important; border-color: var(--hoor-copper-600) !important; transform: translateY(-1px); }
.hoor-btn-primary { display: inline-flex; align-items: center; justify-content: center; height: 46px; border-radius: var(--hoor-radius-sm); font-weight: 600; border: 0; }
.btn.btn-light-primary { background: var(--hoor-copper-100) !important; color: var(--hoor-copper-700) !important; border-color: transparent !important; }
.btn.btn-light-primary:hover { background: var(--hoor-copper) !important; color: #fff !important; }
.btn.btn-light, .btn.btn-secondary { background: #fff !important; border: 1px solid var(--hoor-line) !important; color: var(--hoor-ink-2) !important; }
.btn.btn-light:hover, .btn.btn-secondary:hover { border-color: var(--hoor-copper) !important; background: var(--hoor-copper-50) !important; }
.btn.btn-danger { background: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }
.btn.btn-light-danger { background: var(--bs-danger-light) !important; color: var(--bs-danger-active) !important; }
.btn.btn-light-success { background: var(--bs-success-light) !important; color: var(--bs-success-active) !important; }
.btn.btn-icon.btn-light-primary, .btn.btn-icon { border-radius: 10px; }
.text-primary, .link-primary { color: var(--hoor-copper-600) !important; }
.bg-primary { background-color: var(--hoor-copper) !important; }
.border-primary { border-color: var(--hoor-copper) !important; }
.svg-icon.svg-icon-primary, .text-hover-primary:hover { color: var(--hoor-copper) !important; }

/* ---------- Badges -------------------------------------------------------- */
.badge { border-radius: 999px; font-weight: 600; padding: 0.4em 0.8em; }
.badge-light-primary { background: var(--hoor-copper-100) !important; color: var(--hoor-copper-700) !important; }
.badge-light-success { background: var(--bs-success-light) !important; color: var(--bs-success-active) !important; }
.badge-light-danger { background: var(--bs-danger-light) !important; color: var(--bs-danger-active) !important; }
.badge-light-warning { background: var(--bs-warning-light) !important; color: #8a6420 !important; }
.badge-light-info { background: var(--bs-info-light) !important; color: #46607f !important; }
.badge-primary { background: var(--hoor-copper) !important; }

/* ---------- Forms --------------------------------------------------------- */
.form-control, .form-select, .select2-container--bootstrap5 .select2-selection, .daisyfile-input, .input, input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea.form-control {
  border: 1px solid var(--hoor-line); border-radius: var(--hoor-radius-sm); background-color: #fff; color: var(--hoor-ink); min-height: 44px; transition: border-color 0.15s, box-shadow 0.15s;
}
.form-control:focus, .form-select:focus, .daisyfile-input:focus, .select2-container--bootstrap5.select2-container--focus .select2-selection, .select2-container--bootstrap5.select2-container--open .select2-selection {
  border-color: var(--hoor-copper) !important; box-shadow: var(--hoor-ring) !important; outline: 0; background-color: #fff;
}
.form-control::placeholder { color: #b9aa9f; }
.form-control-solid, .form-select-solid { background-color: var(--hoor-sand); border-color: transparent; }
.form-label, label.required, .fv-row label { font-weight: 600; color: var(--hoor-ink-2); font-size: 0.88rem; }
label.required:after { color: var(--bs-danger); }
.form-check-input:checked { background-color: var(--hoor-copper); border-color: var(--hoor-copper); }
.form-check-input:focus { box-shadow: var(--hoor-ring); border-color: var(--hoor-copper); }
.form-switch .form-check-input:checked { background-color: var(--hoor-copper); }
.invalid-feedback, .fv-plugins-message-container, .text-red-500 { color: var(--bs-danger) !important; font-size: 0.82rem; }
.is-invalid, .daisyfile-input.input-error { border-color: var(--bs-danger) !important; }
.nav-line-tabs .nav-item .nav-link { color: var(--hoor-muted); font-weight: 600; }
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover { color: var(--hoor-copper-700); border-bottom-color: var(--hoor-copper); }

/* ---------- Tables / DataTables ------------------------------------------ */
.table { --bs-table-bg: transparent; color: var(--hoor-ink-2); }
.table > :not(caption) > * > * { padding: 0.95rem 1rem; border-bottom-color: var(--hoor-line); vertical-align: middle; }
.table thead th, .table.gs-0 thead th { background: var(--hoor-copper-50) !important; color: var(--hoor-muted) !important; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; border-bottom: 1px solid var(--hoor-line) !important; white-space: nowrap; }
.table thead th:first-child { border-top-left-radius: var(--hoor-radius-sm); border-bottom-left-radius: var(--hoor-radius-sm); }
.table thead th:last-child { border-top-right-radius: var(--hoor-radius-sm); border-bottom-right-radius: var(--hoor-radius-sm); }
.table-row-dashed tbody tr, .table tbody tr { transition: background 0.12s; }
.table tbody tr:hover { background: var(--hoor-copper-50); }
.table tbody tr:last-child td { border-bottom: 0; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select, div.dataTables_wrapper div.dataTables_filter input { border: 1px solid var(--hoor-line); border-radius: var(--hoor-radius-sm); padding: 0.5rem 0.9rem; min-height: 40px; }
.dataTables_wrapper .dataTables_info { color: var(--hoor-muted); font-size: 0.85rem; }
.dataTables_wrapper .dataTables_paginate { padding-top: 0.5rem; }
.dataTables_processing { border-radius: var(--hoor-radius-sm); box-shadow: var(--hoor-shadow-lg); border: 1px solid var(--hoor-line); color: var(--hoor-copper-700); }
.table-responsive { border-radius: var(--hoor-radius-sm); }

/* ---------- Pagination ---------------------------------------------------- */
.page-item .page-link { border-radius: 10px; margin: 0 2px; color: var(--hoor-ink-2); border: 0; font-weight: 600; }
.page-item .page-link:hover { background: var(--hoor-copper-50); color: var(--hoor-copper-700); }
.page-item.active .page-link { background: var(--hoor-copper); color: #fff; box-shadow: 0 6px 14px -8px rgba(178, 122, 88, 0.9); }

/* ---------- Dropdowns, modals, tooltips ---------------------------------- */
.dropdown-menu, .menu-sub-dropdown, .select2-dropdown { border: 1px solid var(--hoor-line) !important; border-radius: var(--hoor-radius-sm) !important; box-shadow: var(--hoor-shadow-lg) !important; }
.menu-state-bg .menu-item .menu-link:hover, .select2-results__option--highlighted { background: var(--hoor-copper-50) !important; color: var(--hoor-copper-700) !important; }
.select2-results__option--selected { background: var(--hoor-copper-100) !important; }
.modal-content { border: 0; border-radius: 18px; box-shadow: var(--hoor-shadow-lg); }
.modal-header { border-bottom: 1px solid var(--hoor-line); }
.modal-footer { border-top: 1px solid var(--hoor-line); }
.swal2-popup { border-radius: 18px !important; font-family: var(--hoor-font) !important; }
.swal2-styled.swal2-confirm { background: var(--hoor-copper) !important; border-radius: var(--hoor-radius-sm) !important; box-shadow: none !important; }
.swal2-styled.swal2-cancel { border-radius: var(--hoor-radius-sm) !important; }
.swal2-icon.swal2-success [class^="swal2-success-line"] { background-color: var(--bs-success) !important; }
.alert { border-radius: var(--hoor-radius-sm); border: 0; }

/* ---------- Scrollbars / scroll-top -------------------------------------- */
.scrolltop { background: var(--hoor-copper) !important; border-radius: 12px; }
* { scrollbar-color: #d9cbbf transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d9cbbf; border-radius: 8px; }

/* ---------- Content spacing ---------------------------------------------- */
#kt_content_container, .container-xxl { max-width: 1480px; padding-inline: 1.5rem; }
@media (max-width: 767px) { #kt_content_container, .container-xxl { padding-inline: 1rem; } .hoor-welcome__title { font-size: 1.5rem; } }

/* ---------- Login --------------------------------------------------------- */
.hoor-auth-body { background: #fff !important; }
.hoor-auth__panel { background: #fff; }
.hoor-auth__panel form { width: 100%; max-width: 420px; }
.hoor-auth__title { font-family: var(--hoor-serif); font-size: 2.3rem; font-weight: 600; margin: 0 0 0.35rem; color: var(--hoor-ink); }
.hoor-auth__sub { color: var(--hoor-muted); margin-bottom: 2rem; }
.hoor-auth__hero { position: relative; align-items: center; justify-content: center; padding: 4rem; overflow: hidden; color: #fff;
  background: radial-gradient(900px 500px at 15% 10%, rgba(233, 201, 179, 0.28), transparent 60%), radial-gradient(700px 500px at 90% 95%, rgba(178, 122, 88, 0.55), transparent 60%), linear-gradient(160deg, #2c1e18 0%, #211713 55%, #3a261c 100%); }
.hoor-auth__hero:after { content: ""; position: absolute; inset: 1.25rem; border: 1px solid rgba(233, 201, 179, 0.22); border-radius: 28px; pointer-events: none; }
.hoor-auth__hero-inner { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2.5rem; max-width: 420px; }
.hoor-auth__hero-text { color: rgba(255, 255, 255, 0.72); font-size: 1.05rem; line-height: 1.7; margin: 0; }
.hoor-auth__panel .label-text { font-weight: 600; color: var(--hoor-ink-2); }
.hoor-auth__panel .daisyfile-input { height: 48px; border: 1px solid var(--hoor-line); border-radius: var(--hoor-radius-sm); padding-inline: 2.6rem 1rem; background: #fff; }
.hoor-auth__panel .daisycheckbox { accent-color: var(--hoor-copper); width: 18px; height: 18px; }
.hoor-auth__panel .hoor-btn-primary { height: 50px; font-size: 1rem; }

/* ---------- Print: keep invoices clean ----------------------------------- */
@media print {
  .aside, #kt_header, .toolbar, .scrolltop { display: none !important; }
  body, .wrapper, .content { background: #fff !important; }
}

/* ---------- Collapsible filter / import panels --------------------------- */
details.hoor-filters > summary { list-style: none; cursor: pointer; }
details.hoor-filters > summary::-webkit-details-marker { display: none; }
.hoor-filters__summary { display: flex; align-items: center; gap: 0.6rem; padding: 0.95rem 1.5rem; font-weight: 600; color: var(--hoor-ink-2); }
.hoor-filters__summary > span:first-child { display: inline-flex; align-items: center; gap: 0.6rem; }
.hoor-filters__summary i:first-child { color: var(--hoor-copper); }
.hoor-filters__chev { margin-inline-start: auto; font-size: 0.75rem; color: var(--hoor-muted); transition: transform 0.2s; }
details.hoor-filters[open] .hoor-filters__chev { transform: rotate(180deg); }
details.hoor-filters[open] > summary { border-bottom: 1px solid var(--hoor-line); }
details.hoor-filters .select2-container { width: 100% !important; }
.hoor-filters .card-body { padding: 1.25rem 1.5rem; }

/* Force the brand font over the Tailwind base (_base.css sets Plus Jakarta Sans) */
html, body, button, input, select, textarea, .btn, .form-control, .table, .card, .menu-link { font-family: var(--hoor-font) !important; }
[dir="rtl"] html, [dir="rtl"] body, [dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] .btn, [dir="rtl"] .table, [dir="rtl"] .menu-link, html[dir="rtl"] body { font-family: "Cairo", "Tajawal", var(--hoor-font) !important; }
.fas, .far, .fa, .fab { font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; }
.hoor-brand__word, .hoor-welcome__title, .hoor-auth__title { font-family: var(--hoor-serif) !important; }
.hoor-brand__ar { font-family: "Cairo", var(--hoor-serif) !important; }

/* ==========================================================================
   v2 — redesign layer
   ========================================================================== */

/* ---- Brand lockup (re-scaled; everything derives from the wordmark size) -- */
.hoor-brand { align-items: stretch; font-size: 40px; }
.hoor-brand--xs { font-size: 22px; }
.hoor-brand--sm { font-size: 30px; }
.hoor-brand--md { font-size: 42px; }
.hoor-brand--lg { font-size: 54px; }
.hoor-brand--xl { font-size: 72px; }
.hoor-brand .hoor-brand__word, .hoor-brand--xs .hoor-brand__word, .hoor-brand--sm .hoor-brand__word { font-size: 1em; line-height: 1; letter-spacing: 0.05em; padding-inline-end: 0; text-align: center; }
.hoor-brand__spark { width: 0.3em; height: 0.3em; top: -0.1em; inset-inline-end: -0.18em; }
.hoor-brand__row { justify-content: space-between; gap: 0.3em; margin-top: 0.3em; padding-inline: 0.05em; }
.hoor-brand__beauty { font-size: 0.2em; letter-spacing: 0.6em; padding: 0; margin-inline-end: -0.6em; }
.hoor-brand__ar { font-size: 0.42em; line-height: 1; }
.hoor-brand__tag { font-size: 0.11em; letter-spacing: 0.55em; text-align: center; margin-top: 0.9em; padding-inline-start: 0.55em; }

/* ---- Login --------------------------------------------------------------- */
.hoor-login { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); min-height: 100vh; background: #fff; }
.hoor-login__panel { display: flex; align-items: center; justify-content: center; padding: 2rem 1.5rem; }
.hoor-login__box { width: 100%; max-width: 400px; }
.hoor-login__brand { display: flex; margin-bottom: 2.75rem; }
.hoor-login__foot { margin: 2.5rem 0 0; color: var(--hoor-muted); font-size: 0.8rem; }
.hoor-login__hero { position: relative; display: flex; align-items: center; justify-content: center; padding: 3rem; color: #fff; overflow: hidden;
  background: radial-gradient(800px 520px at 12% 8%, rgba(233, 201, 179, 0.30), transparent 62%), radial-gradient(640px 520px at 92% 96%, rgba(178, 122, 88, 0.60), transparent 60%), linear-gradient(155deg, #2f201a 0%, #211713 52%, #3b271d 100%); }
.hoor-login__hero::after { content: ""; position: absolute; inset: 1.25rem; border: 1px solid rgba(233, 201, 179, 0.22); border-radius: 28px; pointer-events: none; }
.hoor-login__hero-inner { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2rem; max-width: 380px; }
.hoor-login__hero p { margin: 0; color: rgba(255, 255, 255, 0.74); line-height: 1.75; }
.hoor-login__points { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; list-style: none; padding: 0; margin: 0; }
.hoor-login__points li { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.9rem; border: 1px solid rgba(233, 201, 179, 0.3); border-radius: 999px; font-size: 0.82rem; color: #f3dfd0; }
.hoor-form { width: 100%; max-width: none !important; }
.hoor-auth__title { font-size: 2.2rem; }
.hoor-alert { display: flex; gap: 0.6rem; align-items: center; background: var(--bs-danger-light); color: var(--bs-danger-active); border-radius: var(--hoor-radius-sm); padding: 0.75rem 1rem; margin-bottom: 1.25rem; font-size: 0.9rem; }
.hoor-field { display: block; margin-bottom: 1.15rem; }
.hoor-field__label { display: block; font-size: 0.85rem; font-weight: 600; color: var(--hoor-ink-2); margin-bottom: 0.45rem; }
.hoor-field__control { position: relative; display: flex; align-items: center; }
.hoor-field__control > i:first-child { position: absolute; inset-inline-start: 1rem; color: var(--hoor-muted); font-size: 0.95rem; pointer-events: none; }
.hoor-field__control input { width: 100%; height: 50px; padding-inline: 2.8rem 2.8rem; background: #fff; border: 1.5px solid var(--hoor-line); border-radius: 12px; font-size: 0.95rem; color: var(--hoor-ink); transition: border-color 0.15s, box-shadow 0.15s; }
.hoor-field__control input:focus { outline: 0; border-color: var(--hoor-copper); box-shadow: var(--hoor-ring); }
.hoor-field__eye { position: absolute; inset-inline-end: 0.5rem; width: 38px; height: 38px; display: grid; place-items: center; background: none; border: 0; color: var(--hoor-muted); border-radius: 10px; cursor: pointer; }
.hoor-field__eye:hover { background: var(--hoor-copper-50); color: var(--hoor-copper-700); }
.hoor-field__eye .hidden { display: none; }
.hoor-check { display: inline-flex; align-items: center; gap: 0.6rem; margin: 0.25rem 0 1.5rem; font-size: 0.88rem; color: var(--hoor-ink-2); cursor: pointer; }
.hoor-check input { width: 18px; height: 18px; accent-color: var(--hoor-copper); }
.hoor-btn-block { width: 100%; height: 50px; font-size: 1rem; border-radius: 12px; cursor: pointer; }
@media (max-width: 991px) { .hoor-login { grid-template-columns: 1fr; } .hoor-login__hero { display: none; } }

/* ---- Sidebar ------------------------------------------------------------- */
.aside { width: 272px; }
.aside .aside-logo { height: 92px; justify-content: center; }
.hoor-nav-search { position: relative; margin: 0.9rem 1rem 0.25rem; }
.hoor-nav-search i { position: absolute; inset-inline-start: 0.9rem; top: 50%; transform: translateY(-50%); color: var(--hoor-muted); font-size: 0.8rem; }
.hoor-nav-search input { width: 100%; height: 40px; padding-inline: 2.3rem 0.8rem; border: 1px solid var(--hoor-line); border-radius: 12px; background: var(--hoor-sand); font-size: 0.85rem; color: var(--hoor-ink); transition: all 0.15s; }
.hoor-nav-search input:focus { outline: 0; background: #fff; border-color: var(--hoor-copper); box-shadow: var(--hoor-ring); }
.aside .menu .menu-item > .menu-link, .aside .menu .menu-item.menu-accordion > .menu-link { padding: 0.5rem 0.65rem; gap: 0.75rem; align-items: center; }
.aside .menu .menu-link .menu-icon, .hoor-nav-icon { display: grid !important; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; margin: 0 !important; border-radius: 10px; background: var(--hoor-sand); transition: all 0.15s; }
.aside .menu .menu-link .menu-icon i { font-size: 0.9rem; color: var(--hoor-copper-600) !important; }
.aside .menu .menu-link:hover .menu-icon { background: var(--hoor-copper-100); }
.aside .menu .menu-link.active { background: var(--hoor-copper-50) !important; box-shadow: none !important; color: var(--hoor-ink) !important; }
.aside .menu .menu-link.active .menu-icon { background: var(--hoor-copper); box-shadow: 0 6px 14px -6px rgba(178, 122, 88, 0.9); }
.aside .menu .menu-link.active .menu-icon i { color: #fff !important; }
.aside .menu .menu-link.active .menu-title { font-weight: 700; }
.aside .menu .menu-item.show > .menu-link { background: transparent !important; }
.aside .menu .menu-item.show > .menu-link .menu-icon { background: var(--hoor-copper-100); }
.aside .menu .menu-sub-accordion { margin-inline-start: 1.15rem; padding-inline-start: 0.6rem; border-inline-start: 1.5px dashed var(--hoor-line); margin-bottom: 0.25rem; }
.aside .menu .menu-sub .menu-link { padding: 0.38rem 0.5rem; }
.aside .menu .menu-sub .menu-link .menu-icon { flex-basis: 28px; width: 28px; height: 28px; border-radius: 8px; background: transparent; }
.aside .menu .menu-sub .menu-link .menu-icon i { font-size: 0.78rem; }
.aside .menu .menu-sub .menu-link .menu-title { font-size: 0.88rem; }
.aside .menu .menu-sub .menu-link.active .menu-icon { background: var(--hoor-copper); }
.aside .menu-arrow { margin-inline-start: auto; }
.aside-minimize .hoor-nav-search { display: none; }

/* ---- Header -------------------------------------------------------------- */
#kt_header, .header { height: 68px; }
#kt_header .page-title h1 { font-size: 1.2rem !important; }
.hoor-chip { height: 42px; background: var(--hoor-sand); border-color: transparent; }
.hoor-chip:hover { background: var(--hoor-copper-100); border-color: transparent; }
.hoor-chip--user { background: #fff; border-color: var(--hoor-line); }

/* ---- Buttons: one consistent system ------------------------------------- */
.btn { --b-h: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: var(--b-h); padding: 0 1.1rem; font-size: 0.88rem; line-height: 1; letter-spacing: 0.005em; box-shadow: none; }
.btn.btn-sm { --b-h: 36px; padding: 0 0.95rem; font-size: 0.84rem; }
.btn.btn-lg { --b-h: 48px; padding: 0 1.5rem; font-size: 0.95rem; }
.btn i { font-size: 0.85em; }
.btn.btn-icon { width: var(--b-h); padding: 0; }
.btn.btn-primary, .hoor-btn-primary { background: linear-gradient(180deg, #bd8461 0%, #a56d4b 100%) !important; border: 0 !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 8px 18px -10px rgba(127, 82, 54, 0.9) !important; }
.btn.btn-primary:hover, .hoor-btn-primary:hover { background: linear-gradient(180deg, #b5784f 0%, #94603f 100%) !important; transform: translateY(-1px); }
.btn.btn-secondary, .btn.btn-light { background: #fff !important; border: 1px solid var(--hoor-line) !important; color: var(--hoor-ink-2) !important; }
.btn.btn-secondary:hover, .btn.btn-light:hover { background: var(--hoor-copper-50) !important; border-color: var(--hoor-copper) !important; color: var(--hoor-copper-700) !important; }
.btn.btn-success { background: var(--bs-success) !important; border: 0 !important; color: #fff !important; }
.btn.btn-danger { background: var(--bs-danger) !important; border: 0 !important; color: #fff !important; }
.btn.btn-warning { background: var(--bs-warning) !important; border: 0 !important; color: #3b2a07 !important; }
.btn.btn-info { background: var(--bs-info) !important; border: 0 !important; color: #fff !important; }
.btn.btn-light-success, .btn.btn-light-danger, .btn.btn-light-warning, .btn.btn-light-info { border: 0 !important; }
.btn.btn-light-warning { background: var(--bs-warning-light) !important; color: #8a6420 !important; }
.btn.btn-light-info { background: var(--bs-info-light) !important; color: #46607f !important; }
.btn-check:focus + .btn, .btn:focus-visible { box-shadow: var(--hoor-ring) !important; }
.toolbar .btn { white-space: nowrap; }

/* ---- Data tables --------------------------------------------------------- */
.card > .card-body.overflow-auto { padding: 0; overflow: visible !important; }
.dataTables_wrapper { padding: 0; }
.dt-toolbar-container { background: transparent !important; border-bottom: 1px solid var(--hoor-line); padding: 1rem 1.25rem !important; margin: 0 !important; gap: 1rem; flex-wrap: wrap; border-radius: var(--hoor-radius) var(--hoor-radius) 0 0; }
.dataTables_filter { flex: 1 1 280px; max-width: 380px; }
.dataTables_filter label { position: relative; display: block; width: 100%; margin: 0; font-size: 0; color: transparent; }
.dataTables_filter label::before { content: "\f002"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; position: absolute; inset-inline-start: 1rem; top: 50%; transform: translateY(-50%); font-size: 0.85rem; color: var(--hoor-muted); z-index: 1; pointer-events: none; }
.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter input { width: 100% !important; margin: 0 !important; height: 44px; padding-inline: 2.6rem 1rem !important; font-size: 0.9rem; background: var(--hoor-sand) !important; border: 1px solid transparent !important; border-radius: 12px; color: var(--hoor-ink); transition: all 0.15s; }
.dataTables_filter input:focus { background: #fff !important; border-color: var(--hoor-copper) !important; box-shadow: var(--hoor-ring); outline: 0; }
.dt-toolbar-container > .d-flex { gap: 0.6rem; }
.dataTables_length label { margin: 0; font-size: 0; }
.dataTables_length select { width: 84px; height: 44px; font-size: 0.88rem; border-radius: 12px; background-color: var(--hoor-sand); border: 1px solid transparent; }
.dt-buttons .btn { --b-h: 44px; border-radius: 12px; }
.dataTable { margin: 0 !important; width: 100% !important; border-collapse: separate; border-spacing: 0; }
.dataTable thead th { padding: 0.85rem 1.25rem !important; background: var(--hoor-sand) !important; border-radius: 0 !important; border-top: 0; border-bottom: 1px solid var(--hoor-line) !important; }
.dataTable tbody td { padding: 1rem 1.25rem !important; font-size: 0.9rem; color: var(--hoor-ink); border-bottom: 1px solid var(--hoor-line) !important; }
.dataTable tbody tr:last-child td { border-bottom: 0 !important; }
.dataTable tbody tr:hover td { background: var(--hoor-copper-50); }
.dataTable td img { border-radius: 10px; object-fit: cover; }
.dataTable td .btn.btn-icon { --b-h: 34px; width: 34px; height: 34px; margin: 0 2px !important; border-radius: 10px; background: var(--hoor-sand); color: var(--hoor-ink-2); border: 0; }
.dataTable td .btn.btn-icon svg { width: 17px; height: 17px; }
.dataTable td .btn.btn-icon:hover { background: var(--hoor-copper-100); color: var(--hoor-copper-700); }
.dataTable td .btn.btn-icon.deleteButton:hover, .dataTable td .btn.btn-icon.btn-active-color-danger:hover { background: var(--bs-danger-light); color: var(--bs-danger-active); }
.dataTable td .badge { font-size: 0.75rem; }
.dataTables_wrapper > .d-flex:last-child { padding: 0.9rem 1.25rem; border-top: 1px solid var(--hoor-line); }
.dataTables_empty { padding: 3rem 1rem !important; color: var(--hoor-muted); text-align: center; }
.dataTables_processing { background: rgba(255, 255, 255, 0.92); font-weight: 600; }
.paginate_button.page-item .page-link { min-width: 36px; height: 36px; display: grid; place-items: center; padding: 0 0.6rem; }

/* ---- Page toolbar / actions --------------------------------------------- */
.toolbar #kt_toolbar_container { align-items: center; justify-content: flex-end; }
.toolbar #kt_toolbar_container > div:first-child:empty { display: none; }
.toolbar .d-flex.align-items-center { gap: 0.5rem; }

/* ---- Forms: card sections ------------------------------------------------ */
.card .card-header .card-title h2, .card .card-header .card-title h3 { font-size: 1.05rem; font-weight: 700; }
.form-control.form-control-solid, .form-select.form-select-solid { background: var(--hoor-sand) !important; border-color: var(--hoor-line) !important; }
.form-control.form-control-solid:focus, .form-select.form-select-solid:focus { background: #fff !important; }
.card-footer .btn + .btn { margin-inline-start: 0.5rem; }

/* ---- Sidebar v3: calmer list, no tile clutter ---------------------------- */
.aside .aside-logo, .drawer.aside .aside-logo { display: flex !important; align-items: center; justify-content: center; height: 88px; flex-shrink: 0; }
.hoor-nav-search { margin: 1rem 1rem 0.5rem; }
.aside .aside-menu { padding: 0 0.75rem 1.5rem; }
.aside .menu .hoor-nav-section .menu-content { padding: 1.35rem 0.75rem 0.45rem !important; }
.aside .menu .hoor-nav-section .menu-section { font-size: 0.68rem !important; font-weight: 700; letter-spacing: 0.12em; color: #b3a397 !important; }
.aside .menu .menu-item > .menu-link, .aside .menu .menu-item.menu-accordion > .menu-link { min-height: 42px; padding: 0 0.75rem; gap: 0.8rem; margin: 1px 0; border-radius: 10px; }
.aside .menu .menu-link .menu-icon, .hoor-nav-icon { flex: 0 0 20px; width: 20px; height: 20px; background: transparent !important; box-shadow: none !important; border-radius: 0; }
.aside .menu .menu-link .menu-icon i { font-size: 1rem; color: #a08a7c !important; }
.aside .menu .menu-link .menu-title { font-size: 0.92rem; font-weight: 500; color: var(--hoor-ink-2); }
.aside .menu .menu-link:hover { background: var(--hoor-sand) !important; }
.aside .menu .menu-link:hover .menu-icon i, .aside .menu .menu-item.show > .menu-link .menu-icon i { color: var(--hoor-copper) !important; }
.aside .menu .menu-item.show > .menu-link .menu-title { color: var(--hoor-ink); font-weight: 600; }
.aside .menu .menu-link.active { background: var(--hoor-copper-100) !important; }
.aside .menu .menu-link.active .menu-icon { background: transparent !important; box-shadow: none !important; }
.aside .menu .menu-link.active .menu-icon i { color: var(--hoor-copper-700) !important; }
.aside .menu .menu-link.active .menu-title { color: var(--hoor-copper-700) !important; font-weight: 700; }
.aside .menu .menu-link.active::before { content: ""; position: absolute; inset-inline-start: -0.75rem; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: var(--hoor-copper); }
.aside .menu .menu-link { position: relative; }
.aside .menu .menu-sub-accordion { margin-inline-start: 1.6rem; padding-inline-start: 0.5rem; border-inline-start: 1px solid var(--hoor-line); }
.aside .menu .menu-sub .menu-link { min-height: 36px; padding: 0 0.6rem; }
.aside .menu .menu-sub .menu-link .menu-icon { flex-basis: 16px; width: 16px; height: 16px; }
.aside .menu .menu-sub .menu-link .menu-icon i { font-size: 0.8rem; }
.aside .menu .menu-sub .menu-link.active::before { inset-inline-start: -0.56rem; }
.aside .menu .menu-sub .menu-link.active .menu-icon { background: transparent !important; }

/* ---- Table fixes: kill legacy red pagination + vertical cell borders ----- */
.page-item.active .page-link, .dataTables_wrapper .page-item.active .page-link { background: var(--hoor-copper) !important; border-color: var(--hoor-copper) !important; color: #fff !important; }
.page-item .page-link:focus { box-shadow: var(--hoor-ring) !important; }
.dataTable.table-row-bordered th, .dataTable.table-row-bordered td, .dataTable th, .dataTable td { border-left: 0 !important; border-right: 0 !important; }
.buttons-print { margin: 0 !important; padding: 0 1rem !important; font-size: 0.85rem !important; }
.aside .menu .hoor-nav-section .menu-section { text-transform: uppercase; }
#kt_aside_toggle { width: 40px; height: 40px; margin-inline-start: 1rem; align-self: center; border-radius: 10px; background: var(--hoor-sand); }
#kt_aside_toggle i { color: var(--hoor-ink-2) !important; font-size: 1rem; }
#kt_header .breadcrumb { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ==========================================================================
   v4 — header, command palette, page head, analytics, forms
   ========================================================================== */

/* ---- Header -------------------------------------------------------------- */
#kt_header.hoor-header { height: 72px; padding: 0; background: rgba(255, 255, 255, 0.86) !important; backdrop-filter: saturate(1.4) blur(12px); }
.hoor-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; height: 100%; padding: 0 1.5rem; }
.hoor-header__left, .hoor-header__right { display: flex; align-items: center; gap: 0.6rem; min-width: 0; }
.hoor-header__logo { display: flex; align-items: center; }
.hoor-header__divider { width: 1px; height: 28px; background: var(--hoor-line); margin: 0 0.25rem; }
.hoor-icon-btn { position: relative; display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; border: 1px solid var(--hoor-line); background: #fff; color: var(--hoor-ink-2) !important; text-decoration: none; cursor: pointer; transition: all 0.15s; }
.hoor-icon-btn:hover { border-color: var(--hoor-copper); background: var(--hoor-copper-50); color: var(--hoor-copper-700) !important; }
.hoor-icon-btn i { font-size: 0.95rem; }
.hoor-lang span { font-weight: 700; font-size: 0.85rem; }
.hoor-badge-dot { position: absolute; top: -6px; inset-inline-end: -6px; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: var(--bs-danger); color: #fff; font-size: 0.68rem; font-weight: 700; border: 2px solid #fff; }
#kt_aside_toggle.hoor-icon-btn { margin: 0; background: #fff; }
.hoor-search-trigger { display: flex; align-items: center; gap: 0.65rem; width: min(360px, 34vw); height: 42px; padding: 0 0.6rem 0 0.95rem; border: 1px solid var(--hoor-line); border-radius: 12px; background: var(--hoor-sand); color: var(--hoor-muted); font-size: 0.88rem; cursor: pointer; transition: all 0.15s; }
.hoor-search-trigger:hover { background: #fff; border-color: var(--hoor-copper); }
.hoor-search-trigger__text { flex: 1; text-align: start; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
kbd { font-family: var(--hoor-font) !important; font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.45rem; border-radius: 6px; background: #fff; border: 1px solid var(--hoor-line); color: var(--hoor-muted); box-shadow: 0 1px 0 var(--hoor-line); }
.hoor-user { display: flex; align-items: center; gap: 0.65rem; height: 46px; padding: 0 0.6rem 0 0.3rem; border: 1px solid transparent; border-radius: 14px; background: transparent; cursor: pointer; transition: all 0.15s; }
.hoor-user:hover, .hoor-dd.is-open .hoor-user { background: var(--hoor-sand); border-color: var(--hoor-line); }
.hoor-user .hoor-avatar { width: 36px; height: 36px; border-radius: 11px; }
.hoor-user__meta { flex-direction: column; align-items: flex-start; line-height: 1.2; }
.hoor-user__meta strong { font-size: 0.86rem; color: var(--hoor-ink); }
.hoor-user__meta small { font-size: 0.74rem; color: var(--hoor-muted); }
.hoor-user__chev { font-size: 0.65rem; color: var(--hoor-muted); }
.hoor-avatar--lg { width: 44px; height: 44px; border-radius: 12px; font-size: 1rem; }
.hoor-avatar--sm { width: 30px; height: 30px; border-radius: 9px; font-size: 0.75rem; background: var(--hoor-copper-100); color: var(--hoor-copper-700); }
@media (max-width: 767px) { .hoor-search-trigger { width: 42px; padding: 0; justify-content: center; } .hoor-search-trigger__text, .hoor-search-trigger kbd { display: none; } .hoor-header__inner { padding: 0 0.9rem; } }

/* ---- Dropdowns ----------------------------------------------------------- */
.hoor-dd { position: relative; }
.hoor-dd__menu { position: absolute; top: calc(100% + 10px); inset-inline-start: 0; z-index: 105; min-width: 240px; padding: 0.5rem; background: #fff; border: 1px solid var(--hoor-line); border-radius: 16px; box-shadow: var(--hoor-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all 0.16s ease; }
.hoor-dd__menu--end { inset-inline-start: auto; inset-inline-end: 0; }
.hoor-dd.is-open .hoor-dd__menu { opacity: 1; visibility: visible; transform: none; }
.hoor-dd__title { padding: 0.5rem 0.6rem 0.6rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hoor-muted); }
.hoor-dd__menu--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.35rem; width: 330px; }
.hoor-dd__menu--grid .hoor-dd__title { grid-column: 1 / -1; }
.hoor-dd__tile { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 0.85rem 0.4rem; border-radius: 12px; color: var(--hoor-ink-2) !important; font-size: 0.8rem; font-weight: 600; text-align: center; text-decoration: none; transition: background 0.15s; }
.hoor-dd__tile:hover { background: var(--hoor-copper-50); color: var(--hoor-copper-700) !important; }
.hoor-dd__tile-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--hoor-copper-100); color: var(--hoor-copper-700); }
.hoor-dd__head { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.6rem 0.85rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--hoor-line); }
.hoor-dd__head strong { display: block; font-size: 0.9rem; color: var(--hoor-ink); }
.hoor-dd__head small { display: block; font-size: 0.78rem; color: var(--hoor-muted); word-break: break-all; }
.hoor-dd__item { display: flex; align-items: center; gap: 0.7rem; padding: 0.6rem 0.7rem; border-radius: 10px; color: var(--hoor-ink-2) !important; font-size: 0.88rem; font-weight: 500; text-decoration: none; }
.hoor-dd__item i { width: 18px; text-align: center; color: var(--hoor-muted); }
.hoor-dd__item:hover { background: var(--hoor-sand); color: var(--hoor-ink) !important; }
.hoor-dd__item--danger, .hoor-dd__item--danger i { color: var(--bs-danger) !important; }
.hoor-dd__item--danger:hover { background: var(--bs-danger-light); }
.hoor-dd__sep { height: 1px; background: var(--hoor-line); margin: 0.35rem 0; }
@media (max-width: 575px) { .hoor-dd__menu--grid { width: calc(100vw - 2rem); grid-template-columns: repeat(2, 1fr); } }

/* ---- Command palette ----------------------------------------------------- */
.hoor-cmd { position: fixed; inset: 0; z-index: 1060; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 1rem 1rem; }
.hoor-cmd[hidden] { display: none; }
.hoor-cmd__backdrop { position: absolute; inset: 0; background: rgba(33, 23, 19, 0.38); backdrop-filter: blur(3px); }
.hoor-cmd__panel { position: relative; width: 100%; max-width: 580px; background: #fff; border-radius: 18px; box-shadow: 0 30px 80px -20px rgba(33, 23, 19, 0.45); overflow: hidden; }
.hoor-cmd__input { display: flex; align-items: center; gap: 0.75rem; padding: 0 1.1rem; border-bottom: 1px solid var(--hoor-line); }
.hoor-cmd__input i { color: var(--hoor-copper); }
.hoor-cmd__input input { flex: 1; height: 60px; border: 0 !important; outline: 0; font-size: 1rem; background: transparent; box-shadow: none !important; min-height: 0; }
.hoor-cmd__input kbd { cursor: pointer; }
.hoor-cmd__list { max-height: 50vh; overflow-y: auto; padding: 0.5rem; }
.hoor-cmd__item { display: flex; align-items: center; gap: 0.8rem; padding: 0.6rem 0.75rem; border-radius: 12px; color: var(--hoor-ink) !important; text-decoration: none; }
.hoor-cmd__item.is-active, .hoor-cmd__item:hover { background: var(--hoor-copper-50); }
.hoor-cmd__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--hoor-sand); color: var(--hoor-copper-700); flex: 0 0 34px; }
.hoor-cmd__item.is-active .hoor-cmd__icon { background: var(--hoor-copper); color: #fff; }
.hoor-cmd__text { display: flex; flex-direction: column; font-weight: 600; font-size: 0.92rem; }
.hoor-cmd__text small { font-weight: 500; font-size: 0.76rem; color: var(--hoor-muted); }
.hoor-cmd__enter { margin-inline-start: auto; color: var(--hoor-muted); opacity: 0; font-size: 0.8rem; }
.hoor-cmd__item.is-active .hoor-cmd__enter { opacity: 1; }
.hoor-cmd__empty { padding: 2rem; text-align: center; color: var(--hoor-muted); }

/* ---- Page head (title + breadcrumbs + actions) -------------------------- */
.toolbar.hoor-page-head { position: static !important; height: auto !important; padding: 1.75rem 0 0.5rem !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.toolbar-fixed .wrapper, .toolbar-fixed .wrapper { padding-top: 72px !important; }
.hoor-page-head__inner { display: flex !important; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; max-width: 1480px; margin: 0 auto; padding: 0 1.5rem !important; }
.hoor-page-head__title { margin: 0.35rem 0 0; font-family: var(--hoor-serif) !important; font-size: 2rem; font-weight: 600; line-height: 1.15; color: var(--hoor-ink); }
.hoor-page-head__desc:empty { display: none; }
.hoor-page-head__desc { margin-top: 0.35rem; color: var(--hoor-muted); font-size: 0.9rem; }
.hoor-page-head__actions { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.hoor-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.15rem; margin: 0; padding: 0; font-size: 0.8rem; font-weight: 500; }
.hoor-breadcrumb .breadcrumb-item { color: var(--hoor-muted); padding: 0 !important; display: inline-flex; align-items: center; }
.hoor-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 0.65rem; color: #c9b8ab; padding: 0 0.55rem; float: none; }
[dir="rtl"] .hoor-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "\f104"; }
.hoor-breadcrumb .breadcrumb-item a { color: var(--hoor-muted); }
.hoor-breadcrumb .breadcrumb-item a:hover { color: var(--hoor-copper-700); }
.hoor-breadcrumb .breadcrumb-item.is-current { color: var(--hoor-ink-2); font-weight: 600; }
#kt_content { padding-top: 0 !important; }
#kt_content_container { padding-top: 1rem; padding-bottom: 2.5rem; }
@media (max-width: 767px) { .hoor-page-head__inner { padding: 0 1rem !important; } .hoor-page-head__title { font-size: 1.6rem; } }

/* ---- Segmented control --------------------------------------------------- */
.hoor-segment { display: inline-flex; padding: 4px; gap: 2px; background: #fff; border: 1px solid var(--hoor-line); border-radius: 12px; }
.hoor-segment__item { padding: 0.45rem 0.85rem; border-radius: 9px; font-size: 0.8rem; font-weight: 700; color: var(--hoor-muted) !important; text-decoration: none; transition: all 0.15s; }
.hoor-segment__item:hover { color: var(--hoor-ink) !important; background: var(--hoor-sand); }
.hoor-segment__item.is-active { background: var(--hoor-ink); color: #fff !important; }

/* ---- Analytics building blocks ------------------------------------------ */
.hoor-hello { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.hoor-hello__title { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--hoor-ink); }
.hoor-hello__sub { margin: 0.25rem 0 0; color: var(--hoor-muted); font-size: 0.88rem; }
.hoor-dot-sep { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #c9b8ab; margin: 0 0.6rem; vertical-align: middle; }
.hoor-notice { display: flex; align-items: center; gap: 0.7rem; padding: 0.85rem 1.1rem; margin-bottom: 1.25rem; border-radius: 14px; background: var(--bs-warning-light); color: #7a5a1c; font-size: 0.9rem; }
.hoor-notice a { font-weight: 700; color: #7a5a1c; text-decoration: underline; margin-inline-start: 0.35rem; }

.hoor-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
@media (max-width: 1399px) { .hoor-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .hoor-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } }
.hoor-kpi { position: relative; display: flex; flex-direction: column; padding: 1.15rem 1.15rem 0.9rem; background: #fff; border: 1px solid var(--hoor-line); border-radius: 18px; box-shadow: var(--hoor-shadow); overflow: hidden; min-height: 168px; transition: transform 0.15s, box-shadow 0.15s; }
.hoor-kpi:hover { transform: translateY(-2px); box-shadow: var(--hoor-shadow-lg); }
.hoor-kpi:first-child { background: linear-gradient(160deg, #2b1d17 0%, #211713 100%); border-color: #2b1d17; color: #fff; }
.hoor-kpi:first-child .hoor-kpi__label { color: rgba(255, 255, 255, 0.65); }
.hoor-kpi:first-child .hoor-kpi__value { color: #fff; }
.hoor-kpi:first-child .hoor-kpi__icon { background: rgba(233, 201, 179, 0.16); color: #e9c9b3; }
.hoor-kpi__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.9rem; }
.hoor-kpi__icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; background: var(--hoor-copper-100); color: var(--hoor-copper-700); font-size: 0.95rem; }
.hoor-kpi__label { font-size: 0.8rem; font-weight: 600; color: var(--hoor-muted); }
.hoor-kpi__value { margin-top: 0.2rem; font-size: 1.45rem; font-weight: 800; letter-spacing: -0.02em; color: var(--hoor-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hoor-kpi__spark { margin: auto -1.15rem -0.9rem; }
.hoor-kpi__foot { margin-top: auto; padding-top: 0.6rem; font-size: 0.75rem; color: var(--hoor-muted); }
.hoor-trend { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.22rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; background: var(--hoor-sand); color: var(--hoor-muted); }
.hoor-trend i { font-size: 0.62rem; }
.hoor-trend--up { background: var(--bs-success-light); color: var(--bs-success-active); }
.hoor-trend--down { background: var(--bs-danger-light); color: var(--bs-danger-active); }
.hoor-trend--new { background: var(--hoor-copper-100); color: var(--hoor-copper-700); }

.hoor-grid { display: grid; gap: 1.25rem; margin-bottom: 1.25rem; grid-template-columns: minmax(0, 1fr); }
.hoor-grid--8-4 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.hoor-grid--6-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hoor-grid--4-4-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1199px) { .hoor-grid--8-4, .hoor-grid--6-6, .hoor-grid--4-4-4 { grid-template-columns: minmax(0, 1fr); } }
.hoor-stack { display: flex; flex-direction: column; gap: 1.25rem; }

.hoor-panel { background: #fff; border: 1px solid var(--hoor-line); border-radius: 18px; box-shadow: var(--hoor-shadow); padding: 1.35rem 1.4rem; min-width: 0; }
.hoor-panel--flush { padding: 0; overflow: hidden; }
.hoor-panel--flush > .hoor-panel__head { padding: 1.35rem 1.4rem 1rem; margin: 0; }
.hoor-panel__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.hoor-panel__head h3 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--hoor-ink); }
.hoor-panel__head p { margin: 0.2rem 0 0; font-size: 0.8rem; color: var(--hoor-muted); }
.hoor-legend { display: flex; gap: 1rem; font-size: 0.78rem; color: var(--hoor-muted); font-weight: 600; }
.hoor-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-inline-end: 0.4rem; vertical-align: -1px; }
.hoor-link { font-size: 0.82rem; font-weight: 700; color: var(--hoor-copper-600) !important; white-space: nowrap; }
.hoor-link i { font-size: 0.7rem; margin-inline-start: 0.25rem; }
[dir="rtl"] .hoor-link i, [dir="rtl"] .hoor-stat .fa-arrow-right { transform: scaleX(-1); }
.hoor-pill { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.7rem; border-radius: 999px; background: var(--hoor-copper-100); color: var(--hoor-copper-700); font-size: 0.76rem; font-weight: 700; white-space: nowrap; }
.hoor-pill--warn { background: var(--bs-warning-light); color: #8a6420; }
.hoor-chart { margin: 0 -0.5rem; }

.hoor-list { list-style: none; padding: 0; margin: 0; }
.hoor-list--compact li { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0; font-size: 0.85rem; color: var(--hoor-ink-2); border-top: 1px dashed var(--hoor-line); }
.hoor-list--compact li:first-child { border-top: 0; }
.hoor-list strong { margin-inline-start: auto; color: var(--hoor-ink); }
.hoor-swatch { width: 10px; height: 10px; border-radius: 3px; flex: 0 0 10px; }

.hoor-rank { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; }
.hoor-rank li { display: flex; gap: 0.85rem; align-items: flex-start; }
.hoor-rank__n { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; background: var(--hoor-sand); font-size: 0.78rem; font-weight: 800; color: var(--hoor-ink-2); }
.hoor-rank li:first-child .hoor-rank__n { background: var(--hoor-copper); color: #fff; }
.hoor-rank__body { flex: 1; min-width: 0; }
.hoor-rank__row { display: flex; justify-content: space-between; gap: 0.75rem; font-size: 0.88rem; }
.hoor-rank__row strong { white-space: nowrap; color: var(--hoor-ink); }
.hoor-rank__row i { color: var(--hoor-copper); margin-inline-end: 0.45rem; font-size: 0.8rem; }
.hoor-rank__name { font-weight: 600; color: var(--hoor-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hoor-rank small { color: var(--hoor-muted); font-size: 0.75rem; }
.hoor-bar { height: 8px; margin: 0.45rem 0 0.3rem; border-radius: 999px; background: var(--hoor-sand); overflow: hidden; }
.hoor-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d4a587, #b27a58); }
.hoor-bar--soft span { background: linear-gradient(90deg, #e9c9b3, #c99573); }
.hoor-geo { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.85rem; }
.hoor-geo small { color: var(--hoor-muted); font-weight: 500; }

.hoor-table { margin: 0; }
.hoor-table thead th { background: var(--hoor-sand) !important; border-radius: 0 !important; padding: 0.75rem 1.4rem !important; }
.hoor-table tbody td { padding: 0.9rem 1.4rem !important; font-size: 0.88rem; }
.hoor-table tr.is-clickable { cursor: pointer; }
.hoor-code { font-weight: 700; color: var(--hoor-ink) !important; font-variant-numeric: tabular-nums; }
.hoor-person { display: flex; align-items: center; gap: 0.6rem; font-weight: 600; color: var(--hoor-ink); }

.hoor-stat { display: flex; align-items: center; gap: 1rem; }
.hoor-stat__value { font-size: 1.5rem; font-weight: 800; color: var(--hoor-ink); line-height: 1.2; }
.hoor-stock { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.65rem 0; border-top: 1px dashed var(--hoor-line); color: var(--hoor-ink) !important; text-decoration: none; }
.hoor-stock:first-of-type { border-top: 0; }
.hoor-stock:hover .hoor-stock__name { color: var(--hoor-copper-700); }
.hoor-stock__name { display: flex; flex-direction: column; font-weight: 600; font-size: 0.86rem; min-width: 0; }
.hoor-stock__name small { color: var(--hoor-muted); font-weight: 500; }
.hoor-stock__qty { min-width: 38px; padding: 0.25rem 0.5rem; text-align: center; border-radius: 8px; background: var(--bs-warning-light); color: #8a6420; font-weight: 800; font-size: 0.8rem; }
.hoor-stock__qty.is-out { background: var(--bs-danger-light); color: var(--bs-danger-active); }
.hoor-empty { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; padding: 2rem 1rem; color: var(--hoor-muted); font-size: 0.86rem; text-align: center; }
.hoor-empty i { font-size: 1.5rem; color: #d9c6b8; }

/* ---- Form fields (x-ui::form.* components) ------------------------------ */
.form-group { margin-bottom: 1.15rem; }
.form-group > label, .form-group .form-label, .form-group .col-form-label { padding: 0 !important; margin: 0 0 0.45rem !important; font-size: 0.84rem; font-weight: 600; color: var(--hoor-ink-2); line-height: 1.4; }
.form-group .form-control, .form-group .form-select { margin: 0 !important; }
.form-control, .form-select { min-height: 46px; padding: 0.65rem 0.95rem; font-size: 0.92rem; border: 1.5px solid var(--hoor-line) !important; border-radius: 12px !important; background-color: #fff !important; box-shadow: 0 1px 2px rgba(33, 23, 19, 0.03); }
.form-control:hover, .form-select:hover { border-color: #d9c6b8 !important; }
.form-control:focus, .form-select:focus { border-color: var(--hoor-copper) !important; box-shadow: var(--hoor-ring) !important; }
.form-control:disabled, .form-control[readonly] { background-color: var(--hoor-sand) !important; color: var(--hoor-muted); }
textarea.form-control { min-height: 120px; line-height: 1.6; }
.form-control.is-invalid, .form-select.is-invalid { border-color: var(--bs-danger) !important; background-image: none; }
.form-control.is-invalid:focus { box-shadow: 0 0 0 4px rgba(200, 85, 61, 0.15) !important; }
.text-danger.form-label, label.text-danger { color: var(--bs-danger) !important; }
.input-group .form-control { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; }
.input-group-text { border: 1.5px solid var(--hoor-line); border-inline-start: 0; border-radius: 0 12px 12px 0; background: var(--hoor-sand); color: var(--hoor-muted); font-weight: 600; font-size: 0.85rem; }
[dir="rtl"] .input-group-text { border-radius: 12px 0 0 12px; }
.select2-container--bootstrap5 .select2-selection { min-height: 46px !important; border: 1.5px solid var(--hoor-line) !important; border-radius: 12px !important; padding: 0.45rem 0.8rem; display: flex; align-items: center; }
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice { background: var(--hoor-copper-100) !important; color: var(--hoor-copper-700) !important; border-radius: 8px !important; font-weight: 600; }
.select2-dropdown .select2-search__field { border: 1.5px solid var(--hoor-line) !important; border-radius: 10px !important; }
input[type="file"].form-control { padding: 0.5rem; }
input[type="file"].form-control::file-selector-button { border: 0; border-radius: 8px; background: var(--hoor-copper-100); color: var(--hoor-copper-700); font-weight: 700; padding: 0.45rem 0.9rem; margin-inline-end: 0.8rem; cursor: pointer; }
.form-check-input { width: 1.2em; height: 1.2em; border: 1.5px solid #d4c3b6; }
.form-switch .form-check-input { width: 2.6em; height: 1.4em; }
.custom-image-file { border: 2px dashed var(--hoor-line) !important; border-radius: 14px; background: var(--hoor-sand) !important; transition: border-color 0.15s; }
.custom-image-file:hover { border-color: var(--hoor-copper) !important; }
.card > .card-body { padding: 1.75rem; }
.card .card-header { padding: 1.25rem 1.75rem; border-bottom: 1px solid var(--hoor-line) !important; }
.card-footer { padding: 1.1rem 1.75rem; background: var(--hoor-sand); border-radius: 0 0 var(--hoor-radius) var(--hoor-radius); }
form .btn[type="submit"]:not(.btn-sm) { min-width: 140px; }
#kt_toolbar_container.hoor-page-head__inner { justify-content: space-between; align-items: flex-end; }

/* Metronic pins the root to 13px, which made every rem-based size ~20% too small. */
html { font-size: 15px !important; }
@media (max-width: 991px) { html { font-size: 14px !important; } }

/* ---- Fixes: breadcrumb divider, form gutters, report cards -------------- */
.hoor-breadcrumb .breadcrumb-item::after { content: none !important; display: none !important; }
.hoor-breadcrumb .breadcrumb-item:first-child a i { font-size: 0.8rem; }
.form-group.row { margin-left: 0; margin-right: 0; }
.form-group.row > [class*="col-"] { padding-left: 0; padding-right: 0; }
#kt_content .card-body > form .row > [class*="col-"], #kt_content .card-body .row > .col-sm-12, #kt_content .card-body .row > [class*="col-md-"] { padding-left: 0.75rem; padding-right: 0.75rem; }
.hoor-report-card { background: #fff !important; transition: transform 0.15s, box-shadow 0.15s; }
.hoor-report-card:hover { transform: translateY(-2px); box-shadow: var(--hoor-shadow-lg) !important; }
.hoor-report-card .card-body { padding: 1.35rem !important; }
.hoor-report-card i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--hoor-copper-100); color: var(--hoor-copper-700) !important; font-size: 1.2rem !important; }
.hoor-report-card .text-gray-100 { color: var(--hoor-ink) !important; }
.hoor-report-card .fw-semibold.text-gray-100 { color: var(--hoor-muted) !important; font-size: 0.85rem; }
#kt_content .form-group.row > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }

/* ==========================================================================
   v5 — orders & products
   ========================================================================== */
.hoor-cell-sub { font-size: 0.78rem; color: var(--hoor-muted); margin-top: 0.15rem; }
.hoor-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; font-size: 0.82rem; word-break: break-all; }
.hoor-chip-sm { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.55rem; border-radius: 999px; background: var(--hoor-sand); border: 1px solid var(--hoor-line); color: var(--hoor-ink-2); font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.hoor-chip-sm--danger { background: var(--bs-danger-light); border-color: transparent; color: var(--bs-danger-active); }
.hoor-person > div { line-height: 1.3; }
.hoor-person--lg { gap: 0.85rem; margin-bottom: 1rem; }
.hoor-person--lg strong { display: block; font-size: 1rem; }
.hoor-person--lg small { color: var(--hoor-muted); font-weight: 500; }

/* Status tabs */
.hoor-tabs { display: flex; gap: 0.4rem; overflow-x: auto; padding: 0.35rem; margin-bottom: 1rem; background: #fff; border: 1px solid var(--hoor-line); border-radius: 14px; scrollbar-width: none; }
.hoor-tabs::-webkit-scrollbar { display: none; }
.hoor-tabs__item { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.9rem; border-radius: 10px; font-size: 0.86rem; font-weight: 600; color: var(--hoor-ink-2) !important; white-space: nowrap; text-decoration: none; transition: background 0.15s; }
.hoor-tabs__item span { padding: 0.05rem 0.5rem; border-radius: 999px; background: var(--hoor-sand); font-size: 0.75rem; color: var(--hoor-muted); }
.hoor-tabs__item:hover { background: var(--hoor-sand); }
.hoor-tabs__item.is-active { background: var(--hoor-ink); color: #fff !important; }
.hoor-tabs__item.is-active span { background: rgba(255, 255, 255, 0.18); color: #fff; }
.hoor-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--hoor-muted); display: inline-block; }
.hoor-status-dot--pending { background: var(--bs-warning); }
.hoor-status-dot--confirmed { background: var(--bs-info); }
.hoor-status-dot--on_progress, .hoor-status-dot--shipped { background: var(--hoor-copper); }
.hoor-status-dot--delivered { background: var(--bs-success); }
.hoor-status-dot--cancelled { background: var(--bs-danger); }
.hoor-status-select { min-height: 36px !important; padding: 0.3rem 2rem 0.3rem 0.75rem !important; font-size: 0.82rem !important; font-weight: 700; border-radius: 999px !important; }
.hoor-status-select--pending { background-color: var(--bs-warning-light) !important; color: #8a6420; border-color: transparent !important; }
.hoor-status-select--confirmed { background-color: var(--bs-info-light) !important; color: #46607f; border-color: transparent !important; }
.hoor-status-select--on_progress, .hoor-status-select--shipped { background-color: var(--hoor-copper-100) !important; color: var(--hoor-copper-700); border-color: transparent !important; }
.hoor-status-select--delivered { background-color: var(--bs-success-light) !important; color: var(--bs-success-active); border-color: transparent !important; }
.hoor-status-select--cancelled { background-color: var(--bs-danger-light) !important; color: var(--bs-danger-active); border-color: transparent !important; }

/* Product cells */
.hoor-line-item { display: flex; align-items: center; gap: 0.85rem; min-width: 240px; }
.hoor-thumb { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 12px; background: var(--hoor-sand); border: 1px solid var(--hoor-line); overflow: hidden; color: #cbb6a7; }
.hoor-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.hoor-line-item__name { display: block; font-weight: 700; color: var(--hoor-ink) !important; line-height: 1.35; }
a.hoor-line-item__name:hover { color: var(--hoor-copper-700) !important; }
.hoor-line-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.6rem; margin-top: 0.3rem; font-size: 0.76rem; color: var(--hoor-muted); }
.hoor-stock-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 0.2rem; }
.hoor-stock-cell .hoor-link { font-size: 0.76rem; }

/* Order hero */
.hoor-order-hero { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; flex-wrap: wrap; padding: 1.4rem 1.5rem; margin-bottom: 1.25rem; border-radius: 18px; background: linear-gradient(150deg, #2b1d17, #211713); color: #fff; box-shadow: var(--hoor-shadow-lg); }
.hoor-order-hero__main { display: flex; align-items: center; gap: 1rem; min-width: 0; }
.hoor-order-hero__icon { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 16px; background: rgba(233, 201, 179, 0.16); color: #e9c9b3; font-size: 1.25rem; }
.hoor-order-hero__meta { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.hoor-order-hero__sub { margin: 0.5rem 0 0; color: rgba(255, 255, 255, 0.7); font-size: 0.88rem; }
.hoor-order-hero .hoor-dot-sep { background: rgba(255, 255, 255, 0.35); }
.hoor-order-hero__total { text-align: end; }
.hoor-order-hero__total small { display: block; color: rgba(255, 255, 255, 0.6); font-size: 0.8rem; font-weight: 600; }
.hoor-order-hero__total strong { font-size: 1.9rem; font-weight: 800; letter-spacing: -0.02em; }

/* Progress */
.hoor-progress-panel { margin-bottom: 1.25rem; }
.hoor-steps { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; padding: 0; margin: 0; }
.hoor-steps li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.35rem; color: var(--hoor-muted); }
.hoor-steps li::before { content: ""; position: absolute; top: 19px; inset-inline-end: 50%; width: 100%; height: 3px; background: var(--hoor-line); z-index: 0; }
.hoor-steps li:first-child::before { display: none; }
.hoor-steps li.is-done::before, .hoor-steps li.is-current::before { background: var(--hoor-copper); }
.hoor-steps__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid var(--hoor-line); color: #c9b8ab; font-size: 0.85rem; }
.hoor-steps li.is-done .hoor-steps__dot { background: var(--hoor-copper); border-color: var(--hoor-copper); color: #fff; }
.hoor-steps li.is-current .hoor-steps__dot { background: #fff; border-color: var(--hoor-copper); color: var(--hoor-copper-700); box-shadow: var(--hoor-ring); }
.hoor-steps__label { font-size: 0.82rem; font-weight: 700; }
.hoor-steps li.is-done .hoor-steps__label, .hoor-steps li.is-current .hoor-steps__label { color: var(--hoor-ink); }
.hoor-steps small { font-size: 0.72rem; }
.hoor-cancelled { display: flex; align-items: center; gap: 0.6rem; padding: 0.9rem 1rem; border-radius: 12px; background: var(--bs-danger-light); color: var(--bs-danger-active); font-weight: 600; }
.hoor-next { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px dashed var(--hoor-line); }
.hoor-next > span { font-size: 0.82rem; font-weight: 700; color: var(--hoor-muted); margin-inline-end: 0.25rem; }
@media (max-width: 767px) { .hoor-steps { grid-template-columns: 1fr; gap: 0.75rem; } .hoor-steps li { flex-direction: row; text-align: start; } .hoor-steps li::before { display: none; } }

/* Totals + key/value */
.hoor-totals { display: flex; justify-content: flex-end; padding: 1.1rem 1.4rem 1.4rem; border-top: 1px solid var(--hoor-line); background: var(--hoor-sand); }
.hoor-totals dl { width: min(360px, 100%); margin: 0; }
.hoor-totals dl > div, .hoor-kv > div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.4rem 0; }
.hoor-totals dt { font-weight: 500; color: var(--hoor-ink-2); }
.hoor-totals dt small { color: var(--hoor-muted); }
.hoor-totals dd { margin: 0; font-weight: 700; color: var(--hoor-ink); }
.hoor-totals__grand { margin-top: 0.4rem; padding-top: 0.75rem !important; border-top: 1px solid var(--hoor-line); }
.hoor-totals__grand dt, .hoor-totals__grand dd { font-size: 1.15rem; font-weight: 800 !important; color: var(--hoor-ink) !important; }
.hoor-totals__muted dt, .hoor-totals__muted dd { font-size: 0.82rem; color: var(--hoor-muted) !important; font-weight: 600; }
.hoor-kv { margin: 0; }
.hoor-kv dt { font-size: 0.8rem; font-weight: 600; color: var(--hoor-muted); }
.hoor-kv dd { margin: 0; font-size: 0.88rem; font-weight: 600; color: var(--hoor-ink); text-align: end; }
.hoor-kv--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.25rem 1.5rem; }
.hoor-kv--grid > div { flex-direction: column; justify-content: flex-start; gap: 0.15rem; padding: 0.55rem 0; border-bottom: 1px dashed var(--hoor-line); }
.hoor-kv--grid dd { text-align: start; }
.hoor-kv--tight { margin-top: 0.75rem; }
.hoor-kv:not(.hoor-kv--grid) > div { border-bottom: 1px dashed var(--hoor-line); }
.hoor-kv:not(.hoor-kv--grid) > div:last-child { border-bottom: 0; }
@media (max-width: 575px) { .hoor-kv--grid { grid-template-columns: 1fr; } }

/* Customer + address */
.hoor-contact { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: 0.55rem; }
.hoor-contact li { display: flex; align-items: center; gap: 0.7rem; font-size: 0.88rem; }
.hoor-contact i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: var(--hoor-sand); color: var(--hoor-copper-700); font-size: 0.8rem; }
.hoor-contact a { color: var(--hoor-ink) !important; font-weight: 600; word-break: break-all; }
.hoor-contact .fa-whatsapp { color: #25a35a; }
.hoor-mini-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.hoor-mini-stats > div { padding: 0.7rem 0.5rem; border-radius: 12px; background: var(--hoor-sand); text-align: center; }
.hoor-mini-stats strong { display: block; font-size: 1rem; color: var(--hoor-ink); }
.hoor-mini-stats small { font-size: 0.7rem; color: var(--hoor-muted); font-weight: 600; }
.hoor-address { font-style: normal; line-height: 1.7; color: var(--hoor-ink-2); margin: 0; }
.hoor-address strong { display: block; color: var(--hoor-ink); }
.hoor-note { display: flex; gap: 0.6rem; margin-top: 0.9rem; padding: 0.75rem 0.9rem; border-radius: 12px; background: var(--bs-warning-light); color: #7a5a1c; font-size: 0.86rem; }

/* Timeline */
.hoor-timeline { list-style: none; padding: 0; margin: 0; position: relative; }
.hoor-timeline::before { content: ""; position: absolute; top: 6px; bottom: 6px; inset-inline-start: 6px; width: 2px; background: var(--hoor-line); }
.hoor-timeline li { position: relative; display: flex; gap: 0.9rem; padding-bottom: 1rem; }
.hoor-timeline li:last-child { padding-bottom: 0; }
.hoor-timeline__dot { position: relative; z-index: 1; width: 14px; height: 14px; flex: 0 0 14px; margin-top: 3px; border-radius: 50%; background: #fff; border: 3px solid #cbb6a7; }
.hoor-timeline__dot--success { border-color: var(--bs-success); }
.hoor-timeline__dot--warning { border-color: var(--bs-warning); }
.hoor-timeline__dot--danger { border-color: var(--bs-danger); }
.hoor-timeline__dot--info { border-color: var(--bs-info); }
.hoor-timeline__dot--primary { border-color: var(--hoor-copper); }
.hoor-timeline strong { display: block; font-size: 0.86rem; color: var(--hoor-ink); }
.hoor-timeline small { color: var(--hoor-muted); font-size: 0.76rem; }

/* ---- Discounts settings -------------------------------------------------- */
.hoor-tabs--settings { margin-bottom: 1.25rem; }
.hoor-tabs--settings .hoor-tabs__item i { font-size: 0.85rem; opacity: 0.8; }
.hoor-switch { display: flex; align-items: center; gap: 0.9rem; padding: 0.9rem 1rem; border: 1px solid var(--hoor-line); border-radius: 14px; background: var(--hoor-sand); cursor: pointer; }
.hoor-switch input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
.hoor-switch__track { position: relative; width: 46px; height: 26px; flex: 0 0 46px; border-radius: 999px; background: #d9cbbf; transition: background 0.15s; }
.hoor-switch__track::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.15s; }
.hoor-switch input:checked + .hoor-switch__track { background: var(--hoor-copper); }
.hoor-switch input:checked + .hoor-switch__track::after { transform: translateX(20px); }
[dir="rtl"] .hoor-switch input:checked + .hoor-switch__track::after { transform: translateX(-20px); }
.hoor-switch input:focus-visible + .hoor-switch__track { box-shadow: var(--hoor-ring); }
.hoor-switch strong { display: block; color: var(--hoor-ink); }
.hoor-switch small { color: var(--hoor-muted); }
.hoor-howto__steps { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.hoor-howto__steps li { display: flex; align-items: center; gap: 0.7rem; font-size: 0.88rem; color: var(--hoor-ink-2); }
.hoor-howto__steps span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--hoor-copper-100); color: var(--hoor-copper-700); font-weight: 800; font-size: 0.75rem; }
.hoor-howto__rule { font-size: 0.82rem; color: var(--hoor-muted); margin-bottom: 1rem; }
.hoor-howto__rule i { color: var(--hoor-copper); margin-inline-end: 0.4rem; }
.hoor-howto__rule strong { color: var(--hoor-ink); }
.hoor-calc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; padding: 0.85rem; border-radius: 14px; background: var(--hoor-sand); }
.hoor-calc > div { display: flex; flex-direction: column; gap: 0.25rem; }
.hoor-calc span { font-size: 0.7rem; font-weight: 700; color: var(--hoor-muted); text-transform: uppercase; letter-spacing: 0.05em; }
.hoor-calc input { min-height: 36px; padding: 0.3rem 0.5rem; border: 1px solid var(--hoor-line); border-radius: 9px; font-weight: 700; width: 100%; }
.hoor-calc__result { grid-column: 1 / -1; flex-direction: row !important; align-items: center; justify-content: space-between; padding-top: 0.6rem; border-top: 1px dashed var(--hoor-line); }
.hoor-calc__result strong { font-size: 1.05rem; color: var(--hoor-copper-700); }
.hoor-rules { display: flex; flex-direction: column; gap: 0.6rem; }
.hoor-rule--inline { display: flex; align-items: center; gap: 0.6rem; }
.hoor-rule__select { flex: 1; min-width: 0; }
.hoor-rule__pct { width: 130px; flex: 0 0 130px; }
.hoor-rule .btn-icon:hover, [data-remove-rule]:hover { background: var(--bs-danger-light) !important; color: var(--bs-danger-active) !important; }
.hoor-product-add { display: flex; gap: 0.6rem; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; }
.hoor-product-add > select, .hoor-product-add > .select2 { flex: 1 1 280px; }
.hoor-product-add__pct { width: 130px; }
.hoor-savebar { position: sticky; bottom: 1rem; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.9rem 1.1rem; margin-top: 0.5rem; border-radius: 16px; background: rgba(33, 23, 19, 0.94); color: rgba(255, 255, 255, 0.8); font-size: 0.86rem; box-shadow: var(--hoor-shadow-lg); backdrop-filter: blur(8px); }
.hoor-alert a, .hoor-note a { font-weight: 700; text-decoration: underline; margin-inline-start: 0.3rem; }
.hoor-price-extra { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.1rem 0.45rem; border-radius: 999px; background: var(--bs-success-light); color: var(--bs-success-active); font-size: 0.7rem; font-weight: 800; }
@media (max-width: 767px) { .hoor-calc { grid-template-columns: 1fr 1fr; } .hoor-savebar { flex-direction: column; align-items: stretch; } }


/* ---------- On / Off switches: the state must be obvious everywhere ---------- */
.form-switch .form-check-input { width: 3.4em; height: 1.75em; background-color: #b9aea5 !important; border-color: #a99d93 !important; transition: background-color .15s, border-color .15s; }
.form-switch .form-check-input:checked { background-color: #1a9d57 !important; border-color: #1a9d57 !important; }
.hoor-state { display: inline-block; margin-inline-start: .75rem; padding: .18rem .6rem; border-radius: 999px; font-size: .72rem; font-weight: 800; letter-spacing: .05em; line-height: 1.3; background: #ece6e0; color: #6b5f57; }
.hoor-state::after { content: "OFF"; }
.form-check-input:checked ~ .hoor-state { background: #dcf5e7; color: #0f7a40; }
.form-check-input:checked ~ .hoor-state::after { content: "ON"; }
[dir="rtl"] .hoor-state::after { content: "متوقف"; }
[dir="rtl"] .form-check-input:checked ~ .hoor-state::after { content: "مفعّل"; }

.hoor-switch { transition: border-color .15s, background .15s; }
.hoor-switch:has(input:checked) { border-color: #1a9d57; background: #f1fbf5; }
.hoor-switch__track { width: 76px; flex: 0 0 76px; background: #a99f96; }
.hoor-switch__track::before { content: "OFF"; position: absolute; top: 50%; inset-inline-end: 10px; transform: translateY(-50%); font-size: .64rem; font-weight: 800; letter-spacing: .05em; color: #fff; }
[dir="rtl"] .hoor-switch__track::before { content: "متوقف"; font-size: .6rem; letter-spacing: 0; }
.hoor-switch input:checked + .hoor-switch__track { background: #1a9d57; }
.hoor-switch input:checked + .hoor-switch__track::before { content: "ON"; inset-inline-end: auto; inset-inline-start: 11px; }
[dir="rtl"] .hoor-switch input:checked + .hoor-switch__track::before { content: "مفعّل"; }
.hoor-switch input:checked + .hoor-switch__track::after { transform: translateX(50px); }
[dir="rtl"] .hoor-switch input:checked + .hoor-switch__track::after { transform: translateX(-50px); }

/* Sidebar count badges (new orders / open carts / customers) */
.hoor-nav-badge {
  margin-inline-start: auto;
  min-width: 22px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #c8553d;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

/* Unread (not yet opened) orders */
table.dataTable tbody tr.hoor-row-unread > td { background: #fdeceb !important; }
table.dataTable tbody tr.hoor-row-unread > td:first-child { box-shadow: inset 3px 0 0 #c8553d; }
[dir="rtl"] table.dataTable tbody tr.hoor-row-unread > td:first-child { box-shadow: inset -3px 0 0 #c8553d; }
.hoor-new-flag { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 6px; padding: 1px 8px; border-radius: 999px; background: #c8553d; color: #fff; font-size: 11px; font-weight: 700; }