/* ═══════════════════════════════════════════════════════════════════════════
   NOTRE REFUGE · V53
   Navigation / Centre Gérer — refonte complète
   ═══════════════════════════════════════════════════════════════════════════ */

#world-settings{
  background:var(--paper);
}

#app[data-world="settings"] .topnav{
  visibility:hidden;
  pointer-events:none;
}

#app[data-world="settings"] .topbar__end [data-go="settings"]{
  display:none;
}

#app[data-world="settings"] .footer{
  display:none;
}

.manage-shell{
  --manage-rail:280px;
  display:grid;
  grid-template-columns:var(--manage-rail) minmax(0,1fr);
  min-height:100%;
  background:var(--paper);
}

.manage-sidebar{
  position:sticky;
  top:0;
  align-self:start;
  height:100dvh;
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:24px 18px 22px;
  overflow-y:auto;
  overscroll-behavior:contain;
  border-right:1px solid color-mix(in srgb,var(--ink) 10%,transparent);
  background:
    radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--terra) 7%,transparent),transparent 30%),
    color-mix(in srgb,var(--paper-warm) 94%,var(--paper));
}

.manage-sidebar__top{
  display:grid;
  gap:22px;
}

.manage-exit{
  width:100%;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--paper) 78%,transparent);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}

.manage-exit>span:first-child{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--paper);
  color:var(--wine);
  font-size:1.1rem;
}

.manage-exit>span:last-child{
  display:grid;
  gap:2px;
}

.manage-exit strong{
  font:700 .76rem var(--font-body);
}

.manage-exit small{
  color:var(--ink-faint);
  font:.62rem var(--font-body);
}

.manage-brand{
  padding:0 8px;
}

.manage-brand>small{
  color:var(--terra);
  font:800 .56rem var(--font-body);
  letter-spacing:.18em;
}

.manage-brand h2{
  margin:5px 0 4px;
  font:500 2.25rem/1 var(--font-display);
}

.manage-brand p{
  margin:0;
  color:var(--ink-muted);
  font:.73rem/1.5 var(--font-body);
}

.manage-nav{
  display:grid;
  gap:18px;
}

.manage-nav__group{
  display:grid;
  gap:5px;
}

.manage-nav__group>small{
  padding:0 10px 3px;
  color:var(--ink-faint);
  font:800 .5rem var(--font-body);
  letter-spacing:.16em;
}

.manage-nav__group button{
  width:100%;
  min-height:48px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px 9px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--ink-muted);
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.manage-nav__group button:hover{
  background:color-mix(in srgb,var(--paper) 76%,transparent);
  color:var(--ink);
}

.manage-nav__group button.is-on{
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 9px 25px -23px rgba(31,24,20,.5);
}

.manage-nav__icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:color-mix(in srgb,var(--ink) 4%,var(--paper));
  color:var(--terra);
}

.manage-nav__group button.is-on .manage-nav__icon{
  background:var(--terra-soft);
  color:var(--terra);
}

.manage-nav__copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.manage-nav__copy strong{
  font:700 .75rem var(--font-body);
}

.manage-nav__copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink-faint);
  font:.61rem var(--font-body);
}

.manage-device-shortcut{
  width:100%;
  margin-top:auto;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));
  border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 94%,white),color-mix(in srgb,var(--gold) 6%,var(--paper)));
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}

.manage-device-shortcut>span:first-child{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--wine);
  color:var(--paper);
}

.manage-device-shortcut>span:nth-child(2){
  display:grid;
  gap:2px;
}

.manage-device-shortcut strong{
  font:700 .73rem var(--font-body);
}

.manage-device-shortcut small{
  color:var(--ink-muted);
  font:.61rem var(--font-body);
}

.manage-device-shortcut>b{
  color:var(--terra);
  font-size:1rem;
}

.manage-workspace{
  min-width:0;
  min-height:100dvh;
  background:
    radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--gold) 5%,transparent),transparent 24%),
    var(--paper);
}

.manage-contextbar{
  position:sticky;
  top:0;
  z-index:20;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px clamp(22px,3vw,42px);
  border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);
  background:color-mix(in srgb,var(--paper) 96%,transparent);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.manage-contextbar__path{
  min-width:0;
  display:grid;
  gap:2px;
}

.manage-contextbar__path small{
  color:var(--terra);
  font:800 .5rem var(--font-body);
  letter-spacing:.16em;
}

.manage-contextbar__path strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:650 .88rem var(--font-body);
}

.manage-contextbar__actions{
  display:flex;
  gap:8px;
}

.manage-context-device,
.manage-context-exit{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
}

.manage-context-device span{
  color:var(--terra);
  font-size:1rem;
}

.manage-context-exit{
  display:none;
}

.manage-contextbar button strong{
  font:700 .68rem var(--font-body);
}

.manage-content{
  width:min(1180px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,54px) clamp(22px,4vw,54px) 90px!important;
  background:transparent!important;
}

.manage-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 18px!important;
  padding:8px 12px!important;
  min-height:38px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--paper)!important;
  color:var(--ink-muted)!important;
  font:700 .68rem var(--font-body)!important;
}

.manage-mobile-nav{
  display:none;
}

/* ---------- nouvelle page d'accueil Gérer ---------- */
.manage-home-status{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:18px;
  align-items:stretch;
  margin-bottom:32px;
}

.manage-home-status__main{
  padding:24px 26px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));
  border-radius:22px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--paper) 88%,white),color-mix(in srgb,var(--sage) 5%,var(--paper)));
}

.manage-home-status__main>small,
.manage-home-section>header>small{
  color:var(--terra);
  font:800 .55rem var(--font-body);
  letter-spacing:.18em;
}

.manage-home-status__main h4{
  margin:6px 0 7px;
  font:500 1.55rem var(--font-display);
}

.manage-home-status__main p{
  max-width:65ch;
  margin:0;
  color:var(--ink-muted);
  font:.79rem/1.6 var(--font-body);
}

.manage-home-status__cloud{
  display:flex;
  align-items:center;
  gap:13px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:color-mix(in srgb,var(--paper-warm) 74%,var(--paper));
}

.manage-home-status__cloud>span{
  width:11px;
  height:11px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 11%,transparent);
}

.manage-home-status__cloud.is-ok>span{
  background:var(--sage);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--sage) 12%,transparent);
}

.manage-home-status__cloud>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.manage-home-status__cloud small{
  color:var(--ink-faint);
  font:800 .52rem var(--font-body);
  letter-spacing:.14em;
}

.manage-home-status__cloud strong{
  font:700 .8rem var(--font-body);
}

.manage-home-status__cloud em{
  color:var(--ink-muted);
  font:normal .66rem var(--font-body);
}

.manage-home-section{
  display:grid;
  gap:14px;
  padding:24px 0 28px;
  border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);
}

.manage-home-section>header{
  display:grid;
  gap:4px;
}

.manage-home-section>header h4{
  margin:0;
  font:500 1.35rem var(--font-display);
}

.manage-home-section>header p{
  margin:0;
  color:var(--ink-muted);
  font:.74rem/1.5 var(--font-body);
}

.manage-home-grid{
  display:grid;
  gap:12px;
}

.manage-home-grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.manage-home-grid--2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.manage-home-grid .settings-hub-card{
  min-height:116px;
  padding:17px;
  border-radius:17px;
  background:color-mix(in srgb,var(--paper-warm) 72%,var(--paper));
  box-shadow:none;
}

.manage-home-grid .settings-hub-card__icon{
  width:42px;
  height:42px;
  border-radius:13px;
}

.manage-home-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:10px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
}

.manage-home-summary span{
  display:grid;
  justify-items:center;
  gap:3px;
  padding:15px 10px;
  border-right:1px solid var(--line);
}

.manage-home-summary span:last-child{
  border-right:0;
}

.manage-home-summary strong{
  font:500 1.35rem var(--font-display);
  color:var(--wine);
}

.manage-home-summary small{
  color:var(--ink-muted);
  font:.59rem var(--font-body);
}

/* Explorer : Gérer est volontairement séparé des univers de contenu. */
.explorer__row--manage{
  margin-top:8px;
  border-top:1px solid var(--line)!important;
}

/* ---------- tablette ---------- */
@media(max-width:1080px){
  .manage-shell{
    --manage-rail:240px;
  }

  .manage-nav__copy small{
    display:none;
  }

  .manage-home-grid--3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---------- mobile ---------- */
@media(max-width:900px){
  #app[data-world="settings"] > .mobilenav{
    display:none!important;
  }

  #app[data-world="settings"] .topnav{
    display:none!important;
  }

  #app[data-world="settings"] .topbar{
    min-height:56px;
  }

  #app[data-world="settings"] .brand__copy small,
  #app[data-world="settings"] .build-chip,
  #app[data-world="settings"] .topbar__end [data-profile="self"]{
    display:none!important;
  }

  .manage-shell{
    display:block;
    min-height:100%;
    padding-bottom:calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px));
  }

  .manage-sidebar{
    display:none!important;
  }

  .manage-workspace{
    min-height:100%;
  }

  .manage-contextbar{
    min-height:52px;
    padding:7px 12px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .manage-contextbar__actions{
    gap:6px;
  }

  .manage-context-device{
    min-width:40px;
    padding:0 10px;
  }

  .manage-context-device strong{
    display:none;
  }

  .manage-context-exit{
    display:inline-flex;
  }

  .manage-content{
    width:100%;
    padding:18px 14px calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px) + 26px)!important;
  }

  .manage-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:60;
    height:calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px));
    display:grid;
    grid-template-columns:repeat(5,1fr);
    padding:2px 3px env(safe-area-inset-bottom,0px);
    border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);
    background:var(--paper);
    box-shadow:0 -12px 30px -25px rgba(31,24,20,.45);
  }

  .manage-mobile-nav button{
    min-width:0;
    border:0;
    background:transparent;
    color:var(--ink-muted);
    display:grid;
    place-items:center;
    align-content:center;
    gap:3px;
    padding:4px 1px;
    font-family:inherit;
    cursor:pointer;
  }

  .manage-mobile-nav button>span{
    width:31px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:10px;
    font-size:.95rem;
  }

  .manage-mobile-nav button small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font:700 .56rem var(--font-body);
  }

  .manage-mobile-nav button.is-on{
    color:var(--terra);
  }

  .manage-mobile-nav button.is-on>span{
    background:var(--terra-soft);
  }

  .manage-mobile-nav__exit{
    color:var(--wine)!important;
  }

  .manage-home-status{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:24px;
  }

  .manage-home-status__main{
    padding:19px;
    border-radius:18px;
  }

  .manage-home-status__cloud{
    padding:14px 16px;
    border-radius:16px;
  }

  .manage-home-section{
    padding:20px 0 23px;
  }

  .manage-home-grid--3,
  .manage-home-grid--2{
    grid-template-columns:1fr;
  }

  .manage-home-grid .settings-hub-card{
    min-height:82px;
    padding:14px;
  }

  .manage-home-summary{
    grid-template-columns:repeat(2,1fr);
  }

  .manage-home-summary span:nth-child(2){
    border-right:0;
  }

  .manage-home-summary span:nth-child(-n+2){
    border-bottom:1px solid var(--line);
  }

  .settings__head{
    margin-bottom:20px!important;
  }

  .settings__head h3{
    font-size:1.65rem!important;
  }
}

@media(max-width:420px){
  .manage-contextbar__path strong{
    font-size:.78rem;
  }

  .manage-mobile-nav button small{
    font-size:.52rem;
  }

  .manage-content{
    padding-inline:12px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .manage-nav__group button{
    transition:none!important;
  }
}