/* ============ ADMIN LOGIN MODAL ============ */
.admin-modal{
  position: fixed; inset:0; z-index: 3000;
  background: rgba(3,4,3,0.82); backdrop-filter: blur(6px);
  display:none; align-items:center; justify-content:center; padding: 20px;
}
.admin-modal.open{ display:flex; }
.admin-modal__box{
  width: min(360px, 100%);
  background: #0c0f0c; border: 1px solid rgba(57,255,106,0.35);
  border-radius: 18px; padding: 28px 26px;
  box-shadow: 0 30px 80px -20px rgba(57,255,106,0.35);
  display:flex; flex-direction:column; gap: 14px;
}
.admin-modal__title{
  font-family: "Unbounded", sans-serif; font-size: 1rem; color:#f4f6f4;
  margin: 0 0 4px;
}
.admin-modal__status{
  font-size:.76rem; font-weight:600; margin: -6px 0 2px; padding: 6px 10px; border-radius: 8px;
}
.admin-modal__status.is-cloud{ color:#39ff6a; background: rgba(57,255,106,0.08); }
.admin-modal__status.is-local{ color:#ffb020; background: rgba(255,176,32,0.08); }
.admin-modal__box input{
  width:100%; background:#060706; border:1px solid rgba(255,255,255,0.12);
  border-radius: 10px; padding: 12px 14px; color:#f4f6f4; font-size:.95rem;
}
.admin-modal__box input:focus{ outline:none; border-color:#39ff6a; }
.admin-modal__error{
  color:#ff5c5c; font-size:.8rem; margin:0; min-height: 1.1em;
}
.admin-modal__actions{ display:flex; gap: 10px; justify-content:flex-end; margin-top: 4px; }
.admin-modal__actions .btn{ padding: 10px 20px; font-size:.85rem; }

/* ============ ADMIN LEADS MODAL ============ */
.admin-modal__box--wide{ width: min(560px, 100%); max-height: 80vh; }
.admin-leads-list{
  overflow-y: auto; max-height: 60vh; display:flex; flex-direction:column; gap: 10px;
}
.admin-leads-empty{ color:#9aa39a; font-size:.9rem; text-align:center; padding: 20px 0; margin:0; }
.admin-lead-card{
  border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 14px 16px;
  background: #101210; position:relative;
}
.admin-lead-card__date{ font-size:.72rem; color:#9aa39a; margin: 0 0 6px; }
.admin-lead-card__row{ font-size:.9rem; color:#f4f6f4; margin: 0 0 4px; }
.admin-lead-card__row b{ color:#39ff6a; font-weight:700; }
.admin-lead-card__delete{
  position:absolute; top: 10px; right: 10px; width: 26px; height: 26px; border-radius:50%;
  border:1px solid rgba(255,92,92,0.4); background: rgba(6,7,6,0.8); color:#ff8080;
  font-size:.75rem; cursor:pointer; display:flex; align-items:center; justify-content:center;
}

/* ============ ADMIN BAR ============ */
.admin-bar{
  position: fixed; right: 20px; bottom: 20px; z-index: 2900;
  display:none; flex-direction:column;
  width: min(300px, calc(100vw - 32px));
  background: rgba(8,10,8,0.97); backdrop-filter: blur(16px);
  border: 1px solid rgba(57,255,106,0.35);
  border-radius: 18px;
  box-shadow: 0 24px 60px -20px rgba(0,0,0,0.8), 0 0 30px -10px rgba(57,255,106,0.25);
  overflow: hidden;
}
.admin-bar.open{ display:flex; }

.admin-bar__collapse-toggle{
  display:flex; align-items:center; gap: 8px; width:100%;
  background: transparent; border:none; padding: 14px 16px; cursor:pointer;
  font: inherit; text-align:left;
}
.admin-bar__label{
  font-size:.85rem; font-weight:700; color:#39ff6a; letter-spacing:.02em;
  white-space:nowrap;
}
.admin-bar__sync{
  font-size:.68rem; font-weight:700; padding: 3px 9px; border-radius:999px; white-space:nowrap;
}
.admin-bar__sync.is-cloud{ color:#39ff6a; background: rgba(57,255,106,0.1); border:1px solid rgba(57,255,106,0.3); }
.admin-bar__sync.is-local{ color:#ffb020; background: rgba(255,176,32,0.1); border:1px solid rgba(255,176,32,0.3); }
.admin-bar__chevron{
  margin-left:auto; color:#9aa39a; font-size:.8rem; transition: transform .25s;
}
.admin-bar.is-collapsed .admin-bar__chevron{ transform: rotate(-90deg); }

.admin-bar__body{
  display:flex; flex-direction:column; gap: 10px;
  padding: 0 16px 16px;
}
.admin-bar.is-collapsed .admin-bar__body{ display:none; }

.admin-bar__grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.admin-bar__divider{ height:1px; background: rgba(255,255,255,0.08); margin: 2px 0; }

.admin-bar__btn{
  background: rgba(255,255,255,0.05); color:#f4f6f4; border:1px solid rgba(255,255,255,0.12);
  border-radius: 10px; padding: 10px 12px; font-size:.8rem; font-weight:600;
  cursor:pointer; transition: background .2s, border-color .2s, color .2s;
  text-align:center; line-height:1.25;
}
.admin-bar__btn:hover{ border-color:#39ff6a; color:#39ff6a; background: rgba(57,255,106,0.06); }
.admin-bar__btn--primary{
  background: rgba(57,255,106,0.1); border-color: rgba(57,255,106,0.4); color:#39ff6a;
}
.admin-bar__btn--edit.is-active{ background:#39ff6a; color:#04140a; border-color:#39ff6a; }
.admin-bar__btn--danger{ color:#ffb020; }
.admin-bar__btn--danger:hover{ border-color:#ffb020; color:#ffb020; background: rgba(255,176,32,0.08); }
.admin-bar__btn--exit{ color:#ff8080; }
.admin-bar__btn--exit:hover{ border-color:#ff5c5c; color:#ff5c5c; background: rgba(255,92,92,0.08); }

/* ============ EDITABLE STATE ============ */
body.admin-editing [data-edit-key]{
  outline: 1px dashed rgba(57,255,106,0.45);
  outline-offset: 3px;
  border-radius: 4px;
  cursor: text;
  transition: outline-color .2s, background .2s;
}
body.admin-editing [data-edit-key]:hover{
  outline-color: #39ff6a;
  background: rgba(57,255,106,0.08);
}
body.admin-editing [data-edit-key]:focus{
  outline: 2px solid #39ff6a;
  background: rgba(57,255,106,0.12);
}

/* ============ TOAST ============ */
.admin-toast{
  position: fixed; top: 18px; left:50%; transform: translateX(-50%) translateY(-140%);
  z-index: 3100; background:#0c0f0c; border:1px solid rgba(57,255,106,0.5);
  color:#39ff6a; font-size:.85rem; font-weight:600; padding: 12px 22px;
  border-radius: 999px; box-shadow: 0 10px 30px -8px rgba(57,255,106,0.4);
  transition: transform .35s ease; pointer-events:none;
}
.admin-toast.show{ transform: translateX(-50%) translateY(0); }

@media (max-width: 640px){
  .admin-bar{ right: 12px; left: 12px; bottom: 12px; width:auto; }
  .admin-bar__btn{ padding: 10px; font-size:.76rem; }
}