/* ================================================
   Elite Gomla — هوية: أخضر مخزني + قمحي دافئ
   ================================================ */
:root{
  --green-900:#173B2C;
  --green-700:#1E4D3B;
  --green-500:#2E7457;
  --wheat:#E8A33D;
  --wheat-soft:#F6E3C5;
  --bg:#F4F2EC;
  --card:#FFFFFF;
  --ink:#22301F;
  --ink-soft:#6B7568;
  --red:#C0392B;
  --radius:14px;
  --shadow:0 2px 10px rgba(23,59,44,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
a{color:inherit;text-decoration:none}

/* ===== التخطيط العام ===== */
.app{display:flex;min-height:100vh}
.sidebar{
  width:240px;background:var(--green-900);color:#fff;
  display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:50;
  transition:transform .25s;
}
.content{flex:1;margin-inline-start:240px;padding:20px;max-width:100%}
.brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand small{display:block;color:var(--wheat);font-size:.75rem}
.brand-mark{font-size:1.6rem}
.brand-mark.big{font-size:2.6rem}
.sidebar nav{flex:1;padding:10px 8px;overflow-y:auto}
.nav-link{display:block;padding:10px 14px;border-radius:10px;margin-bottom:3px;font-weight:600;font-size:.93rem;color:#E8EFE9}
.nav-link:hover{background:var(--green-700)}
.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.logout{color:var(--wheat);font-weight:700}

.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.menu-btn{display:none;background:var(--green-700);color:#fff;border:0;border-radius:10px;padding:8px 14px;font-size:1.1rem;cursor:pointer}
.sync-badge{margin-inline-start:auto;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:99px}
.sync-badge.online{background:#E3F2E8;color:var(--green-700)}
.sync-badge.offline{background:#FDECEA;color:var(--red)}

/* ===== لوحة التحكم ===== */
.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.page-head h1{font-size:1.4rem;font-weight:900;color:var(--green-900)}
.license-badge{background:var(--wheat-soft);color:#7A5210;font-size:.8rem;font-weight:700;padding:5px 14px;border-radius:99px}
.license-badge.warn{background:#FDECEA;color:var(--red)}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.stat-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.stat-card small{color:var(--ink-soft);font-weight:600}
.stat-card strong{display:block;font-size:1.5rem;font-weight:900;color:var(--green-900);margin-top:4px}
.stat-card.sales{background:var(--green-700);}
.stat-card.sales small{color:var(--wheat-soft)}
.stat-card.sales strong{color:#fff}
.stat-card.orders strong{color:var(--wheat)}

.phase-note{margin-top:22px;background:var(--wheat-soft);border-radius:var(--radius);padding:14px 18px;font-size:.9rem;color:#5C4310}

/* ===== صفحات الدخول والترخيص ===== */
.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;
  background:linear-gradient(160deg,var(--green-900) 0%,var(--green-700) 60%,var(--green-500) 100%)}
.auth-card{background:var(--card);border-radius:20px;padding:34px 30px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.auth-brand{text-align:center;margin-bottom:22px}
.auth-brand h1{font-weight:900;color:var(--green-900);margin-top:6px}
.auth-brand p{color:var(--ink-soft);font-size:.85rem}
.auth-card label{display:block;font-weight:700;font-size:.85rem;margin-bottom:14px;color:var(--green-900)}
.auth-card input{width:100%;margin-top:5px;padding:11px 14px;border:1.5px solid #D8D4C8;border-radius:10px;
  font-family:inherit;font-size:1rem;background:#FBFAF6}
.auth-card input:focus{outline:none;border-color:var(--wheat)}
.auth-hint{text-align:center;margin-top:16px;font-size:.83rem;color:var(--ink-soft)}
.auth-hint a{color:var(--green-500);font-weight:700}

.btn{border:0;border-radius:10px;padding:11px 22px;font-family:inherit;font-weight:800;font-size:1rem;cursor:pointer}
.btn.primary{background:var(--wheat);color:#3D2A05}
.btn.primary:hover{filter:brightness(1.06)}
.btn.block{width:100%}
.alert{padding:10px 14px;border-radius:10px;font-size:.87rem;font-weight:600;margin-bottom:14px}
.alert.error{background:#FDECEA;color:var(--red)}

/* ===== موبايل ===== */
@media (max-width:900px){
  .sidebar{transform:translateX(100%)}
  html[dir="rtl"] .sidebar{transform:translateX(100%)}
  .sidebar.open{transform:translateX(0)}
  .content{margin-inline-start:0;padding:14px}
  .menu-btn{display:block}
}

/* ===== المرحلة 2: جداول ونماذج ومودالات ===== */
.head-actions{display:flex;gap:8px}
.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}
.card-title{font-size:1rem;font-weight:800;color:var(--green-900);margin-bottom:12px}

.search-bar{margin-bottom:14px}
.search-bar input{width:100%;padding:11px 16px;border:1.5px solid #D8D4C8;border-radius:12px;
  font-family:inherit;font-size:1rem;background:var(--card)}
.search-bar input:focus{outline:none;border-color:var(--wheat)}

.table-wrap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;min-width:600px}
.data-table th{background:var(--green-900);color:#fff;padding:11px 12px;font-size:.83rem;text-align:right;white-space:nowrap}
.data-table td{padding:10px 12px;border-bottom:1px solid #EEEBE2;font-size:.9rem;vertical-align:middle}
.data-table tr:hover td{background:#FAF8F2}
.data-table small{display:block;font-size:.75rem}
.muted{color:var(--ink-soft)}
.empty-cell{text-align:center;color:var(--ink-soft);padding:30px !important}
.row-actions{white-space:nowrap;display:flex;gap:5px;justify-content:flex-end}

.stock-badge{background:#E3F2E8;color:var(--green-700);font-weight:700;font-size:.82rem;padding:3px 10px;border-radius:99px;white-space:nowrap}
.stock-badge.low{background:#FDECEA;color:var(--red)}

.btn.sm{padding:5px 12px;font-size:.8rem;background:#EDEAE0;color:var(--ink)}
.btn.sm:hover{background:#E2DECF}
.btn.danger{background:#FDECEA;color:var(--red)}
.btn.danger:hover{background:#F9D3CE}
.btn.ghost{background:transparent;border:1.5px solid var(--green-700);color:var(--green-700)}
.btn.gold{background:var(--wheat-soft);color:#7A5210}
.btn.gold:hover{background:#F0D5A6}
.alert.ok{background:#E3F2E8;color:var(--green-700)}

/* نماذج داخل الصفحات والمودالات */
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.form-grid label,.modal label{display:block;font-weight:700;font-size:.83rem;color:var(--green-900)}
.form-grid input,.form-grid select,.modal input,.modal select{
  width:100%;margin-top:4px;padding:9px 12px;border:1.5px solid #D8D4C8;border-radius:9px;
  font-family:inherit;font-size:.95rem;background:#FBFAF6}
.form-grid input:focus,.form-grid select:focus,.modal input:focus,.modal select:focus{outline:none;border-color:var(--wheat)}
.span2{grid-column:span 2}
label.check{display:flex;align-items:center;gap:8px;font-weight:600}
label.check input{width:auto;margin:0}

/* مودال */
.modal-back{display:none;position:fixed;inset:0;background:rgba(23,59,44,.55);z-index:100;
  align-items:center;justify-content:center;padding:16px}
.modal-back.show{display:flex}
.modal{background:var(--card);border-radius:16px;padding:20px;width:100%;max-width:560px;
  max-height:90vh;overflow-y:auto}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.modal-head h2{font-size:1.1rem;font-weight:900;color:var(--green-900)}
.modal-head .x{background:none;border:0;font-size:1.1rem;cursor:pointer;color:var(--ink-soft)}

/* بنود الفاتورة (كروت — بدون سكرول أفقي) */
.item-card{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px;
  margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.item-main small{display:block;color:var(--ink-soft);margin-top:2px}
.item-side{display:flex;align-items:center;gap:10px}
.item-total{font-weight:900;color:var(--green-700)}
.total-bar{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}
.total-bar strong{color:var(--green-900)}

/* شاشة قيد التطوير */
.coming-soon{text-align:center;padding:60px 20px}
.cs-icon{font-size:3.5rem;margin-bottom:10px}
.coming-soon h1{color:var(--green-900);font-weight:900;margin-bottom:8px}
.coming-soon p{color:var(--ink-soft);margin-bottom:20px}

@media (max-width:600px){
  .span2{grid-column:span 1}
  .form-grid{grid-template-columns:1fr 1fr}
  .page-head{flex-direction:column;align-items:flex-start}
}