/* SDA_PORTAL_V9_3_ULTRA_ELITE_REFINEMENTS_REPAIR_11
   Surgical refinements only. Repair 10 program-item geometry remains authoritative. */

/* Match the approved notice typography and remove unnecessary heavy weight. */
html body { font-size: 16px !important; }
body label, body legend,
body input:not([type="checkbox"]):not([type="radio"]), body select, body textarea {
  font-size: 16px !important;
}
body .notice, body .status, body p, body td { font-size: 16px !important; }
body button { font-size: 14px !important; }
label, legend, button, input, select, textarea, .workflow-required,
.table th, .v83-table th, #portalView > nav button {
  font-weight: 500 !important;
}
h1, h2, h3, .section-title, strong, b, .brand strong {
  font-weight: 600 !important;
}
.notice, .status, .muted, p, td, .table td, .v83-table td {
  font-weight: 400 !important;
}

/* Keep the selected page unmistakable above the portal-wide button cascade. */
#portalView > nav button.is-active,
#portalView > nav button[aria-current="page"] {
  background: #ffffff !important;
  color: #083866 !important;
  border-color: #8ab9e5 !important;
  box-shadow: inset 4px 0 0 #e4b441, 0 3px 9px rgba(0, 18, 40, .22) !important;
}
#portalView > nav button.is-active:hover,
#portalView > nav button[aria-current="page"]:hover {
  background: #f7fbff !important;
  color: #062b50 !important;
}

/* Approved vector icons replace the temporary font glyphs. */
@media (min-width: 981px) {
  .workflow-item > label:nth-of-type(2)::before,
  .workflow-item > label:nth-of-type(3)::before,
  .workflow-item > label:nth-of-type(4)::before,
  .workflow-item > label:nth-of-type(5)::before,
  .workflow-item > label:nth-of-type(6)::before {
    content: "" !important;
    width: 13px !important;
    height: 13px !important;
    align-self: center !important;
    background-color: #0b5fa8 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
  }
  .workflow-item > label:nth-of-type(2)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h11l3 3v15H5V3zm2 2v14h10V8h-3V5H7zm2 6h6v2H9v-2zm0 4h6v2H9v-2z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h11l3 3v15H5V3zm2 2v14h10V8h-3V5H7zm2 6h6v2H9v-2zm0 4h6v2H9v-2z'/%3E%3C/svg%3E") !important;
  }
  .workflow-item > label:nth-of-type(3)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 13 13 21 3 11V3h8l10 10zM7.5 6A1.5 1.5 0 1 0 7.5 9a1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 13 13 21 3 11V3h8l10 10zM7.5 6A1.5 1.5 0 1 0 7.5 9a1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") !important;
  }
  .workflow-item > label:nth-of-type(4)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm-7 8c0-4 3-6 7-6s7 2 7 6H5z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm-7 8c0-4 3-6 7-6s7 2 7 6H5z'/%3E%3C/svg%3E") !important;
  }
  .workflow-item > label:nth-of-type(5)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM2 20c0-4 2-7 6-7s6 3 6 7H2zm10 0c0-2-.5-4-1.6-5.5A6.9 6.9 0 0 1 16 13c4 0 6 3 6 7H12z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM2 20c0-4 2-7 6-7s6 3 6 7H2zm10 0c0-2-.5-4-1.6-5.5A6.9 6.9 0 0 1 16 13c4 0 6 3 6 7H12z'/%3E%3C/svg%3E") !important;
  }
  .workflow-item > label:nth-of-type(6)::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3zm3 4v2h10V7H7zm0 4v2h10v-2H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3zm3 4v2h10V7H7zm0 4v2h10v-2H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E") !important;
  }
}

/* Exact approved action treatment: red trash, blue book. */
.workflow-item .item-remove,
.workflow-item .item-scripture,
.workflow-item .item-hymn,
.workflow-item .item-worship-resource {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.workflow-item .item-remove {
  color: #dc2626 !important;
  background: #fff1f2 !important;
  border-color: #f6a8ae !important;
}
.workflow-item .item-scripture,
.workflow-item .item-hymn,
.workflow-item .item-worship-resource {
  color: #0b5fa8 !important;
  background: #edf6ff !important;
  border-color: #b8d7f2 !important;
}
.workflow-item .item-remove::before,
.workflow-item .item-scripture::before,
.workflow-item .item-hymn::before,
.workflow-item .item-worship-resource::before {
  content: "" !important;
  flex: 0 0 13px !important;
  width: 13px !important;
  height: 13px !important;
  background: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}
.workflow-item .item-remove::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2zm-2 6h12l-1 12H7L6 9zm3 2v7h2v-7H9zm4 0v7h2v-7h-2z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2zm-2 6h12l-1 12H7L6 9zm3 2v7h2v-7H9zm4 0v7h2v-7h-2z'/%3E%3C/svg%3E") !important;
}
.workflow-item .item-scripture::before,
.workflow-item .item-hymn::before,
.workflow-item .item-worship-resource::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4c4-1 7 0 9 2 2-2 5-3 9-2v16c-4-1-7 0-9 2-2-2-5-3-9-2V4zm2 2v12c2.5-.3 4.5.2 6 1.2V7.5C9.5 6.3 7.5 5.8 5 6zm14 0c-2.5-.2-4.5.3-6 1.5v11.7c1.5-1 3.5-1.5 6-1.2V6z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4c4-1 7 0 9 2 2-2 5-3 9-2v16c-4-1-7 0-9 2-2-2-5-3-9-2V4zm2 2v12c2.5-.3 4.5.2 6 1.2V7.5C9.5 6.3 7.5 5.8 5 6zm14 0c-2.5-.2-4.5.3-6 1.5v11.7c1.5-1 3.5-1.5 6-1.2V6z'/%3E%3C/svg%3E") !important;
}

/* Six controls require six columns; keep every action visible and tidy. */
.worship-resource-picker > .hymn-picker-grid {
  grid-template-columns: minmax(210px, 1.25fr) auto minmax(230px, 1.35fr) auto auto auto !important;
  gap: 8px !important;
  align-items: end !important;
}
.worship-resource-picker .worship-preview-btn,
.worship-resource-picker .worship-use-btn,
.worship-resource-picker .worship-clear-btn,
.worship-resource-picker .worship-search-btn {
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Personnel labels and controls use the same compact rhythm as the approved notice. */
#personnel .grid { gap: 9px 12px !important; }
#personnel .grid > label { line-height: 1.25 !important; }

@media (max-width: 1180px) {
  .worship-resource-picker > .hymn-picker-grid {
    grid-template-columns: minmax(190px, 1fr) auto minmax(210px, 1fr) auto !important;
  }
  .worship-resource-picker .worship-use-btn,
  .worship-resource-picker .worship-clear-btn { grid-row: 2 !important; }
}
@media (max-width: 760px) {
  .worship-resource-picker > .hymn-picker-grid { grid-template-columns: 1fr auto !important; }
  .worship-resource-picker .worship-use-btn,
  .worship-resource-picker .worship-clear-btn { grid-row: auto !important; }
}