*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;color:#103862;background:#eef3f9;letter-spacing:0}header{height:72px;background:#103862;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 20px}header img{width:44px;height:44px}header button{margin-left:auto}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer;border:1px solid #b4c8dc;border-radius:5px;padding:10px 16px;color:#103862;background:#fff;font-weight:700}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d3a900;outline-offset:2px}#loginView{padding:32px 20px}form{max-width:420px;margin:0 auto}h1{font-size:24px;margin:8px 0 20px;overflow-wrap:anywhere}label{display:grid;gap:6px;margin:16px 0;font-weight:700;font-size:14px}input{width:100%;height:44px;padding:8px;border:1px solid #a3bad1;border-radius:5px;background:#fff}form button{background:#ffe52f;width:100%}#deviceError{color:#b42318;line-height:1.4}#deviceState{color:#526779;line-height:1.4}a{color:#103862}#deviceHome{padding:24px}nav{display:flex;flex-wrap:wrap;gap:12px}nav button{min-height:70px}#deviceModule{padding:8px;height:calc(100dvh - 72px);display:flex;flex-direction:column;gap:8px}#deviceModule>button{align-self:start}iframe{width:100%;flex:1;min-height:0;border:0}[hidden]{display:none!important}@media(max-width:480px){header{padding:10px;font-size:14px}header button{font-size:13px;padding:8px}#deviceHome{padding:18px}nav{display:grid}h1{font-size:22px}}
/* Portal and module tiles share the established Monteur icon treatment. */
#deviceHome,#deviceMonteur{max-width:1060px;margin:0 auto;padding:32px 24px}
#deviceMonteur{max-width:760px}
#deviceIdentity,#deviceMonteur>p{color:#53677f;margin:0 0 8px}
#portalBack{margin-bottom:24px}
#deviceAreas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#devicePhotoModules{display:grid;gap:12px}
.device-tile{display:flex;align-items:center;gap:18px;min-width:0;min-height:132px;padding:22px;text-align:left;border:1px solid #c9d7e7;border-radius:7px;background:#fff;box-shadow:0 8px 22px rgba(12,48,84,.07)}
.device-tile:hover{border-color:#d3a900}
.device-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:7px;background:#103862;color:#ffe52f}
.device-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.device-copy strong{display:block;font-size:20px;line-height:1.3}
.device-copy small{display:block;margin-top:6px;color:#53677f;font-size:14px;font-weight:400;line-height:1.45}
.device-arrow{font-size:30px;font-weight:400}
@media(max-width:700px){#deviceAreas{grid-template-columns:minmax(0,1fr)}#deviceHome,#deviceMonteur{padding:24px 16px}.device-tile{padding:18px;gap:14px}.device-copy strong{font-size:18px}}
body.employee-module{height:100dvh;overflow:hidden}
body.employee-module>header{display:none}
body.employee-module #deviceModule{height:100dvh;padding:0;gap:0}
#employeeModuleHeader{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:16px;min-height:80px;padding:10px 20px;background:#103862;color:#fff;flex-shrink:0}
#employeeModuleHeader h1{margin:0;text-align:center;font-size:26px;line-height:1.2}
#employeeModuleHeader small{display:block;font-size:14px;font-weight:400;margin-bottom:4px}
#employeeModuleHome{width:40px;height:40px;display:grid;place-items:center;padding:8px}
#employeeModuleHome svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){#employeeModuleHeader{padding:10px;gap:8px}#employeeModuleHeader h1{font-size:22px}#employeeModuleHeader small{font-size:12px}}