.sgl-contact-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.sgl-contact-tabs button{position:relative;display:flex;align-items:center;gap:13px;min-height:82px;padding:12px 18px;border:2px solid #28689c;border-radius:18px;background:linear-gradient(145deg,#0d3156,#081e39);box-shadow:0 5px 0 #04172d,0 10px 20px rgba(3,27,56,.18);color:#cbe7ff;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,filter .18s ease}
.sgl-contact-tabs button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(69,211,255,.15) 48%,transparent 70%);transform:translateX(-110%);transition:transform .45s ease}
.sgl-contact-tabs button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.sgl-contact-tabs button:hover:before,.sgl-contact-tabs button.is-active:before{transform:translateX(110%)}
.sgl-contact-tabs button.is-active{border-color:#4ce1ff;background:linear-gradient(145deg,#1268bd,#07417b);box-shadow:0 5px 0 #022e62,0 0 22px rgba(35,195,255,.34);color:#fff}
.sgl-contact-tabs button>i{display:grid;place-items:center;flex:0 0 47px;height:47px;border:2px solid #61d7ff;border-radius:14px;background:linear-gradient(#20bffa,#0874e9);box-shadow:0 4px 0 #03448d;color:#fff;font-size:20px}
.sgl-contact-tabs button span{display:grid;gap:4px;min-width:0}.sgl-contact-tabs button strong{font-size:16px}.sgl-contact-tabs button small{color:#8eb4d2;font-size:11px}.sgl-contact-tabs button.is-active small{color:#c8edff}
.sgl-contact-tabs button>b{display:grid;place-items:center;min-width:34px;height:34px;margin-left:auto;padding:0 8px;border-radius:999px;background:#f7c440;color:#5a3700;box-shadow:0 3px 0 #9c6500;font-size:14px}
.sgl-followups-view[hidden],[data-contacts-content][hidden]{display:none!important}
.sgl-followup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sgl-followup-summary article{display:flex;align-items:center;gap:10px;min-height:72px;padding:10px 14px;border:2px solid #bcd8ee;border-radius:16px;background:#fff;box-shadow:0 5px 0 #d1e2ef}
.sgl-followup-summary article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f4ff;color:#0876e9}.sgl-followup-summary article span{display:grid;color:#56708a;font-size:11px}.sgl-followup-summary article strong{color:#061b38;font-size:24px;line-height:1.1}
.sgl-followup-summary .is-today>i{background:#e8fff7;color:#08a866}.sgl-followup-summary .is-overdue>i{background:#fff0f1;color:#df334b}.sgl-followup-summary .is-done>i{background:#eef1f5;color:#66778a}
.sgl-followup-list{display:grid;gap:13px;padding-bottom:24px}
.sgl-followup-card{display:grid;grid-template-columns:minmax(185px,.9fr) minmax(210px,1.15fr) minmax(230px,1.4fr) auto;align-items:center;gap:16px;min-height:108px;padding:14px 16px;border:2px solid #9cc9ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 6px 0 #c5dceb,0 12px 22px rgba(22,75,119,.1);animation:sglFollowupEnter .35s ease both}
.sgl-followup-card.is-overdue{border-color:#ff9daa;background:linear-gradient(145deg,#fff,#fff2f3);box-shadow:0 6px 0 #f1bec4,0 12px 22px rgba(170,35,55,.1)}
.sgl-followup-card.is-today{border-color:#67ddb0;background:linear-gradient(145deg,#fff,#edfff8);box-shadow:0 6px 0 #afe5d1,0 12px 22px rgba(15,137,89,.1)}
.sgl-followup-card.is-done{opacity:.72;filter:saturate(.55)}
.sgl-followup-date,.sgl-followup-person{display:flex;align-items:center;gap:10px}.sgl-followup-date>i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#127ce8;color:#fff;box-shadow:0 4px 0 #0752a0}.sgl-followup-card.is-overdue .sgl-followup-date>i{background:#e43d55;box-shadow:0 4px 0 #9c1a2d}.sgl-followup-card.is-today .sgl-followup-date>i{background:#12b879;box-shadow:0 4px 0 #08754e}
.sgl-followup-date span,.sgl-followup-person div{display:grid;gap:3px;min-width:0}.sgl-followup-date small,.sgl-followup-person small{color:#6a7e95;font-size:10px}.sgl-followup-date strong,.sgl-followup-person strong{color:#071b38;font-size:13px}
.sgl-followup-person>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border:3px solid #55b9ff;border-radius:50%;background:#0b4179;color:#fff;font-weight:900;font-size:18px}
.sgl-followup-detail{min-width:0}.sgl-followup-detail>span{display:flex;align-items:center;gap:6px;color:#0872d5;font-weight:800;font-size:11px}.sgl-followup-detail p{display:-webkit-box;margin:6px 0 0;color:#52677e;font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgl-followup-actions{display:grid;justify-items:end;gap:9px}.sgl-followup-actions>b{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e8f3ff;color:#0871d3;font-size:10px;text-transform:uppercase}.is-overdue .sgl-followup-actions>b{background:#ffe5e8;color:#be2038}.is-today .sgl-followup-actions>b{background:#dcfaed;color:#087c50}.is-done .sgl-followup-actions>b{background:#e8edf2;color:#536579}
.sgl-followup-actions button{min-height:38px;padding:0 12px;border:1px solid #58bfff;border-radius:11px;background:linear-gradient(#159cf4,#0870dd);box-shadow:0 3px 0 #064891;color:#fff;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap}
.sgl-followups-empty{display:grid;place-items:center;gap:8px;min-height:250px;padding:35px;border:2px dashed #76bce9;border-radius:20px;background:linear-gradient(#fafdff,#eef7ff);text-align:center;color:#5b7189}.sgl-followups-empty i{font-size:42px;color:#0a7deb}.sgl-followups-empty strong{color:#09203e;font-size:18px}.sgl-followups-empty span{max-width:580px;font-size:12px}
@keyframes sglFollowupEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.sgl-followup-card{grid-template-columns:1fr 1fr}.sgl-followup-actions{justify-items:start}.sgl-followup-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sgl-contact-tabs,.sgl-followup-summary,.sgl-followup-card{grid-template-columns:1fr}.sgl-contact-tabs button{min-height:72px}.sgl-followup-actions{justify-items:stretch}.sgl-followup-actions button{width:100%}}