/* Интерфейс админки. На обычном сайте этот файл ничего не рисует. */

html.cms-loading body { visibility: hidden; }

/* ---------- окно входа ---------- */
.adm-login{
  position:fixed;inset:0;z-index:1000;
  background:rgba(10,10,10,.94);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  font-family:"Montserrat",system-ui,sans-serif;
}
.adm-login__card{
  background:#1c1c1c;border:1.5px solid rgba(255,255,255,.14);
  border-radius:26px;padding:38px 34px;width:min(380px,100%);
  display:flex;flex-direction:column;gap:14px;text-align:center;color:#fff;
}
.adm-login__logo{
  width:52px;height:52px;border-radius:16px;background:#ffd400;color:#111;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:22px;letter-spacing:-.05em;margin:0 auto 6px;
}
.adm-login h2{margin:0;font-size:22px;font-weight:800}
.adm-login p{margin:0;font-size:14px;color:rgba(255,255,255,.6)}
.adm-login input{
  background:#111;border:1.5px solid rgba(255,255,255,.16);border-radius:14px;
  padding:14px 16px;color:#fff;font-size:16px;font-family:inherit;outline:none;
}
.adm-login input:focus{border-color:#ffd400}
.adm-login button{
  background:#ffd400;border:none;border-radius:14px;padding:14px;
  font-weight:800;font-size:16px;font-family:inherit;color:#111;cursor:pointer;
}
.adm-login button:hover{background:#f5c400}
.adm-login__err{color:#ff7676;font-size:13px;font-weight:700;min-height:16px}

/* ---------- нижняя панель ---------- */
.adm-bar{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:999;
  background:rgba(20,20,20,.94);backdrop-filter:blur(14px);
  border:1.5px solid rgba(255,255,255,.14);border-radius:20px;
  padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-family:"Montserrat",system-ui,sans-serif;color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.5);
}
.adm-bar__logo{
  width:34px;height:34px;border-radius:11px;background:#ffd400;color:#111;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:15px;letter-spacing:-.05em;flex:none;
}
.adm-bar__hint{font-size:12.5px;color:rgba(255,255,255,.55);font-weight:600}
.adm-bar__state{
  margin-left:auto;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.55);
}
.adm-bar__state.is-dirty{color:#ffd400}
.adm-bar__btn{
  border:1.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;
  border-radius:12px;padding:10px 16px;font-size:13px;font-weight:800;
  font-family:inherit;cursor:pointer;transition:.15s;
}
.adm-bar__btn:hover{background:rgba(255,255,255,.09)}
.adm-bar__btn--save{background:#ffd400;color:#111;border-color:transparent}
.adm-bar__btn--save:hover{background:#f5c400}
.adm-bar__btn--save:disabled{opacity:.4;cursor:default;background:#ffd400}

/* ---------- подсветка редактируемого ---------- */
.adm-on{padding-bottom:80px}
.adm-on .adm-text{
  outline:1.5px dashed rgba(255,212,0,.35);outline-offset:3px;border-radius:4px;
  transition:outline-color .15s, background .15s;
}
.adm-on .adm-text:hover{outline-color:rgba(255,212,0,.8)}
.adm-on .adm-text:focus{
  outline:2px solid #ffd400;background:rgba(255,212,0,.1);
}

.adm-on .adm-media{outline:1.5px dashed rgba(255,212,0,.35);outline-offset:2px}
.adm-on .adm-uploading{opacity:.4}
.adm-swap{
  position:fixed;z-index:998;transform:translate(-50%,-50%);
  background:#ffd400;color:#111;border:none;border-radius:12px;
  padding:10px 16px;font-size:12.5px;font-weight:800;
  font-family:"Montserrat",system-ui,sans-serif;cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.5);
  opacity:0;pointer-events:none;transition:opacity .12s;
}
.adm-swap.is-on{opacity:1;pointer-events:auto}
.adm-swap:hover{background:#fff}

@media (max-width:700px){
  .adm-bar{gap:8px;padding:10px 12px}
  .adm-bar__hint{display:none}
  .adm-bar__btn{padding:9px 12px;font-size:12px}
  .adm-swap{padding:8px 12px;font-size:11.5px}
}