/* Страница «Релиз-ноутс»: табы, карточки изменений, вложения, вывод/экспорт, история */

  /* release box */
  .release-box{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line-2);
    border-radius:10px;padding:7px 10px;flex-wrap:wrap}
  .release-box label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
  .release-box select,.release-box input{font-family:inherit;font-weight:600;font-size:14px;border:1px solid var(--line-2);
    background:#fff;color:var(--ink);outline:none;border-radius:8px;padding:6px 8px}
  .release-box input{width:84px}
  .release-box select:focus,.release-box input:focus{border-color:var(--accent)}
  .mini{font-size:12.5px;font-weight:600;border:1px solid var(--line-2);background:#fff;color:var(--accent);
    border-radius:8px;padding:6px 10px;cursor:pointer}
  .mini:hover{border-color:var(--accent);background:var(--accent-soft)}
  .saving{font-size:12px;color:var(--green);margin-left:4px;opacity:0;transition:opacity .2s}
  .saving.on{opacity:1}

  /* tabs */
  /* общий скользящий индикатор активного таба (как в основном продукте) */
  .tab-ind{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--tab-ind);border-radius:2px;
    transform:translateX(0);transition:transform .18s ease,width .18s ease;pointer-events:none;opacity:0}
  .tab-ind.show{opacity:1}
  .tabs{display:flex;gap:2px;margin:20px 0 18px;border-bottom:1px solid var(--line);position:relative}
  .tab{font-family:inherit;font-weight:600;font-size:14px;color:var(--tab-idle);background:none;border:none;
    padding:11px 16px;cursor:pointer;position:relative;transition:color .15s}
  .tab:hover{color:var(--tab-hover)}
  .tab.active{color:var(--tab-active)}
  .tab .badge{display:inline-block;min-width:18px;text-align:center;font-size:11px;font-weight:700;background:var(--accent-soft);
    color:var(--accent);border-radius:20px;padding:1px 6px;margin-left:6px}

  .pane{display:none;animation:fade .2s ease}
  .pane.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

  h2.section{font-weight:600;font-size:16px;color:var(--ink);margin:4px 0 12px;display:flex;align-items:center;gap:10px}
  h2.section .num{font-size:11px;font-weight:700;color:#fff;background:var(--primary);border-radius:50%;
    width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}

  /* clinics */
  .clinics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
  .clinic-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-2);
    border-radius:8px;padding:6px 8px 6px 12px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow)}
  .clinic-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
  .clinic-chip button{border:none;background:#F1F2F5;color:var(--ink-soft);width:18px;height:18px;border-radius:50%;
    cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
  .clinic-chip button:hover{background:var(--rose);color:#fff}
  .add-clinic{display:flex;gap:8px;align-items:center}
  .add-clinic input{font-family:inherit;font-size:13.5px;border:1px solid var(--line-2);background:#fff;
    border-radius:8px;padding:8px 12px;outline:none;width:200px}
  .add-clinic input:focus{border-color:var(--accent)}

  .hint{font-size:12.5px;color:var(--ink-soft);margin:0 0 20px;line-height:1.5}

  /* change cards */
  .change{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:11px;box-shadow:var(--shadow)}
  .change-top{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
  .cat-select{appearance:none;-webkit-appearance:none;font-family:inherit;font-weight:600;font-size:13px;border:1px solid var(--line-2);border-radius:9px;
    padding:7px 30px 7px 12px;background:#fff;color:var(--ink);outline:none;cursor:pointer;min-width:180px;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236C7480' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat:no-repeat;background-position:right 10px center}
  .cat-select:focus{border-color:var(--accent)}
  .seg{display:inline-flex;background:#F1F2F5;border-radius:9px;padding:3px;gap:2px}
  .seg button{font-family:inherit;font-size:12.5px;font-weight:600;border:none;background:none;color:var(--ink-soft);
    padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .12s}
  .seg button.on{background:#fff;color:var(--accent);box-shadow:0 1px 2px rgba(16,24,40,.12)}
  .layer-seg{background:#EEF1FA}
  .layer-seg button.on{color:#5B43C9}
  .del{margin-left:auto;border:none;background:none;color:var(--ink-faint);cursor:pointer;font-size:17px;padding:3px 7px;border-radius:7px}
  .del:hover{color:var(--rose);background:#F7F8FA}
  .change textarea{width:100%;font-family:inherit;font-size:14px;line-height:1.5;color:var(--ink);
    border:1px solid var(--line);border-radius:9px;padding:10px 12px;resize:vertical;min-height:52px;outline:none;background:#FBFBFC}
  .change textarea:focus{border-color:var(--accent);background:#fff}
  .aud-clinics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .aud-clinics.hidden{display:none}
  .aud-chip{font-size:12.5px;font-weight:500;border:1px solid var(--line-2);background:#fff;border-radius:8px;
    padding:5px 11px;cursor:pointer;user-select:none;transition:all .12s}
  .aud-chip:hover{border-color:var(--accent)}
  .aud-chip.sel{background:var(--accent);border-color:var(--accent);color:#fff}
  .aud-label{font-size:11.5px;color:var(--ink-soft);align-self:center;margin-right:2px}

  /* attachments */
  .att{margin-top:12px;border-top:1px dashed var(--line);padding-top:11px}
  .att-strip{display:flex;flex-wrap:wrap;gap:8px}
  .att-strip:empty{display:none}
  .att-strip{margin-bottom:8px}
  .att-thumb{position:relative;width:88px;height:66px;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:#FBFBFC}
  .att-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .att-del{position:absolute;top:3px;right:3px;width:18px;height:18px;border:none;border-radius:50%;background:rgba(20,25,40,.6);
    color:#fff;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
  .att-del:hover{background:var(--rose)}
  .att-add{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);
    border:1px dashed var(--line-2);border-radius:9px;padding:9px 11px;transition:all .12s}
  .att-add.drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
  .att-btn{font-family:inherit;font-size:12px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}

  /* images in public/send views */
  .pub-imgs,.send-imgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .pub-imgs a,.send-imgs a{display:block;width:150px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#FBFBFC}
  .pub-imgs img,.send-imgs img{width:100%;display:block}
  .send-imgs-wrap{padding:0 18px 14px}
  .send-note{font-size:12px;color:var(--amber);font-weight:600;margin:0 0 6px}

  /* buttons */
  .btn{font-family:inherit;font-weight:600;font-size:13.5px;border-radius:9px;cursor:pointer;padding:9px 16px;transition:all .15s;border:1px solid transparent}
  .btn-primary{background:var(--primary);color:#fff}
  .btn-primary:hover{background:var(--primary-hover)}
  .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
  /* ── единые кнопки в стиле основного продукта (btn--s / outline / primary) ── */
  .btn--s{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-weight:600;font-size:13px;line-height:1;
    border-radius:9px;padding:8px 13px;cursor:pointer;border:1px solid transparent;background:#fff;transition:all .15s;white-space:nowrap}
  .btn--s svg{flex:0 0 auto}
  .btn--outline{background:#fff;color:var(--ink-soft);border-color:var(--line-2)}
  .btn--outline:hover{border-color:var(--accent);color:var(--accent)}
  .btn--outline.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
  .btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}
  .btn--primary:hover{filter:brightness(1.05)}
  .btn--primary:disabled,.btn--primary[aria-disabled="true"]{background:#EEF1F6;color:var(--ink-faint);border-color:var(--line-2);cursor:not-allowed;filter:none}
  .filter-dropdown__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
    border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:1}
  .btn--outline.is-active .filter-dropdown__count{background:var(--accent);color:#fff}
  .add-change{display:inline-flex;align-items:center;gap:8px;margin-top:4px}

  /* output (send) */
  .out-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow);overflow:hidden}
  .out-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#FBFBFC;border-bottom:1px solid var(--line)}
  .out-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:10px;color:var(--ink)}
  .out-count{font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:2px 9px}
  .out-body{padding:4px 18px 16px}
  .out-empty{padding:18px;color:var(--ink-soft);font-style:italic;font-size:13.5px}
  pre.msg{font-family:inherit;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:12px 0 0;color:var(--ink)}
  .copy{font-size:12.5px}
  .copied{color:var(--green)!important;border-color:var(--green)!important}

  textarea.export{width:100%;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;
    border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:#fff;color:var(--ink);outline:none;resize:vertical}
  .export-actions{display:flex;gap:9px;margin:12px 0;flex-wrap:wrap}
  .toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
  .footnote{font-size:12px;color:var(--ink-soft);margin-top:24px;line-height:1.5;border-top:1px solid var(--line);padding-top:14px}
  .footnote b{color:var(--ink)}

  /* status pills */
  .status-pill{font-size:11px;font-weight:600;border-radius:20px;padding:2px 10px}
  .st-draft{background:#F1F2F5;color:var(--ink-soft)}
  .st-ready{background:var(--accent-soft);color:var(--accent)}
  .st-sent{background:var(--green-soft);color:var(--green)}

  /* history */
  .rel-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);padding:14px 18px;margin-bottom:10px;box-shadow:var(--shadow)}
  .rel-date{font-weight:600;font-size:15px;color:var(--ink)}
  .rel-meta{display:flex;align-items:center;gap:10px;margin-top:6px}
  .rel-count{font-size:12px;color:var(--ink-soft)}
  .rel-actions{display:flex;gap:8px;flex-shrink:0}
  .back-link{border:none;background:none;color:var(--accent);font-weight:600;font-size:13.5px;cursor:pointer;padding:4px 0;margin-bottom:12px}
  .pub-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow)}
  .pub-head{font-weight:700;font-size:16px;color:var(--navy);margin-bottom:6px}
  .pub-cat{margin-top:14px}
  .pub-cat-title{font-weight:600;font-size:14px;color:var(--ink)}
  .pub-cat ul{margin:6px 0 0;padding-left:20px}
  .pub-cat li{font-size:13.5px;line-height:1.55;color:var(--ink);margin-bottom:5px}

  /* placeholder */
  .placeholder{background:#fff;border:1px dashed var(--line-2);border-radius:var(--radius);padding:44px 30px;text-align:center}
  .placeholder .ph-ico{width:40px;height:40px;color:var(--ink-faint);margin:0 auto 12px}
  .placeholder h3{margin:0 0 8px;color:var(--ink);font-size:16px}
  .placeholder p{margin:0 auto;font-size:13.5px;max-width:520px;line-height:1.55;color:var(--ink-soft)}
  .placeholder .tag{display:inline-block;margin-top:14px;font-size:11px;font-weight:600;letter-spacing:.04em;
    text-transform:uppercase;color:var(--amber);background:var(--amber-soft);border-radius:20px;padding:3px 10px}