/* Shared isiaja web shell. Explore and Akun deliberately use one geometry. */
:root{
  --web-shell-gap:6px;
  --web-shell-top:44px;
  --web-shell-rail:45px;
  --web-shell-side:220px;
  --web-shell-panel:#f9fafc;
  --web-shell-blue:#545cf6;
  --web-shell-ink:#141413;
  --web-shell-line:#e5e6ea;
}

body.dash{margin:0}

.app--web,.account-dashboard--web{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--web-shell-gap)!important;
  width:100%!important;
  height:100svh!important;
  min-height:100svh!important;
  padding:6px!important;
  overflow:hidden!important;
  background:#eeeff3!important;
}

.webtop,.dwebtop{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr) minmax(286px,auto)!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:var(--web-shell-top)!important;
  height:var(--web-shell-top)!important;
  padding:3px 0!important;
  border-radius:200px!important;
  flex:0 0 var(--web-shell-top)!important;
}

.webbrand,.dwebbrand{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:200px!important;
  padding:0 6px!important;
  color:#000!important;
  text-decoration:none!important;
}
.webbrand__logo,.dwebbrand__logo{display:grid!important;place-items:center!important;width:27px!important;height:36px!important;flex:0 0 27px!important}
.webbrand__logo img,.dwebbrand__logo img{width:27px!important;height:36px!important;object-fit:contain!important;padding:0!important;border-radius:0!important;background:transparent!important;filter:none!important}
.webbrand__word,.dwebbrand__word{font-family:"GC MOX",sans-serif!important;font-size:27px!important;line-height:1!important;letter-spacing:.3px!important;white-space:nowrap!important;transform:translateY(1px)!important}

.webnav,.dwebnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.webnav::-webkit-scrollbar,.dwebnav::-webkit-scrollbar{display:none!important}
.webnav__link,.dwebnav__link{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:37px!important;
  padding:0 16px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:var(--web-shell-blue)!important;
  color:#fff!important;
  font-family:"GC Molecule","Xenon Nue",sans-serif!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  isolation:isolate!important;
  transition:color .22s ease,transform .16s ease,box-shadow .2s ease!important;
}
.webnav__link::before,.dwebnav__link::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:#fff!important;
  transform:translateY(110%)!important;
  transition:transform .38s cubic-bezier(.22,1,.36,1)!important;
}
.webnav__link:hover,.dwebnav__link:hover,.webnav__link.is-active,.dwebnav__link.is-active{
  color:var(--web-shell-ink)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 20px -17px rgba(20,20,19,.55)!important;
}
.webnav__link:hover::before,.dwebnav__link:hover::before,.webnav__link.is-active::before,.dwebnav__link.is-active::before{transform:translateY(0)!important}
.webnav__link:active,.dwebnav__link:active{transform:scale(.97)!important}

.webactions,.dwebactions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.webdownload,.dwebdownload{height:37px!important;padding:0 16px!important;border-radius:999px!important;font-size:16px!important;font-weight:600!important}
.webbell,.dwebactions .dbell{width:38px!important;height:37px!important;padding:0!important;border-radius:999px!important}
.webuser,.dwebactions .duser{display:flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto!important;text-decoration:none!important}
.webuser__name,.dwebactions .duser__name{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:37px!important;
  min-width:84px!important;
  max-width:150px!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  padding:0 22px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--web-shell-blue)!important;
  color:#fff!important;
  font-family:"GC Molecule","Xenon Nue",sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.account-dashboard--web.is-guest .dwebactions .duser__av{display:grid!important}
.webuser__avatar,.dwebactions .duser__av{
  display:grid!important;
  place-items:center!important;
  width:37px!important;
  height:37px!important;
  flex:0 0 37px!important;
  margin-left:0!important;
  overflow:hidden!important;
  border:1px solid var(--web-shell-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--web-shell-blue)!important;
  font-family:"GC Molecule","Xenon Nue",sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
}
.webuser__avatar img,.duser__av img{width:100%!important;height:100%!important;object-fit:cover!important}
.webuser__avatar.is-guest-arrow span{font-size:18px!important;line-height:1!important;transform:translateY(-1px)!important}

.web-workspace,.dworkspace{
  display:flex!important;
  align-items:stretch!important;
  gap:var(--web-shell-gap)!important;
  width:100%!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.web-rail,.drail{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:var(--web-shell-rail)!important;
  height:100%!important;
  flex:0 0 var(--web-shell-rail)!important;
  padding:10px 0!important;
  border-radius:32px!important;
  background:transparent!important;
}
.web-rail__nav,.drail__nav{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important}
.web-rail__item,.drail__item{display:grid!important;justify-items:center!important;gap:6px!important;width:100%!important;color:#000!important;font-family:"Xenon Nue",sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:normal!important;text-decoration:none!important;text-align:center!important}
.web-rail__ico,.drail__ico{display:grid!important;width:36px!important;height:36px!important;place-items:center!important;border:1px solid #e6e6e5!important;border-radius:22px!important;background:rgba(255,255,255,.72)!important;color:#141413!important;opacity:1!important;visibility:visible!important}
.web-rail__ico .ico-glyph,.drail__ico span{display:block!important;width:20px!important;height:20px!important;background:currentColor!important}
.web-rail__item.is-active,.drail__item.is-active{font-weight:600!important}
.web-rail__item.is-active .web-rail__ico,.drail__item.is-active .drail__ico{border-color:#141413!important;background:#141413!important;color:#fff!important}
.web-rail__bottom,.drail__bottom{display:grid!important;justify-items:center!important;width:36px!important;min-height:36px!important;overflow:hidden!important;border:1px solid #e6e6e5!important;border-radius:999px!important}
.web-rail__bottom .web-rail__ico,.drail__bottom .drail__ico{border:0!important}
.account-dashboard--web.is-guest .drail [data-auth-only],
.account-dashboard--web.is-guest .drail__bottom[data-auth-only],
.account-dashboard--web.is-guest #d-logout{display:none!important}

.app--web .sidebar,.account-dashboard--web .dside{width:var(--web-shell-side)!important;height:100%!important;flex:0 0 var(--web-shell-side)!important;align-self:stretch!important;min-width:0!important}
.app--web .side-nav,.account-dashboard--web .dnav{width:100%!important;height:100%!important;padding:10px!important;overflow:hidden!important;border-radius:32px!important;background:var(--web-shell-panel)!important}
.app--web .side-inner,.account-dashboard--web .dnav__inner{padding:2px!important;gap:10px!important}

.app--web .rightcol,.account-dashboard--web .dright{height:100%!important;min-height:0!important;align-self:stretch!important;flex:1 1 auto!important;gap:0!important;overflow:hidden!important}
.app--web .rightbody,.account-dashboard--web .dmain{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:36px!important;background:var(--web-shell-panel)!important}
.account-dashboard--web .dscroll{height:100%!important;padding:6px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important}
.account-dashboard--web .dscroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.account-dashboard--web .dsec{padding:20px 24px 34px!important}

/* Figma provider and filter rows use their own rounded containers. */
.app--web .oprow,.app--web .toolbar{
  min-height:54px!important;
  padding:8px 10px!important;
  border:.5px solid var(--web-shell-line)!important;
  border-radius:999px!important;
  background:#fcfcfd!important;
}
.app--web .opfilters{gap:10px!important}
.app--web .op{height:38px!important;padding:0 17px 0 7px!important;border-color:rgba(48,48,46,.12)!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.9)!important}
.app--web .op__logo{width:24px!important;height:24px!important}

/* Favorite is a filled star, not a ring around a dim icon. */
.card__star{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border:0!important;border-radius:50%!important;box-shadow:none!important;color:#c7c9d0!important;opacity:1!important}
.card__star img{display:none!important}
.card__star::before{content:"";display:block;width:20px;height:20px;background:currentColor;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 92%,50% 71%,21% 92%,32% 56%,2% 35%,39% 34%);transition:color .16s ease,transform .14s ease}
.card__star:hover::before{color:#9fa3ad;transform:scale(1.1)}
.card__star.is-fav::before{color:#f4a425;transform:scale(1.06)}

.header-account-avatar{width:100%;height:100%;object-fit:cover;border-radius:999px}
.header-account-initial{display:grid;width:100%;height:100%;place-items:center;color:#2630f3;font-family:"GC Molecule",sans-serif;font-size:13px;font-weight:700}

@media(max-width:1180px){
  .webtop,.dwebtop{grid-template-columns:190px minmax(0,1fr) 280px!important}
  .webnav,.dwebnav{gap:4px!important}
  .webnav__link,.dwebnav__link{height:35px!important;padding:0 12px!important;font-size:14px!important}
  .webdownload,.dwebdownload{display:none!important}
  .app--web .sidebar,.account-dashboard--web .dside{width:205px!important;flex-basis:205px!important}
}
@media(max-width:900px){
  body.mp,body.dash{overflow:auto!important}
  .app--web,.account-dashboard--web{height:auto!important;min-height:100svh!important;overflow:visible!important}
  .webtop,.dwebtop{grid-template-columns:1fr auto!important;height:auto!important;min-height:44px!important;align-items:start!important}
  .webnav,.dwebnav{grid-column:1/-1!important;justify-content:flex-start!important;order:3!important;padding:2px 0!important}
  .web-workspace,.dworkspace{flex-direction:column!important;overflow:visible!important}
  .web-rail,.drail{width:100%!important;height:54px!important;min-height:54px!important;flex:0 0 54px!important;flex-direction:row!important;padding:0 8px!important}
  .web-rail__nav,.drail__nav{flex-direction:row!important;width:auto!important}
  .web-rail__bottom,.drail__bottom{display:none!important}
  .app--web .sidebar,.account-dashboard--web .dside{width:100%!important;height:auto!important;flex-basis:auto!important}
  .app--web .rightcol,.account-dashboard--web .dright{min-height:720px!important}
}
@media(max-width:620px){
  .webbrand,.dwebbrand{width:auto!important}
  .webbrand__word,.dwebbrand__word{font-size:23px!important}
  .webnav__link,.dwebnav__link{height:34px!important;padding:0 11px!important;font-size:14px!important}
  .webuser__name,.dwebactions .duser__name{display:none!important}
  .account-dashboard--web .dsec{padding:16px 12px 28px!important}
}