@media screen {
  #table.reg-formal {
    --rf-navy: #312e81;
    --rf-navy-2: #4338ca;
    --rf-ink: #1f2937;
    --rf-ink-2: #475569;
    --rf-muted: #64748b;
    --rf-line: #e5e7eb;
    --rf-zebra: #faf9fe;
    --rf-hover: #f1f0fb;
    --rf-red: #b42318;
    --rf-green: #15803d;
    --rf-amber: #b45309;
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid var(--rf-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
    color: var(--rf-ink);
    font-size: 13.5px;
    line-height: 1.55;
  }

  #table.reg-formal thead th {
    background: var(--rf-navy) !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    vertical-align: middle !important;
    padding: 12px 8px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .12) !important;
  }
  #table.reg-formal thead th:last-child { border-right: 0 !important; }

  #table.reg-formal tbody td {
    background: #fff;
    color: var(--rf-ink) !important;
    vertical-align: top !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-top: 1px solid var(--rf-line) !important;
    border-right: 1px solid #e5e7eb !important;
  }
  #table.reg-formal tbody td:last-child { border-right: 0 !important; }
  #table.reg-formal tbody tr:nth-child(even) td { background: var(--rf-zebra); }
  #table.reg-formal tbody tr:hover td { background: var(--rf-hover); }
  #table.reg-formal tbody tr,
  #table.reg-formal tbody tr:hover { box-shadow: none !important; }

  #table.reg-formal tbody td .text-success,
  #table.reg-formal tbody td .text-primary:not(i),
  #table.reg-formal tbody td .text-secondary { color: var(--rf-ink) !important; }
  #table.reg-formal tbody td span[style*="#03C4A1"] { color: var(--rf-ink) !important; }
  #table.reg-formal tbody td span[style*="#FF4949"] { color: var(--rf-red) !important; font-weight: 600 !important; }
  #table.reg-formal tbody td span[style*="font-weight:700"],
  #table.reg-formal tbody td span[style*="font-weight: 700"] { font-weight: 600 !important; }

  #table.reg-formal tbody td > .text7-bg,
  #table.reg-formal tbody td .text7-bg {
    display: inline-block;
    background: #eef0fb !important;
    color: var(--rf-navy) !important;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  #table.reg-formal tbody td .text3-bg {
    background: transparent !important;
    color: var(--rf-navy) !important;
    font-weight: 700 !important;
    padding: 0 2px;
  }

  #table.reg-formal .input770 { margin-top: 8px !important; }
  #table.reg-formal .input770 .alert {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin: 0 !important;
    padding: 2px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #bbf7d0 !important;
    background: #f0fdf4 !important;
    box-shadow: none !important;
    font-size: 12px;
  }
  #table.reg-formal .input770 .alert br { display: none; }
  #table.reg-formal .input770 .alert i { margin: 0 !important; font-size: 12px !important; }
  #table.reg-formal .input770 .alert span { font-size: 12px !important; font-weight: 600 !important; }
  #table.reg-formal .input770 .alert span.text-success { color: var(--rf-green) !important; }
  #table.reg-formal .input770 .alert[style*="#fed7d7"],
  #table.reg-formal .input770 .alert[style*="#fff5f5"] { background: #fef2f2 !important; border-color: #fecaca !important; }
  #table.reg-formal .input770 .alert[style*="#feebc8"] { background: #fffbeb !important; border-color: #fde68a !important; }

  #table.reg-formal tbody td .mt-2:not(.input770) > .alert {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px dashed #e5a3a3 !important;
    box-shadow: none !important;
  }
  #table.reg-formal tbody td .mt-2:not(.input770) > .alert[style*="#e6f4ea"],
  #table.reg-formal tbody td .mt-2:not(.input770) > .alert[style*="#f0f9f4"] { border: 1px solid #b7dfc5 !important; }
  #table.reg-formal tbody td .mt-2:not(.input770) > .alert span { color: var(--rf-ink-2) !important; font-size: 12px !important; }

  #table.reg-formal .stamp-notification {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  #table.reg-formal tbody td[align="right"] span {
    font-variant-numeric: tabular-nums;
    font-weight: 600 !important;
  }

  #table.reg-formal tbody td hr { border-top: 1px solid var(--rf-line); margin: 8px 0; }

  #table.reg-formal tbody td i.text-primary,
  #table.reg-formal tbody td i[class*="fa-"].text-primary { color: var(--rf-navy-2) !important; }
  #table.reg-formal tbody td .text-danger[style*="font-weight:700"] {
    color: var(--rf-ink) !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: .2px;
  }
  #table.reg-formal tbody td img[src*="egp4"] { opacity: .9; }

  #table.reg-formal .timeline-dot.start { color: #2f855a !important; background: transparent !important; }
  #table.reg-formal .timeline-dot.end { color: #9b2c2c !important; background: transparent !important; }
  #table.reg-formal .timeline-dot.text-primary { color: var(--rf-navy-2) !important; }
  #table.reg-formal .timeline-label { color: var(--rf-muted) !important; font-weight: 500 !important; }
  #table.reg-formal .timeline-label.text-primary,
  #table.reg-formal .timeline-date.text-primary { color: var(--rf-navy) !important; font-weight: 600 !important; }
  #table.reg-formal .timeline-date { color: var(--rf-ink) !important; font-variant-numeric: tabular-nums; }
  #table.reg-formal .status-ended {
    background: #fef2f2 !important;
    color: var(--rf-red) !important;
    border: 1px solid #fecaca;
    border-radius: 4px !important;
    padding: 0 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
  }
  #table.reg-formal .badge-danger {
    background: var(--rf-red) !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
  }

  #table.reg-formal .card-body {
    background: #faf9fe !important;
    border: 1px solid var(--rf-line) !important;
    border-left: 3px solid var(--rf-navy-2) !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 8px 10px !important;
    margin-top: 6px;
    font-size: 12.5px;
  }
  #table.reg-formal .card-body[style*="#C9F4AA"] { border-left-color: var(--rf-green) !important; background: #f6fbf7 !important; }
  #table.reg-formal .card-body[style*="#FFE3ED"] { border-left-color: var(--rf-red) !important; background: #fdf6f6 !important; }
  #table.reg-formal .card-body[style*="#EEF1FF"] { border-left-color: var(--rf-navy) !important; background: #f6f5fd !important; }
  #table.reg-formal .card-body span[style*="#1572A1"] { color: var(--rf-navy) !important; }
  #table.reg-formal .card-body img[src*="stamp_su"] { display: none !important; }
  #table.reg-formal td .card:has(> .card-body) { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; }
  #table.reg-formal .card-body .badge.text-white {
    background: var(--rf-navy) !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 11.5px !important;
    padding: 3px 8px !important;
  }

  #table.reg-formal .save-qr {
    background: #fff !important;
    color: var(--rf-navy) !important;
    border: 1px solid var(--rf-navy) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 3px 8px !important;
    box-shadow: none !important;
    line-height: 1.35 !important;
  }
  #table.reg-formal .save-qr:hover { background: var(--rf-navy) !important; color: #fff !important; }
  #table.reg-formal [id^="qr-image-"].text-danger { color: var(--rf-muted) !important; font-size: 12px; }
  #table.reg-formal td img[id^="qr-image-"] { border: 1px solid var(--rf-line); border-radius: 4px; padding: 3px; background: #fff; }

  #table.reg-formal td .btn.btn-floating-ma,
  #table.reg-formal td .btn.btn-floating {
    background: var(--rf-navy) !important;
    color: #fff !important;
    border: 1px solid var(--rf-navy) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
  }
  #table.reg-formal td .btn.btn-floating0 {
    background: #fff !important;
    color: var(--rf-red) !important;
    border: 1px solid #f0b4ae !important;
    box-shadow: none !important;
    border-radius: 8px !important;
  }
  #table.reg-formal td .btn.btn-floating-move {
    background: #fff !important;
    color: var(--rf-navy-2) !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
    border-radius: 8px !important;
  }
  #table.reg-formal td .btn.btn-floating-ma:hover,
  #table.reg-formal td .btn.btn-floating:hover { background: var(--rf-navy-2) !important; }
  #table.reg-formal td .btn.btn-floating0:hover { background: var(--rf-red) !important; color: #fff !important; border-color: var(--rf-red) !important; }
  #table.reg-formal td .btn.btn-floating-move:hover { background: var(--rf-navy-2) !important; color: #fff !important; border-color: var(--rf-navy-2) !important; }

  #table.reg-formal {
    --rf-gold: #b8913a;
    --rf-gold-2: #d4af5a;
    --rf-gold-bg: #fbf6e9;
    --rf-gold-line: #e7d4a6;
  }
  #table.reg-formal thead th { border-bottom: 3px solid var(--rf-gold) !important; }

  #table.reg-formal tbody td > span:has(> .text3-bg):not(:has(.timeline-container, .card-body)) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 4px 3px 10px;
    border: 1px solid var(--rf-gold-line);
    border-radius: 6px;
    background: var(--rf-gold-bg);
    color: var(--rf-navy) !important;
    font-weight: 600;
    font-size: 12.5px;
  }
  #table.reg-formal tbody td .text3-bg {
    display: inline-block;
    min-width: 26px;
    text-align: center;
    padding: 1px 7px !important;
    border-radius: 4px;
    background: var(--rf-navy) !important;
    color: #f3d98b !important;
    font-weight: 700 !important;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
  }
  #table.reg-formal tbody td > span:has(> .text3-bg) + br { display: none; }
  #table.reg-formal tbody td > span:has(> .text3-bg) ~ .timeline-container { margin-top: 8px; }

  #table.reg-formal .timeline-item:has(> .timeline-label.text-primary) { background: none; border: 0; }
  #table.reg-formal .timeline-item:has(> .timeline-label.text-primary) .timeline-dot { color: var(--rf-gold) !important; }
  #table.reg-formal .timeline-item:has(> .timeline-label.text-primary) .timeline-label,
  #table.reg-formal .timeline-item:has(> .timeline-label.text-primary) .timeline-date { color: var(--rf-navy) !important; font-weight: 700 !important; }

  #table.reg-formal td > i.fa-shield-check + span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    padding: 3px 4px 3px 9px;
    border: 1px solid var(--rf-gold-line);
    border-radius: 6px;
    background: var(--rf-gold-bg);
    color: var(--rf-navy) !important;
    font-weight: 600;
    font-size: 12.5px;
    white-space: nowrap;
  }
  #table.reg-formal td > i.fa-shield-check { display: none; }
  #table.reg-formal td > i.fa-shield-check + span::before { content: "\f2f7"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 13px; color: var(--rf-gold); margin-right: 2px; }

  #table.reg-formal .card-body[style*="#EEF1FF"] {
    border-left-color: var(--rf-gold) !important;
    background: #fdfbf4 !important;
    border-color: var(--rf-gold-line) !important;
  }
  #table.reg-formal .card-body .badge.text-white {
    background: var(--rf-navy) !important;
    color: #f3d98b !important;
    letter-spacing: .2px;
  }
  #table.reg-formal .card-body[style*="#EEF1FF"] .text-primary { color: var(--rf-navy) !important; }

  #table.reg-formal tbody td[align="right"] > span:first-child { color: var(--rf-navy) !important; font-weight: 700 !important; white-space: nowrap; }
  #table.reg-formal tbody td[align="right"] span { white-space: nowrap; }
  #table.reg-formal tbody td .text7-bg { border-color: var(--rf-gold-line); border-bottom: 2px solid var(--rf-gold); }
}


@media screen {
  #table.reg-formal .card-body {
    border-radius: 0 12px 12px 0 !important;
  }

  #table.reg-formal .card-body[style*="#EEF1FF"] {
    padding: 12px 12px 10px !important;
    background: linear-gradient(180deg, #ecfdf3 0%, #ffffff 100%) !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 1px solid #bbf7d0 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(21, 128, 61, .06), 0 4px 12px -6px rgba(21, 128, 61, .18) !important;
  }
  #table.reg-formal .card-body[style*="#EEF1FF"] > div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
  #table.reg-formal .card-body[style*="#EEF1FF"] > div > br { display: none; }
  #table.reg-formal .card-body[style*="#EEF1FF"] .badge.text-white {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 4px 12px 4px 6px !important;
    border-radius: 999px !important;
    background: #15803d !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    box-shadow: 0 2px 6px -2px rgba(21, 128, 61, .5);
  }
  #table.reg-formal .card-body[style*="#EEF1FF"] .badge.text-white::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    color: #15803d;
    font-size: 10px;
  }
  #table.reg-formal .card-body[style*="#EEF1FF"] .font-12.text-primary {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
  }
  #table.reg-formal .card-body[style*="#EEF1FF"] .font-11.text-danger { display: none; }
  #table.reg-formal .card-body[style*="#EEF1FF"] span.text-primary[style*="font-weight:700"] {
    color: #14532d !important;
    font-size: 12.5px;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
  }

  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) {
    padding: 10px 12px !important;
    background: linear-gradient(180deg, #eef2ff 0%, #ffffff 100%) !important;
    border: 1px solid #c7d2fe !important;
    border-left: 1px solid #c7d2fe !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px -6px rgba(67, 56, 202, .18) !important;
    text-align: center;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) > .text-danger:not(.font-12) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 12px 3px 6px;
    border-radius: 999px;
    background: var(--rf-navy-2);
    color: #fff !important;
    font-size: 12px;
    font-weight: 600 !important;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) > .text-danger:not(.font-12)::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    color: var(--rf-navy-2);
    font-size: 10px;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) .text-success {
    display: inline-block;
    margin-top: 4px;
    color: var(--rf-navy) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) .text-danger.font-12 {
    background: none;
    color: var(--rf-muted) !important;
    font-size: 11px !important;
  }
}
@media screen {
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) > .text3-bg {
    display: block;
    min-width: 0;
    margin: 0 0 4px;
    padding: 0 !important;
    background: none !important;
    color: var(--rf-muted) !important;
    font-size: 11px;
    font-weight: 600 !important;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:not(:has(.fa-clock)):not(:has(.fa-circle-xmark)) > .text3-bg + br { display: none; }
}

@media screen {
  #table.rw-formal {
    --rw-navy: #312e81;
    --rw-navy-2: #4338ca;
    --rw-gold: #b8913a;
    --rw-ink: #1f2937;
    --rw-muted: #64748b;
    --rw-line: #e5e7eb;
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid var(--rw-line) !important;
    border-radius: 10px;
    overflow: hidden;
    font-size: 13px;
    color: var(--rw-ink);
  }
  #table.rw-formal thead { background: var(--rw-navy) !important; border: 0 !important; }
  #table.rw-formal thead th {
    background: var(--rw-navy) !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .12) !important;
    border-bottom: 3px solid var(--rw-gold) !important;
    vertical-align: middle !important;
  }
  #table.rw-formal thead th:last-child { border-right: 0 !important; }
  #table.rw-formal > tbody > tr > td {
    background: #fff;
    border: 0 !important;
    border-top: 1px solid var(--rw-line) !important;
    border-right: 1px solid #f0f1f4 !important;
    padding: 12px 10px !important;
    vertical-align: top !important;
  }
  #table.rw-formal > tbody > tr > td:last-child { border-right: 0 !important; }
  #table.rw-formal > tbody > tr:nth-child(even) > td { background: #faf9fe; }
  #table.rw-formal > tbody > tr:hover > td { background: #f1f0fb; }

  #table.rw-formal > tbody > tr > td:first-child .badge {
    background: #eef0fb !important;
    color: var(--rw-navy) !important;
    border: 1px solid #e7d4a6 !important;
    border-bottom: 2px solid var(--rw-gold) !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 3px 9px !important;
  }
  #table.rw-formal > tbody > tr > td:first-child .text-success { color: #15803d !important; }

  #table.rw-formal > tbody > tr > td:nth-child(2) > span > .text-danger { color: #b42318 !important; font-weight: 600 !important; }
  #table.rw-formal > tbody > tr > td:nth-child(2) > span > .text-dark { font-weight: 600 !important; }
  #table.rw-formal > tbody > tr > td:nth-child(2) hr { border-top-color: var(--rw-line); margin: 8px 0; }
  #table.rw-formal > tbody > tr > td:nth-child(2) table { border-color: var(--rw-line); }
  #table.rw-formal > tbody > tr > td:nth-child(2) table td { border-color: #f0f1f4 !important; background: transparent !important; }
  #table.rw-formal > tbody > tr > td:nth-child(2) table tr:first-child td:last-child { color: var(--rw-navy) !important; font-weight: 700 !important; font-size: 12px !important; }
  #table.rw-formal > tbody > tr > td:nth-child(2) table i { color: var(--rw-navy-2) !important; }

  #table.rw-formal > tbody > tr > td:nth-child(3) .fa-badge-check { color: #15803d; }

  #table.rw-formal > tbody > tr > td:nth-child(4) > span.text-dark:first-of-type {
    color: var(--rw-navy) !important;
    font-size: 14px !important;
    font-variant-numeric: tabular-nums;
  }
  #table.rw-formal > tbody > tr > td:nth-child(4) .text-danger { color: #b42318 !important; }
  #table.rw-formal > tbody > tr > td:nth-child(4) i.text-secondary { color: var(--rw-navy-2) !important; }

  #table.rw-formal > tbody > tr > td:nth-child(5) .fa-shield-halved { color: var(--rw-gold) !important; }
  #table.rw-formal > tbody > tr > td:nth-child(5) .badge-pill.text-white {
    background: var(--rw-navy) !important;
    color: #f3d98b !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
  }

  #table.rw-formal > tbody > tr > td:nth-child(6) > div:first-child {
    color: #15803d !important;
    border-bottom-color: var(--rw-line) !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }
  #table.rw-formal .v-stepper { margin-top: 6px; }
  #table.rw-formal .v-step { padding-left: 30px; margin-bottom: 10px; min-height: 22px; }
  #table.rw-formal .v-step::before { left: 10px; top: 22px; bottom: -10px; }
  #table.rw-formal .v-step-circle { width: 22px; height: 22px; font-size: 10px; }
  #table.rw-formal .v-step.completed .v-step-circle { background: var(--rw-navy-2); border-color: var(--rw-navy-2); box-shadow: 0 0 0 3px rgba(67, 56, 202, .15); }
  #table.rw-formal .v-step.completed::before { background: #c7d2fe; }
  #table.rw-formal .v-step.active .v-step-circle { border-color: var(--rw-gold); color: var(--rw-gold); box-shadow: 0 0 0 3px rgba(184, 145, 58, .18); }
  #table.rw-formal .v-step-label { color: var(--rw-muted); font-size: 9.5px; letter-spacing: .4px; }
  #table.rw-formal .v-step.completed .v-step-label { color: var(--rw-navy-2); }
  #table.rw-formal .v-step-title { color: var(--rw-ink); font-weight: 600; font-size: 12.5px; }
  #table.rw-formal .v-step-desc { display: none; }
  #table.rw-formal .v-step-badge.completed { background: #e7f5ec !important; color: #15803d !important; border-color: #bfe6cc !important; }

  #table.rw-formal > tbody > tr > td:last-child .btn {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    background: var(--rw-navy) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .15) !important;
  }
  #table.rw-formal > tbody > tr > td:last-child .btn:hover { background: var(--rw-navy-2) !important; }
}

@media screen {
  #table.reg-formal td > .input770.text-danger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b42318 !important;
    font-size: 12px;
    font-weight: 600 !important;
    white-space: nowrap;
  }
  #table.reg-formal td > .input770.text-danger br { display: none; }
}

@media screen {
  #table.reg-formal,
  #table.rw-formal { border-radius: 12px !important; }
  #table.reg-formal > thead > tr:first-child > th:first-child,
  #table.rw-formal > thead > tr:first-child > th:first-child { border-top-left-radius: 11px !important; }
  #table.reg-formal > thead > tr:first-child > th:last-child,
  #table.rw-formal > thead > tr:first-child > th:last-child { border-top-right-radius: 11px !important; }
  #table.reg-formal > tbody > tr:last-child > td:first-child,
  #table.rw-formal > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 11px; }
  #table.reg-formal > tbody > tr:last-child > td:last-child,
  #table.rw-formal > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 11px; }
}

@media screen {
  #table.reg-formal .card-body {
    border-radius: 12px !important;
    border-left-width: 1px !important;
  }
  #table.reg-formal .card-body[style*="#C9F4AA"] {
    background: linear-gradient(180deg, #ecfdf3 0%, #ffffff 100%) !important;
    border-color: #bbf7d0 !important;
  }
  #table.reg-formal .card-body[style*="#FFE3ED"]:is(:has(.fa-clock), :has(.fa-circle-xmark)) {
    background: linear-gradient(180deg, #fef2f2 0%, #ffffff 100%) !important;
    border-color: #fecaca !important;
  }
}

@media screen {
  #table.reg-formal .timeline-container .timeline-item { font-size: 12.5px; padding-left: 24px; }
  #table.reg-formal .timeline-container .timeline-dot { left: 6px !important; }
  #table.reg-formal .timeline-container .timeline-line { left: 12px !important; }
  #table.reg-formal .timeline-container .timeline-label { min-width: 3.3em; margin-right: 3px; }
}

@media screen {
  #table.reg-formal,
  #table.rw-formal {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06) !important;
  }
}

@media screen {
  #table.reg-formal,
  #table.rw-formal {
    clip-path: inset(0 round 12px);
    box-shadow: none !important;
  }
}

@media screen {
  #table.reg-formal,
  #table.rw-formal {
    outline: 1px solid #e5e7eb;
    outline-offset: -1px;
  }
}