:root{
  --brand-blue:#0b4ea2;
  --brand-blue-dark:#0e2b47;
  --brand-blue-soft:#eaf3ff;
  --brand-yellow:#ffea00;
  --text:#172b3a;
  --muted:#6e8091;
  --bg:#f4f7fb;
  --panel:#ffffff;
  --line:#dbe5ef;
  --success:#15845c;
  --success-bg:#e8f8f1;
  --warning:#b26b00;
  --warning-bg:#fff4dd;
  --danger:#c0392b;
  --danger-bg:#ffeceb;
  --info:#0f6cbd;
  --info-bg:#e9f4ff;
  font-family:Tahoma,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  font-synthesis:none;
}
*{box-sizing:border-box}
body{margin:0;line-height:1.75;background:linear-gradient(180deg,#f7faff 0,#f4f7fb 100%)}
.wrap{width:min(1180px,calc(100% - 28px));margin:auto}
.top{background:linear-gradient(135deg,var(--brand-blue-dark),#174f8f);color:#fff;box-shadow:0 10px 26px rgba(6,35,64,.16)}
.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}
.brand{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto}
.brand-logo{display:block !important;height:58px !important;width:auto !important;max-width:220px !important;object-fit:contain;background:#fff;border-radius:14px;padding:4px 10px;box-shadow:0 6px 18px rgba(0,0,0,.12);flex:0 0 auto}
.brand-mark{width:42px;height:42px;border-radius:12px;background:rgba(255,234,0,.14);display:inline-flex;align-items:center;justify-content:center;font-size:26px;color:var(--brand-yellow)}
.brand-text strong{display:block;font-size:22px;line-height:1.2}
.brand-text small{display:block;color:#d6e6f7;font-size:12px;margin-top:3px}
.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav-pill{color:#fff;text-decoration:none;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;border:1px solid rgba(255,255,255,.15);transition:.2s}
.nav-pill:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.nav-pill-danger{background:rgba(255,91,91,.16)}
.who-badge{padding:8px 12px;border-radius:999px;background:rgba(255,234,0,.12);color:#fff;font-size:13px;border:1px solid rgba(255,234,0,.25)}
main{padding:28px 0 48px;min-height:calc(100vh - 150px)}
h1{font-size:30px;line-height:1.4;margin:0 0 6px;color:#102c47}
h2{font-size:20px;color:#143c66;margin:0 0 16px}
h3{font-size:17px;margin:24px 0 10px;color:#183654}
.muted{color:var(--muted);margin:4px 0 18px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--brand-blue);background:var(--brand-blue-soft);border:1px solid #d2e7ff;border-radius:999px;padding:6px 11px;font-weight:bold;margin:0 0 10px}
.heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}
.panel{border-radius:22px;border:1px solid var(--line);padding:24px;background:var(--panel);box-shadow:0 10px 28px rgba(16,44,71,.06);margin-bottom:22px}
.small{max-width:540px;margin:32px auto}
label{display:block;font-size:13px;font-weight:bold;margin:13px 0 6px;color:#314457}
input,textarea,select{width:100%;border:1px solid #d3dfeb;border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;background:#fff;color:var(--text);transition:.15s}
input:focus,textarea:focus,select:focus{outline:none;border-color:#54a9ff;box-shadow:0 0 0 4px rgba(84,169,255,.14)}
textarea{min-height:115px;resize:vertical}
button,.btn{margin-top:18px;background:linear-gradient(135deg,var(--brand-blue),#1270c7);border:0;color:#fff;border-radius:12px;padding:12px 20px;font:inherit;font-weight:bold;cursor:pointer;box-shadow:0 8px 18px rgba(18,112,199,.18);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}
button:hover,.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.secondary{background:linear-gradient(135deg,#35516d,#183654);box-shadow:0 8px 18px rgba(24,54,84,.14)}
.warning{background:linear-gradient(135deg,#efb11d,#cf8c00);box-shadow:0 8px 18px rgba(207,140,0,.14)}
.danger{background:linear-gradient(135deg,#d55345,#b93b31);box-shadow:0 8px 18px rgba(185,59,49,.14)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:12px;align-items:end}
.filters button{white-space:nowrap}
.pill{border-radius:999px;padding:9px 16px;font-size:13px;font-weight:bold;display:inline-flex;align-items:center;gap:7px}
.pill-success{background:var(--success-bg);color:var(--success)}
.pill-warning{background:var(--warning-bg);color:var(--warning)}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.stats>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden}
.stats>div::before{content:'';position:absolute;inset-inline-start:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-yellow))}
.stats span{display:block;font-size:12px;color:#64788b}
.stats strong{display:block;font-size:24px;direction:ltr;text-align:right;color:#102c47}
.stats .stat-positive strong{color:var(--success)}
.stats .stat-warning strong{color:var(--warning)}
.stats .stat-danger strong{color:var(--danger)}
.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.shortcut-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff, #f8fbff);color:var(--text);transition:.18s;box-shadow:0 8px 18px rgba(16,44,71,.05)}
.shortcut-card:hover{transform:translateY(-2px);border-color:#bfd8f6}
.shortcut-card b{display:block;font-size:16px;color:#102c47;margin-bottom:4px}
.shortcut-card span{display:block;font-size:13px;color:var(--muted)}
.shortcut-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px;background:var(--brand-blue-soft)}
.icon-finance .shortcut-icon{background:#ebfff2}
.icon-people .shortcut-icon{background:#fff8e0}
.icon-admin .shortcut-icon{background:#eef4ff}
.table-wrap{overflow-x:auto}.actions-col{min-width:165px}.action-stack{display:flex;gap:8px;flex-wrap:wrap}.action-stack form{margin:0}.btn-xs,.action-stack .btn-xs{padding:8px 12px;border-radius:10px;font-size:12px;margin-top:0;box-shadow:none}
table{border-collapse:collapse;width:100%;font-size:13px;min-width:620px}
th,td{padding:11px;border-bottom:1px solid #eaf0f4;text-align:right;vertical-align:top}
th{color:#567185;background:#f7faff;white-space:nowrap}
.memo{min-width:170px;max-width:260px;overflow-wrap:anywhere}
.notice{padding:14px 18px;background:var(--success-bg);color:var(--success);border-radius:14px;margin-bottom:20px;border:1px solid #caeddc}
.error{padding:14px 18px;background:var(--danger-bg);color:var(--danger);border-radius:14px;margin-bottom:20px;border:1px solid #ffd1ce}
.info-box{padding:14px 18px;background:var(--info-bg);color:var(--info);border:1px solid #d2e7ff;border-radius:14px;margin-bottom:16px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:bold;white-space:nowrap}
.badge-success{background:var(--success-bg);color:var(--success)}
.badge-warning{background:var(--warning-bg);color:var(--warning)}
.badge-danger{background:var(--danger-bg);color:var(--danger)}
.badge-info{background:var(--info-bg);color:var(--info)}
.kpi-help{font-size:12px;color:var(--muted);margin-top:6px}
.audit-change{border-bottom:1px dashed #e3e9ef;padding:7px 0;min-width:220px;overflow-wrap:anywhere}
.audit-old{color:#a13c38}.audit-new{color:#15704e}
.empty-state{padding:20px;border:1px dashed #d5e1ec;border-radius:14px;text-align:center;color:var(--muted);background:#fbfdff}
footer{text-align:center;color:#8e9ba8;padding:18px;font-size:12px}
@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr}
  .nav{flex-direction:column;align-items:flex-start}
  .nav-links{justify-content:flex-start}
  .heading{align-items:flex-start;flex-direction:column}
  h1{font-size:24px}
}
@media(max-width:520px){
  .filters,.stats{grid-template-columns:1fr}
  .stats strong{font-size:19px}
  .brand-logo{height:38px !important;max-width:140px !important}
  .brand-text strong{font-size:18px}
  .nav-pill,.who-badge{font-size:12px;padding:7px 10px}
}

/* v4 safeguards: constrain image regardless of older cached CSS */
header.top, header.top .nav {max-height:110px;overflow:visible}
header.top .brand-logo {width:180px !important;height:52px !important;max-width:180px !important;max-height:52px !important;object-fit:contain !important}
header.top .brand,header.top .nav{min-width:0}
.action-stack{max-width:360px}.action-stack input[name=reason]{min-width:145px;width:145px;padding:7px;font-size:12px}.action-stack form{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
@media(max-width:650px){header.top .brand-logo{width:120px !important;height:38px !important;max-width:120px !important}header.top .nav{max-height:none}}

/* ZAMANI V4 - compact administration navigation and header */
header.top .wrap.nav{min-height:80px;max-height:none;align-items:center;gap:20px;flex-wrap:nowrap}
header.top .brand{display:flex;flex-direction:row;align-items:center;gap:12px;max-width:410px;flex-shrink:0}
header.top .brand-logo{display:block;width:142px!important;max-width:142px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;padding:3px 6px;border-radius:9px}
header.top .brand-text{min-width:0;white-space:normal}
header.top .brand-text strong{font-size:17px;line-height:1.4;color:#fff}
header.top .brand-text small{font-size:11px;line-height:1.5;color:#c6dbf0}
header.top .nav-links{flex:1;min-width:0}
.module-panel{padding:24px;background:#fff}
.module-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.module-heading h2{font-size:21px;margin:0;color:#123b63}
.module-heading p:not(.eyebrow){font-size:13px;color:#718398;margin:4px 0 0}
.module-count{font-size:12px;font-weight:700;color:#174d8b;background:#eaf3ff;border-radius:100px;padding:7px 12px;white-space:nowrap}
.module-panel .modules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.module-panel .shortcut-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #dce7f2;border-radius:16px;background:#fbfdff;padding:19px 18px;text-decoration:none!important;color:#142d45!important;min-height:185px;box-shadow:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.module-panel .shortcut-card:hover{transform:translateY(-3px);border-color:#98c7f5;box-shadow:0 12px 25px rgba(10,72,140,.1)}
.module-panel .shortcut-card .shortcut-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;font-size:23px;line-height:1;border-radius:13px;margin:0;background:#edf4ff}
.module-panel .shortcut-card b{display:block;color:#102f50;font-size:16px;line-height:1.55;margin:0}
.module-panel .shortcut-card .shortcut-description{display:block;font-size:12px;line-height:1.7;color:#6b7f92;margin:0}
.module-panel .shortcut-card .shortcut-action{display:block;margin-top:auto;padding-top:8px;color:#0b56a6;font-size:12px;font-weight:700}
@media(max-width:1050px){header.top .wrap.nav{flex-wrap:wrap;padding:12px 0}.module-panel .modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header.top .brand{max-width:100%}header.top .brand-logo{width:110px!important;max-width:110px!important;height:38px!important;max-height:38px!important}header.top .brand-text strong{font-size:15px}header.top .brand-text small{font-size:10px}.module-panel .modules-grid{grid-template-columns:1fr}.module-panel .shortcut-card{min-height:140px}.module-panel{padding:16px}}

/* Zamani V5 owner dashboard */
.owner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.owner-mini,.owner-report{border:1px solid #dce7f4;border-radius:17px;background:#fff;padding:18px}.owner-mini small,.owner-mini strong{display:block}.owner-mini strong{font-size:22px;color:#0b4ea2}.owner-report-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.owner-report-amount{font-size:28px;font-weight:800;color:#0b4ea2;margin:12px 0}.owner-report-split{display:flex;gap:14px;flex-wrap:wrap;color:#64748b}.owner-report p{font-size:13px;overflow-wrap:anywhere}.supervisor-note{border-radius:13px;background:#fff8de;border:1px solid #f9e7a3;padding:14px;margin:12px 0}.supervisor-note small{color:#7e6b37}.owner-report .supervisor-note p{margin:8px 0}


/* Owner page cleanup + transparent logo */
header.top .brand-logo,
.brand-logo{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  width: 170px !important;
  height: 48px !important;
  max-width: 170px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}
header.top .brand{max-width: 430px}
.owner-heading{margin-bottom:14px}
.owner-heading h1{margin:0}
.owner-heading .eyebrow,
.owner-heading .muted,
.owner-heading .badge,
.owner-heading + .badge,
.read-only-badge{display:none !important}
@media(max-width:650px){
  header.top .brand-logo,
  .brand-logo{
    width: 125px !important;
    height: 38px !important;
    max-width: 125px !important;
    max-height: 38px !important;
  }
}



/* =========================================
   ZAMANI PERFUMES
   Mobile Header Navigation Fix - V42
   For mobile screens only
   ========================================= */

@media screen and (max-width: 768px) {

  /* الشريط العلوي */
  .top {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  /* الحاوية الرئيسية */
  .top .nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    padding-bottom: 16px !important;
  }

  /* الشعار والعنوان */
  .top .brand {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* مجموعة الأزرار */
  .top .nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 4px 8px 6px !important;
  }

  /* الأزرار الأساسية */
  .top .nav-pill,
  .top .who-badge {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 125px !important;
    min-height: 44px !important;

    padding: 10px 14px !important;
    margin: 0 !important;

    background: linear-gradient(
      145deg,
      #355D88 0%,
      #21466F 100%
    ) !important;

    color: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;

    border: 1px solid #52759B !important;
    border-radius: 14px !important;

    box-shadow:
      0 4px 12px rgba(10, 34, 65, .20) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-decoration: none !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    flex-shrink: 0 !important;

    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transition:
      background .2s ease,
      box-shadow .2s ease !important;
  }

  /* اسم الفرع - زيتي */
  .top .who-badge {
    background: linear-gradient(
      145deg,
      #667B48,
      #455C35
    ) !important;

    border-color: #829369 !important;
    color: #FFFFFF !important;
  }

  /* زر الخروج - خمري */
  .top .nav-pill-danger,
  .top .nav-pill.nav-pill-danger {
    background: linear-gradient(
      145deg,
      #A04E58,
      #79343D
    ) !important;

    border-color: #B36A72 !important;
    color: #FFFFFF !important;
  }

  /* التركيز والضغط */
  .top .nav-pill:focus-visible,
  .top .who-badge:focus-visible {
    outline: 2px solid #F1D57A !important;
    outline-offset: 3px !important;
  }

  .top .nav-pill:active,
  .top .who-badge:active {
    filter: brightness(.94);
  }

  /* منع تداخل العناصر التالية */
  .top + main,
  .top + .container,
  .top + .wrap {
    clear: both;
  }
}

/* الشاشات الصغيرة جداً */
@media screen and (max-width: 390px) {

  .top .nav-links {
    gap: 8px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .top .nav-pill,
  .top .who-badge {
    min-width: 0 !important;
    flex: 1 1 calc(50% - 8px) !important;
    font-size: 12px !important;
    padding: 10px 8px !important;
  }
}


/* ====================================================
   ZAMANI V43 - fix mobile header height and button backgrounds
   Overrides legacy header.top max-height:110px.
   Applies ONLY to phone screens.
   ==================================================== */
@media screen and (max-width: 768px) {
  html body header.top {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
    background: linear-gradient(135deg, #0e2b47 0%, #174f8f 100%) !important;
  }
  html body header.top .wrap.nav {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 14px 0 12px !important;
  }
  html body header.top .nav-links {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 6px 4px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html body header.top a.nav-pill,
  html body header.top .nav-links .nav-pill,
  html body header.top .nav-links .who-badge {
    background: linear-gradient(135deg, #355d88, #21466f) !important;
    color: #fff !important;
    opacity: 1 !important;
    border: 1px solid #6483a5 !important;
    border-radius: 13px !important;
    box-shadow: 0 4px 12px rgba(10,34,65,.18) !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    visibility: visible !important;
  }
  html body header.top .nav-links .who-badge {
    background: linear-gradient(135deg, #667b48, #455c35) !important;
    border-color: #829369 !important;
  }
  html body header.top .nav-links .nav-pill-danger,
  html body header.top .nav-links a.nav-pill-danger {
    background: linear-gradient(135deg, #a04e58, #79343d) !important;
    border-color: #b36a72 !important;
  }
}
@media screen and (max-width: 390px) {
  html body header.top .nav-links .nav-pill,
  html body header.top .nav-links .who-badge {
    flex: 1 1 calc(50% - 9px) !important;
    min-width: 0 !important;
    padding: 10px 7px !important;
    font-size: 12px !important;
  }
}

/* Dukhoon Al-Mubakhara V57 */
.pin-login{width:min(480px,calc(100% - 28px));margin:38px auto 50px;padding:32px;background:#fff;border-radius:24px;border:1px solid #e5d8c8;box-shadow:0 20px 55px rgba(28,17,12,.12)}
.pin-head{text-align:center}.pin-head .brand-logo{display:block;margin:auto auto 18px!important;max-width:210px!important;width:210px!important;height:210px!important;max-height:none!important;border-radius:50%!important;object-fit:contain!important;background:#000!important}.pin-head h1{font-size:23px;color:#312116}.pin-head p,.pin-foot{color:#76695e;font-size:13px;text-align:center}.pin-login input{font-size:22px;text-align:center;letter-spacing:5px;direction:ltr;background:#faf7f3}.pin-login button{width:100%;background:linear-gradient(135deg,#322116,#74533c);color:#fff}.pin-foot{margin-top:18px}.top{background:linear-gradient(130deg,#080808,#322318)!important}.nav-pill{border-color:rgba(241,197,141,.35)}

:root{
  --brand-dark:#12100e;
  --brand-brown:#3a2417;
  --brand-brown-2:#6a4630;
  --brand-gold:#d6b27a;
  --brand-gold-soft:#ead7b0;
  --brand-ivory:#f6f1e8;
  --brand-border:#b99663;
  --brand-text:#1f1712;
  --brand-white:#ffffff;
}

/* خلفية عامة */
body{
  background:#f3f0ea !important;
  color:var(--brand-text) !important;
}

/* الهيدر يبقى فاخر */
header,
.topbar,
.main-header{
  background:linear-gradient(90deg,#0f0d0c 0%, #2b180f 55%, #4a2b1b 100%) !important;
  color:#fff !important;
}

/* البطاقات العامة */
.card,
.panel,
.section-box,
.widget,
.dashboard-card{
  background:var(--brand-white) !important;
  border:1px solid rgba(185,150,99,.28) !important;
  box-shadow:0 10px 24px rgba(28,18,12,.06) !important;
  border-radius:22px !important;
}

/* بطاقة اليوم المميزة - أزل الأزرق */
.highlight-card,
.today-sales-card,
.pulse-today,
.sales-today,
.card-today,
.primary-stat-card{
  background:linear-gradient(135deg,#1a120d 0%, #3a2417 55%, #6a4630 100%) !important;
  color:#fff !important;
  border:1px solid rgba(214,178,122,.55) !important;
  box-shadow:0 14px 30px rgba(58,36,23,.22) !important;
}

.highlight-card *,
.today-sales-card *,
.pulse-today *,
.sales-today *,
.card-today *,
.primary-stat-card *{
  color:#fff !important;
}

/* بطاقات الأمس وأول أمس */
.stat-card,
.mini-stat,
.report-stat,
.pulse-card{
  background:#fff !important;
  border:1px solid rgba(185,150,99,.28) !important;
  box-shadow:0 8px 20px rgba(28,18,12,.05) !important;
}

.stat-card .value,
.mini-stat .value,
.report-stat .value,
.pulse-card .value{
  color:#1d2d44 !important;
}

/* الخط السفلي الذهبي */
.stat-card::after,
.mini-stat::after,
.report-stat::after,
.pulse-card::after,
.highlight-card::after,
.today-sales-card::after,
.pulse-today::after,
.sales-today::after,
.card-today::after,
.primary-stat-card::after{
  content:"";
  display:block;
  height:4px;
  width:100%;
  margin-top:12px;
  border-radius:20px;
  background:linear-gradient(90deg,#b99158,#e2c68f) !important;
}

/* الأزرار الأساسية */
.btn-primary,
button.primary,
a.btn-primary,
.action-btn,
.main-btn{
  background:linear-gradient(135deg,#1a120d 0%, #3a2417 55%, #6a4630 100%) !important;
  color:#fff !important;
  border:1px solid rgba(214,178,122,.45) !important;
  box-shadow:0 10px 24px rgba(58,36,23,.18) !important;
}

.btn-primary:hover,
button.primary:hover,
a.btn-primary:hover,
.action-btn:hover,
.main-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(58,36,23,.25) !important;
}

/* الأزرار الثانوية */
.btn-secondary,
.filter-chip,
.shortcut-btn,
.quick-btn{
  background:#fffaf2 !important;
  color:#5a3924 !important;
  border:1px solid rgba(185,150,99,.40) !important;
}

/* الشارات */
.badge,
.tag,
.pill{
  background:#f8f1e4 !important;
  color:#6a4630 !important;
  border:1px solid rgba(185,150,99,.35) !important;
}

/* الرسائل والتنبيهات */
.info-box,
.notice-box,
.alert-info{
  background:#fbf6ee !important;
  color:#5d402c !important;
  border:1px solid rgba(185,150,99,.32) !important;
}

/* الروابط أو العناصر التي بقيت زرقاء */
a,
.link,
.text-primary{
  color:#6a4630 !important;
}

a:hover,
.link:hover{
  color:#3a2417 !important;
}

/* أي خلفية زرقاء باقية من bootstrap أو النمط القديم */
.bg-primary,
.text-bg-primary{
  background:linear-gradient(135deg,#1a120d 0%, #3a2417 55%, #6a4630 100%) !important;
  color:#fff !important;
  border-color:rgba(214,178,122,.45) !important;
}

/* البوردر أو التوهج الأزرق في الفورمات */
input:focus,
select:focus,
textarea:focus{
  border-color:#c69b63 !important;
  box-shadow:0 0 0 4px rgba(198,155,99,.18) !important;
  outline:none !important;
}

/* DUKHOON V60 - exact colors for pulse and dashboard buttons */
:root {
  --brand-blue:#503420;
  --brand-blue-dark:#15100d;
  --brand-blue-soft:#fcf2e3;
  --brand-yellow:#d6b27a;
  --text:#35251b;
  --muted:#806e5a;
  --bg:#f5f1eb;
  --line:#e7dac9;
  --info:#80532f;
  --info-bg:#fbf4e9;
}
body { background:#f5f1eb !important; }
body .btn:not(.danger):not(.warning), body button.btn:not(.danger):not(.warning) {
  background:linear-gradient(135deg,#2a1b13,#68452c) !important;
  color:#fff !important;
  border:1px solid #9d794d !important;
}
body .btn.secondary, body a.btn.secondary, body button.secondary {
  background:linear-gradient(135deg,#241913,#523724) !important;
  color:#fff !important;
  border:1px solid #a08051 !important;
}
body .zp41 .zpcard.zptoday {
  background:linear-gradient(135deg,#15100d,#3a2417 60%,#66452e) !important;
  border-color:#b99460 !important;
  color:#fff !important;
}
body .zp41 .zpmessage { background:#fcf6eb !important; border-color:#e7d7bf !important; }
body .zp41 .zpmessage strong { color:#5b3b26 !important; }
body .zp41 .zpmessage span { color:#806e5a !important; }
body .zp41 .zptitle, body .zp41 .zpcard:not(.zptoday) .zpamount { color:#3a2417 !important; }
body .zp41 .zpchip { border-color:#e7d7bf !important; }
@media (max-width:768px) {
 html body header.top { background:linear-gradient(135deg,#100d0b,#352216) !important; }
 html body header.top .nav-links .nav-pill { background:linear-gradient(135deg,#322318,#5c3e2b) !important; border-color:#98754b !important; }
 html body header.top .nav-links .who-badge { background:linear-gradient(135deg,#5b4027,#735631) !important; border-color:#c4a36b !important; }
 html body header.top .nav-links .nav-pill-danger { background:linear-gradient(135deg,#633027,#422019) !important; border-color:#9e655a !important; }
}


/* =====================================================
   DUKHOON V61 - Admin action links: remove legacy blue
   Targets only named navigation action links; no status colors
   ===================================================== */
:is(
  a.btn[href="transfers.php"],
  a.btn[href="warehouse_users.php"],
  a.btn[href="purchases.php"],
  a.btn[href="purchase_users.php"],
  a.btn[href="purchase_finance.php"],
  a.btn[href="owner_manage.php"],
  a.btn[href="owner.php"]
) {
  background: linear-gradient(135deg, #15100d 0%, #392519 65%, #5b3b28 100%) !important;
  border: 1px solid #ae8858 !important;
  color: #fff6e9 !important;
  box-shadow: 0 7px 17px rgba(48,28,15,.15) !important;
}
:is(
  a.btn[href="transfers.php"],
  a.btn[href="warehouse_users.php"],
  a.btn[href="purchases.php"],
  a.btn[href="purchase_users.php"],
  a.btn[href="purchase_finance.php"],
  a.btn[href="owner_manage.php"],
  a.btn[href="owner.php"]
):is(:hover,:focus-visible) {
  background: linear-gradient(135deg, #362318, #755033) !important;
  border-color: #e3be85 !important;
  color: white !important;
}
/* Also override legacy dark-blue .secondary buttons across the system */
a.btn.secondary, button.secondary, .btn.secondary {
  background: linear-gradient(135deg, #211711, #523521) !important;
  color: #fff6ea !important;
  border: 1px solid #a4825c !important;
  box-shadow: 0 6px 16px rgba(42,26,17,.14) !important;
}
a.btn.secondary:hover, button.secondary:hover, .btn.secondary:hover {
  background: linear-gradient(135deg, #46301f, #755034) !important;
}
/* Normalize blue glow on default button links without affecting danger/warning */
.panel > a.btn:not(.danger):not(.warning):not(.secondary),
.panel > .btn:not(.danger):not(.warning):not(.secondary) {
  background: linear-gradient(135deg, #281b14, #65412a) !important;
  border: 1px solid #ad895c !important;
  color: #fff8eb !important;
  box-shadow: 0 7px 18px rgba(45,27,16,.16) !important;
}

/* DUKHOON V66: Improve top navigation text contrast only.
   Leaves backgrounds, sizing, permissions and login intact. */
html body header.top .nav-links a.nav-pill,
html body header.top .nav-links .nav-pill,
html body header.top .nav-links a.nav-pill-danger,
html body header.top .nav-links .who-badge {
  color: #fff4df !important;
  -webkit-text-fill-color: #fff4df !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.4) !important;
}
html body header.top .nav-links a.nav-pill:hover,
html body header.top .nav-links a.nav-pill:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body header.top .nav-links .nav-pill *,
html body header.top .nav-links .who-badge * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}