/* KLYMMOPRO PREMIUM V49 | Reproduction des codes visuels validés | 11/11/2026
   Fichier d'identité graphique unique, app.js n'est plus empilé de styles V45-V48.
   Fonctionnalités, statut des lots, accès et événements inchangés. */

:root{--kp49-deep:#071d3c;--kp49-navy:#0a2851;--kp49-blue:#086ac9;--kp49-cyan:#0ed2f5;--kp49-mint:#08ae9b;--kp49-gold:#f4bb58;--kp49-ink:#0a2144;}

/* Menu latéral : tonalité bleu nuit lumineuse, pictogrammes vectoriels cohérents */
#app .app-shell .sidebar{
  background:radial-gradient(ellipse 320px 180px at 30% 110%,rgba(0,135,247,.28),transparent 72%),
             radial-gradient(ellipse 330px 250px at 83% -10%,rgba(0,75,157,.24),transparent 80%),
             linear-gradient(177deg,#061b39 0%,#071e40 55%,#021633 100%)!important;
  border-right:2px solid #0a9bc3!important;overflow:hidden!important;
}
#app .app-shell .sidebar::after{
 content:"";position:absolute;left:-70px;right:-70px;bottom:35px;height:130px;
 background:radial-gradient(ellipse 80% 20px at 55% 65%,rgba(0,160,255,.22),transparent 80%);
 border-top:2px solid rgba(0,181,255,.72);border-radius:55% 60% 0 0;transform:rotate(-12deg);pointer-events:none;z-index:0;
 box-shadow:0 -4px 22px rgba(0,147,250,.22);
}
#app .app-shell .sidebar > *{position:relative;z-index:1}
#app .app-shell .sidebar .nav{gap:10px!important}
#app .app-shell .sidebar .nav button[data-nav]{min-height:49px;display:flex;align-items:center;gap:13px;padding:10px 13px!important;border-radius:14px!important;border:1px solid transparent!important;background:transparent;color:#eaf5ff!important;font-size:15px!important;font-weight:520!important;position:relative;}
#app .app-shell .sidebar .nav button[data-nav]:hover{background:rgba(4,90,166,.19)!important;border-color:rgba(52,174,247,.4)!important}
#app .app-shell .sidebar .nav button[data-nav].active{background:linear-gradient(110deg,rgba(35,116,207,.39),rgba(18,65,113,.72))!important;border:1.5px solid #6acbff!important;box-shadow:0 0 0 2px rgba(3,88,225,.58),inset 0 0 12px rgba(3,102,247,.2),0 5px 19px rgba(4,60,157,.17)!important;color:#fff!important}
#app .app-shell .sidebar .nav .kp49-nav-svg{width:21px;height:21px;flex:0 0 21px;display:block;filter:drop-shadow(0 0 1px rgba(65,157,255,.15))}
#app .app-shell .sidebar .nav button[data-nav] .nav-label{min-width:0;white-space:nowrap}
#app .app-shell .sidebar .nav button[data-nav] .nav-badge{margin-left:auto}
#app .app-shell .sidebar .work-switch-nav.active-work{box-shadow:inset 0 0 0 1px rgba(21,221,206,.35)}

/* Header commun : vraiment le même décor premium SUR CHAQUE page */
#app .view > .topbar.kp37-hero,
#app #view-dashboard > .topbar.kp37-hero {
  background:#061c3d!important;
  min-height:150px!important;
  border-bottom:1px solid rgba(30,190,252,.31)!important;
  box-shadow:0 11px 26px rgba(3,31,74,.14)!important;
  overflow:hidden!important;
  padding-top:24px!important;padding-bottom:24px!important;
}
#app .view > .topbar.kp37-hero::before{
  content:""!important;position:absolute!important;inset:0!important;
  background-image:url('./kp49-hero.svg')!important;
  background-position:right center!important;
  background-size:cover!important;background-repeat:no-repeat!important;
  opacity:1!important;filter:none!important;pointer-events:none!important;z-index:0!important;
}
#app .view > .topbar.kp37-hero::after{content:none!important;display:none!important}
#app .view > .topbar.kp37-hero > .kp37-hero-copy{z-index:1!important;position:relative!important;flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 260px)!important;}
#app .view > .topbar.kp37-hero > .kp37-hero-copy::before{background:linear-gradient(180deg,#ffdf93,#efbc58 48%,#2cf3c6)!important;box-shadow:0 0 10px rgba(245,188,71,.2)!important}
#app .view > .topbar.kp37-hero h1{font-family:Georgia,'Times New Roman',serif!important;letter-spacing:-.032em!important;font-weight:500!important;font-size:clamp(32px,2.9vw,46px)!important;line-height:1.08!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.1)!important}
#app #view-dashboard > .topbar.kp37-hero h1 .kp49-gold-name{color:#ffd77a!important;-webkit-text-fill-color:#ffd77a!important}
#app .view > .topbar.kp37-hero .kp37-hero-kicker{font-size:11.5px!important;letter-spacing:.17em!important;color:#dfebfc!important}
#app .view > .topbar.kp37-hero .eyebrow{font-size:13px!important;color:#d1e2f4!important}
#app .view > .topbar.kp37-hero > .actions{
  margin-right:177px!important;max-width:calc(100% - 470px)!important;flex:0 1 auto!important;
  justify-content:flex-end!important;z-index:3!important;position:relative!important;gap:10px!important;
}
#app .view > .topbar.kp37-hero > .actions:empty{display:none!important}
#app .view > .topbar.kp37-hero > .actions .btn{white-space:nowrap!important;min-height:45px!important;padding:11px 17px!important}
#app #view-dashboard > .topbar.kp37-hero > .actions{margin-right:160px!important}
/* Boutons secondaires et header : aucune commande sur la silhouette du bâtiment */
@media (min-width:981px) and (max-width:1210px){
 #app .view > .topbar.kp37-hero > .actions{margin-right:139px!important;max-width:calc(100% - 360px)!important;gap:7px!important;}
 #app .view > .topbar.kp37-hero > .actions .btn{font-size:12px!important;padding:10px 13px!important;}
 #app .view > .topbar.kp37-hero > .kp37-hero-copy{max-width:calc(100% - 180px)!important}
 #app .view > .topbar.kp37-hero::before{background-position:57% center!important}
}

/* Tableau de bord : cartes KPI plus premium, séparateur et icônes centrées */
@media(min-width:981px){
 #app #view-dashboard .desktop-dashboard-kpis.commercial-kpis,#app #view-dashboard .desktop-dashboard-kpis:not(.commercial-kpis){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:none!important;margin:2px 0 28px!important;}
 #app #view-dashboard .desktop-dashboard-kpis:not(.commercial-kpis):has(> :nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi{
   --kp49-accent:#0c56a1;--kp49-icon-start:#143d8a;--kp49-icon-end:#011d4d;
   --kp49-gradient:#e5f4ff;--kp49-number:#063e8d;
   display:grid!important;grid-template-columns:58px 1px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
   align-items:center!important;justify-items:start!important;column-gap:15px!important;row-gap:2px!important;
   width:100%!important;height:auto!important;min-height:100px!important;padding:16px 18px!important;
   margin:0!important;position:relative!important;overflow:hidden!important;text-align:left!important;
   background:linear-gradient(143deg,#fff 66%,var(--kp49-gradient) 100%)!important;
   border:1.5px solid #1b4b8a!important;border-radius:21px!important;
   box-shadow:0 7px 15px rgba(10,57,116,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;
   transition:transform .17s,box-shadow .17s,border-color .17s!important;
 }
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi::before{
   content:"";position:absolute;right:-26px;bottom:-28px;width:125px;height:85px;
   background:linear-gradient(144deg,transparent 38%,rgba(85,179,255,.11) 39%,rgba(85,179,255,.13) 56%,transparent 57%),linear-gradient(162deg,transparent 54%,rgba(19,108,219,.10) 55%,transparent 69%);
   pointer-events:none;
 }
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi::after{display:none!important;content:none!important}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi:hover{transform:translateY(-3px)!important;box-shadow:0 13px 26px rgba(9,51,125,.20)!important}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .kp1149-kpi-icon{
   grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;
   width:57px!important;height:57px!important;min-width:57px!important;min-height:57px!important;
   margin:0!important;padding:0!important;align-self:center!important;justify-self:center!important;
   color:#fff!important;background:linear-gradient(145deg,var(--kp49-icon-start),var(--kp49-icon-end))!important;
   border:1px solid rgba(0,0,0,.05)!important;border-radius:16px!important;
   box-shadow:inset 0 2px 3px rgba(255,255,255,.24),inset 0 -5px 6px rgba(0,11,37,.2),0 4px 10px rgba(14,52,108,.18)!important;
 }
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .kp1149-kpi-icon svg{width:29px!important;height:29px!important;display:block!important;margin:auto!important;}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .kp49-kpi-divider{
   grid-column:2!important;grid-row:1/3!important;align-self:stretch!important;display:block!important;
   height:52px!important;width:1px!important;background:#c7d8ea!important;justify-self:center!important;
 }
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .label{
   grid-column:3!important;grid-row:1!important;align-self:end!important;justify-self:start!important;
   color:#0b2b57!important;font-size:13.5px!important;line-height:1.14!important;font-weight:830!important;
   white-space:normal!important;letter-spacing:-.015em!important;margin:0!important;
 }
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .value{
   grid-column:3!important;grid-row:2!important;align-self:start!important;justify-self:start!important;
   color:var(--kp49-number)!important;font-size:31px!important;font-weight:950!important;line-height:1.1!important;margin:0!important;
 }
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-available{--kp49-icon-start:#1ad7ad;--kp49-icon-end:#007e77;--kp49-number:#056b56;--kp49-gradient:#c9fbef;}
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-options{--kp49-icon-start:#ffe43a;--kp49-icon-end:#ec8c0b;--kp49-number:#915500;--kp49-gradient:#fff0bd;}
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-reserved{--kp49-icon-start:#27aaff;--kp49-icon-end:#0052d7;--kp49-number:#0965ba;--kp49-gradient:#dcecff;}
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-options .kp1149-kpi-icon{color:#654000!important}
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-buyers{--kp49-icon-start:#8c98c9;--kp49-icon-end:#485c9b;}
 #app #view-dashboard .desktop-dashboard-kpis .kp1149-kpi-sru{--kp49-icon-start:#1caedb;--kp49-icon-end:#075890;}
}
/* Mes programmes : iconographie dorée et cadre élégant */
#app #view-dashboard > section.card.panel.dashboard-program-card{
   padding:18px 20px 17px!important;margin-top:0!important;margin-bottom:23px!important;
   border:1.5px solid #abc8e3!important;border-radius:22px!important;
   background:#fff!important;box-shadow:0 11px 24px rgba(9,47,88,.10)!important;
}
#app #view-dashboard .dashboard-program-card > .panel-head{align-items:center!important;gap:12px!important;margin-bottom:11px!important;}
#app #view-dashboard .kp49-section-heading{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#app #view-dashboard .kp49-section-icon{color:#eba93b;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;}
#app #view-dashboard .kp49-section-icon svg{width:52px;height:52px;display:block;filter:drop-shadow(0 1px 2px rgba(180,126,33,.08))}
#app #view-dashboard .kp49-section-copy{border-left:3px solid #f9c55e;padding-left:13px;min-width:0;}
#app #view-dashboard .kp49-section-copy h2{color:#071e41!important;font-size:22px!important;font-weight:900!important;line-height:1.1!important;}
#app #view-dashboard .kp49-section-copy .muted{color:#47617b!important;font-size:15px!important;margin-top:3px!important;}
#app #view-dashboard #kp1149FilterToggle{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
 min-height:45px!important;padding:9px 25px!important;border-radius:999px!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #0b3d70!important;background:linear-gradient(145deg,#0a3768,#051b3b)!important;
 box-shadow:0 5px 12px rgba(3,39,87,.23)!important;font-size:15px!important;font-weight:850!important;
}
#app #view-dashboard .kp49-filter-icon{display:block;width:19px;height:19px;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card{
 background:linear-gradient(120deg,#072650,#0a366c 55%,#061d45)!important;
 border:1px solid #1a75b9!important;border-radius:22px!important;padding:12px 15px!important;
 box-shadow:inset 0 1px 1px rgba(83,184,251,.13),0 4px 10px rgba(7,45,99,.12)!important;
 position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#fff!important;min-height:108px!important;
}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card::after{
 content:""!important;display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:49%!important;max-width:none!important;height:100%!important;
 background-image:url('./kp49-cardwave.svg')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
 opacity:1!important;pointer-events:none!important;z-index:0!important;
}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > *{position:relative!important;z-index:1!important;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > .thumb{
 width:126px!important;height:84px!important;min-width:126px!important;object-fit:cover!important;border:2px solid #b9dfff!important;border-radius:15px!important;
 box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div{border-left:3px solid #edb353!important;padding-left:16px!important;min-width:0!important;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div > b{font-size:19px!important;font-weight:850!important;color:#fff!important;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div .meta{font-size:13px!important;color:#e2eefb!important;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card .badge{font-size:12px!important;font-weight:850!important;padding:6px 12px!important;}
#app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > button.btn{
 border:0!important;border-radius:16px!important;background:#fff!important;color:#061f45!important;
 -webkit-text-fill-color:#061f45!important;min-height:47px!important;padding:11px 20px!important;
 font-size:16px!important;font-weight:900!important;box-shadow:0 4px 12px rgba(4,29,58,.12)!important;
}

/* Stock : bandeau marine soigné, icône dorée + véritables titres de colonnes */
#app #view-dashboard > section.card.panel.dashboard-stock-card{
 background:linear-gradient(150deg,#07234c,#051a3b 82%)!important;
 border:2px solid #0a4781!important;border-radius:25px!important;
 box-shadow:0 11px 0 rgba(8,27,62,.09),0 14px 26px rgba(7,46,87,.19)!important;
 padding:13px 13px 15px!important;overflow:hidden!important;
}
#app #view-dashboard .dashboard-stock-card > .panel-head{padding:3px 8px 6px!important;margin:0 0 10px!important;min-height:58px!important;}
#app #view-dashboard .dashboard-stock-card .kp49-section-icon{color:#ffc45c!important;width:51px!important;flex-basis:51px!important;height:51px!important;}
#app #view-dashboard .dashboard-stock-card .kp49-section-icon svg{width:50px!important;height:50px!important;}
#app #view-dashboard .dashboard-stock-card .kp49-section-copy{border-left-color:#ffc25a!important;}
#app #view-dashboard .dashboard-stock-card .kp49-section-copy h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:21px!important;}
#app #view-dashboard .dashboard-stock-card .kp49-section-copy .muted{color:#d4e7fb!important;-webkit-text-fill-color:#d4e7fb!important;font-size:13.5px!important;}
#app #view-dashboard .dashboard-stock-card #dashboardStockResults .dash-lots{background:#fff!important;border:1px solid #d7e9f5!important;border-radius:18px!important;overflow:hidden!important;}
#app #view-dashboard .kp49-stock-colhead{
 display:grid!important;grid-template-columns:34px 74px minmax(220px,1fr) 105px 125px 100px 22px!important;
 column-gap:12px!important;align-items:center!important;padding:13px 12px!important;
 background:#fffaf0!important;color:#112952!important;text-align:left!important;
 border-bottom:1px solid #d3e0e8!important;font-size:12px!important;font-weight:850!important;
}
#app #view-dashboard .dash-lot-row{display:grid!important;grid-template-columns:34px 74px minmax(220px,1fr) 105px 125px 100px 22px!important;align-items:center!important;padding:14px 12px!important;column-gap:12px!important;color:#0e2249!important;}
#app #view-dashboard .dash-lot-main > b{font-size:14px!important;}
#app #view-dashboard .dash-lot-number b{font-size:18px!important;}
#app #view-dashboard .dash-lot-surface,#app #view-dashboard .dash-lot-price{font-size:14px!important;}
#app #view-dashboard .dash-lot-status{font-size:12px!important;padding:7px 13px!important;justify-self:start!important;}
#app #view-dashboard .dash-lot-status.available{background:#c7f4e4!important;color:#075943!important;}
#app #view-dashboard .dash-lot-status.option{background:#ffe3a5!important;color:#865400!important;}
#app #view-dashboard .dash-lot-status.reserved{background:#d6e6ff!important;color:#0d438e!important;}
#app #view-dashboard .dash-lot-row.lot-status-available{background:#edfdf9!important;}
#app #view-dashboard .dash-lot-row.lot-status-option{background:#fff7e6!important;}
#app #view-dashboard .dash-lot-row.lot-status-reserved{background:#eff6ff!important;}
/* Preserve row click, multiple selection, and native status filter. */
@media(min-width:981px) and (max-width:1180px){
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi{grid-template-columns:47px 1px minmax(0,1fr)!important;gap:0 10px!important;padding:12px!important;min-height:90px!important;}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .kp1149-kpi-icon{width:47px!important;height:47px!important;min-width:47px!important;min-height:47px!important;}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .label{font-size:12px!important;}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .value{font-size:27px!important;}
 #app #view-dashboard .desktop-dashboard-kpis > .kp1149-kpi .kp49-kpi-divider{height:43px!important;}
 #app #view-dashboard .kp49-stock-colhead{grid-template-columns:34px 68px minmax(180px,1fr) 95px 112px 90px 18px!important;column-gap:8px!important;}
 #app #view-dashboard .dash-lot-row{grid-template-columns:34px 68px minmax(180px,1fr) 95px 112px 90px 18px!important;column-gap:8px!important;}
}
@media(max-width:980px){
 #app .view > .topbar.kp37-hero{min-height:130px!important;}
 #app .view > .topbar.kp37-hero > .kp37-hero-copy{max-width:none!important;}
 #app .view > .topbar.kp37-hero > .actions{margin-right:127px!important;max-width:calc(100% - 230px)!important;}
 #app .view > .topbar.kp37-hero::before{background-position:66% center!important;}
 #app #view-dashboard .kp49-stock-colhead{display:none!important;}
 #app #view-dashboard .dash-lot-row{grid-template-columns:34px 68px minmax(180px,1fr) 95px 112px 90px 18px!important;column-gap:8px!important;}
 #app #view-dashboard .kp49-section-heading{gap:9px!important;}
 #app #view-dashboard .kp49-section-icon{width:42px!important;flex-basis:42px!important;height:42px!important;}
 #app #view-dashboard .kp49-section-icon svg{width:40px!important;height:40px!important;}
 #app #view-dashboard .kp49-section-copy h2{font-size:18px!important;}
 #app #view-dashboard .kp49-section-copy .muted{font-size:12px!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > .thumb{min-width:70px!important;width:70px!important;height:64px!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card::after{opacity:.54!important;}
}
@media(max-width:760px){
 #app #view-dashboard .dash-lot-row{grid-template-columns:32px 58px minmax(0,1fr) auto 18px!important;column-gap:8px!important;}
 #app #view-dashboard .dash-lot-row .dash-lot-surface,#app #view-dashboard .dash-lot-row .dash-lot-price{display:none!important;}
 #app .view > .topbar.kp37-hero{min-height:122px!important;}
 #app .view > .topbar.kp37-hero::before{background-position:69% center!important;opacity:.55!important;}
 #app .view > .topbar.kp37-hero > .actions{margin-right:0!important;max-width:100%!important;justify-content:flex-start!important;z-index:4!important;}
 #app .view > .topbar.kp37-hero .kp37-hero-copy{max-width:100%!important;}
 #app .view > .topbar.kp37-hero h1{font-size:clamp(27px,7vw,35px)!important;}
 #app #view-dashboard > section.card.panel.dashboard-program-card{padding:13px!important;border-radius:18px!important;}
 #app #view-dashboard .dashboard-program-card .panel-head{gap:8px!important;}
 #app #view-dashboard #kp1149FilterToggle{font-size:12px!important;padding:8px 13px!important;min-height:39px!important;}
 #app #view-dashboard .kp49-filter-icon{width:15px!important;height:15px!important;}
 #app #view-dashboard .dashboard-stock-card .kp49-section-icon{width:38px!important;flex-basis:38px!important;}
 #app #view-dashboard .dashboard-stock-card .kp49-section-icon svg{width:38px!important;height:38px!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div{border:0!important;padding-left:0!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div > b{font-size:14px!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > div .meta{font-size:11px!important;}
 #app #view-dashboard .dashboard-program-card #kp1149HomeResults .program-card > button.btn{font-size:13px!important;min-height:38px!important;}
 #app #view-dashboard .desktop-dashboard-kpis{display:none!important;}
}
@media(max-width:400px){
 #app #view-dashboard .kp49-section-icon{width:34px!important;flex-basis:34px!important;}
 #app #view-dashboard .kp49-section-icon svg{width:34px!important;height:34px!important;}
 #app #view-dashboard .kp49-section-copy{padding-left:8px!important;}
 #app #view-dashboard .kp49-section-copy h2{font-size:16px!important;}
 #app #view-dashboard .dashboard-program-card .panel-head{flex-wrap:wrap!important;}
}