/* IHS brand styling for Smart Posyandu Pro */
/* CSS variables for quick theme tweaks */
:root {
  --ihs-tosca: #09817d;
  --ihs-tosca-light: #3fb9b5;
  --ihs-orange: #d5a300;
  --ihs-yellow: #d5d200;

  --ihs-bg-soft: #f7faf9;
  --ihs-text: #123132;
  --ihs-border: #e2eeec;
}

/* General text and backgrounds */
.spp-wrap, .wrap.spp-wrap, .spp-container {
  color: var(--ihs-text);
}

.spp-card, .spp-box, .spp-panel, .postbox.spp-panel {
  border: 1px solid var(--ihs-border);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

/* Headings and accent bars */
.spp-heading, .spp-title, .spp-panel > h2, .spp-card > h2 {
  color: var(--ihs-tosca);
  border-left: 6px solid var(--ihs-tosca);
  padding-left: 10px;
}

/* Primary buttons */
button.spp-btn, .button.spp-btn, .button-primary.spp-btn, .spp-btn-primary,
.wp-core-ui .button.button-primary.spp, .wp-core-ui .button-primary.spp-btn {
  background: var(--ihs-tosca) !important;
  border-color: var(--ihs-tosca) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
button.spp-btn:hover, .button.spp-btn:hover, .spp-btn-primary:hover {
  background: var(--ihs-tosca-light) !important;
  border-color: var(--ihs-tosca-light) !important;
}

/* Secondary buttons / badges */
.spp-badge, .spp-pill, .tag.spp-tag {
  background: var(--ihs-orange);
  color: #000;
  border-radius: 999px;
  padding: 2px 10px;
  font-weight: 600;
}

/* Notices / info bars */
.spp-info, .notice.spp-info, .update-nag.spp-info {
  border-left-color: var(--ihs-yellow) !important;
}
.spp-info a { color: var(--ihs-tosca); }

/* Tables */
table.spp-table, .spp-container table, .spp-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--ihs-border);
  border-radius: 10px;
  overflow: hidden;
}

.spp-table thead th {
  background: linear-gradient(0deg, var(--ihs-tosca) 0%, var(--ihs-tosca-light) 100%);
  color: #fff;
  text-align: left;
  padding: 10px;
  position: sticky;
  top: 0;
  z-index: 1;
}

.spp-table tbody td {
  padding: 10px;
  border-top: 1px solid var(--ihs-border);
}

.spp-table tbody tr:nth-child(even) {
  background: var(--ihs-bg-soft);
}

/* Sortable headers */
.spp-sortable th {
  cursor: pointer;
  user-select: none;
}
.spp-sortable th[data-sort-dir="asc"]::after { content: " ▲"; }
.spp-sortable th[data-sort-dir="desc"]::after { content: " ▼"; }

/* Forms / inputs */
.spp-field input[type="text"], .spp-field input[type="number"], .spp-field select, .spp-field textarea,
.spp-input, .spp-select {
  border: 1px solid var(--ihs-border);
  border-radius: 10px;
  padding: 8px 10px;
  outline: none;
}
.spp-field input[type="text"]:focus, .spp-field input[type="number"]:focus, .spp-field select:focus, .spp-field textarea:focus {
  border-color: var(--ihs-tosca);
  box-shadow: 0 0 0 2px rgba(9,129,125,0.15);
}

/* Progress / stats chips */
.spp-chip { background: var(--ihs-tosca-light); color: #053332; padding: 6px 12px; border-radius: 999px; font-weight: 600; }
.spp-chip.warning { background: var(--ihs-orange); }
.spp-chip.info { background: var(--ihs-yellow); }

/* Links */
.spp-container a { color: var(--ihs-tosca); }
.spp-container a:hover { color: var(--ihs-tosca-light); }