.competitive-landscape{
  --bg:#f3f4f7; --card:#fff; --line:#e6e6ea; --ctl:#d5d7de; --text:#1a1c23; --muted:#6b6f7b;
  --blue:#3355e0; --blue-h:#2a47c4; --blue-soft:#eef1fd; --purple:#7b5fe0; --purple-soft:#f1edfd;
  --green:#1b8a5a; --green-soft:#e4f4ec; --amber:#a86a0c; --amber-soft:#fcf1dc; --grey-soft:#f0f1f4;
  --red:#c53b3b; --red-soft:#fdeaea; --drop:#b9c6da; --shadow:0 8px 28px rgba(20,24,40,.14);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .competitive-landscape{
  --bg:#0f1117; --card:#171a23; --line:#262a36; --ctl:#363b4a; --text:#eceef4; --muted:#9aa0b0;
  --blue:#7b93ff; --blue-h:#95a8ff; --blue-soft:#1d2440; --purple:#a48cff; --purple-soft:#26203f;
  --green:#46c791; --green-soft:#16302a; --amber:#e6b255; --amber-soft:#35290f; --grey-soft:#1f2330;
  --red:#ee7b7b; --red-soft:#3a1c1f; --drop:#3a4560; --shadow:0 8px 28px rgba(0,0,0,.5); color-scheme:dark;}
}
html[data-theme="dark"] .competitive-landscape{
  --bg:#0f1117; --card:#171a23; --line:#262a36; --ctl:#363b4a; --text:#eceef4; --muted:#9aa0b0;
  --blue:#7b93ff; --blue-h:#95a8ff; --blue-soft:#1d2440; --purple:#a48cff; --purple-soft:#26203f;
  --green:#46c791; --green-soft:#16302a; --amber:#e6b255; --amber-soft:#35290f; --grey-soft:#1f2330;
  --red:#ee7b7b; --red-soft:#3a1c1f; --drop:#3a4560; --shadow:0 8px 28px rgba(0,0,0,.5); color-scheme:dark;}
.competitive-landscape *{box-sizing:border-box}
.competitive-landscape,.competitive-landscape{margin:0}
.competitive-landscape{background:var(--bg);color:var(--text);font:14px/1.45 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.competitive-landscape button,.competitive-landscape input,.competitive-landscape select{font:inherit;color:inherit}
.competitive-landscape button{cursor:pointer}
.competitive-landscape :focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.competitive-landscape .wrap{max-width:1240px;margin:0 auto;padding:28px 24px 80px}
.competitive-landscape .top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.competitive-landscape .eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.competitive-landscape h1{margin:4px 0 4px;font-size:27px;letter-spacing:-.02em}
.competitive-landscape .sub{color:var(--muted);max-width:640px;margin:0}
.competitive-landscape .actions{display:flex;gap:8px;flex-wrap:wrap}
.competitive-landscape .btn{height:36px;padding:0 14px;border-radius:10px;border:1.5px solid var(--ctl);background:var(--card);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.competitive-landscape .btn:hover{border-color:var(--blue);color:var(--blue)}
.competitive-landscape .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.competitive-landscape .btn.primary:hover{background:var(--blue-h);border-color:var(--blue-h);color:#fff}
.competitive-landscape .btn.purple{background:var(--purple);border-color:var(--purple);color:#fff}
.competitive-landscape .btn.sm{height:30px;padding:0 10px;font-size:12px;border-radius:8px}
.competitive-landscape .btn.danger:hover{border-color:var(--red);color:var(--red)}
.competitive-landscape .btn.armed{border-color:var(--red);background:var(--red-soft);color:var(--red)}
.competitive-landscape .btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
.competitive-landscape .ico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.competitive-landscape .tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}
.competitive-landscape .tab{background:none;border:0;padding:11px 14px;font-weight:600;color:var(--muted);border-bottom:2.5px solid transparent;margin-bottom:-1px;white-space:nowrap}
.competitive-landscape .tab:hover{color:var(--text)}
.competitive-landscape .tab[aria-current="page"]{color:var(--blue);border-color:var(--blue)}
.competitive-landscape .tab .n{margin-left:6px;font-size:11px;background:var(--grey-soft);color:var(--muted);padding:1px 7px;border-radius:99px}
.competitive-landscape .tab[aria-current="page"] .n{background:var(--blue-soft);color:var(--blue)}
.competitive-landscape .card{background:var(--card);border:1px solid var(--line);border-radius:14px}
.competitive-landscape .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.competitive-landscape .stat{padding:14px 16px}
.competitive-landscape .stat b{display:block;font-size:24px;letter-spacing:-.02em}
.competitive-landscape .stat span{color:var(--muted);font-size:12px}
.competitive-landscape .stat.warn b{color:var(--amber)}
.competitive-landscape .bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.competitive-landscape .search{position:relative;flex:1;min-width:200px;max-width:340px}
.competitive-landscape .search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}
.competitive-landscape .inp{height:36px;width:100%;border:1.5px solid var(--ctl);border-radius:10px;background:var(--card);padding:0 12px}
.competitive-landscape .search .inp{padding-left:34px}
.competitive-landscape .inp:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.competitive-landscape .seg{display:inline-flex;border:1.5px solid var(--ctl);border-radius:10px;overflow:hidden;background:var(--card)}
.competitive-landscape .seg button{border:0;background:none;height:33px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.competitive-landscape .seg button+button{border-left:1px solid var(--line)}
.competitive-landscape .seg button[aria-pressed="true"]{background:var(--blue);color:#fff}
.competitive-landscape .spacer{flex:1}
.competitive-landscape .legend{display:flex;gap:12px;color:var(--muted);font-size:12px;align-items:center}
.competitive-landscape .mxs{overflow:auto;max-height:68vh;border-radius:14px}
.competitive-landscape table.mx{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}
.competitive-landscape .mx th,.competitive-landscape .mx td{border-bottom:1px solid var(--line);padding:0}
.competitive-landscape .mx thead th{position:sticky;top:0;z-index:3;background:var(--card);text-align:left;padding:12px 10px;vertical-align:bottom;min-width:128px}
.competitive-landscape .mx thead th.self{background:var(--blue-soft)}
.competitive-landscape .mx .fcol{position:sticky;left:0;z-index:2;background:var(--card);min-width:270px;max-width:270px;padding:0 14px;border-right:1px solid var(--line)}
.competitive-landscape .mx thead th.fcol{z-index:4;color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.competitive-landscape .mx tr.row:hover td,.competitive-landscape .mx tr.row:hover .fcol{background:var(--grey-soft)}
.competitive-landscape .mx td.c{padding:6px 10px}
.competitive-landscape .ch{display:flex;align-items:center;gap:8px}
.competitive-landscape .ch b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.competitive-landscape .ch i{font-style:normal;font-size:10px;font-weight:700;background:var(--blue);color:#fff;border-radius:6px;padding:1px 6px;white-space:nowrap;flex-shrink:0}
.competitive-landscape .av{width:24px;height:24px;border-radius:7px;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;flex:none}
.competitive-landscape .cov{height:4px;background:var(--line);border-radius:4px;margin:8px 0 3px;overflow:hidden}
.competitive-landscape .cov span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:4px}
.competitive-landscape .mx small{color:var(--muted);font-size:11px}
.competitive-landscape tr.cat td{background:var(--grey-soft);padding:0}
.competitive-landscape tr.cat .fcol{background:var(--grey-soft)}
.competitive-landscape .catbtn{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:9px 14px;text-align:left;font-weight:700;position:sticky;left:0;width:270px}
.competitive-landscape .catbtn .chev{transition:transform .15s;color:var(--muted)}
.competitive-landscape .catbtn[aria-expanded="false"] .chev{transform:rotate(-90deg)}
.competitive-landscape .catbtn em{font-style:normal;color:var(--muted);font-weight:500;font-size:12px}
.competitive-landscape .fname{padding:11px 0;font-weight:500}
.competitive-landscape .addrow td{border-bottom:1px solid var(--line)}
.competitive-landscape .addin{width:100%;border:0;background:none;height:34px;padding:0;color:var(--muted)}
.competitive-landscape .addin::placeholder{color:var(--muted)}
.competitive-landscape .addin:focus{outline:none;color:var(--text)}
.competitive-landscape .empty{padding:40px;text-align:center;color:var(--muted)}
.competitive-landscape .lv{display:inline-flex;align-items:center;gap:6px;border:1.5px solid transparent;border-radius:99px;height:28px;padding:0 11px 0 9px;font-size:12px;font-weight:600;background:var(--grey-soft);color:var(--muted)}
.competitive-landscape .lv::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.competitive-landscape .lv.full{background:var(--green-soft);color:var(--green)}
.competitive-landscape .lv.partial{background:var(--amber-soft);color:var(--amber)}
.competitive-landscape .lv.partial::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px currentColor}
.competitive-landscape .lv.none{background:var(--grey-soft);color:var(--muted)}
.competitive-landscape .lv.none::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.competitive-landscape .lv.unknown{background:transparent;border:1.5px dashed var(--ctl);color:var(--muted)}
.competitive-landscape .lv.unknown::before{background:none;content:"?";width:auto;height:auto;font-size:11px}
.competitive-landscape button.lv:hover{border-color:var(--blue)}
.competitive-landscape .pop{position:fixed;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:4px}
.competitive-landscape .pop button{border:0;background:none;text-align:left;padding:3px;border-radius:8px}
.competitive-landscape .pop button:hover{background:var(--grey-soft)}
.competitive-landscape .sec{display:flex;align-items:baseline;gap:10px;margin:22px 0 10px}
.competitive-landscape .sec h2{margin:0;font-size:15px}
.competitive-landscape .sec span{color:var(--muted);font-size:12.5px}
.competitive-landscape .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.competitive-landscape .cc{padding:14px;display:flex;flex-direction:column;gap:12px}
.competitive-landscape .cc.off{background:transparent}
.competitive-landscape .cc .hd{display:flex;gap:12px;align-items:center}
.competitive-landscape .cc .av{width:38px;height:38px;border-radius:11px;font-size:15px}
.competitive-landscape .cc b{display:block}
.competitive-landscape .cc small{color:var(--muted)}
.competitive-landscape .cc .ft{display:flex;justify-content:space-between;align-items:center;gap:8px}
.competitive-landscape .badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--purple-soft);color:var(--purple)}
.competitive-landscape .badge.you{background:var(--blue-soft);color:var(--blue)}
.competitive-landscape .badge.cu{background:var(--grey-soft);color:var(--muted)}
.competitive-landscape .sw{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:none;border:0;padding:0}
.competitive-landscape .sw i{width:36px;height:20px;border-radius:99px;background:var(--ctl);position:relative;transition:.15s}
.competitive-landscape .sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.competitive-landscape .sw[aria-checked="true"] i{background:var(--blue)}
.competitive-landscape .sw[aria-checked="true"] i::after{left:18px}
.competitive-landscape .form{padding:16px;display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:10px;align-items:end;margin-bottom:6px}
.competitive-landscape .form label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}
.competitive-landscape .catcard{margin-bottom:12px;overflow:hidden}
.competitive-landscape .cathd{display:flex;gap:8px;align-items:center;padding:12px 14px;background:var(--grey-soft);border-bottom:1px solid var(--line)}
.competitive-landscape .cathd .inp{font-weight:700;flex:1;background:var(--card)}
.competitive-landscape .frow{display:flex;gap:8px;align-items:center;padding:6px 14px;border-bottom:1px solid var(--line)}
.competitive-landscape .frow .inp{border-color:transparent;background:transparent;height:34px}
.competitive-landscape .frow .inp:hover{border-color:var(--ctl)}
.competitive-landscape .frow .grip{color:var(--ctl);width:8px}
.competitive-landscape .fadd{padding:8px 14px}
.competitive-landscape .fadd .inp{border-style:dashed}
.competitive-landscape .iconbtn{width:30px;height:30px;border-radius:8px;border:1.5px solid transparent;background:none;display:grid;place-items:center;color:var(--muted)}
.competitive-landscape .iconbtn:hover{border-color:var(--ctl);color:var(--text)}
.competitive-landscape .iconbtn.armed{border-color:var(--red);background:var(--red-soft);color:var(--red);width:auto;padding:0 8px;font-size:12px;font-weight:600}
.competitive-landscape .steps{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.competitive-landscape .step{display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--muted);font-weight:600;font-size:13px}
.competitive-landscape .step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--grey-soft);font-size:12px}
.competitive-landscape .step.on{color:var(--text);border-color:var(--blue)}
.competitive-landscape .step.on b{background:var(--blue);color:#fff}
.competitive-landscape .step.done b{background:var(--green);color:#fff}
.competitive-landscape .imp{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:24px;align-items:start}
.competitive-landscape .panel{padding:22px}
.competitive-landscape .panel h3{margin:0 0 4px;font-size:16px}
.competitive-landscape .panel p{margin:0 0 14px;color:var(--muted)}
.competitive-landscape .imp>*{min-width:0}
.competitive-landscape .help{padding:20px}
.competitive-landscape .help h4{margin:0 0 10px;font-size:13px}
.competitive-landscape .help ol{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}
.competitive-landscape .help .mini{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:auto;font-size:12px}
.competitive-landscape .mini table{border-collapse:collapse;width:100%}
.competitive-landscape .mini th,.competitive-landscape .mini td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.competitive-landscape .mini th{background:var(--grey-soft);color:var(--muted);font-weight:600}
.competitive-landscape .mini tr:last-child td{border:0}
.competitive-landscape .alt{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--muted)}
.competitive-landscape .lnk{background:none;border:0;padding:0;color:var(--blue);font-weight:600;text-decoration:underline}
.competitive-landscape .note{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}
.competitive-landscape .note.err{background:var(--red-soft);color:var(--red)}
.competitive-landscape .note.warn{background:var(--amber-soft);color:var(--amber)}
.competitive-landscape .note.ok{background:var(--green-soft);color:var(--green)}
.competitive-landscape .dz{border:2px dashed var(--drop);border-radius:18px;padding:36px 22px 30px;text-align:center;background:var(--card);transition:.15s}
.competitive-landscape .dz.over{background:var(--blue-soft);border-color:var(--blue)}
.competitive-landscape .dz-ico{width:64px;height:64px;border-radius:16px;background:var(--grey-soft);display:grid;place-items:center;margin:0 auto 22px;color:var(--blue)}
.competitive-landscape .dz-ico svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.competitive-landscape .dz .dz-t{font-weight:700;font-size:15.5px;margin:0 0 20px;color:var(--text)}
.competitive-landscape .dz-b{display:inline-block;background:none;border:0;padding:0;font-weight:700;font-size:16px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.competitive-landscape .dz .dz-s{color:var(--muted);font-size:13.5px;line-height:1.6;margin:24px 0 0}
.competitive-landscape .or{text-align:center;color:var(--muted);font-size:13px;letter-spacing:.06em;margin:22px 0}
.competitive-landscape .gd{width:100%;height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:14px}
.competitive-landscape .gd:hover{border-color:var(--blue)}
.competitive-landscape .maptbl{width:100%;border-collapse:collapse;font-size:13px}
.competitive-landscape .maptbl th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.competitive-landscape .maptbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.competitive-landscape .maptbl select{height:34px;border:1.5px solid var(--ctl);border-radius:9px;background:var(--card);padding:0 8px;max-width:100%}
.competitive-landscape .smp{color:var(--muted);font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competitive-landscape .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.competitive-landscape .tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.competitive-landscape .tile b{font-size:22px;display:block}
.competitive-landscape .tile span{font-size:12px;color:var(--muted)}
.competitive-landscape .tile em{font-style:normal;font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:1px 8px;margin-left:6px}
.competitive-landscape .rowbtns{display:flex;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}
.competitive-landscape .chips{display:flex;gap:6px;flex-wrap:wrap}
.competitive-landscape .chip{font-size:12px;font-weight:600;border-radius:99px;padding:3px 10px;background:var(--purple-soft);color:var(--purple)}
.competitive-landscape .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#1d2030;color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:60;max-width:90vw}
.competitive-landscape .toast.on{opacity:1;transform:translate(-50%,0)}
.competitive-landscape .theme{height:36px;width:36px;padding:0;justify-content:center}
.competitive-landscape .hidden{display:none}
@media (max-width:900px){.competitive-landscape .stats,.competitive-landscape .tiles{grid-template-columns:repeat(2,1fr)}
.competitive-landscape .imp{grid-template-columns:minmax(0,1fr)}
.competitive-landscape .form{grid-template-columns:1fr}
.competitive-landscape .mx .fcol{min-width:190px;max-width:190px}
.competitive-landscape .catbtn{width:190px}
}
@media (prefers-reduced-motion:reduce){.competitive-landscape *{transition:none!important}
}

.competitive-landscape{font:14px/1.45 Inter,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.competitive-landscape .wrap{max-width:1240px;width:100%}
.competitive-landscape .tab .n{font-size:11px;font-weight:500}
.competitive-landscape .save-status{font-size:12px;color:var(--muted);margin-bottom:10px}
.competitive-landscape .message{padding:12px 16px;border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--blue-soft)}
.competitive-landscape .error{color:var(--red)}
.competitive-landscape .cell-button{border:0;background:transparent;display:flex;align-items:center;gap:5px;padding:6px 0;color:inherit}
.competitive-landscape .note-mark{font-size:12px;color:var(--muted)}
.competitive-landscape .feature-description{display:block;color:var(--muted);font-size:11px;font-weight:400;white-space:normal;overflow-wrap:anywhere;padding-bottom:7px}
.competitive-landscape .footnote{margin:10px 0;font-size:12.5px}
.competitive-landscape .edit-panel{padding:20px;margin-top:16px}
.competitive-landscape form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.competitive-landscape form label,.competitive-landscape .mapping label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;flex:1;min-width:150px}
.competitive-landscape input,.competitive-landscape select,.competitive-landscape textarea{font:inherit;color:var(--text);background:var(--card);border:1.5px solid var(--ctl);border-radius:10px;padding:8px 10px;min-width:0;max-width:100%;box-sizing:border-box}
.competitive-landscape textarea{resize:vertical;width:100%;white-space:pre-wrap}
.competitive-landscape .edit-panel form{display:grid;grid-template-columns:1fr 1fr}
.competitive-landscape .edit-panel label:nth-child(2){grid-column:1/-1;grid-row:2}
.competitive-landscape .edit-panel .actions{grid-column:1/-1}
.competitive-landscape .form{display:block;padding:20px;margin-top:16px}
.competitive-landscape .form h2,.competitive-landscape .edit-panel h2{font-size:16px;margin-top:0}
.competitive-landscape .feature-form{padding:12px 16px;border-top:1px solid var(--line)}
.competitive-landscape .add-form{padding:12px 16px}
.competitive-landscape .compact-form{margin-top:16px}
.competitive-landscape .compact-form label{min-width:120px}
.competitive-landscape .mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.competitive-landscape .browse{display:block;color:var(--blue);font-weight:600;margin:14px auto}
.competitive-landscape .browse input{display:block;margin:10px auto;max-width:100%}
.competitive-landscape .imp .sub{margin-top:12px}
.competitive-landscape .search .inp{padding-left:34px}
.competitive-landscape .cc .hd small{overflow-wrap:anywhere;white-space:normal}
@media(max-width:700px){.competitive-landscape .edit-panel form,.competitive-landscape .mapping{grid-template-columns:1fr}.competitive-landscape .wrap{padding:20px 12px 50px}.competitive-landscape .stats{grid-template-columns:repeat(2,1fr)}}

.competitive-landscape .av{background:var(--blue)}
.competitive-landscape .import-preview{overflow:auto;max-height:480px;margin-top:14px}
.competitive-landscape .import-preview table{border-collapse:collapse;width:100%;font-size:12px}
.competitive-landscape .import-preview th,.competitive-landscape .import-preview td{padding:8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.competitive-landscape .long-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:200px}

.competitive-landscape .mx tbody th.fcol{text-align:left}
.competitive-landscape .mapping-scroll{overflow:auto}
.competitive-landscape .dz-b input{display:block;max-width:100%;margin:10px auto;font-size:12px}
.competitive-landscape .maptbl .smp{max-width:260px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto}
/* Keep reference control geometry despite global application control minimums. */
.competitive-landscape .btn{min-height:36px;height:36px;line-height:1.2}
.competitive-landscape .btn.sm{min-height:30px;height:30px}
.competitive-landscape .seg button{min-height:33px;height:33px;border-radius:0;line-height:1.2}
.competitive-landscape .tab{min-height:0;border-radius:0;line-height:1.45}
.competitive-landscape .inp,.competitive-landscape input:not([type=file]),.competitive-landscape select{min-height:36px;height:36px;line-height:1.2}
.competitive-landscape .cell-button{min-height:0;border-radius:0;line-height:1.2}
.competitive-landscape .catbtn{min-height:0;border-radius:0;line-height:1.45}
.competitive-landscape .export-menu{display:flex;gap:6px;flex-wrap:wrap;background:var(--card);padding:8px;border:1px solid var(--line);border-radius:10px}

/* Reference palette and compact controls stay local; the application selects light/dark mode. */
html[data-theme] .competitive-landscape .card{background:var(--card);color:var(--text);border-color:var(--line)}
html[data-theme] .competitive-landscape .cc.off{background:transparent}
.competitive-landscape .search .ico{pointer-events:none}
.competitive-landscape .catbtn .ico{transition:transform .15s}
.competitive-landscape .catbtn[aria-expanded="false"] .ico{transform:rotate(-90deg)}
.competitive-landscape .stat.warn b{color:var(--amber)}
.competitive-landscape .cc .sw{min-height:20px;height:20px;border-radius:0;line-height:1.2}
.competitive-landscape .competitor-edit summary{font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}
.competitive-landscape .competitor-edit[open] summary{margin-bottom:10px}
.competitive-landscape .maptbl select{min-height:34px;height:34px}
.competitive-landscape .gd{min-height:46px;height:46px}
.competitive-landscape .dz-b{min-height:0;border-radius:0;line-height:1.45}

.competitive-landscape .category-name-form{flex:1;flex-wrap:nowrap;min-width:0;align-items:center}
.competitive-landscape .category-name-form .inp{flex:1;min-width:0;width:auto}
.competitive-landscape .frow.feature-form{padding:6px 14px;gap:8px;border-top:0;align-items:center}
.competitive-landscape .frow .feature-name{flex:1;min-width:150px;height:34px;min-height:34px}
.competitive-landscape .feature-details{flex-basis:100%;padding-left:16px;font-size:12px;color:var(--muted)}
.competitive-landscape .feature-details summary{cursor:pointer;min-height:18px}
.competitive-landscape .feature-details[open] label{margin-top:8px;margin-bottom:8px}
.competitive-landscape .fadd.add-form{padding:8px 14px;gap:8px;flex-wrap:nowrap}
.competitive-landscape .fadd .inp{flex:1;min-width:0;width:auto}
.competitive-landscape .add-category-form{margin-top:12px;gap:8px;flex-wrap:nowrap}
.competitive-landscape .add-category-form .inp{border-style:dashed;flex:1;width:auto}
.competitive-landscape .iconbtn{height:30px;min-height:30px;width:30px;min-width:30px;padding:0;flex:none}
html[data-theme] .competitive-landscape .tab{background:none;border:0;border-bottom:2.5px solid transparent;border-radius:0;color:var(--muted)}
html[data-theme] .competitive-landscape .tab[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue);background:none}
html[data-theme] .competitive-landscape .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme] .competitive-landscape .seg button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--line)}
.competitive-landscape .badge{display:inline-flex;width:auto;align-self:flex-start}
/* The shell's high-specificity hover rule must not replace the reference tab underline. */
.competitive-landscape .tab:hover{border-color:transparent!important;transform:none!important}
.competitive-landscape .tab[aria-current="page"]:hover{border-bottom-color:var(--blue)!important}
.competitive-landscape :is(h1,h2,h3,h4){font-family:inherit;line-height:1.45;font-weight:700}

.competitive-landscape .preview-explanation{margin-top:6px;font-size:11px;color:var(--muted)}
.competitive-landscape .preview-explanation summary{cursor:pointer}
.competitive-landscape .preview-explanation .long-text{margin-top:8px;color:var(--text);font-size:12px;max-width:360px}
/* Preserve reference fills while keeping small labels at WCAG AA contrast. */
html[data-theme="dark"] .competitive-landscape .btn.primary,
html[data-theme="dark"] .competitive-landscape .btn.primary:hover,
html[data-theme="dark"] .competitive-landscape .btn.purple,
html[data-theme="dark"] .competitive-landscape .btn.purple:hover,
html[data-theme="dark"] .competitive-landscape .seg button[aria-pressed="true"],
html[data-theme="dark"] .competitive-landscape .ch i,
html[data-theme="dark"] .competitive-landscape .step.on b,
html[data-theme="dark"] .competitive-landscape .step.done b{color:#0f1117}
html[data-theme="light"] .competitive-landscape .lv.full{color:#187c51}
html[data-theme="light"] .competitive-landscape .lv.partial{color:#9a600b}
html[data-theme="light"] .competitive-landscape .lv.none,
html[data-theme="light"] .competitive-landscape .badge.cu,
html[data-theme="light"] .competitive-landscape .tab:not([aria-current="page"]) .n,
html[data-theme="light"] .competitive-landscape .step:not(.on):not(.done) b{color:#686c78}
html[data-theme="light"] .competitive-landscape .step.done b{background:#187c51}
/* Evidence review uses the existing page cards and controls without changing matrix geometry. */
.competitive-landscape .assistance-panel{padding:20px;margin:16px 0 22px}
.competitive-landscape .assistance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.competitive-landscape .assistance-heading h2{font-size:18px;margin:0 0 8px}
.competitive-landscape .assistance-panel>label{display:block;font-size:13px;font-weight:600;margin:12px 0}
.competitive-landscape .assistance-panel textarea{display:block;width:100%;margin-top:8px;min-height:64px}
.competitive-landscape .assistance-panel .assistance-consent,.competitive-landscape .assistance-selection{display:flex;align-items:flex-start;gap:10px}
.competitive-landscape .assistance-panel input[type=checkbox]{appearance:auto;width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:3px 0;accent-color:var(--accent,#3355e0)}
.competitive-landscape .assistance-suggestions{display:grid;gap:12px;margin:16px 0}
.competitive-landscape .assistance-suggestion{padding:16px;border:1px solid var(--line,#dfe2ea);border-radius:10px}
.competitive-landscape .assistance-selection>span{flex:1}
.competitive-landscape .assistance-selection small{display:block;margin-top:5px;font-weight:400}
.competitive-landscape .assistance-evidence summary{cursor:pointer;font-weight:600;font-size:13px}
.competitive-landscape .assistance-evidence>div{margin:12px 0;font-size:13px;overflow-wrap:anywhere}
.competitive-landscape .assistance-evidence blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--line,#dfe2ea);white-space:pre-wrap}
.competitive-landscape .assistance-warnings{font-size:13px;line-height:1.6;padding-left:20px}
.competitive-landscape .ai-mark{display:inline-block;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.5;padding:1px 5px;border-radius:4px;color:#6940a5;background:#f1eafa;vertical-align:middle}
.competitive-landscape .cell-button .ai-mark{margin-left:5px}
.competitive-landscape .proposal-review{padding:20px;margin-top:16px}
.competitive-landscape .proposal-review h2{font-size:17px;margin-top:8px}
.competitive-landscape .proposal-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}
.competitive-landscape .proposal-comparison h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
.competitive-landscape .proposal-comparison label{display:block;font-size:12px;margin:8px 0}
.competitive-landscape .proposal-comparison textarea{display:block;width:100%;margin-top:6px}
html[data-theme=dark] .competitive-landscape .ai-mark{color:#d9baff;background:#352644}
@media(max-width:600px){.competitive-landscape .proposal-comparison{grid-template-columns:1fr}}
.competitive-landscape .proposal-review{padding:16px}
.competitive-landscape .proposal-review .assistance-heading{margin-bottom:12px}
.competitive-landscape .proposal-review .assistance-heading h2{font-size:15px;margin:5px 0 0}
.competitive-landscape .proposal-comparison{gap:20px;margin-bottom:10px}
.competitive-landscape .proposal-comparison h3{font-size:11px;color:var(--muted,#6b7080);margin-bottom:7px}
.competitive-landscape .proposal-review p,.competitive-landscape .proposal-review .sub{font-size:12px;line-height:1.5;margin:8px 0}
.competitive-landscape .proposal-review .assistance-evidence summary{font-size:12px}
.competitive-landscape .proposal-review .assistance-evidence>div{font-size:12px;margin:8px 0}
.competitive-landscape .proposal-review .assistance-evidence blockquote{margin:5px 0}
.competitive-landscape .proposal-review .actions{margin-top:12px}

/* Geometry from competitive-landscape.html; isolate it from shell typography and tables. */
.competitive-landscape .top>.actions{margin-left:auto}
.competitive-landscape .mx .fcol{width:270px}
.competitive-landscape .mx .ch b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;min-width:0}
.competitive-landscape .mx .cov span{min-width:0}
.competitive-landscape .matrix-additions{margin-top:12px}
.competitive-landscape .landscape-workflow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.competitive-landscape .landscape-workflow .save-status{margin:0;flex:1}
@media(max-width:900px){.competitive-landscape .mx .fcol{width:190px}}

.competitive-landscape progress.cov{appearance:none;display:block;width:100%;border:0;height:4px;background:var(--line);color:var(--blue)}
.competitive-landscape progress.cov::-webkit-progress-bar{background:var(--line);border-radius:4px}
.competitive-landscape progress.cov::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:4px}
.competitive-landscape progress.cov::-moz-progress-bar{background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:4px}
.competitive-landscape .ch b{font-weight:700}
.competitive-landscape .cell-button{padding:0}
.competitive-landscape .mx td.empty{padding:40px}
.competitive-landscape .av.avatar-color-0{background:#3355e0}
.competitive-landscape .av.avatar-color-1{background:#7b5fe0}
.competitive-landscape .av.avatar-color-2{background:#0f8f8f}
.competitive-landscape .av.avatar-color-3{background:#d2692f}
.competitive-landscape .av.avatar-color-4{background:#c2437a}
.competitive-landscape .av.avatar-color-5{background:#4a7f1f}
.competitive-landscape .av.avatar-color-6{background:#8a5cc2}
.competitive-landscape .av.avatar-color-7{background:#2d7fc4}

.competitive-landscape .matrix-add-form{display:block;margin:0}
.competitive-landscape .matrix-add-form input.addin{height:34px;min-height:34px;padding:0;border:0;border-radius:0;background:none;color:var(--muted)}

/* Keep stacked field labels and reference spacing inside the competitor form. */
.competitive-landscape .form form{gap:12px;align-items:flex-end}
.competitive-landscape .form form label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:min(220px,100%)}
.competitive-landscape .form form label input,.competitive-landscape .form form label select{width:100%}
.competitive-landscape .form h2{margin:0 0 16px}
.competitive-landscape .form h2:not(:first-child){margin-top:24px}
.competitive-landscape .form>.sub{margin:10px 0 0}
@media(max-width:700px){.competitive-landscape .form form label{flex-basis:100%}}
.competitive-landscape .catbtn .ico,.competitive-landscape .catbtn em{flex-shrink:0}
.competitive-landscape .catbtn em{white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* Explicit spreadsheet layouts share the page's inline card controls. */
.competitive-landscape .landscape-orientation{border:0;padding:0;margin:16px 0;min-width:0}
.competitive-landscape .landscape-orientation legend{font-size:13px;font-weight:650;margin-bottom:8px}
.competitive-landscape .orientation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.competitive-landscape .orientation-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--appearance-border,var(--line,#dce1ea));border-radius:10px;padding:12px;cursor:pointer;min-width:0}
.competitive-landscape .orientation-choice:has(input:checked){border-color:var(--appearance-link,var(--blue,#3155e0));background:var(--appearance-selected-bg,rgba(49,85,224,.07))}
.competitive-landscape .orientation-choice input{width:16px;min-width:16px;height:16px;margin:0;accent-color:var(--appearance-link,var(--blue,#3155e0))}
.competitive-landscape .orientation-choice b{display:block;font-size:13px}
.competitive-landscape .orientation-choice small{display:block;font-size:12px;color:var(--appearance-text-muted,var(--muted,#657084));margin-top:3px}
.competitive-landscape .orientation-icon{font-size:24px;line-height:1;color:var(--appearance-link,var(--blue,#3155e0))}
.competitive-landscape .export-menu .orientation-options{grid-template-columns:1fr}
.competitive-landscape .export-menu{min-width:min(330px,calc(100vw - 48px));max-width:100%}
@media(max-width:620px){.competitive-landscape .orientation-options{grid-template-columns:1fr}}
.competitive-landscape .export-menu .landscape-orientation,.competitive-landscape .export-layout-note{flex-basis:100%;width:100%}
.competitive-landscape .export-layout-note{color:var(--appearance-text-muted,var(--muted,#657084));font-size:12px;line-height:1.5}

/* Product classification is separate from the competitor website and feature groups. */
.competitive-landscape .cc .hd .product-category{display:block;margin-top:6px;line-height:1.45;overflow-wrap:anywhere;}

/* Import columns respond to their content area, including sidebar and display zoom. */
.competitive-landscape .imp{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.competitive-landscape .tabs{flex-wrap:wrap;overflow-x:visible;row-gap:2px}
.competitive-landscape .tab{max-width:100%;white-space:normal;overflow-wrap:break-word}
.competitive-landscape .orientation-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

/* Keep the reference toolbar compact and every product header on shared baselines. */
.competitive-landscape .matrix-product-category{display:block;margin:6px 0;font-size:12px;font-weight:400;line-height:1.4;max-width:220px;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}
.competitive-landscape .landscape-category-filter{position:relative;min-width:200px;max-width:260px}
.competitive-landscape .landscape-category-filter .multi-select-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.competitive-landscape .landscape-category-filter .multi-select-toggle{min-height:36px;height:36px;padding:0 12px;font-size:12.5px;border-radius:10px;background:var(--card);color:var(--text);border-color:var(--ctl)}
.competitive-landscape .landscape-category-filter .multi-select-panel{z-index:10;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.competitive-landscape .landscape-category-filter .multi-select-option{white-space:normal;align-items:center;gap:9px}
.competitive-landscape .landscape-category-filter .multi-select-option>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.competitive-landscape .landscape-category-filter .landscape-filter-type{font-weight:700}
.competitive-landscape .landscape-category-filter .landscape-filter-category{padding-left:22px}

/* Pending suggestions stay visually distinct until a person approves them. */
.competitive-landscape .c:has(.cell-button[data-proposal]),
.competitive-landscape .mx .ai-draft-feature,
.competitive-landscape .assistance-suggestion{background:var(--purple-soft)}
.competitive-landscape .cell-button[data-proposal]{padding:6px 8px;border:1px solid var(--purple);border-radius:6px;min-height:34px;flex-wrap:wrap;background:var(--purple-soft)}
.competitive-landscape .proposal-suggested{padding:14px;border:1px solid var(--purple);border-radius:8px;background:var(--purple-soft)}

/* Category names and designations are independent saved values and may be long. */
.competitor-category-badge,.competitor-category-settings,.competitor-category-slot{white-space:normal;overflow-wrap:anywhere;min-width:0}
.competitor-category-settings select,.competitive-landscape [data-competitor-category-id] select{max-width:100%;min-width:0;width:100%}
.competitive-landscape [data-competitor-category-id] button{white-space:normal;overflow-wrap:anywhere;margin:4px 0;max-width:100%}


/* Network View: external rules also apply under the hosted style-src policy. */

.cc-network{
  --bg:#f5f7fb;--card:#fff;--ink:#1b2333;--mute:#5d6b82;--line:#d9e0ec;--soft:#eef3fc;
  --accent:#0b57d0;--accent-ink:#fff;--shadow:0 1px 2px rgba(20,30,60,.06),0 4px 14px rgba(20,30,60,.06);
  color-scheme:light;--link:#9fb0cc;--dots:#e3e9f4;
  --c-direct:#d93025;--c-integrate:#0b57d0;--c-vertical:#d97706;--c-narrow:#7c3aed;--c-partner:#0f9488;--c-current:#64748b;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .cc-network{
  color-scheme:dark;--bg:#0f1420;--card:#171e2e;--ink:#e8edf7;--mute:#9aa8c2;--line:#2a3550;--soft:#1c2842;
  --accent:#6ea2ff;--accent-ink:#0b1220;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);--link:#4a5a7c;--dots:#222c44;
  --c-direct:#ff7b72;--c-integrate:#6ea2ff;--c-vertical:#f0a04b;--c-narrow:#b69cff;--c-partner:#4fd1c0;--c-current:#a5b3c9}}
html[data-theme="dark"] .cc-network{
  color-scheme:dark;--bg:#0f1420;--card:#171e2e;--ink:#e8edf7;--mute:#9aa8c2;--line:#2a3550;--soft:#1c2842;
  --accent:#6ea2ff;--accent-ink:#0b1220;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);--link:#4a5a7c;--dots:#222c44;
  --c-direct:#ff7b72;--c-integrate:#6ea2ff;--c-vertical:#f0a04b;--c-narrow:#b69cff;--c-partner:#4fd1c0;--c-current:#a5b3c9}
.cc-network *{box-sizing:border-box}
.cc-network{margin:0;background:var(--bg);color:var(--ink);font:500 14px/1.45 Manrope,system-ui,sans-serif}
.cc-network button,.cc-network select,.cc-network textarea{font:inherit;color:inherit}
.cc-network .wrap{max-width:1280px;margin:0 auto;padding:20px 16px 60px}
.cc-network header.top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.cc-network h1{font-size:20px;margin:0 0 2px;font-weight:800}
.cc-network .sub{color:var(--mute);margin:0;max-width:64ch}
.cc-network .btn{min-height:0!important;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-weight:600}
.cc-network .btn:hover:not(:disabled){background:var(--soft)}
.cc-network .btn:disabled{opacity:.45;cursor:default}
.cc-network .btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.cc-network :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cc-network .sample{display:inline-block;margin-top:8px;font-size:12px;color:var(--mute);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:3px 8px}
.cc-network .legend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.cc-network .chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.cc-network .chip i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.cc-network .chip[aria-pressed="true"]{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);background:color-mix(in srgb,var(--c) 10%,var(--card))}
.cc-network .hint{color:var(--mute);font-size:12.5px;margin:0 0 10px}

.cc-network .stage{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow-x:auto;overflow-y:hidden;
  background-image:radial-gradient(var(--dots) 1px,transparent 1px);background-size:18px 18px}
.cc-network svg.cc-network-svg{display:block;width:100%;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
.cc-network .nd{cursor:grab;outline:none}
.cc-network .nd:active{cursor:grabbing}
.cc-network .catname{font-size:12px;font-weight:800}
.cc-network .nd .ring{fill:none;stroke:var(--accent);stroke-width:3;opacity:0}
.cc-network .nd:focus-visible .ring,.cc-network .nd.sel .ring,.cc-network .nd.target .ring{opacity:1}
.cc-network .nd.target .ring{stroke-width:5;fill:color-mix(in srgb,var(--accent) 14%,transparent)}
.cc-network .nd.dim,.cc-network .lk.dim{opacity:.14}
.cc-network .nd{transition:opacity .2s}
.cc-network .lk{transition:opacity .2s;stroke-width:1.4;stroke-linecap:round;fill:none}
.cc-network .lbl{font-size:11.5px;font-weight:600;fill:var(--ink);paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round;pointer-events:all;cursor:grab}
.cc-network .hubname{font-size:13px;font-weight:800}
.cc-network .hubdes{font-size:11px;font-weight:700}
.cc-network .cnt{font-size:13px;font-weight:800;fill:var(--card);pointer-events:none}
.cc-network .rootT{font-size:10.5px;font-weight:800;fill:var(--accent-ink);pointer-events:none}

.cc-network .menu{position:fixed;z-index:50;width:300px;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(10,20,50,.25);padding:8px}
.cc-network .menu h4{margin:4px 6px 6px;font-size:12px;color:var(--mute);font-weight:700}
.cc-network .menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;border-radius:8px;padding:7px 8px;cursor:pointer;font-size:13px}
.cc-network .menu button:hover,.cc-network .menu button:focus-visible{background:var(--soft)}
.cc-network .menu button i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
.cc-network .menu button small{color:var(--mute);display:block;font-size:11.5px}
.cc-network .menu button .cur{margin-left:auto;color:var(--mute);font-size:11.5px}
.cc-network .menu button[aria-current="true"]{font-weight:800}
.cc-network .toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px;display:flex;gap:14px;align-items:center;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:92vw}
.cc-network .toast button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-weight:700}
.cc-network details.data{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.cc-network details.data summary{cursor:pointer;font-weight:700}
.cc-network details.data textarea{width:100%;height:220px;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:10px;font:12px/1.5 ui-monospace,Menlo,monospace}
.cc-network .err{color:var(--c-direct);font-size:12.5px;margin-left:10px}
.cc-network .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.cc-network{position:relative;--c-other:#a64b83}.cc-network button{min-height:0;min-width:0;font:inherit;line-height:1.45;letter-spacing:normal;text-transform:none;margin:0;box-shadow:none}.cc-network .btn{font-size:14px;line-height:1.45;color:var(--ink)}.cc-network .chip{font-size:12.5px;line-height:1.45;color:var(--ink)}.cc-network .menu{position:absolute;z-index:50}.cc-network .menu button{font-size:13px;line-height:1.45;color:var(--ink)}.cc-network .accessible{margin-top:14px}.cc-network .accessible section.dim{opacity:.14}.cc-network .accessible button{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px 8px;margin:3px}.cc-network .tray{margin-top:14px}.cc-network[data-list=true] .stage{display:none}.cc-network .status{color:var(--mute);font-size:12.5px}.cc-network .wrap{padding-bottom:20px}
.cc-network [data-designation="direct"]{--c:var(--c-direct)}
.cc-network [data-designation="integrate"]{--c:var(--c-integrate)}
.cc-network [data-designation="vertical"]{--c:var(--c-vertical)}
.cc-network [data-designation="narrow"]{--c:var(--c-narrow)}
.cc-network [data-designation="partner"]{--c:var(--c-partner)}
.cc-network [data-designation="current"]{--c:var(--c-current)}
.cc-network [data-designation="other"]{--c:var(--c-other)}
.cc-network .hubname[data-designation]{fill:var(--c)}

/* Keep unassigned competitor actions separated, including wrapped rows. */
.cc-network .tray{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cc-network .tray>h3{flex-basis:100%;margin:0 0 2px}

.cc-network .accessible section{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0}
.cc-network .accessible section>h3{flex:1 1 240px;margin:0}
.cc-network .accessible section>div{flex-basis:100%}

/* Shared category editor: consistent spacing and full-width labelled fields. */
.workspace-file-dialog.competitor-category-dialog{width:min(720px,var(--cc-dialog-width,calc(100vw - 32px)));max-height:var(--cc-dialog-height,calc(100dvh - 32px));overflow:auto;padding:24px;box-sizing:border-box}
.competitor-category-dialog[open]{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0}
.competitor-category-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:20px 24px;background:var(--surface,var(--panel,#fff))}
.competitor-category-dialog h2,.competitor-category-dialog p{margin:0}
.competitor-category-dialog form{display:grid;gap:16px}
.competitor-category-dialog label{display:grid;gap:8px;min-width:0}
.competitor-category-dialog input,.competitor-category-dialog select{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid var(--border,#d9e0ec);border-radius:10px;background:var(--panel,#fff);color:inherit}
.competitor-category-dialog form>button{justify-self:start;margin:0}
.competitor-category-dialog>.competitor-category-dialog-body{display:grid;gap:20px;overflow:auto;min-height:0;min-width:0;padding:0 24px 24px;flex:1 1 auto}
.competitor-category-dialog-body>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.competitor-category-dialog-body>div>p{flex-basis:100%}

/* Category/designation editor keeps its frame in isolated and full application contexts. */
.workspace-file-dialog.competitor-category-dialog{border:1px solid var(--border,#d9e0ec);border-radius:16px;box-shadow:0 16px 48px rgba(10,20,50,.22);background:var(--surface,var(--panel,#fff));color:var(--text,#1b2333)}
.competitor-category-dialog .competitor-designation-settings{display:grid;gap:16px;min-width:0}
.competitor-category-dialog .competitor-designation-settings>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.competitor-category-dialog .competitor-designation-settings>div>p{flex-basis:100%;overflow-wrap:anywhere}
.competitor-category-dialog .competitor-designation-settings h3{margin:0}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .workspace-file-dialog.competitor-category-dialog{background:var(--surface,var(--panel,#171e2e));color:var(--text,#e8edf7);border-color:var(--border,#2a3550)}}

.cc-network{--c-similar:#307f4a;--c-custom-0:#be3b35;--c-custom-1:#176ac0;--c-custom-2:#aa620e;--c-custom-3:#7851c2;--c-custom-4:#087d76;--c-custom-5:#596b80;--c-custom-6:#a54882;--c-custom-7:#307f4a;--c-custom-8:#89552d;--c-custom-9:#4754b3;--c-custom-10:#9b503f;--c-custom-11:#326e81;}
.cc-network [data-designation="similar"]{--c:var(--c-similar)}
.cc-network [data-designation="custom-0"]{--c:var(--c-custom-0)}
.cc-network [data-designation="custom-1"]{--c:var(--c-custom-1)}
.cc-network [data-designation="custom-2"]{--c:var(--c-custom-2)}
.cc-network [data-designation="custom-3"]{--c:var(--c-custom-3)}
.cc-network [data-designation="custom-4"]{--c:var(--c-custom-4)}
.cc-network [data-designation="custom-5"]{--c:var(--c-custom-5)}
.cc-network [data-designation="custom-6"]{--c:var(--c-custom-6)}
.cc-network [data-designation="custom-7"]{--c:var(--c-custom-7)}
.cc-network [data-designation="custom-8"]{--c:var(--c-custom-8)}
.cc-network [data-designation="custom-9"]{--c:var(--c-custom-9)}
.cc-network [data-designation="custom-10"]{--c:var(--c-custom-10)}
.cc-network [data-designation="custom-11"]{--c:var(--c-custom-11)}


@media(prefers-color-scheme:dark){.competitor-category-dialog>header{background:var(--surface,var(--panel,#171e2e))}}

.competitor-category-dialog>header{border-radius:15px 15px 0 0}

.competitor-category-dialog>header>button{flex-shrink:0;white-space:nowrap;min-width:max-content}

/* Shared by competitor cards, Gap Analysis columns and Market Intelligence. */
.competitor-category-selector{display:grid;gap:12px;min-width:0}
.competitor-category-selector>p{margin:0}
.competitor-category-selector>label{display:grid;gap:6px;min-width:0}
.competitor-category-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}
.competitor-category-selector .competitor-category-actions>button,.competitive-landscape [data-competitor-category-id] .competitor-category-actions>button{margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.competitor-category-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--border,#d9e0ec);background:var(--surface,var(--panel,#fff))}
.competitor-category-dialog-actions>p{flex-basis:100%;margin:0;overflow-wrap:anywhere}
.competitor-category-dialog .competitor-category-dialog-actions>button{margin:0}
.competitor-category-dialog-body form>h3{margin:0}
@media(prefers-color-scheme:dark){.competitor-category-dialog-actions{background:var(--surface,var(--panel,#171e2e))}}

.competitor-category-list{display:grid;gap:16px;min-width:0}
.competitor-category-list h3{margin:0}
.competitor-category-list>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.competitor-category-list>div>p{flex-basis:100%}
.competitor-category-selector select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}

/* Product-role labels wrap inside the accessible tree rather than widening the page. */
.cc-network .cc-tree,.cc-network .cc-tree section,.cc-network .cc-tree section>div,.cc-network .cc-tree ul,.cc-network .cc-tree li{box-sizing:border-box;min-width:0;max-width:100%}
.cc-network .cc-tree section>div{width:100%}
.cc-network .cc-tree ul{margin:4px 0 8px;padding-inline-start:20px}
.cc-network .cc-tree li{overflow-wrap:anywhere}
.cc-network .cc-tree .btn{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;margin:3px 0}
.cc-network .tray .btn{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Explicit category assignment beside each unassigned company. */
.cc-network .tray>p{flex-basis:100%;margin:0;color:var(--mute)}
.cc-network .network-unassigned-company{box-sizing:border-box;flex:1 1 320px;min-width:0;max-width:100%;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.cc-network .network-unassigned-company h4{margin:0 0 12px;overflow-wrap:anywhere}
.cc-network .network-unassigned-company .competitor-category-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.cc-network .network-unassigned-company label{display:grid;gap:8px}
.cc-network .network-unassigned-company select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.cc-network .network-unassigned-company details{margin-top:14px}
.cc-network .network-unassigned-company details>div{padding-top:10px}
.cc-network .network-unassigned-paging{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px}

/* Long category-manager titles wrap without displacing the Close control. */
.competitor-category-dialog>header>h2{flex:1;min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.competitor-category-dialog>header{flex-wrap:wrap}.competitor-category-dialog>header>h2{flex-basis:100%}.competitor-category-dialog>header>button{margin-left:auto}}
.competitive-landscape .btn[data-action="create-competitor-profile"]{white-space:normal;max-width:100%;min-width:0;height:auto;min-height:36px;padding-block:8px;overflow-wrap:anywhere;text-align:left}

/* Keep both company entry points aligned with the network chart. */
.competitive-landscape .network-company-actions{padding-inline:16px}
.cc-network .network-company-actions-below{margin-top:12px}

/* Native top-layer popover stays outside the horizontally scrolling comparison table. */
.competitive-landscape .rating-explanation-trigger{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px;font:inherit;vertical-align:middle}
.competitive-landscape .rating-explanation-trigger:hover{color:var(--text)}
.competitive-landscape .rating-explanation-trigger:focus-visible,.rating-explanation-popover button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.competitive-landscape .rating-explanation-popover{position:fixed;inset:auto;left:var(--rating-popover-left,50%);top:var(--rating-popover-top,50%);transform:translate(-50%,-50%);margin:0;box-sizing:border-box;min-width:0;width:min(440px,var(--rating-popover-width,calc(100vw - 32px)));max-width:var(--rating-popover-width,calc(100vw - 32px));max-height:var(--rating-popover-height,calc(100dvh - 32px));white-space:normal;overflow-wrap:anywhere;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);box-shadow:0 12px 48px #0005}
.rating-explanation-heading{min-width:0;display:flex;align-items:start;gap:12px;justify-content:space-between;overflow-wrap:anywhere}
.rating-explanation-heading strong{min-width:0;overflow-wrap:anywhere}
.rating-explanation-heading button{flex-shrink:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px}
.rating-explanation-text{min-width:0;max-width:100%;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;text-align:left}

.competitive-landscape .mx .cell-button{display:inline-flex;vertical-align:middle}

/* Saved company names open details; they never start editing implicitly. */
.competitive-landscape button.landscape-company-name{border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;padding:2px 0;cursor:pointer}
.competitive-landscape .ch button.landscape-company-name{flex:1}
.landscape-company-details{position:fixed;inset:auto;left:var(--rating-popover-left,50%);top:var(--rating-popover-top,50%);transform:translate(-50%,-50%);margin:0;box-sizing:border-box;min-width:0;width:min(640px,var(--rating-popover-width,calc(100% - 32px)));max-width:var(--rating-popover-width,calc(100% - 32px));max-height:var(--rating-popover-height,calc(100% - 32px));overflow:auto;background:var(--card,var(--surface));color:var(--text,var(--ink));border:1px solid var(--line);border-radius:14px;padding:20px}
.landscape-company-details>header{display:flex;align-items:start;gap:16px;justify-content:space-between}.landscape-company-details h2{min-width:0;overflow-wrap:anywhere}.landscape-company-details>header>button{flex-shrink:0}.landscape-company-details p{white-space:pre-wrap;overflow-wrap:anywhere}

/* Keep comparison columns readable; horizontal scrolling handles extra companies. */
.competitive-landscape .mx thead th:not(.fcol),
.competitive-landscape .mx td.c{min-width:220px;width:220px}
.competitive-landscape .mx .ch{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center}
.competitive-landscape .mx .ch .landscape-company-name{white-space:normal;overflow-wrap:break-word;word-break:normal}
.competitive-landscape .mx .matrix-rating{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;width:max-content;max-width:100%}
.competitive-landscape .mx .cell-button{flex:none;width:auto;max-width:none;white-space:nowrap}
.competitive-landscape .mx .lv{flex:none;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.competitive-landscape .mx .lv::before{flex:none}
.competitive-landscape .matrix-rating>.rating-explanation-trigger{flex:none;width:auto;margin:0;white-space:nowrap}

.competitive-landscape .company-card-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.competitive-landscape .company-website{display:block;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;max-width:100%;text-underline-offset:2px}

/* Keep node drags precise while allowing the surrounding diagram to scroll. */
.cc-network .nd{touch-action:none}

/* Task-based categorization manager. */
.competitor-category-dialog .categorization-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 24px 18px;border-bottom:1px solid var(--border,#d9e0ec);flex-shrink:0}
.competitor-category-dialog .categorization-sections button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:1px solid var(--border,#d9e0ec);background:var(--surface,var(--panel,#fff));border-radius:12px;padding:13px 12px;min-width:0;color:inherit;line-height:1.35}
.competitor-category-dialog .categorization-sections small{font-size:.78rem;font-weight:400;color:var(--muted,#64748b)}
.competitor-category-dialog .categorization-sections [aria-pressed=true]{background:var(--accent-soft,#eef4ff);border-color:var(--accent,#245cdb);box-shadow:inset 0 0 0 1px var(--accent,#245cdb)}
.competitor-category-dialog .categorization-panel{display:grid;gap:16px;border:1px solid var(--border,#d9e0ec);border-radius:14px;padding:18px;min-width:0;background:var(--surface,var(--panel,#fff))}
.competitor-category-dialog [hidden]{display:none!important}
.competitor-category-dialog .categorization-intro{padding-top:20px;color:var(--muted,#64748b);line-height:1.55}
.competitor-category-dialog .categorization-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px;border-radius:10px;background:var(--accent-soft,#eef4ff);font-size:.88rem}
.competitor-category-dialog .categorization-visibility-list{display:grid;gap:0;border-top:1px solid var(--border,#d9e0ec);padding-top:18px;min-width:0}
.competitor-category-dialog .categorization-visibility-list>p{padding:8px 0 14px;color:var(--muted,#64748b);line-height:1.5}
.competitor-category-dialog .categorization-visibility-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--border,#d9e0ec)}
.competitor-category-dialog .categorization-visibility-row>div{display:grid;gap:5px;min-width:0}
.competitor-category-dialog .categorization-visibility-row small{color:var(--muted,#64748b)}
.competitor-category-dialog button.categorization-switch{display:flex;align-items:center;flex:0 0 46px;width:46px;min-height:28px;padding:3px;border:1px solid var(--muted,#64748b);border-radius:999px;background:var(--muted,#64748b)}
.competitor-category-dialog button.categorization-switch[aria-checked=true]{background:var(--accent,#245cdb);border-color:var(--accent,#245cdb)}
.competitor-category-dialog .categorization-switch span{display:block;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#fff}
.competitor-category-dialog .categorization-switch[aria-checked=true] span{margin-left:auto}
.competitor-category-dialog .categorization-switch:disabled{opacity:.55;cursor:wait}
.competitor-category-dialog :is(button,select,input):focus-visible{outline:3px solid var(--accent,#245cdb);outline-offset:3px}
@media(max-width:580px){.competitor-category-dialog .categorization-sections{padding:0 14px 14px;gap:5px}.competitor-category-dialog .categorization-sections button{padding:10px 7px;font-size:.82rem}.competitor-category-dialog .categorization-sections small{display:none}.competitor-category-dialog .categorization-panel{padding:14px}}

/* Modal lives outside the landscape root, so it owns matching theme tokens. */
.workspace-file-dialog.competitor-category-dialog{--cc-fg:#1b2333;--cc-surface:#fff;--cc-muted:#526079;--cc-border:#d9e0ec;--cc-soft:#eef4ff;color:var(--cc-fg);background:var(--cc-surface)}
.competitor-category-dialog :is(.categorization-panel,.categorization-sections button){color:var(--cc-fg);background:var(--cc-surface);border-color:var(--cc-border)}
.competitor-category-dialog :is(.categorization-summary,.categorization-sections [aria-pressed=true]){background:var(--cc-soft)}
.competitor-category-dialog :is(.categorization-intro,.categorization-sections small,.categorization-visibility-row small,.categorization-visibility-list>p){color:var(--cc-muted)}
.competitor-category-dialog>header{background:var(--cc-surface)}
html[data-theme="dark"] .workspace-file-dialog.competitor-category-dialog{--cc-fg:#e8edf7;--cc-surface:#171e2e;--cc-muted:#b6c1d4;--cc-border:#38445b;--cc-soft:#233c69}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .workspace-file-dialog.competitor-category-dialog{--cc-fg:#e8edf7;--cc-surface:#171e2e;--cc-muted:#b6c1d4;--cc-border:#38445b;--cc-soft:#233c69}}

.competitor-category-dialog .categorization-panel h3{margin:0;font-size:1rem;line-height:1.4}
.competitor-category-dialog .categorization-panel{gap:12px}
.competitor-category-dialog .categorization-panel p{line-height:1.5;font-size:.9rem}
.competitor-category-dialog .categorization-sections button{padding:10px 12px}
.competitor-category-dialog .categorization-intro{padding-top:16px;font-size:.9rem}
.workspace-file-dialog.competitor-category-dialog>:is(.competitor-category-dialog-body,.competitor-category-dialog-actions,.categorization-sections){background:var(--cc-surface);color:var(--cc-fg);border-color:var(--cc-border)}
.workspace-file-dialog.competitor-category-dialog :is(input,select){background:var(--cc-surface);color:var(--cc-fg);border-color:var(--cc-border)}
.workspace-file-dialog.competitor-category-dialog button.button:not(.primary){background:var(--cc-surface);color:var(--cc-fg);border-color:var(--cc-border)}

.competitor-category-dialog .categorization-panel[aria-label="Chart visibility"]{margin-top:16px}
.competitor-category-dialog .categorization-panel>small{color:var(--cc-muted);font-size:.8rem}
@media(max-width:580px){
 .workspace-file-dialog.competitor-category-dialog>header{padding:14px 16px;gap:10px;flex-wrap:nowrap}
 .competitor-category-dialog>header h2{font-size:1.15rem;line-height:1.25;min-width:0;overflow-wrap:anywhere}
 .competitor-category-dialog>header button{flex-shrink:0}
 .competitor-category-dialog .categorization-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
 .competitor-category-dialog .categorization-sections button:last-child{grid-column:1/-1}
 .competitor-category-dialog .categorization-sections strong{overflow-wrap:normal;font-size:inherit}
}
.workspace-file-dialog.competitor-category-dialog .categorization-sections button[aria-pressed=true]{background:var(--cc-soft);border-color:var(--accent,#245cdb);box-shadow:inset 0 0 0 1px var(--accent,#245cdb)}
