[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at top,#d5efff,#edf2f8)}.login-card{width:420px;max-width:92vw;padding:38px}.login-card .brand{color:#243047;padding:0;margin-bottom:35px}.login-card h1{font-size:24px}.login-card p{color:#8590a1;font-size:12px}.login-card label{display:block;font-size:12px;margin:20px 0}.login-card input{width:100%;display:block;margin-top:8px;min-width:0}.login-card button{width:100%;margin:8px 0 20px}#login-error{color:#c05b52}.empty{padding:45px 25px;text-align:center;color:#8b96a8}.empty h3{color:#53627b}.card h3{font-weight:550}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#122237;color:#d3efff;padding:18px;border-radius:7px;font-size:12px}code{overflow-wrap:anywhere}dialog p{font-size:12px}.policy input[type=number]{width:90px;min-width:0}.policy input[type=checkbox]{width:20px;min-width:0;height:20px}.table-wrap button{white-space:nowrap}.btn.danger{color:#ba5f56;border-color:#edc4bf}.detail-row strong{overflow-wrap:anywhere;max-width:65%;text-align:right}.toolbar{flex-wrap:wrap}.toolbar input{flex:1}.note{line-height:1.7}.status-error{background:#fff0ed;color:#aa554a;padding:16px;border-radius:8px;margin:15px 0}.install-step{padding:22px;border-bottom:1px solid #e4eaf1}.install-step h3{margin-top:0}.page-heading .muted{font-size:11px}button:disabled{opacity:.55;cursor:default}
.firewall-stats{grid-template-columns:repeat(3,1fr)}.firewall-form{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.firewall-form label{font-size:11px;color:#7a879b}.firewall-form input,.firewall-form select{width:100%;min-width:0;display:block;margin-top:8px}.firewall-form p{grid-column:1/-1;font-size:11px;color:#8793a5}.firewall-form button{justify-self:start}.firewall-stats small{line-height:1.8}.firewall-stats h3{margin:14px 0}@media(max-width:700px){.firewall-form{grid-template-columns:1fr}.firewall-stats{grid-template-columns:1fr}.firewall-form p{grid-column:auto}}
/* One Protect Endpoint — supplied brand artwork and application palette. */
:root{--brand-navy:#102c50;--brand-blue:#007fce;--brand-cyan:#00bce9;--brand-white:#fff;accent-color:var(--brand-blue)}
.brand{padding:0;display:block;border-radius:9px;overflow:hidden;background:#fff;line-height:0}
.brand-art{display:block;width:100%;height:auto;aspect-ratio:2.75;object-fit:cover;object-position:center 46%}
.sidebar>.brand{margin:0 3px;border:1px solid #c5e5fa;box-shadow:0 4px 22px #021d3b25}
.sidebar{background:linear-gradient(165deg,#14375d,#0b203c 75%)}
.login-screen{min-height:100vh;display:grid;grid-template-rows:68px 1fr auto;place-items:stretch;background:#eef2f6;color:#15243a}
.login-topbar{height:68px;padding:0 max(28px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #dfe8dc;border-bottom:1px solid #e7ebef}
.login-wordmark{display:flex;align-items:center;gap:10px;color:var(--brand-navy);font-size:17px;letter-spacing:-.25px}
.login-wordmark img{display:block;width:154px;height:auto}
.language-control{display:flex;align-items:center;gap:7px;margin:0;color:#243047;font-size:12px}
.language-select{min-width:108px;margin:0;padding:7px 28px 7px 9px;border-color:#d8e0e8;background:#fff;color:#243047;font-size:11px}
.header-tools{display:flex;align-items:center;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-main{width:100%;min-height:590px;padding:55px 24px 80px;display:flex;flex-direction:column;align-items:center}
.login-console-title{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:48px;text-align:center}
.login-console-title h1{margin:0;color:#111d2c;font-size:24px;font-weight:700;letter-spacing:-.45px}
.login-shield{display:grid;place-items:center;width:56px;height:62px;border:2px solid var(--brand-cyan);clip-path:polygon(50% 0,96% 20%,90% 72%,50% 100%,10% 72%,4% 20%);background:#fff;color:var(--brand-blue);font-size:24px;font-weight:700}
.login-card{width:414px;max-width:100%;padding:34px 32px 36px;background:#fff;border:0;border-radius:12px;box-shadow:0 6px 25px #19324d0a}
.login-card h2{margin:0 0 10px;color:#101923;font-size:23px;font-weight:700}
.login-card .login-intro{margin:0 0 28px;color:#687587;font-size:12px}
.login-card label{display:block;margin:0 0 7px;color:#354256;font-size:12px}
.login-card>input,.login-password input{width:100%;height:40px;min-width:0;margin:0;padding:0 13px;border-color:#ccd5df;border-radius:5px;font-size:12px}
.login-password-label{margin-top:18px}
.login-password{position:relative}
.login-password input{padding-right:43px}
.login-password button{position:absolute;inset:0 0 0 auto;width:42px;margin:0;padding:0;border:0;background:transparent;color:#8c98a7;font-size:14px}
.login-submit{width:100%;height:40px;margin:26px 0 0;border-radius:5px;font-size:12px;font-weight:700}
#login-error{min-height:18px;margin:12px 0 0;color:#b33f35;font-size:11px}
.login-footer{display:block;gap:0;padding:21px max(28px,calc((100vw - 1040px)/2)) 16px;background:#fff;color:#697587;font-size:10px}
.login-footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.login-footer span:last-child{margin-left:0}
.login-footer-brand{color:var(--brand-blue);font-size:16px;font-weight:700}
.login-footer-meta{margin-top:17px;padding-top:12px;border-top:1px solid #e6ebf0;color:#8a95a3}
.btn.primary{background:linear-gradient(110deg,#007fce,#009dd9);border-color:#007fce}
.btn.primary:hover{background:#006bb5}
input:focus,select:focus{outline:2px solid #00bce94d;border-color:#0098d9}
.sidebar nav button.active{background:#087bb42b;color:#59dcff;box-shadow:inset 3px 0 #00bce9}
.company-icon{font-size:10px;color:#68ddff}
@media(max-width:700px){.sidebar>.brand{width:210px;margin:0}.login-screen{grid-template-rows:62px 1fr auto}.login-topbar{height:62px;padding:0 18px}.login-wordmark img{width:132px}.language-select{min-width:92px;padding-left:6px}.login-main{min-height:0;padding:40px 18px 50px}.login-console-title{align-items:center;margin-bottom:32px}.login-console-title h1{font-size:19px}.login-shield{width:46px;height:51px;font-size:19px;flex:0 0 auto}.login-card{padding:28px 22px}.login-footer{padding:18px}.login-footer-row{align-items:flex-start;flex-direction:column;gap:7px}.login-footer-meta{margin-top:13px}.login-footer-brand{font-size:14px}.header-tools .badge{display:none}}
