/* main.css */
@import "components/button.css";
@import "components/form.css";
@import "components/table.css";
@import "components/card.css";
@import "components/modal.css";
@import "components/badge.css";
@import "components/pagination.css";
@import "components/tabs.css";
@import "components/notifications.css";
@import "components/dashboard.css";
@import "components/search.css";
@import "components/utilities.css";
@import "components/shortcut.css";
@import "components/activities.css";
@import "components/activity-bar.css";
@import "components/sticky-bar.css";
@import "components/sticky-header.css";
@import "components/auth.css";
@import "components/footer.css";
@import "components/side-menu.css";

:root{
  --primary-color:#003aa0;
  --primary-light:#f0f2f5;
  --secondary-color:#f97316;
  --discount-color:#ef4444;
  --text-color:#222;
  --text-muted:#9098a7;
  --modal-header-color:white;
  --bg-color:#f5f7fa;
  --border-color:#d1d5db;
  --shadow:0 2px 8px rgba(0,0,0,0.1);
  --shadow-hover:0 6px 20px rgba(0,0,0,0.15);
  --blue-color:#3b82f6;
  --green-color:#22c55e;
  --red-color:#ef4444;
  --orange-color:#f97316;
  --dark-blue-color:#2563eb;
  --dark-green-color:#16a34a;
  --dark-red-color:#dc2626;
  --dark-orange-color:#ea580c;
  --light-blue-color:#93bbfc;
  --light-green-color:#86efac;
  --light-red-color:#fca5a5;
  --light-orange-color:#fdba74;
  --gray-color:#6b7280;
  --white:#fff;
  --card-bg:#fff;
  --table-stripe:#f8fafc;
  --input-bg:#fff;
  --tab-bg:#f1f5f9;
  --tab-active:#003aa0;
  --filter-tag-bg:#e5e7eb;
  --table-stripe-light:#f8fafc;
  --table-bg-light:#fff;
  --table-hover-light:#c7dcff;
  --input-bg:#fff;
  --dropdown-bg:#fff;
  --card-bg:#fff;
}

[data-theme="dark"]{
  --primary-color:#4a7cf7;
  --primary-light:#1e293b;
  --secondary-color:#f97316;
  --text-color:#e2e8f0;
  --text-muted:#94a3b8;
  --bg-color:#0f172a;
  --border-color:#334155;
  --shadow:0 2px 8px rgba(0,0,0,0.4);
  --shadow-hover:0 6px 20px rgba(0,0,0,0.5);
  --blue-color:#3b82f6;
  --green-color:#22c55e;
  --red-color:#ef4444;
  --orange-color:#f97316;
  --gray-color:#e4ebf3;
  --white:#1e293b;
  --card-bg:#1e293b;
  --table-stripe:#263348;
  --input-bg:#1e293b;
  --tab-bg:#263348;
  --tab-active:#4a7cf7;
  --filter-tag-bg:#334155;
  --table-stripe-dark:#1a2332;
  --table-bg-dark:#0f172a;
  --table-hover-dark:#2a3a5a;
  --input-bg:#1a2332;
  --dropdown-bg:#1a2332;
  --card-bg:#0f172a;
}

@font-face{
  font-family:'Yekan Bakh';
  src:url('/static/fonts/YekanBakh-Light.ttf') format('truetype');
  font-weight:300;
  font-display:swap;
}
@font-face{
  font-family:'Yekan Bakh';
  src:url('/static/fonts/YekanBakh-Regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:'Yekan Bakh';
  src:url('/static/fonts/YekanBakh-Medium.ttf') format('truetype');
  font-weight:500;
  font-display:swap;
}
@font-face{
  font-family:'Yekan Bakh';
  src:url('/static/fonts/YekanBakh-Bold.ttf') format('truetype');
  font-weight:700;
  font-display:swap;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Yekan Bakh','Tahoma',Arial,sans-serif;
  background:var(--bg-color);
  color:var(--text-color);
  line-height:1.6;
  direction:rtl;
}

body::-webkit-scrollbar{
  display:none;
}

a{
  text-decoration:none;
  color:var(--primary-color);
  transition:color 0.3s;
}

a:hover{
  color:var(--secondary-color);
}

ul,
ol{
  list-style:none;
  padding:0;
  margin:0;
}

button,
input,
select,
textarea{
  font-family:'Yekan Bakh','Tahoma',Arial,sans-serif;
}

hr{
  border:0.5px dashed var(--border-color);
  margin:22px 0;
}

.text-center{
  text-align:center;
}

.text-right{
  text-align:right;
}

.text-left{
  text-align:left;
}

.text-primary{
  color:var(--primary-color);
}
.text-secondary{
  color:var(--secondary-color);
}

.text-success{
  color:var(--green-color);
}

.text-danger{
  color:var(--red-color);
}

.text-warning{
  color:var(--orange-color);
}

.text-muted{
  color:var(--text-muted);
}

.bg-primary{
  background:var(--primary-color);
}

.bg-secondary{
  background:var(--secondary-color);
}

.bg-light{
  background:var(--primary-light);
}

.bg-white{
  background:var(--white);
}

.d-flex{
  display:flex;
}

.flex-center{
  align-items:center;
  justify-content:center;
}

.flex-between{
  justify-content:space-between;
  align-items:center;
}

.flex-wrap{
  flex-wrap:wrap;
}

.gap-8{
  gap:8px;
}

.gap-16{
  gap:16px;
}

.mt-10{
  margin-top:10px;
}

.mt-20{
  margin-top:20px;
}

.p-10{
  padding:10px;
}

.rounded{
  border-radius:8px;
}

.shadow{
  box-shadow:var(--shadow);
}

.theme-toggle-btn{
  min-width:130px;
  justify-content:center;
  gap:8px;
}

.theme-toggle-btn i{
  transition:transform 0.4s ease;
}

.theme-toggle-btn:hover i{
  transform:rotate(-25deg) scale(1.1);
}

[data-theme="dark"] .theme-toggle-btn{
  background:var(--secondary-color);
}
[data-theme="dark"] .theme-toggle-btn:hover{
  background:var(--dark-orange-color);
}

body.modal-open{
  overflow:hidden !important;
}

.main-content {
  padding-bottom:60px !important;
}

@media (max-width:768px){
  .side-menu{
    display:none;
  }
  .main-content{
    padding:0 5%;
    width:100vw;
  }
  .dashboard-cards{
    grid-template-columns:1fr;
  }
  .filters-row{
    flex-direction:column;
  }
  .filter-group{
    min-width:100%;
  }
  .form-row{
    grid-template-columns:1fr;
  }
  .page-header{
    padding:20px 15px;
  }
  .page-header h1{
    font-size:16px;
  }
  .tabs-scroll{
    flex-wrap:nowrap;
  }
  .tab-btn{
    min-width:60px;
    padding:6px;
    font-size:10px;
  }
}

@media (max-width:480px){
  .dashboard-card{
    height:100px;
  }
  .dashboard-card-info-value{
    font-size:14px;
  }
  .btn-primary,
  .btn-secondary,
  .btn-negative,
  .submit-btn{
    padding:8px 16px;
    font-size:12px;
  }
}

@media (min-width:769px) and (max-width:1024px){
  .dashboard-cards{
    grid-template-columns:repeat(2,1fr);
  }
  .filter-group{
    min-width:45%;
  }
  .form-row{
    grid-template-columns:1fr 1fr;
  }
  .tab-btn{
    min-width:100px;
    padding:10px 16px;
    font-size:13px;
  }
  .page-header{
    padding:24px 20px;
  }
  .page-header h1{
    font-size:20px;
  }
}