/* FLC visual PWA pack - based on PWA.zip */
:root{--flc-blue:#006dff;--flc-blue2:#075cff;--flc-border:rgba(0,111,255,.72);--flc-glow:rgba(0,111,255,.42);--flc-panel:rgba(1,5,15,.78)}
html{background:#000!important} body{background:#000!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;min-height:100vh!important;}
body:before{content:"";position:fixed;inset:auto 0 0 0;height:38vh;background:linear-gradient(to top,rgba(0,0,0,.1),#000 82%),url('./assets/pwa/blue-road-bg.jpg') center bottom/cover no-repeat;opacity:.9;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 6%,rgba(0,111,255,.28),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.18),#000 72%);pointer-events:none;z-index:-1}.page{max-width:720px!important;padding:26px 18px 118px!important}.header{background:transparent!important;border-bottom:0!important;box-shadow:none!important}.header .brand,.simple-title,.section-title,h1{font-weight:950!important;text-transform:uppercase!important;text-align:center!important;letter-spacing:.02em!important;text-shadow:0 0 18px rgba(255,255,255,.18)}.header .brand{flex:1;color:#fff!important}.header .brand:after,.simple-title:after,.section-title:after,h1:after{content:"";display:block;width:118px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--flc-blue),transparent);box-shadow:0 0 18px var(--flc-blue)}
.page:before{content:"";display:block;width:min(58vw,270px);height:min(58vw,270px);margin:0 auto 20px;background:url('./assets/pwa/icon-dashboard.png') center/contain no-repeat;filter:drop-shadow(0 0 28px rgba(0,111,255,.55))}.page:has(.mission-category):before{background-image:url('./assets/pwa/icon-missions.png')}.page:has([href*='devis']):before{background-image:url('./assets/pwa/icon-devis.png')}.page:has([href*='comptabilite']):before{background-image:url('./assets/pwa/icon-compta.png')}.page:has([href*='parametres']):before{background-image:url('./assets/pwa/icon-parametres.png')}
.login{background:radial-gradient(circle at 50% 12%,rgba(0,111,255,.25),transparent 38%),#000!important}.login-card{background:rgba(0,0,0,.78)!important;border:1.5px solid var(--flc-border)!important;border-radius:30px!important;box-shadow:0 0 45px rgba(0,111,255,.24)!important}.login-card:before{content:"";display:block;width:210px;height:210px;margin:0 auto 18px;background:url('./assets/pwa/icon-dashboard.png') center/contain no-repeat;filter:drop-shadow(0 0 25px var(--flc-glow))}.login-card h1{text-align:left!important;text-transform:uppercase}.login-card h1:after{margin-left:0}.login-card input,input,select,textarea{background:rgba(0,9,24,.86)!important;border:1px solid rgba(0,111,255,.42)!important;color:#fff!important}.primary,.action-blue,.profile-edit,.create-btn,.mission-create-main,button.primary{background:linear-gradient(135deg,#0075ff,#0147d9)!important;border:1px solid rgba(61,149,255,.8)!important;box-shadow:0 0 26px rgba(0,111,255,.42)!important;border-radius:22px!important}.back-square,.profile-back{border:1.5px solid var(--flc-border)!important;border-radius:999px!important;background:rgba(0,12,30,.72)!important;color:#0b7cff!important;box-shadow:0 0 22px rgba(0,111,255,.24)!important}.card,.hello,.mission,.option,.mission-category,.finance,.status,.login-card,.dropdown{background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,6,18,.78))!important;border:1.5px solid var(--flc-border)!important;border-radius:28px!important;box-shadow:0 0 26px rgba(0,111,255,.15),inset 0 0 28px rgba(0,55,150,.08)!important}.option,.mission-category{position:relative;min-height:128px;padding:26px 72px 26px 120px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.option:before,.mission-category:before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:72px;height:72px;border-radius:50%;background:rgba(0,54,180,.16);box-shadow:0 0 28px rgba(0,111,255,.25)}.option:after,.mission-category:after{content:"›";position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:4rem;line-height:1;color:#006dff;text-shadow:0 0 18px #006dff}.mission-category h2,.option h2{font-size:1.35rem!important;text-transform:uppercase!important}.count{color:#fff!important;text-shadow:0 0 16px rgba(0,111,255,.8)}
.bottom{background:rgba(4,8,16,.88)!important;border:1px solid rgba(0,111,255,.34)!important;border-radius:34px!important;box-shadow:0 0 30px rgba(0,111,255,.22)!important;backdrop-filter:blur(18px);padding:10px!important;gap:4px!important}.bottom a{font-size:.72rem!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;border-radius:999px!important;min-height:72px!important;justify-content:center!important}.bottom a:before{content:"⌂";font-size:1.7rem;line-height:1;color:#fff}.bottom a[href*='missions']:before{content:"▣"}.bottom a[href*='devis']:before{content:"€"}.bottom a[href*='comptabilite']:before{content:"▥"}.bottom a[href*='parametres']:before{content:"⚙"}.bottom a.active{background:linear-gradient(135deg,#0075ff,#0147d9)!important;box-shadow:0 0 24px rgba(0,111,255,.55)!important;color:#fff!important}.timeline:before,.stop:before{background:#006dff!important;box-shadow:0 0 15px #006dff!important}.badge{background:#006dff!important;box-shadow:0 0 18px rgba(0,111,255,.5)!important}@media(max-width:520px){.page{padding-left:16px!important;padding-right:16px!important}.option,.mission-category{padding-left:104px!important;padding-right:52px!important}.option:before,.mission-category:before{left:18px;width:64px;height:64px}.bottom{width:min(96vw,520px)!important}.bottom a{font-size:.68rem!important}}


/* Dashboard Accueil layout fix: FLC left, Menu right, logo centered below */
.dashboard-page{padding-top:10px!important;}
.dashboard-page:before{display:none!important;content:none!important;}
.dashboard-page .header{
  min-height:58px!important;
  height:58px!important;
  margin:0 0 18px!important;
  padding:0 8px!important;
  position:relative!important;
  top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:transparent!important;
}
.dashboard-page .header .brand{
  flex:0 0 auto!important;
  font-size:clamp(2.2rem,10vw,3.2rem)!important;
  line-height:1!important;
  text-align:left!important;
  letter-spacing:-.04em!important;
}
.dashboard-page .header .brand:after{display:none!important;content:none!important;}
.dashboard-page .menu-wrap{margin-left:auto!important;}
.dashboard-page .menu-btn{font-size:clamp(1.45rem,6vw,2rem)!important;line-height:1!important;}
.dashboard-page .dashboard-logo{
  width:min(72vw,360px);
  aspect-ratio:1/1;
  margin:0 auto 28px;
  border-radius:34px;
  background:url('./assets/pwa/icon-dashboard.png') center/cover no-repeat;
  box-shadow:0 0 42px rgba(0,111,255,.42);
  overflow:hidden;
}
@media(max-width:520px){
  .dashboard-page .dashboard-logo{width:min(68vw,310px);border-radius:30px;margin-bottom:24px;}
}


/* FLC global logo rounding - all logo assets circular */
img.logo,
.logo img,
.dashboard-logo,
img[src*="assets/pwa/icon-"],
img[src*="/assets/pwa/icon-"]{
  border-radius:50% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  overflow:hidden !important;
  background:#000 !important;
  box-shadow:0 0 22px rgba(0,119,255,.32) !important;
}
.page:before,
.login-card:before{
  border-radius:50% !important;
  overflow:hidden !important;
  background-size:cover !important;
}