.detail-panel{background:var(--color-bg-primary);border-left:1px solid var(--color-border-secondary);flex-direction:column;height:100%;display:flex;overflow:hidden}.detail-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-secondary);flex-shrink:0;display:flex}.detail-panel-header-content{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.detail-panel-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.3}.detail-panel-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.detail-panel-badge{font-size:var(--font-size-xs);border-radius:var(--radius-sm);width:fit-content;margin-top:var(--spacing-2);align-items:center;padding:4px 10px;font-weight:500;display:inline-flex}.detail-panel-body{padding:var(--spacing-4) var(--spacing-5);flex:1;overflow-y:auto}.detail-panel-footer{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border-secondary);flex-shrink:0;display:flex}.detail-section{margin-bottom:var(--spacing-5)}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0;font-weight:600}.detail-grid{grid-template-columns:repeat(var(--detail-grid-columns,2), 1fr);gap:var(--spacing-3);display:grid}.detail-item{gap:var(--spacing-1);flex-direction:column;display:flex}.detail-item>span:first-child{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.detail-item>span:last-child{font-size:var(--font-size-sm);color:var(--color-text-primary)}.detail-row{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .detail-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.detail-row>span:last-child{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.detail-value-highlight{font-weight:600;color:var(--color-text-primary)!important}.detail-panel .notes-list{gap:var(--spacing-3);flex-direction:column;display:flex}.detail-panel .note-item{padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.detail-panel .note-item p{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-panel .note-timestamp{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.metrics-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}.metric-item{gap:var(--spacing-1);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;display:flex}.metric-value{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.pnl-summary{padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.pnl-value{font-size:var(--font-size-xl);font-weight:700}.contact-info-list{gap:var(--spacing-2);flex-direction:column;display:flex}.contact-info-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.contact-info-item svg{color:var(--color-text-tertiary);flex-shrink:0}.client-info-row,.client-info{align-items:center;gap:var(--spacing-3);display:flex}.client-details{flex-direction:column;gap:2px;display:flex}.client-name{color:var(--color-text-primary);font-weight:500}.client-email,.client-account,.client-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.alert-status-row,.partner-status-row{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.alert-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.resolution-notes{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.action-info{gap:var(--spacing-2);flex-direction:column;display:flex}.action-value{text-transform:capitalize;font-weight:500}.detail-value-mono,.mono-text{font-family:var(--font-mono);font-size:var(--font-size-sm)}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-secondary);display:flex}.panel-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600}.panel-body{padding:var(--spacing-4) var(--spacing-5);flex:1;overflow-y:auto}.panel-footer{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border-secondary);display:flex}.detail-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.detail-title{align-items:center;gap:var(--spacing-2);display:flex}.detail-title h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.detail-content{padding:var(--spacing-4) var(--spacing-5);flex:1;overflow-y:auto}.detail-actions{gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border-secondary);display:flex}.ftd-indicator{background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);font-size:var(--font-size-xs);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.fees-list{margin:0;padding:0;list-style:none}.fees-list li{padding:var(--spacing-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}