@bridge_gpt/mcp-server 0.2.26 → 0.2.27

package/public/css/main.min.css

@@ -1,4971 +0,0 @@
-/*!*************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/setup.css ***!
-  \*************************************************************************************************/
-/* Setup page CSS */
-
-/* Reset and base styles */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    background-color: var(--background-color);
-    color: var(--text-color);
-    line-height: 1.5;
-    min-height: 100vh;
-    padding-top: var(--header-height);
-}
-
-/* Header styles */
-.header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: var(--header-height);
-    background-color: var(--surface-color);
-    box-shadow: var(--box-shadow);
-    z-index: 100;
-}
-
-.header-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    max-width: 1200px;
-    height: 100%;
-    margin: 0 auto;
-    padding: 0 1rem;
-}
-
-.logo-container img {
-    height: 32px;
-    width: auto;
-}
-
-.nav-menu ul {
-    display: flex;
-    list-style-type: none;
-}
-
-.nav-menu li {
-    margin-left: 2rem;
-}
-
-.nav-menu a {
-    color: var(--text-color);
-    text-decoration: none;
-    font-weight: 500;
-}
-
-.nav-menu a:hover {
-    color: var(--primary-color);
-}
-
-/* Main content area */
-.main-content {
-    max-width: 1200px;
-    margin: 2rem auto;
-    padding: 0 1rem;
-}
-
-/* Container styles */
-.container {
-    background-color: var(--surface-color);
-    border-radius: 0.5rem;
-    padding: 2rem;
-    box-shadow: var(--box-shadow);
-    margin-bottom: 2rem;
-}
-
-.hidden {
-    display: none !important;
-}
-
-/* Section header */
-.section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 2rem;
-}
-
-.section-header h1 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* Form styles */
-.form-intro {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 1.5rem;
-}
-
-.form-intro code {
-    font-size: 0.8125rem;
-    color: var(--text-color);
-}
-
-.form-group {
-    margin-bottom: 1.5rem;
-}
-
-.form-group-block {
-    display: flex;
-    justify-content: left;
-    align-items: center;
-}
-
-label {
-    display: block;
-    font-size: 0.875rem;
-    font-weight: 500;
-    margin-bottom: 0.5rem;
-}
-
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="url"],
-input[type="number"],
-select,
-textarea {
-    width: 100%;
-    padding: 0.5rem;
-    font-size: 1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    background-color: #fff;
-}
-
-input[type="number"] {
-    width: auto;
-}
-
-textarea {
-    min-height: 100px;
-    resize: vertical;
-}
-
-.required {
-    color: var(--error-color);
-}
-
-/* Checkbox styling */
-.form-group.checkbox {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-}
-
-.form-group.checkbox input {
-    margin-right: 0.5rem;
-}
-
-.form-group.checkbox label {
-    margin-bottom: 0;
-}
-
-/* ==========================================================================
-   BAPI-548: attention-first setup dashboard
-   Reuses the existing cream/coral globals.css tokens; no new palette fork.
-   ========================================================================== */
-
-/* Dashboard header counters */
-.setup-dashboard-title-group {
-    display: flex;
-    align-items: baseline;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
-
-.setup-dashboard-counts {
-    font-size: 0.9rem;
-    color: var(--secondary-color);
-}
-
-.setup-dashboard-count {
-    color: var(--secondary-color);
-}
-
-.setup-dashboard-attention-count {
-    color: var(--primary-color);
-    font-weight: 700;
-}
-
-/* Projects list — single-column, low-density signpost list */
-.projects-grid {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 1.25rem;
-}
-
-.project-card {
-    background-color: var(--surface-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.75rem;
-    padding: 1.25rem 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.6rem;
-}
-
-/* Summary row: state dot + title + repo tag on the left, status pill on the right */
-.project-card-summary {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1rem;
-    flex-wrap: wrap;
-}
-
-.project-identity {
-    display: flex;
-    align-items: center;
-    gap: 0.6rem;
-    min-width: 0;
-}
-
-.project-state-dot {
-    width: 0.65rem;
-    height: 0.65rem;
-    border-radius: 50%;
-    flex-shrink: 0;
-    background-color: var(--secondary-color);
-}
-
-.project-state-dot--ok { background-color: var(--success-color); }
-.project-state-dot--warning { background-color: var(--light-orange); }
-.project-state-dot--critical { background-color: var(--primary-color); }
-.project-state-dot--unknown { background-color: #cfcabc; }
-
-.project-title {
-    font-size: 1.05rem;
-    font-weight: 700;
-    color: var(--text-color);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.project-repo-tag {
-    font-size: 0.72rem;
-    color: var(--secondary-color);
-    background-color: var(--secondary-button-background);
-    border: 1px solid var(--border-color);
-    border-radius: 0.35rem;
-    padding: 0.1rem 0.45rem;
-    white-space: nowrap;
-}
-
-/* Status pill */
-.project-status-pill {
-    font-size: 0.8rem;
-    font-weight: 600;
-    padding: 0.28rem 0.7rem;
-    border-radius: 999px;
-    white-space: nowrap;
-}
-
-.project-status-pill--ok {
-    color: #0f8a5f;
-    background-color: rgba(16, 185, 129, 0.14);
-}
-
-.project-status-pill--attention {
-    color: var(--dark-orange);
-    background-color: rgba(242, 178, 122, 0.28);
-}
-
-/* A card carrying any critical signal uses the coral (error) pill treatment. */
-.project-card--critical .project-status-pill--attention {
-    color: var(--primary-color);
-    background-color: rgba(226, 98, 75, 0.14);
-}
-
-/* Muted meta line */
-.project-meta-line {
-    font-size: 0.8rem;
-    color: var(--secondary-color);
-}
-
-/* Description — clamped to two lines */
-.project-description {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    line-height: 1.45;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-/* Attention panels (signposts) */
-.project-attention-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.attention-panel {
-    display: flex;
-    align-items: center;
-    gap: 0.7rem;
-    padding: 0.7rem 0.85rem;
-    border-radius: 0.55rem;
-    border: 1px solid transparent;
-}
-
-.attention-panel--warning {
-    background-color: rgba(242, 178, 122, 0.18);
-    border-color: rgba(242, 178, 122, 0.5);
-}
-
-.attention-panel--critical {
-    background-color: rgba(226, 98, 75, 0.1);
-    border-color: rgba(226, 98, 75, 0.35);
-}
-
-.attention-panel--unknown {
-    background-color: transparent;
-    border-style: dashed;
-    border-color: var(--border-color);
-}
-
-.attention-icon {
-    flex-shrink: 0;
-    width: 1.75rem;
-    height: 1.75rem;
-    border-radius: 0.4rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.9rem;
-    background-color: var(--surface-color);
-    border: 1px solid var(--border-color);
-}
-
-.attention-content {
-    display: flex;
-    flex-direction: column;
-    gap: 0.1rem;
-    flex: 1;
-    min-width: 0;
-}
-
-.attention-label {
-    font-weight: 700;
-    font-size: 0.85rem;
-    color: var(--text-color);
-}
-
-.attention-message {
-    font-size: 0.78rem;
-    color: var(--secondary-color);
-}
-
-.attention-fix-link {
-    flex-shrink: 0;
-    font-size: 0.8rem;
-    font-weight: 600;
-    color: var(--primary-color);
-    text-decoration: none;
-    background-color: var(--surface-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.4rem;
-    padding: 0.35rem 0.7rem;
-    white-space: nowrap;
-}
-
-.attention-fix-link:hover {
-    border-color: var(--primary-color);
-}
-
-.attention-fix-link--inert {
-    color: var(--secondary-color);
-    cursor: default;
-}
-
-/* "Show all checks" disclosure */
-.project-checks-details {
-    font-size: 0.82rem;
-}
-
-.project-checks-summary {
-    cursor: pointer;
-    color: var(--secondary-color);
-    font-weight: 600;
-    padding: 0.2rem 0;
-    width: fit-content;
-    list-style: revert;
-}
-
-.project-checks-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.35rem;
-    margin-top: 0.5rem;
-    padding-left: 0.5rem;
-}
-
-.project-check-row {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.project-check-icon {
-    flex-shrink: 0;
-    width: 1.2rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.project-check-row--ok .project-check-icon { color: var(--success-color); }
-.project-check-row--warning .project-check-icon { color: var(--dark-orange); }
-.project-check-row--critical .project-check-icon { color: var(--primary-color); }
-
-/* Unknown / backend-dependent check rows are visually dashed & neutral. */
-.project-check-row--unknown {
-    color: var(--secondary-color);
-    border-left: 2px dashed var(--border-color);
-    padding-left: 0.5rem;
-}
-
-.project-check-label { font-weight: 600; color: var(--text-color); }
-.project-check-message { color: var(--secondary-color); }
-
-/* Bottom launcher row + overflow */
-.project-actions-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 0.5rem;
-    margin-top: 0.4rem;
-    padding-top: 0.9rem;
-    border-top: 1px solid var(--border-color);
-    flex-wrap: wrap;
-}
-
-.project-launcher {
-    display: flex;
-    gap: 0.4rem;
-    flex-wrap: wrap;
-}
-
-.project-launcher-link {
-    font-size: 0.82rem;
-    font-weight: 600;
-    color: var(--text-color);
-    text-decoration: none;
-    background-color: var(--surface-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.45rem;
-    padding: 0.4rem 0.8rem;
-}
-
-.project-launcher-link:hover {
-    border-color: var(--primary-color);
-    color: var(--primary-color);
-}
-
-.project-overflow {
-    position: relative;
-}
-
-.project-overflow-summary {
-    cursor: pointer;
-    list-style: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2.2rem;
-    height: 2.1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.45rem;
-    color: var(--secondary-color);
-    font-weight: 700;
-}
-
-.project-overflow-summary::-webkit-details-marker { display: none; }
-
-.project-overflow-menu {
-    position: absolute;
-    right: 0;
-    top: calc(100% + 0.35rem);
-    z-index: 10;
-    display: flex;
-    flex-direction: column;
-    min-width: 12rem;
-    background-color: var(--surface-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.5rem;
-    box-shadow: var(--box-shadow);
-    padding: 0.35rem;
-}
-
-.project-overflow-action {
-    font-size: 0.85rem;
-    text-align: left;
-    color: var(--text-color);
-    text-decoration: none;
-    background: none;
-    border: none;
-    border-radius: 0.35rem;
-    padding: 0.5rem 0.6rem;
-    cursor: pointer;
-    font: inherit;
-}
-
-.project-overflow-action:hover {
-    background-color: var(--secondary-button-background);
-}
-
-.project-overflow-action--delete {
-    color: var(--error-color);
-}
-
-/* Empty & error states */
-.setup-empty-state,
-.setup-error-state {
-    text-align: center;
-    padding: 2.5rem 1.5rem;
-    border: 1px dashed var(--border-color);
-    border-radius: 0.75rem;
-    background-color: var(--background-color);
-}
-
-.setup-empty-title,
-.setup-error-title {
-    font-weight: 700;
-    color: var(--text-color);
-    margin-bottom: 0.4rem;
-}
-
-.setup-empty-message,
-.setup-error-message {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.setup-error-state {
-    border-color: rgba(239, 68, 68, 0.4);
-}
-
-.setup-error-title { color: var(--error-color); }
-
-/* Keyboard-visible focus styles for interactive dashboard controls */
-.project-launcher-link:focus-visible,
-.project-overflow-summary:focus-visible,
-.project-overflow-action:focus-visible,
-.attention-fix-link:focus-visible,
-.project-checks-summary:focus-visible {
-    outline: 2px solid var(--primary-color);
-    outline-offset: 2px;
-}
-
-/* Modal styles */
-.modal {
-    display: none;
-    position: fixed;
-    z-index: 1000;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    background-color: rgba(0, 0, 0, 0.4);
-}
-
-.modal-content {
-    background-color: var(--surface-color);
-    margin: 15% auto;
-    padding: 2rem;
-    border-radius: 0.5rem;
-    width: 80%;
-    max-width: 500px;
-    box-shadow: var(--box-shadow);
-}
-
-.close-modal {
-    color: var(--secondary-color);
-    float: right;
-    font-size: 1.5rem;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.close-modal:hover {
-    color: var(--text-color);
-}
-
-#modal-title {
-    margin-bottom: 1rem;
-}
-
-#modal-body {
-    margin-bottom: 1rem;
-    line-height: 1.5;
-}
-
-#modal-body ul {
-    margin: 0.5rem 0;
-    padding-left: 1.5rem;
-}
-
-#modal-body li {
-    margin: 0.25rem 0;
-}
-
-#modal-body p {
-    margin: 0.5rem 0;
-}
-
-.modal-actions {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.75rem;
-    margin-top: 1.5rem;
-    padding-top: 1rem;
-    border-top: 1px solid var(--border-color);
-}
-
-.modal-actions.hidden {
-    display: none;
-}
-
-/* Loading overlay */
-.loading-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(255, 255, 255, 0.8);
-    z-index: 2000;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.spinner {
-    border: 4px solid rgba(0, 0, 0, 0.1);
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    border-top-color: var(--primary-color);
-    animation: spin 1s linear infinite;
-    margin-bottom: 1rem;
-}
-
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .projects-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .header-container {
-        padding: 0 1rem;
-    }
-
-    .nav-menu li {
-        margin-left: 1rem;
-    }
-
-    .container {
-        padding: 1.5rem;
-    }
-
-    .modal-content {
-        width: 90%;
-        margin: 10% auto;
-    }
-
-    /* BAPI-548: let the dashboard wrap instead of overflowing horizontally. */
-    .project-card-summary {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.5rem;
-    }
-
-    .project-status-pill {
-        align-self: flex-start;
-    }
-
-    .attention-panel {
-        flex-wrap: wrap;
-    }
-
-    .attention-fix-link {
-        margin-left: 2.45rem;
-    }
-
-    .project-actions-footer {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    .project-launcher {
-        justify-content: flex-start;
-    }
-
-    .project-overflow-menu {
-        right: auto;
-        left: 0;
-    }
-}
-/*!********************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/setup-detail.css ***!
-  \********************************************************************************************************/
-/* src/css/setup-detail.css */
-
-/* Collapsible drawers specific to Setup Detail View */
-.collapsible-drawers {
-    margin-bottom: 2rem;
-}
-
-.drawer {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-    overflow: hidden;
-}
-
-.drawer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    background-color: #f9fafb;
-    cursor: pointer;
-}
-
-.drawer-header h2 {
-    font-size: 1rem;
-    font-weight: 500;
-}
-
-.toggle-drawer {
-    background: none;
-    border: none;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: transform var(--drawer-transition);
-}
-
-.drawer-content {
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
-    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
-       `.expanded` is reserved for header/glyph styling. The shared drawer helper
-       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
-}
-
-/* Save button container specific to Setup Detail View */
-.save-container {
-    display: flex;
-    justify-content: center;
-    margin-top: 2rem;
-}
-
-.save-container .btn {
-    padding: 0.75rem 1.5rem;
-    font-size: 1rem;
-}
-
-/* Static text display (like repo name) */
-.form-static-text {
-    background-color: var(--background-color);
-    padding: 0.5rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    font-family: monospace;
-    color: var(--secondary-color);
-    margin-top: 0.5rem;
-    word-break: break-all;
-}
-
-/* Header title specific to this page */
-.header-title {
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* Explain Link Styling */
-.explain-link {
-    display: inline-block;
-    margin-left: 6px;
-    padding: 1px 6px;
-    font-size: 0.8em;
-    font-weight: bold;
-    color: #fff;
-    background-color: #6c757d;
-    border-radius: 50%;
-    text-decoration: none;
-    cursor: pointer;
-    vertical-align: middle;
-    line-height: 1.2;
-}
-
-.explain-link:hover {
-    background-color: #444;
-    text-decoration: none;
-}
-
-.explanation-content {
-    /* Hidden by default via the global `.hidden` class in the markup; the JS
-       toggles only `.hidden` (BAPI-301), so no base `display: none` here. */
-    margin-top: 8px;
-    padding: 10px;
-    border: 1px solid #ced4da;
-    border-radius: 4px;
-    background-color: #f8f9fa;
-    font-size: 0.9em;
-    color: #495057;
-    line-height: 1.4;
-}
-
-/* Structured server-sourced setup instructions (BAPI-515), rendered inside
-   .explanation-content by renderExplanationContent(). Scoped to this wrapper
-   only — the container above is left untouched. */
-.explanation-content .setup-instructions {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.explanation-content .setup-instructions-link {
-    color: var(--primary-color);
-    font-weight: 500;
-    text-decoration: underline;
-    overflow-wrap: anywhere;
-}
-
-.explanation-content .setup-instructions-link:hover {
-    color: var(--primary-dark);
-}
-
-.explanation-content .setup-instructions-link:focus-visible {
-    outline: 2px solid var(--primary-color);
-    outline-offset: 2px;
-}
-
-.explanation-content .setup-instructions-steps {
-    margin: 0;
-    padding-left: 20px;
-}
-
-.explanation-content .setup-instructions-steps li + li {
-    margin-top: 4px;
-}
-
-.explanation-content .setup-instructions-note {
-    margin: 0;
-    color: var(--secondary-color);
-}
-
-/* Form error styling */
-.form-error {
-    color: var(--error-color);
-    font-size: 0.875rem;
-    margin-top: 0.5rem;
-    display: none;
-}
-
-.form-error.visible {
-    display: block;
-}
-
-input.input-error,
-textarea.input-error,
-select.input-error {
-    border-color: var(--error-color);
-    box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25);
-}
-
-/* Required field indicator */
-.required {
-    color: var(--error-color);
-}
-
-/* ========================================
-   Data Integrity Section Styles
-   ======================================== */
-
-/* Loading and error states */
-.integrity-loading,
-.integrity-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.integrity-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* Summary statistics */
-.integrity-summary {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-}
-
-.integrity-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.integrity-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.integrity-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-.integrity-stat-value.integrity-healthy {
-    color: #16a34a;
-}
-
-/* Empty state */
-.integrity-empty-state {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.integrity-empty-state p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Issues table */
-.integrity-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-}
-
-.integrity-table th,
-.integrity-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.integrity-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.integrity-table td {
-    font-size: 0.875rem;
-    vertical-align: top;
-}
-
-.integrity-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* File list styling */
-.integrity-file-list {
-    font-family: monospace;
-    font-size: 0.8rem;
-    background-color: #f1f5f9;
-    padding: 0.5rem;
-    border-radius: 4px;
-    max-height: 150px;
-    overflow-y: auto;
-    margin: 0;
-    list-style: none;
-}
-
-.integrity-file-list li {
-    padding: 0.125rem 0;
-    word-break: break-all;
-}
-
-.integrity-file-list li:not(:last-child) {
-    border-bottom: 1px solid #e2e8f0;
-}
-
-.integrity-more-files {
-    font-style: italic;
-    color: var(--secondary-color);
-    font-size: 0.8rem;
-    margin-top: 0.25rem;
-}
-
-/* Issues container header */
-#integrity-issues-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-}
-
-/* ========================================
-   Configuration Health Section Styles
-   ======================================== */
-
-/* Loading and error states */
-.config-health-loading,
-.config-health-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.config-health-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* Summary statistics */
-.health-stats {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-}
-
-.health-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.health-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.health-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-.health-stat-value.config-healthy {
-    color: #16a34a;
-}
-
-.health-stat-value.config-errors {
-    color: var(--error-color);
-}
-
-.health-stat-value.config-warnings {
-    color: #f59e0b;
-}
-
-/* All good state */
-.config-health-all-good {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.config-health-all-good p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Config health table */
-.config-health-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-}
-
-.config-health-table th,
-.config-health-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.config-health-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.config-health-table td {
-    font-size: 0.875rem;
-    vertical-align: top;
-}
-
-.config-health-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* Status badge styling */
-.config-status-badge {
-    display: inline-block;
-    padding: 0.25rem 0.5rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 500;
-    text-transform: uppercase;
-}
-
-.config-status-badge.status-missing {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-.config-status-badge.status-invalid {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-/* Dismiss button styling */
-.dismiss-warning-btn {
-    background-color: transparent;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.375rem 0.75rem;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.dismiss-warning-btn:hover {
-    background-color: #f9fafb;
-    border-color: var(--secondary-color);
-    color: var(--text-color);
-}
-
-.dismiss-warning-btn:active {
-    background-color: #f3f4f6;
-}
-
-.dismiss-warning-btn:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Config errors/warnings container headers */
-#config-errors-container h3,
-#config-warnings-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-    margin-top: 1.5rem;
-}
-
-#config-errors-container h3 {
-    color: var(--error-color);
-}
-
-#config-warnings-container h3 {
-    color: #f59e0b;
-}
-
-/* ========================================
-   Pinecone Data Integrity Section Styles
-   ======================================== */
-
-/* Actions container with button and last run text */
-.pinecone-health-actions {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    margin-bottom: 1rem;
-}
-
-.last-run-text {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-/* Loading and error states */
-.pinecone-health-loading,
-.pinecone-health-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.pinecone-health-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* No results state */
-.pinecone-health-no-results {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-    background-color: #f9fafb;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-}
-
-.pinecone-health-no-results p {
-    margin: 0;
-}
-
-/* Status container and badge */
-.pinecone-health-status-container {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-}
-
-.pinecone-health-status {
-    display: inline-block;
-    padding: 0.25rem 0.75rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-}
-
-.pinecone-health-status.status-healthy {
-    background-color: #dcfce7;
-    color: #166534;
-}
-
-.pinecone-health-status.status-error {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-.pinecone-health-status.status-warning {
-    background-color: #fef3c7;
-    color: #92400e;
-}
-
-.pinecone-health-status.status-running {
-    background-color: #dbeafe;
-    color: #1e40af;
-}
-
-/* Summary statistics */
-.pinecone-health-summary {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-    flex-wrap: wrap;
-}
-
-.pinecone-health-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    min-width: 80px;
-}
-
-.pinecone-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.pinecone-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-.pinecone-stat-value.stat-healthy {
-    color: #16a34a;
-}
-
-.pinecone-stat-value.stat-error {
-    color: var(--error-color);
-}
-
-/* All good state */
-.pinecone-health-all-good {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.pinecone-health-all-good p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Pinecone health table (shared styles for namespace and failures tables) */
-.pinecone-health-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-    table-layout: fixed;
-}
-
-.pinecone-health-table th,
-.pinecone-health-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.pinecone-health-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.pinecone-health-table td {
-    font-size: 0.875rem;
-    vertical-align: middle;
-    word-wrap: break-word;
-}
-
-.pinecone-health-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* Namespace results table column widths */
-#pinecone-namespace-container .pinecone-health-table th:nth-child(1),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(1) {
-    width: 25%;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(2),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(2) {
-    width: 15%;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(3),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(3),
-#pinecone-namespace-container .pinecone-health-table th:nth-child(4),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(4),
-#pinecone-namespace-container .pinecone-health-table th:nth-child(5),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(5) {
-    width: 12%;
-    text-align: right;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(6),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(6) {
-    width: 12%;
-    text-align: center;
-}
-
-/* Sample failures table column widths */
-#pinecone-failures-container .pinecone-health-table th:nth-child(1),
-#pinecone-failures-container .pinecone-health-table td:nth-child(1) {
-    width: 20%;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(2),
-#pinecone-failures-container .pinecone-health-table td:nth-child(2) {
-    width: 15%;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(3),
-#pinecone-failures-container .pinecone-health-table td:nth-child(3) {
-    width: 30%;
-    font-family: monospace;
-    font-size: 0.8rem;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(4),
-#pinecone-failures-container .pinecone-health-table td:nth-child(4) {
-    width: 35%;
-}
-
-/* Match indicator */
-.pinecone-match-badge {
-    display: inline-block;
-    padding: 0.125rem 0.5rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 500;
-}
-
-.pinecone-match-badge.match-yes {
-    background-color: #dcfce7;
-    color: #166534;
-}
-
-.pinecone-match-badge.match-no {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-/* Container headers */
-#pinecone-namespace-container h3,
-#pinecone-failures-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-    margin-top: 1.5rem;
-}
-
-#pinecone-failures-container h3 {
-    color: var(--error-color);
-}
-
-/* ========================================
-   Install Status Review Panel (BAPI-384)
-   ======================================== */
-
-/* Intro paragraph below the page title */
-.setup-detail-intro {
-    margin: 0.5rem 0 1.5rem;
-    font-size: 0.9rem;
-    color: var(--secondary-color);
-    line-height: 1.5;
-}
-
-/* Top-level review panel; matches the drawer/panel border + radius + spacing */
-.install-status-panel {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 1rem;
-    margin-bottom: 2rem;
-    background-color: #f9fafb;
-}
-
-.install-status-panel-title {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.75rem;
-}
-
-/* Compact set/unset counts */
-.install-status-summary {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 1rem;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 1rem;
-}
-
-.install-status-summary-count {
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* Manifest-driven group list */
-.install-status-groups {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-.install-status-group {
-    border-top: 1px solid var(--border-color);
-    padding-top: 0.75rem;
-}
-
-.install-status-group-title {
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-}
-
-.install-status-field-row {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.375rem 0;
-    font-size: 0.875rem;
-}
-
-.install-status-field-name {
-    font-weight: 500;
-    color: var(--text-color);
-}
-
-.install-status-field-value {
-    color: var(--secondary-color);
-    word-break: break-word;
-}
-
-.install-status-field-confirm {
-    font-size: 0.75rem;
-    font-style: italic;
-    color: #92400e;
-}
-
-/* Unavailable / error area */
-.install-status-error {
-    padding: 0.75rem 1rem;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    background-color: #f9fafb;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-}
-
-/* Base status badge — always pairs color with text, never color alone */
-.install-status-badge {
-    display: inline-block;
-    padding: 0.125rem 0.5rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 500;
-    line-height: 1.4;
-    white-space: nowrap;
-}
-
-.install-status-badge.status-set {
-    background-color: #dcfce7;
-    color: #166534;
-}
-
-.install-status-badge.status-unset {
-    background-color: #fef3c7;
-    color: #92400e;
-}
-
-.install-status-badge.status-loading {
-    background-color: #f1f5f9;
-    color: var(--secondary-color);
-}
-
-.install-status-badge.status-unavailable {
-    background-color: #f1f5f9;
-    color: var(--secondary-color);
-}
-
-/* Inline badge slot next to a field label */
-.install-status-badge-slot {
-    display: inline-flex;
-    align-items: center;
-    margin-left: 6px;
-    vertical-align: middle;
-}
-
-/* Keyboard-focusable edit affordance — matches existing link/button affordances */
-.install-status-edit {
-    background: none;
-    border: none;
-    padding: 0;
-    font-size: 0.8rem;
-    font-weight: 500;
-    color: var(--primary-color, #2563eb);
-    text-decoration: underline;
-    cursor: pointer;
-}
-
-.install-status-edit:hover {
-    text-decoration: none;
-}
-
-.install-status-edit:focus-visible {
-    outline: 2px solid var(--primary-color, #2563eb);
-    outline-offset: 2px;
-    border-radius: 0.25rem;
-}
-
-/* Mobile: keep labels/badges/edit controls from crowding the controls */
-@media (max-width: 600px) {
-    .install-status-summary {
-        gap: 0.5rem;
-    }
-
-    .install-status-field-row {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .install-status-badge-slot {
-        margin-left: 0;
-        margin-top: 0.25rem;
-    }
-}
-
-
-/*!*********************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/run-dashboard.css ***!
-  \*********************************************************************************************************/
-/* src/css/run-dashboard.css */
-/* Epic Conductor v2 run dashboard (BAPI-539, T8) — a dense, calm operations
-   surface. Reuses the Warm Coral + Cream tokens from globals.css instead of
-   hardcoding matching colors. Selectors are scoped under
-   .run-dashboard-container so nothing here leaks onto other pages. */
-
-.run-dashboard-container .section-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-    margin-bottom: 1rem;
-}
-
-.run-dashboard-container .run-dashboard-error,
-.run-dashboard-container .gate-matrix-error,
-.run-dashboard-container .active-jobs-error,
-.run-dashboard-container .needs-human-error {
-    background-color: #fef2f2;
-    border: 1px solid var(--error-color);
-    /* var(--error-color) text on this pale background is only 3.44:1 —
-       below the 4.5:1 normal-text floor. var(--primary-dark) on the same
-       background is 5.48:1. */
-    color: var(--primary-dark);
-    border-radius: 0.25rem;
-    padding: 0.5rem 0.75rem;
-    margin-bottom: 0.5rem;
-    font-size: 14px;
-}
-
-/* -------------------------------------------------------------------- *
- * Run health summary
- * -------------------------------------------------------------------- */
-
-.run-dashboard-summary {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-    gap: 1rem;
-    margin-bottom: 1.5rem;
-}
-
-.run-health-card {
-    background: var(--surface-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.75rem 1rem;
-    box-shadow: var(--box-shadow);
-}
-
-.run-health-card--warning {
-    border-color: var(--dark-orange);
-    background: var(--secondary-button-background);
-}
-
-.run-health-card--error {
-    border-color: var(--error-color);
-    background: #fef2f2;
-}
-
-.run-health-card .card-label {
-    font-size: 14px;
-    color: var(--secondary-color);
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    margin-bottom: 4px;
-}
-
-.run-health-card .card-value {
-    font-size: 20px;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* -------------------------------------------------------------------- *
- * Ticket x Gate matrix
- * -------------------------------------------------------------------- */
-
-.gate-matrix-wrapper {
-    overflow-x: auto;
-}
-
-.gate-matrix-table {
-    width: 100%;
-    border-collapse: collapse;
-    font-size: 14px;
-}
-
-.gate-matrix-table th,
-.gate-matrix-table td {
-    padding: 8px 12px;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-    vertical-align: top;
-}
-
-.gate-matrix-table th {
-    font-weight: 600;
-    color: var(--secondary-color);
-    white-space: nowrap;
-}
-
-.gate-cell {
-    min-width: 96px;
-}
-
-.gate-status-badge {
-    display: inline-block;
-    padding: 4px 8px;
-    border-radius: 999px;
-    font-size: 14px;
-    font-weight: 600;
-    text-transform: capitalize;
-    color: var(--text-color);
-    background: var(--light-grey);
-}
-
-.gate-status-badge--passed {
-    /* white on var(--success-color) is only 2.54:1. This darker shade of the
-       same green is 5.34:1 against white. */
-    background: #0f7a53;
-    color: #ffffff;
-}
-
-.gate-status-badge--in_progress,
-.gate-status-badge--running {
-    background: var(--light-orange);
-    color: var(--text-color);
-}
-
-.gate-status-badge--needs_human {
-    /* white on var(--error-color) is only 3.76:1. var(--primary-dark) is
-       6.00:1 against white and reuses an existing token. */
-    background: var(--primary-dark);
-    color: #ffffff;
-}
-
-.gate-status-badge--failed {
-    background: var(--primary-dark);
-    color: #ffffff;
-}
-
-.gate-status-badge--pending,
-.gate-status-badge--queued,
-.gate-status-badge--skipped {
-    background: var(--light-grey);
-    color: var(--secondary-color);
-}
-
-.gate-observation-detail {
-    margin-top: 4px;
-}
-
-.gate-observation-detail summary {
-    cursor: pointer;
-    font-size: 14px;
-    color: var(--secondary-color);
-}
-
-.observation-detail-body {
-    margin-top: 4px;
-    padding: 8px;
-    background: var(--background-color);
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    font-size: 14px;
-    white-space: pre-wrap;
-    word-break: break-word;
-}
-
-/* -------------------------------------------------------------------- *
- * Active jobs
- * -------------------------------------------------------------------- */
-
-.active-job-row {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 12px;
-    padding: 8px 12px;
-    border-bottom: 1px solid var(--border-color);
-    font-size: 14px;
-}
-
-.active-job-row .phase-hint {
-    color: var(--secondary-color);
-    font-style: italic;
-}
-
-.active-job-row .job-commit-count,
-.active-job-row .job-activity {
-    color: var(--secondary-color);
-}
-
-/* -------------------------------------------------------------------- *
- * Needs-human incident cards
- * -------------------------------------------------------------------- */
-
-.needs-human-card {
-    background: var(--surface-color);
-    border: 1px solid var(--dark-orange);
-    border-radius: 0.25rem;
-    padding: 1rem;
-    margin-bottom: 1rem;
-}
-
-.needs-human-card h3 {
-    margin-bottom: 8px;
-}
-
-.needs-human-field {
-    margin-bottom: 4px;
-    font-size: 14px;
-}
-
-.needs-human-actions {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-top: 8px;
-}
-
-.needs-human-secondary-action {
-    color: var(--secondary-color);
-    font-size: 14px;
-    font-style: italic;
-}
-
-/* -------------------------------------------------------------------- *
- * Monospace + empty state
- * -------------------------------------------------------------------- */
-
-.run-dashboard-container .monospace {
-    font-family: 'Courier New', Courier, monospace;
-    word-break: break-all;
-}
-
-.run-dashboard-container .empty-state {
-    padding: 1.5rem;
-    text-align: center;
-    color: var(--secondary-color);
-    font-size: 16px;
-}
-
-/* -------------------------------------------------------------------- *
- * Responsive
- * -------------------------------------------------------------------- */
-
-@media (max-width: 768px) {
-    .run-dashboard-container .section-header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.75rem;
-    }
-
-    .run-dashboard-summary {
-        grid-template-columns: 1fr;
-    }
-
-    .gate-matrix-table {
-        font-size: 14px;
-    }
-
-    .active-job-row {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 4px;
-    }
-}
-
-/*!********************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/public-pages.css ***!
-  \********************************************************************************************************/
-/* Public-page styling for the homepage and the legal placeholder pages.
-   Class-scoped only — no overrides of body, :root, .hidden, or form elements. */
-
-.public-page-header {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    padding: 1rem 0;
-    margin-bottom: 1.5rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.public-page-header a {
-    display: inline-flex;
-    align-items: center;
-    text-decoration: none;
-    color: inherit;
-}
-
-.public-page-logo {
-    height: auto;
-    max-width: 240px;
-    width: 100%;
-    display: block;
-}
-
-@media (max-width: 480px) {
-    .public-page-logo {
-        max-width: 180px;
-    }
-}
-
-.public-page-hero {
-    padding: 2rem 0 1.5rem;
-}
-
-.public-page-hero h1 {
-    font-size: 1.75rem;
-    font-weight: 600;
-    color: var(--text-color);
-    margin-bottom: 1rem;
-}
-
-.public-page-copy {
-    font-size: 1rem;
-    color: var(--text-color);
-    line-height: 1.6;
-}
-
-.public-page-copy p {
-    margin-bottom: 0.75rem;
-}
-
-.public-page-actions {
-    margin-top: 1.5rem;
-    display: flex;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
-
-.public-page-actions a {
-    text-decoration: none;
-    display: inline-block;
-}
-
-.public-page-footer {
-    margin-top: 3rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid var(--border-color);
-    color: var(--secondary-color);
-    font-size: 0.875rem;
-}
-
-.public-page-footer-nav {
-    display: flex;
-    gap: 1.5rem;
-    flex-wrap: wrap;
-}
-
-.public-page-footer-nav a {
-    color: var(--secondary-color);
-    text-decoration: none;
-}
-
-.public-page-footer-nav a:hover {
-    color: var(--primary-color);
-    text-decoration: underline;
-}
-
-.legal-page-content {
-    max-width: 800px;
-    background-color: var(--surface-color);
-    border-radius: 0.5rem;
-    padding: 2rem;
-    box-shadow: var(--box-shadow);
-}
-
-.legal-page-content h1 {
-    font-size: 1.75rem;
-    font-weight: 600;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-}
-
-.legal-page-content .last-updated {
-    color: var(--secondary-color);
-    font-size: 0.875rem;
-    margin-bottom: 1.5rem;
-}
-
-.legal-section {
-    margin-bottom: 1.5rem;
-}
-
-.legal-section h2 {
-    font-size: 1.25rem;
-    font-weight: 600;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-}
-
-.legal-section p {
-    color: var(--text-color);
-    line-height: 1.6;
-    margin-bottom: 0.75rem;
-}
-
-/*!**********************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/project-detail.css ***!
-  \**********************************************************************************************************/
-/* src/css/project-detail.css */
-
-/* Collapsible drawers specific to Project Detail View */
-.collapsible-drawers {
-    margin-bottom: 2rem;
-}
-
-.drawer {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-    overflow: hidden;
-}
-
-.drawer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    background-color: #f9fafb;
-    cursor: pointer;
-}
-
-.drawer-header h2 {
-    font-size: 1rem;
-    font-weight: 500;
-}
-
-.toggle-drawer {
-    background: none;
-    border: none;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: transform var(--drawer-transition);
-}
-
-.drawer-content {
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
-    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
-       `.expanded` is reserved for header/glyph styling. The shared drawer helper
-       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
-}
-
-/* Save button container specific to Project Detail View */
-.save-container {
-    display: flex;
-    justify-content: center;
-    margin-top: 2rem;
-}
-
-.save-container .btn {
-    padding: 0.75rem 1.5rem;
-    font-size: 1rem;
-}
-
-/* Static text display (like project path) */
-.form-static-text {
-    background-color: var(--background-color);
-    padding: 0.5rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    font-family: monospace; /* Or choose appropriate font */
-    color: var(--secondary-color);
-    margin-top: 0.5rem; /* Align with inputs */
-    word-break: break-all; /* Prevent long paths from breaking layout */
-}
-
-/* Header title specific to this page */
-.header-title {
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* Explain Link Styling */
-.explain-link {
-    margin-left: 0.5rem;
-    color: var(--primary-color);
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.explain-link:hover {
-    text-decoration: underline;
-}
-
-.explanation-content {
-    margin-top: 0.5rem;
-    padding: 0.75rem;
-    background-color: #eef2ff; /* Light indigo background */
-    border-left: 4px solid var(--primary-color);
-    font-size: 0.875rem;
-    color: #374151; /* Gray-700 */
-    border-radius: 0 0.25rem 0.25rem 0; /* Slight rounding */
-    flex-basis: 100%;
-    width: 100%;
-}
-
-.project-card-actions {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-/* Explanation link and content styles */
-.explain-link {
-    display: inline-block;
-    margin-left: 6px;
-    padding: 1px 6px;
-    font-size: 0.8em;
-    font-weight: bold;
-    color: #fff;
-    background-color: #6c757d; /* Bootstrap secondary color */
-    border-radius: 50%;
-    text-decoration: none;
-    cursor: pointer;
-    vertical-align: middle; /* Align with the label text */
-    line-height: 1.2;
-}
-
-.explain-link:hover {
-    background-color: #444;
-    text-decoration: none;
-}
-
-.explanation-content {
-    /* Base styling only; visibility is toggled via the .hidden class so the JS
-       can show/hide help without inline display mutations. */
-    margin-top: 8px;
-    padding: 10px;
-    border: 1px solid #ced4da; /* Light grey border */
-    border-radius: 4px;
-    background-color: #f8f9fa; /* Light background */
-    font-size: 0.9em;
-    color: #495057;
-    line-height: 1.4;
-}
-
-/* The shared setup-detail.css defines a global `.explanation-content { display:
-   none }` that also lands in the bundled stylesheet. Scope the visible/hidden
-   states to this page's container so they win deterministically regardless of
-   bundle order, while leaving the setup-detail page's own behavior untouched.
-   The .hidden variant has higher specificity so it always hides when present. */
-#project-detail-container .explanation-content {
-    display: block;
-}
-
-#project-detail-container .explanation-content.hidden {
-    display: none;
-}
-
-/* Added styles for JSON input textarea */
-.code-input {
-    font-family: 'Courier New', Courier, monospace;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.75rem;
-    font-size: 0.9rem;
-    line-height: 1.4;
-    width: 100%; /* Ensure it takes full width */
-}
-
-/* Add styles for input validation feedback */
-.form-error {
-    color: #dc3545; /* Bootstrap danger color */
-    font-size: 0.875em;
-    margin-top: 0.25rem;
-    display: none; /* Hide by default */
-}
-
-input.input-error,
-textarea.input-error,
-select.input-error {
-    border-color: #dc3545;
-    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Optional: Add a glow */
-}
-
-/* Ensure error messages are shown when they have content */
-.form-error:not(:empty) {
-    display: block;
-}
-
-/* Added styles for validation error messages */
-.form-error {
-    color: var(--error-color);
-    font-size: 0.875rem;
-    margin-top: 0.5rem;
-    display: none; /* Hidden by default */
-}
-
-.form-error.visible {
-    display: block; /* Visible when needed */
-}
-
-/* MCP Validation Manuals selector
-   Lay each manual out on its own row with clear spacing between the checkbox and
-   its label. JS-emitted classes (.mcp-doc-option/.mcp-doc-checkbox/.mcp-doc-label)
-   are only styled here — never renamed. */
-.mcp-docs-checkbox-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    margin-top: 0.5rem;
-}
-
-.mcp-doc-option {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    line-height: 1.4;
-    cursor: pointer;
-}
-
-.mcp-doc-checkbox {
-    margin: 0; /* drop inconsistent default checkbox margins */
-    flex-shrink: 0; /* keep the checkbox from shrinking next to long labels */
-}
-
-.mcp-doc-label {
-    /* Spacing comes from the parent's gap; keep the label inline and readable. */
-    display: inline;
-}
-
-.mcp-docs-empty-state {
-    margin-top: 0.5rem;
-    padding: 0.5rem 0.75rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    color: var(--secondary-color);
-    font-size: 0.875rem;
-}
-
-/* --- CI Follow-up sub-section (BAPI-308) --- */
-/* Page-scoped under #project-detail-container so these styles never leak to other
-   Configure-page-like layouts. Uses existing semantic CSS variables. */
-#project-detail-container .ci-followup-section {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.75rem;
-    margin-top: 0.5rem;
-}
-
-#project-detail-container .ci-followup-controls {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-    margin-top: 0.75rem;
-}
-
-#project-detail-container .ci-followup-strategy-option {
-    display: block;
-    margin-bottom: 0.5rem;
-}
-
-/* .form-help styles all page-scoped help paragraphs (the deep-research stall
-   timeout helper and the CI Follow-up strategy descriptions), not only the CI
-   Follow-up sub-section. */
-#project-detail-container .form-help {
-    margin: 0.25rem 0 0;
-    color: var(--secondary-color);
-    font-size: 0.875rem;
-}
-
-#project-detail-container .ci-followup-byte-counter {
-    margin-top: 0.25rem;
-    color: var(--secondary-color);
-    font-size: 0.8125rem;
-}
-
-#project-detail-container .ci-followup-byte-counter.over-limit {
-    color: var(--error-color);
-}
-
-/* BAPI-355: low-emphasis grouping for the TDD/FSD document-format controls.
-   Keeps the existing drawer rhythm (form-group spacing, textarea readability,
-   focus states inherited from the base textarea rules) while visually grouping
-   the two document-format textareas under a shared intro paragraph. */
-#project-detail-container .form-group-document-format {
-    border-left: 3px solid var(--border-color);
-    padding-left: 0.75rem;
-}
-
-#project-detail-container .document-format-help {
-    margin: 0 0 0.5rem;
-    color: var(--secondary-color);
-    font-size: 0.875rem;
-    line-height: 1.4;
-}
-
-/* --- Difficulty-adaptive review policy overrides (BAPI-579) --- */
-/* Page-scoped, low-specificity kebab-case classes that reuse the cream/coral
-   globals.css tokens (no new palette). State differences (default / override /
-   invalid) are always carried by a text label, never color alone. */
-#project-detail-container .review-policy-section {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.75rem;
-    margin-top: 0.5rem;
-}
-
-#project-detail-container .review-policy-intro {
-    margin: 0.25rem 0 0.75rem;
-}
-
-/* Compact 1-10 boundary reference strip (display-only). */
-#project-detail-container .review-policy-boundary-strip {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    margin-bottom: 0.75rem;
-}
-
-#project-detail-container .review-policy-boundary-item {
-    display: inline-flex;
-    align-items: baseline;
-    gap: 0.375rem;
-    padding: 0.25rem 0.5rem;
-    border: 1px solid var(--border-color);
-    border-radius: 999px;
-    background-color: var(--secondary-button-background);
-    font-size: 0.8125rem;
-}
-
-#project-detail-container .review-policy-boundary-label {
-    color: var(--text-color);
-    font-weight: 600;
-}
-
-#project-detail-container .review-policy-boundary-range {
-    color: var(--secondary-color);
-}
-
-#project-detail-container .review-policy-toolbar {
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 0.75rem;
-}
-
-#project-detail-container .review-policy-buckets {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-#project-detail-container .review-policy-bucket-card {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.75rem;
-    background-color: var(--surface-color);
-}
-
-/* Invalid buckets get a coral edge AND a visible error message below the header. */
-#project-detail-container .review-policy-bucket-card--invalid {
-    border-color: var(--error-color);
-    box-shadow: 0 0 0 0.15rem rgba(239, 68, 68, 0.2);
-}
-
-#project-detail-container .review-policy-bucket-header {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.5rem;
-    margin-bottom: 0.5rem;
-}
-
-#project-detail-container .review-policy-bucket-heading {
-    display: flex;
-    flex-direction: column;
-    margin-right: auto;
-}
-
-#project-detail-container .review-policy-bucket-name {
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-#project-detail-container .review-policy-bucket-range {
-    font-size: 0.8125rem;
-    color: var(--secondary-color);
-}
-
-/* State chip: text label always present ("Using built-in defaults" /
-   "Override active"); the color is a redundant, secondary cue. */
-#project-detail-container .review-policy-state {
-    padding: 0.125rem 0.5rem;
-    border-radius: 999px;
-    font-size: 0.75rem;
-    font-weight: 600;
-    border: 1px solid var(--border-color);
-}
-
-#project-detail-container .review-policy-state--default {
-    color: var(--secondary-color);
-    background-color: var(--secondary-button-background);
-}
-
-#project-detail-container .review-policy-state--override {
-    color: var(--primary-dark);
-    border-color: var(--primary-color);
-    background-color: var(--secondary-button-background);
-}
-
-#project-detail-container .review-policy-bucket-error {
-    margin-top: 0;
-    margin-bottom: 0.5rem;
-}
-
-/* Two automation columns side-by-side; stacks on narrow viewports (see media). */
-#project-detail-container .review-policy-groups {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.75rem;
-}
-
-#project-detail-container .review-policy-group {
-    flex: 1 1 220px;
-    min-width: 0;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.5rem;
-    background-color: var(--background-color);
-}
-
-#project-detail-container .review-policy-group-title {
-    font-weight: 600;
-    font-size: 0.875rem;
-    margin-bottom: 0.5rem;
-    color: var(--text-color);
-}
-
-#project-detail-container .review-policy-rounds {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    margin-bottom: 0.5rem;
-}
-
-#project-detail-container .review-policy-round {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-#project-detail-container .review-policy-round-label {
-    display: flex;
-    align-items: center;
-    gap: 0.375rem;
-    flex: 1 1 auto;
-    min-width: 0;
-}
-
-#project-detail-container .review-policy-round-label-text {
-    font-size: 0.8125rem;
-    color: var(--secondary-color);
-    white-space: nowrap;
-}
-
-#project-detail-container .review-policy-tier-select {
-    flex: 1 1 auto;
-    min-width: 0;
-    padding: 0.25rem 0.375rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    background-color: var(--surface-color);
-    color: var(--text-color);
-    font-size: 0.875rem;
-}
-
-#project-detail-container .review-policy-empty {
-    margin: 0 0 0.5rem;
-    font-size: 0.8125rem;
-    font-style: italic;
-    color: var(--secondary-color);
-}
-
-/* Buttons: neutral by default; the two reset actions read as low-emphasis. */
-#project-detail-container .review-policy-add-round,
-#project-detail-container .review-policy-remove-round,
-#project-detail-container .review-policy-reset-bucket,
-#project-detail-container .review-policy-reset-all {
-    padding: 0.25rem 0.625rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    background-color: var(--secondary-button-background);
-    color: var(--text-color);
-    font-size: 0.8125rem;
-    cursor: pointer;
-}
-
-#project-detail-container .review-policy-add-round:hover:not(:disabled),
-#project-detail-container .review-policy-remove-round:hover:not(:disabled),
-#project-detail-container .review-policy-reset-bucket:hover,
-#project-detail-container .review-policy-reset-all:hover {
-    border-color: var(--primary-color);
-    color: var(--primary-dark);
-}
-
-#project-detail-container .review-policy-add-round:disabled,
-#project-detail-container .review-policy-remove-round:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Keep a clearly-visible keyboard focus ring on every interactive control. */
-#project-detail-container .review-policy-tier-select:focus-visible,
-#project-detail-container .review-policy-add-round:focus-visible,
-#project-detail-container .review-policy-remove-round:focus-visible,
-#project-detail-container .review-policy-reset-bucket:focus-visible,
-#project-detail-container .review-policy-reset-all:focus-visible {
-    outline: 2px solid var(--primary-color);
-    outline-offset: 1px;
-}
-
-/* Stack the clarify/critique groups on narrow viewports. */
-@media (max-width: 768px) {
-    #project-detail-container .review-policy-groups {
-        flex-direction: column;
-    }
-
-    #project-detail-container .review-policy-group {
-        flex-basis: auto;
-    }
-}
-/* ---- BAPI-590: simplified Code Reviewer drawer (two-check surface) ---- */
-/* Page-scoped hierarchy, spacing rhythm (8/12/16/24px), and warning semantics
-   for the reviewer drawer. Reuses existing surface/border/radius/color tokens
-   rather than introducing a new visual system. */
-#project-detail-container .drawer-code-review .drawer-header h2 {
-    font-size: 1.25rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-#project-detail-container .code-review-supporting-text {
-    margin: 8px 0 24px;
-    font-size: 0.9rem;
-    line-height: 1.5;
-    color: var(--secondary-color, #555);
-}
-
-/* The Critical Priorities subsection reads as a related group, not a new card. */
-#project-detail-container .code-review-subsection {
-    margin-top: 24px;
-    padding: 16px;
-    border: 1px solid var(--border-color, #e0e0e0);
-    border-radius: 6px;
-    background: var(--surface-color, #fafafa);
-}
-
-#project-detail-container .code-review-subsection-heading {
-    margin: 0 0 12px;
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-#project-detail-container .drawer-code-review .form-group label {
-    font-weight: 600;
-}
-
-#project-detail-container #critical_priorities {
-    min-height: 140px;
-    width: 100%;
-    resize: vertical;
-    font: inherit;
-}
-
-/* Priorities warning: shared warning semantics with visible copy so severity is
-   never conveyed by color alone. Distinct from `.input-error`/`--error-color`. */
-#project-detail-container .drawer-code-review .warning {
-    margin-top: 8px;
-    padding: 8px 12px;
-    border: 1px solid var(--warning-color, #b26a00);
-    border-radius: 4px;
-    background: var(--warning-bg, #fff6e5);
-    color: var(--warning-text, #7a4a00);
-    font-size: 0.85rem;
-    line-height: 1.4;
-}
-
-/* Keep a clearly-visible coral keyboard focus ring and touch-friendly targets. */
-#project-detail-container .drawer-code-review .toggle-drawer:focus-visible,
-#project-detail-container .drawer-code-review input[type="checkbox"]:focus-visible,
-#project-detail-container #critical_priorities:focus-visible {
-    outline: 2px solid var(--primary-color);
-    outline-offset: 1px;
-}
-
-/* Narrow viewports: reduce padding and let content wrap without horizontal scroll. */
-@media (max-width: 768px) {
-    #project-detail-container .code-review-subsection {
-        padding: 12px;
-    }
-
-    #project-detail-container .code-review-supporting-text,
-    #project-detail-container .drawer-code-review .warning,
-    #project-detail-container .drawer-code-review label {
-        overflow-wrap: anywhere;
-    }
-}
-
-/*!*************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/optimize_analysis.css ***!
-  \*************************************************************************************************************/
-/* Code Analysis Styling */
-
-.hidden {
-    display: none !important;
-}
-
-.analysis-section {
-    margin-bottom: 2rem;
-    padding-bottom: 1.5rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-#build-section {
-    padding-top: 2rem;
-}
-
-.analysis-section:last-child {
-    border-bottom: none;
-}
-
-.analysis-section h4 {
-    margin-bottom: 1rem;
-    font-size: 1.1rem;
-    font-weight: 600;
-}
-
-.analysis-info-label {
-    margin-bottom: 10px;
-    font-style: italic;
-    color: #555;
-    line-height: 1.5;
-}
-
-.reanalyze-container {
-    margin-top: 10px;
-    font-size: 0.9em;
-}
-
-.reanalyze-container p {
-    margin: 0;
-}
-
-.reanalyze-container a {
-    color: var(--primary-color);
-    text-decoration: none;
-    font-weight: 500;
-}
-
-.reanalyze-container a:hover {
-    text-decoration: underline;
-}
-
-.code-analysis {
-    margin-top: 2rem;
-    padding: 1rem 0;
-    border-top: 1px solid var(--border-color);
-}
-
-.code-analysis h3 {
-    margin-bottom: 1rem;
-    font-size: 1.1rem;
-    font-weight: 600;
-}
-
-.code-analysis form {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    margin-bottom: 1rem;
-}
-
-.code-analysis form > div {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-}
-
-.code-analysis label {
-    font-weight: 500;
-    color: var(--text-color);
-}
-
-.code-analysis select,
-.code-analysis textarea {
-    padding: 0.5rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    font-family: inherit;
-}
-
-.code-analysis select:focus,
-.code-analysis textarea:focus {
-    outline: none;
-    border-color: var(--primary-color);
-    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
-}
-
-.status-message {
-    margin-top: 0.5rem;
-    font-size: 0.875rem;
-    padding: 0.5rem;
-    border-radius: 0.25rem;
-}
-
-.status-message.processing {
-    background-color: #e0f2fe;
-    color: #0277bd;
-    border: 1px solid #81d4fa;
-}
-
-.status-message.success {
-    background-color: #e8f5e8;
-    color: #2e7d32;
-    border: 1px solid #a5d6a7;
-}
-
-.status-message.error {
-    background-color: #ffebee;
-    color: #c62828;
-    border: 1px solid #ef9a9a;
-}
-
-.textarea-wide {
-    width: 100%;
-    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-    font-size: 0.875rem;
-    line-height: 1.4;
-    resize: vertical;
-}
-
-.code-analysis button {
-    align-self: flex-start;
-    margin-top: 0.5rem;
-}
-
-/*!****************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/optimize.css ***!
-  \****************************************************************************************************/
-/* src/css/optimize.css */
-
-/* Collapsible drawers specific to Optimize View */
-.collapsible-drawers {
-    margin-bottom: 2rem;
-}
-
-.drawer {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-    overflow: hidden;
-}
-
-.drawer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    background-color: #f9fafb;
-    cursor: pointer;
-}
-
-.drawer-header h2 {
-    font-size: 1rem;
-    font-weight: 500;
-}
-
-.toggle-drawer {
-    background: none;
-    border: none;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: transform var(--drawer-transition);
-}
-
-.drawer-content {
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
-    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
-       `.expanded` is reserved for header/glyph styling. The shared drawer helper
-       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
-}
-
-/* Planner sub-section */
-.planner-section {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    margin-top: 1rem;
-}
-
-select[multiple] {
-    min-height: 180px;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-}
-
-/* Label styling */
-label {
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-    display: block;
-}
-
-/* ====================================================================
- * LEARN REPOSITORY STYLES
- * ==================================================================== */
-#learn-repository-section {
-    * {
-        margin-top: 1rem;
-    }
-
-    padding-bottom: 2rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.learn-section {
-    padding-bottom: 1.5rem;
-    margin-bottom: 1.5rem;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.learn-section:last-of-type {
-    border-bottom: none;
-    margin-bottom: 0;
-}
-
-/* ====================================================================
- * LEARN REPOSITORY PER-SECTION STATE CLASSES (BAPI-307)
- *
- * Declarative per-section state cues. Visibility is driven ONLY by the global
- * `.hidden` class (toggled in JS by the renderer); these classes add a small
- * left-border status accent and never set display/visibility. `data-state` is
- * intentionally NOT used as a visibility mechanism, and `.hidden` is never
- * redefined here.
- * ==================================================================== */
-.learn-section.lr-state-idle {
-    border-left: 3px solid var(--border-color);
-    padding-left: 1rem;
-}
-
-.learn-section.lr-state-running {
-    border-left: 3px solid var(--primary-color);
-    padding-left: 1rem;
-}
-
-.learn-section.lr-state-review {
-    border-left: 3px solid var(--primary-color);
-    padding-left: 1rem;
-}
-
-.learn-section.lr-state-draft {
-    border-left: 3px solid var(--primary-color);
-    padding-left: 1rem;
-}
-
-.learn-section.lr-state-complete {
-    border-left: 3px solid var(--text-color);
-    padding-left: 1rem;
-}
-
-/* The Reanalyze control is now a <button> (BAPI-307) rather than an inline
- * link; keep it left-aligned as a block action within the section actions. */
-.lr-reanalyze-link {
-    display: inline-block;
-}
-
-.lr-initial-mode-options {
-    display: flex;
-    flex-direction: row;
-    gap: 1.25rem;
-    align-items: center;
-}
-
-.lr-initial-mode-options label {
-    display: inline;
-    font-weight: normal;
-}
-
-.lr-in-progress-container {
-    margin: 0.5rem 0 1rem;
-    padding: 0.75rem 1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.375rem;
-}
-
-/* Horizontal separation between the reanalyze Confirm and Cancel buttons.
- * Adjacent-sibling margin keeps the existing block-level radio labels from
- * being reflowed, which a flex/gap container would do. */
-.lr-reanalyze-confirm-btn + .lr-reanalyze-cancel-btn {
-    margin-left: 0.5rem;
-}
-
-/* ====================================================================
- * ESTIMATOR SECTION STYLES
- * ==================================================================== */
-
-#estimator-section {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-#estimator-section > div {
-    padding: 1rem;
-    border-radius: 0.375rem;
-    border: 1px solid var(--border-color);
-}
-
-#estimator-optimize {
-    background-color: #f0f9ff;
-    border-color: #0ea5e9;
-}
-
-#estimator-running {
-    background-color: #fef3c7;
-    border-color: #f59e0b;
-}
-
-#estimator-review {
-    background-color: #f0fdf4;
-    border-color: #22c55e;
-}
-
-#estimator-loading {
-    background-color: #f3f4f6;
-    border-color: var(--border-color);
-    text-align: center;
-}
-
-#range-editor {
-    margin: 1rem 0;
-}
-
-#range-json {
-    width: 100%;
-    min-height: 300px;
-    padding: 0.75rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.375rem;
-    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    background-color: #f8fafc;
-    resize: vertical;
-}
-
-#range-json:focus {
-    outline: none;
-    border-color: var(--primary-color);
-    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
-}
-
-.estimator-actions {
-    display: flex;
-    gap: 0.5rem;
-    margin-top: 1rem;
-}
-
-.estimator-actions .btn {
-    flex: 0 0 auto;
-}
-
-/* Responsive design for estimator */
-@media (max-width: 768px) {
-    #range-json {
-        min-height: 200px;
-        font-size: 0.75rem;
-    }
-    
-    .estimator-actions {
-        flex-direction: column;
-    }
-    
-    .estimator-actions .btn {
-        width: 100%;
-    }
-}
-
-/* Success/Error states for estimator messages */
-.estimator-message {
-    padding: 0.75rem;
-    border-radius: 0.375rem;
-    margin-bottom: 1rem;
-}
-
-.estimator-message.success {
-    background-color: #dcfce7;
-    color: #166534;
-    border: 1px solid #22c55e;
-}
-
-.estimator-message.error {
-    background-color: #fef2f2;
-    color: #991b1b;
-    border: 1px solid #ef4444;
-}
-
-.estimator-message.info {
-    background-color: #eff6ff;
-    color: #1e40af;
-    border: 1px solid #3b82f6;
-}
-
-.draft-review-container .btn + .btn {
-    margin-left: 1.5rem;
-}
-
-/*!***************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/globals.css ***!
-  \***************************************************************************************************/
-/* Font faces */
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-Regular.ttf') format('truetype');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-Italic.ttf') format('truetype');
-    font-weight: 400;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
-    font-weight: 200;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
-    font-weight: 200;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
-    font-weight: 600;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-Bold.ttf') format('truetype');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-Black.ttf') format('truetype');
-    font-weight: 900;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Sans Pro';
-    src: url('/public/fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
-    font-weight: 900;
-    font-style: italic;
-}
-
-/* Global variables */
-:root {
-    --primary-color: #E2624B;
-    --primary-dark: #C51616;
-    --secondary-color: #6b7280;
-    --light-grey: #eee;
-    --secondary-button-background: #fdf4ec;
-    --light-orange: #F2B27A;
-    --dark-orange: #e17055;
-    --background-color: #fffdf0;
-    --surface-color: #ffffff;
-    --text-color: #393D4E;
-    --border-color: #e6e4d5;
-    --error-color: #ef4444;
-    --success-color: #10b981;
-    --header-height: 60px;
-    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-/* Reset and base styles */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    background-color: var(--background-color);
-    color: var(--text-color);
-    line-height: 1.5;
-    min-height: 100vh;
-    padding-top: var(--header-height);
-}
-
-.hidden {
-    display: none !important;
-}
-
-/* Button styles */
-.btn {
-    cursor: pointer;
-    padding: 0.75rem 2rem;
-    border-radius: 4px;
-    border: 1px solid transparent;
-    font-size: 1rem;
-    line-height: 1.25rem;
-    transition: background-color 0.3s ease;
-}
-
-.btn-primary {
-    background-color: var(--primary-color);
-    color: white;
-}
-
-.btn-primary:hover {
-    background-color: var(--primary-dark);
-}
-
-.btn-secondary {
-    background-color: var(--secondary-button-background);
-    border: 1px solid var(--light-orange);
-    color: #333;
-}
-
-.btn-secondary:hover {
-    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-    background-color: var(--dark-orange);
-    color: white;
-}   
-
-.btn-sm {
-    padding: 0.2rem 0.5rem;
-    font-size: 0.75rem;
-}
-
-.btn-danger {
-    background-color: var(--error-color);
-    color: white;
-}
-
-.btn-danger:hover {
-    background-color: #b91c1c; /* darker red for hover */
-}
-
-.btn:disabled {
-    background-color: #d1d5db;
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
-/* Form element base styles */
-label {
-    display: block;
-    font-size: 0.875rem;
-    font-weight: 500;
-    margin-bottom: 0.5rem;
-}
-
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="url"],
-input[type="number"],
-textarea {
-    width: 100%;
-    padding: 0.5rem;
-    font-size: 1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    background-color: #fff;
-}
-
-input[type="number"] {
-    width: auto;
-}
-
-textarea {
-    min-height: 100px;
-    resize: vertical;
-}
-
-.required {
-    color: var(--error-color);
-}
-
-/* Checkbox styling */
-.form-group.checkbox {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-}
-
-.form-group.checkbox input {
-    margin-right: 0.5rem;
-}
-
-.form-group.checkbox label {
-    margin-bottom: 0;
-}
-
-/* Modal base styles (if used globally) */
-.modal {
-    display: none;
-    position: fixed;
-    z-index: 1000;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(0,0,0,0.4);
-    align-items: center;
-    justify-content: center;
-}
-
-/*!*******************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/get-started.css ***!
-  \*******************************************************************************************************/
-/* ============================================================
-   Get-Started onboarding page styles
-   All rules scoped under #get-started-container
-   ============================================================ */
-
-/* ---- Hero: the page's job is connecting GitHub (BAPI-630) ---- */
-
-/* The shared .section-header is a `space-between` row built for title+button.
-   This hero is a title plus a paragraph, so it stacks instead — otherwise the
-   intro is pushed alongside the h1 and both columns crowd at narrow widths. */
-#get-started-container .get-started-hero {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-bottom: 2rem;
-}
-
-#get-started-container .get-started-hero h1 {
-    font-size: 2rem;
-    font-weight: 700;
-    line-height: 1.2;
-    margin-bottom: 0.5rem;
-}
-
-#get-started-container .get-started-intro {
-    color: var(--text-muted, #666);
-    max-width: 720px;
-    margin-bottom: 1.5rem;
-    line-height: 1.5;
-}
-
-/* ---- Section cards ---- */
-#get-started-container .get-started-section {
-    background: var(--card-bg, #fff);
-    border: 1px solid var(--border-color, #e0e0e0);
-    border-radius: 8px;
-    padding: 1.5rem;
-    margin-bottom: 1.5rem;
-}
-
-/* Subsection headings inside the optional MCP drawer. These are descriptive,
-   not steps in a mandatory flow, so they sit below the two numbered tasks. */
-#get-started-container .get-started-section h3 {
-    margin-top: 0;
-    font-size: 1.15rem;
-    margin-bottom: 0.75rem;
-}
-
-/* ---- Install-key generation panel ---- */
-.install-key-panel {
-    border: 1px solid var(--border-color, #e0e0e0);
-    background: var(--code-bg, #f8f9fa);
-    border-radius: 8px;
-    padding: 1rem 1.25rem;
-    margin: 0.75rem 0 1.25rem;
-}
-
-.install-key-header {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: 1rem;
-    flex-wrap: wrap;
-}
-
-.install-key-header h4 {
-    margin: 0 0 0.25rem;
-    font-size: 1rem;
-}
-
-.install-key-header p {
-    margin: 0;
-    font-size: 0.88rem;
-    color: var(--text-muted, #666);
-    max-width: 48ch;
-}
-
-.install-key-actions {
-    display: flex;
-    align-items: center;
-    gap: 0.6rem;
-    flex-shrink: 0;
-}
-
-/* Base state is NEUTRAL. The outcome modifiers below are applied by JS from the
-   real inserted-slot count, so a generated-but-not-inserted key is never
-   presented in success green (BAPI-630 / CI-2). */
-.install-key-status {
-    font-size: 0.82rem;
-    color: var(--text-muted, #666);
-}
-
-.install-key-status--success {
-    color: var(--success-color, #10b981);
-}
-
-.install-key-status--warning {
-    color: var(--dark-orange, #e17055);
-}
-
-.install-key-error {
-    margin: 0.75rem 0 0;
-    font-size: 0.85rem;
-    color: var(--danger-color, #dc3545);
-}
-
-.install-key-error.hidden {
-    display: none;
-}
-
-.install-key-result {
-    margin-top: 1rem;
-}
-
-.install-key-result.hidden {
-    display: none;
-}
-
-/* Mirror the Security page warning treatment */
-.install-key-panel .key-warning {
-    color: #856404;
-    background: #fff3cd;
-    border: 1px solid #ffc107;
-    border-radius: 4px;
-    padding: 0.75rem;
-    margin-bottom: 0.75rem;
-    font-weight: 600;
-    font-size: 0.88rem;
-}
-
-.install-key-panel .key-display {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    flex-wrap: wrap;
-}
-
-.install-key-panel .key-display input {
-    flex: 1;
-    min-width: 200px;
-    padding: 0.5rem 0.75rem;
-    border: 1px solid var(--border-color, #dee2e6);
-    border-radius: 4px;
-    font-family: monospace;
-    font-size: 0.85rem;
-    background: #fff;
-}
-
-/* Snippet placeholder once the minted key has been injected */
-.bapi-api-key-slot-filled {
-    background: #d4edda;
-    color: #155724;
-    font-style: normal;
-}
-
-/* ---- Snippet tabs ---- */
-#editor-tabs {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-    border-bottom: 2px solid var(--border-color, #e0e0e0);
-    padding-bottom: 0.25rem;
-}
-
-.snippet-tab-btn {
-    background: none;
-    border: none;
-    padding: 0.4rem 0.8rem;
-    cursor: pointer;
-    font-size: 0.9rem;
-    color: var(--text-muted, #666);
-    border-radius: 4px 4px 0 0;
-    border-bottom: 3px solid transparent;
-    transition: color 0.15s, border-color 0.15s;
-}
-
-.snippet-tab-btn:hover {
-    color: var(--primary-color, #007bff);
-}
-
-.snippet-tab-btn.active,
-.snippet-tab-btn[aria-selected="true"] {
-    color: var(--primary-color, #007bff);
-    border-bottom-color: var(--primary-color, #007bff);
-    font-weight: 600;
-}
-
-.snippet-tab-btn:focus-visible {
-    outline: 2px solid var(--primary-color, #007bff);
-    outline-offset: 2px;
-}
-
-/* ---- Code panels ---- */
-.snippet-panel {
-    margin-bottom: 0.5rem;
-}
-
-.snippet-panel.hidden {
-    display: none;
-}
-
-.snippet-meta {
-    font-size: 0.78rem;
-    color: var(--text-muted, #888);
-    margin-bottom: 0.4rem;
-    font-family: monospace;
-}
-
-.snippet-notes {
-    font-size: 0.85rem;
-    color: var(--text-muted, #666);
-    margin-bottom: 0.5rem;
-    font-style: italic;
-}
-
-.snippet-panel pre {
-    background: var(--code-bg, #f5f5f5);
-    border: 1px solid var(--border-color, #ddd);
-    border-radius: 6px;
-    padding: 1rem;
-    overflow-x: auto;
-    margin-bottom: 0.5rem;
-    max-width: 100%;
-}
-
-.snippet-panel code {
-    font-family: 'Courier New', Courier, monospace;
-    font-size: 0.82rem;
-    line-height: 1.5;
-    white-space: pre;
-    word-break: normal;
-    overflow-wrap: normal;
-}
-
-/* API-key placeholder slot */
-.bapi-api-key-slot {
-    background: #fff3cd;
-    color: #856404;
-    border-radius: 3px;
-    padding: 0 2px;
-    font-style: italic;
-    font-weight: 600;
-}
-
-/* ---- Copy row ---- */
-.snippet-copy-row {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-top: 0.25rem;
-}
-
-.copy-status {
-    font-size: 0.82rem;
-    color: var(--success-color, #28a745);
-    min-width: 60px;
-}
-
-/* ---- /install-bridge hand-off ---- */
-.install-bridge-notice {
-    background: #fff8e1;
-    border-left: 4px solid #f59e0b;
-    padding: 0.75rem 1rem;
-    border-radius: 4px;
-    margin-bottom: 1rem;
-    font-size: 0.9rem;
-    line-height: 1.5;
-}
-
-.handoff-copy-row {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
-
-.handoff-command {
-    background: var(--code-bg, #f5f5f5);
-    border: 1px solid var(--border-color, #ddd);
-    border-radius: 4px;
-    padding: 0.3rem 0.6rem;
-    font-size: 0.95rem;
-    font-family: monospace;
-}
-
-/* ---- Config-status readout ---- */
-.status-summary {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-    flex-wrap: wrap;
-}
-
-.status-total {
-    font-size: 0.85rem;
-    color: var(--text-muted, #666);
-}
-
-.status-chip {
-    display: inline-block;
-    padding: 0.2rem 0.6rem;
-    border-radius: 12px;
-    font-size: 0.8rem;
-    font-weight: 600;
-    letter-spacing: 0.02em;
-}
-
-.status-set {
-    background: #d4edda;
-    color: #155724;
-}
-
-.status-unset {
-    background: #f8d7da;
-    color: #721c24;
-}
-
-.status-group {
-    margin-bottom: 1rem;
-}
-
-.status-group-title {
-    font-size: 0.9rem;
-    font-weight: 600;
-    color: var(--text-muted, #555);
-    margin: 0 0 0.4rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-}
-
-.status-field-row {
-    display: flex;
-    align-items: baseline;
-    gap: 0.6rem;
-    padding: 0.25rem 0;
-    border-bottom: 1px solid var(--border-color, #eee);
-    flex-wrap: wrap;
-}
-
-.status-field-row:last-child {
-    border-bottom: none;
-}
-
-.status-field-name {
-    font-size: 0.88rem;
-    font-family: monospace;
-}
-
-.status-field-value {
-    font-size: 0.8rem;
-    color: var(--text-muted, #888);
-    font-family: monospace;
-    word-break: break-all;
-}
-
-.status-empty {
-    color: var(--text-muted, #888);
-    font-style: italic;
-    font-size: 0.9rem;
-}
-
-/* ---- Integrations checklist (BAPI-516) ---- */
-/* Collapse the container entirely when the checklist renders nothing so the
-   absent-safe / fail-open cases leave no visual gap. */
-#get-started-container .install-integrations:empty {
-    display: none;
-}
-
-.install-integrations:not(:empty) {
-    margin: 0.75rem 0 1rem;
-    padding-top: 0.75rem;
-    border-top: 1px solid var(--border-color, #eee);
-}
-
-.install-integrations-title {
-    font-size: 1rem;
-    font-weight: 600;
-    margin: 0 0 0.35rem;
-}
-
-.install-integrations-note {
-    color: var(--text-muted, #666);
-    font-size: 0.8rem;
-    line-height: 1.5;
-    margin: 0 0 0.6rem;
-}
-
-.install-integrations-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.35rem;
-}
-
-.install-integration-row {
-    flex-wrap: wrap;
-}
-
-/* Integration labels are human-readable names, not field keys — override the
-   monospace treatment inherited from .status-field-name. */
-.install-integration-label {
-    font-family: inherit;
-    font-size: 1rem;
-    font-weight: 600;
-}
-
-.install-integration-required {
-    font-size: 0.875rem;
-    line-height: 1.5;
-    overflow-wrap: anywhere;
-}
-
-.install-integration-link {
-    color: var(--primary-color, #0066cc);
-    font-size: 0.875rem;
-    text-decoration: underline;
-}
-
-.install-integration-link:focus-visible {
-    outline: 2px solid var(--primary-color, #0066cc);
-    outline-offset: 2px;
-}
-
-/* ---- Skeleton loading ---- */
-.get-started-state {
-    padding: 1rem 0;
-}
-
-.get-started-state.hidden {
-    display: none;
-}
-
-.skeleton {
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
-    animation: skeleton-shimmer 1.4s infinite;
-    border-radius: 6px;
-    margin-bottom: 0.75rem;
-}
-
-@keyframes skeleton-shimmer {
-    0%   { background-position: 200% 0; }
-    100% { background-position: -200% 0; }
-}
-
-.skeleton-tabs {
-    height: 36px;
-    width: 70%;
-}
-
-.skeleton-code {
-    height: 160px;
-    width: 100%;
-}
-
-.skeleton-status {
-    height: 80px;
-    width: 100%;
-}
-
-/* ---- Inline error ---- */
-.get-started-error-msg {
-    color: var(--danger-color, #dc3545);
-    margin-bottom: 0.75rem;
-}
-
-/* ---- Footer link ---- */
-.get-started-footer {
-    margin-top: 1rem;
-    text-align: center;
-}
-
-/* ============================================================
-   GitHub App connect flow (BAPI-506)
-   ============================================================ */
-
-/* The page's primary task: a dominant white surface directly under the hero,
-   separated from the optional MCP drawer by a full section gap (BAPI-630). */
-#get-started-container .github-connect-section {
-    padding: 2rem;
-    margin-bottom: 2rem;
-    box-shadow: var(--box-shadow);
-}
-
-#get-started-container .github-connect-section h2 {
-    margin-top: 0;
-    font-size: 1.5rem;
-    font-weight: 700;
-    line-height: 1.25;
-    margin-bottom: 0.75rem;
-}
-
-.github-connect-card {
-    border: 1px solid var(--border-color, #e0e0e0);
-    background: var(--card-bg, #fff);
-    border-radius: 8px;
-    padding: 1rem 1.25rem;
-    margin-top: 0.75rem;
-}
-
-.github-connect-card > p {
-    color: var(--text-muted, #666);
-    font-size: 1rem;
-    line-height: 1.5;
-    margin-top: 0;
-}
-
-.github-connect-actions {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 0.5rem 0.75rem;
-    margin: 0.75rem 0;
-}
-
-#github-connect-status {
-    color: var(--text-muted, #666);
-    font-size: 0.9rem;
-}
-
-.github-connect-result {
-    border: 1px solid var(--border-color, #e0e0e0);
-    border-radius: 6px;
-    padding: 0.75rem 1rem;
-    margin: 0.75rem 0;
-}
-
-.github-connect-result-title {
-    font-weight: 600;
-    margin: 0 0 0.25rem;
-}
-
-.github-connect-result--success {
-    border-color: var(--success-color, #2e7d32);
-    background: var(--success-bg, #edf7ee);
-}
-
-.github-connect-result--warning {
-    border-color: var(--warning-color, #b26a00);
-    background: var(--warning-bg, #fff6e5);
-}
-
-.github-connect-result--error {
-    border-color: var(--error-color, #c62828);
-    background: var(--error-bg, #fdecea);
-}
-
-/* ---- Ambiguous-install repository picker ---- */
-.github-repo-picker-panel {
-    border: 1px solid var(--border-color, #e0e0e0);
-    background: var(--code-bg, #f8f9fa);
-    border-radius: 6px;
-    padding: 0.75rem 1rem;
-    margin: 0.75rem 0;
-}
-
-.github-repo-picker-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.4rem;
-    margin-top: 0.5rem;
-}
-
-.github-repo-picker-option {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.15rem;
-    text-align: left;
-    width: 100%;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-}
-
-.github-repo-picker-option:focus-visible {
-    outline: 2px solid var(--focus-ring, #1a73e8);
-    outline-offset: 2px;
-}
-
-.github-repo-picker-option-name {
-    font-weight: 600;
-    overflow-wrap: anywhere;
-}
-
-.github-repo-picker-option-owner {
-    color: var(--text-muted, #666);
-    font-size: 0.85rem;
-}
-
-/* ---- Manual fallback helper text ---- */
-.github-manual-fallback {
-    color: var(--text-muted, #666);
-    font-size: 0.9rem;
-    margin-top: 0.75rem;
-    margin-bottom: 0;
-}
-
-/* ============================================================
-   Optional editor/MCP disclosure (BAPI-630)
-
-   Spacing and typography ONLY. Open/closed behavior, `.hidden`, `.expanded`,
-   and the toggle glyph all belong to the shared drawer utility (utils.js
-   initDrawers/setDrawerExpanded) — this page must not reimplement them.
-   ============================================================ */
-
-#get-started-container .get-started-mcp-drawers {
-    margin-bottom: 1.5rem;
-}
-
-#get-started-container .get-started-mcp-drawer .drawer-header {
-    padding: 1rem 1.25rem;
-    gap: 1rem;
-}
-
-/* Secondary to the GitHub h2: same element level, deliberately quieter. */
-#get-started-container .get-started-mcp-drawer-title {
-    margin: 0;
-    font-size: 1.05rem;
-    font-weight: 600;
-    line-height: 1.35;
-    overflow-wrap: anywhere;
-}
-
-#get-started-container .get-started-mcp-drawer .drawer-content {
-    padding: 0 1.25rem 1rem;
-}
-
-/* Breathing room between the drawer's own subsections once expanded. The
-   nested section cards already carry their own margin-bottom. */
-#get-started-container .get-started-mcp-drawer .drawer-content > .get-started-state {
-    margin: 1rem 0;
-}
-
-/* ---- Responsive (consolidated; established 768px breakpoint) ---- */
-@media (max-width: 768px) {
-    #get-started-container .get-started-hero h1 {
-        font-size: 1.6rem;
-    }
-
-    #get-started-container .github-connect-section {
-        padding: 1.25rem;
-    }
-
-    #get-started-container .github-connect-section h2 {
-        font-size: 1.3rem;
-    }
-
-    .github-connect-card {
-        padding: 1rem;
-    }
-
-    /* The primary action goes full-width so it stays the obvious, easily
-       tapped next step at phone widths. */
-    .github-connect-actions {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    .github-connect-actions .btn {
-        width: 100%;
-    }
-
-    #get-started-container .get-started-mcp-drawer .drawer-header {
-        padding: 0.75rem 1rem;
-    }
-
-    #get-started-container .get-started-mcp-drawer .drawer-content {
-        padding: 0 1rem 0.75rem;
-    }
-
-    #get-started-container .get-started-section {
-        padding: 1rem;
-    }
-
-    .snippet-tab-btn {
-        padding: 0.35rem 0.55rem;
-        font-size: 0.82rem;
-    }
-
-    .handoff-copy-row {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .install-key-header {
-        flex-direction: column;
-    }
-
-    .install-key-actions {
-        width: 100%;
-    }
-
-    .install-key-actions .btn {
-        flex: 1;
-    }
-
-    .install-key-panel .key-display {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    .install-key-panel .key-display input,
-    .install-key-panel .key-display .btn {
-        width: 100%;
-    }
-
-    .install-key-status {
-        overflow-wrap: anywhere;
-    }
-
-    .status-field-row {
-        flex-direction: column;
-        gap: 0.2rem;
-    }
-
-    /* Collapse checklist rows into a readable single-column stack at narrow
-       widths so long required-for text never forces horizontal overflow. */
-    .install-integration-row {
-        align-items: flex-start;
-    }
-
-    .install-integration-required {
-        overflow-wrap: anywhere;
-    }
-}
-
-/*!*******************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/data_health.css ***!
-  \*******************************************************************************************************/
-/* src/css/data_health.css */
-
-/* Collapsible drawers for Data Health View */
-.collapsible-drawers {
-    margin-bottom: 2rem;
-}
-
-.drawer {
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-    overflow: hidden;
-}
-
-.drawer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    background-color: #f9fafb;
-    cursor: pointer;
-}
-
-.drawer-header h2 {
-    font-size: 1rem;
-    font-weight: 500;
-}
-
-.toggle-drawer {
-    background: none;
-    border: none;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: transform var(--drawer-transition);
-}
-
-.drawer-content {
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
-    /* Visibility is controlled solely by the global `.hidden` class (BAPI-301);
-       `.expanded` is reserved for header/glyph styling. The shared drawer helper
-       sets the ▲/▼ glyph text directly, so no CSS rotation is applied. */
-}
-
-/* ========================================
-   Parse / Learn Repository Jobs Section Styles
-   ======================================== */
-
-.parse-repository-jobs-section,
-.learn-repository-jobs-section {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-}
-
-/* Last-ran timestamp shown under the Update Repository action.
-   Replaces a former inline style on the template. */
-.operation-last-ran {
-    margin-top: 0.5rem;
-    font-size: 0.875rem;
-}
-
-/* Parse schedule status panel. Replaces the former inline-styled status
-   blocks; state colors come from global design tokens (no hardcoded colors). */
-.parse-schedule-status {
-    margin-top: 0.75rem;
-    padding: 0.75rem;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    font-size: 0.875rem;
-}
-
-.parse-schedule-status--active {
-    color: var(--success-color);
-    border-color: var(--success-color);
-}
-
-.parse-schedule-status--paused,
-.parse-schedule-status--empty {
-    color: var(--dark-orange);
-    border-color: var(--dark-orange);
-}
-
-.parse-schedule-next-run {
-    display: block;
-    margin-top: 0.25rem;
-    color: var(--text-color);
-}
-
-.parse-schedule-actions {
-    margin-top: 0.5rem;
-    display: flex;
-    gap: 0.5rem;
-}
-
-.operation-row {
-    display: flex;
-    flex-direction: column;
-    padding-bottom: 1rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.operation-row:last-child {
-    border-bottom: none;
-    padding-bottom: 0;
-}
-
-.operation-item {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.operation-item .btn {
-    align-self: flex-start;
-}
-
-.operation-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    line-height: 1.4;
-}
-
-.schedule-controls {
-    display: flex;
-    gap: 1rem;
-    margin-top: 0.5rem;
-    align-items: flex-end;
-}
-
-.schedule-controls .form-group {
-    margin-bottom: 0;
-}
-
-.schedule-controls .form-group.inline {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-}
-
-.schedule-controls .form-group.inline label {
-    font-size: 0.75rem;
-    color: var(--secondary-color);
-}
-
-.schedule-controls .form-group.inline input,
-.schedule-controls .form-group.inline select {
-    width: auto;
-    min-width: 120px;
-    padding: 0.375rem 0.5rem;
-    font-size: 0.875rem;
-}
-
-/* ========================================
-   Data Integrity Section Styles
-   ======================================== */
-
-/* Loading and error states */
-.integrity-loading,
-.integrity-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.integrity-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* Summary statistics */
-.integrity-summary {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-}
-
-.integrity-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.integrity-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.integrity-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-.integrity-stat-value.integrity-healthy {
-    color: #16a34a;
-}
-
-/* Empty state */
-.integrity-empty-state {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.integrity-empty-state p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Issues table */
-.integrity-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-}
-
-.integrity-table th,
-.integrity-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.integrity-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.integrity-table td {
-    font-size: 0.875rem;
-    vertical-align: top;
-}
-
-.integrity-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* File list styling */
-.integrity-file-list {
-    font-family: monospace;
-    font-size: 0.8rem;
-    background-color: #f1f5f9;
-    padding: 0.5rem;
-    border-radius: 4px;
-    max-height: 150px;
-    overflow-y: auto;
-    margin: 0;
-    list-style: none;
-}
-
-.integrity-file-list li {
-    padding: 0.125rem 0;
-    word-break: break-all;
-}
-
-.integrity-file-list li:not(:last-child) {
-    border-bottom: 1px solid #e2e8f0;
-}
-
-.integrity-more-files {
-    font-style: italic;
-    color: var(--secondary-color);
-    font-size: 0.8rem;
-    margin-top: 0.25rem;
-}
-
-/* Issues container header */
-#integrity-issues-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-}
-
-/* ========================================
-   Configuration Health Section Styles
-   ======================================== */
-
-/* Loading and error states */
-.config-health-loading,
-.config-health-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.config-health-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* Summary statistics */
-.health-stats {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-}
-
-.health-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.health-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.health-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-.health-stat-value.health-configured {
-    color: #16a34a;
-}
-
-.health-stat-value.health-errors {
-    color: var(--error-color);
-}
-
-.health-stat-value.health-warnings {
-    color: #f59e0b;
-}
-
-/* All good state */
-.config-health-all-good {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.config-health-all-good p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Config health table */
-.config-health-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-}
-
-.config-health-table th,
-.config-health-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.config-health-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.config-health-table td {
-    font-size: 0.875rem;
-    vertical-align: top;
-}
-
-.config-health-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* Status badge styling */
-.config-status-badge {
-    display: inline-block;
-    padding: 0.25rem 0.5rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 500;
-    text-transform: uppercase;
-}
-
-.config-status-badge.status-missing {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-.config-status-badge.status-invalid {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-/* Dismiss button / text button styling */
-.btn-text {
-    background-color: transparent;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-    padding: 0.375rem 0.75rem;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.btn-text:hover {
-    background-color: #f9fafb;
-    border-color: var(--secondary-color);
-    color: var(--text-color);
-}
-
-.btn-text:active {
-    background-color: #f3f4f6;
-}
-
-.btn-text:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Config errors/warnings container headers */
-#config-errors-container h3,
-#config-warnings-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-    margin-top: 1.5rem;
-}
-
-#config-errors-container h3 {
-    color: var(--error-color);
-}
-
-#config-warnings-container h3 {
-    color: #f59e0b;
-}
-
-/* ========================================
-   Pinecone Data Integrity Section Styles
-   ======================================== */
-
-/* Actions container with button and last run text */
-.pinecone-health-actions {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    margin-bottom: 1rem;
-}
-
-.last-run-text {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-/* Loading and error states */
-.pinecone-health-loading,
-.pinecone-health-error {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-}
-
-.pinecone-health-error {
-    color: var(--error-color);
-    background-color: #fef2f2;
-    border: 1px solid #fecaca;
-    border-radius: 0.25rem;
-}
-
-/* No results state */
-.pinecone-health-no-results {
-    padding: 1rem;
-    text-align: center;
-    color: var(--secondary-color);
-    background-color: #f9fafb;
-    border: 1px solid var(--border-color);
-    border-radius: 0.25rem;
-}
-
-.pinecone-health-no-results p {
-    margin: 0;
-}
-
-/* Status container and badge */
-.pinecone-health-status-container {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-}
-
-.pinecone-health-status {
-    display: inline-block;
-    padding: 0.25rem 0.75rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-}
-
-.pinecone-health-status.status-healthy {
-    background-color: #dcfce7;
-    color: #166534;
-}
-
-.pinecone-health-status.status-error {
-    background-color: #fef2f2;
-    color: #991b1b;
-}
-
-.pinecone-health-status.status-warning {
-    background-color: #fef3c7;
-    color: #92400e;
-}
-
-.pinecone-health-status.status-running {
-    background-color: #dbeafe;
-    color: #1e40af;
-}
-
-/* Summary statistics */
-.pinecone-health-summary {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background-color: #f9fafb;
-    border-radius: 0.25rem;
-    flex-wrap: wrap;
-}
-
-.pinecone-health-stat {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    min-width: 80px;
-}
-
-.pinecone-health-stat-label {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin-bottom: 0.25rem;
-}
-
-.pinecone-health-stat-value {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-color);
-}
-
-/* All good state */
-.pinecone-health-all-good {
-    padding: 1.5rem;
-    text-align: center;
-    background-color: #f0fdf4;
-    border: 1px solid #bbf7d0;
-    border-radius: 0.25rem;
-    color: #166534;
-}
-
-.pinecone-health-all-good p {
-    margin: 0;
-    font-weight: 500;
-}
-
-/* Pinecone health table (shared styles for namespace and failures tables) */
-.pinecone-health-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 1rem;
-    table-layout: fixed;
-}
-
-.pinecone-health-table th,
-.pinecone-health-table td {
-    padding: 0.75rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.pinecone-health-table th {
-    background-color: #f9fafb;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-}
-
-.pinecone-health-table td {
-    font-size: 0.875rem;
-    vertical-align: middle;
-    word-wrap: break-word;
-}
-
-.pinecone-health-table tbody tr:hover {
-    background-color: #f9fafb;
-}
-
-/* Namespace results table column widths */
-#pinecone-namespace-container .pinecone-health-table th:nth-child(1),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(1) {
-    width: 25%;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(2),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(2) {
-    width: 15%;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(3),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(3),
-#pinecone-namespace-container .pinecone-health-table th:nth-child(4),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(4),
-#pinecone-namespace-container .pinecone-health-table th:nth-child(5),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(5) {
-    width: 12%;
-    text-align: right;
-}
-
-#pinecone-namespace-container .pinecone-health-table th:nth-child(6),
-#pinecone-namespace-container .pinecone-health-table td:nth-child(6) {
-    width: 12%;
-    text-align: center;
-}
-
-/* Sample failures table column widths */
-#pinecone-failures-container .pinecone-health-table th:nth-child(1),
-#pinecone-failures-container .pinecone-health-table td:nth-child(1) {
-    width: 20%;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(2),
-#pinecone-failures-container .pinecone-health-table td:nth-child(2) {
-    width: 15%;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(3),
-#pinecone-failures-container .pinecone-health-table td:nth-child(3) {
-    width: 30%;
-    font-family: monospace;
-    font-size: 0.8rem;
-}
-
-#pinecone-failures-container .pinecone-health-table th:nth-child(4),
-#pinecone-failures-container .pinecone-health-table td:nth-child(4) {
-    width: 35%;
-}
-
-/* Container headers */
-#pinecone-namespace-container h3,
-#pinecone-failures-container h3 {
-    font-size: 1rem;
-    font-weight: 500;
-    color: var(--text-color);
-    margin-bottom: 0.5rem;
-    margin-top: 1.5rem;
-}
-
-#pinecone-failures-container h3 {
-    color: var(--error-color);
-}
-
-/* ========================================
-   Pinecone Regenerate Section Styles
-   ======================================== */
-
-.pinecone-regenerate-section {
-    margin-top: 1.5rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid var(--border-color);
-}
-
-.pinecone-regenerate-section h4 {
-    font-size: 0.95rem;
-    font-weight: 600;
-    color: var(--text-color);
-    margin: 0 0 0.5rem 0;
-}
-
-.regenerate-instructions {
-    font-size: 0.875rem;
-    color: var(--secondary-color);
-    margin: 0 0 0.75rem 0;
-}
-
-.regenerate-checkboxes {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-}
-
-.regenerate-checkboxes .checkbox-label {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-size: 0.875rem;
-    cursor: pointer;
-}
-
-.regenerate-checkboxes .checkbox-label input[type="checkbox"] {
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    accent-color: var(--primary-color);
-}
-
-.regenerate-checkboxes .checkbox-label span {
-    color: var(--text-color);
-}
-
-.regenerate-checkboxes .namespace-name {
-    font-family: monospace;
-    font-size: 0.8rem;
-    background-color: #f1f5f9;
-    padding: 0.125rem 0.375rem;
-    border-radius: 0.25rem;
-    color: var(--secondary-color);
-}
-
-.regenerate-checkboxes .metadata-warning {
-    font-size: 0.75rem;
-    color: #f59e0b;
-    margin-left: 0.25rem;
-}
-
-/* Info tooltip button */
-.info-tooltip-btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 18px;
-    height: 18px;
-    margin-left: 0.375rem;
-    padding: 0;
-    font-size: 0.75rem;
-    color: #6b7280;
-    background: none;
-    border: none;
-    cursor: pointer;
-    vertical-align: middle;
-    transition: color 0.15s ease;
-}
-
-.info-tooltip-btn:hover {
-    color: var(--primary-color);
-}
-
-/* Namespace info panel */
-.namespace-info {
-    margin: 0.375rem 0 0.75rem 1.5rem;
-    padding: 0.625rem 0.75rem;
-    font-size: 0.8rem;
-    color: #4b5563;
-    background-color: #f3f4f6;
-    border-left: 3px solid var(--primary-color);
-    border-radius: 0 0.25rem 0.25rem 0;
-    line-height: 1.4;
-}
-
-.namespace-info.hidden {
-    display: none;
-}
-
-.namespace-info strong {
-    color: var(--text-color);
-}
-
-/* Note styling (softer than warning) */
-.regenerate-note {
-    display: flex;
-    align-items: flex-start;
-    gap: 0.5rem;
-    padding: 0.625rem 0.75rem;
-    background-color: #eff6ff;
-    border: 1px solid #bfdbfe;
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-}
-
-.regenerate-note .note-label {
-    font-size: 0.8rem;
-    font-weight: 600;
-    color: #1e40af;
-}
-
-.regenerate-note .note-text {
-    font-size: 0.8rem;
-    color: #1e40af;
-    line-height: 1.4;
-}
-
-.regenerate-warning {
-    display: flex;
-    align-items: flex-start;
-    gap: 0.5rem;
-    padding: 0.75rem;
-    background-color: #fef3c7;
-    border: 1px solid #fcd34d;
-    border-radius: 0.25rem;
-    margin-bottom: 1rem;
-}
-
-.regenerate-warning .warning-icon {
-    font-size: 1rem;
-    line-height: 1;
-}
-
-.regenerate-warning .warning-text {
-    font-size: 0.8rem;
-    color: #92400e;
-    line-height: 1.4;
-}
-
-/* Warning button style */
-.btn-warning {
-    background-color: #f59e0b;
-    color: #fff;
-    border: 1px solid #d97706;
-}
-
-.btn-warning:hover {
-    background-color: #d97706;
-    border-color: #b45309;
-}
-
-.btn-warning:active {
-    background-color: #b45309;
-}
-
-.btn-warning:disabled {
-    background-color: #fcd34d;
-    border-color: #fcd34d;
-    cursor: not-allowed;
-}
-
-/* `.hidden` is provided by the global utility in src/css/globals.css; do not
-   redefine it here (BAPI-301). */
-
-/* Phase 1b: Learn-repository auto-update schedule */
-.learn-repo-schedule-section {
-    border-radius: 6px;
-    padding: 1rem;
-    margin-top: 0.75rem;
-}
-.learn-repo-schedule-section h4 {
-    margin: 0 0 0.25rem 0;
-}
-.learn-repo-instructions {
-    font-size: 0.85rem;
-    color: #6b7280;
-    margin-bottom: 0.75rem;
-}
-.learn-repo-analysis-types {
-    border: none;
-    padding: 0;
-    margin: 0 0 0.75rem 0;
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-    gap: 0.25rem 1rem;
-}
-.learn-repo-analysis-types legend {
-    font-weight: 600;
-    margin-bottom: 0.25rem;
-}
-.learn-repo-actions {
-    margin-top: 0.5rem;
-}
-.learn-repo-message {
-    margin-top: 0.5rem;
-    font-size: 0.875rem;
-    color: #1f2937;
-}
-.learn-repo-schedule-status {
-    margin-top: 0.75rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-.learn-repo-schedule-row {
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    padding: 0.75rem;
-    background-color: #f9fafb;
-}
-.learn-repo-schedule-meta {
-    font-size: 0.85rem;
-    color: #4b5563;
-    margin: 0.25rem 0;
-}
-.learn-repo-row-actions {
-    margin-top: 0.5rem;
-    display: flex;
-    gap: 0.5rem;
-}
-.learn-repo-status-running {
-    color: #2563eb;
-}
-.learn-repo-status-success {
-    color: #15803d;
-}
-.learn-repo-status-failure {
-    color: #b91c1c;
-}
-.learn-repo-status-idle {
-    color: #6b7280;
-}
-.learn-repo-schedule-row details {
-    margin-top: 0.5rem;
-    font-size: 0.85rem;
-}
-.learn-repo-schedule-row details pre {
-    white-space: pre-wrap;
-    background-color: #ffffff;
-    border: 1px solid #e5e7eb;
-    border-radius: 3px;
-    padding: 0.5rem;
-    margin: 0.25rem 0 0 0;
-}
-.form-error {
-    color: #b91c1c;
-    font-size: 0.85rem;
-    margin-top: 0.25rem;
-}
-
-
-/*# sourceMappingURL=main.min.css.map*/