/* =============================================================================
   Containers — shared loot, ship cargo, base inventory
   ============================================================================= */

.container-card {
  background: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 0.75rem;
}

.container-card:hover {
  border-color: var(--accent-red);
}

.container-card .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.container-card .section-header h4 {
  margin: 0;
}

.container-card .section-header h4 a {
  color: var(--accent-red);
  text-decoration: none;
}

.container-card .section-header h4 a:hover {
  text-decoration: underline;
}

.container-card .section-header .badge {
  margin-left: 0.5rem;
}

/* Container items table */
.container-items-table {
  width: 100%;
  margin-top: 0.5rem;
}

/* Currency display */
.container-currency {
  margin-top: 1rem;
}

.container-currency h4 {
  margin-bottom: 0.5rem;
}

/* Claims section */
.container-claims {
  margin-top: 1rem;
}

.container-claims h4 {
  margin-bottom: 0.5rem;
}

/* Claim status badges */
.claim-badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.claim-badge.pending {
  background: var(--warning-bg);
  color: var(--warning);
}

.claim-badge.approved {
  background: var(--success-bg);
  color: var(--success);
}

.claim-badge.denied {
  background: var(--error-bg);
  color: var(--error);
}

/* Light theme overrides */
html[data-theme="light"] .container-card {
  background: #ffffff;
  border-color: #e0e0e0;
}

html[data-theme="light"] .container-card:hover {
  border-color: var(--accent-red);
}

html[data-theme="light"] .claim-badge.pending {
  background: rgba(251, 191, 36, 0.15);
  color: #b8860b;
}

html[data-theme="light"] .claim-badge.approved {
  background: rgba(74, 222, 128, 0.15);
  color: #15803d;
}

html[data-theme="light"] .claim-badge.denied {
  background: rgba(248, 113, 113, 0.15);
  color: #dc2626;
}