.workflow-panel { padding: 1rem; margin: 1rem 0; border: 1px solid var(--border); border-radius: .75rem; background: var(--bg); color: var(--text); }
.workflow-panel h2 { font-size: 1.15rem; margin: 0 0 .5rem; }
.workflow-panel h3 { font-size: 1rem; margin: 1rem 0 .5rem; }
.workflow-panel summary { cursor: pointer; padding: .75rem 0; }
.workflow-times { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .8rem; font-variant-numeric: tabular-nums; }
.workflow-row { border-top: 1px solid var(--border); padding: .75rem 0; overflow-wrap: anywhere; }
.workflow-row small { display: block; margin: .25rem 0; }
.workflow-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
.workflow-form label { display: flex; flex-direction: column; gap: .3rem; }
.workflow-panel input, .workflow-panel select, .workflow-panel button { min-height: 44px; }
.workflow-panel input, .workflow-panel select { width: 100%; background: var(--bg); color: var(--text); border: 1px solid var(--border); padding: .5rem; border-radius: .4rem; }
.workflow-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; max-height: 22rem; overflow: auto; }
.workflow-message { margin: .5rem 0; }
@media (max-width: 768px) { .workflow-form { grid-template-columns: 1fr; } .workflow-times { display: grid; } }

.record-time { display:block; font-size:.75rem; margin-top:.3rem; font-variant-numeric:tabular-nums; }

.workflow-filter { display:flex; align-items:center; gap:1rem; margin:.5rem 0; }
.workflow-filter select { width:auto; }
.workflow-repair-dialog { width:min(52rem,calc(100vw - 2rem)); max-height:85vh; overflow:auto; margin:auto; padding:1.5rem; border:1px solid var(--border); border-radius:.75rem; background:var(--bg); color:var(--text); }
.workflow-repair-dialog::backdrop { background:var(--bg-overlay, var(--bg)); opacity:.75; }
.workflow-repair-dialog p { margin:.65rem 0; }
.workflow-repair-dialog input:not([type=checkbox]):not([type=radio]) { display:block; width:100%; min-height:44px; padding:.5rem; background:var(--bg); color:var(--text); border:1px solid var(--border); }
.workflow-repair-dialog button { min-height:44px; }
.workflow-close { float:right; }
.workflow-option { display:flex; gap:.75rem; padding:1rem 0; border-top:1px solid var(--border); align-items:flex-start; cursor:pointer; }
.workflow-option input { flex:none; margin-top:.35rem; }
.workflow-record { padding:.5rem 0; overflow-wrap:anywhere; }
.workflow-record small { display:block; }
.workflow-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; font-variant-numeric:tabular-nums; }
@media(max-width:768px) { .workflow-comparison { grid-template-columns:1fr; } .workflow-repair-dialog { padding:1rem; } }