.sgl-call-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.sgl-call-summary article{position:relative;overflow:hidden;border-color:#69bfff;background:linear-gradient(145deg,#fdfefe,#e7f5ff);box-shadow:0 6px 0 #a8cfe8,0 12px 22px rgba(12,68,115,.14)}.sgl-call-summary article:after{content:"";position:absolute;inset:auto -15% -65% 25%;height:100%;background:radial-gradient(circle,rgba(49,190,255,.2),transparent 67%)}.sgl-call-summary article>i{position:relative;z-index:1;border:2px solid #8ce5ff;background:linear-gradient(#2dccff,#0876e8);box-shadow:0 4px 0 #034b99,0 0 16px rgba(20,175,255,.26);color:#fff}.sgl-call-summary .is-rating>i{border-color:#ffe388;background:linear-gradient(#ffd64d,#eda10a);box-shadow:0 4px 0 #995500,0 0 18px rgba(255,191,28,.3)}
.sgl-call-card{position:relative;grid-template-columns:minmax(145px,.72fr) minmax(210px,1.12fr) minmax(115px,.55fr) minmax(115px,.55fr) minmax(170px,.75fr) auto;min-height:116px;padding:15px 17px;border:2px solid #55b9ed;border-radius:21px;background:linear-gradient(105deg,#fafdff,#edf8ff);box-shadow:0 7px 0 #8fbcd7,0 15px 27px rgba(5,54,96,.16);overflow:hidden}.sgl-call-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(63,199,255,.13) 45%,transparent 65%);transform:translateX(-110%);animation:sglCallQuestShine 5s ease infinite;pointer-events:none}.sgl-call-card.is-answered{border-color:#35d28c;background:linear-gradient(105deg,#fbfffd,#e7fff2);box-shadow:0 7px 0 #82caa8,0 15px 27px rgba(8,114,64,.13)}.sgl-call-card.is-missed{border-color:#ff7588;background:linear-gradient(105deg,#fff,#fff0f2);box-shadow:0 7px 0 #dca5ad,0 15px 27px rgba(157,26,47,.12)}
.sgl-call-time>i,.sgl-call-route>i,.sgl-call-duration>i{position:relative;width:48px;height:48px;flex-basis:48px;border:2px solid #7bdcff;border-radius:15px;background:linear-gradient(#27c8ff,#0874e8);box-shadow:0 5px 0 #064996,0 0 18px rgba(34,182,255,.24);color:#fff;font-size:18px}.sgl-call-time>i:after,.sgl-call-route>i:after,.sgl-call-duration>i:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.35);border-radius:10px}.sgl-call-person>span{width:52px;height:52px;flex-basis:52px;border:3px solid #62dcff;background:radial-gradient(circle at 40% 35%,#147cb9,#072c5b);box-shadow:0 4px 0 #033b78,0 0 17px rgba(30,181,255,.28);font-size:20px}.sgl-call-card.is-answered .sgl-call-time>i{border-color:#82f2ba;background:linear-gradient(#28dc82,#08a754);box-shadow:0 5px 0 #05713a,0 0 18px rgba(26,204,111,.26)}
.sgl-call-rating{display:grid;gap:6px;min-width:0;padding:9px 11px;border:2px solid #f1c64c;border-radius:14px;background:linear-gradient(#fff9df,#ffefac);box-shadow:0 4px 0 #c78b12}.sgl-call-rating>small{color:#805700;font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.sgl-call-stars{display:flex;gap:2px;color:#c9bda0}.sgl-call-stars i.is-earned{color:#ffb900;filter:drop-shadow(0 2px 0 #a56600) drop-shadow(0 0 4px rgba(255,189,0,.45))}.sgl-call-rating>strong{color:#5f3b00;font-size:12px}.sgl-call-rating.is-pending{border-color:#a8c9df;background:linear-gradient(#f9fcff,#e7f2fa);box-shadow:0 4px 0 #adc5d5}.sgl-call-rating.is-pending>small,.sgl-call-rating.is-pending>strong{color:#587189}.sgl-call-rating.is-pending .sgl-call-stars{color:#b5c9d8}.sgl-call-state b{border:1px solid currentColor;box-shadow:0 3px 0 rgba(0,0,0,.12);font-weight:900}.sgl-call-state small{padding:4px 7px;border-radius:7px;background:rgba(8,58,103,.07);font-weight:700}
@keyframes sglCallQuestShine{0%,60%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}@media(max-width:1400px){.sgl-call-card{grid-template-columns:1fr 1.15fr 1fr 1fr}.sgl-call-rating{grid-column:auto}.sgl-call-state{justify-items:start}}@media(max-width:1120px){.sgl-call-summary{grid-template-columns:repeat(3,1fr)}.sgl-call-card{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.sgl-call-summary,.sgl-call-card{grid-template-columns:1fr}.sgl-call-rating{width:100%}}