/* Page form composition. Controls, validation, dialogs and navigation belong to
   console-base/ui/components. Load before console-ui/pages/shell refinements. */
.console-ui :where(.setting-section){scroll-margin-top:100px}
.console-ui :where(.setting-fields,.console-editor-form,.console-form-grid)>*{min-width:0}
.console-ui :where(.setting-fields) :where(.field-wide){grid-column:1/-1}
.console-ui :where(#site-templates .form-row){grid-column:1/-1}
.console-ui :where(.site-logo-field){min-width:0}
.console-ui :where(.site-logo-controls){display:flex;align-items:center;gap:12px;min-width:0}
.console-ui :where(.site-logo-controls)>input{flex:1;min-width:0}
.console-ui :where(.site-logo-controls)>button{flex-shrink:0}
.console-ui :where(#logo-preview){display:block;max-width:min(220px,100%);max-height:100px;object-fit:contain}
.console-ui :where(#logo-file-status,#settings-status,#statistics-status){overflow-wrap:anywhere}
.console-ui :where(.rewrite-actions){display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.console-ui :where(.rewrite-actions .form-hint){margin:0}
.console-ui :where(.rewrite-examples)>div{display:flex;flex-wrap:wrap;align-items:baseline}
.console-ui :where(.rewrite-examples)>div>span{min-width:65px}
.console-ui :where(.rewrite-examples code){min-width:0;overflow-wrap:anywhere}
.console-ui :where(.settings-savebar)>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.console-ui :where(.ad-materials){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.console-ui :where(.ad-materials)>div{min-width:0}
.console-ui :where(.ad-materials img){max-width:100%;height:140px;object-fit:contain}
.console-ui :where(.ad-materials input[type=file],.ad-materials select){max-width:100%}
.console-ui :where(.log-cleanup-form)>label{display:grid;gap:8px}
.console-ui :where(.generation-choice){display:flex;align-items:center;gap:10px;min-width:0}
.console-ui :where(.generation-choice)>input{flex-shrink:0}
.console-ui :where(.generation-choice code){min-width:0;white-space:normal;overflow-wrap:anywhere}
.console-ui :where(.auto-data-dialog .auto-data-switch){display:flex;align-items:center;gap:10px}
.console-ui :where(.auto-data-switch)>input{flex-shrink:0}
@media(max-width:700px){
 .console-ui :where(.site-logo-controls){flex-wrap:wrap}
 .console-ui :where(.site-logo-controls)>input{flex-basis:100%}
 .console-ui :where(.settings-savebar){align-items:stretch;flex-direction:column}
 .console-ui :where(.settings-savebar)>div{width:100%}
 .console-ui :where(.settings-savebar)>div>.btn{flex:1}
 .console-ui :where(.ad-materials){grid-template-columns:minmax(0,1fr)}
}