.activity-page{display:flex;flex-direction:column;width:100%;background-color:#f5f5f5;padding-bottom:1.875rem;position:relative}.activity-header{display:flex;justify-content:space-between;align-items:center;padding:.9375rem 1.25rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.activity-header h1{margin:0;font-size:1.6rem;color:#333}.flow-selection{display:flex;align-items:center;gap:.9375rem}.flow-select{min-width:18.75rem;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.25rem;font-size:var(--font-size-small);background-color:white}.selected-flow-info{background-color:#f8f9fa;padding:.625rem 1.25rem;margin-bottom:.3125rem}.selected-flow-info h2{margin:0 0 .3125rem;font-size:1.4rem;color:#333}.selected-flow-info .flow-date{font-size:.85rem;color:#6c757d;margin-bottom:.3125rem}.selected-flow-info .flow-description{font-size:.95rem;color:#495057;margin-bottom:.625rem;line-height:1.5;white-space:pre-line}.content-container{display:flex;flex-direction:row;height:calc(100vh - 120px);overflow:hidden}.left-panel{width:50%;display:flex;flex-direction:column;overflow-y:auto;padding:.625rem}.right-panel{width:50%;overflow:hidden;position:relative}.flow-container{background-color:white;margin:.625rem;border-radius:.3125rem;box-shadow:0 1px .1875rem rgba(0,0,0,.1);padding:0;height:100%;position:relative}.node-selected{border:4px solid #4287f5!important;box-shadow:0 0 15px rgba(66,135,245,.8)!important}.node-highlighted{border:4px solid #ff6b6b!important;box-shadow:0 0 15px rgba(255,107,107,.8)!important}.flow-container:after{content:"Click on nodes to select them for your concern";position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;opacity:.7;pointer-events:none}.no-flow-selected{display:flex;justify-content:center;align-items:center;height:100%;background-color:#f9f9f9;color:#6c757d;font-size:var(--font-size-medium);text-align:center;padding:1.25rem}.concern-form-container{margin-bottom:.625rem;background-color:white;border-radius:.3125rem;box-shadow:0 1px .1875rem rgba(0,0,0,.1);padding:1.25rem}.concern-form .form-header h2{margin:0 0 .9375rem;font-size:1.3rem;color:#333}.instruction-text{margin-bottom:1.25rem;padding:.9375rem;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:.25rem;color:#495057;font-size:.95rem;line-height:1.5}.concern-form{width:100%}.concern-form .form-row{display:flex;gap:.625rem;margin-bottom:.9375rem;width:100%}.concern-form .form-group{margin-bottom:0}.concern-text-group{flex:1 1}.concern-dropdown-group{width:9.375rem}.concern-submit-group{width:11.25rem}.concern-form input[type=text]{width:100%;height:2.375rem}.node-select-group{width:100%}.concern-form button{width:100%;text-transform:uppercase;font-weight:500;letter-spacing:.03125rem}.concern-table-container{flex:1 1;background-color:white;border-radius:.3125rem;box-shadow:0 1px .1875rem rgba(0,0,0,.1);padding:1.25rem;overflow-y:auto}.concern-table-wrapper h2{margin:0 0 .9375rem;font-size:1.3rem;color:#333}.concern-table{width:100%;border-collapse:collapse;font-size:.9rem}.concern-table th{text-align:left;padding:.75rem .9375rem;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;text-transform:uppercase;font-weight:600;font-size:.85rem;color:#495057}.concern-table td{padding:.75rem .9375rem;border-bottom:1px solid #f1f3f5}.concern-row{transition:background-color .2s;cursor:pointer}.concern-row:hover{background-color:#e9ecef}.concern-row:hover td{position:relative}.concern-row:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-left:3px solid #ff6b6b;pointer-events:none}.concern-type-confound{border-left:3px solid #d63384}.concern-type-bias{border-left:3px solid #fd7e14}.concern-type-not_sure{border-left:3px solid #6c757d}.concern-type-other{border-left:3px solid #20c997}.concern-row:hover .concern-col{font-weight:600}.concern-col{width:40%;font-weight:500}.type-col{width:15%;text-transform:uppercase;font-weight:600;font-size:.85rem}.processes-col{width:40%;color:#6c757d}.actions-col{width:5%;text-align:right}.concern-type-confound .type-col{color:#d63384}.concern-type-bias .type-col{color:#fd7e14}.concern-type-not_sure .type-col{color:#6c757d}.concern-type-other .type-col{color:#20c997}.loading-indicator,.no-concerns{padding:1.25rem;text-align:center;color:#6c757d}.no-concerns{font-style:italic}.error-message{background-color:#f8d7da;color:#842029;padding:.625rem;border-radius:.25rem;margin-bottom:.9375rem;font-size:.9rem}.delete-button{background:none;border:none;color:#dc3545;font-size:var(--font-size-medium);cursor:pointer;line-height:1;padding:0 .3125rem}.delete-button:hover{color:#bd2130}.form-control{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.25rem;font-size:var(--font-size-small);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.button{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem .75rem;font-size:var(--font-size-small);line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer}.button-primary{color:#fff;background-color:#007bff;border-color:#007bff}.button-primary:hover{background-color:#0069d9;border-color:#0062cc}.button:disabled{opacity:.65;cursor:not-allowed}.continue-button-container{position:fixed;bottom:0;right:0;padding:1.25rem;background-color:#f5f5f5;width:100%;box-sizing:border-box;display:flex;justify-content:flex-end;z-index:1000}.continue-button{padding:.75rem 1.5rem;font-size:1rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.continue-button:disabled{opacity:.6;cursor:not-allowed;background-color:#cccccc}.continue-button:disabled:hover{background-color:#cccccc}.continue-button[title]{position:relative}.continue-button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background-color:rgba(0,0,0,.8);color:white;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1000;margin-bottom:8px}.continue-button[title]:hover:before{content:"";position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.8);z-index:1000}