:root{font-family:Arial,Helvetica,sans-serif;color:#252b30;background:#f5f6f7;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:24px 18px}header{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border-bottom:1px solid #dce0e3;margin-bottom:20px}.brand{font-size:21px;font-weight:600}.brand small{display:inline;font-size:13px;font-weight:400;margin-left:12px;color:#697178}h2{font-size:17px;margin:0 0 18px;font-weight:600}section{background:#fff;border:1px solid #dce0e3;border-radius:6px;padding:22px;margin:14px 0}#login{max-width:420px;margin:40px auto}label{display:block;font-size:13px;font-weight:600}input,select{display:block;width:100%;font:inherit;border:1px solid #bfc7cd;border-radius:4px;padding:11px 12px;background:#fff;color:inherit;margin:7px 0 16px}input:focus,select:focus{outline:2px solid #b7d4c5;outline-offset:1px;border-color:#397053}button{background:#285e43;color:white;border:1px solid #285e43;border-radius:4px;font:inherit;font-size:14px;padding:10px 15px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:default}.secondary,#logout{background:#fff;color:#434b51;border-color:#c9cfd4}#logout{padding:7px 11px;font-size:12px}small{display:block;font-size:12px;font-weight:400;color:#697178;line-height:1.5}.examples{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 12px}.examples button{background:#f5f6f7;border-color:#e1e5e7;color:#4a555e;padding:6px 9px;font-size:12px}summary{cursor:pointer;font-size:13px}details form{margin-top:18px}.badge{font-size:12px;color:#697178;margin-bottom:14px}.item{display:block;width:100%;text-align:left;background:#fff;color:#252b30;border-color:#dce0e3;margin:8px 0;padding:12px}.item:hover{background:#f5f8f6;filter:none;border-color:#86a692}.item strong{display:block;font-size:14px;margin-bottom:5px}#summary{line-height:1.7}#confirmation{border-left:4px solid #397053}#connection{font-size:13px;color:#53735f;margin:0 0 12px}.error{background:#fff0ed;color:#9c3827;border:1px solid #edc9c1;padding:12px;border-radius:4px}.success{font-size:14px;color:#285e43;line-height:1.6}#message:empty{display:none}#results p{font-size:13px;color:#697178}button:focus-visible,summary:focus-visible{outline:2px solid #478666;outline-offset:3px}[hidden]{display:none!important}@media(max-width:500px){main{padding:16px 12px}section{padding:18px}header{align-items:center}.brand{font-size:18px}.brand small{display:block;margin:4px 0 0;font-size:12px}#login{margin:24px auto}.examples button{font-size:11px}}
.remember-note{margin-top:12px}

.action-selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px}#commandForm>button{margin-bottom:12px}@media(max-width:380px){.action-selectors{grid-template-columns:1fr;gap:0}}