/* EMRQ SQL Formatter — estilos isolados */
.formatter-main{padding-top:68px;padding-bottom:90px;position:relative;z-index:1}
.formatter-hero{max-width:760px;margin:0 auto 38px;text-align:center}
.formatter-hero h1{font:600 clamp(38px,5vw,58px)/1.1 var(--display);letter-spacing:-2.8px;margin:20px 0 14px}
.formatter-hero p{max-width:690px;margin:auto;color:#aab9cf;font-size:14px;line-height:1.8}
.formatter-panel{border:1px solid var(--line);border-radius:12px;background:#101a2b;overflow:hidden;box-shadow:0 24px 65px #0003}
.formatter-toolbar,.formatter-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.formatter-toolbar{border-bottom:1px solid var(--line)}
.formatter-toolbar-title{display:flex;align-items:center;gap:10px;font-size:13px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#65e2d0;box-shadow:0 0 10px #65e2d0}
.engine-label{font:8px var(--display);letter-spacing:1.3px;color:#7890af;border:1px solid var(--line);padding:5px 7px;border-radius:4px}
.formatter-actions{display:flex;align-items:center;gap:9px}
.tool-button,.primary-tool-button{border:1px solid #ffffff26;border-radius:5px;padding:10px 13px;background:#ffffff08;color:#dce8f8;font:600 11px var(--body);cursor:pointer;transition:.2s}
.tool-button:hover{border-color:#65e2d0;color:#65e2d0}
.tool-button:disabled{opacity:.4;cursor:not-allowed}
.primary-tool-button{background:linear-gradient(105deg,#5ddfce,#72aefa);color:#07131e;border:0;padding:11px 17px}
.primary-tool-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.primary-tool-button span{font-size:15px;margin-left:8px}
.formatter-options{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid var(--line);background:#ffffff03}
.formatter-options label{display:grid;gap:6px;color:#93a6c1;font-size:10px;font-weight:600}
.formatter-options select{min-width:125px;background:#0b1424;color:#dce8f8;border:1px solid #ffffff24;border-radius:5px;padding:8px 10px;font:11px var(--body)}
.formatter-options .check-option{display:flex;align-items:center;gap:8px;padding:9px 0}
.check-option input{accent-color:#65e2d0}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;min-height:390px}
.editor-column{min-width:0;display:flex;flex-direction:column}
.output-column{border-left:1px solid var(--line);background:#0c1524}
.editor-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);font:8px var(--display);letter-spacing:1.5px;color:#91a5c1}
.editor-heading span:last-child{font:10px var(--body);letter-spacing:0;color:#7187a6}
.editor-column textarea{width:100%;min-height:350px;flex:1;resize:vertical;border:0;outline:0;background:transparent;color:#d6e5f8;padding:18px;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.editor-column textarea::placeholder{color:#60738e}
#sql-output{color:#9de8db}
.formatter-footer{border-top:1px solid var(--line);background:#ffffff03}
.formatter-status{font-size:10px;color:#8fa4c0}
.formatter-status.error{color:#ff9c9c}
.formatter-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}
.formatter-notes article{border-top:1px solid var(--line);padding-top:17px}
.formatter-notes article>span{font:8px var(--display);letter-spacing:1.5px;color:#65e2d0}
.formatter-notes h2{font:600 16px var(--display);margin:11px 0 7px}
.formatter-notes p{font-size:11px;line-height:1.75;color:#91a3bd;margin:0}
@media(max-width:760px){.formatter-main{padding-top:45px}.formatter-toolbar,.formatter-footer{align-items:flex-start;flex-direction:column}.formatter-actions{width:100%}.formatter-actions button{flex:1}.formatter-options{gap:12px}.formatter-options label{flex:1;min-width:125px}.editor-grid{grid-template-columns:1fr}.output-column{border-left:0;border-top:1px solid var(--line)}.editor-column textarea{min-height:260px}.formatter-notes{grid-template-columns:1fr;gap:20px}.formatter-hero{text-align:left}.formatter-hero p{margin:0}.engine-label{display:none}}
