/* Сервис сравнения (04.11.2026): вкладки между видами сравнения + картинки, Excel, папки. Подключается из _compare_tabs.html. */
.cmp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cmp-tabs a{padding:9px 18px;border:1px solid var(--c-line,#dedbd5);border-radius:999px;background:#fff;color:inherit;font-size:14px;font-weight:700;text-decoration:none}
.cmp-tabs a:hover{border-color:var(--c-ink,#14171c)}
.cmp-tabs a.is-on{background:var(--c-ink,#14171c);border-color:var(--c-ink,#14171c);color:#fff}
.cmp-drop{display:flex;flex-direction:column;gap:6px;min-height:104px;box-sizing:border-box;align-items:center;justify-content:center;padding:18px;border:2px dashed var(--c-line,#dedbd5);border-radius:14px;background:var(--c-track,#f7f6f3);text-align:center;cursor:pointer}
.cmp-drop b{font-size:16px}.cmp-drop span{font-size:14px;color:var(--c-ink2,#555);overflow-wrap:anywhere}
.cmp-drop:hover,.cmp-drop:focus-visible,.cmp-drop.is-over{border-color:#f15a24;background:#fff4ee;outline:0}
.cmp-drop.is-set{border-style:solid}.cmp-page{margin-top:10px}
.cmp-modes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.cmp-modes button{min-height:40px;padding:0 14px;border:1px solid var(--c-line,#dedbd5);border-radius:10px;background:#fff;font-size:14px;font-weight:700;cursor:pointer;color:inherit}
.cmp-modes button:hover{border-color:var(--c-ink,#14171c)}.cmp-modes button.is-on{background:var(--c-ink,#14171c);border-color:var(--c-ink,#14171c);color:#fff}
.cmp-modes button small{font-weight:400;margin-left:5px;opacity:.75;font-size:13px}
/* картинки */
.imd-stage{border:1px solid var(--c-line,#dedbd5);border-radius:12px;overflow:auto;max-height:85vh;padding:10px;background:repeating-conic-gradient(#f2f1ee 0 25%,#fff 0 50%) 0 0/20px 20px}
.imd-box{position:relative;display:inline-block;vertical-align:top;line-height:0;touch-action:pan-y}
.imd-stage.is-fit .imd-box{display:block;width:100%}
.imd-box canvas{display:block}
.imd-stage.is-fit .imd-box canvas{width:100%;height:auto}
.imd-box canvas+canvas{position:absolute;left:0;top:0}
.imd-handle{display:none;position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#f15a24;pointer-events:none}
.imd-handle::after{content:"↔";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px;border-radius:50%;background:#f15a24;color:#fff;font:700 18px/36px Arial,sans-serif;text-align:center}
.imd-stage[data-mode=slider] .imd-box{cursor:ew-resize;user-select:none}.imd-stage[data-mode=slider] .imd-handle{display:block}
.imd-stage[data-mode=side] .imd-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.imd-stage[data-mode=side] .imd-box canvas{position:static;width:100%;height:auto}
@media(max-width:720px){.imd-stage[data-mode=side] .imd-box{grid-template-columns:1fr}}
/* Excel */
.tbd-t{border-collapse:separate;border-spacing:0;font-size:13.5px;line-height:1.4;min-width:100%}
.tbd-t th,.tbd-t td{padding:5px 9px;border-right:1px solid #eeece8;border-bottom:1px solid #eeece8;text-align:left;vertical-align:top;max-width:340px;overflow-wrap:anywhere;background:#fff}
.tbd-t thead th{position:sticky;top:0;z-index:1;background:#f7f6f3;font-weight:700;white-space:nowrap}
.tbd-t .tbd-n{width:1%;white-space:nowrap;color:#a09a90;font-size:12px;background:#faf9f7}
.tbd-t tr.is-add td{background:#e6f4ea}.tbd-t tr.is-del td{background:#fdecea}
.tbd-t td.is-chg{background:#fff5d6}.tbd-t th.is-add{background:#cdeBd5}.tbd-t th.is-del{background:#f9d3cf}
.tbd-t del{background:#f5b5ae;text-decoration:line-through;border-radius:3px;padding:0 2px;display:inline-block}
.tbd-t ins{background:#9bd8a8;text-decoration:none;border-radius:3px;padding:0 2px;display:inline-block;margin-left:3px}
.tbd-t tr.is-cur td{box-shadow:inset 0 2px 0 #f15a24,inset 0 -2px 0 #f15a24}
.tbd-fx{font-style:italic;font-weight:700;color:#b35a00;margin-right:3px}
/* папки */
.fod-t{width:100%;border-collapse:collapse;font-size:14px}
.fod-t th,.fod-t td{padding:7px 10px;border-bottom:1px solid #eeece8;text-align:left;overflow-wrap:anywhere}
.fod-t thead th{position:sticky;top:0;background:#f7f6f3}.fod-t .num{text-align:right;white-space:nowrap}
.fod-st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap;background:#f3f2ef}
.fod-st.chg{background:#fff5d6}.fod-st.left{background:#fdecea}.fod-st.right{background:#e6f4ea}.fod-st.err{background:#f9d3cf}
.fod-q{max-width:260px}
/* текст: слияние и правила */
.td-mg{border:0;background:transparent;color:#b35a00;font-weight:700;cursor:pointer;padding:0 5px;font-size:14px;line-height:1.3;border-radius:5px;float:right;margin-left:6px}
.td-mg:hover{background:#ffe6d9}
.td-ign{width:230px;max-width:100%}
