.netcloud-explorer{--color-primary:#005499;--color-primary-light:#1174e6;--color-primary-dark:#003a6b;--color-accent:#1174e6;--color-bg:#f4f5f7;--color-surface:#fff;--color-border:#d1d5db;--color-text:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-value-p:#27ae60;--color-value-p-bg:#eafaf1;--color-value-o:#e74c3c;--color-value-o-bg:#fdedec;--color-value-x:#1a8a4a;--color-value-x-bg:#e0f5e9;--color-value-null:#bdc3c7;--color-value-null-bg:#f8f9f9;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--sidebar-width:280px;--legend-height:56px;--border-radius:6px;--border-radius-sm:4px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--transition-fast:150ms ease;--transition-base:250ms ease;font-family:var(--font-ericsson-hilda),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5}.netcloud-explorer *,.netcloud-explorer :after,.netcloud-explorer :before{box-sizing:border-box}.netcloud-explorer [hidden]{display:none!important}.netcloud-explorer .app-layout{display:flex;min-height:600px}.netcloud-explorer .filter-panel{width:var(--sidebar-width);background:var(--color-bg);border-right:1px solid var(--color-border);flex-shrink:0;align-self:flex-start;position:sticky;top:0;max-height:100vh;overflow-y:auto}.netcloud-explorer .filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.netcloud-explorer .filter-panel-title{font-size:var(--text-lg);font-weight:400;color:#242424;margin:0}.netcloud-explorer .filter-toggle{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:var(--text-lg);color:var(--color-text-secondary);transition:background var(--transition-fast)}.netcloud-explorer .filter-toggle:hover{background:var(--color-surface)}.netcloud-explorer .filter-panel-body{padding:var(--space-md) var(--space-lg)}.netcloud-explorer .filter-group{margin-bottom:var(--space-lg);border:none;padding:0}.netcloud-explorer .filter-group-label{display:block;font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.netcloud-explorer .filter-options{display:flex;flex-direction:column;gap:var(--space-xs)}.netcloud-explorer .filter-section-header{font-size:var(--text-xs);font-weight:700;color:#242424;text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-md);margin-bottom:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.netcloud-explorer .nav-mode-toggle{display:flex;gap:var(--space-sm)}.netcloud-explorer .nav-mode-option{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.netcloud-explorer .nav-mode-option:hover{background:var(--color-surface)}.netcloud-explorer .search-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.netcloud-explorer .search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(17,116,230,.18)}.netcloud-explorer .search-input::-moz-placeholder{color:var(--color-text-muted)}.netcloud-explorer .search-input::placeholder{color:var(--color-text-muted)}.netcloud-explorer .main-content{flex:1;padding:var(--space-lg);min-width:0;overflow-x:auto;background:var(--color-surface)}.netcloud-explorer .state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-secondary);gap:var(--space-md)}.netcloud-explorer .state-error{color:var(--color-value-o)}.netcloud-explorer .error-icon{font-size:2.5rem}.netcloud-explorer .state-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.netcloud-explorer .spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:ncfe-spin .8s linear infinite}@keyframes ncfe-spin{to{transform:rotate(1turn)}}.netcloud-explorer .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.netcloud-explorer .btn-primary{background:var(--color-primary);color:#fff}.netcloud-explorer .btn-primary:hover{background:var(--color-primary-light)}.netcloud-explorer .btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.netcloud-explorer .feature-content{min-width:0}.netcloud-explorer .category-heading{font-size:var(--text-lg);font-weight:400;color:#242424;padding:var(--space-sm) 0;margin-top:var(--space-lg);margin-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary-light)}.netcloud-explorer .category-heading:first-child{margin-top:0}.netcloud-explorer .solution-heading{font-size:var(--text-2xl);font-weight:400;color:#242424;margin-bottom:var(--space-lg)}.netcloud-explorer .feature-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:0;box-shadow:var(--shadow-sm);background:var(--color-surface)}.netcloud-explorer .feature-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface);table-layout:fixed}.netcloud-explorer .feature-table td,.netcloud-explorer .feature-table th{padding:var(--space-sm) var(--space-md);text-align:center;border-bottom:1px solid var(--color-border);white-space:nowrap}.netcloud-explorer .feature-table th{background:#fff;color:#242424;font-weight:700;letter-spacing:.02em;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1}.netcloud-explorer .feature-table td:first-child,.netcloud-explorer .feature-table th:first-child{text-align:left;position:sticky;left:0;background:var(--color-surface);z-index:2;width:280px;min-width:280px;max-width:280px;font-weight:500;white-space:normal;word-wrap:break-word}.netcloud-explorer .feature-table th:first-child{background:#fff;color:#242424;z-index:3}.netcloud-explorer .feature-table tbody tr:nth-child(2n) td,.netcloud-explorer .feature-table tbody tr:nth-child(2n) td:first-child{background:var(--color-bg)}.netcloud-explorer .feature-table tbody tr:hover td,.netcloud-explorer .feature-table tbody tr:hover td:first-child{background:rgba(17,116,230,.06)}.netcloud-explorer .feature-table tbody tr:last-child td{border-bottom:none}.netcloud-explorer .value-indicator{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:var(--text-sm);font-weight:700;line-height:1}.netcloud-explorer .value-p{background:var(--color-value-p-bg);color:var(--color-value-p)}.netcloud-explorer .value-o{background:var(--color-value-o-bg);color:var(--color-value-o)}.netcloud-explorer .value-x{background:var(--color-value-x-bg);color:var(--color-value-x);font-size:var(--text-2xl)}.netcloud-explorer .value-null{background:var(--color-value-null-bg);color:var(--color-value-null)}.netcloud-explorer .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}.netcloud-explorer .feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.netcloud-explorer .feature-card-name{font-weight:600;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-sm)}.netcloud-explorer .feature-card-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-md)}.netcloud-explorer .feature-card-value{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);padding:var(--space-xs) 0}.netcloud-explorer .feature-card-value-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.netcloud-explorer .solution-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.netcloud-explorer .solution-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.netcloud-explorer .solution-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.netcloud-explorer .solution-card:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(17,116,230,.2);background:rgba(17,116,230,.04)}.netcloud-explorer .solution-card-radio{accent-color:var(--color-accent)}.netcloud-explorer .solution-card-name{font-weight:600;font-size:var(--text-base);color:var(--color-primary-dark)}.netcloud-explorer .solution-card-endpoints{font-size:var(--text-xs);color:var(--color-text-muted)}.netcloud-explorer .legend{background:var(--color-surface);padding:var(--space-sm) var(--space-lg);min-height:var(--legend-height);display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);border-radius:0;border:1px solid var(--color-border)}.netcloud-explorer .legend-title{font-size:var(--text-sm);font-weight:400;color:#242424;white-space:nowrap;margin:0}.netcloud-explorer .legend-items{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);list-style:none;margin:0;padding:0}.netcloud-explorer .legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);white-space:nowrap}.netcloud-explorer .filter-checkbox,.netcloud-explorer .filter-radio{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.netcloud-explorer .filter-checkbox:hover,.netcloud-explorer .filter-radio:hover{background:var(--color-surface)}.netcloud-explorer .filter-checkbox input,.netcloud-explorer .filter-radio input{accent-color:var(--color-accent)}@media (max-width:767px){.netcloud-explorer{--sidebar-width:100%}.netcloud-explorer .app-layout{flex-direction:column}.netcloud-explorer .filter-panel{width:100%;position:relative;top:auto;max-height:none;border-right:none;border-bottom:1px solid var(--color-border)}.netcloud-explorer .filter-toggle{display:block}.netcloud-explorer .filter-panel-body.collapsed{display:none}.netcloud-explorer .main-content{padding:var(--space-md)}.netcloud-explorer .feature-table-wrapper{display:none}.netcloud-explorer .feature-cards{display:block}.netcloud-explorer .feature-card-values{grid-template-columns:1fr}.netcloud-explorer .legend{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-height:auto}.netcloud-explorer .legend-items{gap:var(--space-sm) var(--space-lg)}}@media (min-width:768px){.netcloud-explorer .feature-cards{display:none}.netcloud-explorer .feature-table-wrapper{display:block}}@media (min-width:1200px){.netcloud-explorer{--sidebar-width:300px}}.netcloud-explorer :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.netcloud-explorer *,.netcloud-explorer :after,.netcloud-explorer :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.netcloud-explorer .filter-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.netcloud-explorer .filter-group-header .filter-group-label{margin-bottom:0}.netcloud-explorer .compare-toggle{font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.netcloud-explorer .compare-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.netcloud-explorer .compare-toggle.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.netcloud-explorer .feature-name-btn{background:none;border:none;padding:0;font:inherit;color:var(--color-text);cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.netcloud-explorer .feature-name-btn:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.feature-popover{--ncfe-surface:#fff;--ncfe-border:#d1d5db;--ncfe-text:#1f2937;--ncfe-text-secondary:#4b5563;--ncfe-text-muted:#6b7280;--ncfe-primary-dark:#003a6b;--ncfe-accent:#1174e6;position:absolute;z-index:1000;background:var(--ncfe-surface);border:1px solid var(--ncfe-border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:1rem;max-width:360px;min-width:200px;font-family:var(--font-ericsson-hilda),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ncfe-text);line-height:1.5}.feature-popover-title{font-weight:600;font-size:1rem;color:var(--ncfe-primary-dark);margin-bottom:.5rem;padding-right:1.5rem}.feature-popover-desc{font-size:.875rem;color:var(--ncfe-text-secondary);line-height:1.5}.feature-popover-link{display:inline-block;margin-top:.5rem;font-size:.875rem;font-weight:600;color:var(--ncfe-accent);text-decoration:none}.feature-popover-link:hover{text-decoration:underline}.feature-popover-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;color:var(--ncfe-text-muted);cursor:pointer;line-height:1;padding:.25rem}.feature-popover-close:hover{color:var(--ncfe-text)}