/* Компонентный слой кита «Юридический департамент». Только токены --lx-*, поэтому тёмная тема включается одним data-theme на . Классы: lx-*. */ html,body{margin:0;background:var(--lx-bg)} body{font:400 15px/1.5 var(--font-sans);color:var(--lx-text)} a{color:var(--lx-link)}a:hover{color:var(--lx-accent-hover)} ::selection{background:var(--lx-accent-soft);color:var(--lx-text)} *{scrollbar-width:thin;scrollbar-color:var(--lx-border-strong) transparent} *::-webkit-scrollbar{width:11px;height:11px} *::-webkit-scrollbar-thumb{background:var(--lx-border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--lx-r-lg)} .lucide,[data-lucide]{width:16px;height:16px;stroke-width:1.9} /* ── Каркас ───────────────────────────────────────────────── */ .lx{min-height:100vh;display:flex;flex-direction:column;background:var(--lx-bg)} .lx-top{position:sticky;top:0;z-index:40;background:var(--lx-surface);border-bottom:1px solid var(--lx-border)} .lx-top__in{display:flex;align-items:center;gap:14px;height:58px;padding:0 20px;max-width:1660px;margin:0 auto} .lx-brand{display:flex;align-items:center;gap:11px;text-decoration:none} .lx-mark{width:36px;height:36px;border-radius:var(--lx-r-lg);background:var(--steel-800);color:#fff;display:flex;align-items:center;justify-content:center;font:700 15px/1 var(--lx-font-display);letter-spacing:.02em;flex:none} .lx-brand b{display:block;font:700 16px/1.15 var(--lx-font-display);color:var(--lx-ink);white-space:nowrap} .lx-brand small{display:block;font:400 11.5px/1.2 var(--font-narrow);color:var(--lx-text-3);letter-spacing:.03em;text-transform:uppercase} .lx-sp{flex:1} .lx-tabs{display:flex;gap:2px;margin-left:12px;flex-wrap:nowrap} .lx-tab{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:none;background:none;border-radius:var(--lx-r);font:400 14px var(--font-sans);color:var(--lx-text-2);cursor:pointer;white-space:nowrap} .lx-tab:hover{background:var(--lx-hover);color:var(--lx-text)} .lx-tab[data-on="true"]{background:var(--lx-accent-soft);color:var(--lx-accent);font-weight:700;box-shadow:inset 0 0 0 1px var(--lx-accent-line)} .lx-tab-n{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--lx-crit-solid);color:#fff;font:700 11px/19px var(--font-sans);text-align:center} .lx-tab[data-on="true"] .lx-tab-n{background:var(--lx-accent)} .lx-tab-n[data-tone="mute"]{background:var(--lx-border-strong)} .lx-seg{display:flex;border:1px solid var(--lx-border-strong);border-radius:var(--lx-r);overflow:hidden} .lx-seg button{display:flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:none;border-right:1px solid var(--lx-border);background:var(--lx-surface);color:var(--lx-text-2);font:400 13px var(--font-sans);cursor:pointer;white-space:nowrap} .lx-seg button:last-child{border-right:none} .lx-seg button:hover{background:var(--lx-hover)} .lx-seg button[data-on="true"]{background:var(--lx-accent);color:var(--lx-on-accent);font-weight:700} .lx-ico{width:34px;height:34px;border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface);color:var(--lx-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:none} .lx-ico:hover{background:var(--lx-hover);color:var(--lx-text)} .lx-ico[data-on="true"]{border-color:var(--lx-accent-line);background:var(--lx-accent-soft);color:var(--lx-accent)} .lx-ico-dot{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--lx-crit-solid);color:#fff;font:700 10px/16px var(--font-sans)} .lx-user{display:flex;align-items:center;gap:9px;padding-left:13px;border-left:1px solid var(--lx-border)} .lx-av{width:33px;height:33px;border-radius:50%;background:var(--lx-accent-soft);color:var(--lx-accent);border:1px solid var(--lx-accent-line);display:flex;align-items:center;justify-content:center;font:700 12.5px var(--font-sans);flex:none} .lx-av[data-size="sm"]{width:26px;height:26px;font-size:11px} .lx-av[data-size="lg"]{width:44px;height:44px;font-size:16px} .lx-av[data-tone="ink"]{background:var(--lx-info-bg);color:var(--lx-info-fg);border-color:var(--lx-info-line)} .lx-user-m{line-height:1.25;min-width:0} .lx-user-m b{display:block;font:700 13.5px var(--font-sans);color:var(--lx-text);white-space:nowrap} .lx-user-m span{display:block;font:400 11.5px var(--font-sans);color:var(--lx-text-3);white-space:nowrap} .lx-main{width:100%;max-width:1660px;margin:0 auto;padding:20px 20px 56px;flex:1} .lx-crumb{display:flex;align-items:center;gap:7px;font:400 13px var(--font-sans);color:var(--lx-text-3);margin-bottom:10px} .lx-crumb button{border:none;background:none;padding:0;color:var(--lx-link);font:400 13px var(--font-sans);cursor:pointer} .lx-crumb button:hover{text-decoration:underline} /* ── Заголовки, текст ─────────────────────────────────────── */ .lx-h1{font:700 24px/1.2 var(--lx-font-display);color:var(--lx-ink)} .lx-h2{font:700 18px/1.25 var(--lx-font-display);color:var(--lx-ink)} .lx-h3{font:700 14px/1.3 var(--font-sans);color:var(--lx-text)} .lx-lbl{font:700 11px var(--font-narrow);letter-spacing:.08em;text-transform:uppercase;color:var(--lx-text-3)} .lx-mut{color:var(--lx-text-3)} .lx-sec{color:var(--lx-text-2)} .lx-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums} .lx-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap} .lx-head p{font:400 13.5px var(--font-sans);color:var(--lx-text-3);margin-top:4px} .lx-head .lx-sp{min-width:20px} .lx-hact{display:flex;gap:8px;align-items:center;flex-wrap:wrap} /* ── Кнопки ───────────────────────────────────────────────── */ .lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border:1px solid var(--lx-border-strong);border-radius:var(--lx-r);background:var(--lx-surface);color:var(--lx-text);font:400 14px var(--font-sans);cursor:pointer;white-space:nowrap;text-decoration:none} .lx-btn:hover{background:var(--lx-hover);border-color:var(--lx-text-3)} .lx-btn:focus-visible{outline:none;box-shadow:var(--lx-ring)} .lx-btn i{flex:none} .lx-btn[data-kind="primary"]{background:var(--lx-accent);border-color:var(--lx-accent);color:var(--lx-on-accent);font-weight:700} .lx-btn[data-kind="primary"]:hover{background:var(--lx-accent-hover);border-color:var(--lx-accent-hover)} .lx-btn[data-kind="ink"]{background:var(--lx-ink);border-color:var(--lx-ink);color:#fff;font-weight:700} .lx-btn[data-kind="ink"]:hover{filter:brightness(1.15)} .lx-btn[data-kind="soft"]{background:var(--lx-accent-soft);border-color:var(--lx-accent-line);color:var(--lx-accent);font-weight:700} .lx-btn[data-kind="ghost"]{border-color:transparent;background:none;color:var(--lx-text-2)} .lx-btn[data-kind="ghost"]:hover{background:var(--lx-hover);color:var(--lx-text);border-color:transparent} .lx-btn[data-kind="ai"]{background:var(--lx-ai-bg);border-color:var(--lx-ai-line);color:var(--lx-ai);font-weight:700} .lx-btn[data-kind="ai"]:hover{background:var(--lx-ai);color:#fff;border-color:var(--lx-ai)} .lx-btn[data-kind="danger"]{background:var(--lx-crit-bg);border-color:var(--lx-crit-line);color:var(--lx-crit-fg);font-weight:700} .lx-btn[data-kind="danger"]:hover{background:var(--lx-crit-solid);color:#fff;border-color:var(--lx-crit-solid)} .lx-btn[data-sz="sm"]{height:30px;padding:0 11px;font-size:13px} .lx-btn[data-sz="lg"]{height:44px;padding:0 20px;font-size:15.5px} .lx-btn[disabled]{opacity:.45;cursor:default} .lx-btn[disabled]:hover{background:var(--lx-surface);border-color:var(--lx-border-strong)} .lx-btn[data-block="true"]{width:100%} /* ── Бейджи, чипы ─────────────────────────────────────────── */ .lx-bdg{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--lx-r-sm);font:700 12px/1.6 var(--font-sans);background:var(--lx-mute-bg);color:var(--lx-mute-fg);box-shadow:inset 0 0 0 1px var(--lx-mute-line);white-space:nowrap} .lx-bdg[data-tone="ok"]{background:var(--lx-ok-bg);color:var(--lx-ok-fg);box-shadow:inset 0 0 0 1px var(--lx-ok-line)} .lx-bdg[data-tone="warn"]{background:var(--lx-warn-bg);color:var(--lx-warn-fg);box-shadow:inset 0 0 0 1px var(--lx-warn-line)} .lx-bdg[data-tone="crit"]{background:var(--lx-crit-bg);color:var(--lx-crit-fg);box-shadow:inset 0 0 0 1px var(--lx-crit-line)} .lx-bdg[data-tone="info"]{background:var(--lx-info-bg);color:var(--lx-info-fg);box-shadow:inset 0 0 0 1px var(--lx-info-line)} .lx-bdg[data-tone="ai"]{background:var(--lx-ai-bg);color:var(--lx-ai);box-shadow:inset 0 0 0 1px var(--lx-ai-line)} .lx-bdg[data-tone="accent"]{background:var(--lx-accent-soft);color:var(--lx-accent);box-shadow:inset 0 0 0 1px var(--lx-accent-line)} .lx-bdg i{width:13px;height:13px} .lx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--lx-border);border-radius:99px;background:var(--lx-surface-2);font:400 12.5px var(--font-sans);color:var(--lx-text-2);white-space:nowrap} .lx-chip b{font-weight:700;color:var(--lx-text)} .lx-chip button{border:none;background:none;padding:0;color:var(--lx-text-3);cursor:pointer;display:flex} .lx-chip button:hover{color:var(--lx-crit-fg)} .lx-chips{display:flex;gap:6px;flex-wrap:wrap} /* ── Карточки, панели ─────────────────────────────────────── */ .lx-card{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);box-shadow:var(--lx-shadow)} .lx-card[data-pad="true"]{padding:16px 18px} .lx-ph{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--lx-border-soft)} .lx-ph .lx-h2,.lx-ph .lx-h3{margin-right:auto} .lx-pb{padding:16px} .lx-grid{display:grid;gap:14px} .lx-row{display:flex;gap:10px;align-items:center} .lx-col{display:flex;flex-direction:column;gap:12px;min-width:0} .lx-note{border-left:3px solid var(--lx-accent);background:var(--lx-accent-soft);border-radius:0 var(--lx-r) var(--lx-r) 0;padding:11px 14px;font:400 13.5px/1.5 var(--font-sans);color:var(--lx-text-2)} .lx-note[data-tone="ok"]{border-left-color:var(--lx-ok-solid);background:var(--lx-ok-bg)} .lx-note[data-tone="warn"]{border-left-color:var(--lx-warn-solid);background:var(--lx-warn-bg)} .lx-note[data-tone="crit"]{border-left-color:var(--lx-crit-solid);background:var(--lx-crit-bg)} .lx-note[data-tone="ai"]{border-left-color:var(--lx-ai);background:var(--lx-ai-bg)} .lx-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font:400 13px/1.5 var(--font-sans);color:var(--lx-text-2)} .lx-empty{padding:44px 20px;text-align:center;color:var(--lx-text-3)} .lx-empty i{width:34px;height:34px;color:var(--lx-border-strong);margin-bottom:8px} .lx-empty b{display:block;font:700 15px var(--font-sans);color:var(--lx-text-2);margin-bottom:4px} .lx-kv{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font:400 13.5px var(--font-sans)} .lx-kv dt{color:var(--lx-text-3);white-space:nowrap} .lx-kv dd{margin:0;color:var(--lx-text)} /* ── Фильтры / тулбар ─────────────────────────────────────── */ .lx-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:11px 14px;background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);margin-bottom:12px} .lx-inp,.lx-sel,.lx-ta{border:1px solid var(--lx-border-strong);border-radius:var(--lx-r);background:var(--lx-surface);color:var(--lx-text);font:400 14px var(--font-sans);padding:0 10px;height:34px;max-width:100%} .lx-ta{height:auto;padding:9px 11px;line-height:1.55;resize:vertical;width:100%} .lx-inp:focus,.lx-sel:focus,.lx-ta:focus{outline:none;border-color:var(--lx-accent);box-shadow:0 0 0 3px var(--lx-accent-soft)} .lx-sel{padding-right:26px;appearance:none;background-image:linear-gradient(45deg,transparent 49%,var(--lx-text-3) 50%),linear-gradient(-45deg,transparent 49%,var(--lx-text-3) 50%);background-size:5px 5px,5px 5px;background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px;background-repeat:no-repeat} .lx-search{position:relative;flex:1;min-width:200px} .lx-search i{position:absolute;left:10px;top:9px;color:var(--lx-text-3)} .lx-search input{width:100%;padding-left:32px} .lx-field{display:flex;flex-direction:column;gap:5px} .lx-field>label{font:700 12.5px var(--font-sans);color:var(--lx-text-2)} .lx-field>label span{font-weight:400;color:var(--lx-text-3)} .lx-field .lx-req{color:var(--lx-crit-fg)} .lx-hint{font:400 12px/1.45 var(--font-sans);color:var(--lx-text-3)} .lx-sw{display:flex;gap:0;border:1px solid var(--lx-border-strong);border-radius:var(--lx-r);overflow:hidden;width:fit-content} .lx-sw button{height:34px;padding:0 13px;border:none;border-right:1px solid var(--lx-border);background:var(--lx-surface);color:var(--lx-text-2);font:400 13.5px var(--font-sans);cursor:pointer} .lx-sw button:last-child{border-right:none} .lx-sw button:hover{background:var(--lx-hover)} .lx-sw button[data-on="true"]{background:var(--lx-accent-soft);color:var(--lx-accent);font-weight:700} .lx-toggle{width:40px;height:22px;border-radius:99px;border:1px solid var(--lx-border-strong);background:var(--lx-surface-3);position:relative;cursor:pointer;flex:none;padding:0} .lx-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--lx-text-3);transition:.15s} .lx-toggle[data-on="true"]{background:var(--lx-accent-soft);border-color:var(--lx-accent)} .lx-toggle[data-on="true"]::after{left:20px;background:var(--lx-accent)} /* ── Таблицы / реестры ────────────────────────────────────── */ .lx-tblw{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);overflow:hidden} .lx-tbl{width:100%;border-collapse:collapse} .lx-tbl th{background:var(--lx-surface-3);border-bottom:1px solid var(--lx-border);padding:9px 12px;text-align:left;font:700 11.5px var(--font-narrow);letter-spacing:.06em;text-transform:uppercase;color:var(--lx-text-2);white-space:nowrap} .lx-tbl th[data-sort]{cursor:pointer;user-select:none} .lx-tbl th[data-sort]:hover{color:var(--lx-accent)} .lx-tbl td{border-bottom:1px solid var(--lx-border-soft);padding:11px 12px;font:400 13.5px var(--font-sans);vertical-align:top} .lx-tbl tbody tr:hover{background:var(--lx-hover)} .lx-tbl tbody tr[data-on="true"]{background:var(--lx-sel)} .lx-tbl tbody tr:last-child td{border-bottom:none} .lx-tbl .lx-r{text-align:right} .lx-tbl .lx-c{text-align:center} .lx-tl{border:none;background:none;padding:0;text-align:left;font:700 14px var(--font-sans);color:var(--lx-text);cursor:pointer} .lx-tl:hover{color:var(--lx-accent);text-decoration:underline} .lx-tsub{display:block;font:400 12.5px var(--font-sans);color:var(--lx-text-3);margin-top:3px} .lx-who{display:flex;align-items:center;gap:8px;white-space:nowrap} .lx-who b{font:400 13.5px var(--font-sans)} .lx-sla{display:flex;flex-direction:column;gap:4px;min-width:112px} .lx-sla-t{font:700 12.5px var(--font-sans)} .lx-sla[data-tone="ok"] .lx-sla-t{color:var(--lx-ok-fg)} .lx-sla[data-tone="warn"] .lx-sla-t{color:var(--lx-warn-fg)} .lx-sla[data-tone="crit"] .lx-sla-t{color:var(--lx-crit-fg)} .lx-sla-bar{height:4px;border-radius:2px;background:var(--lx-surface-3);overflow:hidden} .lx-sla-bar i{display:block;height:100%;border-radius:2px} .lx-sla[data-tone="ok"] .lx-sla-bar i{background:var(--lx-ok-solid)} .lx-sla[data-tone="warn"] .lx-sla-bar i{background:var(--lx-warn-solid)} .lx-sla[data-tone="crit"] .lx-sla-bar i{background:var(--lx-crit-solid)} .lx-rowline{box-shadow:inset 3px 0 0 var(--lx-crit-solid)} .lx-rowline[data-tone="warn"]{box-shadow:inset 3px 0 0 var(--lx-warn-solid)} /* ── Карточка заявки ──────────────────────────────────────── */ .lx-split{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:16px;align-items:start} @media (max-width:1240px){.lx-split{grid-template-columns:minmax(0,1fr)}} .lx-doc-h{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid var(--lx-border-soft)} .lx-doc-h h1{font:700 20px/1.3 var(--lx-font-display);color:var(--lx-ink)} .lx-doc-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px} .lx-stabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid var(--lx-border-soft);background:var(--lx-surface-2)} .lx-stab{height:42px;padding:0 14px;border:none;background:none;border-bottom:2.5px solid transparent;font:400 14px var(--font-sans);color:var(--lx-text-2);cursor:pointer;display:flex;align-items:center;gap:7px} .lx-stab:hover{color:var(--lx-text)} .lx-stab[data-on="true"]{color:var(--lx-accent);border-bottom-color:var(--lx-accent);font-weight:700} .lx-stab-n{font:700 11px var(--font-sans);background:var(--lx-surface-3);color:var(--lx-text-2);border-radius:99px;padding:1px 6px} .lx-file{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface-2)} .lx-file i{color:var(--lx-text-3);flex:none} .lx-file b{font:400 13.5px var(--font-sans);color:var(--lx-text)} .lx-file small{display:block;font:400 12px var(--font-mono);color:var(--lx-text-3)} .lx-drop{border:1.5px dashed var(--lx-border-strong);border-radius:var(--lx-r-lg);padding:22px;text-align:center;background:var(--lx-surface-2);color:var(--lx-text-2);cursor:pointer} .lx-drop:hover,.lx-drop[data-over="true"]{border-color:var(--lx-accent);color:var(--lx-accent);background:var(--lx-accent-soft)} .lx-drop i{width:26px;height:26px;margin-bottom:6px} .lx-route{display:flex;flex-direction:column} .lx-step{display:flex;gap:12px;padding:2px 0} .lx-step-i{display:flex;flex-direction:column;align-items:center;flex:none;width:26px} .lx-step-d{width:22px;height:22px;border-radius:50%;border:2px solid var(--lx-border-strong);background:var(--lx-surface);display:flex;align-items:center;justify-content:center;font:700 11px var(--font-sans);color:var(--lx-text-3)} .lx-step-d i{width:12px;height:12px} .lx-step-l{flex:1;width:2px;background:var(--lx-border);min-height:18px;margin:2px 0} .lx-step:last-child .lx-step-l{display:none} .lx-step[data-st="done"] .lx-step-d{background:var(--lx-ok-solid);border-color:var(--lx-ok-solid);color:#fff} .lx-step[data-st="current"] .lx-step-d{border-color:var(--lx-accent);color:var(--lx-accent);background:var(--lx-accent-soft)} .lx-step-b{padding-bottom:14px;min-width:0} .lx-step-b b{font:700 13.5px var(--font-sans);display:block} .lx-step-b span{font:400 12.5px var(--font-sans);color:var(--lx-text-3)} /* чипы и бейджи участников внутри шага цепочки сохраняют собственную типографику */ .lx-step-b .lx-cond{font:400 12px var(--font-sans);color:var(--lx-text-2)} .lx-step-b .lx-cond b{display:inline;font:700 12px var(--font-sans);color:var(--lx-text)} .lx-step-b .lx-bdg{font:700 12px/1.6 var(--font-sans)} .lx-cmt{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--lx-border-soft)} .lx-cmt:last-child{border-bottom:none} .lx-cmt-b b{font:700 13.5px var(--font-sans)} .lx-cmt-b time{font:400 12px var(--font-sans);color:var(--lx-text-3);margin-left:8px} .lx-cmt-b p{font:400 13.5px/1.55 var(--font-sans);color:var(--lx-text-2);margin-top:3px} .lx-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:74px} /* ── AI-панель ────────────────────────────────────────────── */ .lx-ai{background:var(--lx-surface);border:1px solid var(--lx-ai-line);border-radius:var(--lx-r-lg);overflow:hidden;box-shadow:var(--lx-shadow)} .lx-ai-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--lx-ai-bg);border-bottom:1px solid var(--lx-ai-line)} .lx-ai-h b{font:700 14px var(--font-sans);color:var(--lx-ai)} .lx-ai-h small{display:block;font:400 11.5px var(--font-sans);color:var(--lx-text-3)} .lx-ai-mark{width:28px;height:28px;border-radius:var(--lx-r);background:var(--lx-ai);color:#fff;display:flex;align-items:center;justify-content:center;flex:none} .lx-ai-b{padding:14px;display:flex;flex-direction:column;gap:12px} .lx-ai-sec{font:700 11px var(--font-narrow);letter-spacing:.08em;text-transform:uppercase;color:var(--lx-ai);display:flex;align-items:center;gap:6px} .lx-ai-txt{font:400 13.5px/1.6 var(--font-sans);color:var(--lx-text-2)} .lx-ai-risk{display:flex;gap:9px;font:400 13px/1.5 var(--font-sans);color:var(--lx-text-2);padding:8px 10px;background:var(--lx-warn-bg);border-radius:var(--lx-r);box-shadow:inset 0 0 0 1px var(--lx-warn-line)} .lx-ai-risk i{color:var(--lx-warn-fg);flex:none;margin-top:2px} .lx-ai-foot{padding:9px 14px;border-top:1px solid var(--lx-border-soft);background:var(--lx-surface-2);font:400 11.5px/1.45 var(--font-sans);color:var(--lx-text-3);display:flex;gap:7px} .lx-ai-foot i{width:13px;height:13px;flex:none;margin-top:2px} .lx-conf{display:flex;align-items:center;gap:7px;font:700 12px var(--font-mono);color:var(--lx-ai)} .lx-conf-bar{width:52px;height:5px;border-radius:3px;background:var(--lx-ai-bg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--lx-ai-line)} .lx-conf-bar i{display:block;height:100%;background:var(--lx-ai)} .lx-msgs{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;flex:1} .lx-msg{display:flex;gap:10px;max-width:88%} .lx-msg[data-me="true"]{align-self:flex-end;flex-direction:row-reverse} .lx-msg-b{padding:10px 13px;border-radius:var(--lx-r-lg);font:400 13.5px/1.6 var(--font-sans);background:var(--lx-surface-2);border:1px solid var(--lx-border-soft);color:var(--lx-text)} .lx-msg[data-me="true"] .lx-msg-b{background:var(--lx-accent);border-color:var(--lx-accent);color:var(--lx-on-accent)} .lx-msg-b p+p{margin-top:8px} .lx-msg-b ul{margin:8px 0 0;padding-left:18px} .lx-msg-b li{margin-bottom:4px} .lx-ai-in{display:flex;gap:8px;padding:12px;border-top:1px solid var(--lx-border-soft);background:var(--lx-surface)} .lx-ai-in .lx-inp{flex:1;height:40px} .lx-sugs{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 12px} .lx-sug{border:1px solid var(--lx-ai-line);background:var(--lx-ai-bg);color:var(--lx-ai);border-radius:99px;padding:6px 12px;font:700 12px var(--font-sans);cursor:pointer} .lx-sug:hover{background:var(--lx-ai);color:#fff} .lx-typing{display:flex;gap:4px;padding:4px 0} .lx-typing i{width:6px;height:6px;border-radius:50%;background:var(--lx-ai);animation:lxb 1s infinite} .lx-typing i:nth-child(2){animation-delay:.15s}.lx-typing i:nth-child(3){animation-delay:.3s} @keyframes lxb{0%,60%,100%{opacity:.25}30%{opacity:1}} /* ── Дашборд ──────────────────────────────────────────────── */ .lx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px} .lx-kpi{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);padding:14px 16px} .lx-kpi b{display:block;font:700 30px/1.1 var(--font-sans);color:var(--lx-ink);font-variant-numeric:tabular-nums} .lx-kpi span{display:block;font:400 12.5px var(--font-sans);color:var(--lx-text-3);margin-top:4px} .lx-kpi small{display:inline-flex;align-items:center;gap:4px;font:700 12px var(--font-sans);margin-top:8px} .lx-lawyers{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px} .lx-lw{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);padding:14px;display:flex;flex-direction:column;gap:11px;cursor:pointer;text-align:left} .lx-lw:hover{border-color:var(--lx-accent-line);box-shadow:var(--lx-shadow)} .lx-lw[data-tone="crit"]{box-shadow:inset 3px 0 0 var(--lx-crit-solid)} .lx-lw[data-tone="warn"]{box-shadow:inset 3px 0 0 var(--lx-warn-solid)} .lx-lw[data-tone="info"]{box-shadow:inset 3px 0 0 var(--lx-info-solid)} .lx-lw-top{display:flex;gap:10px;align-items:center} .lx-lw-top b{display:block;font:700 14.5px var(--font-sans)} .lx-lw-top span{display:block;font:400 12px var(--font-sans);color:var(--lx-text-3)} .lx-pbar{height:8px;border-radius:4px;background:var(--lx-surface-3);overflow:hidden;display:flex} .lx-pbar i{display:block;height:100%} .lx-pbar i[data-tone="ok"]{background:var(--lx-ok-solid)} .lx-pbar i[data-tone="warn"]{background:var(--lx-warn-solid)} .lx-pbar i[data-tone="crit"]{background:var(--lx-crit-solid)} .lx-pbar i[data-tone="info"]{background:var(--lx-info-solid)} .lx-pbar i[data-tone="accent"]{background:var(--lx-accent)} .lx-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center} .lx-mini div{background:var(--lx-surface-2);border-radius:var(--lx-r);padding:7px 4px} .lx-mini b{display:block;font:700 17px var(--font-sans);color:var(--lx-text);font-variant-numeric:tabular-nums} .lx-mini span{font:400 11px var(--font-narrow);color:var(--lx-text-3);text-transform:uppercase;letter-spacing:.04em} .lx-dist{display:flex;flex-direction:column;gap:9px} .lx-dist-r{display:grid;grid-template-columns:190px 1fr 44px;gap:10px;align-items:center;font:400 13px var(--font-sans)} .lx-dist-r span:last-child{text-align:right;font-family:var(--font-mono);color:var(--lx-text-2)} /* ── Матрица ──────────────────────────────────────────────── */ .lx-when{display:flex;gap:5px;flex-wrap:wrap} .lx-cond{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--lx-r-sm);background:var(--lx-surface-3);font:400 12px var(--font-sans);color:var(--lx-text-2)} .lx-cond b{font:700 12px var(--font-sans);color:var(--lx-text)} .lx-arrow{color:var(--lx-text-3);display:flex;align-items:center} .lx-tval{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .lx-tadd{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--lx-border-strong);background:none;border-radius:99px;padding:4px 10px;font:400 12.5px var(--font-sans);color:var(--lx-text-3);cursor:pointer} .lx-tadd:hover{border-color:var(--lx-accent);color:var(--lx-accent)} /* ── Суды ─────────────────────────────────────────────────── */ .lx-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--lx-border-soft);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);overflow:hidden} .lx-cal-hd{background:var(--lx-surface-3);padding:7px 9px;font:700 11px var(--font-narrow);letter-spacing:.06em;text-transform:uppercase;color:var(--lx-text-2);text-align:center} .lx-cal-d{background:var(--lx-surface);min-height:92px;padding:7px 8px;display:flex;flex-direction:column;gap:4px} .lx-cal-d[data-out="true"]{background:var(--lx-surface-2);color:var(--lx-text-3)} .lx-cal-d[data-we="true"]{background:var(--lx-surface-2)} .lx-cal-n{font:700 12.5px var(--font-mono);color:var(--lx-text-3)} .lx-cal-e{background:var(--lx-accent-soft);border-left:2px solid var(--lx-accent);border-radius:0 3px 3px 0;padding:3px 5px;font:400 11px/1.35 var(--font-sans);color:var(--lx-text);cursor:default} .lx-cal-e b{display:block;font:700 11px var(--font-mono);color:var(--lx-accent)} .lx-cal-e[data-tone="crit"]{background:var(--lx-crit-bg);border-left-color:var(--lx-crit-solid)} .lx-cal-e[data-tone="crit"] b{color:var(--lx-crit-fg)} .lx-soon{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--lx-border-strong);border-radius:var(--lx-r);color:var(--lx-text-3);font:400 13px var(--font-sans);background:var(--lx-surface-2)} .lx-soon i{color:var(--lx-text-3);flex:none} /* ── Модалка / тост / drawer ──────────────────────────────── */ .lx-ov{position:fixed;inset:0;background:rgba(18,20,24,.5);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px} .lx-modal{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);box-shadow:var(--lx-shadow-pop);width:620px;max-width:100%;max-height:88vh;display:flex;flex-direction:column} .lx-modal[data-w="sm"]{width:460px} .lx-modal[data-w="lg"]{width:840px} .lx-modal-h{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--lx-border-soft)} .lx-modal-h .lx-h2{margin-right:auto} .lx-modal-b{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px} .lx-modal-f{display:flex;gap:9px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--lx-border-soft);background:var(--lx-surface-2);border-radius:0 0 var(--lx-r-lg) var(--lx-r-lg)} .lx-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--lx-r-lg);background:var(--steel-800);color:#fff;box-shadow:var(--lx-shadow-pop);font:400 14px var(--font-sans);animation:lxup .18s ease-out} [data-theme="dark"] .lx-toast{background:var(--lx-surface-3);border:1px solid var(--lx-border-strong);color:var(--lx-text)} .lx-toast i{color:var(--lx-ok-solid)} @keyframes lxup{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}} .lx-drawer{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:94vw;background:var(--lx-surface);border-left:1px solid var(--lx-border);box-shadow:var(--lx-shadow-pop);z-index:110;display:flex;flex-direction:column} .lx-menu{position:absolute;top:calc(100% + 5px);right:0;min-width:230px;background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);box-shadow:var(--lx-shadow-pop);padding:5px;z-index:60} .lx-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:none;background:none;border-radius:var(--lx-r);font:400 13.5px var(--font-sans);color:var(--lx-text);cursor:pointer;text-align:left} .lx-menu button:hover{background:var(--lx-hover)} .lx-menu button[data-on="true"]{color:var(--lx-accent);font-weight:700;background:var(--lx-accent-soft)} .lx-menu-h{padding:8px 11px 5px;font:700 11px var(--font-narrow);letter-spacing:.07em;text-transform:uppercase;color:var(--lx-text-3)} .lx-rel{position:relative} @media print{.lx-top,.lx-side{display:none}} /* lucide заменяет на — дублируем правила для svg */ .lx-search>svg{position:absolute;left:10px;top:9px;width:15px;height:15px;color:var(--lx-text-3)} .lx-empty>svg{width:34px;height:34px;color:var(--lx-border-strong);margin-bottom:8px} .lx-drop>svg{width:26px;height:26px;margin-bottom:6px} .lx-ai-risk>svg{color:var(--lx-warn-fg);flex:none;margin-top:2px;width:14px;height:14px} .lx-ai-foot>svg{width:13px;height:13px;flex:none;margin-top:2px} .lx-toast>svg{color:var(--lx-ok-solid);flex:none} .lx-toast[data-tone="crit"]>svg,.lx-toast[data-tone="crit"] i{color:var(--lx-crit-solid)} .lx-bdg>svg{width:13px;height:13px;flex:none} .lx-btn>svg,.lx-tab>svg,.lx-seg button>svg,.lx-menu button>svg,.lx-stab>svg,.lx-soon>svg,.lx-file>svg,.lx-ph>svg{flex:none} .lx-soon>svg,.lx-file>svg{color:var(--lx-text-3)} .lx-step-d>svg{width:12px;height:12px} .lx-cmt>svg{flex:none} /* Плотная шапка на узких ширинах (вкладка Битрикс24 сжимается) */ .lx-tabs{min-width:0;overflow-x:auto;scrollbar-width:none} .lx-tabs::-webkit-scrollbar{display:none} .lx-sw button,.lx-seg button,.lx-tab,.lx-btn{white-space:nowrap} .lx-ph .lx-h3,.lx-ph .lx-h2{white-space:nowrap} @media (max-width:1520px){.lx-user-m{display:none}.lx-brand small{display:none}} @media (max-width:1340px){.lx-seg button span{display:none}.lx-seg button{padding:0 10px}} /* LT-54: брейкпоинт подписей возвращён к эталону (пакет lex.css:342) — подписи живут до 1160px, дальше лента листается */ /* LT-54: подписи вкладок в узкой шапке. Приложение живёт ВО ФРЕЙМЕ Битрикса, а не на всю ширину экрана: слева меню портала (~190px), справа панель (~55px). На мониторе 1280 фрейму остаётся ~1030px, на 1440 — ~1190px, то есть порог 1160 срабатывал почти всегда, и юрист видел ряд иконок без единого слова (жалоба владельца 09.09 со скриншотом). В прототипе порог ещё выше (1340) — он рисовался в полноэкранном браузере, где эта разница не видна. Решение: подписи прячем позже (1024) И у АКТИВНОЙ вкладки подпись остаётся всегда — вопрос «где я нахожусь» важнее экономии места; остальные опознаются по иконке и подсказке при наведении. */ @media (max-width:1024px){ .lx-tab>span:not(.lx-tab-n){display:none} .lx-tab{padding:0 10px} .lx-tab[data-on="true"]>span:not(.lx-tab-n){display:inline} .lx-tab[data-on="true"]{padding:0 12px} } @media (max-width:1060px){.lx-top__in>.lx-btn[data-kind="primary"] span{display:none}} /* ── AI-first: полоса агента, черновики, лог ── */ .lx-agent{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;margin-bottom:16px;border:1px solid var(--lx-ai-line);border-radius:var(--lx-r-lg);background:var(--lx-ai-bg)} .lx-agent__i{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--lx-ai);color:#fff} .lx-agent__h{font:700 17px/1.3 var(--font-sans);color:var(--lx-text)} .lx-agent__p{margin:5px 0 0;font:400 13.5px/1.6 var(--font-sans);color:var(--lx-text-2);max-width:74ch;text-wrap:pretty} .lx-agent__m{flex:0 0 auto;display:flex;gap:20px;padding-left:20px;border-left:1px solid var(--lx-ai-line)} .lx-agent__m div{display:flex;flex-direction:column;gap:2px} .lx-agent__m b{font:700 20px/1 var(--font-mono);color:var(--lx-ai)} .lx-agent__m span{font:400 11.5px var(--font-sans);color:var(--lx-text-3);white-space:nowrap} .lx-draft{display:flex;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface-2)} .lx-draft:hover{border-color:var(--lx-ai-line)} .lx-log{display:flex;flex-direction:column;gap:11px} .lx-log__i{display:flex;gap:10px;align-items:flex-start} .lx-log__d{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--lx-ai-bg);color:var(--lx-ai)} .lx-log__t{display:block;font:400 12.5px/1.5 var(--font-sans);color:var(--lx-text)} /* Переключатель площадки: одно ядро — разные оболочки */ .lx-seg[data-env="true"] button[data-on="true"]{background:var(--lx-ai);color:#fff} .lx[data-env="web"] .lx-mark{border-radius:9px} /* ── Внедрение и роли (§3.10) ──────────────────────────────── */ .lx-ob{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface-2)} .lx-ob[data-done="true"]{background:var(--lx-ok-bg);border-color:var(--lx-ok-line)} .lx-ob-n{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--lx-border-strong);background:var(--lx-surface);font:700 12px var(--font-sans);color:var(--lx-text-3)} .lx-ob-n[data-done="true"]{background:var(--lx-ok-solid);border-color:var(--lx-ok-solid);color:#fff} .lx-ob-n i{width:13px;height:13px} .lx-h4{font:700 12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--lx-text-3)} .lx-cond[data-off="true"]{opacity:.55;text-decoration:line-through} .lx-tbl tr[data-on="true"]{background:var(--lx-accent-soft)} /* ── Претензии (§3.3–3.5) ─────────────────────────────────── */ .lx-flow{display:flex;flex-wrap:wrap;gap:6px} .lx-flow-s{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid var(--lx-border);background:var(--lx-surface-2);font:400 12.5px var(--font-sans);color:var(--lx-text-3)} .lx-flow-s i{width:13px;height:13px} .lx-flow-s[data-st="done"]{background:var(--lx-ok-bg);border-color:var(--lx-ok-line);color:var(--lx-ok-fg)} .lx-flow-s[data-st="now"]{background:var(--lx-accent);border-color:var(--lx-accent);color:#fff;font-weight:700} .lx-ext{display:flex;flex-direction:column;gap:2px} .lx-ext-r{display:flex;gap:10px;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--lx-border-soft);font:400 13px var(--font-sans);color:var(--lx-text-2)} .lx-ext-r:last-child{border-bottom:none} .lx-ext-r b{font:700 13px var(--font-sans);color:var(--lx-text);text-align:right} .lx-src{display:inline-flex;align-items:center;gap:5px;font:400 11.5px var(--font-sans);color:var(--lx-text-3)} .lx-src i{width:12px;height:12px} /* ── Playbook (§3.8, концепт) ─────────────────────────────── */ .lx-pbf{border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);background:var(--lx-surface);overflow:hidden} .lx-pbf-h{display:flex;gap:10px;align-items:center;padding:11px 14px;background:var(--lx-surface-2);border-bottom:1px solid var(--lx-border)} .lx-pbf-b{padding:12px 14px;display:flex;flex-direction:column;gap:10px} .lx-cite{border-left:3px solid var(--lx-border-strong);padding:2px 0 2px 11px;font:400 13px/1.55 var(--font-mono);color:var(--lx-text-2)} .lx-pbf[data-v="bad"] .lx-cite{border-left-color:var(--lx-crit-solid)} .lx-pbf[data-v="warn"] .lx-cite{border-left-color:var(--lx-warn-solid)} .lx-pbf[data-v="ok"] .lx-cite{border-left-color:var(--lx-ok-solid)} .lx-fix{background:var(--lx-ok-bg);border:1px solid var(--lx-ok-line);border-radius:var(--lx-r);padding:9px 12px;font:400 13px/1.55 var(--font-sans);color:var(--lx-text)} /* ── Самообслуживание заявителя (§3.6) ────────────────────── */ .lx-ladder{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .lx-faq{border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface);overflow:hidden} .lx-faq-q{display:flex;gap:10px;align-items:center;width:100%;padding:12px 14px;border:none;background:none;text-align:left;cursor:pointer;font:700 13.5px var(--font-sans);color:var(--lx-text)} .lx-faq-q:hover{background:var(--lx-surface-2)} .lx-faq-a{padding:0 14px 13px 40px;font:400 13.5px/1.6 var(--font-sans);color:var(--lx-text-2)} .lx-prog{height:5px;border-radius:99px;background:var(--lx-border);overflow:hidden} .lx-prog>span{display:block;height:100%;border-radius:99px;background:var(--lx-accent);transition:width .18s ease} .lx-pbf[data-acted="no"]{opacity:.72} /* ── Вход в веб-кабинет (вторая площадка) ─────────────────── */ .lx-auth{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) 1.05fr;background:var(--lx-bg)} .lx-auth__form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;gap:22px} .lx-auth__box{width:100%;max-width:412px} .lx-auth__sub{font:400 14px/1.6 var(--font-sans);color:var(--lx-text-2);margin:0} .lx-auth__modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0 18px} .lx-auth__modes button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--lx-border);border-radius:var(--lx-r);background:var(--lx-surface);color:var(--lx-text-2);font:400 13px var(--font-sans);cursor:pointer;text-align:left} .lx-auth__modes button:hover{border-color:var(--lx-border-strong);color:var(--lx-text)} .lx-auth__modes button[data-on="true"]{border-color:var(--lx-accent);background:var(--lx-accent-soft);color:var(--lx-accent);font-weight:700} .lx-auth__link{border:none;background:none;padding:0;font:400 13px var(--font-sans);color:var(--lx-link);cursor:pointer;text-align:left} .lx-auth__link:hover{color:var(--lx-accent-hover);text-decoration:underline} .lx-auth__alt{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--lx-border);flex-wrap:wrap} .lx-auth__legal{width:100%;max-width:412px;font:400 12px/1.55 var(--font-sans);color:var(--lx-text-3)} .lx-auth__ten{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);background:var(--lx-surface);cursor:pointer;color:var(--lx-text)} .lx-auth__ten:hover{border-color:var(--lx-accent);background:var(--lx-hover)} .lx-auth__ten b{display:block;font:700 14px var(--font-sans)} .lx-auth__ten small{display:block;font:400 12.5px/1.5 var(--font-sans);color:var(--lx-text-3)} .lx-auth__ok{width:44px;height:44px;border-radius:12px;background:var(--lx-ok-bg);color:var(--lx-ok-fg);display:grid;place-items:center;margin-bottom:14px} .lx-auth__side{background:var(--steel-900,var(--lx-ink));color:#fff;display:flex;align-items:center;padding:56px 52px} .lx-auth__side-in{max-width:520px;display:flex;flex-direction:column;gap:26px} .lx-auth__claim{font:700 clamp(26px,3vw,38px)/1.16 var(--lx-font-display);letter-spacing:-.015em} .lx-auth__facts{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px} .lx-auth__facts b{display:block;font:700 30px/1 var(--lx-font-display);letter-spacing:-.02em} .lx-auth__facts span{display:block;font:400 13px/1.5 var(--font-sans);color:color-mix(in oklab,#fff 66%,transparent);margin-top:6px} .lx-auth__plat{display:flex;gap:7px;flex-wrap:wrap;padding-top:22px;border-top:1px solid color-mix(in oklab,#fff 18%,transparent)} .lx-auth__plat span{font:400 12px var(--font-narrow);letter-spacing:.04em;padding:5px 10px;border-radius:99px;background:color-mix(in oklab,#fff 10%,transparent);color:color-mix(in oklab,#fff 62%,transparent)} .lx-auth__plat span[data-on]{background:#fff;color:var(--lx-ink);font-weight:700} @media(max-width:1080px){.lx-auth{grid-template-columns:1fr}.lx-auth__side{display:none}} /* ── Адаптация: планшет и телефон ───────────────────────────── Десктоп-first остаётся эталоном (приложение живёт вкладкой Битрикс24), но продукт не должен ломаться на узком экране: вкладки уезжают в скролл, двухколоночные экраны складываются, таблицы прокручиваются по горизонтали. */ @media(max-width:1180px){ .lx-split{grid-template-columns:1fr} .lx-side{order:2} .lx-top__in{padding:0 14px;gap:10px} .lx-tabs{overflow-x:auto;scrollbar-width:none;margin-left:6px} .lx-tabs::-webkit-scrollbar{display:none} } @media(max-width:820px){ .lx-top__in{height:54px} .lx-brand small{display:none} .lx-seg[data-env] span{display:none} .lx-kpis{grid-template-columns:1fr 1fr} .lx-head{flex-direction:column;align-items:flex-start;gap:12px} .lx-hact{width:100%;flex-wrap:wrap} .lx-bar{gap:6px} .lx-bar .lx-search{flex:1 1 100%} .lx-tblw{overflow-x:auto} .lx-tbl{min-width:760px} .lx-modal{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)} .lx-cal-e b{display:block} } @media(max-width:560px){ .lx-kpis{grid-template-columns:1fr} /* На телефоне подпись остаётся только у активной вкладки — иначе непонятно, где ты. */ .lx-tab>span:not(.lx-tab-n){display:none} .lx-tab[data-on="true"]>span:not(.lx-tab-n){display:inline} .lx-tab{padding:0 10px} .lx-ph{flex-wrap:wrap} .lx-auth__form{padding:28px 18px} .lx-auth__modes{grid-template-columns:1fr} .lx-cal{font-size:11px} } /* ── LT-99: раздел «Суды» — полоса «Что горит», компактные плитки, доска на всю ширину ── */ .lx-clip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .lx-courts{min-width:0} .lx-courts .lx-head{align-items:center} .lx-courts-bar{flex-wrap:wrap} .lx-courts-bar .lx-search{min-width:220px;flex:1 1 240px} .lx-courts-bar .lx-sel{width:auto;max-width:190px} .lx-kpis[data-compact="true"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px} .lx-kpis[data-compact="true"] .lx-kpi{padding:11px 14px;min-width:0;height:100%;box-sizing:border-box} .lx-kpis[data-compact="true"] .lx-kpi b{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lx-kpis[data-compact="true"] .lx-kpi span{margin-top:2px} .lx-kpis[data-compact="true"] .lx-kpi small{margin-top:5px;font-weight:400;display:block} .lx-courts-tbl{table-layout:fixed} .lx-courts-tbl td{vertical-align:top;overflow:hidden} .lx-courts-party{font:400 13.5px/1.4 var(--font-sans)} .lx-courts-sum{color:var(--lx-text-2);line-height:1.4} .lx-courts-tbl .lx-bdg{white-space:normal;line-height:1.35} .lx-courts-tbl .lx-who{min-width:0} /* Полоса «Что горит» */ .lx-hot{margin-bottom:4px} .lx-hot-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px} .lx-hot-card{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 12px;text-align:left;cursor:pointer;background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);color:var(--lx-text-3);font:inherit} .lx-hot-card:hover{background:var(--lx-hover)} .lx-hot-card[data-on="true"]{border-color:var(--lx-accent-line);box-shadow:inset 0 0 0 1px var(--lx-accent-line)} .lx-hot-ic{width:30px;height:30px;flex:none;border-radius:var(--lx-r);display:flex;align-items:center;justify-content:center;background:var(--lx-mute-bg);color:var(--lx-mute-fg)} .lx-hot-card[data-tone="warn"] .lx-hot-ic{background:var(--lx-warn-bg);color:var(--lx-warn-fg)} .lx-hot-card[data-tone="crit"] .lx-hot-ic{background:var(--lx-crit-bg);color:var(--lx-crit-fg)} .lx-hot-card[data-tone="info"] .lx-hot-ic{background:var(--lx-info-bg);color:var(--lx-info-fg)} .lx-hot-body{flex:1;min-width:0} .lx-hot-n{display:flex;align-items:baseline;gap:7px;font:700 20px/1.15 var(--font-sans);color:var(--lx-ink);font-variant-numeric:tabular-nums;white-space:nowrap} .lx-hot-l{font:400 13px var(--font-sans);color:var(--lx-text-2);overflow:hidden;text-overflow:ellipsis} .lx-hot-f{display:block;font:400 12px var(--font-sans);color:var(--lx-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px} .lx-hot-card[data-tone="crit"] .lx-hot-f{color:var(--lx-crit-fg)} .lx-hot-panel{margin-top:10px;padding:12px 14px;background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg)} .lx-hot-li{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:7px 4px;border-bottom:1px solid var(--lx-border);cursor:pointer} .lx-hot-li:last-of-type{border-bottom:none} .lx-hot-li:hover{background:var(--lx-hover)} .lx-hot-li[data-unread="true"] .lx-hot-what{font-weight:700} .lx-hot-when{font:700 12.5px var(--font-mono);color:var(--lx-text-2);white-space:nowrap} .lx-hot-what{font:400 13.5px var(--font-sans);color:var(--lx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lx-hot-empty{display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);font:400 13.5px var(--font-sans);color:var(--lx-text-2)} .lx-hot-empty .lucide{color:var(--lx-ok-fg)} /* Канбан: рабочие стадии делят ширину, «Завершено» — свёрнутая полоса */ .lx-kb{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;align-items:stretch} .lx-kb-col{flex:1 0 150px;min-width:150px;background:var(--lx-surface-2);border-radius:var(--lx-r-lg);padding:8px;min-height:200px;box-sizing:border-box} .lx-kb-col[data-over="true"],.lx-kb-done[data-over="true"]{background:var(--lx-accent-soft)} .lx-kb-card{background:var(--lx-surface);border:1px solid var(--lx-border);border-radius:var(--lx-r);padding:7px 9px;margin-bottom:6px;min-width:0} .lx-kb-card .lx-tsub{margin-top:1px;font-size:12px} .lx-kb-done{flex:0 0 44px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;border:1px dashed var(--lx-border-strong);border-radius:var(--lx-r-lg);background:var(--lx-surface-2);color:var(--lx-text-2);cursor:pointer;font:600 13px var(--font-sans)} .lx-kb-done span{writing-mode:vertical-rl;transform:rotate(180deg)} .lx-kb-done:hover{background:var(--lx-hover)} .lx-kb-hint{margin:0 0 6px;text-align:right} @media (max-width:1100px){.lx-kpis[data-compact="true"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:820px){ .lx-courts .lx-head{align-items:flex-start} .lx-courts .lx-tblw{overflow-x:auto} .lx-courts-tbl{min-width:1000px} .lx-courts-add .lx-row{flex-wrap:wrap} .lx-courts-add .lx-inp{flex:1 1 100%!important} .lx-hot-li{grid-template-columns:1fr;gap:2px} } @media (max-width:560px){.lx-kpis[data-compact="true"]{grid-template-columns:1fr 1fr}.lx-hot-row{grid-template-columns:1fr}} /* LT-99: календарь заседаний в стиле Bitrix24 — первым блоком раздела */ .lx-hc{margin-bottom:12px;overflow:visible} .lx-hc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--lx-border)} .lx-hc-title{font:700 14px var(--font-sans);color:var(--lx-ink);white-space:nowrap} .lx-hc-who{width:auto;max-width:180px;height:32px} .lx-hc-nav{display:flex;align-items:center;gap:4px} .lx-hc-nav .lx-ico{width:32px;height:32px} .lx-hc-today{height:32px} .lx-hc-gearw{position:relative} .lx-hc-pop{position:absolute;right:0;top:40px;z-index:30;width:min(560px,86vw);padding:4px 14px 12px;background:var(--lx-surface);border:1px solid var(--lx-border-strong);border-radius:var(--lx-r-lg);box-shadow:0 10px 28px rgba(0,0,0,.14)} .lx-hc-main{min-width:0;padding:4px 14px 10px} .lx-hc-sub{white-space:nowrap} .lx-hc-main[data-view="month"],.lx-hc-main[data-view="week"]{padding-top:12px} .lx-hc-await{margin-top:10px;padding-top:8px;border-top:1px dashed var(--lx-border);display:flex;flex-direction:column;gap:4px;font:400 13px var(--font-sans)} .lx-ag-sep{display:flex;align-items:center;gap:10px;margin:8px 0 2px;font:700 12px var(--font-sans);color:var(--lx-text-2)} .lx-ag-sep::before,.lx-ag-sep::after{content:"";flex:1;height:1px;background:var(--lx-border)} .lx-ag-sep span{padding:2px 10px;border-radius:99px;background:var(--lx-surface-2);border:1px solid var(--lx-border)} .lx-ag-row{display:grid;grid-template-columns:104px 10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 6px;border-radius:var(--lx-r);cursor:pointer} .lx-ag-row:hover{background:var(--lx-hover)} .lx-ag-time{font:600 12.5px var(--font-mono);color:var(--lx-text-2);white-space:nowrap} .lx-ag-dot{width:9px;height:9px;border-radius:50%;background:var(--lx-accent)} .lx-ag-dot[data-tone="warn"]{background:var(--lx-warn-solid)} .lx-ag-dot[data-tone="crit"]{background:var(--lx-crit-solid)} .lx-ag-dot[data-tone="mute"]{background:var(--lx-border-strong)} .lx-ag-text{font:400 13.5px var(--font-sans);color:var(--lx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lx-ag-row[data-struck="true"] .lx-ag-text b,.lx-ag-row[data-struck="true"] .lx-ag-time{text-decoration:line-through;color:var(--lx-text-3)} .lx-ag-row[data-state="held"]{opacity:.65} .lx-ag-state{font:700 11px var(--font-sans);font-style:normal;color:var(--lx-warn-fg);margin-left:6px} .lx-ag-more{padding:6px 6px 0} .lx-cal-e[data-tone="warn"]{background:var(--lx-warn-bg);border-left-color:var(--lx-warn-solid)} .lx-cal-e[data-tone="warn"] b{color:var(--lx-warn-fg)} .lx-cal-e[data-tone="mute"]{background:var(--lx-surface-2);border-left-color:var(--lx-border-strong)} .lx-cal-e[data-tone="mute"] b{color:var(--lx-text-2)} .lx-hc-dn{border:none;background:none;padding:0;cursor:pointer;text-align:left;width:fit-content} .lx-hc-dn[data-today="true"]{color:var(--lx-on-accent);background:var(--lx-accent);border-radius:99px;padding:0 6px} .lx-hc-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--lx-border);border:1px solid var(--lx-border);border-radius:var(--lx-r-lg);overflow:hidden} .lx-hc-wcol{background:var(--lx-surface);min-height:190px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0} .lx-hc-wcol[data-we="true"]{background:var(--lx-surface-2)} .lx-hc-wcol[data-today="true"]{box-shadow:inset 0 2px 0 var(--lx-accent)} .lx-hc-whd{display:flex;align-items:baseline;gap:6px;border:none;background:none;padding:2px 2px 6px;cursor:pointer;color:var(--lx-text-2);font:400 12px var(--font-sans)} .lx-hc-whd b{font:700 16px var(--font-sans);color:var(--lx-ink)} .lx-hc-wcol[data-today="true"] .lx-hc-whd b{color:var(--lx-accent)} /* Мини-месяц справа, как у Bitrix24 */ .lx-mm{padding:10px 12px;margin:0} .lx-mm-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .lx-mm-hd b{font:700 13px var(--font-sans);color:var(--lx-ink);text-transform:capitalize} .lx-mm-nav{width:24px;height:24px;border:none;background:none;border-radius:var(--lx-r);color:var(--lx-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center} .lx-mm-nav:hover{background:var(--lx-hover)} .lx-mm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center} .lx-mm-wd{font:600 10.5px var(--font-sans);color:var(--lx-text-3);padding:2px 0} .lx-mm-d{height:26px;border:none;background:none;border-radius:99px;font:400 12px var(--font-sans);color:var(--lx-text);cursor:pointer;position:relative} .lx-mm-d:hover{background:var(--lx-hover)} .lx-mm-d[data-out="true"]{color:var(--lx-text-3)} .lx-mm-d[data-busy="true"],.lx-mm-d[data-busy]{background:var(--lx-accent-soft);color:var(--lx-accent);font-weight:700} .lx-mm-d[data-today="true"]{box-shadow:inset 0 0 0 1.5px var(--lx-accent)} .lx-mm-d[data-on="true"]{background:var(--lx-accent);color:var(--lx-on-accent)} /* Две колонки раздела: основная + узкая закреплённая справа (утверждённый макет LT-99) */ .lx-courts-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start} .lx-courts-main{min-width:0;display:flex;flex-direction:column;gap:12px} .lx-courts-main>.lx-hc,.lx-courts-main>.lx-hot{margin:0} .lx-courts-aside{position:sticky;top:74px;display:flex;flex-direction:column;gap:10px;min-width:0} .lx-kpis[data-stack="true"]{display:flex;flex-direction:column;gap:8px} .lx-kpis[data-stack="true"] .lx-kpi{padding:10px 14px} .lx-kpis[data-stack="true"] .lx-kpi b{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lx-kpis[data-stack="true"] .lx-kpi span{margin-top:1px} .lx-kpis[data-stack="true"] .lx-kpi small{display:block;margin-top:4px;font-weight:400;font-size:11.5px} .lx-cases{overflow:hidden} .lx-cases-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--lx-border)} .lx-cases .lx-bar{margin:0;border:none;border-radius:0;border-bottom:1px solid var(--lx-border)} .lx-cases .lx-tblw{border:none;border-radius:0} .lx-cases .lx-courts-add .lx-card{margin:0;border:none;border-radius:0;border-bottom:1px solid var(--lx-border)} .lx-cases .lx-kb{padding:10px} @media (max-width:1100px){ .lx-courts-grid{grid-template-columns:minmax(0,1fr)} .lx-courts-aside{position:static;order:-1;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start} } @media (max-width:640px){.lx-courts-aside{grid-template-columns:1fr}.lx-kpis[data-stack="true"] .lx-kpi small{display:none}} @media (max-width:820px){.lx-ag-row{grid-template-columns:auto 10px minmax(0,1fr)}.lx-ag-row>span:last-child{display:none}.lx-hc-week{grid-template-columns:1fr}.lx-hc-wcol{min-height:0}} .lx-ag-state{margin:0 6px 0 8px} .lx-ag-from{color:var(--lx-info-fg)}