/**
 * BNPOS - Clean Professional Theme
 * Slate + Teal - minimal, trustworthy
 */
:root {
  --pos-primary: #0f766e;
  --pos-primary-hover: #0d9488;
  --pos-primary-light: #ccfbf1;
  --pos-sidebar: #0f172a;
  --pos-sidebar-hover: #1e293b;
  --pos-bg: #f8fafc;
  --pos-card: #ffffff;
  --pos-border: #e2e8f0;
  --pos-text: #0f172a;
  --pos-muted: #64748b;
}

/* ========== SIDEBAR ========== */
.skin-blue .main-sidebar { background: var(--pos-sidebar) !important; }
.skin-blue .main-sidebar .sidebar-menu > li > a {
  color: #94a3b8;
  border-left: 3px solid transparent;
  padding: 12px 16px 12px 20px;
  font-weight: 500;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  background: var(--pos-sidebar-hover) !important;
  border-left-color: var(--pos-primary);
  color: #fff !important;
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #94a3b8;
  padding: 10px 16px 10px 40px;
  font-size: 0.9rem;
}
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff !important;
  background: rgba(15,118,110,0.15) !important;
}
.skin-blue .sidebar-menu .treeview.active > a {
  background: var(--pos-sidebar-hover) !important;
  border-left-color: var(--pos-primary);
}
.skin-blue .main-header .logo { background: var(--pos-primary) !important; }
.skin-blue .main-header .logo:hover { background: var(--pos-primary-hover) !important; }
.skin-blue .main-header .navbar { background: #fff !important; border-bottom: 1px solid var(--pos-border); }
.skin-blue .main-header .navbar .navbar-nav > li > a { color: var(--pos-text) !important; }
.skin-blue .main-header .navbar .sidebar-toggle { color: var(--pos-text) !important; }

/* ========== CONTENT ========== */
.content-wrapper { background: var(--pos-bg) !important; }
.content-header { background: transparent !important; padding: 24px 28px 20px; }
.content-header h1 { color: var(--pos-text) !important; font-weight: 600; font-size: 1.25rem; }
.content-header h1 small { color: var(--pos-muted); font-weight: 400; }
.breadcrumb { background: transparent !important; padding: 0; font-size: 0.875rem; }
.breadcrumb > li + li:before { color: var(--pos-muted); }
.breadcrumb a { color: var(--pos-primary) !important; }
.breadcrumb a:hover { color: var(--pos-primary-hover) !important; }

/* ========== BOXES ========== */
.box {
  background: var(--pos-card);
  border: 1px solid var(--pos-border);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.box-header {
  background: #fff;
  border-bottom: 1px solid var(--pos-border);
  padding: 16px 20px;
  border-radius: 8px 8px 0 0;
}
.box-header .box-title { color: var(--pos-text); font-weight: 600; font-size: 0.95rem; }
.box-body { padding: 20px; }

/* ========== BUTTONS ========== */
.btn-primary, .btn-success {
  background: var(--pos-primary) !important;
  border-color: var(--pos-primary) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-success:hover {
  background: var(--pos-primary-hover) !important;
  border-color: var(--pos-primary-hover) !important;
  color: #fff !important;
}

/* ========== TABLES ========== */
.table { color: var(--pos-text); }
.table > thead > tr > th {
  background: #f8fafc;
  border-bottom: 1px solid var(--pos-border);
  color: var(--pos-muted);
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 12px 16px;
}
.table > tbody > tr > td { padding: 12px 16px; border-color: var(--pos-border); }
.table > tbody > tr:hover > td { background: #f8fafc !important; }

/* ========== FORMS ========== */
.form-control {
  border: 1px solid var(--pos-border);
  border-radius: 6px;
  color: var(--pos-text);
}
.form-control:focus {
  border-color: var(--pos-primary);
  box-shadow: 0 0 0 3px rgba(15,118,110,0.15);
}

/* ========== LINKS ========== */
a { color: var(--pos-primary); }
a:hover { color: var(--pos-primary-hover); }

/* ========== LABELS ========== */
.label-primary, .label-success { background: var(--pos-primary) !important; }
.label-info { background: #0ea5e9 !important; }
.label-warning { background: #f59e0b !important; }

/* ========== LIVE ACTIVITY ========== */
.live-activity-box { border: 1px solid var(--pos-border) !important; border-radius: 8px !important; }
.live-activity-box .box-header {
  background: var(--pos-primary) !important;
  border: none !important;
  color: #fff !important;
}

/* ========== POS PAGE ========== */
.pos-page .pos-search-bar, .pos-page .pos-scanned-items, .pos-page .pos-cart { border-color: var(--pos-border); border-radius: 8px; }
.pos-page .pos-total, .create-sale-page .pos-total {
  background: var(--pos-primary) !important;
  border-radius: 8px;
}