/* od-login-skin.css - Omnidesk sign-in pages in the calm look of omnideskapp.com (styles only; the sign-in logic is untouched) */
html body{font-family:'Figtree',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;background:#FBFAF7;color:#16161D;-webkit-font-smoothing:antialiased}
html body .logo{color:#16161D;text-decoration:none;margin-bottom:24px}
html body .logo-mark{width:30px;height:30px;border-radius:8px;background:#16161D;box-shadow:none}
html body .logo-mark svg{width:16px;height:16px;stroke:none}
html body .logo-name{font-size:21px;font-weight:700;letter-spacing:-.02em;color:#16161D}
html body .logo-name span{color:inherit}
html body .card{background:#fff;border:1px solid #E5E2DA;border-radius:14px;box-shadow:0 1px 0 rgba(22,22,29,.03),0 18px 40px -24px rgba(22,22,29,.18);padding:32px 30px}
html body .card-title,html body .card h1{font-size:24px;font-weight:600;letter-spacing:-.025em;color:#16161D;line-height:1.2}
html body .card-sub,html body .card .sub{font-size:15px;color:#6B6C77;margin-bottom:24px}
html body .pb{border:1px solid #E5E2DA;border-radius:10px;background:#fff;padding:13px 14px;margin-bottom:8px;box-shadow:none;transition:border-color .15s,background .15s}
html body .pb:last-of-type{margin-bottom:8px}
html body .pb:hover{border-color:#16161D;background:#FBFAF7;transform:none;box-shadow:none}
html body .pb-icon{width:36px;height:36px;border-radius:8px;background:#F4F2EC;color:#16161D}
html body .pb-icon i,html body .pb-icon svg{color:#16161D;font-size:19px}
html body .pb-name{font-size:15px;font-weight:600;color:#16161D;letter-spacing:-.005em;-webkit-text-fill-color:currentColor;background:none}
html body .pb-desc{font-size:13px;color:#6B6C77}
html body .pb-arrow{color:#9A9AA3}
html body .pb:hover .pb-arrow{color:#16161D;transform:translateX(2px)}
html body .pb.od-new{background:transparent;border-style:dashed}
html body .pb.od-new:hover{background:#fff}
html body .divider{color:#9A9AA3;font-size:12.5px;font-weight:500;margin:16px 0 12px}
html body .divider::before,html body .divider::after{background:#EFEDE7}
html body .field label{font-size:13.5px;font-weight:600;text-transform:none;letter-spacing:0;color:#16161D;margin-bottom:6px}
html body .field input{border:1px solid #D6D2C8;border-radius:8px;padding:11px 12px;font-size:15px;color:#16161D}
html body .field input:focus{border-color:transparent;outline:2px solid #5B34D6;outline-offset:-1px;box-shadow:none}
html body .field input.err,html body .field input.error{border-color:#C2410C;box-shadow:none}
html body .submit-btn,html body .card .btn{background:#16161D;color:#fff;border-radius:8px;font-weight:600;font-size:15px;padding:12px;box-shadow:none}
html body .submit-btn:hover,html body .card .btn:hover{background:#2C2C38;opacity:1;transform:none}
html body .error-box{background:#FDF2EC;border:1px solid #F3C9B3;color:#9A3412;border-radius:8px}
html body .success-box{background:#EEF7F1;border:1px solid #BFE3CC;color:#1E6B41;border-radius:8px}
html body .back-btn{color:#6B6C77;font-size:14px}
html body .back-btn:hover{color:#16161D}
html body .back-link,html body .card .back{color:#6B6C77;font-size:14px}
html body .back-link:hover,html body .card .back:hover{color:#16161D}
html body .server-status{color:#9A9AA3}
html body .status-dot.online{background:#1E8E50}
html body .status-dot.offline{background:#C2410C}
html body .od-ls-foot{margin-top:22px;font-size:13px;color:#9A9AA3;text-align:center}
html body .od-ls-foot a{color:#6B6C77;text-decoration:none}
html body .od-ls-foot a:hover{color:#16161D}
@media(max-width:480px){html body .card{padding:24px 18px;border-radius:12px}}

/* ── dark mode (Omnidesk moon button): a real dark theme instead of the generic colour-flip ── */
:root.od-dark{filter:none!important;background:#121216!important;color-scheme:dark}
:root.od-dark img,:root.od-dark video,:root.od-dark canvas,:root.od-dark iframe{filter:none!important}
:root.od-dark body{background:#121216;color:#EDEDF0}
:root.od-dark .card{background:#1B1B21;border-color:#2C2C34;box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}
:root.od-dark .logo,:root.od-dark .logo-name,:root.od-dark .card-title,:root.od-dark .card h1,:root.od-dark h2,:root.od-dark h3{color:#EDEDF0}
:root.od-dark .logo-mark,:root.od-dark .logo-icon{background:#EDEDF0}
:root.od-dark .logo-mark svg rect,:root.od-dark .logo-icon svg rect{fill:#16161D}
:root.od-dark .card-sub,:root.od-dark .card .sub,:root.od-dark .sub,:root.od-dark .pb-desc,:root.od-dark .success p{color:#A0A0AB}
:root.od-dark .field label,:root.od-dark label{color:#EDEDF0}
:root.od-dark input{background:#15151A!important;border-color:#3A3A44!important;color:#EDEDF0!important}
:root.od-dark input[readonly]{background:#222229!important;border-color:#2C2C34!important;color:#C9C9D2!important}
:root.od-dark input::placeholder{color:#6E6E78}
:root.od-dark input:focus{outline:2px solid #9B7BFF!important;outline-offset:-1px;border-color:transparent!important}
:root.od-dark .submit-btn,:root.od-dark .card .btn,:root.od-dark .btn,:root.od-dark .login-btn,:root.od-dark .card > button,:root.od-dark #btn{background:#EDEDF0!important;color:#16161D!important}
:root.od-dark .submit-btn:hover,:root.od-dark .card .btn:hover,:root.od-dark .btn:hover,:root.od-dark .login-btn:hover,:root.od-dark #btn:hover{background:#FFFFFF!important}
:root.od-dark .btn i,:root.od-dark .login-btn i{color:#16161D!important}
:root.od-dark .pb{background:#1B1B21;border-color:#2C2C34}
:root.od-dark .pb:hover{background:#222229;border-color:#EDEDF0}
:root.od-dark .pb-icon{background:#26262D!important}
:root.od-dark .pb-icon i,:root.od-dark .pb-icon svg{color:#EDEDF0!important}
:root.od-dark .pb-name{color:#EDEDF0}
:root.od-dark .pb-arrow{color:#6E6E78}
:root.od-dark .pb.od-new{background:transparent}
:root.od-dark .divider{color:#6E6E78}
:root.od-dark .divider::before,:root.od-dark .divider::after{background:#2C2C34}
:root.od-dark .welcome{background:#222229!important;border-color:#2C2C34!important;color:#EDEDF0!important}
:root.od-dark .strength{background:#2C2C34}
:root.od-dark .rule{color:#A0A0AB}
:root.od-dark .rule.ok,:root.od-dark .rule.ok i{color:#5FCB8F}
:root.od-dark .error-box,:root.od-dark .err{background:#2A1712;border:1px solid #5A2A1A;color:#F4A58A}
:root.od-dark .success-box{background:#102219;border-color:#1F4A33;color:#7FD4A3}
:root.od-dark .success i{color:#5FCB8F}
:root.od-dark .back-btn,:root.od-dark .back-link,:root.od-dark .card .back,:root.od-dark .od-ls-foot,:root.od-dark .od-sp-foot,:root.od-dark .foot{color:#8A8A95}
:root.od-dark .back-btn:hover,:root.od-dark .back-link:hover,:root.od-dark .card .back:hover{color:#EDEDF0}
:root.od-dark .od-ls-foot a,:root.od-dark .od-sp-foot a{color:#C9C9D2}
:root.od-dark .server-status{color:#6E6E78}