/* SDA_SECRETARY_REPORT_ULTRA_ELITE_UI_V9 */
:root{--v9-navy:#0b2c53;--v9-blue:#145da0;--v9-sky:#eaf4ff;--v9-gold:#d5a33a;--v9-green:#157347;--v9-red:#b4232f;--v9-ink:#172033;--v9-muted:#607086;--v9-line:#d5dfeb;--v9-shadow:0 18px 55px rgba(8,35,65,.18)}
.v8-modal{padding:0;background:rgba(3,18,34,.76);backdrop-filter:blur(5px)}
.v8-dialog.v9-workspace{max-width:none;min-height:100vh;margin:0;border-radius:0;padding:0 26px 118px;background:linear-gradient(180deg,#f7faff 0,#eef4fa 100%);box-shadow:none}
.v9-workspace .v8-head{position:sticky;top:0;z-index:15;margin:0 -26px;padding:18px 28px;background:linear-gradient(115deg,var(--v9-navy),#154c80);color:white;border:0;box-shadow:0 7px 22px rgba(8,35,65,.2)}
.v9-workspace .v8-head h2{font-size:22px;letter-spacing:.01em}.v9-workspace .v8-head h3{font-size:15px;font-weight:600;color:#dcecff}.v9-workspace .v8-head>div>div{color:#c4d9ee}
.v9-workspace .v8-head .v8-close{background:white!important;color:var(--v9-navy)!important;border:0!important;box-shadow:0 4px 12px #0018}
.v9-command{max-width:1280px;margin:22px auto 14px;padding:20px 22px;background:white;border:1px solid var(--v9-line);border-radius:18px;box-shadow:var(--v9-shadow)}
.v9-command-top,.v9-progress-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.v9-eyebrow{display:block;color:var(--v9-blue);font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:6px}
.v9-save-state{font-size:14px;color:var(--v9-muted);display:flex;align-items:center;gap:7px}.v9-save-state span,.v9-live span{width:9px;height:9px;border-radius:50%;background:var(--v9-green);box-shadow:0 0 0 4px #dff5e9}.v9-save-state.dirty span{background:var(--v9-gold);box-shadow:0 0 0 4px #fff1ce}.v9-save-state.warning span{background:var(--v9-red);box-shadow:0 0 0 4px #fde4e7}
.v9-state-badge{border-radius:999px;padding:7px 13px;background:#e7eef7;color:var(--v9-navy);font-weight:800;font-size:12px;letter-spacing:.06em}.v9-state-badge[data-state="SUBMITTED"]{background:#fff0c8;color:#725000}.v9-state-badge[data-state="REVIEWED"]{background:#e7e8ff;color:#3730a3}.v9-state-badge[data-state="APPROVED"]{background:#dff5e9;color:#0f673e}
.v9-workflow{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 17px}.v9-stage{position:relative;display:flex;align-items:center;gap:8px;color:#8794a5;font-weight:700;font-size:13px}.v9-stage:not(:last-child):after{content:"";height:3px;background:#dce4ed;position:absolute;left:35px;right:10px;top:13px}.v9-stage i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1f6;border:2px solid #d1dae5;font-style:normal}.v9-stage.done,.v9-stage.current{color:var(--v9-navy)}.v9-stage.done i{background:var(--v9-green);border-color:var(--v9-green);color:white}.v9-stage.done:not(:last-child):after{background:var(--v9-green)}.v9-stage.current i{border-color:var(--v9-blue);background:var(--v9-sky);color:var(--v9-blue);box-shadow:0 0 0 4px #dceeff}
.v9-progress-row strong{font-size:14px}.v9-progress-row small{display:block;color:var(--v9-muted);margin-top:2px}.v9-progress-value{font-size:22px!important;color:var(--v9-blue)}.v9-progress{height:9px;border-radius:999px;background:#e6ecf3;overflow:hidden;margin:9px 0 13px}.v9-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--v9-blue),#26a269);border-radius:inherit;transition:width .25s ease}
.v9-validation{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;font-size:13px}.v9-validation strong{white-space:nowrap}.v9-validation span{color:var(--v9-muted)}.v9-validation.ready{background:#e9f7ef;color:#11633b}.v9-validation.has-issues{background:#fff3d5;color:#785400}
.v9-stepper{position:sticky;top:92px;z-index:12;max-width:1280px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(10,minmax(72px,1fr));gap:6px;padding:9px;background:rgba(255,255,255,.96);border:1px solid var(--v9-line);border-radius:15px;box-shadow:0 8px 25px rgba(8,35,65,.11);backdrop-filter:blur(10px)}
.v9-step{min-width:0!important;padding:9px 5px!important;border-radius:10px!important;background:transparent!important;color:var(--v9-muted)!important;border:1px solid transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:center;gap:4px;font-size:11px!important}.v9-step span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8eef5;font-weight:800}.v9-step b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v9-step:hover,.v9-step:focus-visible{background:#eef6ff!important;color:var(--v9-navy)!important;border-color:#b8d5f0!important;outline:3px solid #cfe7ff!important}.v9-step.active{background:var(--v9-navy)!important;color:white!important}.v9-step.active span{background:white;color:var(--v9-navy)}.v9-step.complete:not(.active) span{background:#dff5e9;color:var(--v9-green)}.v9-step.complete:not(.active) span:after{content:"✓";font-size:0}.v9-step.has-error{border-color:#e6a0a7!important}.v9-step.has-error span{background:#fde4e7;color:var(--v9-red)}
.v9-workspace>section{max-width:1280px;min-height:400px;margin:0 auto!important;padding:24px!important;background:white!important;border:1px solid var(--v9-line)!important;border-radius:17px!important;box-shadow:0 10px 30px rgba(8,35,65,.09);animation:v9-in .2s ease}.v9-workspace>section[hidden]{display:none!important}@keyframes v9-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.v9-workspace section>h3{display:flex;align-items:center;gap:12px;font-size:21px;color:var(--v9-navy);padding-bottom:13px;border-bottom:1px solid #e4eaf1}.v9-section-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--v9-sky);color:var(--v9-blue);font-size:16px;flex:0 0 auto}
.v9-workspace .v8-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v9-workspace label{font-weight:700;color:#26364a}.v9-workspace input,.v9-workspace select,.v9-workspace textarea{margin-top:7px;border:1px solid #b8c7d8!important;border-radius:10px!important;background:#fff!important;padding:11px 12px!important;transition:border-color .15s,box-shadow .15s}.v9-workspace input:focus,.v9-workspace select:focus,.v9-workspace textarea:focus{border-color:var(--v9-blue)!important;box-shadow:0 0 0 4px #dceeff!important;outline:0!important}.v9-workspace [aria-invalid="true"]{border-color:var(--v9-red)!important;box-shadow:0 0 0 3px #fde4e7!important}.v9-field-error{display:block;color:var(--v9-red);font-weight:700;font-size:12px;margin-top:5px}.v9-workspace .v8-calc{background:linear-gradient(135deg,#eaf4ff,#f6fbff);border:1px solid #bdd8f1;border-radius:12px;padding:13px}.v9-workspace .v8-calc strong{display:block;color:var(--v9-blue);font-size:21px;margin-top:3px}
.v9-privacy-note{display:flex;align-items:center;gap:12px;background:#fff8e4;border:1px solid #ecd28c;border-left:5px solid var(--v9-gold);border-radius:11px;padding:11px 13px;margin-bottom:16px}.v9-privacy-note strong{color:#755200}.v9-privacy-note span{color:#776b4f;font-size:13px;flex:1}.v9-privacy-note button{white-space:nowrap}.v9-private-masked .v8-private,.v9-private-masked textarea{filter:blur(6px);pointer-events:none;user-select:none}
.v9-section-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e1e8f0}.v9-current-section{font-size:13px;color:var(--v9-muted);font-weight:700;text-align:center}.v9-workspace>.v8-actions{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:12px 28px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #ccd8e5;box-shadow:0 -10px 30px rgba(8,35,65,.13);align-items:center}.v9-action-label{font-size:12px;font-weight:800;color:var(--v9-muted);text-transform:uppercase;letter-spacing:.08em;margin-right:5px}.v9-workspace>.v8-message{position:fixed;z-index:21;right:24px;bottom:74px;max-width:480px;box-shadow:0 10px 30px #0013}.v9-workspace>.v8-trends{max-width:1280px;margin:20px auto;background:white;border-radius:15px;padding:15px}
.v9-workspace.v9-locked>section{border-top:5px solid var(--v9-green)!important}.v9-workspace.v9-locked input,.v9-workspace.v9-locked select,.v9-workspace.v9-locked textarea{background:#f0f4f7!important}
.v9-register-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:22px;border-radius:16px;background:linear-gradient(120deg,var(--v9-navy),#1766a8);color:white;box-shadow:var(--v9-shadow)}.v9-register-banner strong{display:block;font-size:24px}.v9-register-banner p{margin:5px 0 0;color:#dcecff}.v9-register-banner .v9-eyebrow{color:#a9d4ff}.v9-live{display:flex;align-items:center;gap:9px;white-space:nowrap;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:9px 13px;font-size:12px}.v9-live span{background:#65d69a;box-shadow:0 0 0 4px #65d69a22}
#secretaryReports[data-v9-enhanced] .v83-summary>div{border:0;border-top:4px solid var(--v9-blue);border-radius:14px;background:white;box-shadow:0 7px 22px rgba(8,35,65,.09);padding:15px}#secretaryReports[data-v9-enhanced] .v83-summary b{font-size:26px}#secretaryReports[data-v9-enhanced] .v83-filters{padding:15px;background:#f2f6fb;border:1px solid var(--v9-line);border-radius:13px}#secretaryReports[data-v9-enhanced] .v83-scroll{border:1px solid var(--v9-line);border-radius:13px;background:white}#secretaryReports[data-v9-enhanced] .v83-table th{background:var(--v9-navy);color:white;top:0}#secretaryReports[data-v9-enhanced] .v83-table tr:hover td{background:#f2f8ff}#secretaryReports[data-v9-enhanced] .v83-badge{display:inline-block;padding:5px 9px}
.vue-modal[data-v9-enhanced]{border-radius:18px!important;border-top:6px solid var(--v9-blue);box-shadow:var(--v9-shadow)!important}.v9-modal-context{display:flex;justify-content:space-between;gap:10px;background:#edf5fd;border-radius:9px;padding:9px 11px;margin-top:12px;color:var(--v9-blue);font-weight:700}.v9-modal-context small{color:var(--v9-muted);font-weight:500}.v9-reader-toolbar{background:linear-gradient(115deg,var(--v9-navy),#154c80)!important;color:white!important}
@media(max-width:1100px){.v9-stepper{grid-template-columns:repeat(5,1fr);top:88px}.v9-workspace .v8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-workflow{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.v8-dialog.v9-workspace{padding:0 10px 132px}.v9-workspace .v8-head{margin:0 -10px;padding:14px}.v9-command{margin:12px 0}.v9-stepper{position:relative;top:auto;grid-template-columns:repeat(2,1fr);margin:0 0 12px}.v9-step{flex-direction:row!important;justify-content:flex-start}.v9-step b{white-space:normal;text-align:left}.v9-workspace>section{padding:16px!important;min-height:0}.v9-workspace .v8-grid{grid-template-columns:1fr}.v9-workflow{grid-template-columns:repeat(2,1fr);gap:12px}.v9-stage:not(:last-child):after{display:none}.v9-command-top,.v9-register-banner,.v9-progress-row,.v9-section-foot,.v9-privacy-note{align-items:stretch;flex-direction:column}.v9-register-banner .v9-live{white-space:normal}.v9-workspace>.v8-actions{max-height:116px;overflow:auto;padding:9px!important}.v9-action-label{width:100%}.v9-workspace>.v8-message{left:10px;right:10px;bottom:122px}.v9-current-section{order:-1}.v9-modal-context{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.v9-workspace>section,.v9-progress-fill{animation:none;transition:none}}
@media print{.v9-stepper,.v9-command,.v9-section-foot,.v9-workspace>.v8-actions{display:none!important}.v9-workspace>section[hidden]{display:block!important}.v8-dialog.v9-workspace{padding:0;background:white}.v9-workspace>section{box-shadow:none;break-inside:avoid}}

/* ============================================================
   FULL SECRETARY REPORT VISIBILITY — REPAIR 18
   One modal scroll region; no portal or action-bar overlap.
   ============================================================ */
body:has(>.v8-modal){overflow:hidden!important}
.v8-modal{
  z-index:5000!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0!important;
  overscroll-behavior:contain!important;
}
.v8-dialog.v9-workspace{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  height:auto!important;
  padding:0 26px 38px!important;
  overflow:visible!important;
}
.v9-workspace .v8-head{
  top:0!important;
  z-index:40!important;
}
.v9-command{
  position:relative!important;
  z-index:1!important;
}
.v9-stepper{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  grid-template-columns:repeat(10,minmax(82px,1fr))!important;
  gap:8px!important;
  padding:10px!important;
}
.v9-step{
  min-height:54px!important;
  padding:8px 6px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.v9-step span{
  width:30px!important;
  height:30px!important;
  font-size:13px!important;
}
.v9-step b{
  font-size:11px!important;
  line-height:1.2!important;
}
.v9-workspace>section{
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  overflow:visible!important;
  scroll-margin-top:92px!important;
}
.v9-workspace .v8-grid,
.v9-workspace .v8-grid>*{
  min-width:0!important;
}
.v9-workspace>.v8-actions{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  max-width:1280px!important;
  width:100%!important;
  min-height:64px!important;
  margin:18px auto 0!important;
  padding:12px!important;
  border:1px solid #ccd8e5!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(8,35,65,.10)!important;
}
.v9-workspace>.v8-message{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  max-width:1280px!important;
  margin:10px auto 0!important;
  box-shadow:none!important;
}
.v9-workspace>.v8-trends{
  margin-bottom:0!important;
}
@media(max-width:1100px){
  .v9-stepper{grid-template-columns:repeat(5,minmax(100px,1fr))!important}
}
@media(max-width:700px){
  .v8-dialog.v9-workspace{padding:0 10px 24px!important}
  .v9-stepper{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v9-workspace>.v8-actions{max-height:none!important;overflow:visible!important}
}

/* ============================================================
   LOCKED GLOBAL HEADER + BOUNDED SECRETARY REPORT — REPAIR 19
   The approved navigation and Divine Worship masthead remain the
   top of every signed-in page. The report scrolls only beneath them.
   ============================================================ */
body:has(#portalView:not(.hidden)):has(>.v8-modal){
  overflow:hidden!important;
}
body:has(#portalView:not(.hidden))>.v8-modal{
  inset:177px 6px 35px 6px!important;
  width:auto!important;
  height:auto!important;
  z-index:1040!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid #c8dced!important;
  border-radius:7px!important;
  background:#f3f8fc!important;
  backdrop-filter:none!important;
  box-shadow:0 5px 18px rgba(4,34,64,.14)!important;
}
body:has(#portalView:not(.hidden))>.v8-modal>.v8-dialog.v9-workspace{
  min-height:100%!important;
  height:auto!important;
}
body:has(#portalView:not(.hidden))>.v8-modal .v9-workspace .v8-head{
  top:0!important;
}
@media(max-width:1100px){
  body:has(#portalView:not(.hidden))>.v8-modal{
    inset:160px 6px 35px 6px!important;
  }
}
@media(max-width:700px){
  body:has(#portalView:not(.hidden))>.v8-modal{
    left:3px!important;
    right:3px!important;
  }
}