/* ПравоТолк ЛК — дополнения к pt.css (стили макета) для серверного рендера. Всё, что здесь, либо переводит кнопки макета в ссылки, либо описывает то, чего в макете не было: четыре статуса политики, снятые утверждения, трассу. */ /* ── навигация ссылками ───────────────────────────────────────────────────── */ .brand{text-decoration:none;color:inherit} .org{text-decoration:none;color:inherit} .nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);font-size:13.5px; color:var(--tx-2);width:100%;position:relative;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)} .nav a svg{width:16px;height:16px;flex-shrink:0;opacity:.75;transition:opacity .2s} .nav a:hover{background:var(--hover);color:var(--tx)} .nav a:hover svg{opacity:1} .nav a[aria-current="page"]{color:var(--tx);font-weight:500;background:var(--am-dim);box-shadow:inset 0 0 0 1px var(--am-line)} .nav a[aria-current="page"] svg{opacity:1;color:var(--am)} .nav a[aria-current="page"]::before{content:'';position:absolute;left:-14px;top:50%;transform:translateY(-50%); width:3px;height:19px;border-radius:0 3px 3px 0;background:var(--am);box-shadow:0 0 10px var(--am-line)} .nav a .nb,.tabbar a .nb{margin-left:auto} .corpus{text-decoration:none;color:inherit;display:block} .corpus .pulse.off{background:var(--hi);box-shadow:none;animation:none} .askbar{text-decoration:none;color:inherit} .icon-btn{text-decoration:none;position:relative} .subnav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;color:var(--tx-2);text-decoration:none;transition:background .2s,color .2s} .subnav a svg{width:15px;height:15px;opacity:.7;flex-shrink:0} .subnav a:hover{background:var(--hover);color:var(--tx)} .subnav a[aria-current="true"]{background:var(--am-dim);color:var(--tx);font-weight:500;box-shadow:inset 0 0 0 1px var(--am-line)} .subnav a[aria-current="true"] svg{color:var(--am);opacity:1} .tabbar a{text-decoration:none;color:inherit} .rs-opt{width:100%;text-decoration:none;color:inherit} #rs-list form{display:block} .rs-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)} .rs-foot .btn{text-decoration:none} .k-top{display:flex;align-items:center;gap:10px} html.no-anim .rise{opacity:1} /* ── страница входа ───────────────────────────────────────────────────────── */ .enter-body{overflow:auto} .enter{max-width:640px;margin:0 auto;padding:56px 24px 80px;position:relative;z-index:1} .enter .brand{margin-bottom:28px} .enter-h{font-size:32px;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0 0 12px;text-wrap:balance} .enter-p{color:var(--tx-2);font-size:14.5px;line-height:1.6;max-width:62ch;margin:0 0 24px} .enter-p b{color:var(--tx);font-weight:500} .enter-seats{display:flex;flex-direction:column;gap:8px} .enter-seats .rs-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line); background:linear-gradient(165deg,var(--card-a),var(--card-b));text-align:left;transition:border-color .2s,transform .2s} .enter-seats .rs-opt:hover{border-color:var(--am-line);transform:translateY(-1px)} .enter-seats .rs-opt>svg:last-child{width:16px;height:16px;color:var(--tx-3);margin-left:auto;flex-shrink:0} .enter-resume{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--am-line);background:var(--am-dim);margin-bottom:14px} .enter-resume .ava{width:36px;height:36px;border-radius:50%;background:var(--am);color:var(--btn-tx);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0} .enter-resume .t{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px} .enter-resume .t span{color:var(--tx-3);font-size:11.5px} .enter-or{font-size:11.5px;color:var(--tx-3);text-align:center;margin:0 0 14px;letter-spacing:.04em;text-transform:uppercase} .enter-note{margin-top:24px;font-size:12px;color:var(--tx-3);line-height:1.65;max-width:66ch} /* ── настройки ────────────────────────────────────────────────────────────── */ .setgrid{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start} @media(max-width:860px){.setgrid{grid-template-columns:1fr}.subnav{flex-direction:row;flex-wrap:wrap;position:static}} .block-h{margin-bottom:6px} .block-t{font-size:15px;font-weight:600} .block-d{font-size:12.5px;color:var(--tx-2);line-height:1.6;margin-bottom:14px;max-width:70ch} .row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line-2)} .row .lab .t{font-size:13.5px;font-weight:500} .row .lab .d{font-size:12px;color:var(--tx-3);margin-top:3px;line-height:1.55;max-width:60ch} .row .ctl{display:flex;align-items:center;gap:8px} .row .ctl.quiet .field{width:110px;display:inline-block} .chips label.chip{cursor:pointer;user-select:none;position:relative} .chips label.chip input{position:absolute;opacity:0;width:0;height:0} .chips label.chip:has(input:checked){background:var(--am-dim);border-color:var(--am-line);color:var(--tx)} .chips label.chip:has(input:focus-visible){outline:2px solid var(--am);outline-offset:2px} .chip small{color:var(--tx-3);font-size:11px} .sw-l{display:inline-flex;cursor:pointer;position:relative} .sw-l input{position:absolute;opacity:0;width:0;height:0} .sw-l input:checked+.sw{background:var(--am-dim);border-color:var(--am-line)} .sw-l input:checked+.sw::after{transform:translateX(18px);background:var(--am)} .sw-l input:focus-visible+.sw{outline:2px solid var(--am);outline-offset:2px} .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px} @media(max-width:640px){.formgrid{grid-template-columns:1fr}} .fl{display:flex;flex-direction:column;gap:5px} .fl .k{font-size:11px;color:var(--tx-3);letter-spacing:.04em;text-transform:uppercase;font-weight:600} .form-foot{display:flex;gap:8px;justify-content:flex-end;padding-top:14px;margin-top:8px;border-top:1px solid var(--line-2)} .team{display:flex;flex-direction:column} .trow{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2);font-size:12.5px} .trow.me{background:var(--am-dim);margin:0 -10px;padding:10px;border-radius:9px;border-top:0} .trow .ava{width:32px;height:32px;border-radius:50%;background:var(--sf1);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--tx-2)} .trow .tt{display:flex;flex-direction:column;gap:2px} .trow .tt span:not(.tag){font-size:11.5px;color:var(--tx-3)} .trow .tm{font-size:11px;color:var(--tx-3);font-family:ui-monospace,Menlo,Consolas,monospace} @media(max-width:640px){.trow{grid-template-columns:34px 1fr}.trow .tm,.trow>.tag{display:none}} /* ── ассистент ────────────────────────────────────────────────────────────── */ .turn{margin-bottom:36px} .turn.pending{display:none} .turn.pending.htmx-request{display:block} .answer{margin-top:14px} [data-register="biz"] .reg-law{display:none!important} [data-register="law"] .reg-biz{display:none!important} .scrubbed{display:inline-flex;align-items:center;gap:5px;margin-left:10px;font-size:10.5px;color:var(--md);font-family:var(--ui);vertical-align:middle} .scrubbed svg{width:12px;height:12px} .qid{font-size:10.5px;color:var(--tx-3);font-family:ui-monospace,Menlo,Consolas,monospace} .pd-note{margin-top:8px;font-size:12px;color:var(--md)} #ask-starters{display:flex;flex-direction:column;gap:4px} .st{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;padding:9px 10px;border-radius:9px;font-size:13px;color:var(--tx-2);transition:background .2s,color .2s} .st:hover{background:var(--hover);color:var(--tx)} .st .h{font-size:11px;color:var(--tx-3);white-space:nowrap;flex-shrink:0} /* статус политики — четыре состояния */ .pstatus{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--sf2);margin:12px 0 14px} .pstatus .pic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line)} .pstatus .pic svg{width:13px;height:13px} .pstatus .pt{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--tx-2);line-height:1.5} .pstatus .pt b{color:var(--tx);font-size:13px} .pstatus .why{color:var(--tx);font-size:12px} .pstatus.l{border-color:var(--lo-line);background:var(--lo-bg)} .pstatus.l .pic{color:var(--lo);border-color:var(--lo-line)} .pstatus.m{border-color:var(--md-line);background:var(--md-bg)} .pstatus.m .pic{color:var(--md);border-color:var(--md-line)} .pstatus.h{border-color:var(--hi-line);background:var(--hi-bg)} .pstatus.h .pic{color:var(--hi);border-color:var(--hi-line)} .pstatus.n .pic{color:var(--tx-3)} .claims .claim{font-size:13.5px;line-height:1.65;padding:6px 0;color:var(--tx-2)} .blaw .cq{display:block;font-size:12.5px;color:var(--tx-3);font-style:italic;margin-top:4px;padding-left:12px;border-left:2px solid var(--am-line)} .blaw.sub{color:var(--tx-2)} .chain{padding-left:22px;font-size:13.5px;line-height:1.65;color:var(--tx-2);margin:4px 0 6px} .chain li{padding:4px 0} .chain li::marker{color:var(--am);font-weight:600} .hlist{display:flex;flex-direction:column;gap:6px} .hl{display:flex;gap:10px;font-size:13.5px;line-height:1.6;color:var(--tx-2);padding:8px 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--sf2)} .hl .hm{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px} .hl .hm svg{width:13px;height:13px} .hlist.risk .hm{color:var(--hi)} .hlist.alt .hm{color:var(--lo)} .hlist.triz .hm{color:var(--am)} .ref{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin:0 2px;border-radius:9px; font-size:10.5px;font-weight:600;font-family:var(--ui);color:var(--am);background:var(--am-dim);border:1px solid var(--am-line);vertical-align:2px;cursor:pointer} .ref:hover{background:var(--am);color:var(--btn-tx)} .dropped{display:flex;flex-direction:column;gap:6px} .dr{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;padding:9px 12px;border-radius:9px;border:1px solid var(--hi-line);background:var(--hi-bg);font-size:12.5px} .dr .ds{color:var(--tx-3);font-size:11.5px} .dr .ds code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px} .dr .dw{grid-column:2;color:var(--tx)} .dn{font-size:11.5px;color:var(--tx-3);line-height:1.55;margin-top:4px;max-width:70ch} .missing{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .missing .dn{flex-basis:100%} .cite .ok.warn{color:var(--md)} .cite .meta code{font-size:10.5px;color:var(--tx-3);font-family:ui-monospace,Menlo,Consolas,monospace} .cite .src-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none} .cite .src-link svg{width:11px;height:11px} .cite.hl{border-color:var(--am-line);box-shadow:0 0 0 3px var(--am-dim)} .cite.flash{animation:citeFlash 1.2s var(--ease)} @keyframes citeFlash{0%{box-shadow:0 0 0 0 var(--am-line)}40%{box-shadow:0 0 0 5px var(--am-dim)}100%{box-shadow:0 0 0 0 transparent}} /* трасса: как система нашла ответ */ .trace{margin-top:14px;padding:14px 16px;border-radius:11px;border:1px dashed var(--line);background:var(--sf2)} .tr-h{font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px} .tr-h span{font-weight:400;font-size:11.5px;color:var(--tx-3)} .tr-h span b{color:var(--tx-2);font-weight:500} .tr-h2{font-size:12px;font-weight:600;margin:14px 0 6px;color:var(--tx-2)} .tr-stages{display:flex;flex-direction:column;gap:5px} .tr-s{display:grid;grid-template-columns:minmax(180px,1.4fr) 3fr 64px;gap:12px;align-items:center;font-size:12px;color:var(--tx-2)} .tr-s.sub{color:var(--tx-3);font-size:11.5px;padding-left:16px} .tr-s .tb{height:6px;border-radius:4px;background:var(--sf1);overflow:hidden} .tr-s .tb i{display:block;height:100%;background:var(--am);border-radius:4px;transition:width .6s var(--ease)} .tr-s .tv{text-align:right;font-variant-numeric:tabular-nums;color:var(--tx-3)} .tr-neg .ng{font-size:12.5px;padding:5px 0;color:var(--tx-2)} .tr-neg .sc{font-size:11px;color:var(--tx-3);font-variant-numeric:tabular-nums} .tr-ev{margin-top:10px;font-size:12px;color:var(--tx-3)} .tr-ev summary{cursor:pointer} .tr-ev .ids{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px} .tr-ev code{font-size:10.5px;padding:2px 6px;border-radius:5px;background:var(--sf1);border:1px solid var(--line-2);font-family:ui-monospace,Menlo,Consolas,monospace} /* история */ .hrow{text-decoration:none;color:inherit;display:grid} .hrow:hover .lb b{color:var(--am)} .hrow .ln{display:inline-block;margin-left:8px;font-size:11.5px;color:var(--tx-3)} /* ── корпус ───────────────────────────────────────────────────────────────── */ .deps{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--tx-2);margin-bottom:12px} .dep{display:inline-flex;align-items:center;gap:7px} .dep .dot{width:8px;height:8px;border-radius:50%;background:var(--tx-3)} .dep .dot.ok{background:var(--lo)} .dep .dot.fail{background:var(--hi)} .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:12.5px;margin:0} .kv dt{color:var(--tx-3)} .kv dd{margin:0;font-variant-numeric:tabular-nums} .kv code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px} .src .bar i.mock{opacity:.45} .refs{display:flex;flex-wrap:wrap;gap:6px} @media(max-width:760px){.srcgrid{grid-template-columns:1fr}} /* ── шаг 4: изменения, документы, ознакомления ────────────────────────────── */ .mtabs a.mtab{text-decoration:none;color:inherit;display:inline-flex;align-items:center} .seg a{position:relative;z-index:1;padding:7px 16px;border-radius:30px;font-size:12.5px;color:var(--tx-2);text-decoration:none;transition:color .2s} .seg a[aria-pressed="true"]{color:var(--tx);font-weight:500} .filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px} .filters .search{position:relative;flex:1 1 260px;display:flex;align-items:center} .filters .search svg{position:absolute;left:12px;width:14px;height:14px;color:var(--tx-3);pointer-events:none} .filters .search .field{padding-left:34px} .filters select.field{width:auto;min-width:170px} .fcount{font-size:11.5px;color:var(--tx-3);margin-left:auto} .fitem{width:100%;text-align:left} .dsplit{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start} @media(max-width:900px){.dsplit{grid-template-columns:1fr}} .dl .card{padding:14px} .dpick{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;padding:9px 10px;border-radius:9px;text-decoration:none;color:inherit;transition:background .2s} .dpick:hover{background:var(--hover)} .dpick[aria-current="true"]{background:var(--am-dim);box-shadow:inset 0 0 0 1px var(--am-line)} .dpick .dc{font-size:11px;font-weight:600;color:var(--am);font-family:ui-monospace,Menlo,Consolas,monospace} .dpick .dm{display:flex;flex-direction:column;gap:2px;min-width:0} .dpick .dn{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dpick .ds{font-size:11px;color:var(--tx-3)} .dpick .dot{width:7px;height:7px;border-radius:50%;background:var(--hi)} .dv .subnav{flex-direction:row;flex-wrap:wrap;position:static;margin:12px 0 14px} .docref{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--sf2);text-align:left;font-size:12.5px;margin-bottom:6px} .docref:hover{border-color:var(--am-line)} .docref .dc{font-size:11px;color:var(--tx-3);font-variant-numeric:tabular-nums} .docref .dn{color:var(--tx)} .ta.big{width:100%;min-height:320px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);color:var(--tx);font:13.5px/1.6 var(--law);resize:vertical} .ta.big:focus{border-color:var(--am-line);box-shadow:0 0 0 3px var(--am-dim);outline:none} .acts form{display:inline} .cmpd{margin-top:8px} .cmpd summary{list-style:none;cursor:pointer;display:inline-flex} .cmpd summary::-webkit-details-marker{display:none} .cmpd .cmp{margin-top:10px} .acts-log{margin-top:8px} .acts-log .lrow{grid-template-columns:118px 1fr;padding:6px 0;font-size:12px} .cardpage{max-width:820px} .cardpage .sheet-title{display:none} .statusbar form{display:inline} .assign{display:grid;grid-template-columns:auto 1fr 130px auto;gap:10px;align-items:center;margin-top:12px} @media(max-width:700px){.assign{grid-template-columns:1fr}} .assign .l{font-size:11.5px;color:var(--tx-3)} /* граф связей — без canvas */ .gsvg{display:flex;flex-direction:column;gap:6px;padding:6px 0} .grow{display:flex;align-items:center;gap:8px} .grow.doc{padding-left:34px} .gedge{width:18px;height:1px;background:var(--line);position:relative;flex-shrink:0} .gedge::before{content:'';position:absolute;left:0;top:-22px;width:1px;height:23px;background:var(--line)} .gnode{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--sf2);text-align:left;font-size:12px;min-width:160px} .gnode b{font-size:12.5px} .gnode span{color:var(--tx-3);font-size:11px} .gnode.law{border-color:var(--am-line);background:var(--am-dim)} .gnode.law b{color:var(--am)} .grow.hot .gnode.doc{border-color:var(--hi-line);background:var(--hi-bg)} .gnode:hover{transform:translateY(-1px)} .glegend .g1{background:var(--am)} .glegend .g2{background:var(--tx-3)} .glegend .g3{background:var(--hi)} .wnum form{display:inline} .alert{width:100%;text-align:left} .ackrow.wide{width:100%;text-align:left} /* ── шаг 5: журнал, отмены, поддержка ─────────────────────────────────────── */ .linklike{color:var(--tx);text-decoration:underline dotted var(--tx-3);text-underline-offset:3px;font:inherit;text-align:left;padding:0} .linklike:hover{color:var(--am)} .lrow.undone .lb{opacity:.62} .lrow.undone .lb b,.lrow.undone .lb .act{text-decoration:line-through;text-decoration-color:var(--tx-3)} .lact{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle} .lact form{display:inline} .ferr{margin:6px 0 0;font-size:12px;color:var(--hi)} .ta{width:100%;padding:10px 13px;border-radius:9px;border:1px solid var(--line);background:var(--sf2);color:var(--tx);font:13.5px/1.55 var(--law);resize:vertical} .ta:focus{border-color:var(--am-line);box-shadow:0 0 0 3px var(--am-dim);outline:none} .reqcard .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .tcard{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px;width:100%} .chat-h form{display:inline} .msg.op.reveal{display:none} .chat-in{display:flex;gap:8px;align-items:center} .chat-in .field{flex:1} details.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:13px 2px;font-size:13px;cursor:pointer;color:var(--tx)} details.qa summary::-webkit-details-marker{display:none} details.qa summary:hover{color:var(--am)} details.qa summary svg{width:14px;height:14px;flex-shrink:0;color:var(--tx-3);transition:transform .3s var(--ease)} details.qa[open] summary svg{transform:rotate(180deg);color:var(--am)} details.qa[open] .ans{max-height:none;padding-bottom:12px} details.qa .ans p{margin:0;font-size:13px;line-height:1.65;color:var(--tx-2)} .faq-search{display:flex;position:relative;margin-bottom:14px} .faq-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--tx-3)} .faq-search .field{padding-left:34px} /* ── шаг 6: обзор, реагирование, поиск ────────────────────────────────────── */ a.kpi{text-decoration:none;color:inherit} a.wrow{text-decoration:none;color:inherit} .kpi .trend{display:inline-flex;align-items:center;gap:3px;font-weight:600} .kpi .trend.up{color:var(--lo)} .kpi .trend.down{color:var(--hi)} .kpi .trend.flat{color:var(--tx-3)} .promo .btn{text-decoration:none} .chart-wrap svg{width:100%;height:auto;display:block} .cbar{cursor:pointer} .cbar:hover .cbg{fill:var(--sf1)} .cbar:focus-visible .cbg{fill:var(--am-dim)} .chart-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--tx-3)} .ctable-d summary{list-style:none;display:inline-flex;cursor:pointer} .ctable-d summary::-webkit-details-marker{display:none} .ctable-d[open] summary{margin-bottom:6px} .drow{width:100%;text-align:left} .drill .btn{text-decoration:none} a.k-row{text-decoration:none;color:inherit} .k-row{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border-radius:9px;text-align:left} .k-row:hover{background:var(--hover)} .k-row .k-k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--am);font-weight:600} .k-row .k-t{font-size:13px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .k-row .k-s{font-size:11px;color:var(--tx-3);white-space:nowrap} .k-hint{padding:14px 12px;font-size:12.5px;color:var(--tx-3);line-height:1.55} .k-page .k-row{border-bottom:1px solid var(--line-2);border-radius:0} /* ── мобильная раскладка: то, что макет писал под