/* ЭФИР · стили модалки букинга (изолированный модуль, не трогает каркас style.css) */

/* ---------- приватность ---------- */
.privacy{position:relative;display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;margin-bottom:18px;
  border:1px solid rgba(94,230,168,.3);background:linear-gradient(120deg,rgba(94,230,168,.08),rgba(89,194,255,.04));overflow:hidden}
.privacy::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 120% at 0% 0%,rgba(94,230,168,.12),transparent 60%)}
.privacy .lock{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(94,230,168,.14);border:1px solid rgba(94,230,168,.3)}
.privacy .lock svg{width:17px;height:17px;stroke:var(--mint);fill:none;stroke-width:2}
.privacy .pt{position:relative;font:500 11px/1.6 var(--mono);color:#bfe0d2}
.privacy .pt b{color:var(--mint);font-weight:700}
.privacy .pt em{color:var(--cream);font-style:normal}
.privacy .pt .row{display:block;margin-top:5px;color:var(--muted)}

/* ---------- панель отправки ---------- */
.send{margin-top:22px;border-top:1px dashed var(--line);padding-top:20px;animation:suggRise .45s cubic-bezier(.2,.8,.2,1) both}
.send[hidden]{display:none}
@keyframes suggRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.send-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.send-head .t{font:600 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.send-head .copied{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 9px var(--mono);letter-spacing:.08em;
  color:var(--muted);opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
.send-head .copied.on{opacity:1;transform:none}
.send-head .copied .dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}

/* ---------- бланк собранного запроса ---------- */
.envelope{position:relative;border:1px solid var(--line);border-radius:14px;background:#0a181e;overflow:hidden;margin-bottom:10px;
  background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(148,199,214,.045) 27px 28px);transition:border-color .3s,box-shadow .3s}
.envelope:hover{border-color:rgba(148,199,214,.32);box-shadow:0 16px 38px -24px rgba(0,0,0,.85)}
.envelope .flap{height:7px;background:linear-gradient(90deg,var(--amber),var(--coral),var(--sky));opacity:.9}
.env-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line-soft);background:rgba(10,24,30,.55);position:relative;z-index:2;flex-wrap:wrap}
.env-bar .lab{display:flex;align-items:center;gap:8px;font:600 8.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.env-bar .lab .stamp{display:inline-flex;align-items:center;gap:5px;color:var(--mint);border:1px solid rgba(94,230,168,.35);border-radius:999px;
  padding:2px 8px;font-weight:700;letter-spacing:.08em;transform:rotate(-2deg);background:rgba(94,230,168,.07)}
.env-bar .lab .stamp .sd{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint);animation:stampPulse 1.8s ease-in-out infinite}
@keyframes stampPulse{0%,100%{opacity:1}50%{opacity:.4}}
.env-bar .cnt{font:500 8.5px var(--mono);color:rgba(143,176,186,.6);letter-spacing:.04em}
.env-bar .tools{margin-left:auto;display:flex;gap:7px}
.tbtn{display:inline-flex;align-items:center;gap:6px;font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  border:1px solid var(--line);background:rgba(148,199,214,.05);color:var(--ink);border-radius:8px;padding:6px 10px;position:relative;overflow:hidden;
  transition:border-color .2s,color .2s,background .2s,transform .15s}
.tbtn:hover{transform:translateY(-1px)}
.tbtn:active{transform:scale(.95)}
.tbtn svg{width:13px;height:13px;flex:none}
.tbtn.copy svg{stroke:var(--sky);fill:none;stroke-width:2}
.tbtn.copy:hover{border-color:rgba(89,194,255,.5);color:var(--sky);background:rgba(89,194,255,.08)}
.tbtn.dl svg{stroke:var(--amber);fill:none;stroke-width:2}
.tbtn.dl:hover{border-color:rgba(255,180,84,.5);color:var(--amber);background:rgba(255,180,84,.08)}
.tbtn.copy.ok{border-color:var(--mint);color:var(--mint);background:rgba(94,230,168,.1)}
.tbtn.copy.ok svg .chk{stroke-dasharray:18;stroke-dashoffset:18;animation:drawChk .35s ease forwards}
@keyframes drawChk{to{stroke-dashoffset:0}}
.tbtn .ripple{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;background:rgba(255,255,255,.22);animation:tbtnRip .55s ease-out}
@keyframes tbtnRip{to{transform:scale(3.2);opacity:0}}
.envelope pre{max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:13px 15px;font:400 12px/1.62 var(--mono);
  color:#dcebef;position:relative;z-index:1;cursor:text;user-select:text;-webkit-user-select:text}
.envelope pre::-webkit-scrollbar{width:6px}
.envelope pre::-webkit-scrollbar-thumb{background:rgba(148,199,214,.25);border-radius:3px}
.envelope pre::selection{background:rgba(255,180,84,.32);color:#fff}
.env-toast{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.9);z-index:5;pointer-events:none;
  display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:rgba(8,21,27,.92);border:1px solid rgba(94,230,168,.5);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.9);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);
  opacity:0;transition:opacity .25s,transform .25s}
.env-toast svg{width:14px;height:14px;stroke:var(--mint);fill:none;stroke-width:2.4}
.env-toast.on{opacity:1;transform:translate(-50%,-58%) scale(1)}
.env-hint{font:400 10px/1.5 var(--mono);color:rgba(143,176,186,.62);margin:0 2px 18px}
.env-hint em{color:var(--sky);font-style:normal}
.send-q{font:400 11px/1.6 var(--mono);color:var(--muted);margin-bottom:14px}
.send-q b{color:var(--cream);font-weight:600}

/* ---------- четыре канала ---------- */
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ch{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;cursor:pointer;text-decoration:none;color:var(--ink);
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,43,52,.65),rgba(15,34,42,.65));overflow:hidden;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .3s,background .3s}
.ch:hover{transform:translateY(-3px);box-shadow:0 18px 38px -22px rgba(0,0,0,.85)}
.ch:active{transform:scale(.97)}
.ch .ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;transition:transform .25s}
.ch:hover .ic{transform:scale(1.08) rotate(-3deg)}
.ch .ic svg{width:19px;height:19px;fill:#fff}
.ch .tx{flex:1;min-width:0}
.ch .tx b{display:block;font:700 13px/1.15 var(--logo);letter-spacing:.01em}
.ch .tx small{display:block;font:500 9px/1.35 var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:3px}
.ch .st{position:absolute;top:10px;right:12px;font:700 9px var(--mono);letter-spacing:.06em;opacity:0;transform:translateY(-3px);transition:all .25s}
.ch.done .st{opacity:1;transform:none}
.ch .ripple{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;background:rgba(255,255,255,.26);animation:chRip .6s ease-out}
@keyframes chRip{to{transform:scale(3.6);opacity:0}}
.ch.tg .ic{background:#229ed9} .ch.tg:hover{border-color:rgba(34,158,217,.55);background:linear-gradient(180deg,rgba(34,158,217,.14),rgba(15,34,42,.65))} .ch.tg.done .st{color:#229ed9}
.ch.vk .ic{background:#2787f5} .ch.vk:hover{border-color:rgba(39,135,245,.55);background:linear-gradient(180deg,rgba(39,135,245,.14),rgba(15,34,42,.65))} .ch.vk.done .st{color:#2787f5}
.ch.ya .ic{background:#fc3f1d} .ch.ya:hover{border-color:rgba(252,63,29,.55);background:linear-gradient(180deg,rgba(252,63,29,.13),rgba(15,34,42,.65))} .ch.ya.done .st{color:#fc3f1d}
.ch.mru .ic{background:#005ff9} .ch.mru:hover{border-color:rgba(0,95,249,.55);background:linear-gradient(180deg,rgba(0,95,249,.14),rgba(15,34,42,.65))} .ch.mru.done .st{color:#005ff9}

/* ---------- консоль отправки (имя sendlog, чтобы не бить шапочный .console) ---------- */
.sendlog{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:#08151b;overflow:hidden}
.sendlog .sl-head{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);
  background:repeating-linear-gradient(0deg,rgba(148,199,214,.03) 0 1px,transparent 1px 3px)}
.sendlog .sl-head .ct{font:600 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.sendlog .sl-head .led{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 8px var(--coral);animation:stampPulse 1.2s infinite}
.sendlog .sl-head .clr{margin-left:auto;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border:0;background:0;transition:color .2s}
.sendlog .sl-head .clr:hover{color:var(--coral)}
.sendlog .log{max-height:200px;overflow-y:auto;padding:6px 0;font:400 11px/1.5 var(--mono)}
.sendlog .log::-webkit-scrollbar{width:6px}
.sendlog .log::-webkit-scrollbar-thumb{background:rgba(148,199,214,.25);border-radius:3px}
.sendlog .log .idle{padding:14px;color:var(--muted);text-align:center;font-style:italic}
.sendlog .log .rec{padding:9px 14px;border-bottom:1px solid var(--line-soft);animation:suggRise .3s ease both}
.sendlog .log .rec:last-child{border-bottom:0}
.sendlog .log .rec .top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sendlog .log .rec time{color:rgba(143,176,186,.55)}
.sendlog .log .rec .badge{font:700 8.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid}
.sendlog .log .rec .badge.ok{color:var(--mint);border-color:rgba(94,230,168,.4)}
.sendlog .log .rec .badge.blocked{color:var(--amber);border-color:rgba(255,180,84,.4)}
.sendlog .log .rec .badge.buf{color:var(--sky);border-color:rgba(89,194,255,.4)}
.sendlog .log .rec .url{display:block;margin-top:6px;color:var(--sky);word-break:break-all;text-decoration:none;border-bottom:1px dashed rgba(89,194,255,.3)}
.sendlog .log .rec .url:hover{border-bottom-style:solid}
.sendlog .log .rec .url.no{color:var(--muted);border-bottom:0;cursor:default}
.sendlog .log .rec .fields{margin-top:6px;display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:10px}
.sendlog .log .rec .fields b{color:#cfe3e8;font-weight:600}
.sendlog .log .rec .fields .v{color:var(--mint)}

.foot-note{margin-top:16px;font:400 9.5px/1.6 var(--mono);color:rgba(143,176,186,.65)}
.foot-note em{color:var(--coral);font-style:normal}
.foot-note b{color:var(--sky);font-weight:600}

@media (max-width:560px){
  .grid4{grid-template-columns:1fr}
  .privacy{flex-direction:column;gap:10px}
  .env-bar .tools{margin-left:0;width:100%}
  .tbtn{flex:1;justify-content:center}
}
/*EOF-EFIR-BOOKING*/