/* Controles compartilhados do painel administrativo. */
.authenticated :where(input,select,textarea,button){max-width:100%}
.authenticated :where(.settings-content,.settings-section,.settings-fields,.text-editor,.text-editor-group,.text-editor-fields,.form-grid,.two-fields,.payment-config-block,.modal-card,.color-field,.logo-setting,.favicon-setting)>*{min-width:0}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) label{display:block;min-width:0;color:#58665f;font-size:11px;font-weight:700;line-height:1.4}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) label.switch{display:flex;align-items:center;gap:8px}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) label.check{display:flex;align-items:center;gap:8px}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) label.check input{flex:0 0 auto;width:auto;margin:0}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){display:block;width:100%;min-width:0;max-width:100%;margin-top:7px;border:1px solid #d8e2dd;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;line-height:1.45;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) textarea{min-height:92px;resize:vertical;overflow-wrap:anywhere;white-space:pre-wrap}
.authenticated .text-editor-fields textarea{min-height:88px;max-height:260px}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) :where(input,select,textarea):focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) :where(input,select,textarea):disabled{cursor:not-allowed;background:#f0f3f2;color:#87938e}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) input[readonly]{background:#f4f7f5;color:#69776f}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) :where(input,select,textarea):user-invalid{border-color:#d86357;box-shadow:0 0 0 3px #d8635712}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) input[type=file]{padding:8px;background:#f8faf9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) input[type=file]::file-selector-button{border:0;border-radius:7px;background:#e8f4ef;color:var(--green);padding:8px 10px;margin-right:10px;font-size:10px;font-weight:800;cursor:pointer}
.authenticated :where(.settings-fields,.text-editor-fields,.form-grid) select{appearance:auto;min-height:43px}
.authenticated .two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.authenticated .color-field{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:end;gap:10px;min-width:0}
.authenticated .color-field input[type=color]{width:58px;min-width:58px;max-width:58px;height:43px;padding:4px}
.authenticated .color-field input:not([type=color]){min-width:0}
.authenticated :where(.logo-setting,.favicon-setting) label{min-width:0;overflow:hidden}
.authenticated :where(.logo-setting,.favicon-setting) input[type=file]{width:100%}
.authenticated .info-box{max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.55}
.authenticated .info-box code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.authenticated .seo-preview{min-width:0;max-width:100%;overflow:hidden}
.authenticated .seo-preview :where(b,span,p){max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.authenticated .seo-preview b{line-height:1.3}
.authenticated .seo-preview p{white-space:normal}
.authenticated .field-guidance{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px;color:#87948e!important;font-size:9px!important;font-weight:500!important;line-height:1.4}
.authenticated .character-counter{margin-left:auto;border-radius:999px;background:#edf3f0;color:#687870;padding:3px 7px;font-variant-numeric:tabular-nums;white-space:nowrap}
.authenticated .character-counter.warning{background:#fff1d9;color:#a56d12}
.authenticated .character-counter.limit{background:#fde9e7;color:#b74f46}
.authenticated .text-editor-fields small{display:block;max-width:100%;margin-top:6px;overflow-wrap:anywhere}
.authenticated .settings-fields label>small{display:block;max-width:100%;margin-top:5px;color:var(--muted);font-weight:500;overflow-wrap:anywhere}
.authenticated .text-editor-group summary{min-width:0;gap:9px}
.authenticated .text-editor-group summary b{min-width:0;overflow-wrap:anywhere}
.authenticated .text-editor-group summary span{white-space:nowrap}
.authenticated .preview-card>div{min-width:0;flex-wrap:wrap}
.authenticated .preview-card b{min-width:0;overflow-wrap:anywhere}
.authenticated .preview-card button{margin-left:auto}
.authenticated .password-wrap{min-width:0}
.authenticated .password-wrap input{width:100%;padding-right:48px!important}
.authenticated .membership-price-grid>label{min-width:0}
.authenticated .membership-price-grid>label>div{min-width:0}
.authenticated .membership-price-grid input{min-width:0!important;width:100%!important}
.authenticated .payment-config-block{max-width:100%;overflow:hidden}
.authenticated .settings-section .panel-head>div{min-width:0}
.authenticated .settings-section .panel-head :where(h3,p){overflow-wrap:anywhere}
@media(max-width:760px){
  .authenticated .two-fields{grid-template-columns:1fr}
  .authenticated :where(.settings-fields,.text-editor-fields,.form-grid) :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){font-size:16px;min-height:46px}
  .authenticated .settings-section{min-width:0;overflow:hidden}
  .authenticated .settings-section .panel-head{display:flex;flex-wrap:wrap}
  .authenticated .settings-section .panel-head>label.switch{width:100%}
  .authenticated :where(.logo-setting,.favicon-setting){display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start}
  .authenticated .preview-card>div{display:grid;grid-template-columns:30px minmax(0,1fr)}
  .authenticated .preview-card button{grid-column:1/-1;width:100%;margin:0}
  .authenticated .field-guidance{align-items:flex-start}
}
@media(max-width:390px){
  .authenticated :where(.logo-setting,.favicon-setting){grid-template-columns:1fr}
  .authenticated .color-field{grid-template-columns:52px minmax(0,1fr)}
  .authenticated .color-field input[type=color]{width:52px;min-width:52px;max-width:52px}
}