/* Author room refinements: preserve the readable author-home scale while using the
   owner-supplied night-study artwork for the studio surfaces. Gallery-specific styles do not live here. */

/* The supplied portrait artwork now forms the studio navigation background. Keep the
   final creator-room logo treatment in this stylesheet so the first paint already matches
   the post-theme state instead of briefly showing the retired light plate. */
.studio-sidebar,
body.novelight-theme.novelight-page-mypage .studio-sidebar{
  background:
    linear-gradient(180deg,rgba(1,11,25,.18),rgba(1,11,25,.46)),
    url("assets/author-room/author-room-sidebar-background.webp") center bottom/cover no-repeat!important;
  border-right-color:rgba(216,180,90,.42)!important;
  box-shadow:6px 0 28px rgba(2,10,24,.24)!important;
}
.studio-brand,
body.novelight-theme.novelight-page-mypage .studio-brand{
  gap:0!important;
  min-height:0!important;
  margin-bottom:8px!important;
  padding:0 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.studio-brand img,
body.novelight-theme.novelight-page-mypage .studio-brand img{
  display:none!important;
}
.studio-brand::before,
body.novelight-theme.novelight-page-mypage .studio-brand::before{
  content:"";
  display:block;
  width:190px;
  max-width:100%;
  aspect-ratio:3/1;
  background:url("assets/author-room/novelight-author-room-logo.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 12px rgba(244,197,72,.20));
}
.studio-brand small,
body.novelight-theme.novelight-page-mypage .studio-brand small{
  display:none!important;
}
.studio-label,
body.novelight-theme.novelight-page-mypage .studio-label{
  color:#e0bd63!important;
  font-size:12px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.68)!important;
}
.studio-nav a,
body.novelight-theme.novelight-page-mypage .studio-nav a{
  color:#f7f1e5!important;
  font-size:16px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.56)!important;
}
.studio-nav a:hover,
body.novelight-theme.novelight-page-mypage .studio-nav a:hover{
  border-color:rgba(216,180,90,.48)!important;
  background:rgba(5,25,45,.76)!important;
  color:#fff!important;
}
.studio-nav a[aria-current="page"],
body.novelight-theme.novelight-page-mypage .studio-nav a[aria-current="page"]{
  border-color:rgba(242,215,125,.78)!important;
  background:linear-gradient(90deg,rgba(7,35,60,.88),rgba(6,26,47,.68))!important;
  color:#ffe69a!important;
  box-shadow:inset 0 0 18px rgba(218,180,82,.09),0 5px 16px rgba(0,0,0,.18)!important;
}
.nav-icon,
body.novelight-theme.novelight-page-mypage .nav-icon{color:#e7c466!important}
.sidebar-quote,
body.novelight-theme.novelight-page-mypage .sidebar-quote{
  border-top-color:rgba(216,180,90,.30)!important;
  color:#e3e8ee!important;
  font-size:14px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.72)!important;
}
.sidebar-quote strong,
body.novelight-theme.novelight-page-mypage .sidebar-quote strong{
  color:#e5c568!important;
  font-size:11px!important;
}

/* Use the supplied landscape artwork as the hero itself rather than layering the old
   synthetic star decoration over it. Keep the text side dark enough to read while
   allowing the artwork to stay visibly present across the middle and right side. */
.author-hero,
body.novelight-theme.novelight-page-mypage .author-hero{
  --author-hero-art:url("assets/author-room/author-room-hero-background.webp")!important;
  background:
    linear-gradient(90deg,rgba(2,13,25,.82) 0%,rgba(2,13,25,.52) 43%,rgba(2,13,25,.13) 72%,rgba(2,13,25,.03) 100%),
    var(--author-hero-art) center right/cover no-repeat!important;
}
.author-hero::before,
.author-hero::after,
body.novelight-theme.novelight-page-mypage .author-hero::before,
body.novelight-theme.novelight-page-mypage .author-hero::after{content:none!important}

/* Recent activity remains the wider left column; profile settings stay on the right. */
.lower-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.82fr)!important;
}
.activity-panel{grid-column:1!important;grid-row:1!important}
.profile-panel{grid-column:2!important;grid-row:1!important}

/* The supplied panel artwork is decorative background only. Existing activity/profile
   content and the user's actual profile avatar remain untouched. On desktop, keep enough
   of the artwork visible to read as intentional art rather than an almost-solid tint. */
.activity-panel,
body.novelight-theme.novelight-page-mypage .activity-panel{
  background:
    linear-gradient(90deg,rgba(2,14,27,.88) 0%,rgba(2,14,27,.64) 54%,rgba(2,14,27,.22) 100%),
    url("assets/author-room/author-room-activity-background.webp") center right/cover no-repeat!important;
}
.profile-panel,
body.novelight-theme.novelight-page-mypage .profile-panel{
  background:
    linear-gradient(90deg,rgba(2,14,27,.90) 0%,rgba(2,14,27,.72) 54%,rgba(2,14,27,.32) 100%),
    url("assets/author-room/author-room-profile-background.webp") 72% center/cover no-repeat!important;
}
.activity-panel .panel-header,
.profile-panel .panel-header,
body.novelight-theme.novelight-page-mypage .activity-panel .panel-header,
body.novelight-theme.novelight-page-mypage .profile-panel .panel-header{
  background:linear-gradient(90deg,rgba(2,14,27,.66),rgba(2,14,27,.28))!important;
  backdrop-filter:blur(2px);
}

/* Keep the readability increase from the previous refinement. The hero title and logout
   intentionally retain the sizes defined by novelight-author-home.css. */
.workspace-top>.reader-home-link{font-size:16px!important}
.account-text strong{font-size:16px!important}
.account-text span{display:none!important}
.hero-kicker{font-size:12px!important}
.author-hero p{font-size:17px!important}
.founding{font-size:12px!important}
.action-card h2{
  font-size:19px!important;
  white-space:nowrap!important;
}
.action-card p{
  font-size:14px!important;
  line-break:strict;
  text-wrap:pretty;
  word-break:auto-phrase;
}
.card-cta,.action-card>button{font-size:13px!important}
.status{font-size:12px!important}
.section-title h2{font-size:23px!important}
.section-link{font-size:12px!important}
.value{font-size:28px!important}
.label{font-size:16px!important}
.sub{font-size:14px!important}
.panel-header h2{font-size:19px!important}
.activity-empty strong{font-size:16px!important}
.activity-empty p{font-size:14px!important}
.activity-copy strong{font-size:14px!important}
.activity-copy time{font-size:11px!important}
.profile-summary{grid-template-columns:88px minmax(0,1fr)!important}
.profile-summary h3{font-size:21px!important}
.profile-summary p{font-size:13px!important}
.profile-meta dt{font-size:12px!important}
.profile-meta dd{font-size:14px!important}
details.profile-editor summary{font-size:14px!important}
.form label{font-size:13px!important}
.form input,.form textarea{font-size:14px!important}
.save{font-size:13px!important}
.avatar-stack{min-width:88px}
.avatar-label{
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.avatar-note{font-size:11px!important}
.footer-links{font-size:12px!important}

/* Keep the plan name as plain inline text, including when the text happens to be selected. */
.plan{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c7edff!important;
  -webkit-text-fill-color:#c7edff!important;
  text-shadow:none!important;
}
.plan::selection{background:transparent!important;color:#c7edff!important}
.plan::-moz-selection{background:transparent!important;color:#c7edff!important}

/* Match the final PR #422 billing-status geometry before the asynchronously installed
   sitewide theme arrives, preventing the plan CTA from jumping after first paint. */
.action-card.cyan .status{
  min-height:0!important;
  margin-top:0!important;
}
.action-card.cyan .status:not(:empty){
  min-height:17px!important;
  margin-top:7px!important;
}

/* User-provided author-room art replaces only the ten dashboard glyphs. */
.action-card .action-icon,
.metric .metric-icon{
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:transparent!important;
  text-shadow:none!important;
}
.action-card .action-icon{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  border-radius:13px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
}
.metric .metric-icon{
  display:inline-block!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border:1px solid rgba(216,180,90,.32)!important;
  border-radius:10px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
}
.action-card.action-post .action-icon{background-image:url("assets/author-room/action-post.webp")!important}
.action-card.action-works .action-icon{background-image:url("assets/author-room/action-works.webp")!important}
.action-card.action-notes .action-icon{
  background-image:none!important;
  color:#d9c8ff!important;
  font-size:26px!important;
}
.action-card.action-seed .action-icon{background-image:url("assets/author-room/action-seed.webp")!important}
.action-card.action-plan .action-icon{background-image:url("assets/author-room/action-plan.webp")!important}
.metric:nth-child(1) .metric-icon{background-image:url("assets/author-room/metric-works.webp")!important}
.metric:nth-child(2) .metric-icon{background-image:url("assets/author-room/metric-episodes.webp")!important}
.metric:nth-child(3) .metric-icon{background-image:url("assets/author-room/metric-readers.webp")!important}
.metric:nth-child(4) .metric-icon{background-image:url("assets/author-room/metric-favorites.webp")!important}
.metric:nth-child(5) .metric-icon{background-image:url("assets/author-room/metric-comments.webp")!important}

/* The fixed desktop sidebar reduces usable workspace width before the base 1180px breakpoint.
   Keep the larger PR #405 typography readable by using the existing three-column density
   across common midsize desktop widths instead of squeezing five cards into one row. */
@media(min-width:901px) and (max-width:1400px){
  .action-grid,.metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .lower-grid{grid-template-columns:1fr!important}
  .activity-panel{grid-column:auto!important;grid-row:auto!important;order:1!important}
  .profile-panel{grid-column:auto!important;grid-row:auto!important;order:2!important}
  .activity-panel,
  body.novelight-theme.novelight-page-mypage .activity-panel{
    background:
      linear-gradient(90deg,rgba(2,14,27,.94) 0%,rgba(2,14,27,.78) 56%,rgba(2,14,27,.40) 100%),
      url("assets/author-room/author-room-activity-background.webp") 68% center/cover no-repeat!important;
  }
  .profile-panel,
  body.novelight-theme.novelight-page-mypage .profile-panel{
    background:
      linear-gradient(90deg,rgba(2,14,27,.95) 0%,rgba(2,14,27,.84) 56%,rgba(2,14,27,.50) 100%),
      url("assets/author-room/author-room-profile-background.webp") 72% center/cover no-repeat!important;
  }
}
@media(max-width:700px){
  .author-hero,
  body.novelight-theme.novelight-page-mypage .author-hero{
    background:
      linear-gradient(90deg,rgba(2,13,25,.90) 0%,rgba(2,13,25,.68) 52%,rgba(2,13,25,.24) 100%),
      var(--author-hero-art) 68% center/cover no-repeat!important;
  }
}
@media(max-width:460px){
  .profile-summary{grid-template-columns:78px minmax(0,1fr)!important}
  .avatar-stack{min-width:78px}
  .avatar-label{padding:5px 7px!important;font-size:10px!important}
}