:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.auth-loading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-loading-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin:0 auto 16px}.venuiti-header{padding:20px;display:flex;justify-content:flex-start;border-bottom:1px solid #dee2e6}.help-button{color:#000!important}.venuiti-logo{width:90px;height:43px;flex-shrink:0;transition:opacity .2s ease-in-out}.venuiti-logo:hover{opacity:.8}.venuiti-header h1{font-size:1.5em;color:#333;margin:0}.client-selector{padding:16px;border-bottom:1px solid #dee2e6;display:flex;flex-direction:column;gap:16px}.selector-group{display:flex;flex-direction:column;gap:8px}.software-select{margin-top:8px}.software-select:disabled{background-color:#e9ecef;cursor:not-allowed}.loading-indicator{margin-top:8px;font-size:14px;color:#666}.client-select,.software-select{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;background-color:#fff}.client-select:focus,.software-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.debug-component-enabled.client-selector{border:2px dashed #ff69b4}.software-details-button{background:none;border:none;padding:4px 0;color:#0d6efd;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;margin-left:auto;text-decoration:none;transition:all .2s ease}.software-details-button:hover:not(:disabled){text-decoration:underline}.software-details-button:disabled{opacity:.6;cursor:not-allowed;color:#6c757d}.software-details-button .arrow{font-size:16px;line-height:1}.conformance-navigator{padding:20px;height:calc(100vh - 100px);overflow-y:auto;padding-bottom:50vh;scrollbar-width:thin;scrollbar-color:#adb5bd #f8f9fa}.conformance-navigator::-webkit-scrollbar{width:8px}.conformance-navigator::-webkit-scrollbar-track{background:#f8f9fa}.conformance-navigator::-webkit-scrollbar-thumb{background-color:#adb5bd;border-radius:4px;border:2px solid #f8f9fa}.conformance-navigator::-webkit-scrollbar-thumb:hover{background-color:#6c757d}.refresh-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:20px auto;color:#6c757d;background-color:transparent;border:none;cursor:pointer;font-size:24px;transition:color .2s ease,transform .2s ease}.refresh-button:hover{color:#343a40;transform:rotate(180deg)}.navigator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#495057;font-size:24px;line-height:1;padding:4px 8px;cursor:pointer;transition:color .2s ease;z-index:1}.close-button:hover{color:#dc3545}.expand-all-button{padding:6px 12px;font-size:13px;color:#495057;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.expand-all-button:hover{background-color:#dee2e6;border-color:#ced4da}.feature-list{list-style:none;margin-top:15px}.feature-item{border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s ease}.feature-item:hover{background-color:#f1f3f5}.feature-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.feature-name{font-size:14px;color:#333}.scenario-count{background-color:#e9ecef;padding:2px 8px;border-radius:12px;font-size:12px;color:#666}.feature-details{padding:10px;background-color:#f8f9fa;border-radius:4px;margin:0 0 10px}.feature-description{font-size:13px;color:#666;margin-bottom:10px}.scenario-list{list-style:none;margin-left:10px}.loading{font-size:13px;color:#999;font-style:italic;padding:10px 0}.scenario-item{padding:4px 8px;border-radius:4px;margin-bottom:4px;background-color:#fff;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease}.scenario-item:hover{background-color:#f8f9fa;transform:translate(4px);box-shadow:0 2px 4px #00000026}.scenario-header{display:flex;flex-direction:column}.scenario-title{display:flex;flex-direction:column;gap:4px}.scenario-name{font-size:13px;color:#444}.scenario-stats{display:flex;gap:8px;font-size:12px;color:#666;align-items:center}.scenario-stats span{line-height:1}.scenario-content{font-size:13px}.placeholder-content h4{margin-bottom:8px;color:#495057}.step-list{display:flex;flex-direction:column;gap:6px}.step{padding:4px 8px;background-color:#fff;border-radius:3px;color:#495057;display:flex;gap:8px;align-items:baseline}.step-keyword{font-weight:600;color:#0d6efd;min-width:50px}.examples-section{margin-top:16px}.example-table{overflow-x:auto}.example-table.no-header{margin-top:0}.example-table table{width:100%;border-collapse:collapse;font-size:12px}.example-table th{background-color:#e9ecef;padding:6px 8px;text-align:left;font-weight:600}.example-table td{padding:4px 8px;border-bottom:1px solid #dee2e6;background-color:#fff}.example-table tr:hover td{background-color:#f8f9fa}.steps-section{margin-bottom:16px}.steps-section h4,.examples-section h4{margin-bottom:8px;color:#495057;font-size:14px}.error{color:#dc3545;font-size:14px;margin-top:10px}.conformance-suite-link{display:flex;align-items:center;gap:6px;margin:12px 0;padding:8px;background-color:#fff;border:1px solid #ced4da;border-radius:4px;transition:all .2s ease}.conformance-suite-link a{color:#495057;text-decoration:none;font-size:13px}.navigation{width:350px;height:100vh;background-color:#f8f9fa;border-right:1px solid #dee2e6;position:fixed;left:0;top:0;z-index:1;display:flex;flex-direction:column}.debug-component-enabled.navigation{border:2px dashed #ff69b4}.help-section{margin-top:auto;padding:16px}.help-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background-color:#b71b24;border:1px solid #f2f2f2;border-radius:4px;cursor:pointer;transition:background-color .2s}.help-button:hover{border:#f2f2f2}.help-button:focus{outline:none;box-shadow:0 0 0 2px #b71b2480}.help-button svg{margin-right:8px;width:20px;height:20px;color:#fff}.help-button span{font-weight:400;color:#fff}.release-badge{padding:16px;background-color:#fff;margin-bottom:20px}.release-title{display:flex;align-items:center;gap:12px}.status-badge{font-size:.8em;padding:4px 8px;border-radius:12px;color:#fff}.status-badge{background-color:#6c757d;color:#fff}.release-info{color:#666;font-size:.9em;margin-bottom:16px}.debug-component-enabled.release-badge{border:2px dashed #ff69b4}.release-info-component{margin-top:16px}.specifications-table table{width:100%;border-collapse:collapse;background-color:#fff;height:100%}.specifications-table th,.specifications-table td{border:1px solid #dee2e6;padding:12px;vertical-align:top;height:100%}.spec-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:0;height:100%}.support-content{display:flex;flex-direction:column;align-items:center;gap:4px}.support-header{display:flex;align-items:center;gap:6px}.support-text{font-weight:700;color:#2e7d32;font-size:11px}.conformance-suite-link{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;background-color:#fff;border:1px solid #ced4da;border-radius:4px;transition:all .2s ease}.conformance-suite-link:hover{background-color:#f8f9fa;border-color:#adb5bd}.conformance-suite-link a{color:#495057;text-decoration:none;font-size:12px}.conformance-suite-link .conformance-icon{font-size:16px;color:#495057}@media (max-width:800px){.conformance-suite-label{display:none}}.capability-stats{display:flex;flex-direction:column;align-items:center;gap:4px}.debug-component-enabled.release-info-component{border:2px dashed #ff69b4}.create-release-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.create-release-modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:modal-appear .3s ease-out;color:#212529}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-release-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dee2e6}.create-release-header h3{margin:0;color:#212529}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d}.create-release-form{padding:24px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff!important;color:#000!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);background-color:transparent;cursor:pointer}.package-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.package-chip{display:inline-flex;align-items:center;padding:6px 12px;background-color:#e9ecef;border-radius:16px;font-size:14px;cursor:pointer;transition:all .2s}.package-chip:hover{background-color:#dee2e6}.package-chip.selected{background-color:#007bff;color:#fff}.package-selection-hint{color:#dc3545;font-size:.85em;margin-top:5px;font-style:italic}.loading-specifications{color:#666;font-style:italic;margin-top:8px;font-size:.9em}.specifications-error{color:#dc3545;margin-top:8px;font-size:.9em}.no-specifications{color:#666;font-style:italic;padding:10px;text-align:center;width:100%}.form-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px}.form-error p{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button,.submit-button{padding:10px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057}.cancel-button:hover{background-color:#e9ecef}.submit-button{background-color:#007bff;border:1px solid #007bff;color:#fff}.submit-button:hover:not(:disabled){background-color:#0069d9;border-color:#0062cc}.submit-button:disabled{opacity:.65;cursor:not-allowed}.software-view{margin-top:16px;width:100%;height:calc(100% - 16px);display:flex;flex-direction:column;padding:24px;overflow-y:auto}.debug-component-enabled.software-view{border:2px dashed #ff69b4}.loading{color:#666;font-style:italic}.error{color:#dc3545;padding:12px;border-radius:4px;background-color:#f8d7da;border:1px solid #f5c6cb}.no-selection{color:#666;font-style:italic}.software-details h2{color:#333;margin-bottom:12px}.description{color:#666;margin-bottom:24px;font-size:1.1em}.software-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.version-info{padding:8px 16px;background-color:#e9ecef;border-radius:4px;display:inline-block;flex-shrink:0}.releases-section{position:relative}.releases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.releases-section h3{color:#495057;margin-bottom:0}.create-release-button{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #007bff4d;display:flex;align-items:center}.create-release-button:before{content:"+";margin-right:6px;font-size:14px}.create-release-button:hover{background-color:#0069d9;transform:translateY(-2px);box-shadow:0 4px 8px #007bff66}.create-release-button:active{transform:translateY(0);box-shadow:0 2px 3px #007bff4d}.create-release-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.software-view{position:relative;z-index:1}.releases-grid{display:flex;flex-direction:column;gap:20px}.release-card{border:1px solid #dee2e6;border-radius:8px;padding:16px;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;cursor:pointer}.release-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;border-color:#adb5bd}.release-card{border-left:4px solid #6c757d}.release-header{margin-bottom:12px}.release-title{display:flex;align-items:center;gap:8px}.release-title h4{margin:0;color:#495057}.release-info{color:#666;font-size:.9em}.release-info p{margin-bottom:8px}.release-info .notes{margin-top:12px;padding-top:12px;border-top:1px solid #dee2e6}.pagination{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:8px}.pagination-button{display:flex;justify-content:center;align-items:center;min-width:40px;height:40px;border-radius:8px;border:none;background-color:#f8f9fa;color:#495057;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.pagination-button:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pagination-button.active{background-color:#007bff;color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pagination-arrow{font-size:18px;line-height:1}.specifications-table{margin-top:16px;overflow-x:auto}.specifications-table table{width:100%;border-collapse:collapse;background-color:#fff}.specifications-table th,.specifications-table td{border:1px solid #dee2e6;padding:12px;vertical-align:top}.spec-header{background-color:#f8f9fa;padding:12px;border:1px solid #dee2e6;width:var(--spec-width, 200px)}.spec-info{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6;font-size:.9em;color:#495057;text-align:left}.spec-versions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;align-items:start}.version-column{text-align:center;padding:4px;border-right:1px solid #dee2e6}.version-info-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.version-column:last-child{border-right:none}.release-info-cell{background-color:#f8f9fa;font-weight:500;width:150px;min-width:150px;max-width:150px}.release-version{font-size:1.1em;color:#212529;margin-bottom:4px}.release-date{font-size:.85em;color:#666;margin-bottom:4px}.release-status{font-size:.85em;color:#495057}.spec-version-cell{background-color:#e8f5e9;padding:0!important}.spec-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:0}.version-support{text-align:center;padding:8px;border-right:1px solid #dee2e6;min-height:40px;display:flex;align-items:center;justify-content:center;position:relative}.version-support:last-child{border-right:none}.version-support.supported{background-color:#e8f5e9}.version-support.not-supported{background-color:#ffebee}.support-indicator{font-size:1.2em;font-weight:700}.support-indicator.supported{color:#2e7d32}.support-indicator.not-supported{color:#d32f2f}.capabilities-section{margin-top:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.capabilities-section h3{margin-bottom:16px;color:#495057}.capabilities-section.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.capabilities-json{background-color:#fff;padding:16px;border-radius:4px;border:1px solid #dee2e6;overflow-x:auto;font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.version-tag{font-size:.8em;padding:2px 8px;border-radius:12px;background-color:#e9ecef}.version-tag.draft{background-color:#ffc107;color:#212529}.version-tag.trial_use{background-color:#17a2b8;color:#fff}.version-tag.normative{background-color:#28a745;color:#fff}.version-tag.other{opacity:.6}.version-tag.current{opacity:1;position:relative;font-weight:600}.version-tag:hover{opacity:1}.capability-link{font-size:.75em;color:#0d6efd;text-decoration:none}.capability-link:hover{text-decoration:underline}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:12px}.status-indicator{background-color:#6c757d;color:#fff}.dashboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;overflow-y:auto}.dashboard h1{color:#333;margin-bottom:20px;font-size:2.5em}.dashboard p{color:#666;font-size:1.2em;margin-bottom:40px}.dashboard-panels{display:flex;flex-direction:column;width:100%;gap:30px}.dashboard-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;border:1px solid #dee2e6}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f1f3f5;border-bottom:1px solid #dee2e6}.panel-header h2{color:#495057;margin:0;font-size:1.4em}.panel-badge{background-color:#007bff;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}.panel-content{padding:20px;max-height:650px;overflow-y:auto;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1);scrollbar-width:thin}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background-color:#0006}.empty-state{color:#6c757d;text-align:center;padding:30px;font-style:italic}.test-list,.failed-list{display:flex;flex-direction:column;gap:15px}.test-item,.failed-item{background-color:#fff;border-radius:6px;border:1px solid #e9ecef;padding:15px;box-shadow:0 1px 3px #0000000d}.test-header,.failed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.test-header h3,.failed-header h3{margin:0;font-size:1.1em;color:#343a40}.failed-time{color:#6c757d;font-size:.85em}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase}.status-badge.running{background-color:#007bff;color:#fff}.status-badge.completed{background-color:#28a745;color:#fff}.status-badge.failed{background-color:#dc3545;color:#fff}.status-badge.stopped{background-color:#ffc107;color:#212529}.dash-test-details,.dash-failed-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;font-size:.9em}.detail-label{width:80px;color:#6c757d;font-weight:500}.detail-value{color:#212529}.error-text{color:#dc3545}.dash-button-group{display:flex;gap:8px;margin-top:8px;width:100%}.go-to-test-button,.preview-error-button{padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8em;transition:all .2s;flex:1}.go-to-test-button{background-color:#f8f9fa;color:#007bff;border:1px solid #007bff}.go-to-test-button:hover{background-color:#007bff;color:#fff}.preview-error-button{background-color:#f8f9fa;color:#dc3545;border:1px solid #dc3545}.preview-error-button:hover{background-color:#dc3545;color:#fff}.dashboard-features{background-color:#f8f9fa;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dashboard-features h2{color:#495057;margin-bottom:20px;font-size:1.8em}.dashboard-features ul{list-style:none;padding:0}.dashboard-features li{color:#495057;font-size:1.1em;padding:10px 0;border-bottom:1px solid #dee2e6}.dashboard-features li:last-child{border-bottom:none}.debug-component-enabled.dashboard{border:2px dashed #ff69b4}@media (min-width: 1200px){.dashboard-panels{flex-direction:row;align-items:flex-start}.dashboard-panel{flex:1;max-width:calc(50% - 15px)}}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.error-modal-container{width:90%;max-width:1200px;max-height:90vh;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003}.error-modal{display:flex;flex-direction:column;height:100%}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f1f3f5;border-bottom:1px solid #dee2e6}.error-modal-header h3{margin:0;color:#495057}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.error-modal-content{padding:20px;overflow-y:auto;max-height:70vh;font-size:.9rem;line-height:1.5}.error-modal-content .grid{border-collapse:collapse;width:100%;margin-top:10px;font-size:.85rem;table-layout:fixed}.error-modal-content .grid th,.error-modal-content .grid td{border:1px solid #dee2e6;padding:6px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.error-modal-content .grid th:nth-child(1),.error-modal-content .grid td:nth-child(1){width:8%}.error-modal-content .grid th:nth-child(2),.error-modal-content .grid td:nth-child(2){width:15%}.error-modal-content .grid th:nth-child(3),.error-modal-content .grid td:nth-child(3){width:10%}.error-modal-content .grid th:nth-child(4),.error-modal-content .grid td:nth-child(4){width:45%}.error-modal-content .grid th:nth-child(5),.error-modal-content .grid td:nth-child(5){width:10%}.error-modal-content .grid th:nth-child(6),.error-modal-content .grid td:nth-child(6){width:12%}.error-modal-content .grid th{background-color:#f8f9fa;font-weight:700;position:sticky;top:0;z-index:10}.error-modal-content .res-header-id{font-size:1.1em;margin-bottom:10px}.error-modal-content tr td:first-child{font-weight:700;position:relative;padding-left:18px}.error-modal-content tr td:first-child:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%}.error-modal-content tr:has(td:first-child:contains("error")) td:first-child{color:#dc3545}.error-modal-content tr:has(td:first-child:contains("error")) td:first-child:before{background-color:#dc3545}.error-modal-content tr:has(td:first-child:contains("warning")) td:first-child{color:#ffc107}.error-modal-content tr:has(td:first-child:contains("warning")) td:first-child:before{background-color:#ffc107}.error-modal-content tr:has(td:first-child:contains("information")) td:first-child{color:#17a2b8}.error-modal-content tr:has(td:first-child:contains("information")) td:first-child:before{background-color:#17a2b8}.error-modal-content .grid tr:nth-child(2n){background-color:#f9f9f9}.error-modal-content .grid tr:hover{background-color:#f1f1f1}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}.confirmation-modal-container{width:90%;max-width:500px;animation:slideIn .3s ease-out}.confirmation-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 25px #00000040;overflow:hidden;position:relative}.confirmation-modal-header{padding:16px 20px;display:flex;align-items:center;border-bottom:1px solid #e0e0e0;position:relative}.confirmation-modal.warning .confirmation-modal-header{background-color:#fff3cd;border-bottom-color:#ffeeba}.confirmation-modal.danger .confirmation-modal-header{background-color:#f8d7da;border-bottom-color:#f5c6cb}.confirmation-modal.info .confirmation-modal-header{background-color:#d1ecf1;border-bottom-color:#bee5eb}.confirmation-modal.success .confirmation-modal-header{background-color:#d4edda;border-bottom-color:#c3e6cb}.confirmation-modal-icon{font-size:24px;margin-right:12px}.confirmation-modal-header h3{margin:0;font-size:18px;font-weight:600;flex-grow:1}.confirmation-modal.warning .confirmation-modal-header h3{color:#856404}.confirmation-modal.danger .confirmation-modal-header h3{color:#721c24}.confirmation-modal.info .confirmation-modal-header h3{color:#0c5460}.confirmation-modal.success .confirmation-modal-header h3{color:#155724}.close-button{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#6c757d;padding:0;margin-left:10px}.close-button:hover{color:#343a40}.confirmation-modal-content{padding:20px;font-size:16px;line-height:1.5;color:#495057}.confirmation-modal.warning .confirmation-modal-content{border-left:4px solid #ffc107}.confirmation-modal.danger .confirmation-modal-content{border-left:4px solid #dc3545}.confirmation-modal.info .confirmation-modal-content{border-left:4px solid #17a2b8}.confirmation-modal.success .confirmation-modal-content{border-left:4px solid #28a745}.confirmation-modal-actions{display:flex;justify-content:flex-end;padding:16px 20px;gap:12px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.cancel-button{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#5a6268}.confirm-button{border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.confirm-button.warning{background-color:#ffc107;color:#212529}.confirm-button.warning:hover{background-color:#e0a800}.confirm-button.danger{background-color:#dc3545}.confirm-button.danger:hover{background-color:#c82333}.confirm-button.info{background-color:#17a2b8}.confirm-button.info:hover{background-color:#138496}.confirm-button.success{background-color:#28a745}.confirm-button.success:hover{background-color:#218838}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal.warning:before,.confirmation-modal.danger:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}.confirmation-modal.warning:before{background-image:repeating-linear-gradient(45deg,#ffc107,#ffc107 10px,#ffdb6d 10px,#ffdb6d 20px)}.confirmation-modal.danger:before{background-image:repeating-linear-gradient(45deg,#dc3545,#dc3545 10px,#e4606d 10px,#e4606d 20px)}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:upload-modal-fadeIn .2s ease-out}.upload-modal-container{width:90%;max-width:600px;animation:upload-modal-slideIn .3s ease-out}.upload-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 25px #00000040;overflow:hidden;position:relative;border:1px solid #e0e0e0}.upload-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6;background-color:#f1f3f5}.upload-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#495057}.upload-modal-close-button{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.upload-modal-close-button:hover:not(:disabled){color:#343a40;background-color:#e9ecef}.upload-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.upload-modal-tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.upload-modal-tab-button{flex:1;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .2s ease;border-bottom:2px solid transparent}.upload-modal-tab-button:hover:not(:disabled){color:#007bff;background-color:#e9ecef}.upload-modal-tab-button.active{color:#007bff;border-bottom-color:#007bff;background-color:#fff;font-weight:600}.upload-modal-tab-button:disabled{opacity:.6;cursor:not-allowed}.upload-modal-content{padding:24px;min-height:300px}.upload-modal-file-upload-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:250px}.upload-modal-file-upload-section{text-align:center}.upload-modal-file-upload-section p{margin-bottom:20px;color:#666;font-size:16px}.upload-modal-file-select-button{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #007bff33;min-width:140px}.upload-modal-file-select-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.upload-modal-file-select-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.upload-modal-json-upload-tab{height:100%}.upload-modal-json-upload-section{display:flex;flex-direction:column;gap:16px;height:100%}.upload-modal-json-content-section{display:flex;flex-direction:column;gap:8px;flex:1}.upload-modal-json-content-section label{font-weight:600;color:#495057;font-size:14px}.upload-modal-json-content-textarea{padding:12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;min-height:200px;transition:border-color .2s,box-shadow .2s}.upload-modal-json-content-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.upload-modal-json-content-textarea:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.upload-modal-json-error{color:#dc3545;font-size:14px;padding:8px 12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-top:-8px}.upload-modal-json-actions{display:flex;justify-content:flex-end;margin-top:16px}.upload-modal-json-submit-button{background-color:#28a745;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #28a74533;min-width:120px}.upload-modal-json-submit-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.upload-modal-json-submit-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@keyframes upload-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes upload-modal-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.debug-component-enabled.upload-modal-container{border:2px dashed #ff69b4}.upload-modal-divider{border:none;border-top:1px solid #dee2e6;margin:20px 0}.upload-modal-json-error{color:#dc3545;font-size:12px;margin-top:8px;padding:8px 12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;font-weight:500}@media (max-width: 640px){.upload-modal-container{width:95%;margin:20px}.upload-modal-content{padding:16px}.upload-tab-button{padding:10px 12px;font-size:13px}.json-content-textarea{min-height:150px}}.scenario-content-tab{height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;padding:20px;overflow-y:auto;background-color:#fff!important;color:#333!important;color-scheme:light only!important;forced-color-adjust:none!important}.release-info-display{background-color:#f0f7ff;border:1px solid #b8daff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 10px #007bff1a;position:relative;overflow:hidden}.release-info-display:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background-color:#007bff}.release-info-display h4{margin-top:0;color:#0056b3;font-size:16px;border-bottom:2px solid #b8daff;padding-bottom:10px;margin-bottom:15px;display:flex;align-items:center}.release-info-display h4:before{content:"📦";margin-right:8px;font-size:18px}.release-info-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;background-color:#fff;padding:15px;border-radius:6px}.release-info-details p{margin:8px 0;font-size:14px}.release-info-details strong{color:#0056b3}.test-status-display{background-color:#f0f7ff;border:1px solid #b8daff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 10px #007bff1a;position:relative;overflow:hidden}.test-status-display:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background-color:#007bff}.test-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:2px solid #b8daff;padding-bottom:10px}.test-status-header h4{margin:0;color:#0056b3;font-size:16px;display:flex;align-items:center}.test-status-header h4:before{content:"🧪";margin-right:8px;font-size:18px}.refresh-button{background:none;border:2px solid #28a745;color:#28a745;font-size:18px;cursor:pointer;padding:4px 10px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.refresh-button:hover{background-color:#28a745;color:#fff;transform:rotate(180deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed;border-color:#6c757d;color:#6c757d}.test-status-details{padding:15px;border-radius:6px;background-color:#fff;margin-top:10px}.status-header{display:flex;align-items:center;margin-bottom:15px;gap:15px;padding:10px;border-radius:6px;background-color:#f8f9fa;line-height:1}.status-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.refresh-button-small{background:none;border:1px solid #28a745;color:#28a745;font-size:14px;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.refresh-button-small:hover{background-color:#28a745;color:#fff;transform:rotate(180deg)}.refresh-button-small:disabled{opacity:.5;cursor:not-allowed;border-color:#6c757d;color:#6c757d}.status-header .start-test-button{margin-left:auto;background-color:#28a745;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #28a7454d;display:flex;align-items:center}.status-header .start-test-button:before{content:"▶";margin-right:6px;font-size:12px}.status-header .start-test-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a74566}.status-header .start-test-button:active{transform:translateY(0);box-shadow:0 2px 3px #28a7454d}.status-header .stop-test-button{background-color:#dc3545;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #dc35454d;display:flex;align-items:center}.status-header .stop-test-button:before{content:"■";margin-right:6px;font-size:12px}.status-header .stop-test-button:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc354566}.status-header .stop-test-button:active{transform:translateY(0);box-shadow:0 2px 3px #dc35454d}.status-header .stop-test-button:disabled{background-color:#dc354580;cursor:not-allowed;transform:none;box-shadow:none}.status-header .restart-test-button{background-color:#17a2b8;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #17a2b84d;display:flex;align-items:center}.status-header .restart-test-button:before{content:"↻";margin-right:6px;font-size:14px}.status-header .restart-test-button:hover{background-color:#138496;transform:translateY(-2px);box-shadow:0 4px 8px #17a2b866}.status-header .restart-test-button:active{transform:translateY(0);box-shadow:0 2px 3px #17a2b84d}.status-indicator{display:inline-flex;width:24px;height:24px;margin-left:10px;border-radius:50%;position:relative;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;vertical-align:middle;box-shadow:0 2px 4px #0003}.status-indicator.not_started{background-color:#adb5bd}.status-indicator.not_started:after{content:""}.running-indicator{display:flex;align-items:center;animation:fadeIn .3s ease-in}.running-indicator .spinner{width:24px;height:24px;border:3px solid rgba(0,123,255,.3);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin-right:10px;box-shadow:0 0 10px #007bff80}.status-indicator.running{background-color:#007bff;animation:pulse 1.5s infinite;box-shadow:0 0 0 2px #007bff4d,0 0 10px #007bff80}.status-indicator.running:after{content:"▶";font-size:10px}.status-indicator.waiting{background-color:#ffc107;animation:pulse 1.5s infinite;box-shadow:0 0 0 2px #ffc1074d,0 0 10px #ffc10780}.status-indicator.waiting:after{content:"⏳"}.status-indicator.stopped{background-color:#6c757d;box-shadow:0 0 0 2px #6c757d4d,0 0 10px #6c757d80}.status-indicator.stopped:after{content:"⏹"}.status-indicator.completed,.status-indicator.success{background-color:#28a745;box-shadow:0 0 0 2px #28a7454d,0 0 10px #28a74580}.status-indicator.completed:after,.status-indicator.success:after{content:"✓";font-size:14px}.status-indicator.failed{background-color:#dc3545;box-shadow:0 0 0 2px #dc35454d,0 0 10px #dc354580}.status-indicator.failed:after{content:"✕";font-size:14px}.status-indicator.error{background-color:#dc3545;box-shadow:none;display:flex;align-items:center;justify-content:center}.status-indicator.error:after{content:"!";font-size:12px;font-weight:700}.status-text{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;vertical-align:middle}.test-details{margin-top:15px;padding:15px;background-color:#fff;border-radius:6px;border-left:5px solid #007bff;box-shadow:0 2px 8px #0000001a}.status-running .test-details{border-left-color:#007bff;background-color:#f0f7ff}.status-completed .test-details{border-left-color:#28a745;background-color:#f2f9f5}.status-failed .test-details{border-left-color:#dc3545;background-color:#fff5f5}.status-error .test-details{border-left-color:#fd7e14;background-color:#fff3e6}.test-details p{margin:8px 0;font-size:14px;line-height:1.5}.test-details strong{font-weight:600;color:#495057}.test-details .user-id{font-size:12px;color:#6c757d;font-weight:400}.error-text{color:#dc3545;font-family:monospace}.loading-indicator{color:#6c757d;font-style:italic;padding:15px;text-align:center;background-color:#f8f9fa;border-radius:6px;margin:10px 0;animation:pulse 1.5s infinite}.test-execution-panel{margin:20px 0;background-color:#f8f9fa;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.test-execution-header{display:flex;flex-direction:column;gap:16px}.test-execution-header h3{margin:0;border-left:4px solid #007bff;padding:0 0 0 10px}.start-test-button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start}.start-test-button:hover{background-color:#218838}.stop-test-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start;margin-top:10px}.stop-test-button:hover{background-color:#c82333}.execution-status{display:flex;flex-direction:column;gap:12px}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:500}.spinner{width:20px;height:20px;border:3px solid rgba(0,123,255,.3);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.check-icon{color:#28a745;font-size:20px}.execution-details{background-color:#fff;padding:12px;border-radius:4px;border-left:4px solid #007bff}.execution-status.completed .execution-details{border-left-color:#28a745}.execution-details p{margin:4px 0;font-size:14px}.scenario-content-tab h2{font-size:20px;font-weight:500;color:#333}.scenario-content-tab h3{font-size:18px;font-weight:500;color:#333;margin:16px 0;border-left:3px solid #28a745;padding-left:10px}.steps-section{margin-bottom:24px;background-color:#f9f9f9;padding:20px;border-radius:8px}.steps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.steps-header h3{margin:0}.steps-actions{display:flex;gap:10px;align-items:center}.toggle-steps-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s;color:#333}.toggle-steps-button:hover{background-color:#e0e0e0}.step{display:flex;gap:12px;margin-bottom:12px;background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;position:relative;border-left:4px solid #e0e0e0;padding:12px 12px 12px 60px;transition:all .2s ease}.step:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.step.automatic{border-left-color:#007bff}.step.wait-message,.step.wait-confirmation,.step.wait-upload{border-left-color:#ff9800}.step-icon-container{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.step-type-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.step-status-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.step-status-indicator.passed{background-color:#28a745;box-shadow:0 0 0 2px #28a74533,0 0 5px #28a7454d}.step-status-indicator.failed{background-color:#dc3545;box-shadow:0 0 0 2px #dc354533,0 0 5px #dc35454d}.step-status-indicator.running{background-color:transparent;display:flex;align-items:center;justify-content:center}.step-spinner{width:16px;height:16px;border:2px solid rgba(0,123,255,.3);border-radius:50%;border-top-color:#007bff;animation:spin 1.5s linear infinite}.step-status-indicator.waiting{background-color:#ffc107;color:#212529;box-shadow:0 0 0 2px #ffc10733,0 0 5px #ffc1074d;animation:pulse 1.5s infinite}.step-status-indicator.pending,.step-status-indicator.skipped{background-color:#6c757d;box-shadow:0 0 0 2px #6c757d33,0 0 5px #6c757d4d}.step-keyword{color:#28a745;font-weight:600;min-width:80px}.step-type-badge{position:absolute;right:0;top:0;font-size:11px;background-color:#ff9800;color:#fff;padding:4px 10px;border-radius:0 6px;font-weight:500;box-shadow:0 2px 4px #ff980033;display:flex;align-items:center;justify-content:center}.step-proceed-button,.step-upload-button{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 4px #28a7454d;vertical-align:middle;position:relative;overflow:hidden;min-width:80px;height:26px;letter-spacing:.5px}.step-proceed-button:after{content:"→";margin-left:5px;font-size:12px;transition:transform .2s ease}.step-upload-button:after{content:"↑";margin-left:5px;font-size:12px;transition:transform .2s ease}.step-proceed-button:hover,.step-upload-button:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.step-proceed-button:hover:after{transform:translate(2px)}.step-upload-button:hover:after{transform:translateY(-2px)}.step-proceed-button:active,.step-upload-button:active{transform:translateY(0);box-shadow:0 1px 3px #2e7d324d}.step-proceed-button:disabled,.step-upload-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #6c757d33;opacity:.7}.step-proceed-button:focus,.step-upload-button:focus{outline:none;box-shadow:0 0 0 2px #2e7d324d,0 2px 6px #2e7d324d}.step-upload-container{display:inline-flex;align-items:center}.file-upload-input{display:none}@keyframes pulse-button{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 6px #28a74500}to{box-shadow:0 0 #28a74500}}.step.waiting .step-proceed-button{animation:pulse-button 2s infinite}.step.wait-message .step-type-badge,.step.wait-confirmation .step-type-badge,.step.wait-upload .step-type-badge{background-color:#ff9800;box-shadow:0 2px 4px #ff980033}.step.pending{border-left-color:#6c757d;background-color:#f8f9fa}.step.pending .step-status-badge{background-color:#6c757d}.step.waiting{border-left-color:#ffc107;background-color:#fff8e1}.step.waiting .step-status-badge{background-color:#ffc107;color:#212529}.step.passed{border-left-color:#28a745;background-color:#e8f5e9}.step.passed .step-status-badge{background-color:#28a745}.step.failed{border-left-color:#dc3545;background-color:#ffebee}.step.failed .step-status-badge{background-color:#dc3545}.step.skipped{border-left-color:#6c757d;background-color:#f5f5f5;opacity:.7}.step.skipped .step-status-badge{background-color:#6c757d}.step-text{color:#333;line-height:1.6;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis}.step-arguments{margin-top:8px;padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:.9em}.arguments-table{width:100%;border-collapse:collapse;margin-top:5px;font-size:13px}.arguments-table th,.arguments-table td{border:1px solid #dee2e6;padding:6px 10px;text-align:left}.arguments-table th{background-color:#e9ecef;font-weight:600}.arguments-json,.arguments-text{margin:0;white-space:pre-wrap;word-break:break-word;background-color:#f8f9fa;padding:8px;border-radius:4px;font-family:monospace;font-size:13px;max-height:300px;overflow-y:auto}.step-group-toggle{display:flex;justify-content:flex-end;margin:-5px 0 10px;padding-right:10px}.show-steps-button{background:none;border:none;color:#007bff;font-size:13px;cursor:pointer;padding:2px 5px;transition:all .2s;display:flex;align-items:center}.show-steps-button:hover{text-decoration:underline;color:#0056b3}.show-steps-button:before{content:"▶";font-size:8px;margin-right:5px;transition:transform .2s}.failed-hint{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#dc3545;margin-right:6px;box-shadow:0 0 0 2px #dc354526;align-self:center;transform:translateY(.5px)}.hidden-steps{margin-left:20px;border-left:2px dashed #e0e0e0;padding-left:10px;margin-bottom:15px;animation:fadeIn .3s ease}.hidden-step{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.example-table{margin-top:12px;overflow-x:auto}.example-table table{width:100%;border-collapse:collapse}.example-table th{background-color:#f8f9fa;padding:8px;text-align:left;font-weight:500;color:#666;font-size:14px}.example-table td{padding:8px;border-bottom:1px solid #dee2e6;font-size:14px}.no-scenario{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-style:italic}.debug-component-enabled.scenario-content-tab{border:2px dashed #ff69b4}.button-group{display:flex;gap:10px}.send-signal-button{background-color:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.send-signal-button:disabled{background-color:#6c757d;cursor:not-allowed}.feature-description-container{background-color:#f8f9fa;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.feature-description-container:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background-color:#007bff;border-radius:4px 0 0 4px}.feature-description-container h4{margin-top:0;margin-bottom:16px;color:#007bff;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.feature-description-container h4:before{content:"📝";font-size:18px}.feature-description{white-space:pre-line;margin-bottom:10px;line-height:1.6;color:#4a5568;font-size:14px;padding:0 4px}.feature-description-container:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.loading-indicator{font-style:italic;color:#6c757d;padding:5px 0}.scenario-description-section{margin-top:15px;padding-top:10px;border-top:1px solid #dee2e6}.scenario-description-section h5{color:#007bff;margin-top:0;margin-bottom:5px;font-size:14px}.scenario-description{white-space:pre-line;margin-bottom:0;font-size:14px}.results-tab{height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:#fff!important;color:#333!important;color-scheme:light only!important;forced-color-adjust:none!important}.results-tab-header{padding:14px 20px 0}.results-tab-header h2{font-size:20px;font-weight:500;color:#333;margin:0}.results-tab-content{display:flex;flex-direction:column;flex:1;overflow:auto;padding:20px}.placeholder-message{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6c757d;font-style:italic;text-align:center}.execution-header{background-color:#f8f9fa;border-radius:8px;padding:12px 16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;border-left:4px solid #007bff}.execution-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%}.execution-info{display:flex;align-items:center;gap:16px;color:#495057;font-size:13px;flex:1}.execution-id{font-family:monospace;background-color:#e9ecef;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.execution-user{display:flex;align-items:center;gap:4px;background-color:#f8f9fa;padding:4px 8px;border-radius:4px}.execution-user:before{content:"👤";font-size:12px}.execution-time{display:flex;align-items:center;gap:4px;background-color:#f8f9fa;padding:4px 8px;border-radius:4px}.execution-time:before{content:"🕒";font-size:12px}.execution-status{display:flex;align-items:center;justify-content:center}.execution-actions{display:flex;gap:8px}.download-button-outline{background-color:transparent;color:#007bff;border:1px solid #007bff;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.download-button-outline:hover{background-color:#007bff;color:#fff;transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.report-container{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;min-height:0;height:100%;max-height:calc(100vh - 160px)}.loading-note{margin-top:10px;font-size:14px;color:#6c757d;font-style:italic}.report-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#721c24;background-color:#f8d7da;border-radius:8px}.report-error h3{margin-bottom:16px;color:#721c24}.error-note{margin:10px 0 20px;font-size:14px;max-width:500px}.retry-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.retry-button:hover{background-color:#0069d9;transform:translateY(-1px)}.report-actions{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}.download-button{background-color:#0056b3;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.download-button:hover{background-color:#004494;transform:translateY(-1px)}.download-button:disabled{background-color:#6c757d;cursor:not-allowed}.no-report-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#856404;background-color:#fff3cd;border-radius:8px}.no-report-message h3{margin-bottom:16px;color:#856404}.no-report-message ul{text-align:left;margin:10px 0 20px;padding-left:20px}.no-report-message li{margin-bottom:5px}.report-iframe{width:100%;height:100%;border:none;flex-grow:1;overflow:auto}.status-badge.not_started,.status-badge.stopped{background-color:#e9ecef;color:#495057}.debug-component-enabled.results-tab{border:2px dashed #ff69b4}.attachment-tab{height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:#fff!important;color:#333!important;color-scheme:light only!important;forced-color-adjust:none!important}.attachment-tab-header{padding:14px 20px 0}.attachment-tab-header h2{font-size:20px;font-weight:500;color:#333;margin:0}.attachment-tab-content{display:flex;flex-direction:column;flex:1;overflow:auto;padding:20px}.attachment-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6c757d;font-style:italic;text-align:center}.attachment-container{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.attachment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.attachment-header h3{margin:0;color:#333;font-size:18px;font-weight:500;border-left:4px solid #007bff;padding-left:10px}.attachment-item-description{font-size:13px;color:#555;font-style:italic}.attachment-item-size{font-size:12px;color:#6c757d;margin-left:8px}.attachment-header-actions{display:flex;gap:10px}.attachment-list{list-style-type:none;padding:0;margin:0}.attachment-item{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.attachment-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.attachment-item-header{display:flex;justify-content:space-between;align-items:center}.attachment-item-title{font-weight:500;font-size:16px;color:#333}.attachment-item-timestamp{font-size:12px;color:#6c757d}.attachment-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e9ecef}.attachment-item-type{font-size:12px;background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:4px;font-weight:500}.attachment-item-type.pdf{background-color:#f8d7da;color:#721c24}.attachment-item-type.doc,.attachment-item-type.docx{background-color:#cce5ff;color:#004085}.attachment-item-type.xls,.attachment-item-type.xlsx{background-color:#d4edda;color:#155724}.attachment-item-type.image{background-color:#d1ecf1;color:#0c5460}.attachment-item-actions{display:flex;gap:8px}.attachment-action-button{background:none;border:1px solid #6c757d;color:#6c757d;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s}.attachment-action-button:hover{background-color:#6c757d;color:#fff}.attachment-action-button.download{border-color:#007bff;color:#007bff}.attachment-action-button.download:hover{background-color:#007bff;color:#fff}.attachment-action-button.view{border-color:#28a745;color:#28a745}.attachment-action-button.view:hover{background-color:#28a745;color:#fff}.attachment-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.attachment-filter{background-color:#e9ecef;border:none;border-radius:20px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s}.attachment-filter:hover{background-color:#dee2e6}.attachment-filter.active{background-color:#007bff;color:#fff}.attachment-search{margin-bottom:20px;display:flex;gap:10px}.attachment-search input{flex:1;padding:8px 12px;border:1px solid #ced4da!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#333!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:none!important;outline:none!important;color-scheme:light only!important;forced-color-adjust:none!important}.attachment-search button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;transition:all .2s}.attachment-search button:hover{background-color:#0069d9}.loading-attachments{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#6c757d}.attachment-spinner{width:40px;height:40px;border:4px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin-bottom:16px}.no-attachments{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#6c757d;background-color:#f8f9fa;border-radius:8px;padding:20px}.no-attachments h3{margin-bottom:10px;color:#495057}.debug-component-enabled.attachment-tab{border:2px dashed #ff69b4}.evidence-tab{height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:#fff!important;color:#333!important;color-scheme:light only!important;forced-color-adjust:none!important}.evidence-tab-header{padding:14px 20px 0}.evidence-tab-header h2{font-size:20px;font-weight:500;color:#333;margin:0}.evidence-tab-content{display:flex;flex-direction:column;flex:1;overflow:auto;padding:20px}.evidence-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6c757d;font-style:italic;text-align:center}.evidence-container{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.evidence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.evidence-header h3{margin:0;color:#333;font-size:18px;font-weight:500;border-left:4px solid #007bff;padding-left:10px}.evidence-header-actions{display:flex;gap:10px}.evidence-list{list-style-type:none;padding:0;margin:0}.evidence-item{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.evidence-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.evidence-item-header{display:flex;justify-content:space-between;align-items:center}.evidence-item-title{font-weight:500;font-size:16px;color:#333}.evidence-item-timestamp{font-size:12px;color:#6c757d}.evidence-item-user{display:flex;align-items:center;font-size:12px;color:#495057;margin-bottom:8px;padding:4px 8px;background-color:#f8f9fa;border-radius:4px;max-width:fit-content}.evidence-item-user-icon{margin-right:6px;color:#6c757d}.evidence-item-username{font-weight:500;margin-right:5px}.evidence-item-user-id{font-size:11px;color:#6c757d;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.evidence-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e9ecef}.evidence-item-type{font-size:12px;background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:4px;font-weight:500}.evidence-item-type.screenshot{background-color:#d1ecf1;color:#0c5460}.evidence-item-type.log{background-color:#d4edda;color:#155724}.evidence-item-type.message{background-color:#fff3cd;color:#856404}.evidence-item-type.document{background-color:#e2e3e5;color:#383d41}.evidence-document{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background-color:#f8f9fa;border-radius:4px}.evidence-document-link{display:inline-block;padding:8px 16px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.evidence-document-link:hover{background-color:#0069d9;text-decoration:none}.evidence-item-actions{display:flex;gap:8px}.evidence-action-button{background:none;border:1px solid #6c757d;color:#6c757d;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s}.evidence-action-button:hover{background-color:#6c757d;color:#fff}.evidence-action-button.download{border-color:#007bff;color:#007bff}.evidence-action-button.download:hover{background-color:#007bff;color:#fff}.evidence-action-button.view{border-color:#28a745;color:#28a745}.evidence-action-button.view:hover{background-color:#28a745;color:#fff}.evidence-action-button.remove{border-color:#dc3545;color:#dc3545}.evidence-action-button.remove:hover{background-color:#dc3545;color:#fff}.evidence-image{max-width:100%;border-radius:4px;border:1px solid #dee2e6;margin-top:10px}.evidence-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.evidence-filter{background-color:#e9ecef;border:none;border-radius:20px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s}.evidence-filter:hover{background-color:#dee2e6}.evidence-filter.active{background-color:#007bff;color:#fff}.evidence-search{margin-bottom:20px;display:flex;gap:10px}.evidence-search input{flex:1;padding:8px 12px;border:1px solid #ced4da!important;border-radius:4px;font-size:14px;background-color:#fff!important;color:#333!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:none!important;outline:none!important;color-scheme:light only!important;forced-color-adjust:none!important}.evidence-search button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;transition:all .2s}.evidence-search button:hover{background-color:#0069d9}.loading-evidence{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#6c757d}.evidence-spinner{width:40px;height:40px;border:4px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin-bottom:16px}.no-evidence{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#6c757d;background-color:#f8f9fa;border-radius:8px;padding:20px}.no-evidence h3{margin-bottom:10px;color:#495057}.evidence-drop-zone{border:2px dashed #ced4da;border-radius:8px;padding:40px 20px;text-align:center;background-color:#f8f9fa;transition:all .3s ease;margin-bottom:20px;cursor:pointer;position:relative}.evidence-drop-zone.dragging{border-color:#007bff;background-color:#007bff0d}.evidence-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.evidence-drop-zone-icon{font-size:48px;color:#6c757d}.evidence-drop-zone.dragging .evidence-drop-zone-icon{color:#007bff}.evidence-upload-progress{width:100%;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-top:8px}.evidence-upload-progress-bar{height:100%;background-color:#007bff;transition:width .3s ease}.evidence-file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.evidence-upload-text{color:#6c757d;margin:0}.evidence-upload-text strong{color:#007bff}.evidence-upload-disclaimer{color:#6c757d;margin:5px 0 0;font-size:12px;font-style:italic}.evidence-upload-disclaimer strong{color:#6c757d;font-weight:600}.debug-component-enabled.evidence-tab{border:2px dashed #ff69b4}.history-tab{height:100%;display:flex;flex-direction:column;background-color:#fff!important;color:#333!important;color-scheme:light only!important;forced-color-adjust:none!important}.history-tab-header{padding:16px 20px;border-bottom:1px solid #e0e0e0}.history-tab-header h2{font-size:20px;font-weight:500;color:#333;margin:0}.history-tab-content{display:flex;flex:1;overflow:auto}.history-sidebar{width:300px;border-right:1px solid #e0e0e0;overflow-y:auto;background-color:#f8f9fa}.history-list{list-style-type:none;padding:0;margin:0}.history-item{padding:12px 16px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:#e9ecef}.history-item.selected{background-color:#e2f0ff;border-left:4px solid #007bff}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.history-item-title{font-weight:500;font-size:14px;color:#333;display:flex;flex-direction:column}.history-item-userid,.user-id{font-size:12px;color:#6c757d;font-weight:400}.history-item-date{font-size:12px;color:#6c757d;text-align:right;min-width:80px}.history-item-status{display:flex;align-items:center;gap:6px;font-size:12px}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;min-width:70px;text-align:center}.status-badge.success,.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.failed,.status-badge.error{background-color:#f8d7da;color:#721c24}.status-badge.running{background-color:#cce5ff;color:#004085;animation:pulse 1.5s infinite}.status-badge.waiting{background-color:#fff3cd;color:#856404}.empty-history{padding:20px;text-align:center;color:#6c757d;font-style:italic}.history-content{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column}.history-content-header{margin-bottom:20px}.history-content-header h2{margin:0 0 8px;font-size:20px;color:#333}.history-details{background-color:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.history-details:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#007bff}.history-details h3{margin-top:0;margin-bottom:0;color:#333;font-size:18px;font-weight:500;border-left:4px solid #007bff;padding-left:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:20px}.info-grid.single-row{grid-template-columns:repeat(6,1fr);overflow-x:auto}@media (max-width: 1400px){.info-grid.single-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.info-grid.single-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.info-grid.single-row{grid-template-columns:1fr}}.info-grid p{margin:0;font-size:15px;display:flex;flex-direction:column;background-color:#fff;padding:12px;border-radius:4px;box-shadow:0 1px 3px #0000000d}.info-grid strong{color:#0056b3;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.report-container{flex:1;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;height:100%;min-height:0;max-height:calc(100vh - 200px)}.report-iframe-container{flex:1;position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.report-iframe{width:100%;height:100%;border:none;flex-grow:1;overflow:auto;position:relative}.no-report-selected{display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-style:italic;text-align:center;background-color:#f8f9fa}.loading-report{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#6c757d}.spinner{width:50px;height:50px;border:5px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.debug-component-enabled.history-tab{border:2px dashed #ff69b4}.attachment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.attachment-modal-container{width:80%;max-width:900px;max-height:90vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column}.attachment-modal{display:flex;flex-direction:column;height:100%;overflow:hidden}.attachment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.attachment-modal-header h3{margin:0;font-size:18px;color:#333}.attachment-modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;margin:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.attachment-modal-header .close-button:hover{background-color:#0000000d;color:#333}.attachment-modal-content{padding:20px;overflow-y:auto;flex:1}.scenario-tabs{display:flex;flex-direction:column;height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;position:relative;background-color:#fafafa}.tabs-header{display:flex;background-color:transparent;padding:0 24px;position:relative;gap:12px;align-items:center}.tabs-header.main-tabs{background-color:#f5f5f5;height:70px;padding:16px 24px;box-shadow:0 1px 2px #0000000d}.tabs-header.subtabs{background-color:#fff;padding:0 10px;border-bottom:1px solid #e0e0e0;height:54px;margin-bottom:0}.scenario-subtabs-container{background-color:#fff}.tab-button{padding:10px 20px;background:transparent;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#64748b;position:relative;transition:all .2s ease;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;color-scheme:light only!important;forced-color-adjust:none!important;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.tabs-header.main-tabs .tab-button{padding:10px 20px;font-size:15px;border-radius:4px;box-shadow:0 2px 4px #0000001a;background-color:#fff!important;margin-right:8px}.tabs-header.subtabs .tab-button{padding:12px 16px;font-size:14px;background:transparent!important;margin-right:12px;border-bottom:2px solid transparent}.tab-button:hover{color:#2563eb!important}.tabs-header.main-tabs .tab-button:hover{background-color:#f0f7ff!important}.tab-button.active{font-weight:600}.tabs-header.main-tabs .tab-button.active{background-color:#2563eb!important;color:#fff!important;font-weight:600;box-shadow:0 4px 6px #2563eb40}.tabs-header.subtabs .tab-button.active{background-color:transparent!important;border:2px solid #2563eb;font-weight:600;color:#2563eb!important;position:relative;z-index:1}.tabs-header.subtabs{position:relative}.tabs-header.subtabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e0e0e0;z-index:0}.tab-content{flex:1;overflow:auto;background-color:#fff!important;color:#333!important;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000000d;color-scheme:light only!important;forced-color-adjust:none!important;position:relative;min-height:0;padding:0;margin-top:0}.debug-component-enabled.scenario-tabs{border:2px dashed #ff69b4}.tab-button,.tab-content{transition:all .25s cubic-bezier(.4,0,.2,1)}.scenario-subtabs-container{min-height:54px}@media (max-width: 640px){.tabs-header.main-tabs{padding:12px 16px;height:auto;flex-wrap:wrap}.tabs-header.subtabs{padding:0 16px;height:auto;flex-wrap:wrap}.tab-button{font-size:14px}.tabs-header.main-tabs .tab-button{padding:8px 16px}.tabs-header.subtabs .tab-button{padding:10px 12px}}.scenario-view{height:100%;padding:20px;background-color:#fafafa;border-radius:8px;box-shadow:0 2px 10px #0000000d}.debug-component-enabled.scenario-view{border:2px dashed #ff69b4}.main-content{flex:1;margin-left:350px;padding:20px;width:calc(100% - 350px);height:100%;overflow-y:auto;position:relative}.downtime-notification{background-color:#f8d7da;color:#721c24;padding:10px 15px;margin-bottom:20px;border:1px solid #f5c6cb;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.downtime-notification.info{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.downtime-notification button{background:none;border:none;font-size:16px;cursor:pointer;color:inherit}.debug-component-enabled.main-content{border:2px dashed #ff69b4}.dashboard-disabled h1{color:#333;margin-bottom:20px;font-size:2.5em}.dashboard-disabled p{color:#666;font-size:1.2em;margin-bottom:40px}.user-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.user-guide-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:80%;max-width:1200px;height:80%;max-height:800px;display:flex;flex-direction:column;overflow:hidden;position:relative}.container-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;z-index:10;color:#333}.container-close-button:hover{color:#000}.user-guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.user-guide-header h2{margin:0;color:#333}.user-guide-content{display:flex;flex:1;overflow:hidden}.user-guide-sidebar{width:250px;background-color:#f5f5f5;border-right:1px solid #e0e0e0;overflow-y:auto}.user-guide-sidebar ul{list-style:none;padding:0;margin:0}.user-guide-sidebar li{padding:12px 16px;cursor:pointer;border-bottom:1px solid #e0e0e0;transition:background-color .2s}.user-guide-sidebar li:hover{background-color:#e8e8e8}.user-guide-sidebar li.active{background-color:#007bff;color:#fff}.user-guide-main{flex:1;padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#adb5bd #f8f9fa}.user-guide-main::-webkit-scrollbar{width:8px}.user-guide-main::-webkit-scrollbar-track{background:#f8f9fa}.user-guide-main::-webkit-scrollbar-thumb{background-color:#adb5bd;border-radius:4px;border:2px solid #f8f9fa}.user-guide-main::-webkit-scrollbar-thumb:hover{background-color:#6c757d}.guide-section h3{margin-top:0;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:8px;margin-bottom:16px}.guide-section h4{margin-top:24px;margin-bottom:12px;color:#444}.guide-section p{line-height:1.6;margin-bottom:16px}.guide-section ul,.guide-section ol{margin-bottom:16px;padding-left:24px}.guide-section li{margin-bottom:8px;line-height:1.5}.feature-list li,.coming-soon-list li{margin-bottom:12px}.nested-list{margin-top:8px;margin-bottom:0!important}.nested-list li{margin-bottom:4px}.feature-highlight{font-weight:600;color:#2c3e50}.section-title{margin:24px 0 16px;padding:8px 16px;border-radius:4px;display:inline-block}.section-title h4{margin:0;font-size:18px;font-weight:600}.latest-features{background-color:#e3f2fd;border-left:4px solid #2196f3}.coming-soon{background-color:#f1f8e9;border-left:4px solid #8bc34a}.screenshot-container{margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.guide-screenshot{width:100%;display:block;max-width:800px;margin:0 auto}.screenshot-caption{padding:12px;background-color:#f5f5f5;margin:0;font-style:italic;border-top:1px solid #e0e0e0;text-align:center}.test-tips,.report-tips{margin-top:24px;padding:16px;background-color:#f8f9fa;border-left:4px solid #17a2b8;border-radius:4px}.test-tips h4,.report-tips h4{margin-top:0;color:#17a2b8}.test-tips ul,.report-tips ul{margin-bottom:0}.report-section-info{margin-bottom:20px}.report-section-info h5{font-weight:600;margin-bottom:8px;color:#333}.status-indicators{display:flex;flex-direction:column;gap:12px;margin:20px 0}.status-item{display:flex;align-items:flex-start;gap:12px}.status-badge{padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500;min-width:80px;text-align:center}.status-badge.passed{background-color:#d4edda;color:#155724}.status-badge.warning{background-color:#fff3cd;color:#856404}.status-badge.failed{background-color:#f8d7da;color:#721c24}.status-badge.skipped{background-color:#e2e3e5;color:#383d41}.evidence-types{display:flex;flex-direction:column;gap:16px;margin:20px 0}.evidence-type{padding:16px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #6c757d}.evidence-type h5{margin-top:0;color:#495057;font-weight:600}.evidence-type p{margin-bottom:0}.evidence-tips{margin-top:24px;padding:16px;background-color:#f0f4f8;border-left:4px solid #5d9cec;border-radius:4px}.evidence-tips h4{margin-top:0;color:#5d9cec}.evidence-tips ul{margin-bottom:0}.history-features{display:flex;flex-direction:column;gap:16px;margin:20px 0}.history-feature{padding:16px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #4a6da7}.history-feature h5{margin-top:0;color:#4a6da7;font-weight:600}.history-feature p{margin-bottom:8px}.history-tips,.release-tips{margin-top:24px;padding:16px;background-color:#f0f4f8;border-left:4px solid #4a6da7;border-radius:4px}.history-tips h4,.release-tips h4{margin-top:0;color:#4a6da7}.history-tips ul,.release-tips ul{margin-bottom:0}.faq-item{margin-bottom:32px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.faq-question{background-color:#f5f5f5;padding:16px;border-bottom:1px solid #e0e0e0}.faq-question p{margin:0;font-weight:500}.faq-answer{padding:16px;background-color:#fff}.faq-answer p:last-child{margin-bottom:0}.contact-info{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.contact-info h4{margin-top:0;color:#28a745}.support-email{display:block;font-size:18px;font-weight:500;color:#007bff;margin:16px 0;text-decoration:none}.support-email:hover{text-decoration:underline}.intro-banner{display:flex;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;padding:20px;margin-bottom:24px}.intro-icon{color:#1976d2;margin-right:20px;display:flex;align-items:center;justify-content:center}.intro-headline{flex:1}.intro-headline h4{margin:0 0 4px;color:#1565c0;font-size:22px}.intro-tagline{margin:0;color:#0d47a1;font-style:italic}.intro-description{font-size:16px;line-height:1.7;margin-bottom:24px;color:#333}.intro-features{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.intro-feature{flex:1 0 calc(50% - 16px);display:flex;align-items:center;background-color:#f5f5f5;padding:12px 16px;border-radius:6px;border-left:3px solid #2196f3}.intro-feature-icon{font-size:20px;margin-right:12px}.user-confirmation-note,.file-size-note{margin:16px 0;padding:16px;background-color:#fff8e1;border-left:4px solid #ffc107;border-radius:4px}.user-confirmation-note h5{margin-top:0;color:#f57c00;font-weight:600}.user-confirmation-note p{margin-bottom:12px}.confirmation-button-example{margin-top:16px;text-align:center;background-color:#f8f9fa;padding:12px;border-radius:4px}.proceed-button-image{max-width:200px;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a}.button-caption{font-style:italic;margin-top:8px;margin-bottom:0!important;font-size:14px;color:#666}.coming-soon-banner{display:flex;align-items:center;background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;padding:12px 16px;margin-bottom:20px}.coming-soon-icon{font-size:24px;margin-right:12px}.coming-soon-banner p{margin:0;color:#0d47a1}.dashboard-feature-list li{margin-bottom:12px;list-style-type:disc;margin-left:20px}.dashboard-tips{margin-top:24px;padding:16px;background-color:#f0f4f8;border-left:4px solid #4a6da7;border-radius:4px}.dashboard-tips h4{margin-top:0;color:#2196f3}.dashboard-tips ul{margin-bottom:0}.main-layout{display:flex;min-height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}*{margin:0;padding:0;box-sizing:border-box}.debug-component-enabled{position:relative;border:2px dashed #ff69b4;padding-bottom:20px}.debug-component-enabled:after{content:attr(data-component);position:absolute;bottom:0;right:0;background:#ff69b4;color:#fff;padding:2px 5px;font-size:12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{padding:20px}