/* SDA_PORTAL_WIDE_ULTRA_ELITE_SYSTEM_V9_3_REPAIR_9 */
:root {
  --ue-navy: #083866;
  --ue-blue: #0b72d9;
  --ue-blue-soft: #edf6ff;
  --ue-red: #dc2626;
  --ue-red-soft: #fff1f2;
  --ue-ink: #10233d;
  --ue-muted: #64748b;
  --ue-line: #cddceb;
  --ue-panel: #ffffff;
  --ue-canvas: #f3f7fb;
}

body { background: var(--ue-canvas) !important; color: var(--ue-ink) !important; }
.appbar { background: linear-gradient(105deg, #062b50, #0b477b) !important; border-bottom: 3px solid #e9b949 !important; }
.wrap { max-width: 1600px !important; }
.card {
  background: var(--ue-panel) !important;
  border: 1px solid var(--ue-line) !important;
  box-shadow: 0 4px 14px rgba(8, 56, 102, .07) !important;
}
.section-title, .card h2, .card h3 { color: var(--ue-navy) !important; }

label { color: var(--ue-ink) !important; font-weight: 700 !important; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border: 1px solid #b8cce0 !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(8, 56, 102, .04) !important;
}
input:hover, select:hover, textarea:hover { border-color: #6d9dca !important; }
input:focus, select:focus, textarea:focus { border-color: var(--ue-blue) !important; }

button { background: var(--ue-navy) !important; }
button.secondary {
  background: var(--ue-blue-soft) !important;
  color: var(--ue-navy) !important;
  border: 1px solid #bcd5ec !important;
  box-shadow: none !important;
}
button.danger, .danger, .item-remove, .program-delete {
  background: var(--ue-red-soft) !important;
  color: var(--ue-red) !important;
  border: 1px solid #f6a8ae !important;
}
.notice { background: #fff9e8 !important; }
.status { background: #f7fafc !important; }
.pill { background: #eaf2fa !important; color: var(--ue-navy) !important; }

.grid { gap: 10px !important; }
.row { gap: 8px !important; }
.table, .v83-table { border-collapse: collapse !important; }
.table th, .v83-table th { background: #edf4fa !important; color: var(--ue-navy) !important; }
.table tr:hover td, .v83-table tr:hover td { background: #f8fbfe !important; }

.v83-summary { display: grid !important; grid-template-columns: repeat(6, minmax(100px, 1fr)) !important; }
.v83-summary > div {
  background: linear-gradient(180deg, #fff, #f7fbff) !important;
  border: 1px solid var(--ue-line) !important;
  border-top: 3px solid var(--ue-blue) !important;
  box-shadow: none !important;
}

@media (min-width: 981px) {
  .workflow-item.item-row {
    grid-template-columns: 34px 86px minmax(145px, 1.15fr) minmax(135px, 1fr) minmax(145px, 1fr) minmax(145px, 1fr) 82px !important;
    grid-template-rows: auto auto auto !important;
    gap: 7px 10px !important;
    padding: 10px !important;
    background: #fbfdff !important;
    border: 1px solid var(--ue-line) !important;
    border-radius: 9px !important;
  }
  .workflow-item > .workflow-seq {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    background: #eaf2fa !important;
    color: var(--ue-navy) !important;
    border-radius: 5px !important;
    padding: 5px 3px !important;
  }
  .workflow-item > .workflow-required {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 38px auto !important;
    grid-template-rows: auto auto !important;
    gap: 2px 5px !important;
    align-items: center !important;
  }
  .workflow-item > .workflow-required::before {
    content: "";
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 34px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #94a3b8 !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
    pointer-events: none !important;
  }
  .workflow-item > .workflow-required::after {
    content: "No";
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: var(--ue-muted) !important;
    pointer-events: none !important;
  }
  .workflow-item > .workflow-required:has(input:checked)::before {
    background: radial-gradient(circle at 25px 9px, #fff 0 6px, transparent 6.5px), var(--ue-blue) !important;
  }
  .workflow-item > .workflow-required:not(:has(input:checked))::before {
    background: radial-gradient(circle at 9px 9px, #fff 0 6px, transparent 6.5px), #94a3b8 !important;
  }
  .workflow-item > .workflow-required:has(input:checked)::after { content: "Yes"; color: var(--ue-navy) !important; }
  .workflow-item > .workflow-required input {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 34px !important;
    height: 18px !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }
  .workflow-item > label:nth-of-type(2) { grid-column: 3 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(3) { grid-column: 4 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(4) { grid-column: 5 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(5) { grid-column: 6 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(6) { grid-column: 3 / 6 !important; grid-row: 2 !important; }
  .workflow-item > label:nth-of-type(6)::before { content: "▤"; color: var(--ue-blue); margin-right: 5px; }

  .workflow-item > .workflow-row-actions { display: contents !important; }
  .workflow-item > .workflow-row-actions > .item-remove { grid-column: 2 !important; grid-row:2 !important; width:100% !important; }
  .workflow-item > .workflow-row-actions > .item-up,
  .workflow-item > .workflow-row-actions > .item-down {
    grid-column: 7 !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }
  .workflow-item > .workflow-row-actions > .item-up { grid-row: 1 !important; }
  .workflow-item > .workflow-row-actions > .item-down { grid-row: 2 !important; }
  .workflow-item > .workflow-row-actions > .item-scripture,
  .workflow-item > .workflow-row-actions > .item-hymn,
  .workflow-item > .workflow-row-actions > .item-worship-resource,
  .workflow-item > .workflow-row-actions > .v8-open-report,
  .workflow-item > .workflow-row-actions > .v82-read-report {
    grid-row: 2 !important;
    justify-self: start !important;
  }
  .workflow-item > .workflow-row-actions > .item-scripture,
  .workflow-item > .workflow-row-actions > .item-hymn,
  .workflow-item > .workflow-row-actions > .item-worship-resource,
  .workflow-item > .workflow-row-actions > .v8-open-report { grid-column: 6 !important; }
  .workflow-item > .workflow-row-actions > .v82-read-report { grid-column: 5 !important; }
}

@media (max-width: 1180px) {
  .v83-summary { grid-template-columns: repeat(3, minmax(100px, 1fr)) !important; }
}
@media (max-width: 620px) {
  .v83-summary { grid-template-columns: repeat(2, minmax(100px, 1fr)) !important; }
  .card { box-shadow: none !important; }
}