/* =========================================================
   ONE COIN GARDENS HOTEL - MODERN GREEN THEME
========================================================= */

:root{

  /* ================= BACKGROUND ================= */
  --sneat-bg:#F8FAF8;
  --sneat-surface:#FFFFFF;
  --sneat-surface-2:#F3F7F3;

  /* ================= TEXT ================= */
  --sneat-text:#1F2937;
  --sneat-muted:#4B5563;

  /* ================= BORDER ================= */
  --sneat-border:#E5E7EB;

  /* ================= PRIMARY BRAND ================= */
  --sneat-primary:#0E6B3D;
  --sneat-primary-600:#0D5F36;
  --sneat-primary-700:#0C5130;
  --sneat-primary-400:#5DB66E;
  --sneat-primary-100:#CDEACF;
  --sneat-primary-50:#E7F4EA;

  /* ================= ACCENT (GOLD) ================= */
  --sneat-accent:#C79B2C;

  /* ================= STATUS ================= */
  --sneat-success:#0E8A3C;
  --sneat-danger:#C81E1E;
  --sneat-warning:#B7791F;

  /* ================= EFFECTS ================= */
  --sneat-shadow:0 10px 25px -12px rgba(2,6,23,.18);
  --sneat-radius:12px;

}

/* =========================================================
   BASE
========================================================= */

body{
  background:var(--sneat-bg) !important;
  color:var(--sneat-text) !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* =========================================================
   SIDEBAR (FIXED + SAFE)
========================================================= */

.main-sidebar{
  background:var(--sneat-primary) !important;
}

.main-sidebar .sidebar{
  background:transparent !important;
}

/* Sidebar menu */
.sidebar-menu > li.header{
  color:rgba(255,255,255,.70) !important;
  text-transform:uppercase;
  font-size:12px;
}

/* Links */
.sidebar-menu > li > a{
  color:rgba(255,255,255,.85) !important;
  border-left:3px solid transparent;
  transition:.2s ease;
}

/* Hover */
.sidebar-menu > li:hover > a{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border-left-color:var(--sneat-accent);
}

/* Active */
.sidebar-menu > li.active > a{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-left-color:var(--sneat-accent);
  font-weight:600;
}

/* =========================================================
   HEADER
========================================================= */

.main-header .navbar{
  background:var(--sneat-surface) !important;
  border-bottom:1px solid var(--sneat-border);
}

.main-header .logo{
  background:var(--sneat-primary) !important;
  color:#fff !important;
}

/* =========================================================
   CARDS / BOXES
========================================================= */

.box,
.card,
.info-box,
.small-box{
  border-radius:var(--sneat-radius) !important;
  box-shadow:var(--sneat-shadow) !important;
}

.box,
.card{
  background:var(--sneat-surface) !important;
  border:1px solid var(--sneat-border) !important;
}

.box-header,
.box-footer{
  background:transparent !important;
  border:none !important;
}

/* =========================================================
   BUTTONS
========================================================= */

.btn-primary{
  background:var(--sneat-primary) !important;
  border-color:var(--sneat-primary) !important;
}

.btn-primary:hover{
  background:var(--sneat-primary-700) !important;
  border-color:var(--sneat-primary-700) !important;
}

.btn-success{ background:var(--sneat-success) !important; border-color:var(--sneat-success) !important; }
.btn-danger{ background:var(--sneat-danger) !important; border-color:var(--sneat-danger) !important; }
.btn-warning{ background:var(--sneat-warning) !important; border-color:var(--sneat-warning) !important; }

/* =========================================================
   INPUTS
========================================================= */

.form-control:focus{
  border-color:var(--sneat-primary) !important;
  box-shadow:0 0 0 3px rgba(14,107,61,.15) !important;
}

/* =========================================================
   TABLES
========================================================= */

.table > thead > tr > th{
  background:var(--sneat-surface-2) !important;
  border-bottom:2px solid var(--sneat-primary-100) !important;
  color:var(--sneat-text) !important;
}

.table > tbody > tr > td{
  border-top:1px solid rgba(0,0,0,.05) !important;
}

.table-hover > tbody > tr:hover{
  background:rgba(14,107,61,.06) !important;
}

/* =========================================================
   SMALL BOXES
========================================================= */

.small-box{
  color:#fff !important;
}

.small-box.bg-green{ background:var(--sneat-primary) !important; }
.small-box.bg-aqua{ background:#0a7a63 !important; }
.small-box.bg-blue{ background:#0b5cab !important; }
.small-box.bg-yellow{ background:#9a6a00 !important; }
.small-box.bg-red{ background:#b91c1c !important; }
.small-box.bg-orange{ background:#b45309 !important; }
.small-box.bg-teal{ background:#0f766e !important; }
.small-box.bg-purple{ background:#14532d !important; }
.small-box.bg-navy{ background:#0b2a12 !important; }
.small-box.bg-maroon{ background:#58181c !important; }

/* =========================================================
   TEXT HELPERS
========================================================= */

.text-primary{ color:var(--sneat-primary) !important; }
.text-green{ color:var(--sneat-primary) !important; }

/* =========================================================
   CHARTS
========================================================= */

.morris-hover{
  border:1px solid rgba(14,107,61,.2) !important;
}