/* One identity card for your profile and the profiles you can view. */
.profile-identity .profile-stat{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:0}
.profile-identity .profile-stat b{color:#1457ff;font:800 22px/1 -apple-system,BlinkMacSystemFont,sans-serif}
.profile-identity .profile-stat span{color:#536787;font-size:11px;font-weight:500;letter-spacing:0}
.profile-respect-total{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;margin:0 0 12px;padding:4px 10px;border:1px solid #c7d8fa;border-radius:10px;color:#123378;background:linear-gradient(110deg,#f0f5ff,#fff);font-size:11px;line-height:1.25}
.profile-respect-total>b{color:#1457ff;font-size:16px;font-weight:850}
.profile-respect-total>svg{width:21px;height:21px;flex:none;color:#1457ff}
.respect-hand{fill:#1457ff;stroke:#103c96;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.respect-knuckles,.respect-thumb{fill:none;stroke:#fff;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.respect-thumb{fill:#1457ff}
.respect-crew-accent{fill:none;stroke:#ff5a1f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body #teacher-public-profile .public-profile-actions{grid-template-columns:48px minmax(0,1fr);align-items:stretch}
body #teacher-public-profile .profile-respect-button{position:relative;display:grid;place-items:center;min-width:48px;min-height:44px;padding:7px;border:1px solid #7da7ff;border-radius:13px;color:#1457ff;background:linear-gradient(145deg,#fff,#e8f0ff);box-shadow:inset 0 1px #fff,0 4px 12px #1457ff15;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}
body #teacher-public-profile .profile-respect-button>svg{width:28px;height:28px}
body #teacher-public-profile .profile-respect-button.is-respected{color:#fff;border-color:#ff9b66;background:linear-gradient(135deg,#ff8436,#ff5a1f);box-shadow:inset 0 1px #ffd1b7,0 5px 14px #ff5a1f28}
.profile-respect-button.is-respected .respect-hand{fill:#fff;stroke:#fff}
.profile-respect-button.is-respected .respect-knuckles,.profile-respect-button.is-respected .respect-thumb{stroke:#ff5a1f}
.profile-respect-button.is-respected .respect-thumb{fill:#fff}
.profile-respect-button.is-respected .respect-crew-accent{stroke:#103c96}
.respect-action-spark{position:absolute;top:7px;right:5px;width:5px;height:5px;border-radius:50%;background:#ff5a1f}
.is-respected .respect-action-spark{background:#fff}
.profile-respect-button:active{transform:scale(.94)}
.profile-respect-button:hover{box-shadow:0 0 0 3px #1457ff15}
.profile-respect-button:disabled{cursor:wait;opacity:.65}
body #teacher-public-profile .profile-avatar-readonly{cursor:default;flex:0 0 auto;margin:0;display:block}
body #teacher-public-profile .profile-avatar-readonly>.social-avatar{position:static;display:grid;place-items:center;width:76px;height:76px;border:4px solid #2469eb;border-radius:50%;background:#e8efff;overflow:hidden;font-size:24px;line-height:1}
.profile-avatar-readonly .social-avatar>svg{width:36px;height:36px;stroke:#1457ff;fill:none;stroke-width:1.6}
.profile-identity .my-profile-hero h1.profile-handle{margin:0;color:#1457ff;font-family:inherit;font-size:18px;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
body #teacher-public-profile .profile-connection-state{display:flex;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;border:1px solid #c7d8fa;border-radius:13px;background:#eff4ff;color:#163875;font-size:12px;font-weight:750}
body #teacher-public-profile .teacher-follow-button,body #teacher-public-profile .teacher-follow-login{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #c7d8fa;border-radius:13px;color:#1457ff;background:#eff4ff;font-size:12px;font-weight:750;text-decoration:none}
body #teacher-public-profile .teacher-follow-button.is-following{color:#123378;background:#e6edff;border-color:#9cbbff}
body #teacher-public-profile .teacher-follow-button>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
body #main-content>.public-profile-screen>.profile-page-intro{display:flex;margin:0 0 10px;padding:0;border:0;min-height:44px}
.public-profile-back{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #c7d8fa;border-radius:13px;background:#edf3ff;color:#1457ff;cursor:pointer}
.public-profile-back>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
body #teacher-public-profile .profile-media-tile{padding:0;border:0;border-radius:0;box-shadow:none;min-height:0}
.public-profile-activity{display:grid;gap:8px}
body #teacher-public-profile .public-profile-activity>button{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;width:100%;padding:13px;text-align:left;border:1px solid #c7d8fa;border-left:3px solid #1457ff;border-radius:14px;background:#f4f7ff;color:#123378}
.public-profile-activity>button>span{grid-row:span 2;align-self:center;color:#1457ff;font-size:11px;font-weight:800}
.public-profile-activity>button>strong{font-size:13px;overflow-wrap:anywhere}
.public-profile-activity>button>small{color:#667895;font-size:10px}
.public-profile-limited .profile-actions{display:flex;align-items:center;justify-content:flex-start}
@media(min-width:700px){
 .profile-identity>.profile-respect-total{grid-column:2;grid-row:2;margin-bottom:12px}
 .profile-identity>.profile-actions{grid-row:3}
 .profile-identity>.my-profile-hero{grid-row:1 / span 3}
 .profile-identity.public-profile-limited>.profile-actions{grid-column:2;grid-row:1;align-self:center}
 .profile-identity.public-profile-limited>.my-profile-hero{grid-row:1}
}
@media(max-width:420px){.profile-respect-total{margin-bottom:10px;min-height:32px}.public-profile-screen .profile-highlights{gap:20px}}
@media(prefers-reduced-motion:reduce){body #teacher-public-profile .profile-respect-button{transition:none}}
body #main-content>.profile-screen[data-screen="teacher-profile"]{background:#fff;color:#123378;font-size:16px}
body #teacher-public-profile .my-profile-stats>button{border:0;border-right:1px solid #d2def4;border-radius:0;background:none;box-shadow:none}
body #teacher-public-profile .my-profile-stats>.profile-stat:last-child{border-right:0}
body #teacher-public-profile .profile-view-tabs{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;gap:4px}
body #teacher-public-profile .profile-view-tabs>[role=tab]{border:0;border-radius:0;background:none;box-shadow:none;color:#526582}
body #teacher-public-profile .profile-view-tabs>[aria-selected=true]{color:#1457ff;background:none;box-shadow:inset 0 -3px #1457ff}
body #teacher-public-profile .profile-view-tabs>[aria-selected=true]:after{display:none}

body #teacher-public-profile .my-profile-stats>button:last-child{border-right:0}

/* Restore the CEEJAY identity from the approved profile reference.
   Presentation only: current counters, permissions and actions keep their markup. */
body #main-content>.profile-screen:is([data-screen="perfil"],[data-screen="teacher-profile"]){
 --workspace-bg:#eef3ff;
 background-color:var(--workspace-bg);
 background-image:linear-gradient(#1457ff06 1px,transparent 1px),linear-gradient(90deg,#1457ff06 1px,transparent 1px);
 background-size:34px 34px;
}
body .profile-screen .profile-identity{
 position:relative;isolation:isolate;overflow:hidden;
 padding:22px;border:1px solid #ffffffa6;border-radius:26px;color:#fff;
 background:radial-gradient(ellipse at 105% 0%,#ff783c80,transparent 48%),linear-gradient(120deg,#2d7dff,#1b5ee9 56%,#1741b8);
 box-shadow:inset 0 1px #ffffff70,0 10px 28px #1457ff20;
}
body .profile-screen .profile-identity::before{
 display:block;position:absolute;inset:0;z-index:0;content:"";pointer-events:none;
 background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);
 background-size:34px 34px;mask-image:linear-gradient(110deg,#000,#000c 62%,#0002);
}
body .profile-screen .profile-identity>*{position:relative;z-index:1}
body .profile-screen .profile-identity .my-profile-hero{gap:16px}
body .profile-screen .profile-identity .profile-handle,
body .profile-screen .profile-identity h1.profile-handle{color:#fff;font-size:14px;font-weight:750}
body .profile-screen .profile-identity .my-profile-hero h2{color:#fff;text-transform:uppercase;font-size:clamp(23px,2.8vw,32px);line-height:1.15}
body .profile-screen .profile-identity .my-profile-hero p{color:#e3edff;font-size:13px;line-height:1.45}
body .profile-screen .profile-avatar-button,
body #teacher-public-profile .profile-avatar-readonly{
 padding:4px;border:1px solid #ffd1b5;border-radius:50%;
 background:linear-gradient(135deg,#ffad78,#ffd1ad 45%,#ff783c);box-shadow:0 0 0 1px #ffffff35;
}
body .profile-screen .profile-avatar-button .social-avatar,
body #teacher-public-profile .profile-avatar-readonly>.social-avatar{
 width:88px;height:88px;border:4px solid #2165ec;background:#0f47b6;color:#fff;
}
body .profile-screen .profile-avatar-button>span:last-child{border-color:#2468eb;background:var(--orange);color:#fff}
body #teacher-public-profile .profile-avatar-readonly .social-avatar>svg{stroke:#fff}
body .profile-screen .profile-identity .teacher-student-label{color:#d8e5ff}
body .profile-screen .profile-identity button.teacher-role-trigger{box-shadow:inset 0 0 0 1px #ffffff45;background:#ffffff16}
body .profile-screen .profile-identity button.teacher-role-trigger:hover{background:#ffffff30}
body .profile-screen .profile-identity .my-profile-stats{margin-bottom:10px}
body .profile-screen .profile-identity .my-profile-stats>:is(button,.profile-stat){
 min-height:52px;border:0;border-right:1px solid #ffffff40;background:transparent;box-shadow:none;color:#fff;
}
body .profile-screen .profile-identity .my-profile-stats>:last-child{border-right:0}
body .profile-screen .profile-identity .my-profile-stats b{color:#fff;font-size:25px}
body .profile-screen .profile-identity .my-profile-stats span{color:#e3edff;font-size:11px}
body .profile-screen .profile-identity .my-profile-stats>button:hover{background:#ffffff12;border-radius:10px}
body .profile-screen .profile-identity>.profile-respect-total{
 min-height:32px;margin-bottom:12px;border:1px solid #ffffff45;border-radius:12px;
 color:#e3edff;background:linear-gradient(120deg,#ffffff17,#ffffff06);box-shadow:inset 0 1px #ffffff14;
}
body .profile-screen .profile-identity>.profile-respect-total>b{color:#fff}
body .profile-screen .profile-identity .profile-respect-total .respect-hand,
body #teacher-public-profile .profile-respect-button .respect-hand{fill:#fff;stroke:#0b3ca7}
body .profile-screen .profile-identity .profile-respect-total .respect-knuckles,
body .profile-screen .profile-identity .profile-respect-total .respect-thumb,
body #teacher-public-profile .profile-respect-button .respect-knuckles,
body #teacher-public-profile .profile-respect-button .respect-thumb{stroke:#1457ff}
body .profile-screen .profile-identity .profile-respect-total .respect-thumb,
body #teacher-public-profile .profile-respect-button .respect-thumb{fill:#fff}
body .profile-screen .profile-identity .profile-actions{gap:9px}
body .profile-screen .profile-identity .profile-edit-button,
body #teacher-public-profile :is(.teacher-follow-button,.teacher-follow-login,.profile-connection-state,.profile-respect-button){
 min-height:44px;border:1px solid #ffffff80;border-radius:14px;color:#fff;
 background:linear-gradient(140deg,#ffffff28,#ffffff10);box-shadow:inset 0 1px #ffffff50,0 4px 12px #082b881a;
}
body .profile-screen .profile-identity .profile-publish-button,
body #teacher-public-profile .profile-respect-button.is-respected{
 min-height:44px;border:1px solid #ffc29f;border-radius:14px;color:#fff;
 background:linear-gradient(135deg,#ff965b,#ff5a1f 65%,#ee4b22);box-shadow:inset 0 1px #ffe0ca,0 4px 14px #09288025;
}
body #teacher-public-profile .profile-respect-button.is-respected :is(.respect-knuckles,.respect-thumb){stroke:#ff5a1f}
body .profile-screen .profile-identity .profile-highlights{gap:23px;margin-top:16px}
body .profile-screen .profile-identity .profile-highlights>button{color:#e3edff;font-size:11px;gap:6px}
body .profile-screen .profile-identity .profile-highlight-mark{
 width:46px;height:46px;color:#fff;border:1px solid #ffffff8c;border-radius:50%;
 background:linear-gradient(135deg,#ffffff25,#ffffff0b);box-shadow:inset 0 1px #ffffff65;
}
body .profile-screen .profile-identity .profile-highlight-orange{background:linear-gradient(145deg,#ff985799,#ff5a1f);border-color:#ffd3b0}
body #main-content .profile-screen .profile-view-tabs{
 gap:4px;margin:16px 0 10px;padding:5px;border:1px solid #fff;border-radius:18px;
 background:#e0eaffb3;box-shadow:inset 0 1px #fff,0 4px 12px #1457ff0a;
}
body #main-content .profile-screen .profile-view-tabs>[role=tab]{
 min-height:44px;border:0;border-radius:13px;color:#526b94;background:transparent;box-shadow:none;
}
body #main-content .profile-screen .profile-view-tabs>[aria-selected=true]{
 color:#fff;background:linear-gradient(125deg,#327bff,#1457e2);box-shadow:inset 0 1px #ffffff65,0 4px 12px #1457ff22;
}
body #main-content .profile-screen .profile-view-tabs>[aria-selected=true]::after{
 display:block;position:absolute;content:"";bottom:3px;width:23px;height:3px;border-radius:10px;background:var(--orange);
}
body .profile-screen .profile-media-grid{border-radius:17px;gap:4px}
@media(min-width:700px){
 body .profile-screen .profile-identity{padding:26px;gap:0 24px}
 body .profile-screen .profile-avatar-button .social-avatar,
 body #teacher-public-profile .profile-avatar-readonly>.social-avatar{width:104px;height:104px}
}
@media(max-width:420px){
 body .profile-screen .profile-identity{padding:18px 16px;border-radius:24px}
 body .profile-screen .profile-identity .my-profile-hero{gap:13px}
 body .profile-screen .profile-avatar-button .social-avatar,
 body #teacher-public-profile .profile-avatar-readonly>.social-avatar{width:76px;height:76px}
 body .profile-screen .profile-identity .my-profile-hero h2{font-size:23px}
 body .profile-screen .profile-identity .profile-handle{font-size:12px}
 body .profile-screen .profile-identity .my-profile-hero p{font-size:12px}
}