:root{color-scheme:light;--background: #f4f6f8;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f7f8fa;--text: #17212b;--text-subtle: #344150;--muted: #687583;--border: #dde2e7;--border-strong: #bbc4ce;--accent: #2457d6;--accent-contrast: #ffffff;--accent-soft: #e8efff;--success: #17804b;--success-soft: #e7f6ee;--warning: #9a6400;--warning-soft: #fff4d6;--danger: #c43d42;--danger-soft: #fdebed;--neutral-soft: #edf0f3;--shadow: 0 1px 2px rgb(16 24 40 / 4%), 0 8px 28px rgb(16 24 40 / 6%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--background: #0d1117;--surface: #131922;--surface-raised: #181f29;--surface-hover: #202a36;--text: #edf1f5;--text-subtle: #c6d0da;--muted: #8e9ba8;--border: #27313d;--border-strong: #445263;--accent: #6e96ff;--accent-contrast: #0d2348;--accent-soft: #1b2b4e;--success: #56c88b;--success-soft: #153726;--warning: #e8b24d;--warning-soft: #3b3018;--danger: #ff7b80;--danger-soft: #431f25;--neutral-soft: #26303b;--shadow: 0 12px 30px rgb(0 0 0 / 22%)}*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{min-height:100vh;margin:0;background:var(--background);color:var(--text)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}app-technology-radar .landscape-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text-subtle);font-size:.72rem}app-technology-radar .landscape-legend strong{font-size:.75rem}app-technology-radar .landscape-legend ul{display:flex;flex:1;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none}app-technology-radar .landscape-legend li,app-technology-radar .landscape-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-subtle)}app-technology-radar .landscape-legend li:before,app-technology-radar .landscape-status>span{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--accent);content:""}app-technology-radar .landscape-legend li:is([data-urgency=monitor],[data-urgency=migration-approaching]):before,app-technology-radar .landscape-item:is([data-urgency=monitor],[data-urgency=migration-approaching]) .landscape-status>span{background:var(--warning)}app-technology-radar .landscape-legend li[data-urgency=migration-required]:before,app-technology-radar .landscape-item[data-urgency=migration-required] .landscape-status>span{background:var(--danger)}app-technology-radar .landscape-legend li[data-urgency=unknown]:before,app-technology-radar .landscape-item[data-urgency=unknown] .landscape-status>span{background:var(--muted)}app-technology-radar .landscape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}app-technology-radar .landscape-group{min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-hover)}app-technology-radar .landscape-group>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}app-technology-radar .landscape-group header p{margin:.2rem 0 0;color:var(--muted);font-size:.7rem}app-technology-radar .landscape-group header>span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;border-radius:999px;background:var(--neutral-soft);color:var(--text-subtle);font-size:.68rem;font-weight:750}app-technology-radar .landscape-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.65rem}app-technology-radar .landscape-item{display:grid;min-width:0;gap:.6rem;padding:.8rem;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:9px;background:var(--surface-raised);color:var(--text);text-align:left;cursor:pointer}app-technology-radar .landscape-item:is([data-urgency=monitor],[data-urgency=migration-approaching]){border-left-color:var(--warning)}app-technology-radar .landscape-item[data-urgency=migration-required]{border-left-color:var(--danger)}app-technology-radar .landscape-item[data-urgency=unknown]{border-left-color:var(--muted)}app-technology-radar .landscape-item:is(:hover,.selected){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}app-technology-radar .landscape-item__identity{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.65rem}app-technology-radar .landscape-item__identity strong{min-width:0;overflow-wrap:anywhere;font-size:.86rem}app-technology-radar .landscape-item__identity code{flex:0 1 auto;overflow-wrap:anywhere;text-align:right}app-technology-radar .landscape-item__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;color:var(--muted);font-size:.68rem}app-technology-radar .landscape-status{font-size:.68rem;font-weight:700}app-technology-radar .landscape-empty{padding-block:2.5rem}@media(max-width:700px){app-technology-radar .landscape-grid{grid-template-columns:1fr}}@media(max-width:420px){app-technology-radar .landscape-legend,app-technology-radar .landscape-grid{padding-inline:.75rem}}
