/* Shared layout for all 55 views and dynamically rendered editors. */
#content .toolbar{align-items:flex-end;gap:12px;min-width:0}
#content .toolbar>label,#dialog .toolbar>label{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:1 1 180px;min-width:0;max-width:100%;margin:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#content .toolbar>label:has(input[type=checkbox]),#dialog .toolbar>label:has(input[type=checkbox]){flex-direction:row;align-items:center;flex:0 1 auto;min-height:42px}
#content .toolbar>label>input:not([type=checkbox]),#content .toolbar>label>select,#dialog .toolbar>label>input:not([type=checkbox]),#dialog .toolbar>label>select{width:100%;min-width:0;max-width:100%}
#content .panel>.toolbar,#content form.panel.toolbar{padding:18px}
#content .panel>h3,#content .panel>p{margin:16px 18px}
#content .toolbar>input:not([type=checkbox]),#content .toolbar>select{flex:1 1 180px;min-width:0}
#content button,#dialog button{height:auto;min-height:40px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45;flex-shrink:0}
#content td button{margin:3px 4px 3px 0}
#content td:has(button){white-space:normal;min-width:150px}
#content .actions,.statement-tools,.dialog-foot{flex-wrap:wrap;gap:10px}
.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.inline-fields>*,.metrics>*,.panel-head>*{min-width:0}
.detail-summary>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
#content p,#dialog p,#content h1,#content h2,#content h3,#dialog h3,.metric strong,.metric small,.error-text{overflow-wrap:anywhere}
.panel-head{flex-wrap:wrap}
.table-note{flex-wrap:wrap;gap:10px;overflow-wrap:anywhere}
.table-scroll th,.table-scroll td{white-space:normal;overflow-wrap:anywhere;min-width:100px;max-width:32rem}
.table-scroll td:has(input:not([type=checkbox])),.table-scroll td:has(select){min-width:160px}
#dialog .table-scroll input:not([type=checkbox]),#dialog .table-scroll select{width:100%;min-width:120px}
#content pre,#dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
#content input[type=file],#dialog input[type=file]{min-width:0;width:100%;overflow:hidden}
label,legend{line-height:1.5;white-space:normal;overflow-wrap:anywhere}
fieldset{min-inline-size:0;max-width:100%}legend{max-width:100%}
#dialog-content{min-height:0;width:100%}
#dialog .dialog-head{gap:14px;min-width:0}
#dialog .dialog-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.45}
#dialog .dialog-head button{flex:0 0 40px}
#dialog .dialog-body{scrollbar-gutter:stable;padding-top:18px;padding-bottom:24px}
#dialog .toolbar{align-items:flex-end}
#dialog .dialog-body>input:not([type=checkbox]),#dialog .dialog-body>select{width:100%}
#dialog .dialog-body table input:not([type=checkbox]){min-width:90px}
button[data-intent]{border:1px solid transparent;transition:background-color .15s,color .15s}
button[data-intent="primary"]{background:#08776c;color:#fff;border-color:#08776c}
button[data-intent="query"]{background:#eaf2ff;color:#174a91;border-color:#adc7ed}
button[data-intent="danger"]{background:#fff0f0;color:#a52530;border-color:#e8afb4}
button[data-intent="warning"]{background:#fff4dc;color:#79500b;border-color:#dec285}
button[data-intent="neutral"]{background:#fff;color:#364b56;border-color:#c6d2d8}
button[data-intent]:hover:not(:disabled){filter:brightness(.94)}
button[data-intent]:focus-visible{outline:3px solid #387ac6;outline-offset:3px}
button[data-intent]:disabled{opacity:1;background:#edf0f2;color:#829099;border-color:#dce2e5;cursor:not-allowed;filter:none}
@media(max-width:700px){
 .inline-fields{grid-template-columns:minmax(0,1fr)}
 #content .toolbar>label,#dialog .toolbar>label{flex-basis:100%}
 #content .toolbar>button,.actions>button,.statement-tools>button{flex:1 1 130px}
 #content .panel>.toolbar,#content form.panel.toolbar{padding:14px}
 #dialog .dialog-foot>button{flex:1 1 110px}
 #dialog .dialog-head,#dialog .dialog-foot{padding:14px}
 .panel-head{flex-wrap:wrap}.detail-summary>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
}