@import url("lovemat-layout.css?v=20261031b");
/* Identité Lovemat — relevé sur lovemat.be le 30 octobre 2026. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--lovemat-navy:#002b49;--lovemat-ink:#123249;--lovemat-grey:#e8ebed;--color-bg:#f4f6f7;--color-bg-muted:#e8ebed;--color-border:#dce2e6;--color-text:#183245;--color-text-muted:#627583;--color-primary:#002b49;--color-primary-hover:#164561;--color-primary-light:rgba(0,43,73,.07);--color-accent:#002b49;--color-accent-hover:#164561;--color-border-focus:#002b49;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--nav-background:#002b49;--nav-text:#fff;--nav-text-muted:#c6d2db;--nav-border:rgba(255,255,255,.16);--nav-highlight:rgba(255,255,255,.11);--navy:#002b49;--navy-deep:#001d32;--ink:#183245;--radius:4px;--font:'Outfit',system-ui,sans-serif}
html,body{background:#f4f6f7}body,input,button,select,textarea{font-family:'Outfit',system-ui,sans-serif}h1,h2,h3{letter-spacing:-.025em}body:not(.login) h1{color:var(--lovemat-navy)}.card,.stat-card,.dashboard-card{border-color:#dce2e6;box-shadow:0 2px 10px rgba(0,43,73,.035);border-radius:8px}.btn-primary{background:#002b49;border-color:#002b49;border-radius:4px}.btn-primary:hover{background:#164561;border-color:#164561}
#nav-bar{background:#002b49;border-radius:7px;box-shadow:none;color:#fff}#nav-header{min-height:118px}#nav-title{align-items:center;gap:16px}#nav-title img{height:91px;max-width:78px;object-fit:contain}#nav-title:after{content:'ESPACE\A ÉQUIPE';white-space:pre;font-size:10px;line-height:1.8;letter-spacing:.15em;font-weight:500;color:#c6d2db}#nav-content{background:#002b49;box-shadow:0 0 0 16px #002b49}#nav-content-highlight{display:none}#nav-bar .nav-button{color:#c6d2db;height:46px;border-radius:3px;margin:3px 12px;font-size:14px}#nav-bar .nav-button:hover,#nav-bar .nav-button.active{background:#16415e;color:#fff}#nav-bar .nav-button.active{box-shadow:inset 3px 0 #fff;font-weight:600}#nav-bar .nav-icon{color:inherit}#nav-footer{background:#002b49;border-radius:0;color:white;border-top:1px solid rgba(255,255,255,.16)}#nav-footer-title,#nav-footer-subtitle,#nav-footer a{color:inherit}#nav-footer-subtitle{opacity:.7}label[for=nav-toggle]:focus-visible{outline:2px solid #fff;outline-offset:-8px}.app-header,.dashboard-header{border-color:#dce2e6}.app-logo img{max-height:54px;width:auto;object-fit:contain}
body.login{background:#fff}.login .brand{background:#002b49}.login .brand__photo{object-position:52% center}.login .brand__veil{background:linear-gradient(180deg,rgba(0,43,73,.23) 10%,rgba(0,27,47,.92) 100%)}.login .brand__content{padding:48px 56px;min-height:100dvh}.login .brand__logo{width:78px;height:114px;object-fit:contain}.login .brand__copy{max-width:500px;padding:60px 0 35px;margin-top:auto;margin-bottom:0}.login .brand__title{font-size:clamp(38px,4vw,62px);line-height:1.07;font-weight:700;letter-spacing:-.035em}.login .brand__lead{max-width:340px;line-height:1.65;margin-top:20px;font-size:16px}.login .brand__foot{margin-top:40px;display:flex;gap:32px;font-size:13px;border-top:1px solid #ffffff38;padding-top:20px}.login .brand__eyebrow{font-size:11px;letter-spacing:.18em}.login .panel{padding:30px 44px 24px}.login .panel__main{max-width:385px;padding-top:38px}.login .panel__main>.brand__logo{width:52px;height:76px;object-fit:contain;margin-bottom:32px}.login .panel__title,.login .panel__subtitle{text-align:left}.login .panel__title{font-size:36px;line-height:1.12}.login .panel__subtitle{font-size:15px;color:#697e8d;margin:12px 0 34px;line-height:1.6}.login .field__control input{padding:14px;min-height:52px;border-radius:3px;background:#fbfcfc}.login .field__control.has-toggle input{padding-right:80px}.login .field__toggle{width:auto;padding:8px;color:#002b49;font-size:12px;font-weight:600}.login .btn--primary{min-height:52px;border-radius:3px;margin-top:18px;justify-content:space-between;padding:14px 20px}.login .login-row{font-size:13px;align-items:flex-start;line-height:1.5}.login .login-help{margin-top:22px;font-size:13px;color:#697e8d;line-height:1.6}.login .login-help a{color:#002b49;text-decoration:underline;text-underline-offset:3px}.login .panel__foot{font-size:11px;color:#627583;border-top:1px solid #e8ebed;padding-top:20px}.login .panel__back{font-size:12px}.login .alert{border-radius:3px}
.login-2fa-backdrop{position:fixed;inset:0;background:#001d32bb;z-index:3000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.login-2fa-dialog{max-width:420px;width:100%;background:#fff;padding:32px;border-radius:6px;box-shadow:0 20px 90px #001d3240}.login-2fa-dialog h2{margin:0 0 14px;font-size:28px;color:#002b49}.login-2fa-dialog p{font-size:14px;color:#627583;line-height:1.6}.otp-input{width:100%;font-size:30px;letter-spacing:.3em;text-align:center;padding:15px;border:1px solid #a2b6c3;border-radius:4px}.login-2fa-actions{margin-top:16px}.login-2fa-secondary{display:flex;gap:10px;margin-top:12px}.login-2fa-secondary form{flex:1}.login-2fa-dialog .btn{border:1px solid #dce2e6}.login-2fa-dialog .btn-primary{color:white;background:#002b49}
@media(max-width:960px){.login .brand{min-height:185px;max-height:185px}.login .brand__content{min-height:185px;padding:24px}.login .brand__logo{width:62px;height:91px}.login .brand__foot{display:none}.login .panel{padding:28px 24px 22px}.login .panel__main{padding:25px 0 35px}.login .panel__main>.brand__logo{display:none}.login .panel__title{font-size:30px}.login .panel__back{position:static;align-self:flex-end}.login .panel__foot{flex-direction:row;flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{#nav-bar,.bottom-nav,.app-dock{display:none!important}body{background:white}.lovemat-demo-notice{display:none}}
/* Surfaces métier : lignes nettes et accents issus des secteurs Lovemat. */
body.page-dashboard,body.page-dashboard .dashboard-body{background:#f4f6f7}
body.page-dashboard .dash-card,body.page-dashboard .dash-mid-card,body.page-dashboard .dash-stat-strip .dash-stat-item,body.page-dashboard .stat-card,body.page-dashboard .dashboard-block{border-radius:6px!important;box-shadow:none!important;border:1px solid #dce2e6!important}
body.page-dashboard .dashboard-main .dash-head h1{color:#002b49;font-size:30px}
body.page-dashboard .dash-card-icon{width:44px;height:44px;border-radius:5px;background:#e8edf3;color:#4d6995}
body.page-dashboard .dash-card-icon svg{width:25px;height:25px}
body.page-dashboard .dash-card-icon--pointage,body.page-dashboard .dash-card-icon--arrivals{color:#67823a;background:#edf0e7}
body.page-dashboard .dash-card-icon--hours{color:#8d3f2b;background:#f3eae7}
body.page-dashboard .dash-card-icon--livraisons{color:#4d6995;background:#e8edf3}
body.page-dashboard .dash-card-icon--activity{color:#002b49;background:#e8ebed}
body.page-dashboard .dash-stat-item__icon{border-radius:5px!important;background:#e8ebed!important;color:#002b49!important}
body.page-dashboard .dash-admin-kpi-row .dash-card-inner{flex-direction:column;gap:14px;align-items:flex-start}
body.page-dashboard .dash-admin-kpi-row .dash-card-meta{min-height:38px}
body.page-dashboard .dash-card-menu{display:none}
body.page-dashboard .dash-card-progress-bar{background:#4d6995}
body.page-dashboard .dash-chart-wrap{height:230px}
body.page-dashboard .dash-donut-wrap{height:auto;min-height:200px}
body.page-dashboard .dash-card-cta{border-radius:3px!important}
.lovemat-empty-chart{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:10px;color:#627583;font-size:14px;padding:24px;background:#fff}
.lovemat-empty-chart strong{font-size:17px;color:#002b49;font-weight:500}
@media(max-width:640px){body.page-dashboard .dashboard-main .dash-head h1{font-size:25px}body.page-dashboard .dash-card-icon{width:34px;height:34px}body.page-dashboard .dash-admin-kpi-row .dash-card-inner{gap:10px}body.page-dashboard .dash-admin-kpi-row .dash-card-meta{min-height:0}body.page-dashboard .dash-card{padding:18px!important}body.page-dashboard .dashboard-main.dashboard-main--full .dash-chart-wrap{height:180px}}