/* Sketsa visual refinement · self-hosted assets · replaces only shell branding, avatar and profile styles. */
/* Desktop: keep three quick-access icons, merge the empty left strip with the main sidebar. */
@media(min-width:901px){
  #wf-app .wf-sidebar{left:0;width:303px;padding-left:65px;box-sizing:border-box}
  #wf-app .kl-rail{top:0;bottom:auto;height:auto;padding:18px 6px 12px;background:transparent;border:0;box-shadow:none;gap:7px}
  #wf-app .wf-main{margin-left:303px}
}
#wf-app .kl-rail .kl-rail-mark,#wf-app .kl-rail .kl-rail-spacer{display:none!important}
/* Wordmark uses transparent PNG images, not a colored box. */
#wf-app .sk-brand-sidebar{display:flex;justify-content:center;align-items:center;min-height:78px;padding:10px 8px;gap:0;position:relative;overflow:hidden}
#wf-app .sk-brand-sidebar img{display:block;width:100%;height:auto;max-width:218px;max-height:61px;object-fit:contain;border:0;background:none;border-radius:0;box-shadow:none;filter:none}
#wf-app .sk-brand-sidebar .sk-logo-dark{display:none}
:root[data-wf-theme="dark"] #wf-app .sk-brand-sidebar .sk-logo-light{display:none}
:root[data-wf-theme="dark"] #wf-app .sk-brand-sidebar .sk-logo-dark{display:block}
#wf-app .sk-brand-sidebar .wf-hide-menu{position:absolute;right:4px;top:4px;z-index:2}
/* No duplicate account badge at bottom; keep only quota widget. */
#wf-app .wf-sidebar-foot .wf-user-chip{display:none!important}
#wf-app .wf-sidebar-foot{padding-bottom:12px}
#wf-app .wf-top-actions .wf-online-label,#wf-app .wf-top-actions .wf-live-dot{display:none!important}
/* Avatar in header: retain visible on all screen sizes and both themes. */
#wf-app .kl-profile-wrap .kl-profile-avatar{display:flex!important;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--wf-border);border-radius:50%;background:transparent!important;padding:0!important;width:38px;height:38px;min-width:38px;box-shadow:0 1px 6px rgba(10,25,45,.13);transition:box-shadow .16s ease,transform .16s ease}
#wf-app .kl-profile-wrap .kl-profile-avatar:hover,#wf-app .kl-profile-wrap .kl-profile-avatar[aria-expanded="true"]{box-shadow:0 0 0 3px rgba(70,126,189,.19);transform:translateY(-1px)}
#wf-app .kl-profile-wrap .kl-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
#wf-app .kl-profile-pop{min-width:232px;gap:9px;padding:14px;border-radius:12px}
#wf-app .sk-profile-identity{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--wf-border)}
#wf-app .sk-profile-identity>img{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;border:1px solid var(--wf-border)}
#wf-app .sk-profile-identity>div{display:flex;flex-direction:column;gap:3px;min-width:0}
#wf-app .sk-profile-identity strong,#wf-app .sk-profile-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Logout is a simple text action; emphasis appears only on hover/focus, no border or box. */
#wf-app .kl-profile-pop .kl-profile-logout{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:9px 1px;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;color:var(--wf-muted);cursor:pointer;text-decoration:none;transition:color .16s ease,transform .16s ease,text-shadow .16s ease}
#wf-app .kl-profile-pop .kl-profile-logout svg{width:17px;height:17px;fill:none;stroke:currentColor;flex:0 0 auto}
#wf-app .kl-profile-pop .kl-profile-logout:hover,#wf-app .kl-profile-pop .kl-profile-logout:focus-visible{color:var(--wf-accent);text-shadow:0 0 12px color-mix(in srgb, var(--wf-accent) 25%, transparent);transform:translateX(3px);text-decoration:underline;text-underline-offset:4px;outline:none}
/* Login / compulsory password reset: horizontal brand from same transparent S artwork. */
.sk-brand-login{display:flex!important;align-items:center;justify-content:flex-start;gap:0!important}
.sk-brand-login img{display:block!important;width:min(245px,100%)!important;height:auto!important;max-height:70px;object-fit:contain;padding:0!important;border-radius:0!important;filter:none!important;background:none!important;border:0!important;box-shadow:none!important}
.sk-auth-hero-visual .sk-brand-login{position:absolute;z-index:3;top:24px;left:25px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.sk-auth-mobile-brand.sk-brand-login{margin:0 0 14px}
@media(max-width:900px){
 #wf-app .wf-sidebar{padding-left:0}
 #wf-app .kl-rail{background:var(--wf-side);border-top:1px solid var(--wf-border);border-right:0}
 #wf-app .wf-main{margin-left:0}
}
@media(max-width:640px){
 #wf-app .kl-profile-wrap .kl-profile-avatar{display:flex!important;width:34px;height:34px;min-width:34px}
 #wf-app .kl-profile-pop{right:0;max-width:calc(100vw - 18px)}
 #wf-app .sk-brand-sidebar img{max-width:208px}
}