.content-container{display:flex;flex-direction:row;height:calc(100vh - 200px);overflow:hidden}.left-panel{width:50%;display:flex;flex-direction:column;overflow-y:auto;padding:.625rem}.right-panel{width:50%;overflow:hidden;position:relative}@media (max-width:768px){.content-container{flex-direction:column;height:auto;overflow:visible;gap:1rem}.left-panel{width:100%;order:1;padding:0;overflow-y:visible}.right-panel{width:100%;order:2;overflow:visible;min-height:400px}}.flow-container{background-color:white;margin:.625rem;border-radius:.3125rem;box-shadow:0 1px .1875rem rgba(0,0,0,.1);padding:0;overflow:visible;height:calc(100% - 20px);position:relative}@media (max-width:768px){.flow-container{margin:.5rem 0;height:400px;border-radius:.5rem}.flow-container:after{font-size:10px;padding:2px 4px;bottom:5px;right:5px}}.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 steps 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}@media (max-width:768px){.concern-form-container{margin-bottom:1rem;padding:1rem;border-radius:.5rem}}.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}@media (max-width:768px){.instruction-text{padding:1rem;font-size:1rem;line-height:1.6;border-radius:.5rem;margin-bottom:1.5rem}.concern-form .form-header h2,.concern-table-wrapper h2{font-size:1.5rem;margin-bottom:1rem}}.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%}@media (max-width:768px){.concern-form .form-row{flex-direction:column;gap:1rem;margin-bottom:1rem}.concern-dropdown-group,.concern-submit-group,.concern-text-group,.node-select-group{width:100%}.concern-form input[type=text]{height:3rem;font-size:1rem;padding:.75rem}.concern-form button{height:3rem;font-size:1rem;padding:.75rem 1.5rem}}.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:hidden;display:flex;flex-direction:column}@media (max-width:768px){.concern-table-container{padding:1rem;border-radius:.5rem;margin-top:1rem}}.concern-table-wrapper{display:flex;flex-direction:column;height:100%}.concern-table-wrapper h2{margin:0 0 .9375rem;font-size:1.3rem;color:#333;flex-shrink:0}.concern-table{table-layout:fixed;flex:1 1;display:block;overflow:hidden}@media (max-width:768px){.concern-table{overflow-x:auto;white-space:nowrap}.concern-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}.concern-table thead{display:table;width:100%;table-layout:fixed}.concern-table tbody{display:block;overflow-y:auto;max-height:calc(100% - 50px);width:100%}.concern-table tbody tr{display:table;width:100%;table-layout:fixed}@media (max-width:768px){.concern-col{width:50%!important}.processes-col{width:35%!important}.actions-col{width:15%!important}}.concern-row:hover{border-left:4px solid #ff6b6b}.concern-row:hover .concern-col{font-weight:600}@media (max-width:480px){.flow-container{height:300px;margin:.25rem 0}.concern-form-container,.concern-table-container{padding:.75rem}.concern-form button,.concern-form input[type=text]{height:2.75rem;font-size:.9rem}.instruction-text{padding:.75rem;font-size:.9rem}.continue-button-container .button{height:2.75rem;font-size:.9rem}}.custom-minimap{height:90px!important;width:150px!important;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.custom-minimap .react-flow__minimap-mask{fill:rgba(66,135,245,.2);stroke:#4287f5;stroke-width:1}.custom-minimap .react-flow__minimap-node{fill:#e1e5e9;stroke:#b1b5b9;stroke-width:.5}