/* Theme: Elegant (navy / gold) - shared stylesheet for multiple views */
:root{
  --navy: #0b3d91;
  --navy-2: #243e8a;
  --accent: #c59b5f;
  --muted: #6c7a93;
  --card-bg: #ffffff;
  --soft-shadow: 0 8px 24px rgba(11,61,145,0.06);
}

/* Cards / Panels / Portlets */
.portlet, .panel, .card{
  border-radius: 12px;
  box-shadow: var(--soft-shadow);
  overflow: hidden;
  background: var(--card-bg);
}
.portlet-heading, .panel-heading, .card-header{
  background: linear-gradient(90deg,var(--navy), var(--navy-2));
  color: #fff;
  padding: 12px 16px;
}
.portlet-title, .panel-title, .card-title{
  font-family: 'Times New Roman', Georgia, serif;
  font-weight: 700;
  margin: 0;
}
.portlet-body, .panel-body, .card-body{
  background: var(--card-bg);
  padding: 18px;
}

/* Forms & Inputs */
.form-control{
  border-radius: 8px;
  border: 1px solid #e6e9ef;
  box-shadow: none;
}
.input-group .btn, .btn{
  border-radius: 8px;
}

/* Buttons */
.btn-elegant{
  background: var(--navy);
  color: #fff;
  border: none;
}
.btn-elegant-outline{
  background: transparent;
  color: var(--navy);
  border: 1px solid var(--navy);
}
.btn-elegant-outline:hover{
  background: var(--navy);
  color: #fff;
}

/* Small utilities */
.outer_div, .outer_img{ margin-top: 12px; }
.table-responsive{ border-radius: 8px; overflow: hidden; }
.text-muted-elegant{ color: var(--muted); }

/* Icon badges used in menu/cards */
.icon-badge{
  width: 44px; height: 44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#fff;
}
.icon-badge.navy{ background: var(--navy); }
.icon-badge.gold{ background: var(--accent); }

/* Page-specific helpers */
.new-compra-header{ display:flex; align-items:center; gap:12px; }
.new-compra-actions{ margin-top:12px; }

/* Responsive tweaks */
@media (max-width: 768px){
  .new-compra-header{ flex-direction:column; align-items:stretch; }
}