.flow-workspace-header{position:relative;z-index:6;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;margin:0 0 16px;border:1px solid #b9d7df;border-radius:16px;background:linear-gradient(110deg,#f0fbfc,#edf3ff);color:#103f52}.flow-workspace-header [data-pane-history]{margin:0!important;flex-wrap:wrap!important;gap:7px!important}.flow-workspace-header button,.flow-back{min-height:42px;max-width:100%;padding:9px 13px;border:1px solid #8bb8c6;border-radius:10px;background:#fff;color:#124958;font-weight:700;white-space:normal}.flow-workspace-title{flex:1;min-width:140px;display:grid;gap:4px}.flow-workspace-title small{font:600 10px/1.4 system-ui;letter-spacing:.08em;color:#477181}.flow-workspace-title strong{font-size:17px;overflow-wrap:anywhere}.flow-workspace-header .workspace-tools{margin:0;min-width:180px;max-width:100%;background:#fff}.flow-workspace-header .workspace-tools[open]{flex-basis:100%;width:100%}.flow-workspace-header .workspace-tools-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));max-height:380px;overflow:auto}.flow-tool-search{display:grid;gap:6px;padding:0 14px 12px;font:600 12px system-ui;color:#1b5264}.flow-tool-search input{min-height:42px;border:1px solid #94bdca;border-radius:10px;background:#fff;color:#133d4e;padding:10px}.workspace-tools-body [hidden]{display:none!important}.flow-row-actions,.reg-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.flow-row-actions button,.reg-actions button{min-height:40px;padding:8px 11px;border:1px solid #a6c7d1;border-radius:9px;background:#f2fafc;color:#15485c;font-weight:650}.flow-row-actions .danger,.reg-actions .danger,.flow-management .danger{background:#fff1f0;color:#a3292b;border-color:#e7a3a4}.flow-inline-approval{padding:18px;border:2px solid #88bfc9;border-radius:14px;background:linear-gradient(130deg,#f3fcfc,#f3f5ff);margin:14px 0;scroll-margin-top:20px}.flow-inline-approval>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.flow-inline-approval>header h3{margin:0}.flow-inline-approval [role=status]{color:#8a2428;white-space:pre-wrap}.flow-inline-approval iframe{width:100%;height:55vh;border:1px solid #9ebdc9;border-radius:10px;background:#fff}.flow-inline-approval form{display:grid;gap:10px}.flow-inline-approval textarea{min-height:90px;width:100%;box-sizing:border-box}.flow-inline-approval label{display:grid;gap:6px}.flow-inline-approval label:has(input[type=checkbox]){display:flex;align-items:center}.flow-warning{padding:12px;border:1px solid #e6c876;background:#fff6db;border-radius:10px;color:#5d4b19}.flow-management form{display:grid;gap:14px}.flow-management label{display:grid;gap:7px}.flow-management :is(input,select,textarea){width:100%;box-sizing:border-box;min-height:44px}.flow-management textarea{min-height:90px}#content :is(.page-head,.reg-head){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#content :is(.parent-tabs,.module-tabs,.tw-tabs){display:flex;flex-wrap:wrap;gap:8px;max-width:100%;height:auto}#content :is(.parent-tabs,.module-tabs,.tw-tabs)>button{min-height:42px;white-space:normal;line-height:1.4;border:1px solid #86b7c6;border-radius:10px;padding:10px 13px;color:#124858;background:#edf8fb}#content :is(.parent-tabs,.module-tabs,.tw-tabs)>button.active{background:#087481;color:#fff}dialog .flow-back{flex-shrink:0;position:relative;z-index:15;margin:4px}dialog.reg-dialog form>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:48px}.reg-detail-card button{margin-top:8px;white-space:normal;min-height:40px}.flow-inline-approval .hr22-fields{margin:10px 0}.flow-inline-approval button:focus-visible,.flow-workspace-header button:focus-visible{outline:3px solid #e5ab32;outline-offset:2px}@media(max-width:650px){.flow-workspace-header{padding:10px;gap:9px}.flow-workspace-title{order:0;min-width:100px}.flow-workspace-header [data-pane-history]{order:1;width:100%}.flow-workspace-header .workspace-tools{order:2;width:100%}.flow-workspace-header .workspace-tools-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh}.flow-workspace-header .workspace-tools-body button{font-size:12px!important;min-height:46px}.flow-row-actions button,.reg-actions button{min-height:44px;flex:1 1 110px}.flow-inline-approval{padding:12px}.flow-inline-approval .hr22-fields{grid-template-columns:1fr}.flow-inline-approval .hr22-actions button{min-height:44px;flex:1 1 130px}dialog .flow-back{min-height:42px;font-size:13px}.reg-dialog{width:calc(100vw - 18px)!important;max-height:94dvh!important}.reg-detail-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px}.reg-detail-card>div{min-width:0;overflow-wrap:anywhere}}
/* Approval actions remain readable and reachable on every screen size. */
.flow-inline-approval .hr22-actions button{min-height:46px;padding:11px 16px;border:1px solid #83aebd;border-radius:10px;background:#fff;color:#124858;font-weight:650;white-space:normal;cursor:pointer}
.flow-inline-approval .hr22-actions button.primary{background:#087989;color:#fff;border-color:#087989}
.flow-inline-approval .hr22-actions button.danger{background:#fff0ee;color:#9b2525}
.flow-inline-approval .hr22-actions button:disabled{opacity:.5;cursor:not-allowed}
.flow-inline-approval label.flow-review-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #a8c8d0;border-radius:10px;background:white;line-height:1.5}
.flow-inline-approval label.flow-review-check input[type=checkbox]{width:22px!important;height:22px!important;min-width:22px;flex:0 0 22px;margin:0;accent-color:#087989}
.flow-inline-approval [data-action-error]{padding:12px;background:#fff0ed;border:1px solid #d79a91;border-radius:10px;color:#8c2323}
.flow-inline-approval [data-task-actions]{min-width:0}