/* Cabinet typography and surfaces are scoped; the approved homepage is unchanged. */
body.sg-cab-active{--sc-text:#28252a;--sc-muted:#7b7076;--sc-accent:#83596b;--sc-surface:linear-gradient(125deg,#ffffffa6,#ffffff44);--sc-border:#ffffffeb;--sc-shadow:inset 0 1px 1px #fff,0 8px 24px #49333d08}
body.sg-cab-active .app{padding-top:22px!important}
body.sg-cab-active .sg-header{margin-bottom:23px}
.sc-cabinet{color:var(--sc-text);position:relative}
.sc-cabinet svg{width:23px;height:23px;stroke-width:1.5;flex:none}
.sc-personal{position:relative;border:1px solid #fffffff0;border-radius:28px;padding:23px 22px 19px;background:linear-gradient(135deg,#fff,#f2e9edaa);color:#2d292e;box-shadow:inset 0 1px 1px #fff,0 10px 30px #35282d08;overflow:hidden}
.sc-personal-top{display:flex;align-items:center;gap:12px;margin-bottom:29px}
.sc-avatar{width:49px;height:49px;flex:none;display:grid;place-items:center;background:#b78b9e17;border:1.5px solid #ab7c90;border-radius:50%;overflow:hidden;padding:0;color:#895b6d}
.sc-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sc-status{display:flex;align-items:center;gap:7px;color:#765563;font-size:12px}
.sc-status i{width:6px;height:6px;border-radius:50%;background:#a17287}
.sc-profile-link{margin-left:auto;background:#ffffff80;border:1px solid #fff;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;padding:7px;color:#806474}
.sc-profile-link svg{width:17px;height:17px}
body.sg-cab-active .sc-eyebrow{font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase;color:#88717c;margin:0 0 10px}
body.sg-cab-active .sc-personal h1{color:#2d292e!important;margin:0!important;font-size:25px!important;line-height:1.3!important;font-weight:600!important}
body.sg-cab-active .sc-welcome{color:#796b73;margin:14px 0 25px;max-width:340px}
.sc-personal-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a785971f;padding-top:15px;font-size:11px;color:#8a747f}
.sc-personal-bottom strong{font-size:12px;font-weight:500;color:#705260;letter-spacing:.06em}.sc-personal-bottom strong span{opacity:.6}
.sc-section{margin-top:27px}
.sc-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 3px 13px}
body.sg-cab-active .sc-section h2{margin:0;color:var(--sc-text)}
.sc-text-link{display:flex;align-items:center;gap:5px;color:var(--sc-muted);padding:6px 0;background:none;font-size:10px!important;white-space:nowrap}
.sc-text-link svg{width:14px;height:14px}
.sc-glass{border:1px solid var(--sc-border);background:var(--sc-surface);box-shadow:var(--sc-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;color:var(--sc-text)}
.sc-learning{padding:21px}
.sc-learning-label{display:flex;align-items:center;gap:9px;color:var(--sc-accent);font-size:11px;margin-bottom:15px}.sc-learning-label svg{width:21px;height:21px}
body.sg-cab-active .sc-learning h3{margin:0 0 9px;font-size:18px!important;font-weight:500!important}
body.sg-cab-active .sc-learning p{margin:0;color:var(--sc-muted)}
.sc-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff70;border-radius:28px;padding:13px 15px;min-height:48px;margin-top:22px;background:linear-gradient(120deg,#303136,#27292e);box-shadow:inset 0 1px 0 #ffffff22;color:#fff;font-weight:500}.sc-primary svg{width:18px;height:18px}
.sc-progress-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--sc-muted);margin:18px 0 9px}.sc-progress-caption strong{color:var(--sc-accent);font-weight:500}
.sc-progress-track{height:5px;background:#ac7c901a;border-radius:10px;overflow:hidden}.sc-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#bd94a6,#83566b);border-radius:inherit}
.sc-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-result{padding:19px 16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sc-result>svg{color:var(--sc-accent);margin-bottom:18px;width:25px;height:25px}
body.sg-cab-active .sc-result h3{margin:0 0 8px;font-size:14px!important;font-weight:500!important;line-height:1.5!important}
body.sg-cab-active .sc-result p{font-size:12px!important;color:var(--sc-muted);margin:0 0 17px}
.sc-result-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;color:var(--sc-accent);font-size:11px}.sc-result-link svg{width:16px;height:16px}
.sc-tools,.sc-other-courses{display:grid;gap:12px}.sc-other-courses{margin-top:12px}
.sc-tool{display:grid;grid-template-columns:26px 1fr 16px;gap:14px;padding:19px;align-items:center;text-align:left;width:100%}.sc-tool>svg{color:var(--sc-accent)}.sc-tool strong{font-size:14px;font-weight:500;display:block}.sc-tool small{display:block;margin-top:4px;font-size:12px;color:var(--sc-muted)}.sc-tool .sc-chevron{width:16px;height:16px}
.sc-access{padding:21px}.sc-access-top{display:flex;align-items:center;gap:13px}.sc-access-top>svg{color:var(--sc-accent);width:27px;height:27px}.sc-caption{color:var(--sc-muted);font-size:11px!important}.sc-access h2{margin-top:3px!important}.sc-access p{margin:14px 0 18px;color:var(--sc-muted)}.sc-access-detail{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #a78b961f;font-size:11px;color:var(--sc-muted)}.sc-access-detail strong{color:var(--sc-text);font-weight:500}
.sc-access-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 0;background:none;border-top:1px solid #ac899926;color:var(--sc-accent)}.sc-access-button svg{width:18px;height:18px}
.sc-demo{margin:25px 5px 0;color:var(--sc-muted);font-size:11px}.sc-demo summary{cursor:pointer;padding:10px 0}.sc-demo p{font-size:11px!important;margin:10px 0}.sc-demo>div{display:flex;flex-wrap:wrap;gap:6px}.sc-demo button{border:1px solid #b18b9c55;border-radius:20px;background:transparent;color:var(--sc-muted);padding:8px 12px;font-size:11px!important}.sc-demo button[aria-pressed=true]{background:#b18b9c30}
@layer appTypography{body.sg-cab-active #view .sc-cabinet p,body.sg-cab-active #view .sc-cabinet button{font-size:13px!important;line-height:1.6!important}body.sg-cab-active #view .sc-cabinet h2{font-size:16px!important;line-height:1.4!important;font-weight:500!important}body.sg-cab-active #view .sc-cabinet h1{font-size:25px!important;line-height:1.3!important}body.sg-cab-active #view .sc-eyebrow{font-size:10px!important;letter-spacing:.1em!important}body.sg-cab-active #view .sc-result p{font-size:12px!important}body.sg-cab-active #view .sc-text-link,body.sg-cab-active #view .sc-demo p,body.sg-cab-active #view .sc-demo button,body.sg-cab-active #view .sc-caption{font-size:11px!important}}
[data-color-mode=night] body.sg-cab-active{--sc-text:#f0e9ed;--sc-muted:#bdb2b8;--sc-accent:#c8a2b0;--sc-surface:linear-gradient(125deg,#ffffff10,#ffffff04);--sc-border:#ffffff2b;--sc-shadow:inset 0 1px 1px #ffffff1c,0 8px 18px #0000000d}
[data-color-mode=night] .sc-personal{background:linear-gradient(130deg,#f5f0f2f5,#eadde4e8);box-shadow:inset 0 1px 1px #fff,0 10px 30px #0000000d;border-color:#ffffffa0}
[data-color-mode=night] .sc-primary{background:linear-gradient(120deg,#ffffff20,#ffffff0b);border-color:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:359px){.sc-personal{padding:20px 17px}.sc-section-head{align-items:flex-start}.sc-results{gap:9px}.sc-result{padding:17px 12px}.sc-tool{padding:16px;gap:10px}.sc-learning{padding:18px}.sc-text-link{white-space:normal;text-align:right;max-width:100px}}

.sc-name-edit{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;max-width:100%;padding:0 0 17px;background:none;color:#74515f;text-align:left;overflow-wrap:anywhere;font-weight:500}.sc-name-edit span{font-size:10px;font-weight:400;text-decoration:underline;text-underline-offset:3px;color:#8a747f}.sc-personal-top{margin-bottom:18px}body.sg-cab-active .sc-personal h1{overflow-wrap:anywhere}.sc-results{grid-auto-rows:1fr}.sc-result{min-height:190px}

/* Compact tool cards and neutral pearl glass in night mode. */
.sc-name-edit{align-items:center;gap:9px}.sc-name-edit .sc-pencil{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.sc-result{min-height:0;padding:16px 15px;border-radius:22px}.sc-result>svg{width:23px;height:23px;margin-bottom:10px}body.sg-cab-active .sc-result h3{margin-bottom:6px}body.sg-cab-active .sc-result p{margin-bottom:12px}.sc-result-link{padding-top:4px}
.sc-result[data-action=day]{animation:sc-day-pulse 4.5s ease-in-out infinite}
@keyframes sc-day-pulse{0%,100%{box-shadow:var(--sc-shadow)}50%{box-shadow:inset 0 0 0 1px #bb8b9f55,inset 0 0 26px #b991a31a,0 5px 18px #9f748710}}
[data-color-mode=night] .sc-personal{background:linear-gradient(135deg,#f3f3f3f5,#e3e3e5ec);border-color:#ffffffa0}
@media(prefers-reduced-motion:reduce){.sc-result[data-action=day]{animation:none}}

/* Compact utility tiles: light moves through glass, the border stays still. */
.sc-results{gap:10px}
.sc-result{position:relative;isolation:isolate;overflow:hidden;padding:16px 14px;min-height:148px;border-radius:23px;justify-content:flex-start}
.sc-result>svg{width:23px;height:23px;margin-bottom:14px}
body.sg-cab-active #view .sc-result h3{font-size:13px!important;line-height:1.35!important;margin:0 0 7px;white-space:nowrap}
body.sg-cab-active #view .sc-result p{margin:0;line-height:1.5!important}
.sc-result[data-action=day]{animation:none;background:linear-gradient(125deg,#bd93a416,#ffffff66)}
.sc-result[data-action=day]::before{content:"";position:absolute;inset:-60% -80%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffffa6 50%,transparent 62%);transform:translateX(-65%);animation:sc-glass-sweep 5.5s ease-in-out infinite}
.sc-result[data-action=day]>svg{animation:sc-star-breathe 5.5s ease-in-out infinite}
[data-color-mode=night] .sc-result[data-action=day]{background:linear-gradient(125deg,#bd93a419,#ffffff05)}
[data-color-mode=night] .sc-result[data-action=day]::before{opacity:.18}
@keyframes sc-glass-sweep{0%,20%{transform:translateX(-65%);opacity:0}35%{opacity:.7}65%,100%{transform:translateX(65%);opacity:0}}
@keyframes sc-star-breathe{0%,100%{opacity:.65}45%{opacity:1}}
@media(prefers-reduced-motion:reduce){.sc-result[data-action=day]::before,.sc-result[data-action=day]>svg{animation:none}}
@layer appTypography{body.sg-cab-active #view .sc-cabinet .sc-result h3{font-size:13px!important;line-height:1.35!important}body.sg-cab-active #view .sc-cabinet .sc-result p{font-size:12px!important;line-height:1.5!important}}

.sc-section[aria-label="Рабочий трекер"]{margin-top:12px}
.sc-learning-invite{padding:18px 20px}
body.sg-cab-active .sc-learning-invite p{margin:8px 0 15px;color:var(--sc-muted)}