/* СверкаКП 0.5 — полноэкранный интерфейс, все улучшения изолированы от вычислений */
:root{
  --bg:#080e1a;--panel:#111d2f;--card:#16243a;--line:#283952;
  --ink:#eff5ff;--dim:#94a9c7;--accent:#88b9ff;--green:#65dbb6;
  --radius:18px;--shadow:0 16px 44px rgba(0,6,25,.17)
}
html{height:100%;scroll-behavior:smooth}
body{min-height:100%;margin:0;background:#0b1423;color:var(--ink);font:14px/1.58 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;width:100%;max-width:none}
.app-sidebar{position:sticky;top:0;height:100vh;min-height:650px;display:flex;flex-direction:column;padding:31px 17px 19px;background:linear-gradient(180deg,#0b1425 0%,#0b1527 52%,#0a1321 100%);border-right:1px solid #22334e;z-index:30}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 20px}
.sidebar-brand .logoMark{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#6cadff,#3364ff);font-size:22px;box-shadow:0 7px 28px #316cef4d}
.sidebar-brand-name{color:#f7faff;font-size:23px;font-weight:820;letter-spacing:-.85px;line-height:1.1}
.sidebar-brand-name>span{color:#82b8ff}
.sidebar-brand-name small{display:block;font-size:10px;letter-spacing:.55px;font-weight:520;color:#8296b7;margin-top:7px}
.sidebar-divider{height:1px;margin:0 9px 26px;background:linear-gradient(90deg,#33425c,transparent)}
.sidebar-section-label{font-size:10px;font-weight:750;letter-spacing:1.45px;color:#7b90ac;margin:0 13px 14px}
.product-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;border:0;padding:0;background:transparent}
.product-tab{width:100%;min-height:66px;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid transparent;background:transparent;border-radius:13px;padding:11px 12px;color:#a3b7d3;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}
.product-tab:hover{background:#162943;border-color:#2d466c;color:#e2eeff}
.product-tab.active{color:#f7faff;border-color:#3e6fbb;background:linear-gradient(110deg,#173a68,#1a2b46);box-shadow:inset 3px 0 0 #71b5ff,0 9px 28px #02081026}
.nav-icon{flex:0 0 36px;display:grid;place-items:center;background:#203049;border:1px solid #334864;color:#aacdff;border-radius:11px;width:36px;height:36px;font-size:22px;font-weight:600;line-height:1}
.product-tab.active .nav-icon{background:#3161ae;border-color:#5589d2;color:white}
.nav-tab-text{display:block;flex:1;line-height:1.25;white-space:nowrap}
.nav-tab-text small{display:block;font-size:11px;font-weight:450;letter-spacing:0;color:#829ab8;margin-top:5px}
.nav-arrow{font-size:24px;font-weight:300;opacity:.7}
.sidebar-bottom{margin-top:auto;padding:0 10px}
.sidebar-status{display:flex;gap:9px;align-items:flex-start;border:1px solid #293b55;border-radius:13px;background:#132239;padding:14px 11px;color:#d8e6f8;font-size:12px;font-weight:650}
.sidebar-status small{display:block;margin-top:3px;font-size:10px;color:#93a8c4;font-weight:450}
.status-dot,.mini-blue-dot,.pulse-dot{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:#5cdeae;box-shadow:0 0 0 4px #5cdeae17}
.sidebar-status .status-dot{margin-top:6px}
.sidebar-credit{text-align:center;color:#7085a2;font-size:10px;margin-top:16px}
.app-stage{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 95% 0%,#162b48 0%,#101b2b 24%,#0c1524 57%,#0b1423 100%)}
.app-topbar{position:sticky;top:0;z-index:24;min-height:90px;padding:16px clamp(20px,2.4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;background:rgba(13,23,39,.93);border-bottom:1px solid #273852;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.app-eyebrow{display:block;color:#8498b7;font-size:10px;font-weight:760;letter-spacing:1.4px;margin-bottom:2px}
.app-eyebrow span{color:#a4c7fc}
.app-header-title{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.55px;color:#f4f8ff;font-weight:790;line-height:1.3}
.header-version{padding:3px 7px;border-radius:6px;background:#1a304c;border:1px solid #34577f;color:#92bdff;font-size:10px;font-weight:760;letter-spacing:.2px}
.app-topbar .actions{display:flex;gap:8px}
.app-topbar .btn{padding:11px 14px;font-size:12px}
.radar-topbar-actions{display:none;align-items:center;gap:16px}
body.radar-active .radar-topbar-actions{display:flex}
body.radar-active .kp-topbar-actions{display:none!important}
.online-indicator{display:flex;align-items:center;gap:9px;color:#93abc9;font-size:12px}
.app-stage>.wrap{width:100%;max-width:none;margin:0;padding:clamp(18px,2.35vw,39px) clamp(20px,2.4vw,48px) 70px;flex:1}
main{max-width:none;width:100%;min-width:0}
button,.btn,a{transition:background .2s,border-color .2s,opacity .2s,box-shadow .2s}
.btn{border-color:#334863;background:#20334e;border-radius:11px;padding:10px 15px;font-weight:650;color:#e5f0ff}
.btn:hover{border-color:#79aff0;background:#294866;box-shadow:0 5px 18px #030a1833}
.btn.primary{border-color:#458bff;background:linear-gradient(120deg,#2e7bf3,#2460d6);color:white;box-shadow:0 7px 22px #1c5cdb36}
.btn.primary:hover{background:linear-gradient(120deg,#438cf7,#3571ec)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#1a3453,#14253c);border:1px solid #304d79;border-radius:22px;padding:clamp(25px,3vw,44px);box-shadow:var(--shadow);margin:0 0 22px}
.hero h1{font-size:clamp(28px,3.1vw,48px);font-weight:830;letter-spacing:-1.65px;line-height:1.09;margin:18px 0}
.hero p{font-size:clamp(13px,1.03vw,15px);line-height:1.7;color:#b8cce7;max-width:690px}
.hero .pill{font-size:10px;font-weight:760;letter-spacing:1px;color:#bad7ff;border-color:#5178aa;background:#1a3d6673;padding:8px 12px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:19px 0 23px}
.metric{background:linear-gradient(145deg,#15253b,#111e30);border:1px solid #2a3e59;border-radius:17px;padding:22px 22px 20px;min-height:128px;position:relative;overflow:hidden}
.metric:after{content:'';position:absolute;top:18px;right:18px;border-radius:100%;height:7px;width:7px;background:#64a8ff;box-shadow:0 0 0 5px #64a8ff13}
.metric .num{font-size:clamp(26px,2vw,34px);letter-spacing:-1.1px;margin:9px 0 3px;font-weight:850}
.metric .label{font-size:12px;color:#afc2dd;font-weight:550}
.metric small{font-size:11px;color:#859bb9}
.panel{background:#121f32;border:1px solid #2b3d57;border-radius:20px;padding:clamp(19px,2vw,28px);box-shadow:0 10px 36px #02091324;margin-bottom:21px}
.section-head{margin-bottom:17px}
.section-head h2{font-size:clamp(17px,1.4vw,20px);font-weight:780;letter-spacing:-.5px}
.caption{font-size:12px;line-height:1.7;color:#94a9c7}
.input{background:#0e1a2c;border-color:#384b67;border-radius:11px;color:#eef5ff;padding:12px 13px}
.input:hover{border-color:#547094}
.input:focus{border-color:#6ba8ff;box-shadow:0 0 0 3px #3674d138}
.field>span{font-size:11px;font-weight:650;letter-spacing:.1px;color:#9eb2ce}
.tablewrap{border-radius:13px;border-color:#2e405b}
.tbl th{padding:15px 13px;background:#1a2b43;color:#91afd1;font-size:10px}
.tbl td{padding:13px;border-color:#2c3b51}
.tbl tbody tr:hover{background:#1a294033}
.vendor-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:15px}
.vendor{background:#132238;border-radius:16px;border-color:#2e405b}
.vendor .summary{background:#1b304a}
/* Радар: герой и псевдо-анимация сканирования */
.radar-hero{display:flex;align-items:center;min-height:350px;padding:clamp(27px,3vw,47px);background:radial-gradient(ellipse at 78% 51%,#255092 0%,transparent 38%),linear-gradient(115deg,#163b6b 0%,#132948 43%,#102039 100%);border-color:#3765a6}
.radar-hero-content{position:relative;z-index:2;width:min(68%,790px)}
.radar-hero h1{font-size:clamp(34px,3.3vw,57px);margin:19px 0 13px}
.radar-hero h1 span{color:#8ebeff}
.radar-hero p{max-width:680px;margin-bottom:22px}
.radar-hero .pill{background:#143e718c;border-color:#587daf}
.mini-blue-dot{width:7px;height:7px;margin-right:5px;background:#7dbaff;box-shadow:0 0 0 4px #7dbaff17}
.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px;border-radius:11px;padding:0 16px;background:white;color:#17447d;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 6px 20px #0002}
.hero-cta:hover{background:#dcefff;color:#17447d}
.hero-cta>span{font-size:17px}
.radar-disclaimer{max-width:660px;margin-top:24px;padding:10px 14px;background:#132c47be;border:1px solid #42617e;border-radius:10px;color:#bad0ea;font-size:11px;line-height:1.55}
.radar-disclaimer strong{color:#dcecff}
.radar-hero-art{position:absolute;right:5%;top:50%;width:min(28vw,370px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.radar-art-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#4ab6ff2e 0%,#2672d71b 43%,transparent 70%);filter:blur(15px)}
.radar-orbit{position:absolute;inset:11%;border:1px solid #8bbfff52;border-radius:50%;box-shadow:inset 0 0 14px #438fe522}
.radar-orbit.orbit-two{inset:26%;border-color:#a2d9ff52}
.radar-orbit.orbit-three{inset:40%;border-color:#9addff9a}
.radar-orbit.orbit-one:before,.radar-orbit.orbit-one:after{content:'';position:absolute;background:#89c5ff61}
.radar-orbit.orbit-one:before{top:50%;left:0;right:0;height:1px}
.radar-orbit.orbit-one:after{left:50%;top:0;bottom:0;width:1px}
.radar-sweep{position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 22deg,#72b4ff00 0deg,#72b4ff00 295deg,#5aa9ff50 350deg,#8bd5ff1a 360deg);animation:radar-spin 10s linear infinite}
.radar-center{position:absolute;inset:48%;background:#bbebff;border-radius:50%;box-shadow:0 0 0 7px #6bbcff4b,0 0 24px #6fd1ff}
.radar-target{position:absolute;width:10px;height:10px;border:2px solid #b6f9ec;background:#42d5ac;border-radius:50%;box-shadow:0 0 0 7px #37e2b11e,0 0 18px #34ffc1}
.radar-target.target-one{top:29%;left:25%}.radar-target.target-two{top:62%;left:72%}.radar-target.target-three{top:47%;left:66%;width:7px;height:7px}
.radar-art-label{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border-radius:18px;border:1px solid #709acf61;background:#1c477b9e;backdrop-filter:blur(8px);font-size:9px;font-weight:800;color:#d9ebff;letter-spacing:1.2px;display:flex;gap:9px;align-items:center}
@keyframes radar-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.radar-sweep{animation:none}}
/* Статус синхронизации */
.radar-sync-panel{background:linear-gradient(115deg,#162d49,#15253a);border-color:#38567b}
.radar-sync-status{background:#102742;border:1px solid #2d537d;padding:12px 15px;color:#d0e5ff}
.radar-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.radar-source{position:relative;min-height:102px;padding:17px 19px;border-radius:14px;background:#182d48;border:1px solid #315476;align-content:center;gap:6px}
.radar-source:after{content:'↗';position:absolute;right:17px;top:17px;font-size:17px;color:#8bb9ed}
.radar-source strong{font-size:14px;color:#d4eaff}
.radar-source span{font-size:11px;max-width:93%;color:#97b4d4;line-height:1.5}
.radar-source:hover{transform:translateY(-2px);background:#203c61;border-color:#71a1d3}
.radar-find-public{margin-top:19px}
.radar-discovery-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.radar-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.radar-workspace{scroll-margin-top:116px}
.radar-toolbar{padding:12px 0 3px;margin:17px 0 17px;border-top:1px solid #2c3d54}
.radar-toolbar .actions{gap:7px}
.radar-toolbar .btn{font-size:11px}
.radar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.radar-card{padding:22px;background:linear-gradient(150deg,#162840,#132036);border:1px solid #304862;border-radius:17px;gap:15px;min-width:0;box-shadow:0 10px 22px #0108131c}
.radar-card:hover{border-color:#5b85ba;transform:translateY(-1px)}
.radar-card h3{font-size:17px;font-weight:800;letter-spacing:-.35px;line-height:1.35}
.radar-card-head{gap:13px}
.radar-pill{border-color:#4d6d92;color:#bbdcff;background:#1c3b62;padding:5px 8px;font-size:10px;border-radius:6px}
.radar-tiny{font-size:12px;gap:7px;color:#a8c0d9;line-height:1.5}
.radar-tiny strong{color:#e2efff}
.radar-score{font-size:27px;font-weight:850;letter-spacing:-.7px}
.radar-tags{gap:7px}
.radar-tag{font-size:10px;color:#b8d5fb;border-color:#466589;background:#1a3654;padding:5px 9px}
.radar-card-notes{border-color:#34465e;font-size:12px}
.radar-card-actions{border-top:1px solid #2a3f59;padding-top:15px}
.radar-card-actions .input{flex:1;min-width:125px}
.radar-empty{min-height:170px;padding:45px 25px;border:1px dashed #567399;background:linear-gradient(135deg,#132740,#102035);border-radius:16px;color:#adc6e1}
.radar-empty strong{font-size:18px;color:#edf5ff}
.radar-form-overlay{z-index:90;background:#010714d9;backdrop-filter:blur(9px)}
.radar-form-box{background:#15233a;border:1px solid #5273a1;border-radius:22px;box-shadow:0 22px 85px #020611b0;padding:29px}
.radar-form-actions{padding-top:13px}
/* Удобство полей и КП */
#importPanel{background:linear-gradient(135deg,#162a48,#142139);border-color:#365b87}
.uploader{padding:28px 23px;background:#193453;border:1px dashed #6694c7;border-radius:15px}
.uploader:hover{background:#21466f;border-color:#a2c9ff}
.radar-topbar-actions .btn{white-space:nowrap}
@media(min-width:1800px){.app-shell{grid-template-columns:278px minmax(0,1fr)}.app-sidebar{padding-left:23px;padding-right:23px}.radar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vendor-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}}
@media(max-width:1450px){.radar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:230px minmax(0,1fr)}.app-sidebar{padding-left:13px;padding-right:13px}.app-topbar{gap:10px}.app-topbar .btn{padding:9px 10px}.radar-hero-content{width:70%}}
@media(max-width:1050px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.nav-icon{flex-basis:32px;width:32px;height:32px}.product-tab{padding:10px 8px;gap:8px}.nav-tab-text{font-size:12px}.sidebar-brand-name{font-size:20px}.sidebar-brand-name small{font-size:9px}.radar-hero-art{opacity:.45;right:-2%}.radar-hero-content{width:87%}.radar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{gap:10px}.metric{padding:17px}.vendor-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:800px){
 .app-shell{display:block}.app-sidebar{position:sticky;top:0;z-index:40;min-height:0;height:auto;padding:10px 16px 0;background:#0b1629;border-bottom:1px solid #294262;border-right:0}
 .sidebar-brand{padding:0 2px 11px;gap:9px}.sidebar-brand .logoMark{width:32px;height:32px;flex-basis:32px;font-size:17px;border-radius:9px}.sidebar-brand-name{font-size:19px}.sidebar-brand-name small{display:none}
 .sidebar-divider,.sidebar-section-label,.sidebar-bottom{display:none}
 .product-nav{flex-direction:row;gap:7px;padding-bottom:10px}.product-tab{justify-content:center;min-height:39px;padding:7px 9px;border:1px solid #31435f;border-radius:10px;background:#15243a;flex:1}.product-tab.active{box-shadow:inset 0 -2px 0 #71b5ff;background:#254b7c}.nav-tab-text small,.nav-arrow{display:none}.nav-icon{width:23px;height:23px;flex-basis:23px;border:0;background:transparent;font-size:20px}.product-tab.active .nav-icon{border:0;background:transparent}
 .app-stage{min-height:calc(100vh - 104px)}.app-topbar{position:relative;min-height:68px;padding:12px 18px;border-bottom:1px solid #243753;background:#0c192d}.app-eyebrow{font-size:9px}.app-header-title{font-size:17px}.app-topbar .actions{justify-content:flex-end}.app-topbar .btn{font-size:11px;padding:9px 11px}
 .app-stage>.wrap{padding:20px 18px 55px}.radar-hero{padding:26px}.radar-hero h1{font-size:clamp(28px,5vw,40px)}.radar-hero-content{width:100%}.radar-hero-art{right:-11%;opacity:.18;width:44vw}.radar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.vendor-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}
}
@media(max-width:650px){
 .app-sidebar{padding:9px 13px 0}.product-tab{font-size:12px;min-width:0}.product-tab .nav-tab-text{flex:none}
 .app-topbar{padding:10px 15px;min-height:60px}.app-header-title{font-size:16px}.app-eyebrow{font-size:9px}.online-indicator{display:none}
 .kp-topbar-actions{gap:5px;justify-content:flex-end;max-width:60%}.kp-topbar-actions .btn{padding:8px 9px;font-size:10px}.kp-topbar-actions .btn:first-child,.kp-topbar-actions .btn:nth-child(3){display:none}
 .radar-topbar-actions .btn{padding:9px 10px;font-size:11px}
 .app-stage>.wrap{padding:14px 13px 40px}.hero{border-radius:17px;padding:23px 21px}.radar-hero{min-height:auto;padding:25px 20px}.radar-hero .pill{font-size:9px;letter-spacing:.5px}.radar-hero h1{font-size:clamp(29px,8vw,37px);margin:16px 0 13px;letter-spacing:-1.1px}.radar-hero p{font-size:12px;line-height:1.65}.radar-hero-art{width:72vw;opacity:.10;right:-21%;top:25%}.radar-disclaimer{margin-top:20px;font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:16px 15px;min-height:118px;border-radius:13px}.metric .num{font-size:24px}.metric .label{font-size:11px}
 .panel{padding:17px 14px;border-radius:16px;margin-bottom:14px}.section-head h2{font-size:17px}.radar-sources{grid-template-columns:1fr}.radar-source{min-height:82px;padding:13px 15px}.radar-filters,.radar-discovery-filters{grid-template-columns:1fr;gap:10px}.radar-grid{grid-template-columns:1fr;gap:12px}.radar-card{padding:17px;gap:12px}.radar-card h3{font-size:16px}.radar-toolbar .actions{width:100%}.radar-toolbar .btn{flex:1 1 auto}.radar-workspace{scroll-margin-top:15px}.vendor-grid{grid-template-columns:1fr}.radar-editor-grid{grid-template-columns:1fr}.radar-form-box{padding:17px}.radar-editor-grid .full{grid-column:1}.radar-form-overlay{padding:7px}.tablewrap{max-width:100%}
}
@media print{
 .app-shell{display:block!important;min-height:auto}.app-sidebar,.app-topbar,.radar-topbar-actions{display:none!important}.app-stage{background:white!important}.app-stage>.wrap{max-width:100%;padding:0!important}.panel{break-inside:avoid;box-shadow:none!important}.radar-pane{display:none!important}
}