.metric-editor>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.metric-delete{margin-left:auto;flex:none;min-height:44px}
.metric-system-note{margin-left:auto;font-size:12px;color:var(--muted)}
.metric-tools{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.metric-tools>.help{margin-bottom:12px}
.metric-tools [hidden],.metric-editor[hidden]{display:none!important}
.instructions-copy{white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere}
.instructions-editor{min-height:320px}
.employee-instructions{margin:0 0 24px}
.employee-instructions>summary{cursor:pointer;padding:14px 0;color:var(--brand);font-weight:600;min-height:44px;font-size:16px}
@media(max-width:560px){.metric-tools .button-row{gap:8px}.metric-tools .btn{padding:8px 10px}.metric-editor>summary>.tag{white-space:normal}.metric-delete{margin-left:0}.metric-system-note{margin-left:0}}

.modal:has(#metrics-editor){display:flex;flex-direction:column;overflow:hidden}
.modal:has(#metrics-editor) .modal-heading{flex:none}
.modal:has(#metrics-editor) #modal-form{display:flex;flex-direction:column;min-height:0}
.modal:has(#metrics-editor) .modal-body{overflow:auto;min-height:0}
.modal:has(#metrics-editor) .modal-footer{flex:none;background:var(--surface);border-top:1px solid var(--line)}