/* ============================================================
   NOTRE REFUGE — V78 EASY SETUP
   ============================================================ */

.refuge74-device-actions button[data-needs-sync="true"]{
  position:relative;
}
.refuge74-device-actions button[data-needs-sync="true"]::after{
  content:"Configuration guidée";
  display:block;
  margin-left:6px;
  opacity:.68;
  font-size:.42rem;
  font-weight:700;
}
.refuge78-easy-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(82,55,69,.07);
  border-radius:14px;
  background:#f7efec;
}
.refuge78-easy-note>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:10px;
  color:#a2677e;
  background:#f0dfe5;
  font:500 .78rem Georgia,serif;
}
.refuge78-easy-note strong{
  display:block;
  color:#5a444f;
  font-size:.59rem;
}
.refuge78-easy-note small{
  display:block;
  margin-top:3px;
  color:#8b747f;
  font-size:.49rem;
  line-height:1.45;
}

.refuge78-setup-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:2px 0 4px;
}
.refuge78-setup-flow>div{
  min-width:0;
  padding:9px;
  border:1px solid rgba(82,55,69,.08);
  border-radius:13px;
  background:#f8f0ed;
}
.refuge78-setup-flow span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  margin-bottom:6px;
  border-radius:9px;
  color:#8f6d7d;
  background:#eadde2;
  font-size:.51rem;
  font-weight:900;
}
.refuge78-setup-flow strong,
.refuge78-setup-flow small{
  display:block;
}
.refuge78-setup-flow strong{
  color:#5b4650;
  font-size:.55rem;
}
.refuge78-setup-flow small{
  margin-top:2px;
  color:#927a86;
  font-size:.43rem;
  line-height:1.35;
}
.refuge78-setup-flow .is-current{
  border-color:rgba(182,111,137,.18);
  background:linear-gradient(145deg,#fff8f5,#f1e4e8);
}
.refuge78-setup-flow .is-current span{
  color:#fff;
  background:linear-gradient(135deg,#b66f89,#81739c);
}
.refuge78-help{
  padding:10px;
  border-radius:13px;
  background:#eee6f0;
}
.refuge78-help strong{
  display:block;
  color:#5b485f;
  font-size:.57rem;
}
.refuge78-help p{
  margin:4px 0 0!important;
  color:#807085!important;
  font-size:.49rem!important;
  line-height:1.48!important;
}
.refuge78-relay-pending{
  display:block;
  padding:8px 9px;
  border-radius:11px;
  color:#765667;
  background:#f1e1e7;
  font-size:.49rem;
  line-height:1.4;
}
.refuge78-relay-pending[hidden]{display:none!important}

/* no "forbidden" feeling on invitation actions anymore */
.refuge74-device-actions button:disabled{
  cursor:default!important;
}
#refuge74-invite-leonor,
#refuge74-add-pierre{
  cursor:pointer!important;
}

@media(max-width:520px){
  .refuge78-setup-flow{
    grid-template-columns:1fr;
  }
  .refuge78-setup-flow>div{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:7px;
  }
  .refuge78-setup-flow span{
    grid-row:1/3;
    margin:0;
  }
}


/* V79 — Cloudflare guided deployment */
.refuge79-cloudflare-help{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(113,88,153,.12);
  background:linear-gradient(145deg,#f3eef7,#eee7f1)!important;
}
.refuge79-cloudflare-help::after{
  content:"☁";
  position:absolute;
  right:10px;
  bottom:-10px;
  color:rgba(126,104,155,.10);
  font-size:3.2rem;
  line-height:1;
  pointer-events:none;
}
.refuge79-cloudflare-help b{
  color:#62506d;
  font-weight:850;
}