/* Two fixed frames: navigation, then operational actions and context. */
dialog .dialog-layout-head{position:sticky!important;top:0!important;z-index:100!important;flex:none!important;order:0!important;margin:0!important}
dialog .dialog-command-frame{position:sticky!important;top:var(--dialog-head-height,70px)!important;z-index:90!important;flex:none!important;order:0!important;margin:0!important;background:var(--pale,#edf2f7);border-bottom:1px solid var(--line,#bdc9d7);overflow:visible!important}
#detailDialog>.detail-actions.dialog-command-frame{position:sticky!important;top:var(--dialog-head-height,70px)!important;background:var(--pale,#edf2f7)!important}
dialog .dialog-command-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px}
dialog .dialog-command-frame>.dialog-actions{margin:0;justify-content:flex-start;flex-wrap:wrap}
dialog .dialog-command-frame>.np-context{border-top:1px solid var(--line);border-bottom:0}
#recordForm .record-footer.dialog-command-frame{padding:10px 16px;background:var(--pale);border-top:0}
#recordForm .record-footer .dialog-actions{display:flex;justify-content:flex-start;gap:8px}
#recordForm .record-footer .dialog-actions small{margin-right:auto}
#recordForm .record-footer .dialog-actions button{width:auto;min-width:100px;min-height:40px;white-space:normal}
#recordForm .record-head-actions .record-action-label{display:inline!important}
#recordForm .record-head-actions .btn{width:auto;min-width:40px;padding:7px 12px}
@media(max-width:600px){dialog .dialog-layout-head{flex-wrap:wrap!important}dialog .dialog-command-buttons{padding:8px 10px}#recordForm .record-footer .dialog-actions small{flex:1 1 100%}#recordForm .record-footer .dialog-actions button{flex:1 1 100px}}

/* Right-aligned operational actions; semantic ordering is handled by ButtonRules. */
dialog .dialog-command-buttons,dialog .dialog-command-frame .dialog-actions,
#recordForm .record-footer .dialog-actions{justify-content:flex-end!important}
#detailDialog>.detail-actions.dialog-command-frame,
#detailDialog.asset-workspace>.detail-actions.dialog-command-frame{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important}
#detailDialog.asset-workspace>.detail-actions.dialog-command-frame>.aw-status{display:contents!important}
#detailDialog.asset-workspace>.detail-actions.dialog-command-frame>.aw-status>.aw-state{order:-10;flex:none}
#detailDialog.asset-workspace>.detail-actions.dialog-command-frame>.aw-status>span{order:-9;flex:1 1 220px;margin-right:auto}
#detailDialog.asset-workspace>.detail-actions.dialog-command-frame>#assetQuickActions{flex:0 1 auto;justify-content:flex-end}
#detailDialog:not(.asset-workspace) #assetQuickEdit{display:none!important}
dialog .dialog-command-frame .dialog-actions>small{margin-right:auto}
@media(max-width:600px){#recordForm .record-footer .dialog-actions button{flex:0 1 auto}#detailDialog.asset-workspace>.detail-actions.dialog-command-frame>#assetQuickActions .btn{flex:0 1 auto}}

/* Help uses one shared header: keep its close control beside every topic title. */
#contextHelpDialog .context-help-head{flex-wrap:nowrap!important;align-items:flex-start;gap:12px}
#contextHelpDialog .context-help-head>div{flex:1 1 auto;min-width:0}
#contextHelpDialog .context-help-head h2{overflow-wrap:anywhere}
#contextHelpDialog .context-help-close{flex:0 0 auto;white-space:nowrap;min-height:40px}
#contextHelpDialog .context-help-close:hover{background:rgba(255,255,255,.25)!important}
#contextHelpDialog .context-help-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Common order, left to right: other navigation, Back, Help, Close. */
dialog .ui-dialog-head{display:flex;align-items:center;gap:12px}
dialog .ui-head-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto!important;flex:0 0 auto}
dialog .ui-head-actions>[data-ui-role=help]{order:20!important}
dialog .ui-head-actions>[data-ui-role=close]{order:30!important}
.ui-symbol-button{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;flex:0 0 44px!important;line-height:1!important}
.ui-symbol-button>span{font-size:25px;font-weight:500;line-height:1}
.ui-symbol-button[data-ui-role=help]>span{font-size:20px}
.ui-action-bar{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end!important}
.ui-action-bar>.ui-action-sensitive{order:0!important;margin-right:18px!important}
.ui-action-bar>.ui-action-secondary{order:10!important}
.ui-action-bar>.ui-action-close{order:15!important}
.ui-action-bar>.ui-action-cancel{order:20!important}
.ui-action-bar>.ui-action-primary{order:1000!important}
@media(max-width:600px){dialog .ui-dialog-head{flex-wrap:wrap}.ui-head-actions{margin-left:auto!important}.ui-action-bar{gap:8px}.ui-action-bar>.ui-action-sensitive{margin-right:12px!important}}

.ui-action-bar>.ui-action-sensitive:not(.danger){color:var(--danger,#b42318);background:var(--surface,#fff);border-color:var(--danger,#b42318)}
.ui-symbol-button[hidden]{display:none!important}
/* These duplicate footer controls call the same close action as the header. */
#aboutDismiss,#projectManagerDone,.ink-footer>.ink-done{display:none!important}

/* Help is available once, in the application header. Prevent duplicate flashes. */
button[data-context-help]:not(#appHelpButton),button.context-help-button:not(#appHelpButton),button[data-ui-role="help"]:not(#appHelpButton){display:none!important}