/* Shared readable workflow components. Important declarations are layered so the
   native [hidden] safety layer retains priority over this legacy theme bridge. */
@layer stronghold-workflow {
  #strongholdApp :is(#appToast,#appUpdateNotice), #strongholdApp :is(#appToast,#appUpdateNotice) :is(strong,small,span) { color:#fff !important; font-family:var(--dlc-body-font,Arial,sans-serif) !important; text-shadow:none !important; }
  #strongholdApp :is(#appToast,#appUpdateNotice) { background:#174b47 !important; }
  #strongholdApp :is(#appToast,#appUpdateNotice).error { background:#8c2824 !important; }
  #strongholdApp .workflow-panel, #strongholdApp .workflow-save-status {
    color:#18383a !important; background:#fff !important; border:1px solid #bdd0cf !important;
    border-radius:14px !important; padding:18px !important; margin:0 0 16px !important;
    min-width:0 !important; max-width:100% !important; box-sizing:border-box !important;
    font-family:var(--dlc-body-font,Arial,sans-serif) !important; font-size:16px !important; line-height:1.5 !important;
  }
  #strongholdApp .workflow-panel :is(h2,h3,h4,p,small,strong,span,button,label,summary,input,select,textarea,dt,dd,time),
  #strongholdApp .workflow-save-status :is(strong,small,button) {
    font-family:var(--dlc-body-font,Arial,sans-serif) !important; letter-spacing:normal !important;
    text-transform:none !important; overflow-wrap:anywhere !important; word-break:normal !important;
    white-space:normal !important; line-height:1.45 !important;
  }
  #strongholdApp .workflow-panel :is(h2,h3) {font-size:21px !important; font-weight:650 !important; color:#153b3b !important; margin:0 0 10px !important;}
  #strongholdApp .workflow-panel strong, #strongholdApp .workflow-save-status strong {font-weight:650 !important;}
  #strongholdApp .workflow-panel h4 {font-size:17px !important;margin:0 0 5px !important;}
  #strongholdApp .workflow-panel .section-heading {background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
  #strongholdApp .workflow-row-details {display:none !important;}
  #strongholdApp .workflow-panel :is(p,small,dt), #strongholdApp .workflow-save-status small {font-size:14px !important;color:#425f60 !important;}
  #strongholdApp .workflow-panel :is(label,input,select,textarea,button) {font-size:16px !important;}
  #strongholdApp .workflow-panel :is(input,select,textarea) {width:100% !important;min-width:0 !important;box-sizing:border-box !important;color:#163738 !important;background:#fff !important;}
  #strongholdApp .workflow-panel label {display:grid !important;gap:6px !important;min-width:0 !important;}
  #strongholdApp .workflow-panel button, #strongholdApp .workflow-save-status button {min-height:44px !important;height:auto !important;max-width:100% !important;padding:10px 14px !important;flex-shrink:0 !important;}
  #strongholdApp .workflow-panel :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #1c71a4 !important;outline-offset:3px !important;}
  #strongholdApp .workflow-save-status {display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;padding:10px 14px !important;border-left:5px solid #2f8176 !important;}
  #strongholdApp .workflow-save-status > div {display:grid !important;gap:3px !important;flex:1 1 220px !important;min-width:0 !important;}
  #strongholdApp .workflow-save-status strong {font-size:14px !important;}
  #strongholdApp .workflow-save-status[data-state="dirty"] {border-left-color:#ac6800 !important;background:#fff9ee !important;}
  #strongholdApp .workflow-save-status[data-state="error"] {border-left-color:#b52e2e !important;background:#fff5f3 !important;}
  #strongholdApp .workflow-save-status[data-state="saving"] {border-left-color:#2774ad !important;}
  #strongholdApp .workflow-next-action {border-left:5px solid #2d8276 !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr) !important;gap:20px !important;}
  #strongholdApp .workflow-panel dl {display:flex !important;flex-wrap:wrap !important;gap:12px 28px !important;margin:12px 0 0 !important;}
  #strongholdApp .workflow-panel dd {margin:2px 0 0 !important;font-weight:650 !important;}
  #strongholdApp .workflow-overdue {color:#a12d22 !important;}
  #strongholdApp .workflow-panel summary {cursor:pointer !important;min-height:44px !important;padding:10px 0 !important;font-weight:650 !important;}
  #strongholdApp .workflow-panel form {display:grid !important;gap:14px !important;}
  #strongholdApp .workflow-form-grid {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
  #strongholdApp .workflow-metrics {display:grid !important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr)) !important;gap:10px !important;margin:12px 0 !important;}
  #strongholdApp .workflow-metrics > div {display:grid !important;gap:5px !important;padding:12px !important;background:#eef5f4 !important;border-radius:9px !important;min-width:0 !important;}
  #strongholdApp .workflow-metrics strong {font-size:24px !important;color:#164b48 !important;}
  #strongholdApp .workflow-priority-list, #strongholdApp .workflow-owner-list {display:grid !important;gap:10px !important;}
  #strongholdApp .workflow-priority-list button {display:grid !important;gap:5px !important;justify-items:start !important;text-align:left !important;background:#f8faf9 !important;color:#18383a !important;border:1px solid #c6d8d6 !important;width:100% !important;}
  #strongholdApp .workflow-priority-list span {font-weight:400 !important;}
  #strongholdApp .workflow-executive-links {display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:14px !important;}
  #strongholdApp .workflow-owner-list article {padding:12px !important;border-bottom:1px solid #d8e3e2 !important;}
  #strongholdApp .workflow-timeline {list-style:none !important;padding:0 !important;margin:16px 0 !important;}
  #strongholdApp .workflow-timeline li {display:grid !important;grid-template-columns:150px minmax(0,1fr) !important;gap:18px !important;padding:16px 0 !important;border-top:1px solid #d6e2e1 !important;}
  #strongholdApp .workflow-timeline li > div {min-width:0 !important;display:grid !important;justify-items:start !important;gap:5px !important;}
  #strongholdApp .workflow-timeline p {white-space:pre-wrap !important;margin:0 !important;}
  #strongholdApp .workflow-timeline time {font-size:14px !important;color:#4b6667 !important;}
  #strongholdApp .workflow-uploads ul,#strongholdApp .workflow-health-events {list-style:none !important;padding:0 !important;}
  #strongholdApp .workflow-uploads li {display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;padding:8px 0 !important;}
  #strongholdApp .workflow-uploads progress {grid-column:1/-1 !important;width:100% !important;accent-color:#287e72 !important;}
  #strongholdApp .workflow-health-events li {display:grid !important;gap:4px !important;padding:10px 0 !important;border-bottom:1px solid #d6e2e1 !important;}
  #strongholdApp .workflow-duplicates {background:#fff5df !important;border:1px solid #c68b25 !important;border-radius:10px !important;padding:14px !important;color:#61410d !important;font-size:15px !important;}
  #strongholdApp .workflow-form-error {color:#a32722 !important;background:#fff3f0 !important;padding:12px !important;}
  @media(max-width:700px) {
    #strongholdApp .workflow-panel {padding:14px !important;}
    #strongholdApp .workflow-next-action,#strongholdApp .workflow-form-grid {grid-template-columns:minmax(0,1fr) !important;gap:12px !important;}
    #strongholdApp .workflow-timeline li {grid-template-columns:minmax(0,1fr) !important;gap:6px !important;}
    #strongholdApp .workflow-panel .section-heading {display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:flex-start !important;}
    #strongholdApp .workflow-panel .section-heading > * {max-width:100% !important;}
    #strongholdApp .workflow-metrics {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    #strongholdApp .workflow-executive-links button {width:100% !important;}
    #strongholdApp .workflow-mobile-table, #strongholdApp .workflow-mobile-table tbody {display:block !important;width:100% !important;min-width:0 !important;}
    #strongholdApp .workflow-mobile-table thead {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important;}
    #strongholdApp .workflow-mobile-table tbody tr {display:grid !important;grid-template-columns:minmax(0,1fr) !important;padding:14px !important;margin:0 0 12px !important;border:1px solid #bed2d0 !important;border-radius:12px !important;background:#fff !important;}
    #strongholdApp .workflow-mobile-table tbody td {display:grid !important;grid-template-columns:minmax(95px,.6fr) minmax(0,1fr) !important;gap:12px !important;width:auto !important;min-width:0 !important;max-width:100% !important;padding:8px 0 !important;border:0 !important;white-space:normal !important;overflow-wrap:anywhere !important;font:15px/1.45 var(--dlc-body-font,Arial,sans-serif) !important;color:#213f40 !important;}
    #strongholdApp .workflow-mobile-table td[data-column]::before {content:attr(data-column) !important;font-weight:650 !important;color:#4b6263 !important;font-size:13px !important;}
    #strongholdApp .workflow-mobile-table td[colspan] {display:block !important;}
    #strongholdApp .workflow-mobile-table td :is(strong,span,small,a,button) {font-family:var(--dlc-body-font,Arial,sans-serif) !important;letter-spacing:normal !important;word-break:normal !important;}
    #strongholdApp .workflow-mobile-table tr:not(.workflow-row-expanded) td[data-mobile-secondary] {display:none !important;}
    #strongholdApp .workflow-mobile-table .workflow-row-details {display:inline-flex !important;}
    #strongholdApp .workflow-mobile-table td :is(button,a) {max-width:100% !important;white-space:normal !important;min-height:44px !important;}
    #strongholdApp :is(#pipelineView,#scheduledInspectionsView,#scheduledPrebidsView,#completedInspectionsView,#completedWorkView,#declinedBidsView,#serviceOpportunitiesView) .table-wrap:has(.workflow-mobile-table) {overflow:visible !important;min-width:0 !important;}
    #strongholdApp dialog[open] :is(input,select,textarea) {font-size:16px !important;line-height:1.4 !important;}
    #strongholdApp dialog[open] .dialog-actions {position:sticky !important;bottom:0 !important;background:#fff !important;z-index:4 !important;flex-wrap:wrap !important;padding-bottom:max(12px,env(safe-area-inset-bottom)) !important;}
  }
}