*{box-sizing:border-box}
body{margin:0;background:#f3f7ff;color:#10233e;font:14px/1.5 system-ui,sans-serif}
main{width:calc(100% - 24px);max-width:1600px;margin:12px auto 20px;min-width:0}
h1{font-size:24px;line-height:1.25;margin:0 0 4px}main>a{display:inline-block;margin:0 0 12px;color:#0641ad;font-weight:650}
.settings-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}
.settings-primary,.settings-secondary{display:flex;flex-direction:column;gap:14px;min-width:0}
#settings,main section{min-width:0;margin:0;padding:16px;background:#fff;border:1px solid #d9e3f2;border-radius:10px}
.fields,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.settings-grid{margin-top:12px}.fields>label:first-child{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:13px;min-width:0}
input,select{width:100%;min-width:0;height:42px;padding:8px 10px;border:1px solid #c8d5e8;border-radius:7px;background:#fff;color:#10233e;font:inherit}
button,.download-button,summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:9px 14px;border:0;border-radius:7px;background:#0641ad;color:#fff;font:650 13px/1.35 system-ui;text-decoration:none;cursor:pointer;text-align:center;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}.actions>*{flex:1 1 auto}
h2{font-size:17px;color:#0641ad;margin:0 0 12px}
main p{margin:10px 0 0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}main p:empty{display:none}
#settings button[type=submit],#save-remote,#connector-downloads .download-button:not(.secondary){background:#ffe100;color:#08143d}
#reset,#disconnect,.download-button.secondary{background:#edf2fa;color:#264364}
#connect,#remote-enable{background:#16834b}#remote-disable{background:#b42335}
#connector-downloads{background:#f8faff}details{margin-top:12px;scroll-margin-top:90px}summary{list-style:none}summary::-webkit-details-marker{display:none}
video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;max-height:70dvh;object-fit:contain;margin-top:12px;background:#10233e;border-radius:8px}
#remote-print>label:not(:first-of-type){margin-top:12px}#remote-print label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px;font-weight:500}
#use-remote{width:18px;height:18px;flex:0 0 18px}
#jobs,#remote-jobs,#remote-computers{min-width:0;overflow-wrap:anywhere}
input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,.download-button:focus-visible{outline:3px solid #ffe100;outline-offset:2px}
@media(min-width:1400px){.fields,.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.settings-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.fields,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#settings,main section{padding:12px}}
@media(max-width:760px){main{width:calc(100% - 16px);margin-top:10px}.settings-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.settings-primary,.settings-secondary{gap:12px}input,select{font-size:16px;height:44px}button,.download-button,summary{min-height:44px}.actions{gap:8px}h1{font-size:22px}.fields,.settings-grid{gap:10px}}
@media(max-width:360px){.fields,.settings-grid{grid-template-columns:minmax(0,1fr)}.actions>*{flex-basis:100%}}

.settings-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px}.settings-heading h1{font-size:21px;line-height:1.2;margin:0}.settings-heading a{color:#0641ad;font-size:12px;font-weight:650;line-height:1.4}.settings-heading+ .settings-workspace{margin-top:0}main{margin-top:8px}@media(max-width:760px){.settings-heading h1{font-size:19px}.settings-heading{margin-bottom:7px}main{margin-top:7px}}
