:root{--rfx-ink:#0c2434;--rfx-navy:#061624;--rfx-teal:#0e4f5c;--rfx-muted:#526a77;--rfx-line:#d4e0e5;--rfx-paper:#f5f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--rfx-ink);background:var(--rfx-paper);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(87,220,247,.06),transparent 35%),var(--rfx-paper);font-family:inherit;color:var(--rfx-ink);line-height:1.55}a{color:var(--rfx-teal)}.rfx-nav{background:#fff;border-bottom:1px solid var(--rfx-line);padding:0 24px;color:var(--rfx-ink);display:block}.rfx-nav-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.rfx-wordmark{font-size:25px;font-weight:800;letter-spacing:-1.5px;text-decoration:none!important;white-space:nowrap;color:#102331}.rfx-wordmark strong{color:#167b82}.rfx-nav nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.rfx-nav nav a{font-size:14px;font-weight:650;text-decoration:none;color:#243c4b}.rfx-nav nav a[aria-current=page]{color:#126674}.rfx-nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.rfx-nav #lock{margin:0}.rfx-nav .rfx-nav-label{font-size:13px;padding:5px 10px;border-left:1px solid var(--rfx-line);margin-right:auto;color:var(--rfx-muted)}main{width:min(1180px,calc(100% - 48px));max-width:1180px;margin:auto;padding:0 0 40px}.rfx-intro{background:linear-gradient(120deg,#061624,#103441);color:white;border:0;border-radius:22px;padding:38px 42px;margin:28px 0 24px;position:relative;overflow:hidden}.rfx-intro:after{content:'';position:absolute;width:300px;height:300px;right:-70px;top:-170px;background:radial-gradient(circle,rgba(87,220,247,.15),transparent 70%);pointer-events:none}.rfx-eyebrow{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#9cdeea;margin-bottom:14px}.rfx-intro h1{font-size:clamp(32px,4vw,48px);font-weight:750;letter-spacing:-.04em;line-height:1.1;margin:0 0 16px;flex:none;color:white}.rfx-intro h1 em{font-style:normal;color:#b6dbe9}.rfx-intro p{color:#cfdee6;font-size:16px;max-width:680px;margin:0;line-height:1.65}.rfx-help section:not(.rfx-intro),.rfx-manage main>section:not(.rfx-intro){background:#fff;border:1px solid var(--rfx-line);border-radius:16px;padding:24px 28px;margin-bottom:20px;box-shadow:0 6px 22px rgba(9,32,45,.025)}h2{font-size:23px;font-weight:750;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}h3{letter-spacing:-.02em}p{margin:0 0 14px}p:last-child{margin-bottom:0}.rfx-help .rfx-guide{background:#eaf3f5!important;border:0!important;color:#254451}.rfx-guide p{max-width:920px}.rfx-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 18px}.rfx-platform{display:flex;align-items:center;gap:16px;position:relative;background:#fff;border:1px solid #cadbe2;border-radius:14px;padding:24px;text-decoration:none;color:var(--rfx-ink);transition:border-color .15s,transform .15s,box-shadow .15s}.rfx-platform:hover{border-color:#0e6473;transform:translateY(-2px);box-shadow:0 8px 22px rgba(6,45,57,.08)}.rfx-platform svg{width:34px;height:34px;flex:none;color:#125868}.rfx-platform strong{display:block;font-size:20px;font-weight:750}.rfx-platform small{display:block;color:var(--rfx-muted);font-size:13px;margin-top:3px}.rfx-platform .rfx-arrow{margin-left:auto;font-size:22px;color:#0e4f5c}.rfx-footnote{font-size:14px;color:var(--rfx-muted);max-width:870px}.rfx-footer{border-top:1px solid var(--rfx-line);padding:22px 24px;color:var(--rfx-muted);font-size:13px}.rfx-footer>div{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.rfx-footer a{text-decoration:none}.rfx-help details summary,.rfx-manage details summary{font-weight:650;cursor:pointer;line-height:1.5}.rfx-help details[open] summary{margin-bottom:22px}.rfx-help #hulpformulier{max-width:760px}.rfx-help #hulpformulier h2{font-size:27px!important;line-height:1.2!important;margin:10px 0 24px!important}.rfx-help .eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:#13636d}.rfx-help .hp-field{position:absolute;left:-10000px}.rfx-help label,.rfx-manage label{font-size:14px;font-weight:600;color:#203d4d;display:block;margin:12px 0}.rfx-help input,.rfx-help select,.rfx-help textarea,.rfx-manage input,.rfx-manage select,.rfx-manage textarea{font:inherit;font-size:15px;color:#0c2434;width:100%;border:1px solid #b7cbd4;background:#fff;border-radius:8px;padding:11px 12px;margin-top:6px;min-height:44px}.rfx-help textarea{min-height:140px;resize:vertical}.rfx-help fieldset{border:1px solid var(--rfx-line);border-radius:10px;margin:20px 0;padding:18px}.rfx-help button,.rfx-manage button,.rfx-manage .actions a{font:inherit;font-weight:650;font-size:14px;line-height:1.3;min-height:42px;border-radius:8px;padding:11px 16px;border:1px solid var(--rfx-teal);background:var(--rfx-teal);color:#fff;text-decoration:none;cursor:pointer;box-shadow:none;opacity:1}.rfx-help button:hover,.rfx-manage button:hover,.rfx-manage .actions a:hover{background:#083742;color:#fff}.rfx-manage button:disabled{cursor:default;background:#e0e7eb;color:#5a6b74;border-color:#c5d2da;opacity:1}.rfx-help a:focus-visible,.rfx-help button:focus-visible,.rfx-manage a:focus-visible,.rfx-manage button:focus-visible,.rfx-help input:focus,.rfx-help select:focus,.rfx-manage input:focus,.rfx-manage select:focus{outline:3px solid #ae6200;outline-offset:3px}.rfx-manage #login{max-width:720px;margin:0 auto 24px}.rfx-manage #account-login{max-width:520px}.rfx-manage details{background:#f3f7f8;border:1px solid #d8e4e8;padding:13px 16px;border-radius:10px;margin:16px 0}.rfx-manage #status{font-size:14px;color:var(--rfx-muted);margin:0 auto 18px;max-width:720px}.rfx-manage .device{border:1px solid #d2e0e6;border-radius:14px;padding:20px;background:white;box-shadow:0 4px 14px rgba(8,32,45,.025)}.rfx-manage .device h3{font-size:20px;margin-bottom:8px}.rfx-manage .device .telemetry{background:#f1f6f7;border-color:#dce7eb}.rfx-manage .summary{background:#eaf3f5;border:1px solid #cbdfe5;padding:14px 16px;border-radius:10px}.rfx-manage .filters label{min-width:160px}.rfx-manage dialog{border:1px solid #c8dbe3;border-radius:18px;box-shadow:0 25px 90px #06162445;color:#0c2434;padding:28px;background:white;max-width:calc(100vw - 28px)}.rfx-manage dialog::backdrop{background:#061624a6}.rfx-manage dialog h2{font-size:25px}.rfx-manage .check{font-weight:400}.rfx-manage .check input{width:18px;min-height:18px;margin:0}.rfx-manage .muted,.rfx-manage #updated{color:var(--rfx-muted)}.rfx-manage .actions{gap:9px}.rfx-help [hidden],.rfx-manage [hidden]{display:none!important}
@media(min-width:900px){.rfx-help .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rfx-manage #devices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rfx-nav{padding:0 18px}.rfx-nav-inner{min-height:68px;gap:12px;flex-wrap:wrap;padding:14px 0}.rfx-nav nav{gap:16px}.rfx-nav nav a{font-size:13px}.rfx-nav-label{display:none}.rfx-nav nav .rfx-nav-secondary{display:none}main{width:calc(100% - 28px)}.rfx-intro{padding:28px 24px;margin-top:18px;border-radius:16px}.rfx-intro h1{font-size:34px}.rfx-intro p{font-size:15px}.rfx-help section:not(.rfx-intro),.rfx-manage main>section:not(.rfx-intro){padding:22px 20px}.rfx-platforms{grid-template-columns:1fr;gap:10px}.rfx-platform{padding:18px}.rfx-platform strong{font-size:18px}.rfx-manage .toolbar{flex-wrap:wrap}.rfx-manage .toolbar label{min-width:190px}.rfx-manage .filters label{min-width:calc(50% - 12px)}.rfx-manage dialog{padding:20px}.rfx-footer{padding:20px}}
@media(prefers-reduced-motion:reduce){.rfx-platform{transition:none}.rfx-platform:hover{transform:none}}

.rfx-manage:has(#inventory:not([hidden])) .rfx-intro{padding:24px 30px}.rfx-manage:has(#inventory:not([hidden])) .rfx-intro h1{font-size:32px}.rfx-manage:has(#inventory:not([hidden])) .rfx-intro p{display:none}

/* Quiet RemoteFix page background; align with the main website. */
body.rfx-help,body.rfx-manage{background:#f5f7f7}
.rfx-help .rfx-intro,.rfx-manage .rfx-intro{background:#0b202c}
.rfx-help .rfx-intro:after,.rfx-manage .rfx-intro:after{display:none}
.rfx-help section:not(.rfx-intro),.rfx-manage main>section:not(.rfx-intro){box-shadow:none}
/* Invitation pages share the same RemoteFix shell as help and management. */
body.rfx-invite{background:#f5f7f7}
.rfx-invite .rfx-intro{background:#0b202c;padding:28px 34px}
.rfx-invite .rfx-intro:after{display:none}
.rfx-invite .rfx-intro h1{font-size:clamp(27px,3.5vw,38px);margin:0;line-height:1.2}
.rfx-invite-content{background:#fff;border:1px solid #d4e0e5;border-radius:16px;padding:28px 32px;margin-bottom:26px;overflow-wrap:anywhere}
.rfx-invite-content section{border:1px solid #d4e0e5;background:#f3f7f8;border-radius:12px;padding:22px;margin:24px 0}
.rfx-invite-content h2{font-size:23px;margin:0 0 14px;line-height:1.3}
.rfx-invite-content p,.rfx-invite-content li{line-height:1.65}
.rfx-invite-content li{margin:8px 0}.rfx-invite-content ol,.rfx-invite-content ul{padding-left:24px}
.rfx-invite-content a.button,.rfx-invite-content>a,.rfx-invite-content button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px!important;margin:8px 8px 8px 0;border:1px solid #0e4f5c!important;border-radius:8px!important;background:#0e4f5c!important;color:#fff!important;font:inherit!important;font-size:15px!important;font-weight:650!important;text-decoration:none;cursor:pointer;line-height:1.4}
.rfx-invite-content a.button:hover,.rfx-invite-content>a:hover,.rfx-invite-content button:hover{background:#083742!important}
.rfx-invite-content a:focus-visible,.rfx-invite-content button:focus-visible,.rfx-invite-content input:focus,.rfx-invite-content textarea:focus{outline:3px solid #ae6200;outline-offset:3px}
.rfx-invite-content code{font-size:.9em;background:#edf3f5;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere;word-break:break-word}
.rfx-invite-content textarea,.rfx-invite-content input{box-sizing:border-box;max-width:100%!important;width:100%!important;font:14px ui-monospace,Consolas,monospace;padding:12px;border:1px solid #b7cbd4;border-radius:8px;background:#fff;color:#0c2434}
.rfx-invite-content textarea{min-height:120px;resize:vertical}
.rfx-invite-content img{max-width:100%;height:auto}
.rfx-invite-content summary{font-weight:650;cursor:pointer}.rfx-invite-content details[open] summary{margin-bottom:14px}
.rfx-invite-content a:not(.button){text-underline-offset:3px}
@media(max-width:700px){.rfx-invite .rfx-intro{padding:24px}.rfx-invite-content{padding:22px 20px}.rfx-invite-content section{padding:18px}.rfx-invite-content a.button,.rfx-invite-content>a{display:flex;width:100%;margin:10px 0}.rfx-invite .rfx-nav-inner{gap:14px}}
