/* Bootstrap 5 Demo Theme (RTL) — Oasis Assistant
   Scope: used only by pages that include header_bs.php
*/
:root{
  --oa-bg:#EEECE1;
  --oa-surface:#ffffff;
  --oa-soft:#D6D4CA;
  --oa-accent:#B2B1A8;
  --oa-dark:#2B2F36;
}

body{
  font-family: Tahoma, Arial, system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--oa-bg);
}

.navbar{
  background: var(--oa-dark) !important;
}

.btn-primary{
  background-color: var(--oa-accent) !important;
  border-color: var(--oa-accent) !important;
  color:#111 !important;
}
.btn-primary:hover{ filter: brightness(.97); }
.btn-primary:focus{ box-shadow: 0 0 0 .25rem rgba(178,177,168,.35) !important; }

.card{
  border-radius: 14px;
}

.oa-hero{
  background: linear-gradient(135deg, rgba(214,212,202,.65), rgba(238,236,225,.65));
  border: 1px solid rgba(43,47,54,.08);
}

.oa-tile{
  transition: transform .12s ease, box-shadow .12s ease;
  border: 1px solid rgba(43,47,54,.08);
}
.oa-tile:hover{
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.08);
}

.oa-icon{
  width:42px;height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  background: rgba(214,212,202,.7);
}

.small-muted{ color: rgba(0,0,0,.55); font-size:.9rem; }