/* Sweet-style local modal — no inline styles or remote scripts, CSP style-src 'self'. */
.sweet-shade{position:fixed;inset:0;z-index:9000;background:rgba(8,22,43,.64);display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(4px)}
.sweet-shade[hidden]{display:none}
.sweet-modal{width:min(530px,96vw);max-height:min(87vh,850px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 20px 80px rgba(8,22,43,.28);padding:28px;animation:sweet-in .17s ease-out}
.sweet-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sweet-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e4f0ff;color:#2372db;font-size:22px;font-weight:bold}
.sweet-modal h2{margin:0;font-size:20px;color:#13263f}.sweet-desc{font-size:14px;line-height:1.65;white-space:pre-line;color:#52647d;margin:12px 0 18px}
.sweet-fields{display:grid;gap:12px}.sweet-fields label{font-weight:650;font-size:14px;color:#203a59;display:grid;gap:6px}.sweet-fields input,.sweet-fields select,.sweet-fields textarea{border:1px solid #d4dfeb;padding:10px;border-radius:8px;background:#fff;color:#162b46;width:100%}
.sweet-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.sweet-actions .sweet-cancel{background:#eef2f7;color:#4c5f79}.sweet-actions .sweet-ok{background:#327ef7;border-color:#327ef7;color:#fff}.sweet-actions .sweet-ok.danger{background:#cb4054;border-color:#cb4054}
.sweet-progress{height:18px;width:100%;accent-color:#167fce}.sweet-progress-label{display:flex;justify-content:space-between;color:#5b6980;font-size:14px;margin:7px 0 10px}.sweet-log{background:#f4f7fb;border:1px solid #e4ebf4;border-radius:9px;min-height:84px;max-height:160px;overflow:auto;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;white-space:pre-line;color:#33465b}.sweet-error{color:#bb3141;white-space:pre-line;font-size:14px;margin-top:8px}.sweet-muted{color:#62758e;font-size:13px}.sweet-note{background:#fff7e9;padding:12px;border-radius:8px;color:#83530b;font-size:14px}
@keyframes sweet-in{from{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}

/* V7.3.5: Node Servers operation forms — responsive paged layout, no modal scroll.
   Other Sweet modals and the VPS CONTROL theme retain their original styles. */
.sweet-shade:has(.sweet-wizard-modal){padding:clamp(5px,1.5vh,14px);overflow:hidden}
.sweet-modal.sweet-wizard-modal{box-sizing:border-box;width:min(780px,calc(100vw - 24px));max-width:none;
 max-height:calc(100dvh - 12px);overflow:hidden!important;display:flex;flex-direction:column;
 padding:clamp(12px,2.3vh,24px);gap:clamp(6px,1.1vh,11px);min-width:0;}
.sweet-wizard-modal .sweet-head{flex:none;margin:0;gap:10px}
.sweet-wizard-modal .sweet-symbol{flex:none;width:36px;height:36px;font-size:20px}
.sweet-wizard-modal h2{font-size:clamp(17px,2.4vw,22px);line-height:1.25}
.sweet-wizard-modal .sweet-desc{flex:none;margin:0;font-size:clamp(12px,1.7vw,14px);line-height:1.45}
.sweet-wizard-meter{flex:none;display:flex;align-items:center;gap:12px;margin-top:2px}
.sweet-wizard-counter{color:#536a85;font-size:12px;font-weight:750;white-space:nowrap}
.sweet-wizard-track{height:5px;border-radius:10px;background:#e8f0fa;flex:1;overflow:hidden}
.sweet-wizard-fill{display:block;height:100%;background:#347cf6;border-radius:10px;transition:width .16s ease}
.sweet-wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,13px) 14px;min-width:0;flex:none}
.sweet-wizard-fields label{min-width:0;gap:5px;font-size:clamp(12px,1.65vw,14px);line-height:1.3;overflow-wrap:anywhere}
.sweet-wizard-fields label[hidden],.sweet-wizard-actions button[hidden]{display:none!important}
.sweet-wizard-fields label:has(textarea),.sweet-wizard-fields label:only-child{grid-column:1 / -1}
.sweet-wizard-fields input,.sweet-wizard-fields select,.sweet-wizard-fields textarea{box-sizing:border-box;min-width:0;
 min-height:38px;padding:7px 10px;font-size:14px}
.sweet-wizard-fields textarea{height:72px;min-height:60px;max-height:92px;resize:none}
.sweet-wizard-modal .sweet-error{margin:0;flex:none}
.sweet-wizard-modal .sweet-error:empty{display:none}
.sweet-wizard-modal .sweet-actions{margin:4px 0 0;flex:none;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sweet-wizard-modal .sweet-actions button{padding:9px 13px;min-height:39px;font-size:13px}
.sweet-wizard-modal .sweet-actions button:first-child{margin-right:auto}
@media(max-width:719px){
 .sweet-wizard-fields{grid-template-columns:minmax(0,1fr)}
 .sweet-wizard-modal .sweet-desc{font-size:12px}
 .sweet-wizard-modal .sweet-actions button{padding:8px 10px;font-size:12px}
}
@media(max-height:580px){
 .sweet-modal.sweet-wizard-modal{padding:8px 12px;gap:5px}
 .sweet-wizard-modal .sweet-symbol{width:30px;height:30px}
 .sweet-wizard-modal h2{font-size:16px}
 .sweet-wizard-modal .sweet-desc{font-size:12px;line-height:1.3}
 .sweet-wizard-fields{gap:7px 10px}
 .sweet-wizard-fields label{font-size:12px;gap:3px}
 .sweet-wizard-fields input,.sweet-wizard-fields select{min-height:35px;padding:5px 8px}
 .sweet-wizard-modal .sweet-actions{margin:2px 0 0}
 .sweet-wizard-modal .sweet-actions button{min-height:34px;padding:6px 9px}
}
