.callback-workspace{max-width:1500px;margin:0 auto;color:var(--text,#193844)}
.callback-workspace .panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.callback-workspace #callbackRefresh{width:42px;height:42px;flex:none;padding:0;align-self:flex-start}
.callback-workspace .panel-head p{margin:6px 0;color:#617478;font-size:13px}
.callback-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #d6e1de;margin:18px 0}
.callback-metrics>div{display:flex;align-items:baseline;gap:12px;padding:18px 14px}
.callback-metrics strong{font-size:26px}.callback-metrics span{font-size:13px;color:#52696d}
.callback-toolbar{display:flex;align-items:end;gap:16px;margin:16px 0}.callback-toolbar label{display:grid;gap:5px;font-size:12px}.callback-toolbar label:first-child{flex:1;max-width:540px}.callback-toolbar input,.callback-toolbar select{min-height:42px;width:100%}
#callbackSync{margin-left:auto;font-size:12px;color:#5c7569}
.callback-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) auto;gap:24px;padding:22px 16px;border-bottom:1px solid #dce4e1;background:#fff}
.callback-row.callback-late{border-left:3px solid #b1413b;padding-left:13px}.callback-row h3{font-size:17px;margin:8px 0}.callback-row p{margin:8px 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.callback-row small{display:block;color:#66787c;margin-top:8px;font-size:12px}.callback-status{font-size:12px;font-weight:650;color:#335f63}.callback-status.done{color:#23764e}.callback-status.no_answer{color:#9a5214}.callback-warning{font-size:12px;color:#a33434;margin-left:8px}.callback-actions{display:flex;align-items:center}
.callback-reason{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.callback-pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:16px 0}.callback-pagination>span{margin-right:auto;font-size:13px}
.callback-detail{line-height:1.5;overflow-wrap:anywhere}.callback-contact{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.callback-contact>span{font-size:13px;color:#5e7379}.callback-detail h3{font-size:15px;margin:18px 0 6px}.callback-detail blockquote{margin:0;padding:12px 16px;border-left:3px solid #4c8a75;background:#eef5f1}.callback-detail form{margin-top:22px;border-top:1px solid #d6e1de;padding-top:20px}.callback-detail details{border-top:1px solid #d6e1de;padding:14px 0}.callback-detail summary{cursor:pointer;font-weight:650}.callback-transcript{max-height:380px;overflow:auto;overscroll-behavior:contain}.callback-transcript p{font-size:13px;border-bottom:1px solid #e3e9e7;padding:10px 0;white-space:pre-wrap}
#callbacksBadge.callback-overdue{background:#b1413b;color:#fff}
@media(max-width:850px){.callback-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.callback-row{grid-template-columns:1fr;gap:12px;padding:18px 12px}.callback-actions .btn{width:100%;justify-content:center}.callback-toolbar{flex-wrap:wrap}.callback-toolbar label:first-child{flex-basis:100%;max-width:none}.callback-toolbar label:nth-child(2){flex:1}#callbackSync{font-size:11px}.callback-metrics>div{padding:12px 8px;gap:8px}.callback-metrics strong{font-size:23px}.callback-metrics span{font-size:12px}.callback-workspace input,.callback-workspace select,.callback-detail input,.callback-detail select,.callback-detail textarea{font-size:16px}}