:root{--page:#073e62;--panel:#205b86;--inner:#12486d;--button:#0e4369;--text:#c9dbea;--line:#74a1bd;--accent:#5EB6FF} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#073e62 url('../pictures/background.png') center top/cover fixed no-repeat;color:var(--text);font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:16px}.topbar{height:48px;display:flex;align-items:stretch;background:#205e8b;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.search,.tab{border:0;border-right:1px solid rgba(255,255,255,.14);background:transparent;color:#d5e6f2;padding:0 22px;font:inherit;font-size:12px;display:flex;gap:24px;align-items:center}.search{gap:12px}.tab.active{background:#1a527c}.profile{margin-left:auto;padding:13px 18px;color:#d6e9f3}main{padding:18px 20px 40px}.expanded .org-sticky{position:sticky;top:48px;z-index:45}.org-pill,.notice,.action,.section-card{background:rgba(31,91,134,.94)}.org-pill{display:inline-block;padding:15px 18px;border-radius:12px;font-size:15px}.intro-row{display:flex;align-items:flex-end;gap:18px;margin:18px 0}.notice{padding:11px 18px;border-radius:12px;line-height:1.28}.action,.expand-btn,.ghost-btn{border:0;color:#dbe9f3;background:#0e466e;border-radius:12px;padding:11px 16px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.action{margin-left:auto}.ui-icon{width:17px;height:17px;margin-left:7px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.section-nav{display:none;justify-content:space-between;gap:22px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none;background:transparent}.section-nav a{color:#d2e2ee;text-decoration:none;font-size:12px;white-space:nowrap}.expanded .section-nav{display:flex;background:transparent}.section-card{margin:18px 0;padding:20px 30px;border-radius:14px;scroll-margin-top:225px}.card-head{display:flex;align-items:center;gap:14px;min-height:34px}.card-head h2{font-size:19px;margin:0}.expand-btn{margin-left:auto;padding:9px 16px}.card-subtitle{font-size:15px;margin:20px 0 15px}.inner{background:var(--inner);border-radius:17px;padding:18px 26px}.grid-2{display:grid;grid-template-columns:38% 1fr;gap:38px}.kv{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:12px 18px;line-height:1.25}.kv span:nth-child(even){text-align:right}.contacts{margin-top:18px}.contacts .kv{grid-template-columns:215px 1fr}.summary{line-height:1.65;padding:25px}.legal-short{line-height:1.5;max-height:125px;overflow:hidden}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.metric{text-align:center;padding:24px 18px;line-height:1.5}.capital{margin-left:auto}.donut-wrap{display:grid;grid-template-columns:35% 1fr;align-items:center;padding:26px}.donut{width:220px;aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(#c6dcf8 0 29%,#83b9ef 29% 50.5%,#3c9dde 50.5% 67.9%,#237aaf 67.9% 77%,#1d6b98 77% 85.4%,#0c3d5f 85.4% 88.6%,#d7ebf6 88.6% 91.3%,#5292c0 91.3%);position:relative}.donut:after{content:'100 %';display:grid;place-items:center;position:absolute;inset:29%;border-radius:50%;background:#12486d;font-size:23px}.legend{display:grid;gap:11px}.legend-row{display:flex;align-items:center;gap:13px}.swatch{width:65px;height:13px;border-radius:8px;background:#c6dcf8}.swatch:nth-child(1){background:#c6dcf8}.activity-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.paragraph{line-height:1.6}.full-only{display:none}.expanded .full-only{display:block}.expanded .compact-only{display:none}.table{border:1px solid var(--line);border-radius:24px;overflow:hidden;width:100%;border-collapse:separate;border-spacing:0}.table td,.table th{padding:12px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.table tr:last-child td{border-bottom:0}.table td:last-child,.table th:last-child{border-right:0}.chart{height:370px;padding:42px 52px 30px;background:#12486d;border-radius:18px;margin-top:20px}.chart-title{text-align:center;font-size:18px;line-height:1.45}.bars{height:220px;border-bottom:1px solid #b7d0df;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,rgba(210,230,240,.7) 36px,transparent 37px);display:flex;align-items:flex-end;justify-content:space-around;padding:0 30px}.bar-item{height:var(--h);width:7px;background:#54b7f4;position:relative}.bar-item:before{content:'';position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;top:-6px;left:-4px}.bar-item:after{content:attr(data-year);position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);font-size:12px}.modal{width:min(96vw,1200px);max-height:94vh;padding:0;border:0;background:transparent;border-radius:18px;overflow:visible}.modal::backdrop{background:rgba(1,19,34,.75);backdrop-filter:blur(5px)}.modal-viewport{max-height:92vh;overflow:auto;border-radius:18px}.modal img{display:block;width:100%;height:auto}.modal-close{position:absolute;right:32px;top:20px;min-width:139px;height:31px;padding:0 18px;border-radius:16px;border:0;background:#0e4369;color:#e2edf4;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:600;cursor:pointer;z-index:2}.modal-close .ui-icon{vertical-align:-4px} @media(max-width:900px){body{font-size:14px}.person{display:none}.topbar{height:42px}.search,.tab{padding:0 10px;font-size:11px}.intro-row{align-items:stretch;flex-direction:column}.action{margin-left:0;align-self:flex-end}.section-card{padding:17px 15px}.card-head h2{font-size:17px}.grid-2,.activity-grid,.donut-wrap{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr;gap:12px}.contacts .kv,.kv{grid-template-columns:1fr 1.3fr}.donut{width:180px}.chart{padding:30px 12px;height:330px}.section-nav{justify-content:flex-start}.capital{display:none}} .ui-icon{display:inline-block;width:17px;height:17px;margin-left:7px;vertical-align:-4px;object-fit:contain} .modal .ui-icon{display:inline-block;width:17px;height:17px} .expanded .org-sticky{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;backdrop-filter:none;transition:background .18s ease,box-shadow .18s ease,padding .18s ease,margin .18s ease} .expanded .org-sticky.sticky-active{background:rgba(7,62,98,.94);box-shadow:0 10px 24px rgba(2,29,48,.28);border-radius:0 0 14px 14px;padding:10px 12px 0;margin:-10px -12px 0;backdrop-filter:blur(8px)} .card-head+.inner,.card-head+.donut-wrap{margin-top:18px} .modal{background:transparent} .modal-viewport{position:relative;max-height:92vh;overflow:auto;border-radius:18px} .modal-card{margin:0;min-height:0;background:#205b86} .modal-card .full-only{display:block} .modal-card .compact-only{display:none} .modal-card .modal-close{position:static;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:139px;height:31px;padding:0 16px;border-radius:16px;border:0;background:#0e4369;color:#e2edf4;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer} .modal-card .summary,.modal-card .legal-short,.modal-card .paragraph{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent} .modal-card .summary{max-height:190px} .modal-card .legal-short{max-height:330px} .modal-card .paragraph{max-height:460px} .modal-card .summary::-webkit-scrollbar,.modal-card .legal-short::-webkit-scrollbar,.modal-card .paragraph::-webkit-scrollbar{width:7px} .modal-card .summary::-webkit-scrollbar-thumb,.modal-card .legal-short::-webkit-scrollbar-thumb,.modal-card .paragraph::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px} .modal{color:var(--text)} .modal-card .paragraph{max-height:220px} .section-card>.card-head{margin-bottom:18px} .expanded #content .expand-btn{display:none} .table,.table th,.table td{background:#123f63} .chart{height:410px;padding:40px 46px 34px} .chart-plot{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:end;position:relative;margin-top:16px} .y-axis{height:230px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:11px;font-size:11px;font-style:normal;position:relative} .axis-unit{position:absolute;left:0;top:-25px;white-space:nowrap;font-size:11px} .bars{height:230px;padding:0 28px;overflow:visible} .bar-item{appearance:none;border:0;padding:0;cursor:pointer;color:var(--text);font-family:inherit;z-index:1;transition:filter .15s ease,transform .15s ease} .bar-item:hover,.bar-item:focus-visible,.bar-item.selected{filter:brightness(1.25);transform:scaleX(1.25);outline:none;z-index:5} .bar-tooltip{display:none;position:absolute;left:50%;bottom:calc(100% + 17px);transform:translateX(-50%);min-width:112px;padding:8px 10px;border-radius:9px;background:#0b3655;border:1px solid #72a7c8;box-shadow:0 6px 18px rgba(0,0,0,.25);white-space:nowrap;font-size:12px;line-height:1.35;text-align:center} .bar-tooltip span{display:block;font-weight:600} .bar-item.selected .bar-tooltip,.bar-item:focus-visible .bar-tooltip{display:block} .history-text p{margin:0 0 16px} .history-text p:last-child{margin-bottom:0} .modal.information-modal{height:min(910px,94vh)} .information-modal .modal-viewport,.information-modal #modalContent,.information-modal .modal-card{height:100%} .information-modal .modal-card{overflow:hidden} .information-modal .history-text{max-height:calc(min(910px,94vh) - 330px)} :root{--panel:#184e79;--inner:#123f63} .section-card,.org-pill,.notice,.modal-card{background:#184e79} .inner,.chart,.donut:after,.table,.table th,.table td{background:#123f63} .tab span{font-size:20px;line-height:1;font-weight:400;margin-left:auto} .profile{display:flex;align-items:center;justify-content:center;padding:0 18px} .profile img{display:block;width:28px;height:28px;object-fit:contain} .topbar,.footer{background:#184e79} .footer{width:100%;height:48px;min-height:48px;border-top:1px solid rgba(255,255,255,.08)} .search{padding:0 24px;font-size:14px;gap:14px} .search span{font-size:30px;line-height:1;font-weight:400} .ownership-panel{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:center;gap:30px;min-height:450px;padding:26px 32px} .donut-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0} .ownership-donut{display:block;width:min(100%,360px);height:auto;overflow:visible} .donut-sector{cursor:pointer;transform-box:view-box;transform-origin:180px 180px;transition:transform .2s ease,filter .2s ease;outline:none} .donut-sector path{stroke:#d5e6f2;stroke-width:1.5;transition:stroke-width .2s ease,filter .2s ease} .donut-sector text{pointer-events:none;fill:#f2f7fb;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#174a70;stroke-width:2px;stroke-linejoin:round} .donut-sector:hover,.donut-sector:focus-visible{filter:brightness(1.12);transform:translate(var(--dx),var(--dy)) scale(1.025)} .donut-sector.selected{filter:brightness(1.13) drop-shadow(0 7px 8px rgba(0,0,0,.28));transform:translate(var(--dx),var(--dy)) scale(1.07)} .donut-sector.selected path{stroke:#fff;stroke-width:3} .donut-center{fill:#123f63;stroke:#d5e6f2;stroke-width:1.5;pointer-events:none} .donut-total{fill:#d4e3ef;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:30px;font-weight:700;text-anchor:middle;pointer-events:none} .donut-detail{width:min(100%,360px);min-height:58px;margin-top:4px;padding:8px 13px;border:1px solid transparent;border-radius:10px;text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,background .18s ease} .donut-detail.visible{opacity:1;transform:translateY(0);background:#174a70;border-color:#6f9ebb} .donut-detail b,.donut-detail span{display:block} .donut-detail b{font-size:18px}.donut-detail span{margin-top:3px;font-size:13px;line-height:1.3} .ownership-panel .legend{display:grid;gap:13px;align-content:center} .legend-title{font-size:21px;margin-bottom:8px} .ownership-panel .legend-row{display:flex;align-items:center;gap:16px;min-height:29px;padding:2px 8px;border-radius:8px;transition:background .18s ease,transform .18s ease} .ownership-panel .legend-row.selected{background:rgba(77,148,197,.2);transform:translateX(7px)} .ownership-panel .swatch{flex:0 0 92px;width:92px;height:20px;border:1px solid #d4e4ef;border-radius:12px} .legend-copy{font-size:16px;line-height:1.25}.legend-copy b{font-size:18px}.owner-link{text-decoration:underline;text-underline-offset:3px} @media(max-width:1050px){.ownership-panel{grid-template-columns:1fr}.ownership-panel .legend{width:100%}.ownership-donut{width:min(82vw,340px)}} .ownership-view-btn{margin-left:auto;display:inline-flex;align-items:center;gap:12px;border-radius:10px;padding:9px 16px;font-size:16px} .ownership-view-btn+.expand-btn{margin-left:0} .eye-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .activity-grid>div{display:flex;flex-direction:column} .activity-grid>div>.inner{flex:1} main{padding-bottom:8px} #content>.section-card:last-child{margin-bottom:6px} .expanded #expandAll,.modal-card .modal-close{border-radius:6px;font-size:20px} .modal-card .modal-close{height:40px;min-width:158px} .financial-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .line-chart{background:#123f63;border-radius:17px;padding:18px 16px 8px;overflow:hidden} .line-chart h3{margin:0 0 2px;font-size:18px;color:var(--text)} .line-chart svg{display:block;width:100%;height:auto;overflow:visible} .line-grid{stroke:#6e96b1;stroke-width:1;stroke-dasharray:4 5;opacity:.62} .line-grid.vertical{opacity:.34} .line-unit,.line-y-label,.line-x-label{fill:#c9dbea;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:12px} .line-y-label{text-anchor:end}.line-x-label{text-anchor:middle;font-size:11px;pointer-events:none} .line-area{fill:var(--chart-color);opacity:.13;pointer-events:none} .line-curve{fill:none;stroke:var(--chart-color);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))} .line-point{cursor:pointer;outline:none} .line-point>circle{fill:var(--chart-color);stroke:#e7f2f8;stroke-width:2;transition:r .16s ease,filter .16s ease} .line-point:hover>circle,.line-point:focus-visible>circle,.line-point.selected>circle{r:10;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)) brightness(1.18)} .line-tooltip{display:none;pointer-events:none} .line-tooltip rect{fill:#0b3655;stroke:#72a7c8;stroke-width:1.5} .line-tooltip text{fill:#eef6fb;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:700;text-anchor:middle} .line-point.selected .line-tooltip,.line-point:focus-visible .line-tooltip{display:block} .finance-summary-title{margin:24px 0 14px;font-size:17px} .finance-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#123f63;border-radius:17px;overflow:hidden} .finance-summary>div{position:relative;padding:20px 26px;border-right:1px solid rgba(126,166,192,.35)} .finance-summary>div:last-child{border-right:0} .finance-summary span,.finance-summary b{display:block}.finance-summary span{font-size:15px}.finance-summary b{margin-top:10px;font-size:29px}.finance-summary small{font-size:13px}.finance-summary em{position:absolute;left:140px;top:45px;color:#61c785;font-style:normal;font-size:14px} @media(max-width:1050px){.financial-charts{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr}.finance-summary>div{border-right:0;border-bottom:1px solid rgba(126,166,192,.35)}.finance-summary>div:last-child{border-bottom:0}} .line-point>.line-hit{fill:transparent;stroke:none;r:18;pointer-events:all;filter:none} .line-point:hover>.line-hit,.line-point:focus-visible>.line-hit,.line-point.selected>.line-hit{r:18;filter:none} .line-missing circle{fill:#123f63;stroke:#a8bfd0;stroke-width:2;stroke-dasharray:2 2} .capital{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:15px} .capital b{font-size:16px} #finance .capital+.expand-btn{margin-left:0} .modal-card[data-section="finance"] .capital{margin-left:auto} .modal-card[data-section="finance"] .modal-close{margin-left:0} @media(max-width:900px){.capital{display:none}} .modal-card[data-section="ownership"]>.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:22px} .modal-card[data-section="ownership"]>.card-head h2{justify-self:start} .modal-card[data-section="ownership"] .ownership-view-btn{justify-self:center;margin:0} .modal-card[data-section="ownership"] .modal-close{justify-self:end;margin:0} .branches-list{line-height:1.65} .branches-list ol{margin:0;padding-left:24px} .branches-list li+li{margin-top:8px} @media(max-width:900px){.modal-card[data-section="ownership"]>.card-head{grid-template-columns:1fr auto}.modal-card[data-section="ownership"] .ownership-view-btn{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center}.modal-card[data-section="ownership"] .modal-close{grid-column:2;grid-row:1}} .donut-visual{position:relative;min-height:430px} .donut-visual .ownership-donut{margin:auto} .donut-visual .donut-detail{position:absolute;left:50%;bottom:0;transform:translate(-50%,-4px)} .donut-visual .donut-detail.visible{transform:translate(-50%,0)} .donut-sector.selected text{font-size:17px;stroke-width:2.6px} .modal-card[data-section="ownership"]>.card-head{display:flex;grid-template-columns:none;align-items:center;gap:14px} .modal-card[data-section="ownership"]>.card-head h2{margin-right:auto} .modal-card[data-section="ownership"] .ownership-view-btn{margin:0;justify-self:auto} .modal-card[data-section="ownership"] .modal-close{margin:0 0 0 2px;justify-self:auto} .participation-list{max-height:178px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent;line-height:1.65;padding-left:32px} .participation-row{white-space:nowrap} .company-link{color:inherit;text-decoration:underline;text-underline-offset:3px} .participation-list::-webkit-scrollbar{width:7px}.participation-list::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px} @media(max-width:900px){.modal-card[data-section="ownership"]>.card-head{flex-wrap:wrap}.modal-card[data-section="ownership"]>.card-head h2{width:calc(100% - 150px)}.modal-card[data-section="ownership"] .ownership-view-btn{order:3;width:100%;justify-content:center}.participation-row{white-space:normal}} .ownership-view-btn{padding:9px 16px;border-radius:12px;font-size:14px;line-height:normal} .ownership-view-btn .eye-icon{width:17px;height:17px} .financial-charts.vertical{grid-template-columns:1fr} .expanded #expandAll{border-radius:12px;font-size:14px;padding:11px 16px} .modal-card .modal-close{min-width:auto;height:auto;padding:9px 16px;border-radius:12px;font-size:14px;line-height:normal} .section-nav a{position:relative;transition:color .18s ease,text-shadow .18s ease,transform .18s ease} .section-nav a:hover{color:#fff} .section-nav a.active{color:#fff;text-shadow:0 0 11px rgba(104,190,248,.95);transform:translateY(-1px)} .topbar .search,.topbar .tab{font-size:15px} #legal>.card-head h2,#legal .card-subtitle,.modal-card[data-section="legal"]>.card-head h2,.modal-card[data-section="legal"] .card-subtitle{font-size:19px;font-weight:600;line-height:1.25} .legal-line{margin-bottom:8px} .legal-line:last-child{margin-bottom:0} #legal .legal-short{max-height:125px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent} #legal .legal-short::-webkit-scrollbar{width:7px} #legal .legal-short::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px} .modal-card[data-section="legal"] .legal-short,.modal-card[data-section="legal"] .paragraph{max-height:none;overflow:visible} .contact-extra{display:none} .expanded .contact-extra,.modal-card .contact-extra{display:block} .contacts .kv{grid-template-columns:320px minmax(0,1fr);column-gap:28px} .contacts .kv span:nth-child(even){text-align:right} @media(max-width:900px){.contacts .kv{grid-template-columns:180px minmax(0,1fr);column-gap:18px}} .topbar .tab{cursor:pointer} .development-page{display:none;min-height:calc(100vh - 122px);place-items:center;text-align:center} .ulyanovsk-page{display:none;max-width:1420px;margin:0 auto;padding-bottom:30px}.ulyanovsk-view .org-sticky,.ulyanovsk-view #content,.ulyanovsk-view .search-page,.ulyanovsk-view .development-page,.ulyanovsk-view .structure-page,.ulyanovsk-view .person-page{display:none}.ulyanovsk-view .ulyanovsk-page{display:block}.uly-page-head{margin:18px 0 22px}.uly-page-head h1{margin:0 0 14px;font-size:25px;color:#fff}.uly-page-title{display:inline-block;padding:15px 18px;border-radius:12px;background:#184e79;font-size:15px}.uly-page-head p{margin:14px 0 0;line-height:1.45;color:#dbe9f3}.uly-page-head .notice{margin-top:14px}.ulyanovsk-page .section-card{margin:18px 0}.uly-related{display:flex;flex-wrap:wrap;gap:10px}.uly-page-link{border:1px solid rgba(139,211,255,.3);border-radius:10px;background:#0e466e;color:#e4f2fb;padding:10px 13px;font:inherit;font-size:14px;cursor:pointer;text-align:left}.uly-page-link:hover,.uly-page-link:focus-visible{background:#216390;color:#fff;outline:none}.uly-page-note{margin:14px 2px;color:#b9d5e6;font-size:13px}@media(max-width:700px){.uly-page-head h1{font-size:21px}.uly-page-title{font-size:14px}.ulyanovsk-page .grid-2{gap:16px}} .development-page h1{margin:0;padding:36px 48px;border-radius:16px;background:#184e79;color:#dbe9f3;font-size:28px;font-weight:600} .development-view .org-sticky,.development-view #content{display:none} .development-view .development-page{display:grid} body{background-image:url('../pictures/background.png')} .section-nav a{font-size:15px;font-weight:600} .leadership-list{display:grid;gap:14px} .leadership-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;line-height:1.35} .leadership-row>span:first-child{white-space:nowrap} @media(max-width:700px){.leadership-row{grid-template-columns:1fr;gap:4px}} .topbar{overflow-x:auto;scrollbar-width:none} .topbar::-webkit-scrollbar{display:none} .topbar .tab{white-space:nowrap;flex:0 0 auto} .lomo-full-tab{display:none} .lomo-full-tab.open{display:flex} .expanded #expandAll{display:none} .topbar .tab.closed{display:none} .tab-close{cursor:pointer;padding:5px;margin:-5px;transition:color .16s ease,transform .16s ease} .tab-close:hover,.tab-close:focus-visible{color:#fff;transform:scale(1.12);outline:none} .section-nav a{text-decoration:none} .section-nav a.active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} .development-link,.owner-link,.company-link{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .table tbody td{background:#184e79} .table thead th,.table tfoot td{background:#123f63} .topbar .tab{position:relative;height:43px;margin-top:5px;border-right:0;border-radius:12px 12px 0 0;background:transparent;transition:background-color .18s ease,color .18s ease,text-shadow .18s ease} .topbar .tab+.tab::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(207,230,244,.2)} .topbar .tab:hover{background:rgba(10,62,97,.5);color:#fff} .topbar .tab.active{z-index:1;background:#0B395D;color:#fff;box-shadow:none;text-shadow:0 0 12px rgba(139,211,255,.42)} .topbar .tab.active::before,.topbar .tab.active+.tab::before{opacity:0} .topbar .tab.active::after{display:none} .topbar .search-tab,.topbar .search-tab.active{position:sticky;left:0;z-index:5} .topbar .search-tab{border:0;border-radius:0;margin-top:0;height:48px;background:#184E79} .topbar .search-tab.active{background:#0B395D} .topbar .search-tab+.tab::before{display:none} .topbar{border-bottom:0} .expanded .org-sticky.sticky-active{background:#073e62;padding-top:24px} .expanded .org-sticky.sticky-active .intro-row{display:none!important} .expanded .org-sticky.sticky-active .section-nav{margin-top:18px} .linked-page-tab .tab-label{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;margin:0} .key-metrics .metric{position:relative;border:1px solid rgba(139,211,255,.28);box-shadow:0 8px 20px rgba(1,34,56,.18);overflow:hidden} .key-metrics .metric::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#78c9fb} .key-metrics .metric b{display:inline-block;margin-top:8px;color:#fff;font-size:22px;line-height:1.2;text-shadow:0 0 14px rgba(120,201,251,.32)} .capital{padding:7px 12px;border:0;border-radius:10px;background:rgba(14,70,110,.72)} .capital b{color:#fff;font-size:19px;text-shadow:0 0 12px rgba(139,211,255,.35)} .donut:after{content:''} .donut-sector text{font-size:15px;font-weight:800;fill:#fff;stroke-width:3px;text-shadow:0 0 7px rgba(0,0,0,.7)} .donut-sector.selected text{font-size:20px;stroke-width:3.2px} .legend-copy b,.legend-percent{color:#fff;font-size:20px;font-weight:800;text-shadow:0 0 10px rgba(139,211,255,.4)} .expanded #finance .metric-strip,.modal-card[data-section="finance"] .metric-strip{display:none} #finance .capital,#finance .expand-btn,.modal-card[data-section="finance"] .capital,.modal-card[data-section="finance"] .modal-close{height:42px;min-height:42px} #finance .capital,.modal-card[data-section="finance"] .capital{display:flex;align-items:center;padding-top:0;padding-bottom:0} #finance .expand-btn,.modal-card[data-section="finance"] .modal-close{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0} .legend-copy b{display:inline-block;margin-right:14px} .legend-percent{display:inline-block;margin-right:12px} .ownership-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 14px;padding:0 2px;font-size:16px;font-weight:700} .ownership-meta span:last-child{display:flex;align-items:baseline;gap:18px;white-space:nowrap} .ownership-meta b{color:#fff;font-size:19px;text-shadow:0 0 12px rgba(139,211,255,.35)} @media(max-width:700px){.ownership-meta{align-items:flex-start;flex-direction:column;gap:8px}.ownership-meta span:last-child{white-space:normal}} .donut-label{pointer-events:none;fill:#fff;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:800;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#174a70;stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transition:transform .2s ease,font-size .2s ease} .donut-label--small{font-size:12px} .donut-label--tiny{font-size:10px} .donut-data-note{max-width:19rem;padding:1rem;border:1px solid rgba(255,255,255,.35);border-radius:.75rem;color:#f1f1f1;line-height:1.4;text-align:center} .donut-label.hovered{transform:translate(var(--dx),var(--dy)) scale(1.025)} .donut-label.selected{font-size:20px;transform:translate(var(--dx),var(--dy)) scale(1.08);stroke-width:3.2px} .ownership-panel .legend-row{display:grid;grid-template-columns:92px 90px minmax(0,1fr);align-items:center;column-gap:8px;padding:2px 8px} .ownership-panel .legend-copy{display:contents} .ownership-panel .legend-copy b{margin:0;white-space:nowrap} .ownership-panel .legend-copy>span{min-width:0;text-align:left} .ownership-panel .legend-title{display:flex;align-items:center;gap:18px;padding:2px 8px;margin-bottom:8px} .ownership-panel .legend-percent{margin:0;white-space:nowrap;text-align:left} .ownership-panel .legend-group{min-width:0;text-align:left} .generic-ownership-panel .legend-row{grid-template-columns:92px 90px minmax(0,1fr);align-items:center} .ownership-inline-percent{display:block;margin-top:7px;color:#fff;font-size:18px;font-weight:800;line-height:1.25;text-shadow:0 0 10px rgba(139,211,255,.4)} .generic-donut-segment path{stroke:#d5e6f2;stroke-width:1.5} @media(max-width:700px){.ownership-panel .legend-row{grid-template-columns:74px 84px minmax(0,1fr);column-gap:6px}.ownership-panel .swatch{width:74px;max-width:74px}.ownership-panel .legend-title{gap:12px;flex-wrap:wrap}} @media(max-width:700px){.generic-ownership-panel .legend-row{grid-template-columns:74px 84px minmax(0,1fr)}.ownership-inline-percent{font-size:16px}} a{transition:color .16s ease,text-shadow .16s ease,background-color .16s ease} a:hover,a:focus-visible{color:#fff!important;text-shadow:0 0 10px rgba(139,211,255,.95),0 0 18px rgba(73,166,224,.55);outline:none} .expanded #about .history-text{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent;padding-right:18px} .expanded #about .history-text::-webkit-scrollbar{width:7px} .expanded #about .history-text::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px} .expanded #legal>.legal-short{max-height:none;overflow:visible;line-height:1.6} .structure-page{display:none;position:relative;height:calc(100vh - 48px);min-height:560px;background:#0B395D;overflow:hidden} .structure-view main{padding:0} .structure-view .org-sticky,.structure-view #content,.structure-view .development-page{display:none} .structure-view .structure-page{display:block} .structure-view .footer{display:none} .structure-viewport{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;user-select:none;background:#0B395D url('../pictures/background.png') center/cover fixed no-repeat} .structure-viewport.dragging{cursor:grabbing} .structure-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;will-change:transform} .structure-stage>object{display:block;width:1920px;height:1080px;clip-path:inset(48px 0 0 0);pointer-events:none;user-select:none} .structure-node{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;border:2px solid transparent;border-radius:16px;background:transparent;cursor:pointer;touch-action:manipulation;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease} .structure-node:hover,.structure-node:focus-visible{border-color:#8BD3FF;background:rgba(96,185,242,.13);box-shadow:0 0 18px rgba(139,211,255,.8);outline:none} .structure-legend{position:absolute;top:22px;right:22px;z-index:6;width:302px;padding:20px;border:1px solid #A8CDED;border-radius:12px;background:transparent;box-shadow:none;color:#fff;font-size:16px;font-weight:700;display:grid;gap:16px;pointer-events:none} .structure-legend-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:20px;min-height:32px} .structure-legend-swatch{display:block;width:40px;height:32px;border-radius:12px;background:linear-gradient(to bottom,rgba(88,120,69,.6),rgba(52,81,36,.6))} .structure-legend-legal,.structure-legend-affiliated,.structure-legend-subject,.structure-legend-state{background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7))} .structure-legend-affiliated{position:relative;overflow:hidden} .structure-legend-affiliated::before{content:'';position:absolute;inset:0 auto 0 0;width:12px;border-radius:12px 0 0 12px;background:#fff} .structure-legend-subject{border:1px solid #fff} .structure-legend-state{border:1px solid #58B373} .structure-legend-arrow{position:relative;display:block;width:40px;height:32px} .structure-legend-arrow::before{content:'';position:absolute;left:0;right:6px;top:16px;border-top:1.5px solid #5497D2} .structure-legend-arrow::after{content:'';position:absolute;right:0;top:11px;width:10px;height:10px;border-top:1.5px solid #5497D2;border-right:1.5px solid #5497D2;transform:rotate(45deg)} .structure-controls{position:absolute;right:22px;bottom:58px;z-index:8;display:flex;align-items:center;gap:6px;padding:7px;border-radius:12px;background:rgba(11,57,93,.94);box-shadow:0 8px 24px rgba(0,20,35,.35);backdrop-filter:blur(8px)} .structure-controls button{height:38px;min-width:38px;padding:0 12px;border:0;border-radius:8px;background:#184E79;color:#fff;font:inherit;font-size:18px;cursor:pointer} .structure-controls button:hover,.structure-controls button:focus-visible{background:#246894;outline:1px solid #8BD3FF} .structure-controls .fit-button{font-size:14px} .structure-controls output{min-width:58px;text-align:center;color:#dbe9f3;font-size:14px} .structure-hint{position:absolute;left:22px;bottom:58px;z-index:7;padding:10px 14px;border-radius:10px;background:rgba(11,57,93,.86);color:#dbe9f3;font-size:13px;pointer-events:none;backdrop-filter:blur(8px)} .structure-static-footer{position:absolute;left:0;right:0;bottom:0;z-index:7;height:40px;background:#184E79;pointer-events:none} .structure-page-tab .tab-label{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0} @media(max-width:700px){.structure-page{height:calc(100vh - 42px);min-height:480px}.structure-hint{display:none}.structure-legend{top:12px;right:12px;width:min(302px,calc(100% - 24px));padding:14px;font-size:12px;gap:10px}.structure-legend-row{column-gap:12px;min-height:28px}.structure-legend-swatch{width:36px;height:28px}.structure-legend-arrow{width:36px;height:28px}.structure-legend-arrow::before{top:14px}.structure-legend-arrow::after{top:9px}.structure-controls{right:12px;bottom:52px}.structure-controls button{height:34px;min-width:34px;padding:0 9px}} .org-sticky,#content{width:min(100%,1200px);margin-left:auto;margin-right:auto} /* UAZ ownership graph: uses the relations in the supplied Graphviz SVG, in the same viewport, controls, palette and interaction model as the LOMO graph. */ .uaz-graph{position:relative;width:1920px;height:1080px;color:#fff;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif} .uaz-structure-node{position:absolute;left:var(--x);top:var(--y);width:270px;min-height:104px;padding:17px 18px;border:1px solid rgba(168,205,237,.9);border-radius:16px;background:linear-gradient(145deg,#244f7a,#173c63);box-shadow:0 12px 26px rgba(0,15,35,.28);color:#fff;font:inherit;font-size:17px;line-height:1.45;text-align:center;cursor:pointer;transform:translateX(-50%)} .uaz-structure-node b{font-size:18px}.uaz-structure-node.person{border-radius:52px;background:linear-gradient(145deg,#5a7952,#35573e)}.uaz-structure-node.subject{border:2px solid #fff;background:linear-gradient(145deg,#31688f,#18466f)}.uaz-structure-node.muted{cursor:default;opacity:.9}.uaz-structure-node:not(.muted):hover,.uaz-structure-node:not(.muted):focus-visible{border-color:#8bd3ff;box-shadow:0 0 22px rgba(139,211,255,.85);outline:none} .uaz-edge{position:absolute;display:flex;align-items:center;justify-content:center;color:#dceffc;font-size:17px;font-weight:700;text-shadow:0 1px 3px #06223a}.uaz-edge::before{content:"";position:absolute;z-index:-1;height:3px;background:#77add9;transform-origin:left center}.uaz-edge::after{content:"";position:absolute;z-index:-1;width:10px;height:10px;border-top:3px solid #77add9;border-right:3px solid #77add9;transform:var(--arrow-rotation,rotate(135deg))}.uaz-edge.manager-edge::before{background:#5497d2}.uaz-edge.manager-edge::after{border-color:#5497d2}.edge-sobolev-sollers{left:280px;top:350px;width:140px;height:270px;--arrow-rotation:rotate(135deg)}.edge-sobolev-sollers::before{width:270px;transform:rotate(90deg)}.edge-sobolev-sollers::after{left:-4px;top:268px}.edge-shirinov-alter{left:645px;top:228px;width:155px;height:126px;--arrow-rotation:rotate(135deg)}.edge-shirinov-alter::before{width:130px;transform:rotate(90deg)}.edge-shirinov-alter::after{left:-4px;top:128px}.edge-sobolev-alter{left:420px;top:302px;width:360px;height:55px;--arrow-rotation:rotate(106deg)}.edge-sobolev-alter::before{width:370px;transform:rotate(16deg)}.edge-sobolev-alter::after{left:350px;top:103px}.edge-sobolev-alter-manager{left:468px;top:258px;width:370px;height:55px;--arrow-rotation:rotate(122deg)}.edge-sobolev-alter-manager::before{width:350px;transform:rotate(27deg)}.edge-sobolev-alter-manager::after{left:308px;top:152px}.edge-kaika-alter{left:840px;top:230px;width:310px;height:125px;--arrow-rotation:rotate(152deg)}.edge-kaika-alter::before{width:310px;transform:rotate(150deg)}.edge-kaika-alter::after{left:258px;top:148px}.edge-hvesenya-alter{left:825px;top:253px;width:620px;height:105px;--arrow-rotation:rotate(160deg)}.edge-hvesenya-alter::before{width:620px;transform:rotate(170deg)}.edge-hvesenya-alter::after{left:602px;top:42px}.edge-alter-sollers{left:420px;top:540px;width:340px;height:55px;--arrow-rotation:rotate(240deg)}.edge-alter-sollers::before{width:380px;transform:rotate(150deg)}.edge-alter-sollers::after{left:-331px;top:186px}.edge-sollers-uaz{left:180px;top:775px;width:140px;height:95px;--arrow-rotation:rotate(135deg)}.edge-sollers-uaz::before{width:90px;transform:rotate(90deg)}.edge-sollers-uaz::after{left:-4px;top:88px} .edge-kaika-alter{left:855px;top:240px;width:300px;height:80px}.edge-kaika-alter::before{width:320px;transform:rotate(150deg)}.edge-hvesenya-alter{left:1010px;top:245px;width:490px;height:90px}.edge-hvesenya-alter::before{width:520px;transform:rotate(165deg)} .expanded .org-sticky,.expanded .org-sticky.sticky-active{margin-left:auto;margin-right:auto} .org-sticky,.expanded .org-sticky{width:min(100%,1610px)} .section-nav a.active,.section-nav a:hover,.section-nav a:focus-visible{color:#d2e2ee!important;text-shadow:none;transform:none;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} .section-card a:hover,.section-card a:focus-visible,.section-card a:active,.modal-card a:hover,.modal-card a:focus-visible,.modal-card a:active{color:var(--accent)!important;text-shadow:none} .section-nav a{opacity:1} /* Search page */ .search-page{display:none;width:min(100%,1600px);margin:0 auto;padding:28px 0 48px} .search-view .search-page{display:block} .search-view .org-sticky,.search-view #content,.search-view .development-page,.search-view .structure-page{display:none} .search-form{padding:24px 28px;background:rgba(24,78,121,.94);border:1px solid rgba(139,211,255,.34);border-radius:14px;box-shadow:0 12px 28px rgba(1,34,56,.22)} .search-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 34px} .search-field{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;color:#dbe9f3;font-size:14px} .search-field input,.search-field select,.results-toolbar input{width:100%;height:40px;padding:0 12px;border:1px solid #5d99bd;border-radius:10px;background:#123f63;color:#fff;font:inherit} .search-field input::placeholder,.results-toolbar input::placeholder{color:#a9c4d6} .search-actions{display:flex;justify-content:flex-end;margin-top:24px} .search-submit{min-height:40px;padding:0 22px;border:0;border-radius:10px;background:#0e466e;color:#fff;font:inherit;cursor:pointer} .search-submit:hover,.search-submit:focus-visible{background:#246894;outline:2px solid #8bd3ff;outline-offset:2px} .search-results{margin-top:22px;overflow:hidden;border:1px solid #5d99bd;border-radius:14px;background:rgba(24,78,121,.94);box-shadow:0 12px 28px rgba(1,34,56,.22)} .results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#123f63;color:#fff} .results-toolbar input{width:min(100%,360px);height:36px} .results-table-wrap{overflow:auto} .results-table{width:100%;min-width:900px;border-collapse:collapse;color:#e3eef5;font-size:14px} .results-table th,.results-table td{padding:13px 16px;border:1px solid rgba(139,211,255,.22);text-align:left} .results-table th{background:#0e466e;color:#fff} .search-result-row{cursor:pointer} .search-result-row:hover td,.search-result-row:focus-visible td{background:#246894;color:#fff} .search-pagination{padding:12px 18px;color:#cde0ed;background:#123f63} @media(max-width:760px){.search-page{padding:16px}.search-form{padding:18px}.search-fields{grid-template-columns:1fr}.search-field{grid-template-columns:1fr;gap:7px}.results-toolbar{align-items:stretch;flex-direction:column}.results-toolbar input{width:100%}} /* BASTION / Главная страница-grey */ :root{ --page:#2e2f2f; --panel:#414141; --inner:#353535; --button:#303030; --text:#d0d0d0; --line:#626262; --accent:#b5b5b5; } body{ background-color:var(--page); background-image:linear-gradient(rgba(46,47,47,.74),rgba(46,47,47,.74)),url('../pictures/background3.png'); background-position:center; background-size:cover; background-attachment:fixed; color:var(--text); } .topbar,.footer{background:#303030;border-color:#4d4d4d} .topbar .search,.topbar .tab{color:#d7d7d7} .topbar .tab:hover{background:#3b3b3b;color:#fff} .topbar .tab.active,.topbar .search-tab.active{background:#414141;color:#f1f1f1;text-shadow:none} .topbar .search-tab{background:#353535} .topbar .tab+.tab::before{background:#555} .profile img{filter:grayscale(1) brightness(1.45)} .org-pill,.notice,.section-card,.modal-card{background:#414141} .inner,.chart,.line-chart,.finance-summary,.table,.table th,.table td{background:#353535} .action,.expand-btn,.ghost-btn,.modal-close,.modal-card .modal-close{background:#303030;color:#e5e5e5} .action:hover,.action:focus-visible,.expand-btn:hover,.expand-btn:focus-visible,.ghost-btn:hover,.ghost-btn:focus-visible,.modal-close:hover,.modal-close:focus-visible{background:#242424;color:#fff} .section-nav a,.section-card a:hover,.section-card a:focus-visible,.section-card a:active,.modal-card a:hover,.modal-card a:focus-visible,.modal-card a:active{color:#d7d7d7!important;text-shadow:none} .section-nav a.active,.section-nav a:hover,.section-nav a:focus-visible{color:#fff!important;text-shadow:none} .expanded .org-sticky.sticky-active{background:rgba(46,47,47,.96);box-shadow:0 10px 24px rgba(0,0,0,.32)} .key-metrics .metric{border-color:#666;box-shadow:0 8px 20px rgba(0,0,0,.2)} .key-metrics .metric::before{background:#b5b5b5} .key-metrics .metric b,.capital b,.ownership-meta b,.legend-copy b,.legend-percent{color:#f1f1f1;text-shadow:none} .capital{background:#303030} .table,.table th,.table td{border-color:#626262} .table tbody td{background:#3e3e3e}.table thead th,.table tfoot td{background:#343434} .line-grid{stroke:#777}.line-unit,.line-y-label,.line-x-label{fill:#cfcfcf;color:#cfcfcf} .line-point>circle{stroke:#e6e6e6}.line-tooltip rect,.bar-tooltip{background:#303030;border-color:#777}.line-tooltip text{fill:#eee} .chart,.line-chart,.finance-summary{filter:saturate(.22)} .donut,.ownership-donut{filter:saturate(.2)} .donut-center{fill:#353535;stroke:#d0d0d0}.donut-label{stroke:#353535}.donut-detail.visible{background:#3e3e3e;border-color:#777} .structure-page,.structure-viewport{background-color:var(--page)} .structure-viewport{background-image:linear-gradient(rgba(46,47,47,.7),rgba(46,47,47,.7)),url('../pictures/background3.png')} .uaz-structure-view .structure-page, .uaz-structure-view .structure-viewport{ /* The UAZ graph uses the exact same background as all application pages. */ background-color:var(--page); background-image:linear-gradient(rgba(46,47,47,.74),rgba(46,47,47,.74)),url('../pictures/background3.png'); background-position:center; background-size:cover; background-attachment:fixed; } .structure-stage>object{filter:grayscale(.8) saturate(.2) brightness(.9)} .structure-controls,.structure-hint{background:rgba(48,48,48,.94);color:#dedede} .structure-controls button{background:#414141;color:#f0f0f0}.structure-controls button:hover,.structure-controls button:focus-visible{background:#555;outline-color:#aaa} .structure-static-footer{background:#3b3b3b} .search-view main{padding:0 18px 18px} .search-page{width:min(100%,1920px);padding:0;margin:0 auto} .search-form{padding:13px 18px 10px;border:0;border-radius:0;background:#3c3c3c;box-shadow:none} .search-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:0} .search-column{display:grid;align-content:start;gap:10px;padding:0 18px;border-right:1px solid #606060} .search-column:first-child{padding-left:0}.search-column:last-child{padding-right:0;border-right:0} .search-field{grid-template-columns:1fr;gap:4px;color:#cbcbcb;font-size:11px;font-weight:600} .search-field input,.search-field select,.results-toolbar input{height:31px;padding:0 10px;border:0;border-radius:7px;background:#5b5b5b;color:#f0f0f0;font-size:11px} .search-field input::placeholder,.results-toolbar input::placeholder{color:#c8c8c8} .search-actions{margin-top:10px}.search-submit{min-height:30px;padding:0 18px;border-radius:8px;background:#303030;color:#dedede;font-size:11px} .search-submit:hover,.search-submit:focus-visible{background:#232323;outline:1px solid #aaa;outline-offset:2px} .search-results{margin-top:12px;border:0;border-radius:0;background:#393939;box-shadow:none} .results-toolbar{padding:9px 14px;background:#3d3d3d;color:#d8d8d8;font-size:12px;border-bottom:1px solid #606060} .results-toolbar input{width:min(100%,330px);height:29px;background:#5b5b5b} .results-table{color:#d0d0d0;font-size:11px}.results-table th,.results-table td{padding:10px 14px;border-color:#5e5e5e} .results-table th{background:#343434;color:#e3e3e3}.results-table td{background:#3e3e3e} .search-result-row:hover td,.search-result-row:focus-visible td{background:#4d4d4d;color:#fff} .search-pagination{padding:9px 14px;background:#3d3d3d;color:#bdbdbd} @media(max-width:1000px){.search-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.search-column:nth-child(2){border-right:0}.search-column:nth-child(n+3){margin-top:12px}.search-column:nth-child(3){padding-left:0}} @media(max-width:620px){.search-view main{padding:0}.search-fields{grid-template-columns:1fr}.search-column,.search-column:nth-child(2){padding:0 0 12px;margin-top:12px;border-right:0;border-bottom:1px solid #606060}.search-column:first-child{margin-top:0}.search-column:last-child{border-bottom:0}.search-form{padding:14px}.search-actions{justify-content:stretch}.search-submit{width:100%}} /* Search filters: reference layout from «Главная страница-grey». */ .search-view main{padding:0;overflow-x:auto} .search-page{width:100%;min-width:1160px;background:transparent} .filter-tabs{height:62px;display:flex;align-items:flex-end;gap:0;padding-left:24px;border-bottom:1px solid #94b9d5;background:transparent} .filter-tab,.filter-tab-add{height:48px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid #60666a;background:transparent;color:#e1e1e1;font:inherit;cursor:pointer} .filter-tab{width:92px;gap:22px;border-top:1px solid transparent;border-left:1px solid transparent;border-radius:0} .filter-tab.active{height:52px;border-color:#94b9d5;border-bottom-color:#404447;border-radius:11px 11px 0 0;background:#404447;color:#b9dcf5} .filter-tab:hover{color:#c9e4f7;background:rgba(91,98,101,.36)} .filter-tab-add{width:48px;font-size:29px;font-weight:300} .filter-tab:focus,.filter-tab:focus-visible,.filter-tab-add:focus,.filter-tab-add:focus-visible{outline:none} .filter-tab-icon{position:relative;width:16px;height:15px;display:inline-block} .filter-tab-icon::before{content:'';position:absolute;left:0;top:0;width:14px;height:7px;border:1.6px solid currentColor;border-bottom:0;clip-path:polygon(0 0,100% 0,64% 100%,36% 100%)} .filter-tab-icon::after{content:'';position:absolute;left:6px;top:7px;width:4px;height:7px;border:1.6px solid currentColor;border-top:0} .filter-tab-close{font-size:24px;font-weight:300;line-height:1} .search-form{min-height:256px;padding:14px 22px 10px;border:0;border-radius:0;background:#404447;box-shadow:none} .filter-panel{min-height:232px} .filter-panel[hidden]{display:none!important} .filter-panel-primary{display:grid;grid-template-columns:1.06fr 1.06fr 1.06fr 1.34fr} .filter-column{display:grid;align-content:start;gap:13px;padding:0 20px;border-right:1px solid #70777a} .filter-column:first-child{padding-left:0}.filter-column:nth-child(3){padding-right:13px} .filter-panel .search-field{display:grid;grid-template-columns:clamp(104px,7.2vw,140px) minmax(0,1fr);align-items:center;gap:10px;min-height:52px;color:#dedede;font-size:11px;font-weight:600;line-height:1.18} .filter-panel .search-field span{color:#e1e1e1} .filter-panel .search-field .filter-label-accent,.filter-label-accent{color:#a9cee9!important} .filter-panel .search-field input,.filter-panel .search-field select{height:28px;padding:0 12px;border:0;border-radius:8px;background:#666;color:#f2f2f2;font-size:11px;font-weight:600;min-width:0} .filter-panel .search-field input:focus,.filter-panel .search-field select:focus{outline:1px solid #a8cce6;outline-offset:1px} .filter-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 0 0 13px;align-content:start} .filter-check-list{display:grid;align-content:start;gap:8px} .filter-check{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 17px 17px;align-items:start;gap:6px;min-height:24px;color:#e1e1e1;font-size:11px;font-weight:600;line-height:1.24;cursor:pointer} .filter-check span{padding-top:2px}.filter-check .filter-label-accent{color:#a9cee9} .filter-check input{appearance:none;width:17px;height:17px;margin:0;border:1px solid #aeb4b5;border-radius:3px;background:#b9bdbd;cursor:pointer} .filter-check input:checked{border-color:#2495f2;background:#2795ed} .filter-check input:checked::after{content:'✓';display:block;color:#fff;font-size:14px;font-weight:800;line-height:14px;text-align:center} .filter-clear{width:17px;height:17px;padding:0;border:1px solid #aeb4b5;border-radius:3px;background:#b9bdbd;color:#62686b;font:700 16px/13px Arial,sans-serif;cursor:pointer} .filter-clear:hover{background:#d0d0d0}.filter-clear-accent{border-color:#2495f2;background:#2795ed;color:#fff} .filter-compact{grid-template-columns:minmax(0,1fr) 122px!important;min-height:26px!important;margin:0}.filter-compact select{height:26px!important} .filter-panel-primary .search-actions{grid-column:4;align-self:end;justify-self:center;margin:6px 0 0;padding-top:10px;border-top:1px solid #7a8082;width:100%;display:flex;justify-content:center} .search-submit{min-width:168px;min-height:30px;padding:0 21px;border-radius:18px;background:#303334;color:#b9dcf5;font-size:14px;font-weight:700} .search-submit:hover,.search-submit:focus-visible{background:#262829;outline:1px solid #9bc5e6;outline-offset:2px} .filter-panel-secondary{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0} .filter-panel-secondary .filter-column{grid-template-rows:repeat(2,58px)} .filter-options-secondary{display:flex;padding:18px 22px;align-items:flex-start}.filter-options-secondary .filter-check{grid-template-columns:minmax(0,1fr) 17px} .filter-panel-secondary .search-actions{display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 0 24px 16px} .search-results{width:calc(100% - 44px);margin:24px 22px 16px;border:1px solid #717a7e;border-radius:17px;background:#3d4143;box-shadow:none} .results-toolbar{height:59px;padding:9px 11px;background:#3d4143;border-bottom:1px solid #646b6e} .results-filter{position:relative;display:block;width:min(100%,535px)} .results-toolbar .results-filter input{width:100%;height:39px;padding:0 46px 0 14px;border:0;border-radius:16px;background:#666;color:#f2f2f2;font-size:13px} .results-filter span{position:absolute;right:15px;top:2px;color:#fff;font-size:32px;line-height:34px;font-weight:300} .results-download{margin-left:auto;padding:0 10px;border:0;background:transparent;color:#e7e7e7;font-size:34px;line-height:34px;cursor:pointer} .results-table{font-size:12px;color:#e0e0e0}.results-table th,.results-table td{height:48px;padding:9px 16px;border-color:#656a6c;text-align:center} .results-table th{background:#3d4143;color:#e4e4e4;font-size:13px}.results-table td{background:#3d4143} .results-table td:nth-child(2){max-width:460px}.search-result-row:hover td,.search-result-row:focus-visible td{background:#505456;color:#fff} .search-pagination{min-height:57px;display:flex;align-items:center;gap:30px;padding:10px 44px;background:#3d4143;color:#aeb3b5;font-size:15px} .search-pagination b{color:#f0f0f0}.search-pagination button{margin-left:auto;min-height:36px;padding:0 18px;border:0;border-radius:17px;background:#55595b;color:#e7e7e7;font:inherit;font-weight:700;cursor:pointer}.search-pagination .results-settings{margin-left:-18px;min-width:36px;padding:0;background:transparent;font-size:23px} @media(max-width:1280px){.filter-panel .search-field{grid-template-columns:100px minmax(0,1fr)}.filter-options{gap:10px}.filter-check{font-size:10px}.filter-panel-primary{grid-template-columns:1fr 1fr 1fr 1.24fr}.search-pagination{gap:22px}} /* Fluid desktop layout: 1400px content cap, rem-based spacing and 4K-safe scaling. */ html{font-size:100%} body{font-size:1rem} main{padding:1.125rem 1.25rem 2.5rem} .org-sticky,#content{width:min(100%,87.5rem)} .section-card{padding:1.25rem 1.875rem;border-radius:.875rem} .card-head h2{font-size:1.25rem}.card-subtitle{font-size:1rem}.inner{padding:1.125rem 1.625rem;border-radius:1.0625rem} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem} .activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem} .search-view main{padding:0;overflow-x:visible} .search-page{width:min(100%,87.5rem);min-width:0;margin:0 auto} .filter-tabs{height:3.875rem;padding-left:1.5rem} .filter-tab,.filter-tab-add{height:3rem} .filter-tab{width:5.75rem;gap:1.375rem;border-radius:0;font-size:1rem} .filter-tab.active{height:3.25rem;border-radius:.6875rem .6875rem 0 0} .filter-tab-add{width:3rem;font-size:1.8125rem} .filter-tab-icon{display:block;width:1.125rem;height:1.125rem;object-fit:contain} .filter-tab-icon::before,.filter-tab-icon::after{content:none} .filter-tab-close{font-size:1.5rem} .search-icon{width:1.375rem;height:1.375rem;object-fit:contain;filter:grayscale(1) brightness(2)} .search-form{min-height:16rem;padding:.875rem 1.375rem .625rem} .filter-panel{min-height:14.5rem} .filter-column{gap:.8125rem;padding:0 1.25rem} .filter-panel .search-field{grid-template-columns:clamp(6.5rem,8vw,8.75rem) minmax(0,1fr);gap:.625rem;min-height:3.25rem;font-size:.75rem} .filter-panel .search-field input,.filter-panel .search-field select{height:1.75rem;padding:0 .75rem;border-radius:.5rem;font-size:.75rem} .filter-options{gap:1.125rem;padding-left:.8125rem} .filter-check-list{gap:.5rem}.filter-check{grid-template-columns:minmax(0,1fr) 1.0625rem 1.0625rem;gap:.375rem;min-height:1.5rem;font-size:.75rem} .filter-check input,.filter-clear{width:1.0625rem;height:1.0625rem;border-radius:.1875rem}.filter-clear{font-size:1rem;line-height:.8125rem} .filter-check input:checked::after{font-size:.875rem;line-height:.875rem} .filter-compact{grid-template-columns:minmax(0,1fr) 7.625rem!important;min-height:1.625rem!important}.filter-compact select{height:1.625rem!important} .filter-panel-primary .search-actions{margin:.375rem 0 0;padding-top:.625rem} .search-submit{min-width:10.5rem;min-height:1.875rem;padding:0 1.3125rem;border-radius:1.125rem;font-size:1rem} .filter-panel-secondary .filter-column{grid-template-rows:repeat(2,3.625rem)} .filter-options-secondary{padding:1.125rem 1.375rem}.filter-panel-secondary .search-actions{padding:0 0 1.5rem 1rem} .search-results{width:calc(100% - 2.75rem);margin:1.5rem 1.375rem 1rem;border-radius:1.0625rem} .results-toolbar{height:3.6875rem;padding:.5625rem .6875rem} .results-toolbar .results-filter input{height:2.4375rem;padding:0 2.875rem 0 .875rem;border-radius:1rem;font-size:1rem} .results-search-icon{position:absolute;right:.9375rem;top:.5625rem;width:1.25rem;height:1.25rem;object-fit:contain;filter:grayscale(1) brightness(2)} .results-download{padding:0 .625rem;font-size:2.125rem;line-height:2.125rem} .results-table{font-size:.875rem}.results-table th,.results-table td{height:3rem;padding:.5625rem 1rem}.results-table th{font-size:.875rem} .search-pagination{min-height:3.5625rem;gap:1.875rem;padding:.625rem 2.75rem;font-size:.9375rem} .search-pagination button{min-height:2.25rem;padding:0 1.125rem;border-radius:1.0625rem}.search-pagination .results-settings{min-width:2.25rem;font-size:1.4375rem} @media(max-width:64rem){ .grid-2,.activity-grid{grid-template-columns:1fr} .search-page{width:100%} .filter-panel-primary,.filter-panel-secondary{grid-template-columns:1fr} .filter-column{padding:1rem 0;border-right:0;border-bottom:1px solid #70777a} .filter-options{grid-template-columns:1fr;padding:1rem 0} .filter-panel-primary .search-actions{grid-column:auto} .filter-panel-secondary .search-actions{justify-content:flex-start;padding:1rem 0} } @media(max-width:40rem){ main{padding:1rem} .search-view main{padding:0} .filter-tabs{padding-left:.75rem} .filter-tab{width:4.5rem;gap:.75rem} .filter-panel .search-field{grid-template-columns:1fr;gap:.375rem} .filter-panel .search-field input,.filter-panel .search-field select{width:100%} .search-results{width:calc(100% - 1.5rem);margin:1rem .75rem} .results-table-wrap{overflow-x:auto} .results-table{min-width:62.5rem} } /* Full-width search workspace, Darcula organization header and data visual palette. */ .search-view main{padding:0} .search-view .search-page{width:100%;max-width:none} .filter-tabs,.search-form{width:100%} .filter-tabs{padding-left:clamp(1rem,3.2vw,4rem)} .filter-tab,.filter-tab-add{position:relative;border-right:0} .filter-tab::after,.filter-tab-add::after{content:'';position:absolute;right:0;top:50%;width:1px;height:1.5rem;background:#60666a;transform:translateY(-50%)} .filter-tab-add::after{display:none} .search-results{width:calc(100% - 2.75rem);margin:1.5rem 1.375rem 1rem;border:1px solid #55595b;border-radius:1rem;background:#183f61} .results-toolbar{border-radius:1rem 1rem 0 0;background:#313335} .results-table-wrap{background:#183f61} .results-table th{background:#3c3f41;color:#a8cded;border-color:#55595b} .results-table td{background:#3c3f41;border-color:#55595b} .search-pagination{border-top:1px solid #55595b;border-radius:0 0 1rem 1rem;background:#313335;color:#a8cded} .results-download{display:grid;place-items:center} .results-download img{display:block;width:1.5rem;height:1.5rem;object-fit:contain} .filter-panel .search-field .filter-label-accent,.filter-label-accent{color:#e1e1e1!important} .filter-panel .search-field.filter-active>span,.filter-check.filter-active>span{color:#a9cee9!important} .filter-check input{width:1.25rem;height:1.25rem;border:0;border-radius:0;background:#c4c8c9} .filter-check input:checked{border:0;background:#2795ed url('../pictures/check.png') center/100% 100% no-repeat} .filter-check input:checked::after{content:none} .filter-clear,.filter-clear:hover,.filter-clear-accent{width:1.25rem;height:1.25rem;border:0;border-radius:0;background:transparent url('../pictures/check2.png') center/100% 100% no-repeat;color:transparent} .intro{padding:1.25rem 1.125rem 1.5rem;background:transparent} .org-sticky{width:100%;max-width:none} #content{width:min(100%,87.5rem)} .intro-row{align-items:flex-start;margin:0;gap:1.5rem} .org-kicker{margin:0;color:#a8ccec;font-size:2rem;font-weight:700;line-height:1.1} .intro-row .action{margin-left:auto;border-radius:.75rem;background:#303a44;color:#a8ccec;font-size:1rem} .org-pill,.notice{display:block;margin:1rem 0 0;padding:0;border-radius:0;background:transparent!important;color:#a8ccec;font-size:1rem;line-height:1.35} .notice{margin-top:1.125rem;font-size:.875rem} .card-head h2,.card-subtitle,.finance-summary-title,.line-chart h3{color:#a8ccec} .section-card .card-head h2{color:#a8ccec} .chart,.line-chart,.finance-summary{filter:none;background:#353535} .bar-item{background:#8abce0}.bar-item:before{background:#dcebf5} .line-chart{--chart-color:#8abce0!important} .line-chart:nth-child(2){--chart-color:#79aeca!important} .line-chart:nth-child(3){--chart-color:#9ab8cf!important} .line-area{opacity:.16}.line-curve{filter:drop-shadow(0 .125rem .1875rem rgba(0,0,0,.32))} .line-point>circle{fill:var(--chart-color);stroke:#dcebf5} .line-grid{stroke:#68757e}.line-unit,.line-y-label,.line-x-label{fill:#cbd4da} .donut,.ownership-donut{filter:saturate(.68) brightness(1.04)} .donut-sector path{stroke:#dbe8f0}.donut-center{fill:#353535;stroke:#a8ccec} .structure-stage>object{filter:saturate(.55) brightness(.94) hue-rotate(8deg)} @media(max-width:64rem){.intro-row{gap:1rem}.org-kicker{font-size:1.5rem}.intro-row .action{font-size:.875rem}.org-pill{font-size:.875rem}} /* Keep the search workspace inside the viewport; results scroll inside their panel. */ .search-view{overflow:hidden} .search-view .footer{display:none} .search-view main{height:calc(100dvh - var(--topbar-height,3rem));min-height:0} .search-view .search-page{height:100%;display:flex;flex-direction:column;min-height:0} .search-view .search-form{flex:0 0 auto} .search-view .search-results{flex:1 1 auto;min-height:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden} .search-view .results-table-wrap{flex:1 1 auto;min-height:0;overflow:auto} .search-view .results-table{height:100%} @media(max-height:52rem){ .filter-tabs{height:3.25rem}.filter-tab{height:2.5rem}.filter-tab.active{height:2.75rem} .search-form{min-height:0;padding:.5rem 1.375rem} .filter-panel{min-height:0}.filter-column{gap:.375rem} .filter-panel .search-field{min-height:2.25rem} .filter-panel-primary .search-actions{margin:.25rem 0 0;padding-top:.375rem} .search-results{margin-top:.625rem} .results-toolbar{height:3rem}.results-toolbar .results-filter input{height:2rem} .results-table th,.results-table td{height:2.25rem;padding:.375rem .75rem} .search-pagination{min-height:2.75rem;padding:.375rem 2.75rem} } /* Figma node 760:10484 — «Главная страница-grey». */ :root{ --figma-surface-base:#3c3f41; --figma-surface-inset:#313335; --figma-table-empty:#183f61; --figma-border:#55595b; --figma-header:#a8cded; } @media(min-width:120rem){html{font-size:clamp(1rem,.833vw,1.5rem)}} .search-view .topbar{ height:3rem; min-height:3rem; background:var(--figma-surface-base); border:0; } .search-view .topbar .search-tab, .search-view .topbar .search-tab.active{ width:7.8125rem; height:3rem; margin:0; padding:0 1.375rem; gap:.875rem; background:var(--figma-surface-inset); color:var(--figma-header); font-size:.9375rem; text-shadow:none; } .search-view .topbar .search-icon{width:1.25rem;height:1.25rem;filter:none} .search-view .topbar .profile{padding:0 .75rem} .search-view .topbar .profile img{width:1.75rem;height:1.75rem;filter:none} .search-view .filter-tabs{ height:3.5rem; min-height:3.5rem; padding-left:.625rem; border-bottom-color:var(--figma-header); } .search-view .filter-tab{width:5.75rem;height:3rem;gap:1.375rem} .search-view .filter-tab.active{ height:3.25rem; border-color:var(--figma-header); border-bottom-color:var(--figma-surface-base); border-radius:.6875rem .6875rem 0 0; background:var(--figma-surface-base); } .search-view .filter-tab-add{width:3rem;height:3rem;color:#e8e8e8} .search-view .search-form{ flex:0 0 19.125rem; min-height:19.125rem; padding:1.0625rem 1.5rem 0; background:var(--figma-surface-base); } .search-view .filter-panel{height:100%;min-height:0} .search-view .filter-column{border-right-color:#6f7475} .search-view .filter-panel .search-field{min-height:3.25rem;color:rgba(255,255,255,.8)} .search-view .filter-panel .search-field span{color:rgba(255,255,255,.8)} .search-view .filter-panel .search-field input, .search-view .filter-panel .search-field select{background:#5d5d5d;border:1px solid var(--figma-border)} .search-view .filter-check{color:rgba(255,255,255,.8)} .search-view .filter-check-list{row-gap:.625rem} .search-view .filter-check, .search-view .filter-check span{line-height:1.08} .search-view .filter-panel-primary .search-actions{border-top-color:#777d7f} .search-view .search-results{ margin:1rem 1.375rem .875rem; border-color:var(--figma-border); border-radius:1rem; background:var(--figma-table-empty); } .search-view .results-toolbar{ height:3.75rem; min-height:3.75rem; padding:.5625rem .6875rem; background:var(--figma-surface-inset); border-bottom-color:var(--figma-border); } .search-view .results-toolbar .results-filter{width:min(100%,33.375rem)} .search-view .results-toolbar .results-filter input{height:2.625rem;background:#5d5d5d;border:1px solid var(--figma-border)} .search-view .results-table-wrap{background:var(--figma-table-empty)} .search-view .results-table th, .search-view .results-table td{height:3rem;border-color:var(--figma-border)} .search-view .results-table th{background:var(--figma-surface-base);color:var(--figma-header)} .search-view .results-table td{background:var(--figma-surface-base);color:rgba(255,255,255,.8)} .search-view .search-pagination{ min-height:3.75rem; padding:.5625rem 2.0625rem; gap:1rem; background:var(--figma-surface-inset); border-top-color:var(--figma-border); color:rgba(198,198,198,.22); } .search-view .search-pagination b, .search-view .search-pagination button{color:var(--figma-header)} .search-view .search-pagination button{min-height:2.5625rem;border-radius:1rem;background:var(--figma-surface-base)} .search-view .search-pagination .results-settings{color:var(--figma-header)} .search-view .footer{display:block;height:3rem;min-height:3rem;background:var(--figma-surface-base);border:0} .search-view main{height:calc(100dvh - 6rem)} @media(max-width:64rem){ .search-view .search-form{flex-basis:auto;min-height:0} .search-view main{height:auto;min-height:calc(100dvh - 6rem)} } @media(min-width:64.0625rem) and (max-height:52rem){ .search-view .filter-tabs{height:3.25rem;min-height:3.25rem} .search-view .filter-tab{height:2.5rem}.search-view .filter-tab.active{height:2.75rem} .search-view .search-form{flex:0 0 auto;min-height:0;padding:.5rem 1.375rem} .search-view .filter-panel{height:auto}.search-view .filter-column{gap:.375rem} .search-view .filter-panel .search-field{min-height:2.25rem} .search-view .filter-panel-primary .search-actions{margin:.25rem 0 0;padding-top:.375rem} .search-view .search-results{margin-top:.625rem} .search-view .results-toolbar{height:3rem;min-height:3rem} .search-view .results-toolbar .results-filter input{height:2rem} .search-view .results-table th,.search-view .results-table td{height:2.25rem;padding:.375rem .75rem} .search-view .search-pagination{min-height:2.75rem;padding:.375rem 2.75rem} } /* Последние уточнения макета «Главная страница-grey». */ .search-view .filter-tab.active{ height:3.5rem; border-radius:1rem 1rem 0 0; } .search-view .filter-panel-primary .search-actions{border-top:0} .search-view .filter-check input{background:#b4b4b4} .search-view .filter-check input:checked{ background:#b4b4b4 url('../pictures/check.svg') center/100% 100% no-repeat; } .search-view .filter-clear, .search-view .filter-clear:hover{ background:transparent url('../pictures/check2.svg') center/100% 100% no-repeat; filter:none; } .search-view .filter-clear.filter-clear-accent{ background:transparent url('../pictures/check2.svg') center/100% 100% no-repeat; filter:sepia(1) saturate(8) hue-rotate(176deg) brightness(.9); } .search-view .results-table-wrap, .search-view .results-table-wrap:has(tbody:empty){background:#3c3f41} .search-view .search-pagination{gap:2rem} .search-view .results-settings{ display:grid; place-items:center; min-width:2.5rem; margin-left:-.25rem; padding:0; background:transparent; } .search-view .results-settings img{display:block;width:1.5rem;height:1.5rem;object-fit:contain} @media(min-width:64.0625rem) and (max-height:52rem){ .search-view .filter-tab.active{height:3.25rem} .search-view .search-pagination{gap:1.5rem} } /* Компактный переход между наборами фильтров. */ .search-view .filter-tabs{align-items:flex-end} .search-view .filter-tab, .search-view .filter-tab-add{ height:2.75rem; border:0; border-radius:0; background:transparent; } .search-view .filter-tab::after, .search-view .filter-tab-add::after{display:none} .search-view .filter-tab.active{ height:3rem; margin-bottom:-.0625rem; border:.0625rem solid var(--figma-header); border-bottom:0; border-radius:1rem 1rem 0 0; background:var(--figma-surface-base); box-shadow:0 .125rem 0 var(--figma-surface-base); } .search-view .filter-panel-primary .search-actions{ margin:0; padding:0; transform:translateY(-.75rem); } .search-view .search-submit{ min-height:2.5rem; padding:0 1.75rem; } @media(min-width:64.0625rem) and (max-height:52rem){ .search-view .filter-tab.active{height:2.75rem} .search-view .filter-panel-primary .search-actions{transform:translateY(-.25rem)} .search-view .search-submit{min-height:2.25rem} } /* Финальная настройка интерфейса по теме Darcula из Figma. */ .search-view .filter-tab-icon{ width:1.5rem; height:1.5rem; } .search-view .filter-options{gap:2rem} .search-view .filter-check-list{gap:.75rem} .search-view .filter-check{row-gap:.5rem} .search-view .filter-check input, .search-view .filter-check input:checked{ border:0; background-color:transparent; box-shadow:none; } .search-view .filter-check input:checked{ background-image:url('../pictures/check.svg'); background-position:center; background-size:100% 100%; background-repeat:no-repeat; } .search-view .filter-clear, .search-view .filter-clear:hover, .search-view .filter-clear:focus-visible{ border:0; background-color:transparent; background-image:url('../pictures/check2.svg'); background-position:center; background-size:100% 100%; background-repeat:no-repeat; box-shadow:none; filter:none; } .search-view .filter-clear.filter-clear-accent, .search-view .filter-clear.filter-clear-accent:hover, .search-view .filter-clear.filter-clear-accent:focus-visible{ background-image:url('../pictures/Checkbox Default.svg'); filter:none; } /* Активная вкладка с плавными нижними «плечами», как у вкладок Chrome. */ .search-view .filter-tabs{ position:relative; overflow:visible; } .search-view .filter-tab{ position:relative; z-index:1; transition:color .16s ease,background-color .16s ease; } .search-view .filter-tab.active{ z-index:3; border-radius:.875rem .875rem 0 0; } .search-view .filter-tab.active::before, .search-view .filter-tab.active::after{ content:''; display:block; position:absolute; bottom:0; width:1rem; height:1rem; pointer-events:none; } .search-view .filter-tab.active::before{ left:-1rem; border-bottom-right-radius:1rem; box-shadow:.5rem .5rem 0 .5rem var(--figma-surface-base); } .search-view .filter-tab.active::after{ right:-1rem; border-bottom-left-radius:1rem; background:transparent; transform:none; box-shadow:-.5rem .5rem 0 .5rem var(--figma-surface-base); } .search-view .filter-tab-add{position:relative;z-index:4} /* Модальные карточки шире, без синего затемнения страницы. */ .modal{ width:min(96vw,100rem); max-width:100rem; } .modal::backdrop{ background:transparent; backdrop-filter:none; } .modal-viewport, .modal-card{width:100%} .modal-card{background:#3c3f41} /* Управляющие кнопки карточек. */ .expand-btn, .modal-close, .modal-card .modal-close{ color:#a8cded; } .expand-btn:hover, .expand-btn:focus-visible, .modal-close:hover, .modal-close:focus-visible, .modal-card .modal-close:hover, .modal-card .modal-close:focus-visible{ color:#a8cded; } .expand-btn .ui-icon, .modal-close .ui-icon, .modal-card .modal-close .ui-icon{ filter:brightness(0) saturate(100%) invert(82%) sepia(16%) saturate(772%) hue-rotate(170deg) brightness(96%) contrast(92%); } /* Вкладки открытых карточек остаются прямоугольными в верхней панели. */ .topbar .tab:not(.search-tab){ margin-top:0; height:3rem; border-radius:0; } /* Цвета графиков и диаграммы — точные значения из Darcula-макета. */ .line-chart{ --chart-color:#5497d2!important; background:#313335; } .line-chart:nth-child(2){--chart-color:#55775f!important} .line-chart:nth-child(3){--chart-color:#be7ab9!important} .line-grid{stroke:#55595b} .line-area{opacity:.2} .line-point>circle{stroke:#3c3f41} .line-tooltip rect{fill:#313335;stroke:#55595b} .donut, .ownership-donut{filter:none} .donut-sector path{stroke:rgba(255,255,255,.8)} .donut-center{fill:#313335;stroke:rgba(255,255,255,.8)} /* Уточнения вкладок, модальных окон и акцентов из узлов 755:2206 / 755:2383. */ .search-view .filter-tab-number{ position:absolute; left:2.1rem; top:1.85rem; z-index:2; color:#a8cded; font-size:.5625rem; font-weight:700; line-height:1; pointer-events:none; } .search-view .filter-tab.active{ isolation:isolate; } .search-view .filter-tab.active::before, .search-view .filter-tab.active::after{ bottom:-.0625rem; width:.75rem; height:.75rem; } .search-view .filter-tab.active::before{ left:-.75rem; border-bottom-right-radius:.75rem; box-shadow:.375rem 0 0 0 var(--figma-surface-base); } .search-view .filter-tab.active::after{ right:-.75rem; border-bottom-left-radius:.75rem; box-shadow:-.375rem 0 0 0 var(--figma-surface-base); } .modal{ width:min(90vw,87.5rem); max-width:87.5rem; } .modal::backdrop{ background:rgba(0,0,0,.18); backdrop-filter:blur(.375rem); -webkit-backdrop-filter:blur(.375rem); } .expanded .intro{ padding-left:0; padding-right:0; } .card-head h2, .card-subtitle, .finance-summary-title, .line-chart h3, .org-kicker, .ownership-meta>span:first-child{ color:#a8cded; } #finance .capital, .modal-card[data-section="finance"] .capital{ border:.125rem solid #55595b; background:#45494a; } .key-metrics .metric b, #finance .capital b, .modal-card[data-section="finance"] .capital b, .ownership-meta b{ color:#8fed91; text-shadow:none; } .section-card .development-link, .section-card .owner-link, .section-card .company-link, .modal-card .development-link, .modal-card .owner-link, .modal-card .company-link, .section-card .development-link:hover, .section-card .development-link:focus-visible, .modal-card .development-link:hover, .modal-card .development-link:focus-visible{ color:#5497d2!important; } .section-card .external-link, .modal-card .external-link, .section-card .external-link:hover, .section-card .external-link:focus-visible, .modal-card .external-link:hover, .modal-card .external-link:focus-visible{ color:#0779f4!important; } /* Финальные правки состояний и геометрии по последним референсам. */ .search-view .filter-tabs{ border-bottom:0; } .search-view .filter-tab{ overflow:visible; } .search-view .filter-tab.active{ height:3rem; margin-bottom:0; border:0; border-radius:1rem 1rem 0 0; background:var(--figma-surface-base); box-shadow:none; } .search-view .filter-tab.active::before, .search-view .filter-tab.active::after{ content:''; position:absolute; bottom:0; display:block; width:.875rem; height:.875rem; border:0; border-radius:0; box-shadow:none; pointer-events:none; } .search-view .filter-tab.active::before{ left:-.875rem; background:radial-gradient(circle at 0 0,transparent 0 .8125rem,var(--figma-surface-base) .84375rem); } .search-view .filter-tab.active::after{ right:-.875rem; background:radial-gradient(circle at 100% 0,transparent 0 .8125rem,var(--figma-surface-base) .84375rem); transform:none; } .search-view .filter-tab-add{ margin-left:.875rem; } /* У каждого булева фильтра видны оба независимых варианта: галочка и крестик. */ .search-view .filter-check input, .search-view .filter-check input:not(:checked){ background-color:transparent; background-image:url('../pictures/check.svg'); background-position:center; background-size:100% 100%; background-repeat:no-repeat; filter:grayscale(1) brightness(.82); } .search-view .filter-check input:checked{ background-color:transparent; background-image:url('../pictures/check.svg'); filter:none; } .search-view .filter-clear.filter-clear-accent, .search-view .filter-clear.filter-clear-accent:hover, .search-view .filter-clear.filter-clear-accent:focus-visible{ background-color:transparent; background-image:url('../pictures/Checkbox Default.svg'); filter:none; } .section-card .external-link, .modal-card .external-link, .section-card .external-link:hover, .section-card .external-link:focus-visible, .modal-card .external-link:hover, .modal-card .external-link:focus-visible{ text-decoration:none!important; } .org-sticky, .expanded .org-sticky, .expanded .org-sticky.sticky-active{ width:min(100%,87.5rem); max-width:87.5rem; margin-left:auto; margin-right:auto; } .ownership-view-btn, .ownership-view-btn:hover, .ownership-view-btn:focus-visible{ color:#a8cded!important; } .ownership-view-btn .eye-icon{ stroke:currentColor; } /* Экспорт block diagram уже содержит точные цвета Figma — не искажаем их фильтром. */ .structure-stage>object{ filter:none!important; } @media(min-width:64.0625rem) and (max-height:52rem){ .search-view .filter-tab.active{height:2.75rem} } /* Меню и финансовые графики по Figma 755:2206. */ .expanded .section-nav a{ color:rgba(255,255,255,.4)!important; opacity:1; text-shadow:none; } .expanded .section-nav a.active, .expanded .section-nav a:hover, .expanded .section-nav a:focus-visible{ color:#fff!important; } .intro-row .action, .intro-row .action:hover, .intro-row .action:focus-visible{ background:#313335; } .expanded .org-sticky.sticky-active{ padding:1.25rem 0 0; } .expanded .org-sticky.sticky-active .intro{ padding:0; } .expanded .org-sticky.sticky-active .intro-row{ display:flex!important; margin:0; } .expanded .org-sticky.sticky-active .org-pill, .expanded .org-sticky.sticky-active .notice, .expanded .org-sticky.sticky-active .action{ display:none!important; } .expanded .org-sticky.sticky-active .section-nav{ margin-top:2.5rem; padding-top:0; } .line-chart{ position:relative; } .line-chart-value{ position:absolute; z-index:2; top:.875rem; right:1.5rem; display:inline-flex; align-items:center; min-height:2.75rem; padding:.625rem .75rem; border:.125rem solid #55595b; border-radius:.75rem; background:#3c3f41; color:#8fed91; font-family:Inter,"Clear Sans","Helvetica Neue",Arial,sans-serif; font-size:1.25rem; font-weight:700; line-height:1; white-space:nowrap; } @media(max-width:40rem){ .line-chart-value{ top:.625rem; right:.75rem; min-height:2.25rem; padding:.5rem .625rem; font-size:1rem; } } /* Геометрия и состояния по short_card / full_card / blocks. */ .search-view .filter-tab.active::before, .search-view .filter-tab.active::after{ bottom:0; width:1.5rem; height:1.5rem; border-radius:0; box-shadow:none; } .search-view .filter-tab.active::before{ left:-1.5rem; background:radial-gradient(circle at 0 0,transparent 0 1.4375rem,var(--figma-surface-base) 1.46875rem); } .search-view .filter-tab.active::after{ right:-1.5rem; background:radial-gradient(circle at 100% 0,transparent 0 1.4375rem,var(--figma-surface-base) 1.46875rem); } .search-view .filter-tab-add{ margin-left:0; } .search-view .filter-check input, .search-view .filter-check input:not(:checked){ background-color:transparent; background-image:url('../pictures/check-neutral.svg'); background-position:center; background-size:100% 100%; background-repeat:no-repeat; filter:none; } .search-view .filter-check input:checked{ background-image:url('../pictures/check.svg'); } .search-view .filter-clear, .search-view .filter-clear:hover, .search-view .filter-clear:focus-visible{ background-image:url('../pictures/check2.svg'); filter:none; } .search-view .filter-clear.filter-clear-accent, .search-view .filter-clear.filter-clear-accent:hover, .search-view .filter-clear.filter-clear-accent:focus-visible{ background-image:url('../pictures/Checkbox Default.svg'); } /* В Figma шапка занимает 1880/1920, а карточки — 1600/1920. */ .org-sticky, .expanded .org-sticky, .expanded .org-sticky.sticky-active{ width:100%; max-width:none; margin-left:auto; margin-right:auto; } #content{ width:min(100%,100rem); margin-left:auto; margin-right:auto; } .expanded .org-sticky.sticky-active{ padding-left:2rem; padding-right:2rem; } .structure-page, .structure-viewport{ background-color:#2b2b2b; background-image:linear-gradient(rgba(43,43,43,.39),rgba(43,43,43,.39)),url('../pictures/background3.png'); background-position:center; background-size:cover; } .structure-static-footer{ height:3.75rem; background:#3c3f41; } .structure-controls, .structure-hint{ display:none; } /* Панель фильтров из Bastion 2.0 / main (1:3351). */ .search-view .filter-tabs{ border-bottom:.0625rem solid #a8cded; } .search-view .filter-tab.active{ border:.0625rem solid #a8cded; border-bottom:0; box-shadow:0 .125rem 0 var(--figma-surface-base); } .search-view .filter-tab.active::before{ background:radial-gradient( circle at 0 0, transparent 0 1.375rem, #a8cded 1.40625rem 1.4375rem, var(--figma-surface-base) 1.46875rem ); } .search-view .filter-tab.active::after{ background:radial-gradient( circle at 100% 0, transparent 0 1.375rem, #a8cded 1.40625rem 1.4375rem, var(--figma-surface-base) 1.46875rem ); } .search-view .filter-tab-add{ font-size:1.25rem; } .search-view .search-form{ flex:0 0 19.125rem; height:19.125rem; min-height:19.125rem; max-height:19.125rem; } .search-view .filter-panel{ height:100%; min-height:0; } @media(max-width:64rem){ .search-view .search-form{ height:auto; min-height:19.125rem; max-height:none; } } /* Центрированная пагинация и единая компактная геометрия таблицы. */ .search-view .search-pagination{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; border-radius:0 0 .625rem .625rem; } .search-view .pagination-pages{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:1rem; } .search-view .pagination-actions{ grid-column:3; display:flex; align-items:center; justify-self:end; gap:.5rem; } .search-view .pagination-actions button{ margin-left:0; } .search-view .results-settings, .search-view .results-settings:hover, .search-view .results-settings:focus, .search-view .results-settings:focus-visible{ border:0; outline:0; box-shadow:none; background:transparent; } .search-view .search-results{ border-radius:.625rem; } .search-view .results-table, .search-view .results-table-wrap{ border-radius:.625rem .625rem 0 0; } /* Разделители и dropdown-поля панели фильтров. */ .search-view .filter-column{ border-right-color:#a8cded; } .search-view .filter-panel .search-field select{ border:.0625rem solid #686d70; border-radius:.5rem; background-color:#55595b; color:rgba(255,255,255,.88); box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.04); cursor:pointer; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease; } .search-view .filter-panel .search-field select:hover{ border-color:#a8cded; background-color:#5c6062; } .search-view .filter-panel .search-field select:focus, .search-view .filter-panel .search-field select:focus-visible{ border-color:#a8cded; outline:0; box-shadow:0 0 0 .125rem rgba(168,205,237,.18); } .search-view .filter-panel .search-field select option{ background:#3c3f41; color:rgba(255,255,255,.9); } /* Пропорции short_card / full_card и фон внутри checkbox-состояний. */ .org-sticky, .expanded .org-sticky, .expanded .org-sticky.sticky-active{ width:95vw; max-width:95vw; } #content{ width:75vw; max-width:75vw; } .search-view .filter-check input, .search-view .filter-check input:not(:checked){ background-color:transparent; background-image: url('../pictures/check-neutral.svg'), linear-gradient(#b4b4b4,#b4b4b4); background-position:center; background-size:100% 100%,83.333% 83.333%; background-repeat:no-repeat; } .search-view .filter-check input:checked{ background-color:transparent; background-image: url('../pictures/check.svg'), linear-gradient(#b4b4b4,#b4b4b4); background-position:center; background-size:100% 100%,83.333% 83.333%; background-repeat:no-repeat; } .search-view .filter-clear, .search-view .filter-clear:hover, .search-view .filter-clear:focus-visible{ background-color:transparent; background-image: url('../pictures/check2.svg'), linear-gradient(#b4b4b4,#b4b4b4); background-position:center; background-size:100% 100%,83.333% 83.333%; background-repeat:no-repeat; } .search-view .filter-clear.filter-clear-accent, .search-view .filter-clear.filter-clear-accent:hover, .search-view .filter-clear.filter-clear-accent:focus-visible{ background-color:transparent; background-image: url('../pictures/Checkbox Default.svg'), linear-gradient(#b4b4b4,#b4b4b4); background-position:center; background-size:100% 100%,83.333% 83.333%; background-repeat:no-repeat; } /* Единый симметричный Chrome-контур без стыков между плечами. */ .search-view .filter-tab.active{ border:0; border-radius:0; background:transparent; box-shadow:none; isolation:isolate; } .search-view .filter-tab.active::before{ content:''; position:absolute; z-index:0; left:-1.5rem; bottom:0; width:calc(100% + 3rem); height:3rem; background:url('../pictures/filter-tab-outline.svg') center/100% 100% no-repeat; pointer-events:none; } .search-view .filter-tab.active::after{ display:none; } .search-view .filter-tab.active>.filter-tab-icon, .search-view .filter-tab.active>.filter-tab-close{ position:relative; z-index:1; } /* Встроенные шапки SVG скрыты внутри diagram.svg — внешний clip больше не нужен. */ .structure-stage>object{ clip-path:none; } /* Номинал акции оформлен тем же информационным бейджем, что и уставный капитал. */ #ownership .ownership-meta>span:last-child{ min-height:2.625rem; padding:0 .75rem; border:.125rem solid #55595b; border-radius:.625rem; background:#45494a; align-items:center; } /* Страница blocks по Figma 755:2841. */ .topbar .structure-page-tab.active{ background:#2b2b2b; color:#a8cded; text-shadow:none; } .structure-node{ border-radius:.75rem; } .structure-node:hover, .structure-node:focus-visible{ border-color:rgba(255,255,255,.58); background:rgba(255,255,255,.055); box-shadow:0 0 1.25rem rgba(255,255,255,.3); outline:none; } /* ООО «УАЗ»: coordinates and exported connection vectors from Figma 844:3171. The graph itself stays transparent so the shared application background remains. */ .uaz-structure-view .structure-legend{ box-sizing:border-box; top:2rem; right:1.25rem; width:20.1875rem; padding:1.5rem 1.25rem; gap:1.375rem; border-color:#a8cded; border-radius:.75rem; font-size:1rem; } .uaz-structure-view .structure-legend-row{ min-height:2rem; column-gap:1.25rem; } .uaz-structure-view .structure-legend-swatch{ width:2.5rem; height:2rem; border-radius:.75rem; } .uaz-structure-view .structure-legend-affiliated::before{width:.125rem;background:#fff} .uaz-structure-view .structure-legend-arrow{width:2.5rem;height:2rem} .uaz-structure-view .structure-legend-arrow::before{top:1rem;right:.3125rem;border-top-color:#407faa} .uaz-structure-view .structure-legend-arrow::after{top:.6875rem;border-color:#407faa} .uaz-structure-view .structure-legend-state + span::after{content:''} .uaz-graph{ position:relative; width:120rem; height:67.5rem; color:#fff; font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif; font-size:1rem; font-weight:700; } .uaz-connector{ position:absolute; z-index:0; display:block; pointer-events:none; max-width:none; } .c-sobolev-sollers{left:9rem;top:14.3125rem;width:12.312375rem;height:23.5043125rem} .c-kaika-alter{left:45.6875rem;top:14.375rem;width:26.2445625rem;height:11.854125rem} .c-hvesenya-alter{left:41.71875rem;top:14.3125rem;width:13.1545625rem;height:9.920625rem} .c-sobolev-alter{left:17.375rem;top:14.375rem;width:15.963375rem;height:9.931875rem} .c-alter-sollers{left:27.125rem;top:45.1875rem;width:11.7445rem;height:8.43625rem} .c-shirinov-alter{left:12.625rem;top:14.3125rem;width:18.3046875rem;height:10.70175rem} .uaz-manager-line{ position:absolute; z-index:0; left:29.8125rem; top:31.625rem; display:flex; width:8.37rem; height:6.24415rem; align-items:center; justify-content:center; pointer-events:none; transform:rotate(180deg) scaleY(-1); } .uaz-manager-line img{display:block;width:8.37rem;height:6.24415rem;max-width:none} .uaz-manager-line-alter{ left:37.21875rem; top:14.375rem; width:0; height:9.875rem; transform:rotate(90deg); transform-origin:center; } .uaz-manager-line-alter img{width:9.875rem;height:.7216875rem} .uaz-structure-node{ position:absolute; z-index:1; left:var(--x); top:var(--y); width:15rem; height:7.3125rem; overflow:hidden; border:0; border-left:.4375rem solid #fff; border-radius:.75rem; background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7)); box-shadow:none; color:#fff; font:700 1rem/normal "Clear Sans","Helvetica Neue",Arial,sans-serif; text-align:left; white-space:nowrap; transform:none; } button.uaz-structure-node{cursor:pointer} .uaz-structure-node.person{ width:13.875rem; border-radius:.75rem; background:linear-gradient(to bottom,rgba(88,120,69,.6),rgba(52,81,36,.6)); } .uaz-structure-node.muted{cursor:default;opacity:1} .uaz-structure-node .uaz-node-id{position:absolute;top:1.75rem;left:calc(50% - 4.40625rem)} .uaz-structure-node.person .uaz-node-id{top:2.0625rem;left:calc(50% - 3.90625rem)} .uaz-structure-node .uaz-node-name{ position:absolute; top:4rem; left:calc(50% - .21875rem); width:13.75rem; transform:translateX(-50%); text-align:center; } .uaz-structure-node.person .uaz-node-name{top:3.75rem} .uaz-structure-node.subject{ width:15.5rem; height:7.75rem; overflow:visible; border:.125rem solid #fff; background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7)); } .uaz-structure-node.subject::before{ content:''; position:absolute; z-index:-1; top:-.125rem; bottom:-.125rem; left:-.125rem; width:.4375rem; border-radius:.75rem 0 0 .75rem; background:#fff; } .uaz-structure-node.subject .uaz-node-id{top:1.75rem;left:calc(50% - 4.4375rem)} .uaz-structure-node.subject .uaz-node-name{top:4rem;font-size:1.125rem} .uaz-structure-node:not(.muted):hover, .uaz-structure-node:not(.muted):focus-visible{ border-color:#fff; box-shadow:0 0 1rem rgba(255,255,255,.38); outline:0; } .uaz-edge-label{ position:absolute; z-index:2; color:#fff; font:700 1rem/normal "Clear Sans","Helvetica Neue",Arial,sans-serif; white-space:nowrap; pointer-events:none; } .manager-label{left:22rem;top:15rem;color:rgba(255,255,255,.8)} .percent-sobolev{left:16.0625rem;top:21.625rem} .percent-shirinov{left:38.1875rem;top:18.125rem} .percent-kaika{left:50.8125rem;top:18.625rem} .percent-hvesenya{left:67.25rem;top:18.5625rem} .percent-alter{left:34.5rem;top:34.6875rem} .percent-sollers{left:36.6875rem;top:47.375rem} .structure-static-footer{ display:flex; align-items:center; justify-content:space-between; padding:0 2.5rem; color:rgba(255,255,255,.8); font:400 .875rem/normal "Clear Sans","Helvetica Neue",Arial,sans-serif; } /* Акцентируем синие сущности на схеме УАЗа и показываем полную форму ПАО. */ .uaz-structure-view .structure-legend-legal, .uaz-structure-view .structure-legend-affiliated{ background:linear-gradient(135deg,#397ee8 0%,#1c4fb9 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 .25rem .75rem rgba(26,94,205,.3); } .uaz-structure-view .structure-legend-subject{ background:linear-gradient(135deg,#2699f4 0%,#2156ca 100%); border-color:#d6efff; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 .25rem .75rem rgba(32,124,234,.34); } .uaz-structure-view .structure-legend-arrow::before{border-top-color:#62c7ff} .uaz-structure-view .structure-legend-arrow::after{border-color:#62c7ff} .uaz-structure-view .uaz-structure-node.company{ background:linear-gradient(135deg,rgba(49,128,236,.96),rgba(25,65,173,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 .6rem 1.4rem rgba(16,79,189,.35); } .uaz-structure-view .uaz-structure-node.subject{ background:linear-gradient(135deg,rgba(38,149,244,.98),rgba(27,72,184,.99)); border-color:#d6efff; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 .65rem 1.5rem rgba(14,97,211,.38); } .uaz-structure-view .uaz-node-link{ box-sizing:border-box; display:block; color:#fff; text-decoration:none; } .uaz-structure-view .uaz-node-link:hover, .uaz-structure-view .uaz-node-link:focus-visible{ color:#fff!important; text-shadow:none; transform:translateY(-.125rem); } .uaz-structure-view .uaz-sollers-node{height:9.25rem} .uaz-structure-view .uaz-sollers-node .uaz-node-legal-form{ position:absolute; top:3.25rem; left:.75rem; right:.75rem; color:#e4f5ff; font-size:.75rem; font-weight:700; line-height:1.15; text-align:center; white-space:normal; } .uaz-structure-view .uaz-sollers-node .uaz-node-name{top:6.375rem} .uaz-structure-view .percent-alter{ width:18rem; color:#fff; line-height:1.25; white-space:normal; } .uaz-structure-view .percent-alter>b{display:block;font-size:1rem} .uaz-structure-view .uaz-share-breakdown{ display:block; margin-top:.3rem; color:#d7f2ff; font-size:.75rem; font-weight:700; line-height:1.35; text-shadow:0 .0625rem .1875rem rgba(4,29,82,.9); } /* Карточка человека по Bastion 2.0 / person (1:2683). */ .person-page{display:none} .person-view{ min-height:100dvh; background:#2b2b2b url('../pictures/background3.png') center/cover fixed no-repeat; color:rgba(255,255,255,.8); } .person-view main{ height:calc(100dvh - var(--topbar-height, 3rem)); min-height:calc(100dvh - var(--topbar-height, 3rem)); padding:clamp(.75rem,2vw,2.0625rem) 1.1875rem; } .person-view .org-sticky, .person-view #content, .person-view .search-page, .person-view .development-page, .person-view .structure-page{display:none} .person-view .person-page.active{ display:grid; grid-template-columns:minmax(16rem,29.875rem) minmax(20rem,39.9375rem) minmax(20rem,41.6875rem); grid-template-rows:minmax(0,1fr) minmax(0,1fr); gap:clamp(.75rem,1.5vw,2.0625rem) 1.8125rem; width:100%; max-width:115.1875rem; min-height:0; height:100%; margin:0 auto; } .person-profile-card, .person-info-card{ margin:0; border-radius:1.125rem; background:#3c3f41; overflow:hidden; min-height:0; } .person-profile-card{ grid-row:1/3; display:flex; flex-direction:column; align-items:center; padding:clamp(1rem,2vw,2.25rem) 2rem; text-align:center; overflow:auto; } .person-portrait{ width:clamp(8rem,22vh,14.875rem); height:clamp(8rem,22vh,14.875rem); border-radius:50%; object-fit:cover; } .person-profile-card h1{ margin:clamp(1rem,2.5vh,2.125rem) 0 clamp(1rem,2.5vh,2.1875rem); color:#a8cded; font-size:1.5rem; line-height:1.3; } .person-profile-card p{ margin:0 0 1.6875rem; font-size:1.25rem; line-height:1.3; } .person-profile-card .external-link{ margin-top:.125rem; color:#0779f4; font-size:1.25rem; text-decoration:none; text-underline-offset:.1875rem; } .person-profile-card .external-link:hover, .person-profile-card .external-link:focus-visible{ color:#0779f4!important; text-shadow:none; text-decoration:underline; } .person-info-card{padding:clamp(1rem,1.8vw,1.4375rem) clamp(1.25rem,2.5vw,2.0625rem);overflow:auto} .person-info-card h2{ margin:0 0 .75rem; color:#a8cded; font-size:1.5rem; line-height:1.3; } .person-info-card p{ margin:0; font-size:1.25rem; line-height:1.72; } .person-info-card .development-link, .leadership-row .development-link, .leadership-row .person-card-link{ color:#5497d2; text-decoration:underline; text-underline-offset:.125rem; } .leadership-row .external-link{color:#0779f4;text-decoration:none} .person-biography{grid-column:2/4;padding:clamp(1rem,2vw,1.5625rem) clamp(1.25rem,2.5vw,2rem);display:flex;flex-direction:column} .person-biography-scroll{ height:auto; min-height:0; flex:1; padding-right:1.25rem; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.52) transparent; } .person-biography-scroll p{ margin:0 0 1.25rem; font-size:1.25rem; line-height:1.13; } .person-biography-scroll::-webkit-scrollbar{width:.5rem} .person-biography-scroll::-webkit-scrollbar-thumb{border-radius:.5rem;background:rgba(255,255,255,.52)} .topbar .person-page-tab.active{background:#2b2b2b;color:#a8cded} /* Страница Сахабиева: данные из исходной HTML-карточки, в сетке person-макета. */ .person-monogram{ display:grid; place-items:center; border:2px solid rgba(168,205,237,.72); background:#334a5a; color:#a8cded; font-size:58px; font-weight:700; line-height:1; } .person-monogram::before{ content:''; position:absolute; width:202px; height:202px; border-radius:50%; background:rgba(72,105,126,.7); } .person-monogram span{position:relative;z-index:1} #sakhabiyevPage h1{max-width:390px} .sakhabiyev-current-role{font-size:18px!important;line-height:1.3!important} .sakhabiyev-person-status{margin-top:22px;color:#5497d2;font-size:17px;font-weight:700} .sakhabiyev-positions-list{display:grid;gap:13px} .sakhabiyev-positions-list p{font-size:15px;line-height:1.32} .sakhabiyev-positions-list a{color:#5497d2} .sakhabiyevPage .person-empty{max-width:540px;font-size:18px;line-height:1.4} /* Универсальная страница руководителя УАЗа повторяет карточку Сахабиева. */ .person-view #ulyPersonPage.active{grid-template-rows:minmax(0,1fr) minmax(0,1fr)} #ulyPersonPage .person-positions{overflow:auto} #ulyPersonPage .sakhabiyev-positions-list p{margin:0;font-size:15px;line-height:1.38} #ulyPersonPage .person-position-period{display:inline-block;min-width:94px;color:#a8cded;font-variant-numeric:tabular-nums} #ulyPersonPage .person-empty{font-size:17px;line-height:1.4} /* Высота панели и её вкладок всегда задаётся единым токеном. */ .person-view .topbar{ height:var(--topbar-height)!important; min-height:var(--topbar-height)!important; max-height:var(--topbar-height)!important; } .person-view .topbar .search, .person-view .topbar .tab, .person-view .topbar .search-tab, .person-view .topbar .search-tab.active{ height:var(--topbar-height)!important; min-height:var(--topbar-height)!important; max-height:var(--topbar-height)!important; } @media(max-width:75rem){ .person-view .person-page{ grid-template-columns:minmax(14rem,22rem) minmax(17rem,1fr) minmax(17rem,1fr); } } @media(max-width:64rem){ .person-view .person-page{grid-template-columns:minmax(14rem,1fr) minmax(0,1.45fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)} .person-profile-card,.person-positions,.person-capital,.person-biography{grid-column:auto;grid-row:auto} .person-biography-scroll{height:auto;max-height:none} } @media(max-width:44rem){ .person-view main{height:auto;min-height:calc(100dvh - var(--topbar-height, 3rem))} .person-view .person-page{grid-template-columns:1fr;grid-template-rows:auto;height:auto} .person-biography-scroll{max-height:30rem} } @media(max-width:64rem){ .org-sticky, .expanded .org-sticky, .expanded .org-sticky.sticky-active, #content{ width:100%; max-width:100%; } } /* Общая линия лежит под вкладками, поэтому активный контур остаётся открытым снизу. */ .search-view .filter-tabs{ position:relative; border-bottom:0; } .search-view .filter-tabs::before{ content:''; position:absolute; z-index:0; right:0; bottom:0; left:0; height:.0625rem; background:#a8cded; pointer-events:none; } .search-view .filter-tab, .search-view .filter-tab-add{z-index:1} .search-view .filter-tab.active::after{display:none} .search-view .filter-tab-add{ padding:0 0 .25rem; font-size:1.5rem; line-height:1; } .search-view .filter-panel .search-field select{ appearance:none; padding-right:2.25rem; background-color:#5d5d5d; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; background-size:.75rem .4375rem; } .topbar .tab.active, .topbar .search-tab.active{ color:#a8cded; } body, .person-view, .structure-page, .structure-viewport{ background-color:#2b2b2b; background-image: linear-gradient(rgba(43,43,43,.72),rgba(43,43,43,.72)), url('../pictures/background3.png'); background-position:center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; } .topbar, .footer, .structure-static-footer{ background-color:#3c3f41; } .topbar .tab, .topbar .search-tab{ background-color:#3c3f41; } .topbar .tab.active, .topbar .search-tab.active{ background-color:#2b2b2b; color:#a8cded; } .search-view .search-results, .search-view .results-table-wrap, .search-view .results-table{ background-color:#3c3f41; } .search-view .results-table-wrap{ scrollbar-color:#777b7d #3c3f41; } .search-view .results-table-wrap::-webkit-scrollbar-track{ background:#3c3f41; } .search-view .results-table thead th{ background-color:#313335; } .search-view .filter-options .filter-compact{ width:100%; grid-template-columns:minmax(0,1fr) 7.625rem!important; column-gap:.375rem; } .search-view .filter-options .filter-compact select{ width:7.625rem; justify-self:end; } .search-view .filter-options .filter-check{ grid-template-columns:minmax(0,1fr) 1.25rem 1.25rem; } .search-view .filter-check:not(:has(.filter-clear)) input[type="checkbox"]{ grid-column:3; } /* Компактная поисковая страница: больше строк таблицы в пределах экрана. */ body, .person-view, .structure-page, .structure-viewport{ background-image: linear-gradient(rgba(43,43,43,.66),rgba(43,43,43,.66)), url('../pictures/back4.png'); } .topbar{ height:2.25rem!important; min-height:2.25rem!important; } .topbar .search, .topbar .tab, .search-view .topbar .search-tab, .search-view .topbar .search-tab.active{ height:100%; min-height:100%; padding-top:0; padding-bottom:0; } .topbar .search-icon, .search-view .topbar .search-icon{ width:1.0625rem; height:1.0625rem; flex:0 0 1.0625rem; object-fit:contain; } .topbar .profile{padding:0 .625rem} .topbar .profile img, .search-view .topbar .profile img{ width:1.375rem; height:1.375rem; } .footer, .search-view .footer, .structure-static-footer{ height:2.25rem; min-height:2.25rem; } .search-view main{ height:calc(100dvh - 4.5rem); } .search-view .search-results{ margin:.5rem 1rem 0; border-radius:.75rem; } .search-view .results-toolbar{ display:flex; align-items:center; gap:.5rem; height:2.5rem; min-height:2.5rem; padding:.25rem .625rem .25rem .875rem; border-radius:.75rem .75rem 0 0; } .search-view .results-title{ margin:0; color:#a8cded; font-size:1rem; line-height:1.2; white-space:nowrap; } .search-view .results-toolbar .results-filter{ width:min(31.25rem,38vw); margin-left:auto; } .search-view .results-toolbar .results-filter input{ height:1.875rem; padding:0 2rem 0 .75rem; border-radius:.6875rem; font-size:.75rem; } .search-view .results-search-icon{ top:50%; right:.6875rem; width:1rem; height:1rem; transform:translateY(-50%); } .search-view .results-download{ width:1.875rem; height:1.875rem; margin-left:0; padding:0; border-radius:.625rem; } .search-view .results-download img{ width:1.125rem; height:1.125rem; } .search-view .results-table{ font-size:.75rem; } .search-view .results-table th, .search-view .results-table td{ height:2.125rem; padding:.25rem .75rem; } .search-view .results-table th{ font-size:.75rem; } .search-view .search-pagination{ min-height:2.25rem; padding:.25rem .875rem; gap:1rem; border-radius:0 0 .75rem .75rem; font-size:.75rem; } .search-view .search-pagination button{ min-height:1.625rem; padding:0 .75rem; border-radius:.625rem; } .search-view .search-pagination .results-settings{ min-width:1.625rem; height:1.625rem; margin-left:-.375rem; } .search-view .search-pagination .results-settings img{ width:1.125rem; height:1.125rem; } .search-view .search-submit{ min-height:1.75rem; padding:0 1rem; font-size:.875rem; } @media(max-width:64rem){ .search-view main{ height:auto; min-height:calc(100dvh - 4.5rem); } .search-view .results-toolbar .results-filter{ width:min(22rem,48vw); } } /* Ещё более плотная вертикальная компоновка фильтров и отдельная шапка таблицы. */ .topbar .search, .topbar .tab{ align-items:center; line-height:1; } .topbar .search, .topbar .tab, .topbar .tab.active, .topbar .search-tab.active{ height:2.25rem!important; min-height:2.25rem!important; max-height:2.25rem!important; } .topbar .tab{ font-size:.875rem; } .topbar .tab-label, .topbar .tab-close{ display:inline-flex; height:100%; align-items:center; line-height:1; } .search-view .filter-tabs{ height:2.75rem; min-height:2.75rem; } .search-view .filter-tab, .search-view .filter-tab-add{ height:2.25rem; } .search-view .filter-tab.active{ height:2.5rem; margin-bottom:0; } .search-view .filter-tab.active::before{ left:-1.25rem; width:calc(100% + 2.5rem); height:2.5rem; } .search-view .filter-tab-icon{ width:1rem; height:1rem; } .search-view .filter-tab-close{ height:auto; font-size:1.375rem; } .search-view .filter-tab-add{ padding-bottom:.1875rem; font-size:1.375rem; } .search-view .search-form{ flex:0 0 16rem; height:16rem; min-height:16rem; max-height:16rem; padding:.625rem 1.5rem 0; } .search-view .filter-column{ gap:.25rem; } .search-view .filter-panel .search-field{ min-height:2.625rem; } .search-view .filter-check-list{ gap:.3125rem; } .search-view .filter-check{ min-height:1.25rem; } .search-view .filter-panel-primary .search-actions{ margin:.125rem 0 0; padding-top:.25rem; } .search-view .results-toolbar{ flex:0 0 2.25rem; width:calc(100% - 2rem); height:2.25rem; min-height:2.25rem; margin:.375rem 1rem .3125rem; padding:0; border:0; border-radius:0; background:transparent; } .search-view .results-title{ padding-left:.125rem; } .search-view .results-toolbar .results-filter input{ height:1.75rem; } .search-view .results-download{ width:1.75rem; height:1.75rem; } .search-view .search-results{ margin:0 1rem .5rem; border-radius:.75rem; } .search-view .results-table-wrap{ border-radius:.75rem .75rem 0 0; } .search-view .results-table{ border-radius:.75rem .75rem 0 0; overflow:hidden; } @media(max-width:64rem){ .search-view .search-form{ height:auto; min-height:16rem; max-height:none; } } /* Финальная геометрия таблицы, пагинации и полей фильтра. */ .search-view .search-results{ border-radius:.625rem; } .search-view .results-table, .search-view .results-table-wrap{ border-radius:.625rem .625rem 0 0; } .search-view .search-pagination{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:0; border-radius:0 0 .625rem .625rem; } .search-view .pagination-pages{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:1rem; } .search-view .pagination-actions{ grid-column:3; display:flex; align-items:center; justify-self:end; gap:.5rem; } .search-view .pagination-actions button, .search-view .search-pagination .results-settings{ margin-left:0; } .search-view .results-settings, .search-view .results-settings:hover, .search-view .results-settings:focus, .search-view .results-settings:focus-visible{ border:0; outline:0; box-shadow:none; background:transparent; } .search-view .filter-column{ border-right-color:#a8cded; } .search-view .filter-panel .search-field select{ border:.0625rem solid #686d70; border-radius:.5rem; background-color:#55595b; color:rgba(255,255,255,.88); box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.04); cursor:pointer; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease; } .search-view .filter-panel .search-field select:hover{ border-color:#a8cded; background-color:#5c6062; } .search-view .filter-panel .search-field select:focus, .search-view .filter-panel .search-field select:focus-visible{ border-color:#a8cded; outline:0; box-shadow:0 0 0 .125rem rgba(168,205,237,.18); } .search-view .filter-panel .search-field select option{ background:#3c3f41; color:rgba(255,255,255,.9); } /* Плотная и выровненная панель фильтров. */ .search-view .filter-tab{ gap:.75rem; } .search-view .filter-tab-mark{ position:relative; z-index:2; display:block; flex:0 0 1.5rem; width:1.5rem; height:1.5rem; } .search-view .filter-tab-mark .filter-tab-icon{ position:absolute; top:0; left:0; width:1.375rem; height:1.375rem; } .search-view .filter-tab-mark .filter-tab-number{ position:absolute; top:auto; right:-.0625rem; bottom:-.1875rem; left:auto; color:#a8cded; font-size:.625rem; line-height:1; } .search-view .filter-tab.active>.filter-tab-mark, .search-view .filter-tab.active>.filter-tab-close{ position:relative; z-index:2; } .search-view .search-form{ flex:0 0 15rem; height:15rem; min-height:15rem; max-height:15rem; padding:.5rem 1.5rem .25rem; } .search-view .filter-panel-primary{ grid-template-rows:minmax(0,1fr) 2rem; height:100%; } .search-view .filter-column, .search-view .filter-options{ grid-row:1; height:100%; min-height:0; align-content:stretch; } .search-view .filter-column{ grid-template-rows:repeat(4,minmax(0,1fr)); gap:0; } .search-view .filter-panel .search-field{ min-height:0; } .search-view .filter-options{ padding-top:0; padding-bottom:0; } .search-view .filter-check-list{ grid-template-rows:repeat(6,minmax(0,1fr)); height:100%; gap:.125rem; } .search-view .filter-check{ min-height:0; align-items:center; } .search-view .filter-check>span{ padding-top:0; } .search-view .filter-panel-primary .search-actions{ grid-row:2; grid-column:4; align-self:center; height:2rem; margin:0; padding:0; transform:none; } .search-view .search-submit{ min-height:1.75rem; } /* Больше строк в видимой области таблицы и точное выравнивание её панели. */ .search-view .results-toolbar{ width:auto; margin-right:1rem; margin-left:1rem; } .search-view .search-results{ width:auto; margin-right:1rem; margin-left:1rem; } .search-view .results-toolbar .results-filter{ width:min(33.5rem,42vw); } .search-view .results-table th{ height:1.875rem; padding:.1875rem .625rem; } .search-view .results-table td{ height:1.75rem; padding:.125rem .625rem; line-height:1.15; } @media(max-width:64rem){ .search-view .search-form{ height:auto; min-height:15rem; max-height:none; } .search-view .filter-panel-primary{ grid-template-rows:auto; height:auto; } .search-view .filter-column, .search-view .filter-options{ grid-row:auto; height:auto; } } /* Кастомное раскрывающееся меню фильтров. */ .search-view .filter-select{ position:relative; display:block; width:100%; min-width:0; } .search-view .filter-select-native{ position:absolute!important; width:.0625rem!important; height:.0625rem!important; margin:0!important; padding:0!important; border:0!important; opacity:0!important; pointer-events:none!important; } .search-view .filter-select-button{ position:relative; width:100%; height:1.75rem; padding:0 2.25rem 0 .75rem; overflow:hidden; border:.0625rem solid #686d70; border-radius:.5rem; background:#55595b; color:rgba(255,255,255,.88); box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.04); font:inherit; line-height:1.75rem; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease; } .search-view .filter-select-button::after{ content:''; position:absolute; top:50%; right:1rem; width:.5rem; height:.5rem; border-right:.09375rem solid #e1e1e1; border-bottom:.09375rem solid #e1e1e1; transform:translateY(-70%) rotate(45deg); transition:transform .15s ease; } .search-view .filter-select-button:hover, .search-view .filter-select.open .filter-select-button{ border-color:#a8cded; background:#5c6062; } .search-view .filter-select-button:focus-visible{ border-color:#a8cded; outline:0; box-shadow:0 0 0 .125rem rgba(168,205,237,.18); } .search-view .filter-select.open .filter-select-button::after{ transform:translateY(-30%) rotate(225deg); } .search-view .filter-select-menu{ position:absolute; z-index:30; top:calc(100% + .25rem); right:0; left:0; display:none; max-height:12rem; padding:.25rem; overflow-y:auto; border:.0625rem solid rgba(168,205,237,.72); border-radius:.625rem; background:#313335; box-shadow:0 .625rem 1.5rem rgba(0,0,0,.38); } .search-view .filter-select.open .filter-select-menu{ display:grid; gap:.125rem; } .search-view .filter-select-option{ min-height:1.875rem; padding:.375rem .625rem; border:0; border-radius:.4375rem; background:transparent; color:rgba(255,255,255,.82); font:inherit; line-height:1.2; text-align:left; cursor:pointer; } .search-view .filter-select-option:hover, .search-view .filter-select-option:focus-visible{ outline:0; background:#45494b; color:#fff; } .search-view .filter-select-option.selected{ background:rgba(84,151,210,.22); color:#a8cded; } .search-view .pagination-pages{ gap:1.375rem; } .search-view .filter-panel-primary{ grid-template-rows:minmax(0,1fr) 1.875rem; row-gap:.125rem; } .search-view .filter-options{ grid-template-rows:minmax(0,1fr); } .search-view .filter-check-list{ height:auto; min-height:0; } .search-view .filter-panel-primary .search-actions{ height:1.875rem; } .search-view .search-submit{ height:1.75rem; min-height:1.75rem; } /* Кнопка поиска в последнем столбце и чистый нижний угол таблицы. */ .search-view .filter-panel-primary .search-actions{ width:50%; margin-left:auto; justify-self:end; justify-content:center; } .search-view .search-results{ overflow:hidden; border-radius:.875rem; } .search-view .results-table, .search-view .results-table-wrap{ border-radius:.875rem .875rem 0 0; } .search-view .search-pagination{ overflow:hidden; border-radius:0 0 .875rem .875rem; background:#313335; } .search-view .pagination-actions .results-settings, .search-view .pagination-actions .results-settings:hover, .search-view .pagination-actions .results-settings:focus, .search-view .pagination-actions .results-settings:focus-visible{ min-width:1.625rem; padding:0; border:0; border-radius:0; outline:0; background:transparent!important; box-shadow:none; } /* Scrollbar из Figma 783:11730 и вертикальная правка крестика вкладки. */ .search-view .filter-tab-close{ transform:translateY(-.125rem); } *{ scrollbar-width:thin!important; scrollbar-color:rgba(255,255,255,.52) transparent!important; } *::-webkit-scrollbar{ width:.5rem!important; height:.5rem!important; } *::-webkit-scrollbar-track, *::-webkit-scrollbar-corner{ background:transparent!important; } *::-webkit-scrollbar-thumb{ min-height:5.1875rem; border:0!important; border-radius:.5rem!important; background:rgba(255,255,255,.52)!important; background-clip:padding-box!important; } *::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.68)!important; } *::-webkit-scrollbar-button{ display:none!important; width:0!important; height:0!important; } .topbar, .section-nav{ scrollbar-width:none!important; } .topbar::-webkit-scrollbar, .section-nav::-webkit-scrollbar{ display:none!important; } /* Пропорции блока checkbox-фильтров по референсу и прокручиваемая таблица. */ .search-view .filter-options{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:2rem; } .search-view .filter-check-list{ grid-template-rows:repeat(6,minmax(0,1fr)); align-content:stretch; } .search-view .filter-check{ grid-template-columns:minmax(0,1fr) 1.25rem 1.25rem; column-gap:.5rem; } .search-view .filter-check-list:first-child .filter-compact{ grid-template-columns:minmax(0,1fr) 48%!important; } .search-view .filter-check-list:nth-child(2) .filter-compact{ grid-template-columns:clamp(2.75rem,3.25vw,3.75rem) minmax(0,1fr)!important; gap:.625rem; } .search-view .filter-panel-primary .search-actions{ width:50%; justify-content:center; } .search-view .search-submit{ width:min(100%,14rem); min-width:0; } .search-view .results-table th{ height:2.125rem; } .search-view .results-table{ height:auto; min-height:calc(100% + 2rem); } .search-view .search-pagination{ min-height:2.5rem; padding-top:.3125rem; padding-bottom:.3125rem; } /* Правый блок без наложений: высокий банкротный пункт и кнопка в шестой строке. */ @media(min-width:64.0625rem){ .search-view .search-form{ flex-basis:13rem; height:13rem; min-height:13rem; max-height:13rem; } .search-view .filter-panel-primary{ grid-template-rows:minmax(0,1fr); } .search-view .filter-options{ grid-row:1; grid-column:4; } .search-view .filter-check-list:nth-child(2){ grid-template-rows:1.8125rem 1.875rem 2.75rem 1.75rem 1.625rem 1.8125rem; } .search-view .filter-panel-primary .search-actions{ grid-row:1; align-self:end; height:1.9375rem; margin:0; transform:none; } .search-view .search-submit{ height:1.75rem; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .search-form{ flex-basis:17rem; height:17rem; min-height:17rem; max-height:17rem; } .search-view .filter-check-list:first-child{ grid-template-rows:2.25rem 2.25rem 2.8125rem 2.25rem 2.25rem 3.75rem; } .search-view .filter-check-list:nth-child(2){ grid-template-rows:1.875rem 2.8125rem 2.8125rem 1.75rem 1.875rem 1.9375rem; } .search-view .filter-panel-primary .search-actions{ align-self:start; margin-top:12.25rem; } } /* Короткая карточка: парные информационные блоки как в BASTION short_card. */ @media(min-width:64.0625rem){ body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 1.25rem; align-items:stretch; } body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>.section-card{ width:auto; height:100%; margin:0; min-width:0; } body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#details, body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#finance, body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#ownership, body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#activity{ grid-column:1/-1; } body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#activity, body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#stability{ display:flex; flex-direction:column; } body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#activity>.compact-only, body:not(.expanded):not(.search-view):not(.development-view):not(.structure-view):not(.person-view) #content>#stability>.bankruptcy-timeline{ flex:1; } } /* Ссылки сохраняют цвет в обычном состоянии и подчёркиваются только при наведении. */ .section-card a, .modal-card a, .person-page a{ text-decoration:none!important; text-underline-offset:.1875rem; } .section-card a:hover, .section-card a:focus-visible, .modal-card a:hover, .modal-card a:focus-visible, .person-page a:hover, .person-page a:focus-visible{ text-decoration:underline!important; } /* В коротких финансовых показателях не должно быть вертикальных белых полос. */ .key-metrics .metric::before{content:none!important;width:0!important;background:none!important} /* Цифры на кольцевой диаграмме без контурной обводки — в карточке и модалках. */ .ownership-donut .donut-label, .ownership-donut .donut-sector text{ stroke:none!important; paint-order:normal; text-shadow:none; } /* У единственного собственника кольцо не должно иметь разделительной полосы. */ .uaz-donut-ring{stroke:#3186bc!important} .uaz-ownership-panel .legend-row{grid-template-columns:92px 142px minmax(0,1fr)} /* Чуть более свободный вертикальный ритм checkbox-фильтров. */ @media(min-width:64.0625rem){ .search-view .filter-check-list{ gap:.25rem; } } @media(min-width:90.0625rem){ .search-view .search-form{ flex-basis:13.625rem; height:13.625rem; min-height:13.625rem; max-height:13.625rem; } .search-view .filter-panel-primary .search-actions{ align-self:start; margin-top:10.9375rem; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .search-form{ flex-basis:17.625rem; height:17.625rem; min-height:17.625rem; max-height:17.625rem; } } /* Более свободная композиция фильтров. */ @media(min-width:64.0625rem){ .search-view .filter-check-list{ gap:.375rem; } } @media(min-width:90.0625rem){ .search-view .search-form{ flex-basis:14.25rem; height:14.25rem; min-height:14.25rem; max-height:14.25rem; } .search-view .filter-panel-primary .search-actions{ margin-top:11.4375rem; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .search-form{ flex-basis:18.25rem; height:18.25rem; min-height:18.25rem; max-height:18.25rem; } .search-view .filter-panel-primary .search-actions{ margin-top:12.75rem; } } /* Второй checkbox-столбец свободнее; оба dropdown имеют одинаковую ширину. */ .search-view .filter-check-list:first-child .filter-compact, .search-view .filter-check-list:nth-child(2) .filter-compact{ grid-template-columns:minmax(0,1fr) 48%!important; } @media(min-width:64.0625rem){ .search-view .filter-check-list:nth-child(2){ gap:.5rem; } } @media(min-width:90.0625rem){ .search-view .search-form{ flex-basis:14.875rem; height:14.875rem; min-height:14.875rem; max-height:14.875rem; } .search-view .filter-panel-primary .search-actions{ margin-top:12.3125rem; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .filter-panel-primary .search-actions{ margin-top:13.625rem; } } /* Подробная карточка: меню совпадает по ширине с информационными блоками. */ @media(min-width:64.0625rem){ .expanded .section-nav{ width:75vw; max-width:75vw; margin-left:auto; margin-right:auto; } /* Наведение не меняет пункт меню: выделение только у выбранного раздела. */ .expanded .section-nav a, .expanded .section-nav a:hover, .expanded .section-nav a:focus-visible{ color:rgba(255,255,255,.4)!important; text-decoration:none!important; text-shadow:none!important; transform:none!important; } .expanded .section-nav a.active{ color:#fff!important; text-decoration:underline!important; text-underline-offset:4px; text-decoration-thickness:1px; text-shadow:none!important; transform:none!important; } .expanded .financial-charts .line-chart{ width:calc(100% - 2rem); max-width:none; margin-left:1rem; justify-self:center; padding:14px 12px 6px; } } @media(max-width:64rem){ .expanded .section-nav{ width:100%; max-width:100%; } } /* Внешние ссылки синие и подчёркиваются только при наведении. */ .section-card .external-link, .modal-card .external-link, .person-page .external-link{ color:#0779f4!important; text-decoration:none!important; } .section-card .external-link:hover, .section-card .external-link:focus-visible, .modal-card .external-link:hover, .modal-card .external-link:focus-visible, .person-page .external-link:hover, .person-page .external-link:focus-visible{ color:#0779f4!important; text-decoration:underline!important; text-shadow:none!important; } /* Внутренние ссылки голубые и подчёркиваются только при наведении. */ .section-card .development-link, .section-card .owner-link, .section-card .company-link, .modal-card .development-link, .modal-card .owner-link, .modal-card .company-link, .person-page .development-link, .person-page .owner-link, .person-page .company-link, .person-page .person-card-link{ color:#5497d2!important; text-decoration:none!important; } .section-card .development-link:hover, .section-card .development-link:focus-visible, .section-card .owner-link:hover, .section-card .owner-link:focus-visible, .section-card .company-link:hover, .section-card .company-link:focus-visible, .modal-card .development-link:hover, .modal-card .development-link:focus-visible, .modal-card .owner-link:hover, .modal-card .owner-link:focus-visible, .modal-card .company-link:hover, .modal-card .company-link:focus-visible, .person-page .development-link:hover, .person-page .development-link:focus-visible, .person-page .owner-link:hover, .person-page .owner-link:focus-visible, .person-page .company-link:hover, .person-page .company-link:focus-visible, .person-page .person-card-link:hover, .person-page .person-card-link:focus-visible{ color:#5497d2!important; text-decoration:underline!important; text-shadow:none!important; } /* Короткая карточка: при прокрутке остаются название организации и первая строка. */ body.organization-view:not(.expanded) .org-sticky.brief-sticky-active{ position:sticky; top:48px; z-index:45; padding:.75rem 1rem .625rem; background:rgba(46,47,47,.96); border-radius:0 0 .875rem .875rem; box-shadow:0 10px 24px rgba(0,0,0,.32); backdrop-filter:blur(8px); } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .intro{ padding:0; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .intro-row{ align-items:center; gap:.75rem; margin:0; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .org-kicker{ font-size:1.25rem; line-height:1.15; white-space:nowrap; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .org-pill{ display:block; max-width:100%; margin:.375rem 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.875rem; line-height:1.25; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .notice, body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .action, body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .section-nav{ display:none!important; } /* В закреплённой шапке заголовок организации такого же размера, как на странице. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .org-kicker{ font-size:2rem; line-height:1.1; } } @media(max-width:64rem){ body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .org-kicker{ font-size:1.5rem; line-height:1.1; } } /* Предупреждение по банкротству: нижняя строка и действие по образцу Figma. */ .bankruptcy-warning{margin-top:1.125rem} .bankruptcy-warning-footer{ display:flex; align-items:center; gap:1rem; min-height:2.75rem; } .bankruptcy-warning-footer .card-subtitle{margin:0} .bankruptcy-expand-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.25rem; min-width:12.625rem; min-height:2.625rem; margin-left:auto; padding:.5625rem 1rem; border:0; border-radius:.75rem; background:#313335; color:#a8cded; font:inherit; font-size:.875rem; cursor:pointer; } .bankruptcy-expand-btn:hover, .bankruptcy-expand-btn:focus-visible{ background:#242627; color:#fff; text-decoration:underline; text-underline-offset:.1875rem; } .bankruptcy-expand-btn .ui-icon{filter:brightness(0) saturate(100%) invert(82%) sepia(16%) saturate(772%) hue-rotate(170deg) brightness(96%) contrast(92%)} .bankruptcy-warning-table{ max-height:16rem; overflow:hidden; transition:max-height .2s ease; } .bankruptcy-warning.is-expanded .bankruptcy-warning-table{max-height:100rem;overflow:visible} /* Компактные модалки: больше содержимого в пределах окна. */ .modal{ width:min(94vw,76rem); max-width:76rem; max-height:88vh; } .modal-viewport{ max-height:86vh; border-radius:1rem; } .modal-card{ padding:1rem 1.5rem; border-radius:1rem; } .modal-card .card-head{ min-height:2rem; gap:.75rem; margin-bottom:.625rem; } .modal-card .card-head h2{font-size:1.125rem;line-height:1.2} .modal-card .card-subtitle{margin:.875rem 0 .5rem;font-size:.875rem;line-height:1.25} .modal-card .inner{ padding:.75rem 1rem; border-radius:.875rem; } .modal-card .paragraph{max-height:18rem} .modal-card .summary{max-height:13rem} .modal-card .legal-short{max-height:20rem} .modal-card .table{border-radius:.875rem} .modal-card .table td, .modal-card .table th{padding:.625rem .75rem} .modal-card .bankruptcy-warning-table{max-height:13rem} .modal-card.information-modal, .information-modal{ height:min(78vh,58rem); } .information-modal .modal-viewport, .information-modal #modalContent, .information-modal .modal-card{height:100%} .information-modal .history-text{max-height:calc(min(78vh,58rem) - 10rem)} /* Графики в модалке сохраняют читаемость, но занимают заметно меньше высоты. */ .modal-card[data-section="finance"] .financial-charts.vertical{gap:.75rem} .modal-card[data-section="finance"] .line-chart{ padding:.625rem .75rem .25rem; border-radius:.875rem; } .modal-card[data-section="finance"] .line-chart h3{margin-bottom:0;font-size:1rem} .modal-card[data-section="finance"] .line-chart svg{height:12.5rem} @media(max-width:64rem){ body.organization-view:not(.expanded) .org-sticky.brief-sticky-active{top:42px} .modal{width:min(94vw,48rem)} .modal-card{padding:.875rem 1rem} .bankruptcy-warning-footer{align-items:flex-start;flex-wrap:wrap} .bankruptcy-expand-btn{margin-left:0} .modal-card[data-section="finance"] .line-chart svg{height:11rem} } /* Финансовая устойчивость: компактный информационный блок без лишнего подзаголовка. */ body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{ flex:0 1 auto; padding:1rem 1.25rem; line-height:1.45; } .modal-card[data-section="stability"] .bankruptcy-timeline{ padding:.75rem 1rem; line-height:1.45; } .modal-card[data-section="stability"] .bankruptcy-warning{margin-top:.875rem} /* Нижняя строка и кнопка банкротства соответствуют узлу 755:2580 из BASTION. */ .bankruptcy-warning-footer .card-subtitle{ font-size:1.25rem; line-height:2.2; } .bankruptcy-warning-footer .bankruptcy-expand-btn{ min-width:12.625rem; min-height:2.625rem; gap:1rem; padding:.5rem 1rem; font-size:1.25rem; } .bankruptcy-warning-footer .bankruptcy-expand-btn .ui-icon{ width:1.5rem; height:1.5rem; } /* Единая верхняя линия начала фильтров во всех пяти столбцах. */ @media(min-width:64.0625rem){ .search-view .filter-panel-primary>.filter-column, .search-view .filter-panel-primary>.filter-options{ padding-top:.5rem; } .search-view .filter-column .search-field, .search-view .filter-options .filter-check{ align-items:start; } .search-view .filter-column .search-field>span, .search-view .filter-options .filter-check>span{ padding-top:0; } .search-view .filter-options .filter-check input, .search-view .filter-options .filter-clear{ margin-top:0; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .search-form{ flex-basis:18.75rem; height:18.75rem; min-height:18.75rem; max-height:18.75rem; } } /* Выраженное основное действие и более свободные крайние строки таблицы. */ .search-view .search-submit{ min-height:2rem; border:.0625rem solid #a8cded; background:#5497d2; color:#fff; box-shadow:0 .125rem .5rem rgba(0,0,0,.28),0 0 .75rem rgba(168,205,237,.18); transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease; } .search-view .search-submit:hover, .search-view .search-submit:focus-visible{ background:#0779f4; outline:0; box-shadow:0 .1875rem .625rem rgba(0,0,0,.32),0 0 1rem rgba(168,205,237,.32); transform:translateY(-.0625rem); } .search-view .search-submit:active{ transform:translateY(0); } .search-view .results-table thead th{ height:2.5rem; padding-top:.375rem; padding-bottom:.375rem; } .search-view .search-pagination{ min-height:2.75rem; padding-top:.4375rem; padding-bottom:.4375rem; } /* Воздух под последним рядом фильтров и спокойная акцентная кнопка. */ @media(min-width:90.0625rem){ .search-view .search-form{ flex-basis:15.75rem; height:15.75rem; min-height:15.75rem; max-height:15.75rem; } } @media(min-width:64.0625rem) and (max-width:90rem){ .search-view .search-form{ flex-basis:19.5rem; height:19.5rem; min-height:19.5rem; max-height:19.5rem; } } .search-view .search-submit{ border-color:#5497d2; border-radius:.625rem; background:linear-gradient(180deg,#3c3f41 0%,#2f3133 100%); color:#a8cded; letter-spacing:.01em; box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.08),0 .125rem .375rem rgba(0,0,0,.28); } .search-view .search-submit:hover, .search-view .search-submit:focus-visible{ border-color:#a8cded; background:linear-gradient(180deg,#454a4e 0%,#34383b 100%); color:#fff; box-shadow:inset 0 .0625rem 0 rgba(255,255,255,.12),0 .1875rem .5rem rgba(0,0,0,.32),0 0 .625rem rgba(84,151,210,.24); } /* Центральное положение основных фильтров и плоская кнопка у нижнего края. */ @media(min-width:64.0625rem){ .search-view .filter-panel-primary>.filter-column{ padding-top:1rem; padding-bottom:1rem; grid-template-rows:repeat(4,minmax(2rem,max-content)); align-content:center; row-gap:1.75rem; } .search-view .filter-column .search-field{ align-items:center; } .search-view .filter-panel-primary .search-actions{ align-self:end; margin-top:0; margin-bottom:.375rem; } } .search-view .search-submit{ background:#313335; box-shadow:none; } .search-view .search-submit:hover, .search-view .search-submit:focus-visible{ background:#3c3f41; box-shadow:none; } /* Короткая карточка — размеры и состав блоков по референсам 2 и 4. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) #content>.section-card>.inner{ padding:1rem; } body.organization-view:not(.expanded) #legal .legal-short, body.organization-view:not(.expanded) #about .summary{ height:310px; max-height:310px; overflow-y:auto; line-height:1.6; } body.organization-view:not(.expanded) #legal .legal-short{ padding:1rem; } body.organization-view:not(.expanded) #about>.card-subtitle{ display:none; } body.organization-view:not(.expanded) #about .summary{ padding:1rem; } body.organization-view:not(.expanded) #content>#activity>.compact-only, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{ flex:0 0 228px; height:228px; max-height:228px; overflow-y:auto; line-height:1.6; } body.organization-view:not(.expanded) #content>#activity>.card-head, body.organization-view:not(.expanded) #content>#stability>.card-head{ margin-bottom:0; } body.organization-view:not(.expanded) #content>#legal, body.organization-view:not(.expanded) #content>#about{ min-height:406px; } body.organization-view:not(.expanded) #content>#activity, body.organization-view:not(.expanded) #content>#stability{ min-height:323px; } } /* В модалке «Раскрыть всё» имеет те же размеры, что и «Свернуть». */ .modal-card[data-section="stability"] .bankruptcy-warning-footer .bankruptcy-expand-btn{ min-width:auto; min-height:0; height:auto; gap:.25rem; padding:9px 16px; border-radius:12px; font-size:14px; line-height:normal; } .modal-card[data-section="stability"] .bankruptcy-warning-footer .bankruptcy-expand-btn .ui-icon{ width:17px; height:17px; } /* Финансовая модалка использует общий компактный размер модалок. */ .modal.finance-modal{ width:min(94vw,76rem); max-width:76rem; max-height:92vh; } .modal.finance-modal .modal-viewport{max-height:90vh} .modal-card[data-section="finance"] .financial-charts.vertical .line-chart{ width:calc(100% + 1.5rem); margin-left:-.75rem; } .modal.finance-modal .line-chart svg{height:16rem} /* Модалка реквизитов использует общий компактный размер модалок. */ .modal.details-modal{ width:min(94vw,76rem); max-width:76rem; max-height:94vh; } .modal.details-modal .modal-viewport{max-height:92vh} .modal-card[data-section="details"] .grid-2{ grid-template-columns:minmax(0,1fr) minmax(34rem,1.15fr); gap:2.25rem; } .modal-card[data-section="details"] .grid-2>div, .modal-card[data-section="details"] .grid-2 .inner{ min-width:0; } @media(max-width:64rem){ .modal.details-modal{width:94vw;max-width:none} .modal-card[data-section="details"] .grid-2{grid-template-columns:1fr} .modal.finance-modal{width:94vw;max-height:90vh} .modal.finance-modal .modal-viewport{max-height:88vh} .modal.finance-modal .line-chart svg{height:14rem} } /* Кнопка основного действия: чуть больше ширины и мягче скругление. */ .search-view .search-submit{ width:min(100%,16rem); border-radius:.875rem; } @media(min-width:64.0625rem){ .search-view .search-submit{ position:relative; left:.625rem; } } /* Поиск заменяет текущую выдачу, а добавление дополняет её. */ .search-view .search-actions{ gap:.5rem; flex-wrap:nowrap; } .search-view .search-submit{ position:static; left:auto; flex:1 1 0; width:auto; min-width:0; padding-right:.75rem; padding-left:.75rem; } .search-view .search-add{ border-color:#727a80; color:#d5dadd; } /* Геометрия выдачи не меняется при появлении новых строк и скроллбара. */ .search-view .results-table-wrap{ scrollbar-gutter:stable; } .search-view .results-table{ width:100%; table-layout:fixed; } .search-view .result-col-number{width:4.5%} .search-view .result-col-name{width:34%} .search-view .result-col-inn{width:14%} .search-view .result-col-region{width:20%} .search-view .result-col-industry{width:27.5%} @media(max-width:64rem){ .search-view .filter-panel-primary .search-actions{ grid-column:1/-1; width:min(100%,24rem); margin-right:0; margin-left:auto; } } @media(max-width:38.75rem){ .search-view .search-actions{ display:grid; grid-template-columns:1fr 1fr; } } /* Единый размер модальных окон: содержимое прокручивается внутри общего контейнера. */ .modal, .modal.details-modal, .modal.finance-modal, .modal.information-modal{ width:min(94vw,76rem); max-width:76rem; height:min(86vh,58rem); max-height:none; } .modal-viewport, .information-modal .modal-viewport{ height:100%; max-height:none; overflow:auto; } #modalContent{ height:100%; min-height:100%; } .modal-card, .information-modal .modal-card{ min-height:100%; } /* В коротком виде парные информационные блоки имеют общую фиксированную высоту. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) #content>#legal, body.organization-view:not(.expanded) #content>#about, body.organization-view:not(.expanded) #content>#activity, body.organization-view:not(.expanded) #content>#stability{ min-height:0; } body.organization-view:not(.expanded) #legal .legal-short, body.organization-view:not(.expanded) #about .summary{ height:310px; max-height:310px; } body.organization-view:not(.expanded) #about .summary{ display:flex; align-items:center; } body.organization-view:not(.expanded) #legal .legal-short, body.organization-view:not(.expanded) #about .summary{ overflow-y:auto; scrollbar-width:thin; scrollbar-color:#78a4c0 transparent; } body.organization-view:not(.expanded) #legal .legal-short::-webkit-scrollbar, body.organization-view:not(.expanded) #about .summary::-webkit-scrollbar{ width:7px; } body.organization-view:not(.expanded) #legal .legal-short::-webkit-scrollbar-thumb, body.organization-view:not(.expanded) #about .summary::-webkit-scrollbar-thumb{ background:#78a4c0; border-radius:8px; } body.organization-view:not(.expanded) #content>#activity>.compact-only, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{ flex:1 1 auto; height:auto; max-height:none; overflow:visible; } } /* В паре «Виды деятельности / Финансовая устойчивость» карточки должны оставаться одной высоты, а длинная история справа — прокручиваться внутри. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) #content>#activity, body.organization-view:not(.expanded) #content>#stability{ min-height:0; } body.organization-view:not(.expanded) #content>#activity>.compact-only, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{ flex:0 0 120px; min-height:120px; height:120px; max-height:120px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#777 transparent; } body.organization-view:not(.expanded) #content>#activity>.compact-only::-webkit-scrollbar, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline::-webkit-scrollbar{ width:7px; } body.organization-view:not(.expanded) #content>#activity>.compact-only::-webkit-scrollbar-thumb, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline::-webkit-scrollbar-thumb{ background:#777; border-radius:8px; } } /* В модалках размер определяется содержимым, а не пустым фиксированным низом. */ .modal, .modal.details-modal, .modal.finance-modal, .modal.information-modal{ height:auto; max-height:none; position:fixed; inset:auto; margin:0; left:50%; top:50%; transform:translate(-50%,-50%); } .modal-viewport, .information-modal .modal-viewport, .modal.details-modal .modal-viewport, .modal.finance-modal .modal-viewport{ height:auto; max-height:min(86vh,58rem); } #modalContent, .modal.information-modal #modalContent{ height:auto; min-height:0; } .modal-card, .modal.information-modal .modal-card{ height:auto; min-height:0; } /* Увеличиваем сами графики, сохраняя прокрутку длинной финансовой модалки. */ .modal-card[data-section="finance"] .financial-charts.vertical .line-chart{ width:calc(100% + 2rem); margin-left:-1rem; padding:1rem 1.25rem .75rem; } .modal.finance-modal .line-chart svg{ height:clamp(18rem,30vw,24rem); } @media(max-width:64rem){ .modal.finance-modal .line-chart svg{height:clamp(16rem,42vw,20rem)} } /* Результаты поиска не растягивают строки при короткой выдаче. */ .search-view .results-table{ height:auto; min-height:0; } .search-view .results-table tbody tr, .search-view .results-table tbody td{ height:48px; } .search-view .results-table tbody td{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Группы выдачи показывают, по каким условиям были найдены и добавлены строки. */ .search-view .results-table tbody .search-result-group, .search-view .results-table tbody .search-result-group td{ height:auto; } .search-view .results-table tbody .search-result-group{ position:relative; z-index:1; } .search-view .results-table tbody .search-result-group td{ position:relative; z-index:1; padding:.5rem .75rem; overflow:visible; white-space:normal; text-align:left; background:#303436; border-color:#596165; box-shadow:inset .1875rem 0 0 #75add3; } .search-result-group-content{ display:flex; align-items:center; gap:.625rem; min-height:1.75rem; } .search-result-group-label{ flex:0 0 auto; padding:.25rem .625rem; border:1px solid #63849b; border-radius:.75rem; color:#c6e4f8; background:#3a484f; font-size:.75rem; font-weight:700; line-height:1.2; } .search-result-group-parameters{ display:flex; flex:1 1 auto; align-items:center; gap:.375rem; min-width:0; overflow:visible; } .search-result-group-actions{ display:flex; flex:0 0 auto; align-items:center; gap:.25rem; margin-left:auto; } .search-result-group-action{ display:grid; place-items:center; width:1.75rem; height:1.75rem; padding:0; border:1px solid #63849b; border-radius:.375rem; color:#a9cee9; background:#3a484f; cursor:pointer; } .search-result-group-action:hover, .search-result-group-action:focus-visible{ color:#e4f3fd; background:#47575e; outline:1px solid #a9cee9; outline-offset:1px; } .search-result-group-action:active{ background:#2c373c; } .search-result-group-action svg{ width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .search-result-filter, .search-result-filters-more{ flex:0 1 auto; min-width:0; max-width:18rem; padding:.25rem .5rem; overflow:hidden; border:1px solid #555e62; border-radius:.25rem; color:rgba(255,255,255,.78); background:#3b4042; font-size:.75rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .search-result-filters-more{ position:relative; flex:0 0 auto; overflow:visible; border-color:#6d8da3; color:#a9cee9; cursor:help; } .search-result-filters-more:focus-visible{ outline:1px solid #a9cee9; outline-offset:2px; } .search-result-filters-tooltip{ position:fixed; z-index:1000; display:none; width:max-content; max-width:min(30rem,70vw); padding:.625rem .75rem; border:1px solid #6d7880; border-radius:.375rem; color:#e2e7e9; background:#262a2c; box-shadow:0 .5rem 1.25rem rgba(0,0,0,.45); pointer-events:none; white-space:normal; } .search-result-filters-tooltip span{ display:block; padding:.1875rem 0; } .search-result-filters-tooltip.is-visible{ display:block; } @media(max-width:64rem){ .search-result-group-content{align-items:flex-start;flex-direction:column} .search-result-group-parameters{width:100%;overflow-x:auto;padding-bottom:.125rem} .search-result-group-actions{position:absolute;top:.5rem;right:.75rem} .search-result-group-label{max-width:calc(100% - 4.5rem)} } /* В реквизитах обе информационные панели растягиваются до общей высоты. */ @media(min-width:64.0625rem){ #details .grid-2>div{ display:flex; flex-direction:column; } #details .grid-2>div>.inner{ flex:1 1 auto; } } /* В краткой карточке «Информация» ограничена высотой «Правового статуса». Полный текст остаётся доступным через внутреннюю прокрутку. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) #content{ align-items:stretch; } body.organization-view:not(.expanded) #content>#legal, body.organization-view:not(.expanded) #content>#about{ height:100%; } body.organization-view:not(.expanded) #legal .legal-short, body.organization-view:not(.expanded) #about .summary{ height:310px; max-height:310px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#78a4c0 transparent; } body.organization-view:not(.expanded) #about .summary{ display:block; } } /* Вкладки верхней панели не меняют высоту при переключении состояния. */ :root{--topbar-height:2.25rem} .topbar{ height:var(--topbar-height)!important; min-height:var(--topbar-height)!important; max-height:var(--topbar-height)!important; } .topbar>.search, .topbar>.tab, .topbar>.tab.active, .topbar>.search-tab.active{ align-self:stretch; height:var(--topbar-height)!important; min-height:var(--topbar-height)!important; max-height:var(--topbar-height)!important; box-sizing:border-box; overflow:hidden; margin-top:0; margin-bottom:0; } /* Финансовые значения и легенда структуры: компактнее и ближе к макету. */ .line-chart-value{ min-height:2.5rem; padding:.5625rem .6875rem; font-size:1.0625rem; } .modal-card[data-section="finance"] .financial-charts.vertical{ width:calc(100% - 2rem); margin-inline:auto; } .uaz-ownership-panel .legend-row{ grid-template-columns:92px 128px minmax(0,1fr); } .uaz-ownership-panel .legend-copy>span{ font-size:1.125rem; } @media(max-width:40rem){ .line-chart-value{font-size:.9375rem} } @media(max-width:700px){ .uaz-ownership-panel .legend-row{grid-template-columns:74px 78px minmax(0,1fr)} .uaz-ownership-panel .legend-copy>span{font-size:1rem} .modal-card[data-section="finance"] .financial-charts.vertical{width:100%} } /* В карточке реквизитов контакты могут быть второй колонкой сетки. В этом случае верхний отступ нужен не ей, а только самостоятельному блоку ниже сетки. */ body.organization-view #details .grid-2>div>.contacts{margin-top:0} /* Когда в паре остаётся только один блок, он занимает всю строку. Это покрывает карточки организаций с неполными реквизитами, а также краткий вид, где может отсутствовать «Правовой статус» или «Информация». */ @media(min-width:64.0625rem){ body.organization-view #details .grid-2>div:only-child{ grid-column:1 / -1; } body.organization-view:not(.expanded) #content:not(:has(>#about))>#legal, body.organization-view:not(.expanded) #content:not(:has(>#legal))>#about{ grid-column:1 / -1; } } .generic-ownership-panel{ grid-template-columns:minmax(16rem,22rem) minmax(0,1fr); min-height:0; gap:clamp(1.5rem,4vw,4rem); padding:2rem; } .generic-ownership-panel .donut-visual{min-height:0} .generic-ownership-panel .ownership-donut{width:min(100%,19rem)} .generic-ownership-panel .generic-donut-label{font-size:1.7rem} .generic-ownership-panel .legend{ align-self:stretch; justify-content:center; min-width:0; } .generic-ownership-panel .legend-row{ grid-template-columns:5.75rem 5.625rem minmax(0,1fr); align-items:center; column-gap:.5rem; padding:.75rem 0; } .generic-ownership-panel .swatch{ width:5.75rem; max-width:5.75rem; } .generic-ownership-panel .legend-copy{display:contents} .generic-ownership-panel .legend-copy>span{ min-width:0; text-align:left; font-size:1.125rem; line-height:1.45; } @media(max-width:64rem){ .generic-ownership-panel{grid-template-columns:1fr;padding:1.25rem} .generic-ownership-panel .ownership-donut{width:min(72vw,18rem)} } @media(max-width:40rem){ .generic-ownership-panel .legend-row{grid-template-columns:4.5rem 5.25rem minmax(0,1fr);column-gap:.75rem} .generic-ownership-panel .swatch{width:4.5rem;max-width:4.5rem} .generic-ownership-panel .legend-copy>span{font-size:1rem} } /* Метка «Участники» — это обычный подзаголовок, без рамки или бейджа. */ #ownership .ownership-meta>span:first-child{ min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } /* Название владельца следует сразу за его долей: ширина столбца с процентом зависит от самого значения, а не от заранее заданного большого отступа. */ .ownership-panel .legend-row, .uaz-ownership-panel .legend-row, .generic-ownership-panel .legend-row{ grid-template-columns:5.75rem max-content minmax(0,1fr); column-gap:.625rem; } @media(max-width:700px){ .ownership-panel .legend-row, .uaz-ownership-panel .legend-row, .generic-ownership-panel .legend-row{ grid-template-columns:4.625rem max-content minmax(0,1fr); column-gap:.5rem; } } /* Финальные акценты схемы УАЗа: контрастные синие и читаемая полная форма ПАО. */ .uaz-structure-view .uaz-structure-node.company{ background:linear-gradient(135deg,#4ba8ff 0%,#1e59c8 100%); } .uaz-structure-view .uaz-structure-node.subject{ background:linear-gradient(135deg,#38b6ff 0%,#1752c4 100%); } .uaz-structure-view .uaz-sollers-node .uaz-node-id{ top:6.45rem; left:50%; font-size:.7rem; transform:translateX(-50%); } .uaz-structure-view .uaz-sollers-node .uaz-node-legal-form{ top:1.1rem; font-size:.72rem; } .uaz-structure-view .uaz-sollers-node .uaz-node-name{top:4.1rem} /* Экран структуры УАЗа (Figma 844:3171). Фон оставляем прозрачным, чтобы блок-схема всегда использовала общий фон приложения без отдельной текстуры. */ .uaz-structure-view .structure-page, .uaz-structure-view .structure-viewport{ background:transparent; } .uaz-structure-view .structure-page{ height:calc(100dvh - var(--topbar-height)); } .uaz-structure-view .topbar{ height:var(--topbar-height)!important; min-height:var(--topbar-height)!important; max-height:var(--topbar-height)!important; background:#3c4244; } .uaz-structure-view .topbar .search, .uaz-structure-view .topbar .tab{ height:var(--topbar-height); margin-top:0; border-radius:0; } .uaz-structure-view .topbar .search{flex:0 0 7.25rem;width:7.25rem;min-width:7.25rem} .uaz-structure-view .topbar .tab[data-page="uly-uaz"]{display:none} .uaz-structure-view .topbar .structure-page-tab{flex:0 0 19.875rem;width:19.875rem;padding:0 .75rem} .uaz-structure-view .topbar .structure-page-tab.active{background:#242a2c} .uaz-structure-view .structure-viewport{ background-image:none; } .uaz-structure-view .structure-viewport::before{ content:none; } .uaz-structure-view .structure-stage, .uaz-structure-view .structure-legend, .uaz-structure-view .structure-controls, .uaz-structure-view .structure-hint, .uaz-structure-view .structure-static-footer{z-index:1} .uaz-structure-view .structure-legend{ top:2rem; right:2.5rem; width:18.9375rem; min-height:21.25rem; padding:1.4375rem 1.1875rem; border-color:#99c9f2; background:#242a2c; box-shadow:none; } .uaz-structure-view .structure-legend-row{column-gap:1.25rem} .uaz-structure-view .structure-legend-legal, .uaz-structure-view .structure-legend-affiliated, .uaz-structure-view .structure-legend-subject{ background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7)); box-shadow:none; } .uaz-structure-view .structure-legend-subject{border-color:#fff} .uaz-structure-view .structure-legend-state{ background:linear-gradient(to bottom,rgba(88,120,69,.6),rgba(52,81,36,.6)); border-color:#47d966; } .uaz-structure-view .structure-legend-arrow::before{border-top-color:#fff} .uaz-structure-view .structure-legend-arrow::after{border-color:#fff} .uaz-structure-view .uaz-structure-node.company{ background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7)); box-shadow:none; } .uaz-structure-view .uaz-structure-node.subject{ background:linear-gradient(to bottom,rgba(51,66,111,.7),rgba(37,53,100,.7)); border-color:#fff; box-shadow:none; } .uaz-structure-view .uaz-structure-node:not(.muted):hover, .uaz-structure-view .uaz-structure-node:not(.muted):focus-visible{ transform:none; box-shadow:0 0 1rem rgba(255,255,255,.28); } .uaz-structure-view .uaz-structure-node.company .uaz-node-id{top:1.75rem;left:calc(50% - 4.40625rem);font-size:1rem;transform:none} .uaz-structure-view .uaz-structure-node.company .uaz-node-name{top:4rem;font-size:1rem} .uaz-structure-view .percent-alter{width:auto;line-height:normal;white-space:nowrap} .uaz-structure-view .structure-static-footer{ height:var(--topbar-height); min-height:var(--topbar-height); background:#3c4244; } /* Подробная карточка и модальное окно используют одну таблицу классификаторов. Если в исходной карточке доступен только один из двух верхних блоков, он занимает всю строку вместо пустой заглушки. */ .grid-2.grid-2-single{grid-template-columns:minmax(0,1fr)} .classifier-table-wrap{padding:0;overflow-x:auto} .classifier-table{min-width:42rem} .classifier-table th:nth-child(1),.classifier-table td:nth-child(1){width:22%} .classifier-table th:nth-child(2),.classifier-table td:nth-child(2){width:22%;white-space:nowrap} .classifier-table th:nth-child(3),.classifier-table td:nth-child(3){width:56%} .classifier-table .classifier-missing td{color:#b9d5e6;font-style:italic} .modal-card .classifier-table-wrap{max-height:none} @media(max-width:48rem){ .classifier-table{min-width:36rem} .grid-2.grid-2-single{grid-template-columns:1fr} } /* График численности отделён от финансовых графиков и использует единый акцент во всех карточках организаций. */ #finance .employee-chart, .modal-card[data-section="finance"] .employee-chart{ --chart-color:#BE7AB9!important; } /* ПАО «ОДК-Сатурн»: карточка собственности по макету Figma 755:2383. */ .saturn-ownership-card{ --saturn-panel:#313335; --saturn-text:#f5f7f8; --saturn-muted:#a7aaad; --saturn-link:#5497d2; } .saturn-ownership-card .card-head{align-items:center;gap:1rem} .saturn-ownership-card .card-head h2{margin-right:auto} .saturn-graphic-button{ min-height:2.75rem; padding:.45rem 1rem; border:.0625rem solid rgba(168,205,237,.7)!important; border-radius:.75rem!important; background:rgba(49,51,53,.72)!important; color:var(--saturn-link)!important; font-size:1rem!important; font-weight:500; } .saturn-graphic-button img{display:block;width:2rem;height:1.625rem;object-fit:contain} .saturn-graphic-button:hover,.saturn-graphic-button:focus-visible{ border-color:#a8cded!important; background:#3a3d3f!important; box-shadow:0 0 0 .125rem rgba(168,205,237,.12); } .saturn-ownership-holder{ margin:1.25rem 0 .875rem; color:var(--saturn-text); font-size:1.0625rem; font-weight:600; } .saturn-ownership-card a{color:var(--saturn-link)!important} .saturn-shareholders,.saturn-related-panel{ border-radius:1.125rem; background:var(--saturn-panel); } .saturn-shareholders{padding:1rem 1.25rem 1.25rem} .saturn-shareholders-head{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem; } .saturn-shareholders-head h3,.saturn-related h3{ margin:0; color:var(--saturn-text); font-size:1.125rem; font-weight:700; } .saturn-nominal{display:flex;align-items:center;gap:1rem;color:var(--saturn-muted);font-size:1rem} .saturn-nominal strong{ min-width:7.875rem; padding:.55rem .875rem; border-radius:.625rem; background:#252729; color:#8fed91; text-align:center; } .saturn-shareholders-body{ min-height:21.875rem; padding:1.125rem 1.25rem; border:.0625rem solid rgba(255,255,255,.7); border-radius:1rem; display:grid; grid-template-columns:minmax(15rem,20.625rem) minmax(0,1fr); align-items:center; gap:2.5rem; } .saturn-card-donut{ position:relative; width:15rem; aspect-ratio:1; margin:auto; border-radius:50%; background:conic-gradient(from -90deg,#14a0ff 0 .8937%,#2ca2f2 .8937% 1.4842%,#3d9ad9 1.4842% 5.5082%,#51748c 5.5082% 13.8784%,#3b3e40 13.8784% 100%); box-shadow:0 0 0 .0625rem rgba(255,255,255,.08); } .saturn-card-donut::after{ content:""; position:absolute; inset:3.75rem; border-radius:50%; background:var(--saturn-panel); } .saturn-donut-label{ position:absolute; z-index:1; color:#fff; font-size:.875rem; font-weight:700; line-height:1; text-shadow:0 .0625rem .1875rem #101112; transform:translate(-50%,-50%); white-space:nowrap; } .saturn-donut-label-odk{left:43%;top:55%} .saturn-donut-label-rostec{left:73%;top:14%} .saturn-donut-label-vniief{left:87%;top:28%} .saturn-legend{display:grid;gap:.75rem;align-content:center} .saturn-share-summary{margin:0 0 .125rem;color:var(--saturn-text);font-size:1.05rem} .saturn-share-summary strong{font-size:1.2rem} .saturn-legend-item{ display:grid; grid-template-columns:4.75rem minmax(0,1fr); align-items:center; gap:1rem; min-height:2.25rem; color:var(--saturn-text); font-size:1.0625rem; line-height:1.35; } .saturn-swatch{display:block;width:4.75rem;height:1.125rem;border-radius:.5rem} .saturn-swatch-odk{background:#3b3e40} .saturn-swatch-rostec{background:#51748c} .saturn-swatch-vniief{background:#3d9ad9} .saturn-swatch-self{background:#2ca2f2} .saturn-swatch-minority{background:#14a0ff} .saturn-related{margin-top:1.25rem} .saturn-related h3{margin:0 0 .75rem} .saturn-related-panel{ display:flex; flex-direction:column; align-items:center; gap:.25rem; padding:1.125rem 1.5rem; color:var(--saturn-muted); font-size:1.0625rem; line-height:1.45; text-align:center; } .saturn-related-panel p{margin:0} .saturn-related-panel strong{color:var(--saturn-text)} .saturn-branches{gap:.45rem} .expanded .saturn-ownership-card, .modal-card.saturn-ownership-card{text-align:left} .expanded .saturn-related-panel, .modal-card.saturn-ownership-card .saturn-related-panel{ align-items:flex-start; text-align:left; } /* Экран block diagram ПАО «ОДК-Сатурн» — точный SVG-экспорт Figma 842:1131. */ .saturn-structure-view .structure-page, .saturn-structure-view .structure-viewport{background:#2b2b2b;background-image:none} .saturn-structure-view .structure-legend, .saturn-structure-view .structure-controls, .saturn-structure-view .structure-hint, .saturn-structure-view .structure-static-footer{display:none} .saturn-structure-image{ display:block; width:1920px; height:1080px; clip-path:none; pointer-events:none; user-select:none; } .saturn-structure-view .structure-node{z-index:2} .saturn-structure-view .topbar .tab[data-page="saturn"]{display:none} .saturn-structure-view .topbar .structure-page-tab{min-width:23rem} /* Экран структуры ОКБ МЭИ использует проверенный SVG из основного проекта. */ .okb-structure-view .structure-page, .okb-structure-view .structure-viewport{background:#2b2b2b;background-image:none} .okb-structure-view .structure-legend, .okb-structure-view .structure-controls, .okb-structure-view .structure-hint, .okb-structure-view .structure-static-footer{display:none} .okb-structure-image{ display:block; width:1920px; height:1080px; clip-path:none; pointer-events:none; user-select:none; } .okb-structure-view .structure-node{z-index:2} .okb-structure-view .topbar .tab[data-page="okb-mei"]{display:none} .okb-structure-view .topbar .structure-page-tab{min-width:23rem} /* Графическая структура использует тот же нейтральный фон, что и остальные экраны Бастиона. Фон принадлежит viewport, а масштабируется только stage, поэтому при увеличении или уменьшении схемы он остаётся неизменным. */ .structure-page, .structure-viewport, .uaz-structure-view .structure-page, .uaz-structure-view .structure-viewport, .saturn-structure-view .structure-page, .saturn-structure-view .structure-viewport, .okb-structure-view .structure-page, .okb-structure-view .structure-viewport{ background-color:#2b2b2b; background-image: linear-gradient(rgba(43,43,43,.66),rgba(43,43,43,.66)), url('../pictures/back4.png'); background-position:center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; } .structure-stage{background:transparent} .structure-stage-view{position:absolute;inset:0;width:1920px;height:1080px} .structure-stage>[hidden]{display:none!important} .structure-stage-view[hidden]{display:none!important} /* У ОКБ МЭИ схема показывается на нейтральном фоне интерфейса, без синей подложки. */ .okb-structure-view .structure-page, .okb-structure-view .structure-viewport{background-image:none} /* Открытие графика не должно скрывать вкладку исходной организации. */ .uaz-structure-view .topbar .tab[data-page="uly-uaz"], .saturn-structure-view .topbar .tab[data-page="saturn"], .okb-structure-view .topbar .tab[data-page="okb-mei"]{display:flex} @media(max-width:62.5rem){ .saturn-shareholders-body{grid-template-columns:1fr;gap:1.5rem} .saturn-ownership-card .card-head{flex-wrap:wrap} .saturn-graphic-button{order:3;width:100%;justify-content:center} } @media(max-width:40rem){ .saturn-shareholders-head{align-items:flex-start;flex-direction:column} .saturn-nominal{width:100%;justify-content:space-between} .saturn-shareholders-body{padding:1rem .75rem} .saturn-card-donut{width:min(68vw,13rem)} .saturn-card-donut::after{inset:3.25rem} .saturn-legend-item{grid-template-columns:3.75rem minmax(0,1fr);gap:.75rem;font-size:.95rem} .saturn-swatch{width:3.75rem} .saturn-related-panel{align-items:flex-start;text-align:left} } /* ПАО «ОДК-Сатурн»: пять акционеров показаны пятью отдельными секторами. */ .saturn-graphic-button{ height:2.3125rem; min-height:2.3125rem; padding:0 .8125rem; gap:.625rem; border-radius:.625rem!important; font-size:.875rem!important; line-height:1; } .saturn-graphic-button img{width:1.5rem;height:1.25rem} .saturn-shareholders-body{ min-height:25.625rem; grid-template-columns:minmax(17.5rem,22.5rem) minmax(0,1fr); } .saturn-donut-card{ display:grid; width:min(100%,21.25rem); justify-self:center; justify-items:center; gap:.625rem; } .saturn-card-donut{ display:block; width:min(100%,17.5rem); height:auto; aspect-ratio:auto; margin:0; overflow:visible; border-radius:0; background:none; box-shadow:none; } .saturn-card-donut::after{display:none} .saturn-donut-track,.saturn-donut-segment{fill:none;stroke-width:3.5rem} .saturn-donut-track{stroke:#27292b} .saturn-donut-segment{stroke-linecap:butt} .saturn-donut-segment-odk{stroke:#505457} .saturn-donut-segment-rostec{stroke:#668fa9} .saturn-donut-segment-vniief{stroke:#438fbe} .saturn-donut-segment-self{stroke:#2ca2f2} .saturn-donut-segment-minority{stroke:#14a0ff} .saturn-donut-center{fill:var(--saturn-panel);stroke:rgba(255,255,255,.18);stroke-width:1} .saturn-donut-center-number{fill:#f5f7f8;font:800 2.5rem "Clear Sans","Helvetica Neue",Arial,sans-serif} .saturn-donut-center-caption{fill:var(--saturn-muted);font:700 .9375rem "Clear Sans","Helvetica Neue",Arial,sans-serif} .saturn-donut-keys{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4375rem .625rem} .saturn-donut-key{display:flex;align-items:center;gap:.4375rem;min-width:0;padding:.375rem .5rem;border-radius:.5rem;background:rgba(255,255,255,.035);color:var(--saturn-text);font-size:.8125rem} .saturn-donut-key:last-child{grid-column:1/-1;justify-self:center;min-width:calc(50% - .3125rem)} .saturn-donut-key-color{width:.625rem;height:.625rem;flex:none;border-radius:.1875rem} .saturn-donut-key-color-odk{background:#505457}.saturn-donut-key-color-rostec{background:#668fa9}.saturn-donut-key-color-vniief{background:#438fbe}.saturn-donut-key-color-self{background:#2ca2f2}.saturn-donut-key-color-minority{background:#14a0ff} .saturn-swatch-odk{background:#505457}.saturn-swatch-rostec{background:#668fa9}.saturn-swatch-vniief{background:#438fbe} /* Внутренняя вкладка графика использует общий фон Бастиона: масштабируется только схема в stage, а подложка остаётся неподвижной. */ .saturn-structure-view .structure-page, .saturn-structure-view .structure-viewport{ background-color:#2b2b2b; background-image:linear-gradient(rgba(43,43,43,.66),rgba(43,43,43,.66)),url('../pictures/back4.png'); background-position:center; background-size:cover; background-attachment:fixed; } .saturn-structure-view .topbar .tab[data-page="saturn"]{display:flex} .saturn-structure-view .structure-stage{width:120rem;height:67.5rem} .saturn-structure-graph{position:relative;width:120rem;height:67.5rem;padding:6.875rem 8.75rem;color:#f5f7f8;font-size:1rem} .saturn-structure-graph::before{content:"";position:absolute;inset:4.5rem 6.25rem;border-radius:1.5rem;background:#3c3f41;box-shadow:0 .75rem 2rem rgba(0,0,0,.16)} .saturn-structure-graph>*{position:relative;z-index:1} .saturn-structure-graph-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,30rem);align-items:end;gap:.75rem 2rem;margin:0 2.25rem 2.5rem} .saturn-structure-graph-head>span{grid-column:1/-1;color:#a7aaad;font-size:.875rem} .saturn-structure-graph-head h1{margin:0;color:#a8cded;font-size:2rem;line-height:1.2} .saturn-structure-graph-head p{margin:0;color:#c8ced1;line-height:1.45;text-align:right} .saturn-structure-flow{display:grid;grid-template-columns:43.75rem 12.5rem 31.25rem;min-height:39rem;align-items:center;margin:0 4.375rem;border-radius:1rem;background:#303234;padding:3.125rem} .saturn-structure-sources{display:grid;gap:.875rem} .saturn-flow-node{position:relative;border:0;font:inherit;color:#f5f7f8} .saturn-flow-node-source{display:grid;min-height:5.125rem;grid-template-columns:.625rem 6rem minmax(0,1fr);align-items:center;gap:.9375rem;border:.0625rem solid #565b5e;border-radius:.8125rem;background:#3a3d3f;padding:.875rem 1.125rem;text-align:left;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.16)} button.saturn-flow-node-source{cursor:pointer;transition:border-color .18s,background .18s,transform .18s} button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visible{z-index:2;border-color:#8bb7d8;background:#44484b;outline:none;transform:translateY(-.0625rem)} .saturn-flow-node-source::after{content:"";position:absolute;top:50%;right:-6.25rem;width:6.25rem;height:.125rem;background:#687176} .saturn-flow-marker{width:.625rem;height:2.625rem;border-radius:999px}.saturn-flow-marker-odk{background:#505457}.saturn-flow-marker-rostec{background:#668fa9}.saturn-flow-marker-vniief{background:#438fbe}.saturn-flow-marker-self{background:#2ca2f2}.saturn-flow-marker-minority{background:#14a0ff} .saturn-flow-node-source strong{font-size:1.1875rem}.saturn-flow-node-source span:last-child{color:#cbd1d4;line-height:1.35} .saturn-structure-join{position:relative;align-self:stretch} .saturn-structure-join::before{content:"";position:absolute;left:6.25rem;top:8%;bottom:8%;width:.125rem;background:#687176} .saturn-structure-join span{position:absolute;left:6.25rem;top:50%;width:6.25rem;height:.125rem;background:#7fadd0} .saturn-structure-join span::after{content:"";position:absolute;right:-.0625rem;top:50%;border:.4375rem solid transparent;border-left-color:#7fadd0;transform:translate(100%,-50%)} .saturn-flow-node-target{display:grid;min-height:11.75rem;align-content:center;justify-items:center;gap:.4375rem;border:.125rem solid #7fadd0;border-radius:1.125rem;background:linear-gradient(145deg,#41474b,#333638);padding:1.75rem;text-align:center;box-shadow:0 1rem 2rem rgba(0,0,0,.24);cursor:pointer} .saturn-flow-node-target:hover,.saturn-flow-node-target:focus-visible{border-color:#b8d8ef;outline:none;box-shadow:0 0 0 .1875rem rgba(168,205,237,.16),0 1rem 2rem rgba(0,0,0,.24)} .saturn-flow-node-target small{color:#a8cded;font-size:.875rem}.saturn-flow-node-target strong{font-size:1.875rem}.saturn-flow-node-target span{color:#a7aaad;font-size:.875rem} @media(max-width:62.5rem){ .saturn-shareholders-body{grid-template-columns:1fr} } @media(max-width:40rem){ .saturn-graphic-button{height:auto;min-height:2.3125rem;padding:.5rem .8125rem;line-height:1.25} .saturn-graphic-button span{font-size:.875rem} .saturn-donut-keys{grid-template-columns:1fr} .saturn-donut-key:last-child{grid-column:auto;justify-self:stretch;min-width:0} } /* Все вложенные HTML подключены к основному «Бастиону» как карточки в общей системе вкладок. Списки сохраняют оформление внутренних ссылок ЛОМО. */ .source-card-links, .external-resource-list{ display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; align-items:center; } .source-card-links .company-link, .external-resource-list .external-link{ display:inline-flex; align-items:center; min-height:2.25rem; line-height:1.35; } .source-details-list{display:grid;gap:.75rem} .source-details-list>div{ display:grid; grid-template-columns:minmax(12rem,22rem) minmax(0,1fr); gap:1rem; align-items:start; } .source-details-list span{line-height:1.5} .leadership-row-source{grid-template-columns:minmax(0,1fr)} /* Блоки «Виды деятельности» и «Финансовая устойчивость» сохраняют естественную высоту содержимого. */ @media(min-width:64.0625rem){ body.organization-view:not(.expanded) #content>#activity>.compact-only, body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{ flex:0 1 auto; min-height:0; height:auto; max-height:none; overflow:visible; } } @media(max-width:48rem){ .source-details-list>div{grid-template-columns:1fr;gap:.25rem} } /* Карточка УАЗа повторяет компактную композицию ОКБ МЭИ: кольцо слева, единственная строка владельца справа. Правила стоят последними, чтобы не смешиваться с более общими вариантами легенды других организаций. */ .uaz-ownership-panel{ grid-template-columns:24rem minmax(0,1fr); min-height:24rem; gap:2.5rem; padding:1.5rem 2rem; } .uaz-ownership-panel .uaz-donut-visual{min-height:21rem} .uaz-ownership-panel .ownership-donut{width:min(100%,22.5rem)} .uaz-ownership-panel .donut-center{fill:#313335;stroke:#d5e6f2;stroke-width:2} .uaz-ownership-panel .legend{align-self:center;gap:0} .uaz-ownership-panel .legend-row{ grid-template-columns:9rem minmax(0,1fr); min-height:3rem; padding:0; column-gap:1rem; } .uaz-ownership-panel .swatch{ width:9rem; max-width:9rem; height:1.875rem; border-radius:999px; } .uaz-ownership-panel .legend-copy{ display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:baseline; gap:1rem; line-height:1.25; } .uaz-ownership-panel .legend-copy b{font-size:1.875rem;line-height:1;letter-spacing:-.02em} .uaz-ownership-panel .legend-copy>span{font-size:1.4375rem;font-weight:700;white-space:nowrap} @media(max-width:64rem){ .uaz-ownership-panel{grid-template-columns:1fr;padding:1.375rem} .uaz-ownership-panel .uaz-donut-visual{min-height:18rem} .uaz-ownership-panel .legend-row{justify-content:center} } @media(max-width:40rem){ .uaz-ownership-panel .legend-row{grid-template-columns:5.75rem minmax(0,1fr);column-gap:.75rem} .uaz-ownership-panel .swatch{width:5.75rem;max-width:5.75rem;height:1.375rem} .uaz-ownership-panel .legend-copy{grid-template-columns:1fr;gap:.25rem} .uaz-ownership-panel .legend-copy b{font-size:1.375rem} .uaz-ownership-panel .legend-copy>span{font-size:1.0625rem;white-space:normal} } /* Компактные многострочные подписи фильтров не выходят в соседний ряд. */ .search-view .filter-options .filter-check, .search-view .filter-options .filter-check>span{ line-height:1.15; } @media(min-width:64.0625rem){ .search-view .filter-check-list:nth-child(2){ grid-template-rows:repeat(6,auto); align-content:start; } } /* Плавное превращение заголовка короткой карточки в закреплённую шапку. */ body.organization-view:not(.expanded) .org-sticky{ position:sticky; top:2.25rem; z-index:45; padding:0; border-radius:0 0 .875rem .875rem; background:rgba(46,47,47,0); box-shadow:0 0 0 rgba(0,0,0,0); backdrop-filter:blur(0); transform:translateZ(0); transition:background-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease; } body.organization-view:not(.expanded) .org-sticky .intro{ transition:padding .32s ease; } body.organization-view:not(.expanded) .org-sticky .notice{ max-height:8rem; overflow:hidden; opacity:1; transform:translateY(0); transition:max-height .32s ease,margin .32s ease,opacity .2s ease,transform .32s ease; } body.organization-view:not(.expanded) .org-sticky .action{ opacity:1; transform:translateY(0); transition:opacity .2s ease,transform .32s ease,background-color .15s ease; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active{ top:2.25rem; padding:0; background:rgba(46,47,47,.96); box-shadow:0 .625rem 1.5rem rgba(0,0,0,.32); backdrop-filter:blur(.5rem); } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .intro{ padding:.75rem 1rem .625rem; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .notice{ display:block!important; max-height:0; margin-top:0; opacity:0; transform:translateY(-.375rem); pointer-events:none; } body.organization-view:not(.expanded) .org-sticky.brief-sticky-active .action{ display:inline-flex!important; opacity:0; transform:translateY(-.25rem); visibility:hidden; pointer-events:none; } .expanded .org-sticky{ top:2.25rem; } @media(prefers-reduced-motion:reduce){ body.organization-view:not(.expanded) .org-sticky, body.organization-view:not(.expanded) .org-sticky .intro, body.organization-view:not(.expanded) .org-sticky .notice, body.organization-view:not(.expanded) .org-sticky .action{ transition:none; } } /* Чёткая шапка короткой карточки: отдельный слой без изменения геометрии страницы. */ body.organization-view:not(.expanded) .org-sticky{ position:relative; top:auto; z-index:auto; padding:0; background:transparent; box-shadow:none; backdrop-filter:none; transform:none; transition:none; } .brief-fixed-header{ position:fixed; z-index:45; top:2.25rem; left:50%; width:min(100%,87.5rem); padding:.75rem 1rem .625rem; overflow:hidden; border-radius:0 0 .875rem .875rem; background:#2e2f2f; box-shadow:0 .625rem 1.5rem rgba(0,0,0,.32); opacity:0; clip-path:inset(0 0 100% 0 round 0 0 .875rem .875rem); transform:translateX(-50%); visibility:hidden; pointer-events:none; transition:clip-path .24s cubic-bezier(.22,1,.36,1),opacity .16s ease,visibility 0s linear .24s; } .brief-fixed-header.is-visible{ opacity:1; clip-path:inset(0 0 0 0 round 0 0 .875rem .875rem); visibility:visible; transition:clip-path .24s cubic-bezier(.22,1,.36,1),opacity .16s ease,visibility 0s; } .brief-fixed-title{ color:#a8ccec; font-size:2rem; font-weight:700; line-height:1.1; white-space:nowrap; } .brief-fixed-subtitle{ margin-top:.375rem; overflow:hidden; color:#a8ccec; font-size:.875rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } body:not(.organization-view) .brief-fixed-header, body.expanded .brief-fixed-header{ display:none; } @media(max-width:64rem){ .brief-fixed-title{font-size:1.5rem} } @media(prefers-reduced-motion:reduce){ .brief-fixed-header{transition:none} } /* Схема УАЗа использует единую систему координат 1920×1080. Внутри холста нет rem-зависимостей, поэтому браузерный zoom не разрывает узлы и линии. */ .uaz-structure-view .uaz-graph{ width:1920px; height:1080px; font-size:16px; } .uaz-structure-view .c-sobolev-sollers{left:144px;top:229px;width:196.998px;height:376.069px} .uaz-structure-view .c-kaika-alter{left:731px;top:230px;width:419.913px;height:189.666px} .uaz-structure-view .c-hvesenya-alter{left:667.5px;top:229px;width:210.473px;height:158.73px} .uaz-structure-view .c-sobolev-alter{left:278px;top:230px;width:255.414px;height:158.91px} .uaz-structure-view .c-alter-sollers{left:434px;top:723px;width:187.912px;height:134.98px} .uaz-structure-view .c-shirinov-alter{left:202px;top:229px;width:292.875px;height:171.228px} .uaz-structure-view .uaz-manager-line{ left:477px; top:506px; width:133.92px; height:99.9064px; } .uaz-structure-view .uaz-manager-line img{width:133.92px;height:99.9064px} .uaz-structure-view .uaz-manager-line-alter{ left:595.5px; top:230px; width:0; height:158px; } .uaz-structure-view .uaz-manager-line-alter img{width:158px;height:11.547px} .uaz-structure-view .uaz-structure-node{ width:240px; height:117px; border-left-width:7px; border-radius:12px; font-size:16px; } .uaz-structure-view .uaz-structure-node.person{width:222px;border-radius:12px} .uaz-structure-view .uaz-structure-node.subject{ width:248px; height:124px; border-width:2px; } .uaz-structure-view .uaz-structure-node.subject::before{ top:-2px; bottom:-2px; left:-2px; width:7px; border-radius:12px 0 0 12px; } .uaz-structure-view .uaz-structure-node .uaz-node-id{top:28px;left:calc(50% - 70.5px)} .uaz-structure-view .uaz-structure-node.person .uaz-node-id{top:33px;left:calc(50% - 62.5px)} .uaz-structure-view .uaz-structure-node .uaz-node-name{ top:64px; left:calc(50% - 3.5px); width:220px; } .uaz-structure-view .uaz-structure-node.person .uaz-node-name{top:60px} .uaz-structure-view .uaz-structure-node.subject .uaz-node-id{top:28px;left:calc(50% - 71px)} .uaz-structure-view .uaz-structure-node.subject .uaz-node-name{top:64px;font-size:18px} .uaz-structure-view .uaz-structure-node.company .uaz-node-id{top:28px;left:calc(50% - 70.5px);font-size:16px} .uaz-structure-view .uaz-structure-node.company .uaz-node-name{top:64px;font-size:16px} .uaz-structure-view .uaz-edge-label{font-size:16px} .uaz-structure-view .manager-label{left:352px;top:240px} .uaz-structure-view .percent-sobolev{left:257px;top:346px} .uaz-structure-view .percent-shirinov{left:611px;top:290px} .uaz-structure-view .percent-kaika{left:813px;top:298px} .uaz-structure-view .percent-hvesenya{left:1076px;top:297px} .uaz-structure-view .percent-alter{left:552px;top:555px;font-size:16px} .uaz-structure-view .percent-sollers{left:587px;top:758px}