/* ERP branding only. Loaded exclusively by admin.html. */
#auth{padding:40px clamp(24px,5vw,96px);min-height:100svh;align-items:center;justify-content:flex-end;background:#0e253e}
#auth .auth-scene img{animation:none;transform:none;object-position:38% center;will-change:auto}
#auth .auth-shade{background:linear-gradient(90deg,#071b3020 0%,#0b20362b 48%,#081b36b8 100%)}
#auth .auth-card{position:relative;width:530px;padding:32px 38px 22px;border-radius:26px;background:#fff;box-shadow:0 24px 80px #06172f4d;border:1px solid #ffffffc9;animation:none}
.sykak-card-brand{position:relative;display:flex;align-items:center;min-height:91px;border-bottom:1px solid #e3e9ee;margin:0 -38px 25px;padding:0 38px 21px;overflow:hidden}
.sykak-card-brand>img{width:243px;max-width:74%;height:auto;display:block;mix-blend-mode:multiply}
.sykak-pixels{position:absolute;right:24px;top:1px;width:78px;height:78px;pointer-events:none}
.sykak-pixels i{position:absolute;width:27px;height:27px;border-radius:5px;background:#00894b12}.sykak-pixels i:nth-child(1){left:0;top:0;width:35px;height:35px}.sykak-pixels i:nth-child(2){left:38px;top:29px;background:#00894b19}.sykak-pixels i:nth-child(3){left:9px;top:40px}.sykak-pixels i:nth-child(4){left:39px;top:60px;width:18px;height:18px;background:#0d2d4d12}
#auth .auth-card>.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#168053;margin-bottom:10px}
#auth .auth-card h1{font-size:33px;letter-spacing:-1.1px;color:#071a42;line-height:1.15;margin:0 0 12px;white-space:nowrap}
#auth .auth-card h1 span{color:#00834b}
#auth .auth-card>p:not(.eyebrow){font-size:16px;color:#62758a;margin:0 0 22px}
#auth .employee-notice{border:1px solid #d3e8df;background:#eef7f3;border-radius:12px;padding:17px 18px;gap:15px;margin:24px 0;color:#006f49;align-items:center}
#auth .employee-notice>svg{width:34px;height:40px;flex:0 0 34px;margin:0}
#auth .employee-notice p{padding-left:15px;border-left:1px solid #bedbcc;font-size:13px;line-height:1.5}
#auth .employee-notice strong{font-size:15px;color:#155843;margin-bottom:5px}
#auth .employee-notice span{margin:0;color:#48695d}
#auth #login{margin:0}#auth label{font-size:14px;color:#112847;margin-bottom:19px}
#auth input{min-height:53px;border:1px solid #cbd5df;border-radius:10px;background:#fff;color:#142b46;padding:13px 15px;box-shadow:0 1px 2px #12264104;margin-top:8px}
#auth input::placeholder{color:#8a97a7;font-weight:400;font-size:14px}
#auth input:focus{border-color:#00864d;outline:3px solid #00864d16;outline-offset:1px}
#auth input:user-invalid{border-color:#b84b4b}
#auth .password-control input{margin-top:8px}#auth .password-eye{color:#62748a;right:6px}
#auth .primary{display:flex;justify-content:center;align-items:center;gap:12px;min-height:54px;border:0;border-radius:11px;background:linear-gradient(110deg,#008e4d,#007944);color:white;font-size:17px;font-weight:700;margin:6px 0 20px;box-shadow:0 8px 20px #00834b18}
#auth .primary:hover{background:#006f40}#auth .primary svg{width:23px;height:23px}
#auth .sykak-back{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#087749;text-decoration:none;margin:0 0 22px;width:fit-content}#auth .sykak-back span{text-decoration:underline;text-underline-offset:4px}
.sykak-footer{border-top:1px solid #e0e6ed;padding-top:16px;text-align:center;color:#788698;font-size:11px}.sykak-footer span{padding:0 10px;color:#198358}
#auth #auth-notice:empty{display:none}#auth #auth-notice:not(:empty){margin:12px 0 16px;font-size:13px;background:#edf5f1;padding:12px}
#workspace .brand{background:white;border-radius:9px;padding:8px 12px}#workspace .brand img{display:block;width:100%;mix-blend-mode:multiply}
@media(min-width:1600px){#auth .auth-card{width:560px;padding:38px 42px 24px}.sykak-card-brand{margin-left:-42px;margin-right:-42px;padding-left:42px;padding-right:42px}#auth .auth-card h1{font-size:36px}}
@media(max-width:760px){#auth{padding:24px 16px;justify-content:center;min-height:100svh}#auth .auth-shade{background:#0a203455}#auth .auth-scene img{object-position:40% center}#auth .auth-card{width:100%;max-width:490px;padding:27px 24px 20px;border-radius:22px}.sykak-card-brand{margin:0 -24px 24px;padding:0 24px 20px;min-height:80px}.sykak-card-brand>img{width:220px}#auth .auth-card h1{font-size:clamp(24px,6.5vw,32px);letter-spacing:-.7px}#auth .auth-card>p:not(.eyebrow){font-size:14px}#auth .employee-notice{padding:14px 12px;gap:10px}#auth .employee-notice p{padding-left:10px;font-size:12px}#auth .employee-notice strong{font-size:13px}#auth .employee-notice>svg{width:26px;flex-basis:26px}#auth input::placeholder{font-size:12px}.sykak-pixels{right:14px;opacity:.7}.sykak-footer{font-size:10px}.sykak-footer span{padding:0 6px}}
@media(prefers-reduced-motion:reduce){#auth *{animation:none!important;transition:none!important}}

/* Desktop composition approved as the reference: separate top-left brand and right-hand form. */
#auth{padding:78px clamp(28px,5vw,96px) 40px;justify-content:flex-end;align-items:center}
#auth .auth-scene img{object-position:center}
#auth .auth-shade{background:linear-gradient(90deg,#071b3010 0%,#0b203620 50%,#081b3680 100%)}
#auth .auth-brand.sykak-desktop-brand{position:absolute;top:28px;left:clamp(28px,5vw,96px);width:244px;padding:18px 20px;background:#fff;border-radius:13px;box-shadow:0 8px 30px #071f361a;margin:0}
#auth .sykak-desktop-brand img{width:100%;display:block;mix-blend-mode:multiply}
#auth .auth-card{width:480px;padding:34px 34px 23px;border-radius:21px;margin:0}
#auth .auth-card h1{font-size:31px}
#auth .auth-card>.eyebrow{color:#627c90;letter-spacing:2px;font-size:12px;margin-bottom:15px}
#auth .employee-notice{margin:25px 0}
@media(min-width:1600px){#auth{padding-top:100px}#auth .auth-card{width:530px;padding:40px 40px 25px}#auth .auth-card h1{font-size:35px}#auth .auth-brand.sykak-desktop-brand{width:265px;top:32px}}
@media(max-width:760px){#auth{padding:137px 16px 24px;justify-content:center}#auth .auth-brand.sykak-desktop-brand{top:20px;left:24px;width:210px;padding:14px 18px}#auth .auth-card{width:100%;max-width:480px;padding:26px 24px 20px}#auth .auth-card h1{font-size:clamp(23px,6.4vw,31px)}#auth .auth-scene img{object-position:40% center}}
/* Icônes des champs de connexion SYKAK. */
#auth #login input[name="email"],#auth #login input[name="password"]{padding-left:45px;background-repeat:no-repeat;background-position:15px center;background-size:21px 21px}
#auth #login input[name="email"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2362748a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")}
#auth #login input[name="password"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2362748a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4M12 14v3'/%3E%3C/svg%3E")}

/* Native vector notice: no screenshot or raster icon. */
#auth .employee-notice{padding:20px 18px;gap:17px;background:#eff8f4;border:1px solid #d7eae2;border-radius:13px;align-items:center}
#auth .sykak-access-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:2px solid #cce7da;border-radius:50%;background:#e7f4ec;color:#007b40}
#auth .sykak-access-icon svg{display:block;width:31px;height:37px}
#auth .employee-notice p{border-left:1px solid #afd8c5;padding-left:19px;margin:0;font-size:14px;line-height:1.55;color:#244f43}
#auth .employee-notice strong{font-size:16px;line-height:1.35;letter-spacing:-.2px;color:#104e39;margin-bottom:8px}
#auth .employee-notice span:not(.sykak-access-icon){color:#315d4e;margin:0}
@media(max-width:760px){#auth .employee-notice{padding:16px 12px;gap:12px}#auth .sykak-access-icon{flex-basis:47px;width:47px;height:47px}#auth .sykak-access-icon svg{width:25px;height:30px}#auth .employee-notice p{padding-left:12px;font-size:12px}#auth .employee-notice strong{font-size:13px;margin-bottom:6px}}
#auth .employee-notice .sykak-access-icon{color:#007b40}
/* Motifs animés aux deux coins droits de la carte de connexion. */
#auth .auth-card{position:relative;isolation:isolate;overflow:hidden}
#auth .login-corner-pixels{position:absolute;right:9px;width:88px;height:92px;pointer-events:none;z-index:-1}
#auth .login-corner-pixels.corner-top{top:9px}
#auth .login-corner-pixels.corner-bottom{bottom:9px;transform:rotate(180deg)}
#auth .login-corner-pixels i{display:block;position:absolute;border-radius:5px;background:#00854b13;animation:login-pixel-float 7s ease-in-out infinite}
#auth .login-corner-pixels i:nth-child(1){width:34px;height:34px;left:30px;top:0;background:#00854b18}
#auth .login-corner-pixels i:nth-child(2){width:26px;height:26px;left:62px;top:32px;animation-delay:-2s;background:#00854b20}
#auth .login-corner-pixels i:nth-child(3){width:27px;height:27px;left:10px;top:36px;animation-delay:-4s}
#auth .login-corner-pixels i:nth-child(4){width:19px;height:19px;left:43px;top:60px;animation-delay:-3s;background:#17395616}
#auth .login-corner-pixels i:nth-child(5){width:17px;height:17px;left:64px;top:77px;animation-delay:-5s}
@keyframes login-pixel-float{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}
@media(max-width:760px){#auth .login-corner-pixels{opacity:.65;width:70px;transform:scale(.8);transform-origin:top right}#auth .login-corner-pixels.corner-bottom{transform:rotate(180deg) scale(.8);transform-origin:center}}
@media(prefers-reduced-motion:reduce){#auth .login-corner-pixels i{animation:none;opacity:.8}}