/* Живая версия: всплывающая новость и инструменты админки */
.toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translate(-50%,140%);display:flex;gap:14px;align-items:center;width:min(520px,calc(100% - 32px));padding:16px 20px;border-radius:22px;background:var(--red);color:#fff;box-shadow:0 20px 50px rgba(255,0,50,.35);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
.toast.in{transform:translate(-50%,0)}
.toast span{font-size:28px}
.toast small{display:block;opacity:.8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.toast b{font-weight:500;font-size:16px;line-height:1.3}

.adm .ed{outline:1.5px dashed transparent;outline-offset:4px;border-radius:6px;cursor:text;transition:outline-color .15s}
.adm .ed:hover{outline-color:rgba(255,0,50,.45)}
.adm .ed:focus{outline:2px solid var(--red);background:rgba(255,255,255,.6)}
.adm .totop{bottom:96px}
.adm-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 20px;border-radius:99px;background:var(--ink);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.25);font-size:14px;max-width:calc(100% - 24px)}
.adm-bar b{font-family:var(--wide);font-size:13px;white-space:nowrap}
.adm-bar span{color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-bar span.ok{color:#7ee2a8}.adm-bar span.bad{color:#ff8fa3}
.adm-bar button{height:38px;padding:0 16px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-weight:500;white-space:nowrap}
.adm-bar button:hover{background:rgba(255,255,255,.2)}
.adm-bar button.on{background:var(--red)}
.adm-btn{align-self:flex-start;margin-bottom:14px;height:40px;padding:0 16px;border-radius:99px;background:var(--ink);color:#fff;font-weight:500;font-size:14px}
.adm-add{width:100%;height:60px;margin-top:12px;border-radius:22px;border:2px dashed rgba(255,0,50,.4);color:var(--red);font-weight:500;font-size:16px;background:rgba(255,255,255,.5)}
.adm-add:hover{background:#fff;border-color:var(--red)}
.adm-tools{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:3}
.adm-tools button{width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.adm-tools button:hover{background:var(--red)}
.adm .ev,.adm .it,.adm .pin{position:relative}
.adm .ev .bm{display:none}
.adm .ev{padding-right:110px}
.adm .ph .cap{opacity:1}
.adm-up{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:20px 22px;margin-bottom:20px;border-radius:22px;border:2px dashed rgba(255,0,50,.4);background:rgba(255,255,255,.7)}
.adm-up.drag{border-color:var(--red);background:#fff0f3}
.adm-up b{display:block;font-family:var(--wide);font-size:17px;margin-bottom:4px}
.adm-up span.mute{font-size:14px}
.adm-up select{height:48px;border-radius:14px;border:1.5px solid var(--line);padding:0 12px;font:500 15px var(--text);background:#fff}
.adm-up label{cursor:pointer}
.adm-prog{grid-column:1/-1;position:relative;font-size:14px;color:var(--mute)}
.adm-prog:empty{display:none}
.adm-prog i{display:block;height:6px;border-radius:9px;background:var(--red);margin-bottom:8px;transition:width .2s}
.ed-pane{outline:2px dashed rgba(255,0,50,.45);outline-offset:4px}
.adm-help{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}

.adm-ov{position:fixed;inset:0;z-index:140;background:rgba(29,32,35,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px 16px;overflow:auto}
.adm-modal{width:min(620px,100%);padding:28px;border-radius:28px;background:#f8f9fd;box-shadow:var(--shadow-l)}
.adm-modal h3{font-family:var(--wide);font-size:22px;margin-bottom:20px}
.adm-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.adm-fields label{grid-column:1/-1;display:grid;gap:6px;font-size:13px;color:var(--mute)}
.adm-fields label.half{grid-column:auto}
.adm-fields input,.adm-fields select,.adm-fields textarea{width:100%;min-height:48px;border-radius:14px;border:1.5px solid var(--line);background:#fff;padding:12px 14px;font:500 16px var(--text);color:var(--ink);outline:0;resize:vertical}
.adm-fields input:focus,.adm-fields textarea:focus,.adm-fields select:focus{border-color:var(--ink)}
.adm-fields .chk{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink);grid-column:1/-1}
.adm-fields .chk input{width:20px;min-height:20px;height:20px;accent-color:var(--red)}
.adm-err{color:var(--red);font-size:14px;min-height:18px;margin-top:12px}
.adm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
@media (max-width:900px){
  .adm-bar{bottom:12px;gap:8px;padding:6px 6px 6px 14px;font-size:13px}
  .adm-bar span{display:none}
  .adm-up{grid-template-columns:1fr}
  .adm .ev{padding-right:18px;padding-top:56px}
  .adm-modal{padding:20px}
  .adm-fields{grid-template-columns:1fr}
  .adm-fields label.half{grid-column:1/-1}
}