:root{font-family:"Segoe UI",Arial,sans-serif;color:#fff;background:#101b15;color-scheme:dark;--muted:#a1b3a8;--green:#b7ec8c;--line:#344a3c;--surface:#1b2b20}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:7px;min-height:60px;padding:12px 20px;font-size:20px;font-weight:600;background:var(--green);color:#101b15}button:hover:not(:disabled){background:#cbf5a8}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}header{height:90px;border-bottom:1px solid var(--line);padding:0 3.65%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#17291d}.brand{color:white;text-decoration:none;font-weight:700;font-size:36px;letter-spacing:.2px}.brand span{color:var(--green)}.header-label{font-size:23px;color:var(--muted);white-space:nowrap}main{max-width:1536px;padding:52px 3.65% 48px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}h1{font-size:52px;line-height:1.12;letter-spacing:-.8px;margin:0;font-weight:650}.lead{font-size:28px;line-height:1.4;margin:12px 0 0;color:var(--muted)}.connection{font-size:22px;line-height:1.4;margin:18px 0 0;color:var(--green);white-space:nowrap;display:flex;align-items:center;gap:14px}.connection:before{content:"";width:19px;height:19px;border-radius:50%;background:currentColor;flex:none}.connection.offline{color:#e4bc79}.outputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}.output{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:32px 28px 28px;min-height:400px;display:flex;flex-direction:column}.output h2{font-size:30px;line-height:1.2;margin:0;letter-spacing:-.3px;white-space:nowrap}.output dl{margin:38px 8px 0}.output dl>div+div{margin-top:32px}.output dt{font-size:15px;letter-spacing:.7px;text-transform:uppercase;font-weight:600;color:var(--muted)}.output dd{font-size:30px;font-weight:600;line-height:1.2;margin:8px 0 0}.output .acknowledged.last{font-size:23px;color:var(--muted)}.outcome{font-size:13px;line-height:1.3;color:var(--muted);min-height:17px;margin:12px 8px}.output button{width:100%;margin-top:auto}.output.pending{border-color:var(--green)}.secondary{border:1px solid #738a79;background:transparent;color:#fff;font-weight:400;min-width:270px}.secondary:hover:not(:disabled){background:#243a2a}.notice{font-size:16px;line-height:1.5;color:#e4bc79;margin:15px 0 0;min-height:24px}.notice:empty{margin:0;min-height:0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px;color:var(--muted);font-size:21px}footer p{margin:0;line-height:1.4}.access{max-width:720px;margin:48px 0 0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.access label{display:block;font-size:18px;margin-bottom:14px}.access>div{display:flex;gap:12px}.access input{min-width:0;flex:1;border:1px solid #738a79;border-radius:6px;padding:12px;background:#101b15;color:#fff;font-size:17px}.access button{font-size:17px;white-space:nowrap}.access p{font-size:14px;color:var(--muted);line-height:1.5;margin:16px 0 0}[hidden]{display:none!important}
@media(max-width:1250px){.brand{font-size:29px}.header-label{font-size:19px}h1{font-size:40px}.lead{font-size:22px}.connection{font-size:17px}.connection:before{width:14px;height:14px}.output{padding:26px 20px 22px;min-height:340px}.output h2{font-size:23px}.output dl{margin:28px 4px 0}.output dl>div+div{margin-top:25px}.output dd{font-size:25px}.output button{min-height:50px;font-size:17px}footer{font-size:17px}.secondary{font-size:17px;min-height:50px;min-width:220px}}
@media(max-width:900px){.intro{flex-direction:column;gap:12px}.connection{margin:0}.outputs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.output{min-height:330px}.output h2{font-size:25px}main{padding:32px 24px}.lead{font-size:20px}}
@media(max-width:560px){header{height:76px;padding:0 24px;gap:12px}.brand{font-size:23px;letter-spacing:-.5px}.header-label{font-size:13px;white-space:normal;text-align:right;max-width:75px}h1{font-size:32px;overflow-wrap:anywhere}.lead{font-size:18px}.connection{white-space:normal;font-size:16px}.outputs{grid-template-columns:1fr;gap:16px}.output{padding:26px;min-height:335px}.output h2{font-size:27px}.output dl{margin:28px 0 0}.output dd{font-size:28px}.output button{min-height:50px;font-size:18px}.access{padding:20px;margin-top:28px}.access>div{flex-direction:column}.access input{min-height:48px;width:100%}.access button{min-height:48px}footer{align-items:stretch;flex-direction:column;margin-top:30px;font-size:16px}.secondary{min-width:0;width:100%}.notice{font-size:14px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s ease}.output{transition:border-color .15s ease}}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--green);color:#101b15;border-radius:7px;padding:12px 20px;min-height:50px;font-weight:600}.button.secondary{color:white;min-width:0}.access h2{font-size:24px;margin:0 0 12px}.access .auth-actions{margin-top:22px;flex-wrap:wrap}.access p{font-size:16px}.farm-panel{margin-top:36px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.farm-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.farm-field{min-width:220px;max-width:100%}.farm-field label{display:block;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}select{font:inherit;min-height:50px;background:#101b15;color:white;border:1px solid #738a79;border-radius:6px;padding:10px 38px 10px 12px;width:100%}select:focus-visible{outline:3px solid white;outline-offset:4px}.account{color:var(--muted);font-size:13px;overflow-wrap:anywhere;max-width:48%}.barn-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.barn-choice{font-size:17px;min-height:48px;background:transparent;color:white;border:1px solid #738a79;font-weight:400}.barn-choice[aria-pressed="true"]{background:var(--green);color:#101b15;border-color:var(--green);font-weight:600}.empty{color:var(--muted);line-height:1.5}.last-seen{font-size:14px;color:var(--muted);margin:24px 0 -24px}.auth-screen{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:36px}.auth-screen>a{color:var(--green)}.cl-formFieldInput::placeholder{color:#a1b3a8;opacity:1}.cl-cardBox{color:white}.cl-footer{margin-top:0;font-size:14px}.cl-formButtonPrimary{color:#101b15}
@media(max-width:560px){.farm-panel{padding:20px}.farm-heading{align-items:stretch;flex-direction:column;gap:8px}.farm-field{min-width:0}.account{max-width:100%;margin:4px 0}.barn-list{gap:8px;margin-top:18px}.barn-choice{flex:1;min-width:110px;padding:10px}.last-seen{margin-bottom:0}.auth-screen{align-items:stretch}}
.button.secondary{background:transparent}.button.secondary:hover{background:#243a2a}
/* Account security forms retain the existing dark/green dashboard styling. */
.account-security{margin:28px auto 0}.access #signup-email-field{display:block}.account-security form label{display:block;margin-top:20px}.account-security p{overflow-wrap:anywhere}.access .password-field{display:block;position:relative;width:100%;margin:0}.password-field input{padding-right:58px}.access .password-field button.password-eye{position:absolute;right:4px;top:4px;bottom:4px;margin:0;width:44px;min-width:44px;min-height:40px;height:auto;padding:9px;background:transparent;border:0;color:var(--muted);border-radius:4px;display:flex;align-items:center;justify-content:center}.password-eye svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.password-eye .eye-slash{display:none}.password-eye[aria-pressed="true"] .eye-slash{display:block}.access button.text-button{background:transparent;color:var(--green);font:inherit;padding:5px 0;min-width:0;min-height:44px;width:auto;margin:0;text-align:left;text-decoration:underline}.access .password-field button:hover{background:#243a2a}.account-security .secondary{font-size:16px;min-width:0}
.login-form{width:100%;max-width:520px;margin-top:0}.login-form input,.pairing-panel input{display:block;width:100%;min-height:48px}.login-form label,.pairing-panel label{margin-top:20px}.login-form button,.pairing-panel form>button{margin-top:24px;width:100%}.login-form a{color:var(--green)}.pairing-panel{max-width:720px}.pairing-panel .support-note{padding:12px;border-left:3px solid #e4bc79;color:#e4bc79}.pairing-panel form>div{display:block}.pairing-panel select{margin-top:0}.account-actions,.controller-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.account-actions .secondary,.controller-actions .secondary{font-size:16px;min-height:46px;min-width:0}.pairing-panel>button{font-size:16px;min-height:46px}.login-form p,.pairing-panel p{line-height:1.5}