*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.table-row{display:table-row}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:#f5f7fa}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.navbar h1{margin:0;font-size:1.5rem;color:#111827}.nav-links{display:flex;gap:1rem}.nav-links button{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-size:1rem;cursor:pointer;border-radius:.375rem;transition:all .2s}.nav-links button:hover{background:#f3f4f6;color:#111827}.nav-links button.active{background:#3b82f6;color:#fff}.content{padding:2rem;max-width:1400px;margin:0 auto}.dashboard{display:grid;gap:.75rem}.dashboard h2{grid-column:1 / -1;margin:0 0 .25rem;color:#111827;font-size:1.25rem}.dashboard-top-row{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;grid-column:1 / -1}.kpi-cards-column{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dashboard-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;grid-column:1 / -1}.metric-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.metric-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600}.metric-card.highlight h3{color:#fff;opacity:.9}.metric-value{font-size:3rem;font-weight:700;margin:.5rem 0}.metric-detail{opacity:.8;margin-bottom:1rem}.metric-card button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.metric-card button:hover{background:#ffffff4d}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-item{text-align:center;padding:1rem;border-radius:.375rem;background:#f9fafb}.metric-item.clickable{cursor:pointer;transition:all .2s}.metric-item.clickable:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.metric-label{font-size:.875rem;color:#6b7280;text-transform:capitalize}.metric-number{font-size:2rem;font-weight:700;color:#111827;margin-top:.5rem}.disposition-chart{display:flex;flex-direction:column;gap:.75rem}.disposition-bar{position:relative;padding:.75rem;border-radius:.375rem;background:#f9fafb;overflow:hidden}.disposition-bar.clickable{cursor:pointer;transition:all .2s}.disposition-bar.clickable:hover{transform:translate(4px);box-shadow:0 2px 4px #0000001a}.disposition-label{display:flex;justify-content:space-between;position:relative;z-index:1;text-transform:capitalize;font-weight:500}.disposition-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:.15;transition:width .3s}.reasons-list{display:flex;flex-direction:column;gap:.5rem}.reason-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.375rem;cursor:pointer;transition:all .2s}.reason-item:hover{background:#f3f4f6;transform:translate(4px)}.reason-rank{font-weight:700;color:#6b7280;min-width:1.5rem}.reason-text{flex:1}.reason-count{color:#3b82f6;font-weight:600}.agents-list{display:flex;flex-direction:column;gap:.5rem}.agent-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.375rem;cursor:pointer;transition:all .2s}.agent-item:hover{background:#f3f4f6;transform:translate(4px)}.agent-name{font-weight:600;color:#111827}.agent-stats{display:flex;gap:1rem;color:#6b7280;font-size:.875rem}.agent-close-rate{color:#3b82f6;font-weight:600}.kpi-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.kpi-card{background:#fff;border-radius:.5rem;padding:.75rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:80px}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.kpi-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kpi-label{font-size:.7rem;color:#6b7280;margin-bottom:.15rem;font-weight:500}.kpi-card.highlight .kpi-label{color:#ffffffe6}.kpi-value{font-size:1.375rem;font-weight:700;margin:.1rem 0;color:#111827;line-height:1.2}.kpi-card.highlight .kpi-value{color:#fff}.kpi-detail{font-size:.75rem;color:#6b7280;margin-top:.25rem}.kpi-card.highlight .kpi-detail{color:#fffc}.metric-card.large{grid-column:1 / -1}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.75rem;margin-bottom:.75rem}.chart-center-text{text-align:center;font-size:.875rem;color:#6b7280;margin-bottom:-2rem;margin-top:.5rem;font-weight:600}.agents-table{display:flex;flex-direction:column;gap:.75rem}.agents-table-header{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem;padding:.75rem;border-bottom:2px solid #e5e7eb;font-weight:600;color:#6b7280;font-size:.875rem;text-transform:uppercase}.agents-table-row{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.375rem;align-items:center;transition:all .2s}.agents-table-row:hover{background:#f3f4f6;transform:translate(4px)}.agent-rank{display:inline-block;min-width:2rem;color:#6b7280;font-weight:700;margin-right:.5rem}.agent-calls{text-align:center;font-weight:600;color:#111827;font-size:1.125rem}.agent-close-rate-visual{display:flex;flex-direction:column;gap:.5rem}.filter-bar{background:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.filter-bar button{background:#fff;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer}.filter-bar button:hover{background:#f3f4f6}.calls-list{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.calls-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.calls-header h2{margin:0}.calls-search{position:relative;flex:1;max-width:500px}.search-input{width:100%;padding:.625rem 2.5rem .625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{background:#d1d5db;color:#111827}.calls-table{width:100%}.table-header,.table-row{display:grid;grid-template-columns:2fr .8fr 1.2fr 1fr .8fr 1.5fr 1.2fr .8fr .6fr;gap:1rem;padding:.75rem;align-items:center}.table-header{border-bottom:2px solid #e5e7eb;font-weight:600;color:#6b7280;font-size:.875rem;text-transform:uppercase}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.sortable-header:hover{color:#3b82f6}.sort-arrow{font-size:.75rem;margin-left:.25rem}.table-row{border-bottom:1px solid #f3f4f6;transition:all .2s}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#f9fafb}.table-body-virtual{overflow-y:auto!important;overflow-x:hidden!important}.table-body-virtual>div{width:100%!important}.col-direction{font-size:.875rem}.direction-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.direction-badge.inbound{background:#dbeafe;color:#1e40af}.direction-badge.outbound{background:#fef3c7;color:#92400e}.direction-badge.unknown{background:#f3f4f6;color:#6b7280}.col-phone{font-size:.875rem;font-family:Courier New,monospace;color:#4b5563}.col-disposition{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;text-transform:capitalize;text-align:center}.disposition-closed-sale{background:#d1fae5;color:#065f46}.disposition-closed-appointment{background:#dbeafe;color:#1e40af}.disposition-qualified-follow-up{background:#fef3c7;color:#92400e}.disposition-unqualified{background:#fee2e2;color:#991b1b}.disposition-no-answer,.disposition-abandoned{background:#f3f4f6;color:#4b5563}.col-close{font-size:.875rem;text-transform:capitalize}.playbook-score{text-align:center;font-weight:600}.col-qualified{text-align:center;font-size:1.25rem}.col-qualified.qualified{color:#10b981}.col-qualified.unqualified{color:#ef4444}.no-results{text-align:center;padding:3rem;color:#6b7280}.call-detail{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;max-width:1200px;margin:0 auto}.back-button{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;margin-bottom:1.5rem;font-size:.875rem}.back-button:hover{background:#e5e7eb}.detail-header h2{margin:0 0 .5rem;color:#111827}.detail-meta{display:flex;gap:.5rem;color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.audio-section{background:#f9fafb;border-radius:.375rem;padding:1rem;margin-bottom:1.5rem}.audio-section h3{margin-top:0;margin-bottom:1rem}.audio-player{width:100%;height:40px;margin-bottom:.5rem}.audio-path{font-size:.75rem;color:#6b7280}.audio-note{font-size:.875rem;color:#6b7280}.audio-note code{background:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f9fafb;padding:1rem;border-radius:.375rem;text-align:center}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#111827;text-transform:capitalize}.stat-value.qualified{color:#10b981}.stat-value.unqualified{color:#ef4444}.transcript-section{margin-bottom:2rem}.transcript-section h3{margin-bottom:.5rem}.transcript{background:#f9fafb;border-radius:.375rem;padding:1rem;max-height:400px;overflow-y:auto}.transcript pre{margin:0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.section{margin-bottom:2rem}.section h3{margin:0 0 1rem;color:#111827;font-size:1.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.metric{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:.375rem}.playbook-checklist{display:grid;gap:.5rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem}.checklist-item.completed{background:#d1fae5}.checklist-item.incomplete{background:#fee2e2}.checkbox{font-size:1.25rem;font-weight:700}.checklist-item.completed .checkbox{color:#10b981}.checklist-item.incomplete .checkbox{color:#ef4444}.checklist-label{text-transform:capitalize}.missed-opportunities,.strong-points,.coaching-areas,.commendation-areas,.unqualified-reasons-list{margin-top:1rem}.missed-opportunities h4,.strong-points h4,.coaching-areas h4,.commendation-areas h4,.unqualified-reasons-list h4{margin:0 0 .5rem;font-size:1rem;color:#6b7280}.missed-opportunities ul,.strong-points ul,.coaching-areas ul,.commendation-areas ul,.unqualified-reasons-list ul{margin:0;padding-left:1.5rem}.missed-opportunities{color:#dc2626}.strong-points{color:#10b981}.qualification-status{padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-weight:600;text-transform:capitalize}.status-qualified{background:#d1fae5;color:#065f46}.status-unqualified{background:#fee2e2;color:#991b1b}.status-unclear{background:#fef3c7;color:#92400e}.unqualified-reason{background:#f9fafb;padding:1rem;border-radius:.375rem;margin-bottom:1rem}.quality-section{background:#f9fafb;padding:1.5rem;border-radius:.375rem}.quality-flag{padding:1rem;border-radius:.375rem;margin-bottom:1rem;font-weight:600}.quality-flag.excellent{background:#d1fae5;color:#065f46;font-size:1.125rem}.summary-section{background:#f9fafb;padding:1.5rem;border-radius:.375rem}.one-line-summary{font-weight:600;color:#111827;margin-bottom:1rem}.detailed-summary{line-height:1.6;color:#4b5563;margin-bottom:1rem}.next-steps,.internal-notes{margin-top:1rem;padding:1rem;background:#fff;border-radius:.375rem;border-left:4px solid #3b82f6}.agents-view{padding:1rem}.agents-view h2{margin:0 0 1.5rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.agent-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.agent-card.clickable{cursor:pointer}.agent-card.clickable:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.agent-card-header h3{margin:0;color:#111827}.agent-call-count{font-size:.875rem;color:#6b7280}.agent-metrics{display:grid;gap:.75rem}.agent-metric{display:flex;justify-content:space-between;align-items:center}.agent-metric .metric-label{font-size:.875rem;color:#6b7280}.agent-metric .metric-value{font-weight:600;color:#111827}.agent-metric .metric-value.good{color:#10b981}.agent-metric .metric-value.poor{color:#ef4444}.agent-metric .metric-value.warning{color:#f59e0b}.agent-metric-visual{display:flex;flex-direction:column;gap:.5rem}.metric-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.metric-label-row span:first-child{color:#6b7280}.metric-label-row .metric-value{font-weight:600;color:#111827;font-size:.875rem}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:3px}.progress-fill.good{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.neutral{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.poor{background:linear-gradient(90deg,#ef4444,#dc2626)}.agent-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;color:#3b82f6;font-weight:600;font-size:.875rem}.clickable{cursor:pointer}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem}.content{padding:1rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.agents-grid,.kpi-banner,.dashboard-top-row,.kpi-cards-column,.charts-row,.dashboard-bottom-row{grid-template-columns:1fr}.agents-table-row,.agents-table-header{grid-template-columns:1fr;gap:.5rem}.agents-table-header{display:none}.agent-calls{text-align:left}}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-actions h3{margin:0}.edit-button,.toggle-button{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.edit-button:hover,.toggle-button:hover{background:#2563eb}.edit-mode{background:#f9fafb;padding:1rem;border-radius:.375rem;border:2px solid #3b82f6}.transcript-editor{width:100%;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;padding:1rem;border:1px solid #d1d5db;border-radius:.375rem;resize:vertical;margin-bottom:1rem}.edit-controls{display:flex;flex-direction:column;gap:.75rem}.edit-reason-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.edit-buttons{display:flex;gap:.75rem}.save-button{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:600;transition:all .2s}.save-button:hover:not(:disabled){background:#059669}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.cancel-button{background:#f3f4f6;color:#111827;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:600;transition:all .2s}.cancel-button:hover:not(:disabled){background:#e5e7eb}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.checklist-item.editable{cursor:pointer;transition:all .2s;position:relative}.checklist-item.editable:hover{opacity:.8;transform:translate(4px)}.edit-hint{opacity:0;margin-left:auto;font-size:.875rem;transition:opacity .2s}.checklist-item.editable:hover .edit-hint{opacity:.6}.revision-history-section{background:#f9fafb;padding:1.5rem;border-radius:.375rem;border:1px solid #e5e7eb}.revision-history{margin-top:1rem}.no-history{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.history-header{display:flex;gap:1rem;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.history-version{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-weight:600;font-size:.875rem}.history-user{color:#6b7280;font-size:.875rem;font-weight:500}.history-timestamp{color:#9ca3af;font-size:.75rem;margin-left:auto}.history-field{margin-bottom:.5rem;font-size:.875rem;color:#6b7280}.history-field strong{color:#111827}.history-reason{background:#fef3c7;padding:.5rem;border-radius:.25rem;margin-bottom:.75rem;font-size:.875rem;border-left:3px solid #f59e0b}.history-reason strong{color:#92400e}.history-changes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-old,.history-new{padding:.75rem;border-radius:.375rem;font-size:.875rem}.history-old{background:#fee2e2;border:1px solid #fecaca}.history-old strong{color:#991b1b}.history-new{background:#d1fae5;border:1px solid #a7f3d0}.history-new strong{color:#065f46}.history-old pre,.history-new pre{margin:.5rem 0 0;font-family:Courier New,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.history-changes{grid-template-columns:1fr}.section-header-with-actions{flex-direction:column;align-items:flex-start;gap:.75rem}.edit-buttons{width:100%}.save-button,.cancel-button{flex:1}}.app-container{display:flex;position:relative;min-height:calc(100vh - 70px)}.main-content{flex:1;min-width:0;transition:margin-right .3s ease-in-out}.main-content.sidebar-open{margin-right:0}.calls-sidebar{position:sticky;top:0;right:0;width:400px;height:100vh;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;z-index:50;align-self:flex-start}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.sidebar-header h3{margin:0;font-size:1.125rem;color:#111827}.sidebar-close-btn{background:transparent;border:none;font-size:1.75rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.sidebar-close-btn:hover{background:#e5e7eb;color:#111827}.sidebar-filters{padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.filter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;font-size:.8125rem;font-weight:500;text-transform:capitalize;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.7}.filter-pill:hover{opacity:1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-pill.active{opacity:1;border-color:currentColor;box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.filter-pill-count{background:#ffffffe6;color:inherit;padding:.125rem .375rem;border-radius:.75rem;font-size:.75rem;font-weight:600;min-width:1.25rem;text-align:center}.filter-pill.disposition-closed-sale{background:#d1fae5;color:#065f46}.filter-pill.disposition-closed-appointment{background:#dbeafe;color:#1e40af}.filter-pill.disposition-qualified-follow-up{background:#fef3c7;color:#92400e}.filter-pill.disposition-unqualified{background:#fee2e2;color:#991b1b}.filter-pill.disposition-voicemail{background:#e0e7ff;color:#3730a3}.filter-pill.disposition-callback-scheduled{background:#fce7f3;color:#831843}.filter-pill.disposition-no-answer,.filter-pill.disposition-abandoned,.filter-pill.disposition-unknown{background:#f3f4f6;color:#4b5563}.sidebar-sort{padding:.75rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e5e7eb;background:#fff}.sort-label{font-size:.8125rem;color:#6b7280;font-weight:500}.sort-buttons{display:flex;gap:.375rem}.sort-button{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;font-size:.8125rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s}.sort-button:hover{background:#f9fafb;border-color:#9ca3af}.sort-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.sort-arrow{margin-left:.375rem;font-size:.75rem;opacity:.9}.sidebar-body{flex:1;overflow-y:auto;padding:.5rem}.sidebar-empty{text-align:center;padding:3rem 1rem;color:#6b7280}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s}.sidebar-list-item:hover{background:#f9fafb;border-color:#3b82f6;transform:translate(-4px);box-shadow:0 2px 4px #3b82f61a}.sidebar-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem;gap:.5rem}.sidebar-item-agent{font-weight:600;color:#111827;font-size:.9375rem}.sidebar-item-date{font-size:.75rem;color:#6b7280;text-align:right}.sidebar-item-details{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sidebar-disposition{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500;text-transform:capitalize}.sidebar-disposition.disposition-closed-sale{background:#d1fae5;color:#065f46}.sidebar-disposition.disposition-closed-appointment{background:#dbeafe;color:#1e40af}.sidebar-disposition.disposition-qualified-follow-up{background:#fef3c7;color:#92400e}.sidebar-disposition.disposition-unqualified{background:#fee2e2;color:#991b1b}.sidebar-disposition.disposition-no-answer,.sidebar-disposition.disposition-abandoned,.sidebar-disposition.disposition-unknown{background:#f3f4f6;color:#4b5563}.sidebar-item-duration,.sidebar-item-score{font-size:.8125rem;color:#6b7280}.sidebar-item-score{font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:#fff;border-radius:.5rem;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000040;width:100%;max-width:1200px;margin:auto}.modal-content .call-detail{box-shadow:none;margin:0}.call-detail-sidebar{display:flex;flex-direction:column;height:100%}.sidebar-detail-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.back-button-compact{background:transparent;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:.25rem 0;font-weight:500}.back-button-compact:hover{color:#2563eb;text-decoration:underline}.sidebar-detail-content{flex:1;overflow-y:auto;padding:.75rem}.sidebar-detail-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.sidebar-detail-section.compact{margin-bottom:.75rem;padding-bottom:.75rem}.sidebar-detail-section.collapsible{border-bottom:none;padding-bottom:.5rem}.sidebar-detail-agent{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#111827}.sidebar-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sidebar-meta-text{font-size:.8125rem;color:#6b7280}.audio-player-compact{width:100%;height:36px}.sidebar-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sidebar-stat{background:#f9fafb;padding:.625rem;border-radius:.375rem;text-align:center}.sidebar-stat-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.sidebar-stat-value{font-size:.9375rem;font-weight:600;color:#111827;text-transform:capitalize}.sidebar-stat-value.qualified{color:#10b981}.sidebar-stat-value.unqualified{color:#ef4444}.sidebar-section-toggle{width:100%;display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #e5e7eb;padding:.75rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#111827;transition:all .2s;text-align:left}.sidebar-section-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-icon{color:#6b7280;font-size:.75rem;width:1rem}.playbook-summary{margin-left:auto;color:#3b82f6;font-size:.8125rem}.playbook-progress-container{margin-left:auto;display:flex;align-items:center;gap:.5rem}.playbook-progress-ring{display:block}.playbook-progress-ring-bg{opacity:.3}.playbook-progress-ring-fill{transition:stroke-dasharray .3s ease}.playbook-summary-text{color:#111827;font-size:.8125rem;font-weight:600}.sidebar-transcript{background:#f9fafb;border-radius:.375rem;padding:.75rem;margin-top:.5rem;max-height:300px;overflow-y:auto}.sidebar-transcript pre{margin:0;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.transcript-timestamp{color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:none;padding:.125rem .25rem;border-radius:.25rem;transition:all .2s;display:inline-block}.transcript-timestamp:hover{background:#dbeafe;color:#2563eb;transform:translateY(-1px)}.sidebar-playbook{margin-top:.5rem;display:flex;flex-direction:column;gap:.375rem}.sidebar-checklist-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;font-size:.8125rem;cursor:pointer;transition:all .2s}.sidebar-checklist-item.completed{background:#d1fae5}.sidebar-checklist-item.incomplete{background:#fee2e2}.sidebar-checklist-item:hover{opacity:.8}.checkbox-compact{font-size:1rem;font-weight:700}.sidebar-checklist-item.completed .checkbox-compact{color:#10b981}.sidebar-checklist-item.incomplete .checkbox-compact{color:#ef4444}.checklist-label-compact{text-transform:capitalize;flex:1}.sidebar-section-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.qualification-badge{display:inline-block;padding:.375rem .75rem;border-radius:.25rem;font-size:.8125rem;font-weight:600;text-transform:capitalize;margin-bottom:.5rem}.qualification-badge.status-qualified{background:#d1fae5;color:#065f46}.qualification-badge.status-unqualified{background:#fee2e2;color:#991b1b}.sidebar-reason{font-size:.8125rem;color:#4b5563;line-height:1.4}.quality-badge{display:inline-block;padding:.375rem .75rem;border-radius:.25rem;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.quality-badge.excellent{background:#d1fae5;color:#065f46}.coaching-compact{font-size:.8125rem;color:#4b5563}.coaching-compact ul{margin:.5rem 0 0;padding-left:1.25rem}.coaching-compact li{margin-bottom:.25rem}.sidebar-summary{font-size:.8125rem;color:#4b5563;line-height:1.5;margin:0}.sidebar-qual-quality-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sidebar-qual-column{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 1024px){.calls-sidebar{width:350px}.main-content.sidebar-open{margin-right:350px}}@media (max-width: 768px){.calls-sidebar{width:100%}.main-content.sidebar-open{margin-right:0}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.sidebar-stats-grid,.sidebar-qual-quality-row{grid-template-columns:1fr}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box{background:#fff;border-radius:.75rem;padding:3rem 2.5rem;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-title{margin:0 0 .25rem;text-align:center;color:#111827;font-size:2rem;font-weight:700}.login-subtitle{margin:0 0 2rem;text-align:center;color:#6b7280;font-size:1.125rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.875rem;font-weight:600;color:#374151}.login-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s}.login-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-input:disabled{background:#f9fafb;cursor:not-allowed}.login-error{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:.5rem;font-size:.875rem;border:1px solid #fecaca;text-align:center}.login-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea66}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.department-selector{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#111827;font-size:.875rem;cursor:pointer;transition:all .2s;font-weight:500;margin-left:1rem}.department-selector:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.department-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.kpi-performance-row{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;margin-bottom:.75rem}.kpi-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.performance-chart{min-width:0}.charts-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.kpi-card.warning{border:2px solid #f59e0b}.kpi-card.warning .kpi-value{color:#f59e0b}.metric-card.full-width{grid-column:1 / -1}.objection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.objection-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:all .2s}.objection-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.objection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.objection-header h4{margin:0;font-size:.9rem;text-transform:capitalize;color:#111827}.objection-count{background:#3b82f6;color:#fff;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600}.objection-success{font-size:.8rem;color:#6b7280;margin-bottom:.4rem}.objection-success strong{color:#10b981;font-size:.9rem}.top-rebuttals{margin-top:.5rem}.rebuttal-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:.5rem}.rebuttal-item{background:#fff;border-left:3px solid #10b981;padding:.4rem;border-radius:.25rem;margin-bottom:.4rem}.rebuttal-text{font-size:.75rem;color:#111827;margin-bottom:.2rem;line-height:1.3}.rebuttal-stats{font-size:.7rem;color:#6b7280;font-weight:500}.coaching-table{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.coaching-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.coaching-row .agent-name{font-weight:600;color:#111827;font-size:.9375rem}.coaching-stats{font-size:.8125rem;color:#6b7280}.follow-up-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.follow-up-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem .75rem;text-align:center;transition:all .2s}.follow-up-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.follow-up-card.high{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.follow-up-card.medium{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.follow-up-card.low{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca)}.follow-up-label{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.4rem}.follow-up-value{font-size:2rem;font-weight:700;color:#111827}.sentiment-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.sentiment-card{background:#f9fafb;border-radius:.5rem;padding:1rem .75rem;text-align:center;border:2px solid transparent;transition:all .2s}.sentiment-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.sentiment-card.positive{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.sentiment-card.neutral{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.sentiment-card.negative{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca)}.sentiment-label{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.4rem}.sentiment-value{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.2rem}.sentiment-detail{font-size:.75rem;color:#6b7280}.revenue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.revenue-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.875rem .75rem;text-align:center;transition:all .2s}.revenue-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.revenue-label{font-size:.8rem;color:#6b7280;font-weight:500;margin-bottom:.4rem}.revenue-value{font-size:1.5rem;font-weight:700;color:#111827}.referral-summary{background:#f9fafb;border-radius:.5rem;padding:1.25rem;margin-bottom:1rem;text-align:center}.referral-stat{font-size:1.125rem;color:#111827;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.referral-stat strong{font-size:2rem;color:#8b5cf6}.referral-rate{font-size:.9375rem;color:#6b7280}.referral-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.referral-section h4{margin:0 0 .75rem;font-size:1rem;color:#111827}.referral-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem;color:#111827}.referral-count{background:#8b5cf6;color:#fff;padding:.25rem .625rem;border-radius:1rem;font-weight:600;font-size:.75rem}.agents-leaderboard{display:flex;flex-direction:column;gap:.4rem}.agents-header{display:grid;grid-template-columns:50px 2fr 90px 110px 110px 90px 90px;gap:.75rem;padding:.6rem .75rem;background:#f9fafb;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.agent-row{display:grid;grid-template-columns:50px 2fr 90px 110px 110px 90px 90px;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;transition:all .2s}.agent-row:hover{box-shadow:0 4px 6px #0000001a;transform:translate(4px)}.agent-row .agent-rank{text-align:center;font-size:1rem;font-weight:700;color:#6b7280}.agent-row .agent-name{font-weight:600;color:#111827;font-size:.875rem}.agent-row .agent-calls{text-align:center;font-size:.9rem;font-weight:600;color:#111827}.agent-row .agent-metric{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:#111827}.agent-row .agent-coaching,.agent-row .agent-excellence{text-align:center}.progress-mini{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-mini .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.badge.success{background:#d1fae5;color:#065f46}.badge.warning,.badge.star{background:#fef3c7;color:#92400e}.calls-table .table-header,.calls-table .table-row{grid-template-columns:1.5fr 1fr .8fr 1.2fr .8fr .6fr 1fr 1.2fr 1fr .8fr 1fr;gap:.75rem;align-items:center}.call-type-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.call-type-badge.sales{background:#d1fae5;color:#065f46}.call-type-badge.termite-setting{background:#fef3c7;color:#92400e}.call-type-badge.customer-service{background:#dbeafe;color:#1e40af}.call-type-badge.technician-coordination{background:#e0e7ff;color:#3730a3}.call-type-badge.voicemail{background:#f3f4f6;color:#4b5563}.call-type-badge.abandoned{background:#fee2e2;color:#991b1b}.lead-status-qualified{color:#10b981;font-weight:600}.lead-status-unqualified{color:#ef4444;font-weight:600}.lead-status-partially-qualified{color:#f59e0b;font-weight:600}.disposition-sold-plan{background:#d1fae5;color:#065f46}.disposition-booked-inspection{background:#dbeafe;color:#1e40af}.disposition-qualified-unclosed{background:#fef3c7;color:#92400e}.disposition-referred-out{background:#e0e7ff;color:#3730a3}.playbook-score-container{display:flex;flex-direction:column;gap:.25rem;align-items:center}.playbook-score-text{font-size:.875rem;font-weight:600}.playbook-score-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.playbook-score-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.sidebar-detail-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.sidebar-detail-badges .badge{font-size:.75rem}.badge.department{background:#e0e7ff;color:#3730a3}.badge.department.inside_sales{background:#d1fae5;color:#065f46}.badge.department.setter_team{background:#fef3c7;color:#92400e}.sidebar-stats-grid-4x2{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.sidebar-checklist-item.three-state{cursor:pointer;transition:all .2s}.sidebar-checklist-item.three-state.completed{background:#d1fae5}.sidebar-checklist-item.three-state.incomplete{background:#fee2e2}.sidebar-checklist-item.three-state.na{background:#f3f4f6}.sidebar-checklist-item.three-state:hover{opacity:.8;transform:translate(2px)}.checkbox-green{color:#10b981;font-size:1rem;font-weight:700}.checkbox-red{color:#ef4444;font-size:1rem;font-weight:700}.checkbox-gray{color:#9ca3af;font-size:1rem;font-weight:700}.playbook-score-badge{margin-left:auto;background:#3b82f6;color:#fff;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.playbook-missed{background:#fee2e2;border-left:3px solid #ef4444;padding:.75rem;border-radius:.375rem;margin-top:.75rem}.playbook-missed strong{color:#991b1b;display:block;margin-bottom:.5rem}.playbook-missed ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#111827}.playbook-strong{background:#d1fae5;border-left:3px solid #10b981;padding:.75rem;border-radius:.375rem;margin-top:.75rem}.playbook-strong strong{color:#065f46;display:block;margin-bottom:.5rem}.playbook-strong ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#111827}.objection-timeline{margin-top:.75rem;display:flex;flex-direction:column;gap:1rem}.objection-group{display:flex;flex-direction:column;gap:.5rem}.objection-item{display:flex;gap:.75rem;align-items:start}.objection-icon{font-size:1.25rem;flex-shrink:0}.objection-content{flex:1;background:#fee2e2;border-left:3px solid #ef4444;padding:.75rem;border-radius:.375rem}.objection-header{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.objection-time{font-size:.75rem;color:#6b7280;font-weight:600;font-family:Courier New,monospace}.objection-type{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize;background:#ef4444;color:#fff}.objection-text{font-size:.875rem;color:#111827;font-style:italic;line-height:1.4}.rebuttal-item{display:flex;gap:.75rem;margin-left:2rem;align-items:start}.rebuttal-connector{font-size:1.25rem;color:#6b7280;flex-shrink:0}.rebuttal-content{flex:1;background:#fff;border-left:3px solid #9ca3af;padding:.625rem;border-radius:.375rem}.rebuttal-header{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.rebuttal-time{font-size:.75rem;color:#6b7280;font-weight:600;font-family:Courier New,monospace}.rebuttal-effectiveness{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.rebuttal-effectiveness.effective{background:#d1fae5;color:#065f46}.rebuttal-effectiveness.not-effective{background:#fee2e2;color:#991b1b}.rebuttal-text{font-size:.8125rem;color:#111827;line-height:1.4}.section-title{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.75rem}.qual-details{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.qual-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem;background:#f9fafb;border-radius:.375rem;font-size:.8125rem}.qual-value{font-weight:600}.qual-value.yes{color:#10b981}.qual-value.no{color:#ef4444}.unclosed-box{background:#fef3c7;border:2px solid #f59e0b;border-radius:.5rem;padding:1rem;margin-top:.75rem}.unclosed-box h5{margin:0 0 .5rem;color:#92400e;font-size:.875rem}.unclosed-reason{padding:.5rem;background:#fff;border-radius:.375rem;font-weight:600;text-transform:capitalize;margin-bottom:.5rem;font-size:.875rem;color:#111827}.detailed-reasons{margin:.5rem 0;padding-left:1.25rem;font-size:.8125rem}.follow-up-potential{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem}.potential-badge{padding:.25rem .625rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:capitalize}.potential-badge.high{background:#10b981;color:#fff}.potential-badge.medium{background:#f59e0b;color:#fff}.potential-badge.low{background:#ef4444;color:#fff}.recommended-action{margin-top:.5rem;padding:.5rem;background:#fff;border-radius:.375rem;font-size:.8125rem}.sold-details{background:#d1fae5;border:2px solid #10b981;border-radius:.5rem;padding:1rem;margin-top:.75rem}.sold-details h5{margin:0 0 .5rem;color:#065f46;font-size:.875rem}.service-types{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.service-chip{padding:.25rem .625rem;background:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#111827}.contract-value{font-size:.875rem;margin-bottom:.375rem}.appointment-info{font-size:.875rem;color:#111827}.referral-box{background:#e0e7ff;border:2px solid #6366f1;border-radius:.5rem;padding:1rem;margin-top:.75rem}.referral-box h5{margin:0 0 .5rem;color:#3730a3;font-size:.875rem}.referral-company{font-weight:600;font-size:.9375rem;margin-bottom:.375rem}.referral-reason{font-size:.8125rem;color:#4b5563}.cs-details,.tech-details,.vm-details{display:flex;flex-direction:column;gap:.5rem}.cs-item,.tech-item,.vm-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem;background:#f9fafb;border-radius:.375rem;font-size:.8125rem}.cs-value,.tech-value,.vm-value{font-weight:600}.cs-notes,.tech-action{margin-top:.5rem;padding:.625rem;background:#f9fafb;border-radius:.375rem;font-size:.8125rem}.cs-notes strong,.tech-action strong{display:block;margin-bottom:.375rem;color:#111827}.extracted-data{display:grid;gap:.625rem;margin-top:.5rem}.extracted-item{display:flex;justify-content:space-between;align-items:start;padding:.625rem;background:#f9fafb;border-radius:.375rem;font-size:.8125rem;gap:.5rem}.extracted-item.full-width{flex-direction:column}.pest-chips,.phrase-chips,.competitor-chips{display:flex;flex-wrap:wrap;gap:.375rem}.pest-chip,.phrase-chip,.competitor-chip{padding:.25rem .625rem;background:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500}.conv-analytics{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.analytics-item{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}.talk-time-bar{position:relative;height:24px;background:#e5e7eb;border-radius:.375rem;overflow:hidden}.talk-time-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease}.talk-time-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;color:#fff;font-size:.75rem}.urgency-badge{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:capitalize}.urgency-badge.high{background:#ef4444;color:#fff}.urgency-badge.medium{background:#f59e0b;color:#fff}.urgency-badge.low,.urgency-badge.none{background:#9ca3af;color:#fff}.quality-metrics{margin-top:.5rem;display:flex;flex-direction:column;gap:1rem}.coaching-section,.excellence-section,.compliance-section{padding:.75rem;border-radius:.375rem}.coaching-section{background:#fef3c7;border-left:3px solid #f59e0b}.coaching-section h5{color:#92400e;margin:0 0 .5rem;font-size:.875rem}.excellence-section{background:#d1fae5;border-left:3px solid #10b981}.excellence-section h5{color:#065f46;margin:0 0 .5rem;font-size:.875rem}.compliance-section{background:#fee2e2;border-left:3px solid #ef4444}.compliance-section h5{color:#991b1b;margin:0 0 .5rem;font-size:.875rem}.coaching-section ul,.excellence-section ul,.compliance-section ul{margin:0;padding-left:1.25rem;font-size:.8125rem}.compliance-flag{color:#991b1b;font-weight:600}.summary-content{display:flex;flex-direction:column;gap:.75rem}.summary-one-line{font-weight:600;font-size:.9375rem;color:#111827;line-height:1.4}.summary-detailed details,.summary-internal details{cursor:pointer}.summary-detailed summary,.summary-internal summary{font-weight:600;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.summary-detailed p,.summary-internal p{margin:.5rem 0 0;font-size:.8125rem;color:#4b5563;line-height:1.5}.summary-next-action{background:#dbeafe;border-left:3px solid #3b82f6;padding:.75rem;border-radius:.375rem}.summary-next-action strong{display:block;color:#1e40af;margin-bottom:.375rem;font-size:.875rem}.summary-next-action p{margin:0;font-size:.8125rem;color:#111827;line-height:1.4}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-performance-row{grid-template-columns:1fr}.kpi-grid-compact{grid-template-columns:repeat(3,1fr)}.charts-row-three,.objection-grid,.follow-up-grid,.sentiment-impact-grid,.revenue-grid,.referral-details{grid-template-columns:1fr}.agents-header,.agent-row{grid-template-columns:40px 1fr 80px;gap:.5rem}.agents-header div:nth-child(n+4),.agent-row>div:nth-child(n+4){display:none}}@media (max-width: 768px){.kpi-grid,.charts-row,.sidebar-stats-grid-4x2,.qual-details{grid-template-columns:1fr}}