.workflow-steps {display:flex;gap:8px;list-style:none;padding:0;margin:16px 0;font-size:.9rem}
.workflow-steps li {flex:1;padding:10px;border-bottom:3px solid #d8e3e2;color:#445665}
.workflow-steps [aria-current="step"] {border-color:#0c7770;color:#07534e;font-weight:700;background:#eff8f6}
.workflow-notice {padding:12px 16px;background:#fff7e4;color:#513c0c;border:1px solid #e3c782;border-radius:12px;margin:12px 0;line-height:1.5}
.workflow-notice button {margin:4px 8px;min-height:44px}
.system-readiness {background:white;border:1px solid #d8e3e2;padding:16px;border-radius:14px;margin:16px 0}
.system-readiness summary {cursor:pointer;font-weight:700;min-height:28px}
.system-readiness dl {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.system-readiness dt {font-weight:700}.system-readiness dd {margin:6px 0}.system-readiness p {font-size:.9rem;line-height:1.5}
.approval-filters {display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}
.approval-filters input,.approval-filters select {width:100%;min-height:44px}
.roster-edit-row:focus-within {outline:2px solid #117d75;outline-offset:2px;background:#f0faf8}
#revenueBillDialog .modal-heading h2 {font-size:clamp(1.35rem,4vw,1.9rem)}
#revenueBillDialog .modal-heading p {line-height:1.5;font-size:1rem}
#revenueBillForm .form-error {scroll-margin-block:24px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #137e77;outline-offset:3px}
body:has(dialog[open]) .operations-guide-launcher {visibility:hidden}
@media(max-width:640px){
  .approval-filters {grid-template-columns:1fr}
  .workflow-steps {font-size:.82rem;gap:3px}.workflow-steps li{padding:9px 5px}
  #revenueBillDialog {max-width:100vw;width:100%;max-height:100dvh;border-radius:16px 16px 0 0;margin:auto 0 0}
  #revenueBillDialog .modal-card {padding:20px 16px}
  #revenueBillDialog input,#revenueBillDialog select,#revenueBillDialog textarea {font-size:16px;min-height:46px}
  #revenueBillDialog .field-grid {grid-template-columns:1fr}
  #revenueBillDialog .field-span-2 {grid-column:auto}
  #revenueBillDialog .modal-actions {position:sticky;bottom:-20px;background:#fff;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid #d8e3e2;z-index:2}
  #revenueBillDialog .modal-actions .button {min-height:48px}
  .approval-queue-item {flex-wrap:wrap;gap:12px}
  .approval-queue-item>div {min-width:0;overflow-wrap:anywhere;flex:1}
  .roster-edit-person h3 {position:sticky;left:0;background:#fff}
}

#revenueBillDetails {margin:16px 0}#revenueBillDetails>summary {min-height:44px;cursor:pointer;font-weight:700;padding:12px 0}
.workflow-detected {padding:16px;background:#edf8f5;border:1px solid #c0e0d6;border-radius:12px}
.workflow-detected p {margin:6px 0}.workflow-detected dl {display:flex;flex-wrap:wrap;gap:20px;margin-bottom:0}.workflow-detected dd{margin:0;font-weight:700}.workflow-detected dt{text-transform:capitalize}
#revenueBillForm .modal-heading {margin-bottom:6px}#revenueBillForm .package-bill-capture-actions {gap:8px}