html,body{font-family:Comfortaa,sans-serif;margin:0;padding:0;font-size:14px}.content-wrapper{transition:margin-left .3s ease;margin-top:60px;background-color:#e4e4e4}.content-wrapper.shifted{margin-left:450px}.page-wrapper{background-color:#f5f5f5;min-height:100vh}.top-error,.top-success{padding:10px;margin-bottom:20px;text-align:center;font-weight:700;border-radius:4px}.top-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.top-success{background-color:#d7f8e0;color:#1c721d;border:1px solid #cef5c6}.top-banner{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;background-color:#07447a;padding:10px;z-index:1000;height:50px}.hamburger{cursor:pointer;margin-right:15px}.hamburger .line{width:25px;height:3px;background-color:#fff;margin:4px 0}.banner-content{display:flex;align-items:center}.logo-container{margin-right:10px}.logo{width:50px;height:auto}.banner-text h1{margin:0;color:#fff;font-family:Comfortaa,sans-serif;font-weight:400;font-size:24px}*{box-sizing:border-box}.main-content{background-color:#f5f5f5;padding:20px;color:#1e1d1d;font-family:Comfortaa,sans-serif;font-size:13px}.execution-form,.rca-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.execution-form h2,.rca-form h2{color:#07447a;font-size:13px;font-weight:600;margin-bottom:15px}button{background-color:#07447a;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-right:10px}button:hover{background-color:#4aa3df}.execution-form table,.rca-form table{width:100%;border-collapse:collapse}.execution-form th,.execution-form td,.rca-form th,.rca-form td{padding:10px;text-align:left;border-bottom:1px solid #e0e0e0}input[type=date],textarea,input[type=file]{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.status-badge{display:inline-block;padding:5px 10px;background-color:#ff4d4d;color:#fff;border-radius:12px;font-size:14px;font-weight:700}.form-field{margin-bottom:20px;padding-bottom:5px;font-size:13px}.form-field-labels{display:flex;justify-content:space-between}.form-field-label{font:medium;color:#555;width:18%;text-align:center;font-size:13px}.form-field-values{display:flex;justify-content:space-between;margin-top:5px;font-size:13px}.form-field-value{color:#555;font-size:13px;width:18%;text-align:center}.separator-line{border-top:1px solid #ddd;margin-top:5px}@media (max-width: 768px){.form-field-labels,.form-field-values{flex-direction:column;align-items:flex-start}.form-field-label,.form-field-value{width:100%;text-align:left}.form-field-value{font-size:14px}}.field-container{margin-bottom:10px;display:flex;gap:30px}.left-panel>div{margin-bottom:10px;margin-left:20px}.field-label{font-size:11px;color:#fff}.field-value{font-size:13px;font-weight:600;color:#fff}.sidebar{background:#f5f5f5;width:450px;height:calc(100vh - 60px);overflow-y:auto;transition:transform .3s ease;box-shadow:2px 0 5px #0003;position:fixed;left:0;top:60px;z-index:1000;transform:translate(-100%);padding-top:20px;scrollbar-width:thin}.sidebar.open{transform:translate(0)}.sidebar .sidebarContainer{background-color:#f5f5f5;border-radius:8px;padding:15px;border:1px solid #e0e0e0;margin-bottom:45px;box-shadow:0 2px 5px #0000000d;margin-right:10px}.sidebar .field-container .field-label{font-size:11px;font-weight:400;color:#555;margin-bottom:5px}.sidebar .field-container .field-value{font-size:13px;font-weight:600;color:#555;background-color:#f5f5f5;border-radius:4px;margin-bottom:10px}.sidebar .sidebarContainer .field-container{margin-bottom:15px}.node-container{margin-bottom:10px}.sidebar .sidebarContainer h5{color:#07447a;font-size:large;margin-bottom:10px}.sidebar .sidebarContainer .divider{border-top:2px solid #000000;margin-bottom:0;margin-top:0}.sidebar .sidebarContainer .field-label{font-size:11px;color:#555;font-weight:400;margin-bottom:5px}.sidebar .sidebarContainer .field-value{background-color:#f5f5f5;font-size:13px;font-weight:600;color:#555;border-radius:4px;margin-bottom:10px}.sidebar .sidebarContainer>div{margin-bottom:15px}.loading-spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #07447a;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}.tall-input{width:100%;box-sizing:border-box;padding:5px}.issue-info-item input,.issue-info-item select{padding:5px}.causes-classification-container{margin-top:20px;border:1px solid #ddd;padding:10px;border-radius:10px}.causes-classification-header{color:#07447a}.causes-classification-row{display:flex;gap:20px}.tooltip{font-weight:700;background-color:#fff;color:#07447a;padding:3px;border-radius:50%;cursor:pointer}.tooltip:hover{background-color:#f0f0f0}.supporting-document-container{margin-top:20px;border:1px solid #ddd;padding:20px;border-radius:10px}.file-input{width:100%;box-sizing:border-box;padding:5px}.button-container{margin-top:10px;padding:10px;border-radius:10px}.cause-column{flex:1}.supporting-doc-container{max-width:100%;overflow:hidden;padding:10px;border:1px solid #ddd}.supporting-doc-container input[type=file]{width:100%;max-width:400px;display:block;margin-top:5px}.supporting-doc-container app-attachments{display:block;max-width:100%;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-text{margin-top:20px;font-size:18px;color:#07447a;font-weight:700}.center-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.center-image{max-width:100%;height:auto}.center-text p{margin:10px 0;font-size:18px}.five-whys-container{position:relative;margin:20px 0}.why-chain{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 0}.why-chain:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#ccc;left:50%;transform:translate(-50%);z-index:0}.why-node{position:relative;margin-bottom:20px;width:60%;z-index:1}.why-bubble{background:#fff;border:1px solid #ddd;border-radius:20px;padding:10px 15px;box-shadow:0 2px 4px #0000001a}.why-title{font-weight:700;margin-bottom:8px}.why-details{margin-bottom:8px}.why-actions{display:flex;gap:5px;margin-top:5px;text-align:center}.add-node{position:relative;background:#28a745;color:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;margin-top:10px}.add-node:hover{background:#218838}.add-node i{pointer-events:none}.tree-container{margin:20px auto;padding:20px;background:#fff;border-radius:10px;border:1px solid #ddd;text-align:center;width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.tree{display:inline-block;white-space:nowrap;padding:0;margin:0;list-style-type:none;text-align:center}.tree ul{display:inline-block;white-space:nowrap;padding:0;margin:0;list-style-type:none}.tree li{display:inline-block;vertical-align:top;text-align:center;position:relative;padding:20px 5px 0}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:1px solid #ccc}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:1px solid #ccc;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.why-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:180px;min-height:80px;background:#004498;margin:auto;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:10px;box-sizing:border-box;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:300px;max-height:100px;overflow-y:auto;overflow-x:hidden;max-height:150px;position:relative;font-weight:700;color:#fff}.why-text{flex-grow:1;overflow-y:auto;word-break:break-word;white-space:normal;max-height:100px}.why-box.root-cause{background:#f44336}.root-cause-text{color:red;font-weight:700}.actions{margin-top:5px;text-align:center}.issue-info-container{margin-top:20px;border:1px solid #ddd;padding:10px;border-radius:10px}.issue-info-header{color:#07447a}.issue-info-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.issue-info-item{flex:1}.btn-add-recommendation,.btn-add{background:transparent;border:none;color:#28a745;font-size:16px;cursor:pointer;padding:5px;display:inline-flex;align-items:center;justify-content:center}.btn-add-recommendation:hover,.btn-add:hover{color:#218838;background:transparent}.btn-edit-recommendation,.btn-edit{background:transparent;border:none;color:#f49d1b;font-size:16px;cursor:pointer;padding:5px;display:inline-flex;align-items:center;justify-content:center}.btn-edit-recommendation:hover,.btn-edit:hover{color:#c4790a;background:transparent}.btn-delete-recommendation,.btn-delete{background:transparent;border:none;color:#f0132a;font-size:16px;cursor:pointer;padding:5px;display:inline-flex;align-items:center;justify-content:center}.btn-delete-recommendation:hover,.btn-delete:hover{color:#a10c1b;background:transparent}.btn-add-root{border:none;background:none;color:#218838;font-size:16px;cursor:pointer;padding:5px;display:inline-flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;width:350px;border-radius:8px;box-shadow:0 4px 10px #0003;position:relative;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.modal-textarea{width:100%;height:60px;margin-bottom:10px;border-radius:5px;border:1px solid #ddd;padding:8px;resize:none;box-sizing:border-box}.modal-buttons{display:flex}.submit-btn{background:#07447a;color:#fff;padding:8px 12px;border-radius:5px;border:none;cursor:pointer}.close-btn{position:absolute;top:10px;right:10px;background:gray;color:#fff;padding:8px 12px;border-radius:5px;border:none;cursor:pointer}.sidebar .field-container .in-progress{background-color:#d65e0d;padding:2px 12px;border-radius:5px;color:#fff;font-size:14px;font-weight:700}.recommendation-container{margin-top:20px;border:1px solid #ddd;padding:10px;border-radius:10px}.input-table{display:table;width:100%;table-layout:fixed;margin-bottom:10px}.input-table-row{display:table-row}.input-table-cell{display:table-cell;padding:8px;vertical-align:middle}.description-cell{width:80%}.action-cell{width:20%}.action-center{text-align:center}.recommendation-textarea{width:100%;resize:none;margin:0;padding:6px;font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.recommendation-button{white-space:nowrap;margin:0;padding:6px 12px;font-size:14px;line-height:1.5}.recommendation-table{table-layout:fixed;width:100%;border-collapse:collapse}.recommendation-th{border-bottom:1px solid #ccc;padding:8px}.description-column{width:80%;text-align:left}.action-column{width:20%;text-align:center}.recommendation-tr{border-bottom:1px solid #eee}.recommendation-td{padding:8px;vertical-align:top}.edit-textarea{width:100%;resize:none}.recommendation-span{display:inline-block;word-wrap:break-word;white-space:pre-wrap;max-width:100%}.small-btn{font-size:12px;padding:4px 6px;margin:0 2px;cursor:pointer}.tooltip-container:hover:after,.tooltip-container:hover:before{opacity:1;visibility:visible}.tooltip-container:after{content:attr(data-tooltip);position:absolute;background-color:#fff;color:#504f4f;padding:8px 12px;border-radius:5px;box-shadow:0 4px 8px #0003;font-size:12px;font-weight:400;text-transform:none;top:120%;left:50%;transform:translate(-50%);white-space:normal;width:auto;max-width:250px;text-align:left;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;z-index:1000}.rca-textbox-container{margin-top:20px;border:1px solid #ddd;padding:10px;border-radius:10px}.label-with-tooltip{display:block;margin-bottom:3px}.tooltip-container{font-weight:700;background-color:#fff;color:#07447a;padding:3px;border-radius:50%}.rca-textbox-textarea{width:100%;box-sizing:border-box;margin-top:2px}.tree-title{color:#07447a}