.journey-container{width:100%}.journey-header{font-size:var(--text-lg);color:#111827;margin-bottom:1rem;font-weight:700}.active-phase-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.phases-wrapper{flex-direction:column;gap:.75rem;display:flex}.phase-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s;overflow:hidden}.phase-card.active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.phase-btn{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;transition:background-color .15s;display:flex}.phase-btn:hover{background-color:#f9fafb}.phase-btn.active{background-color:#eff6ff}.phase-header-content{flex:1;align-items:center;gap:.75rem;display:flex}.phase-icon{border:2px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.phase-icon.completed{color:#16a34a;background-color:#dcfce7}.phase-icon.active{color:#fff;background-color:#3b82f6}.phase-icon.locked{color:#9ca3af;background-color:#f3f4f6}.phase-title{font-size:var(--text-base);color:#111827;margin:0;font-weight:600}.phase-title.locked{color:#9ca3af}.phase-subtitle{font-size:var(--text-xs);color:#6b7280;margin:.125rem 0 0}.phase-chevron{color:#9ca3af;transition:transform .2s}.phase-chevron.expanded{transform:rotate(180deg)}.steps-list{background-color:#fff;border-top:1px solid #e5e7eb;flex-direction:column;padding:1rem 1rem 1rem 2.75rem;display:flex}.step-item{gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.step-item:last-child{padding-bottom:0}.connector-line{z-index:0;background-color:#e5e7eb;width:2px;height:calc(100% - 1.5rem);position:absolute;top:1.5rem;left:.5rem}.connector-line.completed{background-color:#bbf7d0}.step-icon{z-index:1;color:#d1d5db;background-color:#fff;border:2px solid #e5e7eb;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:relative;box-shadow:0 0 0 4px #fff}.step-icon.completed{color:#fff;background-color:#16a34a;border-color:#16a34a}.step-icon.active{color:#3b82f6;border-color:#3b82f6}.step-content{flex:1;padding-top:.125rem}.step-label{font-size:var(--text-sm);color:#4b5563;font-weight:500}.step-label.active{color:#111827;font-weight:600}.current-step-badge{color:#2563eb;font-size:var(--text-xs);background-color:#eff6ff;border-radius:9999px;margin-top:.25rem;padding:.125rem .5rem;font-weight:600;display:inline-block}.animate-spin-slow{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-comment-box{font-size:var(--text-sm);color:#374151;background-color:#f3f4f6;border-radius:.5rem;margin-top:.5rem;padding:.75rem;line-height:1.5}
.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out backdropFadeIn;display:flex;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{background-color:#fff;border-radius:1.25rem;flex-direction:column;width:90vw;max-width:1200px;height:90vh;max-height:90vh;transition:transform .3s,opacity .3s;animation:.25s ease-out modalSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #00000059}.preview-modal.swiping{transition:none}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:640px){.modal-backdrop{padding:0}.preview-modal{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}.preview-header{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.preview-title-group{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.preview-doc-name{color:#111827;font-weight:700;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.close-preview-btn{background-color:#0000;border-radius:9999px;flex-shrink:0;padding:.375rem;transition:background-color .15s}.close-preview-btn:hover{background-color:#e5e7eb}.icon-close{color:#6b7280}.preview-toolbar{background-color:#fafafa;border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;display:flex}.toolbar-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.toolbar-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.toolbar-btn:active{background-color:#e5e7eb;transform:scale(.95)}.toolbar-btn.disabled{opacity:.35;pointer-events:none}.toolbar-divider{background-color:#e5e7eb;width:1px;height:1.25rem;margin:0 .375rem}.zoom-indicator{color:#6b7280;text-align:center;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:.7rem;font-weight:700}.preview-body{background-color:#1a1a2e;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-image-viewer{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.preview-image-viewer.cursor-grab{cursor:grab}.preview-image-viewer.cursor-grabbing{cursor:grabbing}.preview-image-viewer.cursor-zoom-in{cursor:zoom-in}.preview-image-inner{will-change:transform;transform-origin:50%;transition:transform .15s ease-out}.preview-image-inner.no-transition{transition:none}.preview-image-inner img{pointer-events:none;border-radius:.25rem;max-width:100%;max-height:100%;display:block}.preview-iframe{background-color:#fff;border:none;width:100%;height:100%}.preview-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.fallback-icon-box{color:#9ca3af;background-color:#ffffff1a;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1rem;display:flex}.fallback-label{font-size:var(--text-sm);color:#9ca3af;margin-bottom:.25rem;font-weight:500}.fallback-filename{font-size:var(--text-lg);color:#e5e7eb;word-break:break-all;font-weight:700}.fallback-error{font-size:var(--text-xs);color:#6b7280;margin-top:.5rem}.preview-footer{background-color:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.rejected-alert{color:#dc2626;font-size:var(--text-xs);align-items:center;font-weight:600;display:flex}.icon-alert-small{margin-right:.25rem}.modal-close-action-btn{color:#374151;font-weight:700;font-size:var(--text-sm);background-color:#f3f4f6;border-radius:.75rem;padding:.5rem 1.5rem;transition:background-color .15s}.modal-close-action-btn:hover{background-color:#e5e7eb}.swipe-hint{z-index:5;background-color:#ffffff4d;border-radius:9999px;width:2.5rem;height:.25rem;display:none;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}@media (max-width:640px){.swipe-hint{display:block}.preview-toolbar{gap:.125rem;padding:.375rem .5rem}.toolbar-btn{width:1.75rem;height:1.75rem}}