.workflow-timeline{position:relative;padding-left:0;margin-left:20px}.workflow-timeline:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background:linear-gradient(to bottom,#52438a,#00a367);z-index:1}.workflow-step{display:flex;margin-bottom:1.5rem;position:relative;z-index:2}.step-indicator{display:flex;flex-direction:column;align-items:center;margin-right:1rem;position:relative;z-index:2}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;background:linear-gradient(135deg,#52438a,#00a367);box-shadow:0 2px 8px #52438a4d}.step-icon i{color:#fff;font-size:.9rem}.step-connector{display:none}.step-content{flex:1;background:#f8f9fa;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000000d;transition:all .2s ease;border-left:3px solid #52438a;position:relative}.step-content:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.workflow-step .status-approved .step-icon{background:linear-gradient(135deg,#2e7d32,#4caf50)}.workflow-step .status-rejected .step-icon{background:linear-gradient(135deg,#c62828,#f44336)}.workflow-step .status-pending .step-icon{background:linear-gradient(135deg,#f57c00,#ffb74d)}.workflow-btn{font-weight:500}.workflow-modal .modal-content{border-radius:12px;box-shadow:0 10px 30px #00000026}.workflow-header{background:linear-gradient(135deg,#52438a,#00a367);color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;padding:1rem 1.5rem}.workflow-header .btn-close{filter:invert(1);opacity:.8}.workflow-header .btn-close:hover{opacity:1}.workflow-body{padding:1.5rem;max-height:60vh;overflow-y:auto;text-align:left}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.step-title{font-weight:600;color:#2c3e50;margin:0;font-size:1rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-approved{background-color:#e7f6e9;color:#2e7d32}.status-rejected{background-color:#ffebee;color:#c62828}.status-pending{background-color:#fff8e1;color:#f57c00}.step-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:flex-start}.detail-label{font-weight:500;color:#546e7a;min-width:100px;font-size:.85rem}.detail-value{color:#37474f;flex:1;font-size:.9rem}.detail-value.comments{background:#fff;padding:.5rem;border-radius:4px;border-left:3px solid #2e7d32;font-style:italic;word-break:break-word;overflow-wrap:break-word}.workflow-empty-state{text-align:center;padding:2rem;color:#9e9e9e}.workflow-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.workflow-empty-state p{margin:0;font-size:1.1rem}.workflow-footer{border-top:1px solid #e0e0e0;padding:1rem 1.5rem}.close-btn{border-radius:6px;font-weight:500;padding:.5rem 1.25rem}@media (max-width: 768px){.workflow-timeline{margin-left:15px}.workflow-timeline:before{left:15px}.step-content:before{left:-18px}.step-header{flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.workflow-body{padding:1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.workflow-modal .modal-content{animation:slideIn .3s ease-out}.workflow-body::-webkit-scrollbar{width:6px}.workflow-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.workflow-body::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.workflow-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.print-action-dropdown{position:relative}.print-action-dropdown .print-action-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:120px;padding:8px 16px;border-top-right-radius:0;border-bottom-right-radius:0}.print-action-dropdown .print-dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0;padding:8px}.print-action-dropdown .print-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;padding:8px 0;min-width:160px}.print-action-dropdown .print-dropdown-item{padding:8px 16px;font-size:14px;color:#333;transition:all .2s ease;list-style:none!important}.print-action-dropdown .print-dropdown-item:hover{background-color:#e3f2fd;color:#0d6efd}.print-action-dropdown .spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 576px){.print-action-dropdown .print-action-btn{min-width:100px;padding:6px 12px;font-size:14px}.print-action-dropdown .print-dropdown-toggle{padding:6px}}