.flow-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.flow-actions button,.flow-work button{width:auto;margin:0}.flow-work,.flow-order{padding:18px;margin:14px 0;border:1px solid #ccc;border-radius:10px;background:white}.flow-form form{padding:16px;margin:16px 0;border:1px solid #aaa;border-radius:8px}.flow-form label{display:block;margin:12px 0}.flow-photo{width:140px;height:110px;object-fit:cover;margin:8px;border-radius:6px}.flow-message{color:#a12828}.flow-work .btn{display:inline-block;width:auto}.flow-form input[type=checkbox]{width:auto}.workflow-notice{margin:12px;padding:12px;border:1px solid #bbb;border-radius:8px;background:#fff}.workflow-dialog{max-width:640px;width:calc(100% - 32px);max-height:80vh;overflow:auto;border:1px solid #aaa;border-radius:12px;padding:22px}.workflow-dialog::backdrop{background:#0006}.workflow-dialog li{margin:14px 0}@media(max-width:650px){.flow-actions button,.flow-actions a{flex:1 1 100%}.flow-order{padding:12px}.flow-photo{width:100px;height:90px}}

.flow-page button,.flow-actions button,.flow-work button,.flow-form button,.workflow-notice button,.workflow-dialog button{min-height:42px;padding:9px 14px;border:1px solid #bbb;border-radius:6px;background:#f1f1f1;font:inherit;cursor:pointer;margin:4px 4px 4px 0}.flow-page button:hover,.flow-actions button:hover,.flow-work button:hover,.flow-form button:hover{background:#ddd}.flow-page button:disabled,.flow-actions button:disabled{opacity:.5;cursor:wait}.flow-page #flow-stage{max-width:450px}.flow-page .btn{display:inline-flex;width:auto;margin:4px 8px 4px 0;text-decoration:none}.flow-page .flow-order h2{font-size:18px}.flow-page .flow-form select[multiple]{min-height:140px}
