/* ═══════════════════════════════════════════════════════════════
   РАБОЧАЯ ЗОНА
   ═══════════════════════════════════════════════════════════════ */
.work{flex:1;min-height:0;display:grid;grid-template-columns:236px minmax(400px,470px) minmax(0,1fr);transition:grid-template-columns .4s var(--e)}
.col{min-width:0;overflow-y:auto;padding:18px 20px;scroll-behavior:smooth}
.col-1{border-right:.5px solid var(--hair);background:var(--surface);padding:16px 12px}
.col-2{padding:20px 18px 0;border-right:.5px solid var(--hair)}
.col-3{border-left:0;background:var(--surface);padding:16px 24px}
.col-3 .stage{max-width:760px;margin:0 auto;width:100%}
.col::-webkit-scrollbar{width:9px}
.col::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:9px;border:3px solid transparent;background-clip:content-box}
.pane{animation:rise .42s var(--e-out) both}

/* библиотека писем */
.lib-s{display:flex;align-items:center;gap:8px;background:var(--fill);border-radius:10px;padding:8px 11px;margin-bottom:9px;
  border:.5px solid transparent;transition:background .2s var(--e),border-color .2s var(--e),box-shadow .2s var(--e)}
.lib-s:focus-within{background:var(--raise);border-color:var(--acc-a40);box-shadow:0 0 0 4px var(--acc-a12)}
.lib-s svg{stroke:var(--ink-3);flex:0 0 auto}
.lib-s input{flex:1;min-width:0;border:0;background:transparent;font:500 13px/1 var(--ui);color:var(--ink)}
.lib-s input:focus{outline:none}
.lib-t{margin-bottom:10px}
.lib-t button{flex:1;font-size:11.5px;padding:6px 4px}
.kinds{display:flex;flex-direction:column;gap:3px}
.kind{position:relative;display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:9px 10px;
  background:transparent;border:0;border-radius:11px;cursor:pointer;color:var(--ink);
  transition:background .22s var(--e),transform .18s var(--e-spring),box-shadow .25s var(--e)}
.kind:hover{background:var(--hover);transform:translateX(2px)}
.kind:active{transform:scale(.985)}
.kind[aria-pressed="true"]{background:var(--acc-a8);box-shadow:inset 0 0 0 .5px var(--acc-a12)}
.kind i{flex:0 0 30px;height:30px;border-radius:9px;background:var(--fill-2);display:flex;align-items:center;
  justify-content:center;font-style:normal;transition:background .3s var(--e),transform .3s var(--e-spring)}
.kind i svg{stroke:var(--ink-2);transition:stroke .24s var(--e)}
.kind[aria-pressed="true"] i{background:linear-gradient(160deg,var(--acc-2),var(--acc));transform:scale(1.06);box-shadow:0 3px 8px -3px var(--acc-a40)}
.kind[aria-pressed="true"] i svg{stroke:var(--on-acc)}
.kind span{min-width:0;flex:1}
.kind b{display:block;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.008em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kind s{display:block;font-size:11.5px;color:var(--ink-3);text-decoration:none;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kind .rm{margin-left:6px;flex:0 0 auto;width:20px;height:20px;border:0;border-radius:50%;background:transparent;
  color:var(--ink-3);cursor:pointer;opacity:0;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:opacity .2s,color .2s,background .2s}
.kind:hover .rm{opacity:1}
.kind .rm:hover{color:var(--red);background:var(--red-bg)}
.lib-empty{padding:20px 12px;text-align:center;font-size:11.5px;color:var(--ink-3);line-height:1.5}
.lib-save{width:100%;margin-top:12px;border:0;background:transparent;cursor:pointer;color:var(--ink-3);
  font:600 11.5px/1.4 var(--ui);padding:10px;border-radius:11px;display:flex;align-items:center;gap:7px;
  text-align:left;transition:background .2s var(--e),color .2s var(--e)}
.lib-save:hover{background:var(--fill);color:var(--ink-2)}
.lib-save svg{flex:0 0 auto;stroke:currentColor}
.rail-foot{margin-top:14px;padding:12px 14px;background:var(--fill);border-radius:12px;
  font-size:11.5px;line-height:1.5;color:var(--ink-3)}
.rail-foot b{color:var(--ink-2);font-weight:600;display:block;margin-bottom:2px;font-size:12px}

/* строка-статус */
.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px;color:var(--ink-2);min-height:28px}
.meta b{font-weight:600;color:var(--ink)}
.meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3);opacity:.6}
.meta .m-b{border:0;background:var(--fill);color:var(--ink-2);font:600 11.5px/1 var(--ui);padding:7px 10px;
  border-radius:8px;cursor:pointer;transition:background .18s var(--e),color .18s var(--e)}
.meta .m-b:hover{background:var(--fill-2);color:var(--ink)}

/* герой: опишите письмо — одна строка */
.hero{position:relative;margin-bottom:18px;padding:1.5px;border-radius:14px;
  background:linear-gradient(120deg,var(--ai-a30),var(--acc-a12) 50%,var(--ai-a30));
  background-size:200% 100%;animation:shimmer 7s linear infinite}
.hero-in{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:12.5px;padding:6px 6px 6px 12px}
.hero-i{flex:0 0 auto;display:flex;color:var(--ai)}
.hero-i svg{stroke:var(--ai)}
.hero input{flex:1;min-width:0;height:34px;font:500 13.5px/1 var(--ui);color:var(--ink);
  background:transparent;border:0;padding:0 4px;text-overflow:ellipsis;transition:none}
.hero input:focus{outline:none;box-shadow:none!important}
.hero input::placeholder{color:var(--ink-3)}
.hero-go{flex:0 0 auto;height:34px;padding:0 13px;border:0;border-radius:9px;cursor:pointer;
  background:linear-gradient(120deg,var(--ai),var(--ai-2));color:#fff;font:700 12.5px/1 var(--ui);
  display:flex;align-items:center;gap:6px;box-shadow:0 3px 10px -4px var(--ai-a30);
  transition:transform .2s var(--e-spring),filter .2s var(--e),box-shadow .2s var(--e)}
.hero-go:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 18px -6px var(--ai-a30)}
.hero-go:active{transform:scale(.96)}
.hero-go:disabled{opacity:.6;pointer-events:none}

/* поля отключены после ручной правки */
.ednote{margin:0;padding:12px 20px;border-radius:18px 18px 0 0;background:var(--warn-bg);color:var(--warn-ink);font-size:12px;line-height:1.55;
  animation:rise .3s var(--e-out) both;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ednote b{color:var(--warn-ink-2);font-weight:600}
.ednote button{margin-left:auto;border:0;background:var(--surface);color:var(--ink);font:600 11.5px/1 var(--ui);padding:8px 11px;border-radius:8px;cursor:pointer;
  box-shadow:var(--sh-1);transition:transform .18s var(--e-spring)}
.ednote button:hover{transform:translateY(-1px)}
.card.off .card-b{opacity:.4;pointer-events:none;filter:grayscale(.3)}

/* свои блоки */
.xwrap{margin-top:18px;padding-top:16px;border-top:.5px solid var(--hair)}
.xb{position:relative;background:var(--fill);border-radius:13px;padding:10px 12px 12px;margin-bottom:9px;
  animation:rise .32s var(--e-out) both;transition:height .22s var(--e),opacity .2s,transform .22s var(--e),box-shadow .3s}
.xb.glow{box-shadow:0 0 0 3px var(--ai-a30);animation:rise .32s var(--e-out) both,xbglow 1.4s var(--e-out) both}
@keyframes xbglow{from{box-shadow:0 0 0 3px var(--ai-a30)}to{box-shadow:0 0 0 0 transparent}}
.xb.bye{opacity:0;transform:scale(.97);height:0!important;padding:0;margin:0;overflow:hidden}
.xb-h{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.xb-h>i{width:24px;height:24px;border-radius:7px;background:var(--surface);color:var(--acc);display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:var(--sh-1)}
.xb-h>b{font-size:12.5px;font-weight:600}
.xb-h .grow{flex:1}
.xb-b{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--ink-3);cursor:pointer;font:600 13px/1 var(--ui);
  display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s,transform .16s var(--e-spring)}
.xb-b:hover{background:var(--surface);color:var(--ink)}
.xb-b:active{transform:scale(.9)}
.xb-b:disabled{opacity:.3;pointer-events:none}
.xb-x:hover{background:var(--red-bg);color:var(--red)}
.xb-seg{padding:2px}
.xb-seg button{padding:4px 9px;font-size:12px}
.xb .f{margin-bottom:8px}
.xb .f:last-child{margin-bottom:0}
.xb .f input,.xb .f textarea{background:var(--surface);padding:9px 11px;font-size:13px}
.xb .f textarea{min-height:0}
.xb-add{display:flex;flex-wrap:wrap;gap:6px}
.xb-add .chip{display:flex;align-items:center;gap:6px;background:transparent;box-shadow:inset 0 0 0 .5px var(--hair-2);color:var(--ink-2)}
.xb-add .chip i{display:flex;color:var(--acc)}
.xb-add .chip::before{content:"+";font-weight:700;color:var(--ink-3)}
.xb-add .chip:hover{background:var(--acc-a8);color:var(--acc);box-shadow:none}

/* шаг */
.step{display:flex;align-items:center;gap:10px;margin:0 0 11px;padding:0 2px}
.step i{width:22px;height:22px;border-radius:50%;background:linear-gradient(150deg,var(--acc-3),var(--acc));color:var(--on-acc);font:700 11px/22px var(--ui);
  text-align:center;font-style:normal;flex:0 0 22px;box-shadow:0 3px 8px -3px var(--acc-a40)}
.step b{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.step .hint{font-size:11.5px;color:var(--ink-3);margin-left:auto}

/* карточки */
.card{background:var(--surface);border-radius:18px;box-shadow:var(--sh-2);margin-bottom:20px;overflow:visible;border:0}
.card-h{padding:14px 20px;border-bottom:.5px solid var(--hair);display:flex;align-items:center;gap:10px}
.card-h h2{margin:0;font-size:13.5px;font-weight:600;flex:1;letter-spacing:-.008em}
.card-h .hint{font-size:11.5px;color:var(--ink-3)}
.card-b{padding:18px 20px 20px}

/* поля */
.f{position:relative;margin-bottom:13px}
.f:last-child{margin-bottom:0}
.f label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px;letter-spacing:-.005em}
.f input,.f textarea,.f select{width:100%;font-size:13.5px;color:var(--ink);background:var(--fill);
  border:.5px solid transparent;border-radius:11px;padding:11px 13px;
  transition:background .22s var(--e),box-shadow .22s var(--e),border-color .22s var(--e)}
.f textarea{resize:vertical;min-height:74px;line-height:1.6}
.f input:hover,.f textarea:hover,.f select:hover{background:var(--fill-2)}
.f input:focus,.f textarea:focus,.f select:focus{outline:none;background:var(--raise);border-color:var(--acc-a40);box-shadow:0 0 0 4px var(--acc-a12)}
.f.glow input,.f.glow textarea,.f.glow select,.f.glow .trig{animation:glow 1.6s var(--e-out) both}
details.more{border-top:.5px solid var(--hair);margin-top:15px;padding-top:13px}
details.more summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2);list-style:none;
  display:flex;align-items:center;gap:8px;padding:3px 0;transition:color .2s var(--e)}
details.more summary:hover{color:var(--ink)}
details.more summary::-webkit-details-marker{display:none}
details.more summary::before{content:"";width:5.5px;height:5.5px;border-right:1.7px solid var(--ink-3);
  border-bottom:1.7px solid var(--ink-3);transform:rotate(-45deg);transition:transform .32s var(--e)}
details.more[open] summary::before{transform:rotate(45deg)}
details.more .card-b{padding:14px 0 0;animation:rise .38s var(--e-out) both}
.stu{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* микрофон */
.mic{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:9px;background:var(--fill);color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s,transform .18s var(--e-spring)}
.mic:hover{background:var(--raise);color:var(--ink)}
.mic.on{background:var(--red);color:#fff;animation:micpulse 1.2s ease-in-out infinite}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(227,49,46,.45)}50%{box-shadow:0 0 0 7px rgba(227,49,46,0)}}
.chat-in .mic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--fill);color:var(--ink-2);box-shadow:none}
.chat-in .mic svg{stroke:currentColor}
.chat-in .mic.on{background:var(--red);color:#fff}
/* импорт таблицы по ссылке */
.bulk-url{display:flex;gap:6px;margin-top:8px}
.bulk-url input{flex:1;min-width:0;font:500 12.5px/1 var(--ui);color:var(--ink);background:var(--fill);border:.5px solid transparent;border-radius:9px;padding:8px 10px}
.bulk-url input:focus{outline:none;background:var(--raise);border-color:var(--acc-a40);box-shadow:0 0 0 4px var(--acc-a12)}
/* экспорт/импорт шаблонов */
/* модальное окно профиля */
.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(10,14,20,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .25s var(--e-out) both;padding:16px}
.modal-c{width:100%;max-width:440px;background:var(--surface);border-radius:18px;box-shadow:var(--sh-float);padding:18px 20px 20px;animation:pop .3s var(--e-out) both}
.modal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.modal-h b{font-size:15px;font-weight:700;letter-spacing:-.02em}
.modal-p{margin:0 0 14px;font-size:12px;line-height:1.5;color:var(--ink-3)}
.modal-a{display:flex;align-items:center;gap:12px;margin-top:6px}
.modal-a .said{min-height:0;text-align:left}
.gconn{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--fill)}
.gconn b{display:block;font-size:12.5px;font-weight:600}
.gconn s{display:block;text-decoration:none;font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5}
.gconn-a{display:flex;gap:6px;margin-top:9px}
/* спам-риск */
/* панель отправки: меню «···» */
.bar .more{padding:11px 12px;font-weight:800;letter-spacing:.08em;line-height:1}
.barmenu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:220px;padding:6px;background:var(--surface);border:.5px solid var(--hair);
  border-radius:12px;box-shadow:var(--sh-float);z-index:40;animation:pop .2s var(--e-out) both;transform-origin:bottom right}
.barmenu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 11px;border-radius:8px;
  font:500 13px/1.2 var(--ui);color:var(--ink);cursor:pointer;transition:background .16s}
.barmenu button:hover{background:var(--fill)}
/* быстрые действия: группы «Перевести» и «Ещё» раскрываются по клику */
.chat-q .chip.tg[aria-pressed="true"]{background:var(--ai-a12);color:var(--ai);box-shadow:none}
/* свои блоки под спойлером */
.xmore summary s{text-decoration:none;color:var(--ink-3);font-weight:400;margin-left:8px;font-size:11.5px}
.xmore .xwrap{margin-top:0}
/* тур для новичка */
.tour{position:fixed;inset:0;z-index:400;animation:fade .3s var(--e-out) both}
.tour-hl{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(8,12,18,.62),0 0 0 3px var(--ai);transition:all .45s var(--e-out);pointer-events:none}
.tour-tip{position:absolute;width:300px;max-width:calc(100vw - 32px);background:var(--surface);color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:var(--sh-float);transition:all .45s var(--e-out);animation:pop .3s var(--e-out) both}
.tour-tip b{display:block;font-size:14px;margin-bottom:5px}
.tour-tip p{margin:0 0 12px;font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.tour-a{display:flex;align-items:center;gap:8px}
.tour-a .n{font-size:11px;color:var(--ink-3);flex:1}
.tour-a button{border:0;border-radius:9px;padding:8px 12px;font:600 12px/1 var(--ui);cursor:pointer;background:var(--fill);color:var(--ink-2)}
.tour-a button.go{background:linear-gradient(120deg,var(--ai),var(--ai-2));color:#fff}
/* рассылка по списку */
.to-seg{margin-bottom:14px}
.to-seg button{flex:1}
.bulk textarea{width:100%;min-height:104px;resize:vertical;font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);
  background:var(--fill);border:.5px solid transparent;border-radius:12px;padding:11px 12px;transition:background .2s,border-color .2s,box-shadow .2s}
.bulk textarea:focus{outline:none;background:var(--raise);border-color:var(--acc-a40);box-shadow:0 0 0 4px var(--acc-a12)}
.bulk-i{margin-top:9px;font-size:11.5px;line-height:1.5;color:var(--ink-3)}
.bulk-i b{color:var(--ink-2);font-weight:600}
.bulk-i .bad{color:var(--warn-ink)}
.bulk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.bulk-chips .chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--ai-a12);color:var(--ai);animation:pop .25s var(--e-out) both}
.bulk-chips .chip:hover{background:var(--ai);color:#fff}
.bulk-nav{display:flex;align-items:center;gap:8px;margin-top:12px;padding:7px 8px;border-radius:11px;background:var(--fill);animation:rise .3s var(--e-out) both}
.bulk-nav button{width:28px;height:28px;border:0;border-radius:8px;background:var(--surface);color:var(--ink-2);cursor:pointer;font-size:17px;line-height:1;
  box-shadow:var(--sh-1);transition:transform .18s var(--e-spring),color .18s}
.bulk-nav button:hover{color:var(--ink);transform:translateY(-1px)}
.bulk-nav button:active{transform:scale(.94)}
.bulk-nav span{flex:1;font-size:12px;color:var(--ink-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bulk-nav span b{color:var(--ink);font-weight:600}
body.bulk-on #to,body.bulk-on #copy,body.bulk-on #copysrc,body.bulk-on #gmail{display:none!important}
body.bulk-on .bar{justify-content:flex-end}
.bulk-prog{margin-bottom:10px;padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:var(--sh-1);animation:rise .3s var(--e-out) both}
.bp-t{display:flex;align-items:center;gap:10px;font-size:12.5px}
.bp-t b{flex:1;font-weight:600;color:var(--ink)}
.bp-bar{height:6px;border-radius:3px;background:var(--fill-2);margin-top:9px;overflow:hidden}
.bp-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--ai));transition:width .5s var(--e-out)}
.bulk-prog.done .bp-bar i{background:var(--ok)}
.bp-res{font-size:11.5px;color:var(--ink-2);margin-top:8px;line-height:1.5}
.bp-res ul{margin:4px 0 0;padding-left:16px}
.bp-res b{color:var(--red)}
.stu-n{margin-top:9px;font-size:11px;color:var(--ink-3)}

/* переключатель iOS */
.sw{position:relative;width:45px;height:27px;border-radius:14px;border:0;padding:0;cursor:pointer;
  background:var(--fill-2);transition:background .3s var(--e);flex:0 0 45px}
.sw[aria-checked="true"]{background:var(--acc)}
.sw i{position:absolute;top:2.5px;left:2.5px;width:22px;height:22px;border-radius:11px;background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.22),0 0 0 .5px rgba(0,0,0,.05);transition:transform .34s var(--e-spring),width .22s var(--e)}
.sw[aria-checked="true"] i{transform:translateX(18px)}
.sw:active i{width:26px}
.sw[aria-checked="true"]:active i{transform:translateX(14px)}
.row-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0}
.row-sw span{font-size:13px;color:var(--ink);letter-spacing:-.008em}

/* темы письма */
.themes{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.m-b.m-l{padding:2px 6px;margin:-2px 0;font-weight:500;background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 .5px var(--hair-2)}
.m-b.m-l:hover{color:var(--acc);box-shadow:inset 0 0 0 .5px var(--acc-a40)}
.presets{display:flex;flex-wrap:wrap;gap:6px}
.pchip{display:flex;align-items:center;gap:7px;font:600 12px/1 var(--ui);padding:7px 10px 7px 7px;border-radius:9px;border:0;cursor:pointer;
  background:var(--fill);color:var(--ink-2);transition:background .2s var(--e),color .2s var(--e),transform .18s var(--e-spring),box-shadow .25s var(--e)}
.pchip i{width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12);flex:0 0 auto}
.pchip:hover{background:var(--raise);color:var(--ink);box-shadow:var(--sh-pop);transform:translateY(-1px)}
.pchip:active{transform:scale(.96)}
.pchip[aria-pressed="true"]{background:var(--acc);color:var(--on-acc)}
.pchip s{text-decoration:none;margin-left:2px;opacity:.55;font-size:13px;line-height:1}
.pchip s:hover{opacity:1}
.pchip.add{background:transparent;box-shadow:inset 0 0 0 .5px var(--hair-2);padding-left:10px}
.theme{padding:0;background:var(--surface);border:0;border-radius:12px;cursor:pointer;overflow:hidden;
  text-align:left;box-shadow:0 0 0 1px var(--hair);transition:transform .22s var(--e-spring),box-shadow .28s var(--e)}
.theme:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--hair-2),var(--sh-pop)}
.theme:active{transform:translateY(0) scale(.98)}
.theme[aria-pressed="true"]{box-shadow:0 0 0 2px var(--acc),0 6px 18px -8px var(--acc-a40)}
.theme .mini{height:62px;position:relative;background:var(--raise);border-bottom:.5px solid var(--hair)}
.theme .cap{padding:9px 11px 10px}
.theme .cap b{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.008em}
.theme .cap s{display:block;font-size:11px;color:var(--ink-3);text-decoration:none;margin-top:1px}
.m-env{background:#F4F2EE}
.m-env i{position:absolute;left:12px;top:14px;width:32px;height:5px;background:#FD2D2A;border-radius:3px}
.m-env u{position:absolute;left:12px;top:26px;right:12px;height:1px;background:#DED9D1}
.m-env s{position:absolute;left:12px;top:34px;width:86px;height:8px;background:#11415D;opacity:.85;border-radius:3px}
.m-dawn i{position:absolute;inset:0 0 42% 0;background:linear-gradient(105deg,#08243f,#12507f 55%,#2f83b4)}
.m-dawn s{position:absolute;left:12px;top:13px;width:60px;height:6px;background:rgba(255,255,255,.9);border-radius:3px}
.m-dawn u{position:absolute;left:12px;bottom:11px;width:50px;height:12px;background:#FD2D2A;border-radius:20px}

/* документы */
.doc-add{display:flex;gap:9px;flex-wrap:wrap}
.btn-s{font:600 12.5px/1 var(--ui);letter-spacing:-.01em;padding:10px 14px;border-radius:10px;border:0;
  background:var(--fill);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:7px;
  transition:background .22s var(--e),transform .18s var(--e-spring),box-shadow .25s var(--e)}
.btn-s:hover{background:var(--raise);box-shadow:var(--sh-pop);transform:translateY(-1px)}
.btn-s:active{transform:scale(.96)}
.btn-s svg{stroke:var(--acc)}
.docs{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.docs:empty{margin:0}
.docs li{display:flex;align-items:center;gap:11px;padding:9px 11px;background:var(--fill);border-radius:11px;
  animation:rise .38s var(--e-out) both;transition:background .22s var(--e)}
.docs li:hover{background:var(--fill-2)}
.docs li.stale{opacity:.6}
.docs .ic{flex:0 0 30px;height:36px;border-radius:6px;background:var(--raise);box-shadow:var(--sh-1);
  display:flex;align-items:center;justify-content:center;font:700 8px/1 var(--ui);color:var(--acc);letter-spacing:.02em}
.docs .nm{flex:1;min-width:0}
.docs .nm b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.docs .nm s{display:block;font-size:11px;color:var(--ink-3);text-decoration:none}
.docs .x{border:0;background:transparent;color:var(--ink-3);cursor:pointer;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;opacity:0;
  transition:opacity .2s var(--e),background .2s var(--e),color .2s var(--e),transform .16s var(--e)}
.docs li:hover .x,.docs .x:focus-visible{opacity:1}
.docs .x:hover{background:var(--red-bg);color:var(--red)}
.docs .x:active{transform:scale(.88)}
.doc-warn{margin-top:12px;padding:11px 13px;border-radius:11px;background:var(--warn-bg);
  font-size:11.5px;line-height:1.55;color:var(--warn-ink);animation:rise .4s var(--e-out) both}
.doc-warn b{color:var(--warn-ink-2);font-weight:600}

/* кнопки */
.btn{font:600 14px/1 var(--ui);letter-spacing:-.01em;padding:13px 18px;border-radius:12px;border:0;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;
  transition:transform .18s var(--e-spring),background .22s var(--e),box-shadow .28s var(--e),filter .22s var(--e),opacity .2s}
.btn-1{background:var(--acc);color:var(--on-acc);box-shadow:0 1px 2px var(--acc-a40),0 8px 20px -10px var(--acc-a40)}
.btn-1:hover{filter:brightness(1.1);box-shadow:0 2px 4px var(--acc-a40),0 14px 28px -12px var(--acc-a40);transform:translateY(-1px)}
.btn-1:active{transform:scale(.975);filter:brightness(.95)}
.btn-2{background:var(--fill);color:var(--ink)}
.btn-2:hover{background:var(--fill-2)}
.btn-2:active{transform:scale(.975)}
.btn:disabled{opacity:.6;pointer-events:none}
.said{font-size:12px;color:var(--ink-3);min-height:16px;text-align:center;line-height:1.5;transition:color .25s var(--e)}
.said b{color:var(--ok);font-weight:600}
.lock{margin-top:11px;padding:12px 14px;background:var(--fill);border-radius:11px;
  font-size:11.5px;line-height:1.55;color:var(--ink-2);animation:rise .4s var(--e-out) both}
.lock b{color:var(--ink);font-weight:600}

/* липкая панель действий */
.col-2{padding-bottom:0}
.bar{position:sticky;bottom:0;z-index:30;display:flex;gap:8px;align-items:center;
  background:var(--surface);border:.5px solid var(--hair);border-radius:14px;padding:10px;margin-top:18px;
  box-shadow:0 -6px 24px -12px rgba(15,23,42,.25),var(--sh-2)}
.bar input{flex:1;min-width:120px;font:500 13.5px/1 var(--ui);color:var(--ink);background:var(--fill);
  border:.5px solid transparent;border-radius:10px;padding:11px 12px;transition:background .2s,border-color .2s,box-shadow .2s}
.bar input:focus{outline:none;background:var(--raise);border-color:var(--acc-a40);box-shadow:0 0 0 4px var(--acc-a12)}
.bar .btn{padding:11px 15px;font-size:13px;border-radius:10px;flex:0 0 auto}
.bar-n{padding:9px 2px 18px}
.bar-n .said{text-align:left}
body.no-bar .bar,body.no-bar .bar-n{display:none}
.check{padding:11px 13px;border-radius:11px;background:var(--warn-bg);color:var(--warn-ink);
  font-size:12px;line-height:1.55;animation:rise .3s var(--e-out) both;margin-bottom:8px}
.check b{display:block;color:var(--warn-ink-2);font-weight:600;margin-bottom:3px}
.check ul{margin:0;padding-left:18px}
.check.ok{background:var(--ok-bg);color:var(--ok)}