/* Neutral surface; category colour only on the navigation accent. No global rules. */
.haru-workflow-nav,.haru-workflow-subnav { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.haru-workflow-nav a,.haru-workflow-subnav a { display:inline-flex; align-items:center; min-height:44px; padding:9px 14px; border:1px solid #d6d6d6; border-radius:8px; background:#fff; color:#404040; text-decoration:none; font-size:15px; line-height:1.4; box-sizing:border-box; }
.haru-workflow-nav a { --hw-color:#52622d; border-top:3px solid var(--hw-color); }
.haru-workflow-nav [data-work="products"] { --hw-color:#5b36a8; }
.haru-workflow-nav [data-work="inbound"] { --hw-color:#80531d; }
.haru-workflow-nav [data-work="orders"] { --hw-color:#285e70; }
.haru-workflow-nav [data-work="returns"] { --hw-color:#8c4256; }
.haru-workbench .haru-workflow-nav a[aria-current="page"],.haru-workflow-nav a[aria-current="page"] { color:#262626; background:#eee; border-color:var(--hw-color); font-weight:700; }
.haru-workflow-subnav a[aria-current="location"] { color:#262626; background:#eee; font-weight:700; }
.haru-workflow-nav a:focus-visible,.haru-workflow-subnav a:focus-visible { outline:3px solid #174ea6; outline-offset:2px; }
.haru-workflow-note { font-size:14px; line-height:1.6; color:#505050; padding:12px; background:#f7f7f7; border-left:3px solid #777; overflow-wrap:anywhere; }
.haru-workflow-surface > .panel { min-width:0; background:#fafafa; border:1px solid #d6d6d6; border-radius:12px; }
.haru-workflow-surface > [data-haru-workflow] { grid-column:1 / -1; min-width:0; }
.haru-workflow-surface .harunaru-tab-strip { display:flex; flex-wrap:wrap; gap:8px; }
.haru-workflow-surface [data-haruinv-tab] { min-height:44px; }
.haru-workflow-surface .haru-sync-tools { border:1px solid #d6d6d6; border-radius:8px; padding:12px; margin:16px 0; background:#fff; }
.haru-workflow-surface .haru-sync-tools > summary { min-height:44px; cursor:pointer; font-weight:600; }
.haru-workflow-surface [hidden] { display:none !important; }
@media(max-width:620px) { .haru-workflow-nav a,.haru-workflow-subnav a { flex:1 1 100px; justify-content:center; } }
.haru-product-workspace { min-width:0; background:#fafafa; border:1px solid #d6d6d6; border-top:3px solid #5b36a8; border-radius:12px; }
.haru-product-workspace[hidden] { display:none !important; }
.haru-product-workspace [hidden] { display:none !important; }
.haru-product-workspace p { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.haru-product-workspace details { border:1px solid #d6d6d6; border-radius:8px; padding:12px; margin:12px 0; background:#fff; }
.haru-product-workspace summary,.haru-product-workspace button,.haru-product-workspace input:not([type=checkbox]),.haru-product-workspace select { min-height:44px; }
.haru-product-workspace summary { cursor:pointer; font-weight:600; }
.haru-product-workspace #harunaruProductForm,.haru-product-workspace .haru-product-edit-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
.haru-product-workspace .haru-editor-table { width:100%; min-width:0; table-layout:fixed; }
.haru-product-workspace .haru-editor-table td { padding:0; background:transparent; }
.haru-product-workspace input,.haru-product-workspace select,.haru-product-workspace fieldset { min-width:0; max-width:100%; box-sizing:border-box; }
.haru-product-workspace label > span { font-size:14px; }
.haru-product-workspace [role=alert] { color:#8b2525; background:#fff1f0; padding:12px; border-left:3px solid #8b2525; }
.haru-product-workspace #haruProductCreate,.haru-product-workspace #haruProductMaster { scroll-margin-top:160px; }
/* Task forms: presentation only. Existing field IDs, events and permissions stay intact. */
#haruInventory .haru-task { --ht-accent:#80531d; min-width:0; }
#haruInventory .haru-task-outbound { --ht-accent:#285e70; }
#haruInventory .haru-task-return { --ht-accent:#8c4256; }
#haruInventory .haru-task-intro { padding:12px 0; }
#haruInventory .haru-task h3 { font-size:21px; line-height:1.4; overflow-wrap:anywhere; }
#haruInventory .haru-task p { font-size:14px !important; line-height:1.6; overflow-wrap:anywhere; }
#haruInventory .haru-task-choice { margin:12px 0; border:1px solid #d6d6d6; border-top:3px solid var(--ht-accent); border-radius:10px; background:#fff; padding:12px; min-width:0; }
#haruInventory .haru-task-choice > summary { min-height:44px; cursor:pointer; font-size:16px; font-weight:700; line-height:1.5; padding:8px 0; }
#haruInventory .haru-task .haru-io-grid { display:block; min-width:0; }
#haruInventory .haru-task .haru-io-card { min-width:0; background:#fff; border:1px solid #d6d6d6; border-top:3px solid var(--ht-accent); border-radius:10px; padding:16px; }
#haruInventory .haru-task-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; min-width:0; margin:20px 0; padding:16px; border:1px solid #d6d6d6; border-radius:8px; }
#haruInventory .haru-task-fields legend { font-size:16px; font-weight:700; padding:0 6px; color:#303030; }
#haruInventory .haru-task-fields label { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:14px; }
#haruInventory .haru-task-help,#haruInventory .haru-task-fields .haru-fefo-preview { grid-column:1 / -1; min-width:0; }
#haruInventory .haru-task input:not([type=checkbox]),#haruInventory .haru-task select,#haruInventory .haru-task button { min-height:44px; max-width:100%; box-sizing:border-box; }
#haruInventory .haru-task input,#haruInventory .haru-task select { min-width:0; width:100%; }
#haruInventory .haru-task .haru-bc-row { display:flex; gap:8px; min-width:0; }
#haruInventory .haru-task .haru-cam-btn { flex:0 0 44px; }
#haruInventory .haru-task-effect { background:#f6f6f6; padding:12px; border-left:3px solid var(--ht-accent); color:#404040; }
#haruInventory .haru-task-steps { display:flex; flex-wrap:wrap; gap:12px 32px; padding:12px 12px 12px 32px; font-size:14px; }
#haruInventory .haru-task .haru-action-bar { display:flex; flex-wrap:wrap; gap:12px; padding-top:12px; }
#haruInventory .haru-task .hip-list { overflow-x:auto; }
#haruInventory .hip-quantity-breakdown { display:flex; flex-direction:column; gap:4px; min-width:0; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#haruInventory .haru-task-result { grid-column:1/-1; padding:12px; border:1px solid #777; border-left-width:4px; border-radius:6px; background:#fff; color:#292929; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#haruInventory .haru-task-result[hidden] { display:none; }
#haruInventory .haru-task-result[data-kind="success"] { border-left-color:#30704c; }
#haruInventory .haru-task-result[data-kind="warning"] { border-left-color:#956215; }
#haruInventory .haru-task-result[data-kind="error"] { border-left-color:#a33131; }
@media(max-width:620px) {
  #haruInventory .haru-task-choice,#haruInventory .haru-task .haru-io-card,#haruInventory .haru-task-fields { padding:10px; }
  #haruInventory .haru-task .haru-action-bar > button { flex:1 1 140px; }
}