/* =====================================================
   CRUDAX — الهوية البصرية الجديدة (زمردي + ذهبي)
   يُحمّل بعد style.css و responsive.css، يعيد تلوين وتنسيق
   كل العناصر الموجودة أصلاً بدون تغيير أي دالة أو Class جديد بالـHTML الأساسي
   ===================================================== */
:root{
  --bg:#041713 !important;
  --bg-2:#06221b !important;
  --panel:#0c3327 !important;
  --panel-2:#0f3e2f !important;
  --line:rgba(211,174,91,.27) !important;
  --lime:#d3ae5b !important;
  --lime-tint:#f0d9a3 !important;
  --green:#69d59d !important;
  --red:#ff7169 !important;
  --cyan:#5fd3d9 !important;
  --yellow:#f0d16a !important;
  --blue:#5fa8ef !important;
  --purple:#a988e0 !important;
  --text:#f7f1df !important;
  --muted:#8eaa9f !important;
  --radius-lg:18px !important;
  --radius-md:14px !important;
  --radius-sm:11px !important;
  --shadow:0 18px 46px rgba(0,0,0,.28) !important;
  --accent-main:#0e694c !important;
  --accent-soft:#69d59d !important;
  --accent-bg:rgba(105,213,157,.12) !important;
}

@font-face{font-family:'CrudaxFallback';src:local('Arial')}

body{
  font-family:"IBM Plex Sans Arabic","Tajawal",Tahoma,Arial,sans-serif !important;
  background:
    radial-gradient(circle at 55% -15%,#0d4939 0,transparent 35%),
    linear-gradient(145deg,#041713,#06221b 55%,#03130f) !important;
}
h1,h2,h3,h4,.brand span,.sidebar strong{font-family:"Manrope","IBM Plex Sans Arabic",sans-serif !important}

/* الشريط الجانبي والعلوي */
.sidebar{background:linear-gradient(180deg,rgba(12,51,39,.98),rgba(4,23,17,.98)) !important;border-left:1px solid var(--line) !important}
.topbar,.clock-card{border-color:var(--line) !important}
.nav-item.active,.nav-item:hover{color:var(--lime) !important;background:linear-gradient(90deg,rgba(211,174,91,.14),rgba(211,174,91,.04)) !important;border-color:rgba(211,174,91,.38) !important}

/* الكروت العامة */
.section-card,.mini-stat,.year-card,.settings-card,.module-header,.chart-card,
.smart-kpi-card,.debt-alerts-card,.archive-panel,.placeholder-page{
  background:linear-gradient(145deg,rgba(13,56,46,.66),rgba(6,32,27,.85)) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow) !important;
}

/* الأزرار */
.action-btn.add-btn,.primary-action,.primary-btn{
  background:linear-gradient(135deg,#d3ae5b,#9c7a34) !important;color:#211705 !important;border:0 !important;
}
.action-btn.neutral-btn{background:rgba(255,255,255,.06) !important;color:var(--text) !important}
.action-btn.delete-btn,.small-danger,.danger-action{background:rgba(255,113,105,.14) !important;color:var(--red) !important;border-color:rgba(255,113,105,.3) !important}
.action-btn.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c4c) !important;color:#fff !important;border:0 !important}

/* لمسة لون لكل قسم برأس الصفحة */
.income-module-head h3{color:var(--green) !important}
.expense-module-head h3{color:var(--red) !important}
#page-agents .module-header h3{color:var(--blue) !important}
#page-debts .module-header h3{color:#edae3d !important}

/* الحقول */
input,select,textarea{
  background:rgba(255,255,255,.035) !important;border:1px solid var(--line) !important;
  color:var(--text) !important;border-radius:var(--radius-sm) !important;
}
input:focus,select:focus,textarea:focus{border-color:var(--lime) !important;outline:2px solid rgba(211,174,91,.22) !important}
input[readonly]{background:rgba(211,174,91,.07) !important;color:var(--lime) !important}

/* الجداول */
.records-table thead th{background:rgba(211,174,91,.08) !important;color:var(--lime) !important}
.records-table tbody tr:hover{background:rgba(255,255,255,.03) !important}

/* شاشة الدخول */
#authScreen,.auth-card{background:radial-gradient(circle at 50% 20%,#11694f,#073c2c 55%,#03130f) !important;border-color:var(--line) !important}

/* توحيد صندوق الإعدادات (كان بلون رمادي مختلف) */
.settings-card h3{color:var(--lime) !important}

/* -------- شاشة الافتتاح (Splash) -------- */
#crudaxSplash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 37%,#11694f,#073c2c 44%,#03130f);
  display:flex;align-items:center;justify-content:center;transition:opacity .32s ease,transform .32s ease}
#crudaxSplash.hide{opacity:0;transform:scale(1.04);pointer-events:none}
.splash-brand{position:relative;text-align:center;direction:ltr;width:100%}
.splash-name{display:flex;align-items:center;justify-content:center;gap:1px;height:60px}
.splash-name i{font:800 42px Manrope,sans-serif;font-style:normal;
  background:linear-gradient(#fff0ad,#e8c25b,#aa7418);-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:0;animation:splashFly .6s var(--d,0s) cubic-bezier(.16,.9,.2,1.24) forwards}
.splash-name i:nth-child(1){--x:-170px;--y:-140px;--r:-160deg}
.splash-name i:nth-child(2){--x:190px;--y:-160px;--r:200deg}
.splash-name i:nth-child(3){--x:-200px;--y:150px;--r:-220deg}
.splash-name i:nth-child(4){--x:210px;--y:130px;--r:180deg}
.splash-name i:nth-child(5){--x:60px;--y:-190px;--r:150deg}
.splash-name i:nth-child(6){--x:-190px;--y:60px;--r:-190deg}
.splash-tag{font-size:12px;color:#d7e9e1;margin-top:12px;opacity:0;animation:splashShow .18s .85s forwards}
.splash-tag em{font-style:normal;color:#e8c25b;font-weight:800}
@keyframes splashFly{from{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.25);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes splashShow{to{opacity:1}}

/* -------- القائمة المنسدلة المخصصة (Custom Select) -------- */
.crx-select{position:relative}
.crx-select select{position:absolute;inset:0;opacity:0;pointer-events:none}
.crx-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}
.crx-select-btn svg{width:13px;height:13px;stroke:var(--lime);fill:none;stroke-width:2;transition:transform .15s}
.crx-select.open .crx-select-btn svg{transform:rotate(180deg)}
.crx-select.open .crx-select-btn{border-color:var(--green)}
.crx-select-list{list-style:none;margin:0;padding:6px;position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:30;
  background:linear-gradient(160deg,#0c3327,#062018);border:1px solid var(--line);border-radius:var(--radius-md);
  box-shadow:0 18px 40px rgba(0,0,0,.45);display:none;max-height:220px;overflow:auto}
.crx-select.open .crx-select-list{display:block}
.crx-select-list li{padding:9px 10px;border-radius:9px;font-size:12.5px;color:var(--text);cursor:pointer}
.crx-select-list li:hover{background:rgba(211,174,91,.12)}
.crx-select-list li.active{background:linear-gradient(135deg,#3fe0a0,#1c9a70);color:#052a1f;font-weight:700}
#page-expenses .crx-select-list li.active,#page-debts .crx-select-list li.active{background:linear-gradient(135deg,#ff9298,#c73c48);color:#2a0a0a}

/* -------- شبكة الأيقونات بالرئيسية -------- */
.crx-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
@media(min-width:900px){.crx-icon-grid{grid-template-columns:repeat(8,1fr)}}
.crx-app{display:grid;justify-items:center;gap:6px;cursor:pointer}
.crx-app .ic{width:100%;max-width:64px;aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden;transition:transform .12s}
.crx-app .ic .core{position:absolute;inset:0;display:grid;place-items:center}
.crx-app .ic .core svg{width:60%;height:60%;stroke:#fff;fill:none;stroke-width:2}
.crx-app .ic .glow{position:absolute;inset:-8px;border-radius:22px;filter:blur(11px);opacity:.5;z-index:-1}
.crx-app.pressed .ic{transform:scale(.88)}
.crx-app span{font-size:11px;font-weight:700;color:var(--text)}
.crx-badge{position:absolute;top:-4px;left:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:800;border-radius:999px;
  width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid #041713;z-index:3}

/* -------- شريط التحكم الصوتي -------- */
.crx-voicebar{display:flex;align-items:center;gap:10px;border:1px solid var(--lime);border-radius:16px;
  background:radial-gradient(circle at 15% 50%,rgba(211,174,91,.2),transparent 70%);padding:12px 16px;margin:16px 0;cursor:pointer}
.crx-voicebar .mic{width:40px;height:40px;border-radius:50%;background:rgba(211,174,91,.18);color:var(--lime);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.crx-voicebar .mic svg{width:18px;height:18px}
.crx-voicebar .txt{flex:1;text-align:right}
.crx-voicebar b{display:block;font-size:12px}
.crx-voicebar small{display:block;color:var(--lime);font-size:10px;margin-top:2px;font-weight:700}
.crx-voicebar.listening{border-color:var(--green)}

/* -------- نافذة المساعد الصوتي -------- */
.crx-voice-modal{position:fixed;inset:0;z-index:9998;background:rgba(3,15,11,.72);backdrop-filter:blur(3px);
  display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.2s}
.crx-voice-modal.show{opacity:1;pointer-events:auto}
.crx-voice-sheet{width:100%;max-width:460px;background:linear-gradient(160deg,#0c3327,#062018);border:1px solid var(--line);
  border-radius:22px 22px 0 0;padding:18px;transform:translateY(30px);transition:.25s}
.crx-voice-modal.show .crx-voice-sheet{transform:none}
@media(min-width:760px){.crx-voice-modal{align-items:center}.crx-voice-sheet{border-radius:22px}}
.crx-voice-sheet h3{margin:0 0 4px;font-size:15px;color:var(--lime)}
.crx-voice-sheet p{margin:0 0 14px;font-size:11px;color:var(--muted)}
.crx-mic-orb{width:74px;height:74px;border-radius:26px;border:0;background:linear-gradient(145deg,#f0d9a3,#9c7a34);
  color:#211705;display:grid;place-items:center;margin:0 auto 14px;cursor:pointer}
.crx-mic-orb svg{width:30px;height:30px}
.crx-heard{background:rgba(255,255,255,.05);border-radius:12px;padding:10px;font-size:12px;color:var(--text);min-height:34px;margin-bottom:10px;text-align:center}
.crx-voice-review{display:none}
.crx-voice-review.show{display:block}
.crx-voice-fields{background:rgba(255,255,255,.04);border-radius:12px;padding:4px 12px;margin-bottom:10px}
.crx-voice-fields div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}
.crx-voice-fields div:last-child{border:0}
.crx-voice-fields span{color:var(--muted)}
.crx-voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.crx-voice-actions button{border:0;border-radius:11px;padding:10px;font-weight:800;font-size:12px;cursor:pointer}
.crx-voice-confirm{background:linear-gradient(135deg,#d3ae5b,#9c7a34);color:#211705}
.crx-voice-cancel{background:rgba(255,255,255,.08);color:var(--text)}
.crx-voice-close{position:absolute;top:12px;left:14px;background:rgba(255,255,255,.08);border:0;color:var(--text);
  width:28px;height:28px;border-radius:9px;cursor:pointer}