.workflow-view { overflow-y: auto; min-height: 0; padding-bottom: 32px; }
.workflow-view [data-work-content] { display: grid; gap: 16px; max-width: 1100px; }
.workflow-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.workflow-form h2, .workflow-form fieldset, .workflow-form .workflow-actions, .workflow-form [role="status"] { grid-column: 1 / -1; }
.workflow-form fieldset { border: 1px solid #d3c9cc; padding: 12px; border-radius: 8px; }
.workflow-line { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; margin-bottom: 12px; }
.workflow-line .field { flex: 1; min-width: 130px; }
.workflow-form input, .workflow-form select { min-height: 44px; max-width: 100%; }
.workflow-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workflow-record ul { padding-left: 24px; }
.workflow-record .workflow-form { margin-top: 12px; }
.workflow-record > .button { margin: 4px; }
[hidden] { display: none !important; }
@media (max-width: 1000px) { .workflow-form { grid-template-columns: 1fr; } }

.workflow-view.fit-view { overflow: hidden; display: flex; flex-direction: column; min-height: 0; padding-bottom: 0; }
.workflow-view.fit-view:not(.active) { display: none; }
.workflow-view.fit-view [data-work-content] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; max-width: none; }
.workflow-split-layout { display: grid; grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: 14px; min-height: 0; flex: 1; }
.workflow-split-sidebar { display: flex; flex-direction: column; gap: 12px; overflow-y: auto; min-height: 0; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-surface); }
.workflow-split-main { display: flex; flex-direction: column; min-height: 0; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-surface); }
.workflow-card-list { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.workflow-card { padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-subtle); margin: 0; }
.workflow-card h3 { margin: 0; font-size: 14px; font-weight: 650; }
.workflow-card p { margin: 4px 0 0; color: var(--color-text-muted); font-size: 12px; }
.workflow-card .card-actions { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; }
.search-box-input { min-height: 40px; padding: 0 12px; border: 1px solid var(--color-control-border); border-radius: var(--radius-control); background: var(--color-surface); font-size: 13px; }

.workflow-view.fit-view .workflow-split-sidebar { overflow: hidden; padding: 12px; }
.workflow-view.fit-view .workflow-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 0; border: 0; box-shadow: none; }
.workflow-view.fit-view .workflow-form h2 { font-size: 18px; margin: 0 0 4px; }
.workflow-view.fit-view .workflow-form > label:has(input[type="checkbox"]) { grid-column: 1 / -1; min-height: 44px; display: flex; align-items: center; gap: 8px; font-size: 13px; }
.workflow-view.fit-view .workflow-form input[type="checkbox"] { min-height: 24px; width: 24px; }
.workflow-view.fit-view .workflow-form .field { min-width: 0; }
.workflow-view.fit-view .workflow-form .field { margin-bottom: 0; }
.workflow-view.fit-view .workflow-form .field span { font-size: 12px; }
.workflow-view.fit-view .workflow-form input, .workflow-view.fit-view .workflow-form select { width: 100%; padding-inline: 8px; }
.workflow-view.fit-view .workflow-form [role="status"]:empty { display: none; }
.workflow-view.fit-view .workflow-form .workflow-actions { flex-wrap: nowrap; }
.workflow-view.fit-view .workflow-form .workflow-actions .button { min-height: 44px; padding-inline: 12px; }
.workflow-view.fit-view .workflow-split-layout { grid-template-columns: minmax(310px, .95fr) minmax(0, 1.3fr); }
.workflow-view.fit-view .workflow-card .card-actions { gap: 6px; }
.workflow-view.fit-view .workflow-card .card-actions .button { min-height: 44px; padding: 6px 10px; }
.round-form-tabs { display: flex; gap: 8px; flex: none; }
.round-form-tabs .button { flex: 1; min-height: 44px; padding-inline: 8px; }
body.osk-bottom .workflow-view.fit-view > .page-heading,
body.osk-bottom .workflow-view.fit-view .workflow-split-main,
body.osk-bottom .workflow-view.fit-view .round-form-tabs,
body.osk-bottom .workflow-view.fit-view .workflow-form > label:has(input[type="checkbox"]) { display: none; }
body.osk-bottom .workflow-view.fit-view .workflow-split-layout { grid-template-columns: minmax(0, 1fr); }