.period-tabs{display:flex;gap:5px;background:#f2f4f7;padding:4px;border-radius:10px}.period-tabs button{border:0;background:transparent;color:#667085;border-radius:7px;padding:8px 14px}.period-tabs button.active{background:#fff;color:#245cff;box-shadow:0 2px 8px rgba(30,52,94,.08)}
.performance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.performance-metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.performance-metrics span,.performance-metrics b,.performance-metrics small{display:block}.performance-metrics span{font-size:12px;color:#667085}.performance-metrics b{font-size:25px;margin:9px 0 5px}.performance-metrics small{font-size:11px;color:#98a2b3}.online-value{color:#07976c}
.activity-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.6fr);gap:14px;margin:15px 0}.activity-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.work-bars{height:220px;border-bottom:1px solid #e4e8ef;display:flex;align-items:flex-end;gap:7%;padding:10px 4% 0;background:repeating-linear-gradient(to bottom,#fff 0,#fff 54px,#eef1f5 55px)}.work-bars i{height:var(--h);width:7%;min-width:24px;background:#cbd8ff;border-radius:7px 7px 0 0;position:relative}.work-bars i.today{background:#245cff}.work-bars span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:#98a2b3;white-space:nowrap}.activity-detail h3{font-size:16px;margin:0 0 11px}.activity-detail dl{margin:0}.activity-detail dl div{padding:12px 0;border-bottom:1px solid var(--line)}.activity-detail dt{font-size:12px;font-weight:650}.activity-detail dd{font-size:11px;color:#667085;margin:5px 0 0}
.team-performance{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.team-title{padding:18px;display:flex;justify-content:space-between;align-items:center}.team-title h3{font-size:16px;margin:0}.team-title p{font-size:11px;color:#98a2b3;margin:5px 0 0}.live-badge{font-size:11px;color:#07976c}.performance-row{display:grid;grid-template-columns:minmax(150px,1fr) 85px 125px 100px 100px minmax(155px,1fr);gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:12px}.performance-row>span:first-child b,.performance-row>span:first-child small{display:block}.performance-row small{color:#98a2b3;margin-top:3px}.performance-head{background:#f8fafc;color:#667085;font-size:11px}.staff-online{color:#07976c}.staff-idle{color:#b06d00}.staff-offline{color:#98a2b3}
@media(max-width:1000px){.performance-metrics{grid-template-columns:1fr 1fr}.activity-grid{grid-template-columns:1fr}.performance-table{overflow:auto}.performance-row{min-width:820px}}
@media(max-width:520px){.performance-heading{gap:12px}.performance-metrics{grid-template-columns:1fr}.period-tabs{width:100%}.period-tabs button{flex:1}.work-bars{gap:5%}}
.invitation-card,.callback-card{margin-top:16px}.callback-card code{font-size:12px;color:#344054;word-break:break-all}.empty-live{padding:28px;text-align:center;color:#98a2b3;font-size:13px}.customer-edit{cursor:pointer}.customer-edit:hover{background:#f8faff}.rule-delete{color:#d92d42!important;margin-left:10px}.search-compact{font:inherit}