.hrWorkflowNotice{font-size:12px;line-height:1.6;padding:10px 12px;background:var(--secondary);border:1px solid var(--line);border-radius:8px;margin:12px 0}
.hrWorkflowToolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.hrWorkflowToolbar select{width:170px}
.hrWorkflowRecord{display:flex;justify-content:space-between;gap:14px;margin:10px 0}.hrWorkflowRecord small{display:block;margin:5px 0;font-size:11px;line-height:1.5}.hrWorkflowRecord p{font-size:12px;margin:6px 0}.hrWorkflowRecord .actions{align-items:center;align-content:start;flex-shrink:0}.hrWorkflowDone{background:#d8f2e0;color:#16532d}
.hrWorkflowStage{border:1px solid var(--line);border-radius:9px;padding:10px;margin:12px 0}.hrWorkflowStage h3{font-size:15px;margin:0 0 9px}.hrWorkflowStage ol{margin:6px 0;padding-left:22px;font-size:13px;line-height:1.6}.hrWorkflowStage li{margin:8px 0}.hrWorkflowStage li small{font-size:11px;color:var(--muted)}
#hrWorkflowModal .dialog{width:min(1120px,96vw);padding:16px}#hrWorkflowModal .dialogHead{position:sticky;top:-16px;background:var(--panel);z-index:2;padding:8px 0;margin-bottom:8px}#hrWorkflowModal h2{font-size:18px;margin:8px 0}
.hrWorkflowFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hrWorkflowFlags{margin:12px 0;border:1px solid var(--line);border-radius:8px}.hrWorkflowFlags .check{display:inline-flex;gap:7px;margin:8px}
.hrWorkflowSummary{background:var(--secondary);border-radius:8px;padding:10px;margin-bottom:10px}.hrWorkflowSummary strong,.hrWorkflowSummary span,.hrWorkflowSummary small{display:block;line-height:1.5}.hrWorkflowSummary strong{font-size:18px}.hrWorkflowSummary span,.hrWorkflowSummary small{font-size:12px}
.hrWorkflowTask{padding:9px 0;border-top:1px solid var(--line)}.hrWorkflowTask:first-of-type{border-top:0}.hrWorkflowTask>label{font-size:12px;line-height:1.5;margin:0 0 5px}.hrWorkflowTaskFields{display:grid;grid-template-columns:140px minmax(0,1.4fr) minmax(0,1fr);gap:7px}.hrWorkflowTaskFields input,.hrWorkflowTaskFields select{font-size:12px;padding:7px}
.hrWorkflowActions{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:-16px;background:var(--panel);padding:10px 0;z-index:1}.hrWorkflowActions [hidden]{display:none!important}.hrWorkflowHistory{font-size:12px;line-height:1.5}.hrLegacyTools{margin:18px 0;border:1px solid var(--line);border-radius:9px;padding:10px}.hrLegacyTools>summary{font-weight:700;font-size:13px;cursor:pointer;margin:5px 0 10px}
.hrWorkflowPaper{color:#111;background:white;font-family:Arial;font-size:10pt}.hrWorkflowPaper h1{font-size:16pt}.hrWorkflowPaper h2{font-size:12pt;margin:4mm 0 2mm;break-after:avoid}.hrWorkflowPaperTask{padding:2mm 0;border-bottom:1px solid #aaa;break-inside:avoid}.hrWorkflowPaperTask strong{font-size:9pt}.hrWorkflowPaperTask small{display:block;font-size:8pt;margin-top:1mm}.hrWorkflowPaperLine{height:4mm;border-bottom:1px dotted #aaa}.hrWorkflowPaper p{font-size:9pt;line-height:1.4}
@media(max-width:700px){.hrWorkflowRecord{flex-direction:column}.hrWorkflowFields{grid-template-columns:1fr}.hrWorkflowTaskFields{grid-template-columns:1fr}.hrWorkflowTaskFields input,.hrWorkflowTaskFields select{min-height:44px;font-size:16px}.hrWorkflowFlags .check{display:flex}.hrWorkflowActions .btn,.hrWorkflowActions .miniBtn{min-height:44px}#hrWorkflowModal .dialogHead h2{font-size:16px}.hrWorkflowToolbar select{width:100%}}
@media print{@page hr-workflow{size:A4 portrait;margin:12mm}#printArea:has(.hrWorkflowPaper){page:hr-workflow}.hrWorkflowPaper{page:hr-workflow}}
.hrWorkflowDashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.hrWorkflowMetric{margin:0;text-align:left;padding:12px;cursor:pointer;color:var(--text);font:inherit}.hrWorkflowMetric span,.hrWorkflowMetric small{display:block;font-size:12px}.hrWorkflowMetric strong{display:block;font-size:26px;margin:5px 0}.hrWorkflowMetric small{color:var(--muted)}.hrWorkflowMetricAlert{border-left:3px solid #de5561}.hrWorkflowMetric:hover,.hrWorkflowMetric:focus-visible{outline:2px solid #71b9ec;outline-offset:2px}
.hrWorkflowStageDashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hrWorkflowStageDashboard h2{font-size:14px}.hrWorkflowStageTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hrWorkflowStageTiles button{text-align:left;white-space:normal;display:flex;align-items:center;gap:10px;min-height:48px}.hrWorkflowStageTiles b{font-size:19px;min-width:22px}.hrWorkflowStageTiles span{font-size:11px}.hrWorkflowCurrent{display:block;font-size:13px;margin:6px 0}.hrWorkflowRecord progress{width:min(340px,100%);height:8px;accent-color:#3dba83}.hrWorkflowBlockReason{color:var(--text);border-left:3px solid #de5561;padding-left:7px}.hrWorkflowToolbar input[type=search]{width:240px}.hrWorkflowSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.hrWorkflowSteps button{white-space:normal;text-align:left;min-height:44px}.hrWorkflowSteps [aria-current=step]{outline:2px solid #71b9ec}.hrWorkflowStepDone{border-left:4px solid #38ad72!important}.hrWorkflowStage[hidden]{display:none!important}.hrWorkflowSteps button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.hrWorkflowDashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.hrWorkflowStageDashboard{grid-template-columns:1fr}.hrWorkflowSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.hrWorkflowToolbar input[type=search]{width:100%}.hrWorkflowRecord .actions{flex-wrap:wrap}.hrWorkflowMetric{min-height:100px}}
.hrWorkflowGuidance{font-size:12px;line-height:1.5;margin:10px 0}.hrWorkflowGuidance summary{cursor:pointer;color:var(--muted)}