.students-follow-selected{max-width:950px;color:#062950;display:grid;gap:22px}.sf-summary{position:relative;overflow:hidden;border-radius:19px;padding:25px;background:linear-gradient(120deg,#00234f,#073d6e);color:white;min-height:170px}.sf-summary>strong{display:block;font-size:44px;line-height:1.15}.sf-summary>b{display:block;font-size:15px;margin-top:5px}.sf-summary>p{max-width:60%;font-size:13px;line-height:1.5;margin-top:12px;color:#e1efff}.sf-summary-art{position:absolute;right:20px;top:25px;color:#67c9ff;width:37%;display:grid;justify-items:end}.sf-summary-art>.icon{width:48px;height:48px;padding:10px;border:1px solid;border-radius:50%}.sf-summary-art svg:last-child{width:100%;margin-top:4px}.sf-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sf-tabs button{font:inherit;background:white;color:#526d88;border:1px solid #e1eaf3;border-radius:13px;padding:11px;cursor:pointer}.sf-tabs b{display:block;font-size:15px;margin-top:5px}.sf-tabs [aria-pressed=true]{background:#e1f2ff;color:#007bd1;border-color:#e1f2ff}.sf-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-section h2{font-size:17px;font-weight:800;letter-spacing:-.4px}.sf-section>header>span{color:#087bc7;font-size:13px}.sf-list{background:white;border:1px solid #e3ecf3;border-radius:17px;overflow:hidden}.sf-row{display:flex;align-items:center;gap:12px;padding:18px 15px;min-height:80px}.sf-list>a+a,.sf-list>div+div{border-top:1px solid #edf1f6}.sf-person{flex:1;min-width:0}.sf-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.sf-person small{display:block;color:#71859c;font-size:12px;margin-top:4px}.sf-row>.icon{width:16px;color:#597893;flex-shrink:0}.sf-status{font-size:11px;color:#526d88;white-space:nowrap}.sf-status:before{content:'';display:inline-block;width:7px;height:7px;background:#00a771;border-radius:50%;margin-right:6px}.sf-status.inactive:before{background:#dca632}.sf-alert{display:flex;align-items:center;gap:8px;margin:0 15px 15px 65px;background:#fff1e7;color:#995323;border-radius:10px;padding:10px;font-size:12px}.sf-alert .icon{width:16px}.sf-alert .icon:last-child{margin-left:auto}.sf-empty{padding:22px 18px;color:#74879b;font-size:13px;line-height:1.6}.sf-section>.search{margin-bottom:12px;background:white}.students-follow-selected button:focus-visible{outline:3px solid #38b6ff;outline-offset:3px}@media(min-width:900px){.students-follow-selected{grid-template-columns:1fr 1fr}.sf-summary,.sf-tabs{grid-column:1/-1}}@media(max-width:600px){html[data-screen=students]:has(.students-follow-selected) .main{padding:24px 20px 105px}.students-follow-selected{gap:20px}.sf-summary{padding:22px}.sf-row{gap:9px;padding:16px 12px}.sf-person strong{font-size:13px}.sf-status{font-size:10px}}
/* Match the selected concept: compact title, immediate summary and light decoration. */
html[data-screen=students]:has(.students-follow-selected) .page-heading{position:relative;display:block;padding-right:0;margin-bottom:18px}
html[data-screen=students]:has(.students-follow-selected) .page-heading h1{font-size:30px;letter-spacing:-1px;padding-right:38px}
html[data-screen=students]:has(.students-follow-selected) .page-heading .sf-add-compact{position:absolute;right:0;top:27px;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;margin:0;border-radius:10px;background:#e2f2ff;color:#005a9e;border:0;display:grid;place-items:center}
.sf-add-compact .icon{width:20px;height:20px}
.students-follow-selected .sf-summary{padding:22px 24px;min-height:160px;border-radius:17px;background:linear-gradient(115deg,#00234f 15%,#063862 100%)}
.students-follow-selected .sf-summary>strong{font-size:42px;line-height:1}
.students-follow-selected .sf-summary>b{font-size:14px;margin-top:7px}
.students-follow-selected .sf-summary>p{max-width:57%;font-size:12px;line-height:1.45;margin-top:12px}
.students-follow-selected .sf-summary-art{width:43%;right:22px;top:21px}
.students-follow-selected .sf-summary-art>.icon{width:44px;height:44px;padding:9px}
.students-follow-selected .sf-summary-art svg:last-child{margin-top:10px}
.sf-summary-art svg:last-child path{stroke-linecap:round}
.students-follow-selected .sf-tabs button{padding:9px 6px;border-radius:11px;font-size:12px}
.students-follow-selected .sf-tabs b{font-size:13px;margin-top:3px}
@media(max-width:600px){html[data-screen=students]:has(.students-follow-selected) .main{padding:22px 20px 105px}.students-follow-selected{gap:16px}.students-follow-selected .sf-section h2{font-size:15px}.sf-empty{padding:17px 15px;font-size:12px}html[data-screen=students]:has(.students-follow-selected) .page-heading>p:last-of-type{font-size:13px}}
@media(prefers-reduced-motion:no-preference){
 .sf-summary-art>.icon{animation:sf-icon-float 5s ease-in-out infinite}
 .sf-summary-art svg:last-child{animation:sf-wave-float 6s ease-in-out infinite}
 .sf-summary-art svg:last-child path{stroke-dasharray:220;stroke-dashoffset:0;animation:sf-wave-reveal 3s ease-in-out both}
}
@keyframes sf-icon-float{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 #67c9ff00}50%{transform:translateY(-4px);box-shadow:0 0 0 7px #67c9ff0b}}
@keyframes sf-wave-float{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-4px);opacity:1}}
@keyframes sf-wave-reveal{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}
.students-follow-selected .sf-row{color:inherit;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.students-follow-selected .sf-tabs button{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sf-tabs button:disabled,.sf-section input:disabled{cursor:wait;opacity:.72}
.sf-retry{display:block;margin-top:9px;padding:0;border:0;background:transparent;color:#007bd1;font:inherit;font-weight:700;cursor:pointer}
.sf-retry:hover{text-decoration:underline}
@media(hover:hover){.students-follow-selected .sf-row:hover{background:#f2f9ff;transform:translateX(2px)}.sf-tabs button:not(:disabled):hover{background:#eef8ff;border-color:#b9dcf6;color:#006fc4;box-shadow:0 4px 12px #123e660d;transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.students-follow-selected .sf-row,.students-follow-selected .sf-tabs button{transition:none}}