/* SDA_PORTAL_APPROVED_ULTRA_ELITE_EXACT_MATCH_REPAIR_10 */
@media (min-width: 981px) {
  .workflow-item.item-row {
    display: grid !important;
    grid-template-columns: 34px 74px minmax(135px,1.15fr) minmax(125px,.95fr) minmax(140px,1fr) minmax(155px,1.15fr) 34px !important;
    grid-template-rows: 58px 34px !important;
    gap: 5px 8px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    margin: 6px 0 !important;
    padding: 7px 8px !important;
    overflow: hidden !important;
    background: #fbfdff !important;
    border: 1px solid #cddceb !important;
    border-radius: 8px !important;
  }

  .workflow-item > .workflow-seq {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    min-width: 24px !important;
    padding: 5px 3px !important;
    border-radius: 5px !important;
    background: #eaf2fa !important;
    color: #083866 !important;
    text-align: center !important;
  }

  .workflow-item > .workflow-required {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    grid-template-rows: 19px 20px !important;
    align-content: center !important;
    align-items: center !important;
    gap: 1px 4px !important;
    white-space: nowrap !important;
  }
  .workflow-item > .workflow-required::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 32px !important;
    height: 17px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at 8px 8.5px,#fff 0 5.5px,transparent 6px),#94a3b8 !important;
    pointer-events: none !important;
  }
  .workflow-item > .workflow-required:has(input:checked)::before {
    background: radial-gradient(circle at 24px 8.5px,#fff 0 5.5px,transparent 6px),#0b72d9 !important;
  }
  .workflow-item > .workflow-required::after {
    content: "No" !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #64748b !important;
    pointer-events: none !important;
  }
  .workflow-item > .workflow-required:has(input:checked)::after { content: "Yes" !important; color:#083866 !important; }
  .workflow-item > .workflow-required input {
    position: absolute !important;
    left: 0 !important;
    bottom: 6px !important;
    width: 32px !important;
    height: 18px !important;
    opacity: 0 !important;
    cursor: pointer !important;
  }

  .workflow-item > label:nth-of-type(2),
  .workflow-item > label:nth-of-type(3),
  .workflow-item > label:nth-of-type(4),
  .workflow-item > label:nth-of-type(5) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 15px 1fr !important;
    grid-template-rows: 18px 34px !important;
    gap: 2px 4px !important;
    align-content: start !important;
    min-width: 0 !important;
  }
  .workflow-item > label:nth-of-type(2)::before { content: "▣"; color:#0b5fa8; }
  .workflow-item > label:nth-of-type(3)::before { content: "◆"; color:#0b5fa8; }
  .workflow-item > label:nth-of-type(4)::before { content: "♟"; color:#0b5fa8; }
  .workflow-item > label:nth-of-type(5)::before { content: "♟♟"; color:#0b5fa8; letter-spacing:-4px; }
  .workflow-item > label:nth-of-type(2)::after,
  .workflow-item > label:nth-of-type(3)::after,
  .workflow-item > label:nth-of-type(4)::after {
    content:"*";
    position:absolute !important;
    top:-2px !important;
    color:#dc2626;
  }
  .workflow-item > label:nth-of-type(2)::after { left:78px !important; }
  .workflow-item > label:nth-of-type(3)::after { left:78px !important; }
  .workflow-item > label:nth-of-type(4)::after { left:58px !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(2) input,
  .workflow-item > label:nth-of-type(3) input,
  .workflow-item > label:nth-of-type(4) select,
  .workflow-item > label:nth-of-type(5) input {
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .workflow-item > label:nth-of-type(6) {
    grid-column:2 / 5 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:16px auto minmax(0,1fr) !important;
    grid-template-rows:34px !important;
    gap:5px !important;
    align-items:center !important;
    min-width:0 !important;
  }
  .workflow-item > label:nth-of-type(6)::before { content:"▤" !important; color:#0b5fa8 !important; margin:0 !important; }
  .workflow-item > label:nth-of-type(6) input {
    grid-column:3 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .workflow-item > .workflow-row-actions { display:contents !important; }
  .workflow-item > .workflow-row-actions > .item-up,
  .workflow-item > .workflow-row-actions > .item-down {
    grid-column:7 !important;
    grid-row:1 !important;
    align-self:start !important;
    justify-self:center !important;
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    padding:0 !important;
    overflow:hidden !important;
    color:transparent !important;
    position:relative !important;
  }
  .workflow-item > .workflow-row-actions > .item-down { align-self:end !important; }
  .workflow-item > .workflow-row-actions > .item-up::after,
  .workflow-item > .workflow-row-actions > .item-down::after {
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    color:#083866 !important;
    font-size:18px !important;
    font-weight:800 !important;
  }
  .workflow-item > .workflow-row-actions > .item-up::after { content:"↑" !important; }
  .workflow-item > .workflow-row-actions > .item-down::after { content:"↓" !important; }

  .workflow-item > .workflow-row-actions > .item-remove {
    grid-column:5 !important;
    grid-row:2 !important;
    justify-self:end !important;
    width:auto !important;
    white-space:nowrap !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-column:6 !important;
    grid-row:2 !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

@media (max-width:980px) {
  .workflow-item.item-row { overflow:visible !important; }
  .workflow-item > .workflow-row-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}