input{width:100%;padding:12px;border:1px solid #acb6ae;border-radius:4px;font:inherit;background:white}input[type=checkbox]{width:auto}button{cursor:pointer;padding:10px;border-radius:4px;border:1px solid #acb6ae}label:has(input[type=checkbox]){display:block}header{flex-wrap:wrap;gap:15px}input:focus-visible{outline:3px solid #ab6900;outline-offset:3px}
.hosting-path,code{overflow-wrap:anywhere}
select{width:100%;min-width:0;max-width:100%;padding:12px;font:inherit;border:1px solid #acb6ae;border-radius:4px}form>label{min-width:0}

/* Painel: campos com largura legível e grupos em linhas próprias. */
main{min-width:0}
main h1{font:700 clamp(28px,4vw,40px)/1.2 Arial,sans-serif;margin:24px 0}
main h2{font:600 clamp(22px,3vw,28px)/1.3 Arial,sans-serif;margin:32px 0 20px}
main form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:20px;padding:24px;background:#fff;border:1px solid #dce3d9}
main form>label{display:grid;align-content:start;gap:8px;min-width:0;font-size:14px;line-height:1.5}
main form input:not([type=checkbox]):not([type=radio]),main form select,main form textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #acb6ae;border-radius:6px;font:inherit;background:#fff}
main form textarea{min-height:100px;resize:vertical}
main form>fieldset,main form>button,main form>p,main form>h3{grid-column:1/-1;min-width:0}
main form>fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;padding:18px;border:1px solid #dce3d9;border-radius:8px}
main form legend{padding:0 8px;font-size:15px;font-weight:600}
main form label.check,main form fieldset label{display:flex;align-items:flex-start;gap:8px;min-width:0;font-size:14px;line-height:1.5}
main form input[type=checkbox],main form input[type=radio]{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;padding:0}
main form>button{justify-self:start;max-width:100%;padding:12px 20px;background:var(--primary-color);color:#fff;border:0;font:600 14px/1.5 Arial,sans-serif;white-space:normal}
@media(max-width:600px){main form{padding:16px;gap:16px}main form>button{justify-self:stretch;width:100%}}
