.demo-tabs-container{flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}.demo-tab{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.demo-tab:hover{border-color:#507a8c;transform:translateY(-2px)}.demo-tab.active{color:#fff;background:linear-gradient(135deg,#507a8c 0%,#89a8ac 100%);border-color:#507a8c}.case-folder-demo{background:#fff;border-radius:16px;margin-top:2rem;overflow:hidden;box-shadow:0 4px 20px #0000001a}.case-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:2px solid #dee2e6;justify-content:space-between;align-items:flex-start;padding:2rem;display:flex}.case-info h3{color:#333;margin-bottom:.75rem;font-size:1.3rem}.case-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.case-badge{border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.case-badge.status-processing{color:#856404;background:#fff3cd}.case-badge.status-inquiry{color:#084298;background:#cfe2ff}.case-badge.status-issue{color:#842029;background:#f8d7da}.case-detail{color:#666;font-size:.9rem}.create-case-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#507a8c 0%,#89a8ac 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.create-case-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #507a8c4d}.case-body{grid-template-columns:1fr 350px;gap:0;display:grid}.timeline{border-right:1px solid #e0e0e0;padding:2rem}.timeline h4{color:#333;margin-bottom:1.5rem;font-size:1.1rem}.timeline-items{flex-direction:column;gap:1.5rem;display:flex}.timeline-item{gap:1rem;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#e0e0e0;width:2px;position:absolute;top:35px;bottom:-24px;left:12px}.timeline-marker{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.timeline-item.completed .timeline-marker{color:#fff;background:#4caf50}.timeline-item.active .timeline-marker{color:#fff;background:#2196f3;animation:2s infinite pulse}.timeline-item.warning .timeline-marker{color:#fff;background:#ff9800}@keyframes pulse{0%,to{box-shadow:0 0 #2196f3b3}50%{box-shadow:0 0 0 8px #2196f300}}.timeline-content{background:#f8f9fa;border-left:3px solid #e0e0e0;border-radius:8px;flex:1;padding:1rem}.timeline-item.completed .timeline-content{border-left-color:#4caf50}.timeline-item.active .timeline-content{background:#e3f2fd;border-left-color:#2196f3}.timeline-item.warning .timeline-content{background:#fff3e0;border-left-color:#ff9800}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.timeline-header strong{color:#333;font-size:1rem}.timeline-time{color:#666;font-size:.85rem}.timeline-content>p{color:#555;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.timeline-meta{flex-wrap:wrap;gap:1rem;margin-top:.75rem;display:flex}.meta-tag{color:#507a8c;background:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.meta-tag.issue-tag{color:#fff;background:#f44336}.meta-actor{color:#666;font-size:.85rem}.timeline-detail{color:#555;border-top:1px solid #0000001a;margin-top:.75rem;padding-top:.75rem;font-size:.9rem}.timeline-detail span{margin-right:1rem;display:inline-block}.detail-link{color:#507a8c;font-weight:500;text-decoration:none}.detail-link:hover{text-decoration:underline}.inquiry-detail,.issue-detail{background:#fff;border-radius:6px;margin-top:.5rem;padding:1rem}.inquiry-detail p,.issue-detail p{margin:.5rem 0;font-size:.9rem}.issue-detail ul{margin:.5rem 0 0 1.5rem;font-size:.9rem}.case-sidebar{background:#f8f9fa;padding:2rem 1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h4{color:#333;margin-bottom:1rem;font-size:1rem}.communication-list{flex-direction:column;gap:1rem;display:flex}.comm-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.comm-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.comm-icon{font-size:1.2rem}.comm-type{color:#666;font-size:.85rem;font-weight:600}.comm-content strong{color:#333;margin-bottom:.25rem;font-size:.95rem;display:block}.comm-content p{color:#666;margin:.25rem 0;font-size:.85rem}.comm-time,.comm-duration{color:#999;margin-top:.25rem;font-size:.8rem;display:block}.attachments-list{flex-direction:column;gap:.5rem;display:flex}.attachment-item{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.attachment-item:hover{background:#edf3f5;border-color:#507a8c;transform:translate(4px)}.attachment-icon{font-size:1.2rem}.assignee-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.assignee-avatar{background:linear-gradient(135deg,#507a8c 0%,#89a8ac 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.assignee-info strong{color:#333;margin-bottom:.25rem;display:block}.assignee-info p{color:#666;margin:0;font-size:.85rem}.sidebar-section.issue-alert{background:#fff3e0;border:2px solid #ff9800;border-radius:8px;padding:1rem}.issue-card{background:#fff;border-radius:6px;padding:1rem}.issue-card strong{color:#e65100;margin-bottom:.5rem;font-size:1rem;display:block}.issue-card p{color:#666;margin-bottom:1rem;font-size:.9rem}.resolve-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;width:100%;padding:.5rem 1rem;font-weight:600;transition:all .2s}.resolve-btn:hover{background:#388e3c;transform:translateY(-1px)}@media (max-width:968px){.case-body{grid-template-columns:1fr}.timeline{border-bottom:1px solid #e0e0e0;border-right:none}.case-header{flex-direction:column;gap:1rem}.create-case-btn{width:100%}}@media (max-width:640px){.case-header,.timeline,.case-sidebar{padding:1.5rem}.timeline-item{gap:.75rem}.case-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}