#slaScorecardView{--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--bg-color: var(--color-bg-base);--card-bg: var(--color-bg-surface);--text-main: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--shadow: var(--shadow-md);--control-height: 42px}#slaScorecardView .container{width:100%;max-width:100%;padding:0}#slaScorecardView .stats-row{display:flex;gap:1.5rem;margin-bottom:24px;flex-wrap:wrap;background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:20px;border-radius:var(--radius-md)}#slaScorecardView .stat-card{flex:1;min-width:200px}#slaScorecardView .stat-card .label{display:block;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px}#slaScorecardView .stat-card .value{font-size:22px;font-weight:800;color:var(--color-text-primary);line-height:1.2}#slaScorecardView .stat-card .subtext{font-size:11px;color:var(--color-text-muted);margin-top:4px;font-family:var(--font-mono)}#slaScorecardView .query-panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:24px;border-radius:var(--radius-md);margin-bottom:24px}#slaScorecardView .query-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}#slaScorecardView .form-group{margin-bottom:0}#slaScorecardView .form-label{display:block;font-size:11px;font-weight:700;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}#slaScorecardView .form-input{width:100%;height:var(--control-height);padding:8px 12px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;transition:var(--transition-fast)}#slaScorecardView .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5932ea26}#slaScorecardView .form-select{width:100%;height:var(--control-height);padding:8px 12px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;transition:var(--transition-fast);cursor:pointer}#slaScorecardView .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5932ea26}#slaScorecardView .actions-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}#slaScorecardView .action-buttons-left{display:flex;gap:12px}#slaScorecardView .results-panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:visible;margin-bottom:24px}#slaScorecardView .panel-header-with-search{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:16px;position:sticky;top:var(--header-height, 72px);z-index:20;background-color:var(--color-bg-surface);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}#slaScorecardView .panel-header-with-search h3{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0}#slaScorecardView .search-box-wrapper{position:relative;width:320px;max-width:100%}#slaScorecardView .search-box-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}#slaScorecardView .search-input{width:100%;height:38px;padding:8px 12px 8px 36px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);outline:none}#slaScorecardView .search-input:focus{border-color:var(--primary-color)}#slaScorecardView .table-container{width:100%;overflow-x:auto;overflow-y:clip}#slaScorecardView table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}#slaScorecardView th{padding:14px 20px;background-color:var(--color-bg-base);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:calc(var(--header-height, 72px) - 71px);z-index:10}#slaScorecardView td{padding:14px 20px;font-size:13px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap}#slaScorecardView td:first-child{white-space:normal}#slaScorecardView tbody tr:hover{background-color:var(--color-bg-base)}#slaScorecardView .order-id-col{display:flex;align-items:center;gap:6px}#slaScorecardView .order-id-col span{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}#slaScorecardView .rate-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;line-height:1}#slaScorecardView .rate-high{background-color:var(--color-success-light);color:var(--color-success)}#slaScorecardView .rate-medium{background-color:var(--color-warning-light);color:var(--color-warning)}#slaScorecardView .rate-low{background-color:var(--color-danger-light);color:var(--color-danger)}#slaScorecardView .icon-btn-copy-inline{background:none;border:none;padding:2px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}#slaScorecardView .icon-btn-copy-inline:hover{background-color:var(--color-bg-base);color:var(--color-text-primary)}#slaScorecardView .timeline-list{list-style:none;padding:0;margin:0}#slaScorecardView .timeline-item{font-size:11px;line-height:1.4;color:var(--color-text-secondary)}#slaScorecardView .timeline-item strong{color:var(--color-text-primary)}#slaScorecardLoadingOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;align-items:center;justify-content:center;flex-direction:column;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#slaScorecardLoadingOverlay .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary-color);border-radius:50%;animation:sla-spin 1s linear infinite;margin-bottom:16px}@keyframes sla-spin{to{transform:rotate(360deg)}}