/* ==============================================================
   VELYRA v8.6 — Book Signature UI
   Refinamento editorial da ficha de livro
   ============================================================= */

/* HERO / COMPOSIÇÃO */
.vsl-book-hero{
  grid-template-columns:196px minmax(0,1fr)!important;
  gap:32px!important;
  max-width:1280px;
  margin-inline:auto;
  align-items:start;
}
.vsl-book-aside{top:82px!important}
.vsl-book-aside>img{
  border-radius:16px!important;
  box-shadow:0 24px 56px rgba(0,0,0,.38)!important;
}
.vsl-book-main{min-width:0;padding-top:4px}
.vsl-book-main>.eyebrow{
  font-size:.68rem!important;
  letter-spacing:.16em!important;
  color:#d2a94e!important;
  max-width:920px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.vsl-book-main h1{
  font-size:clamp(2.35rem,4vw,4.2rem)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  margin:.14em 0 .16em!important;
  max-width:920px!important;
  text-wrap:balance;
}
.vsl-author{
  margin:.1rem 0 1rem!important;
  color:#bcb3c0!important;
  font-size:1rem!important;
}
.vsl-meta-row{gap:8px!important;margin:14px 0 18px!important}
.vsl-meta-row span{
  padding:6px 10px!important;
  font-size:.76rem!important;
  border-color:rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.025)!important;
}

/* ESTATÍSTICAS */
.vsl-stat-grid{
  grid-template-columns:1.16fr repeat(6,minmax(86px,1fr))!important;
  gap:8px!important;
  margin:18px 0 12px!important;
}
.vsl-stat-grid>div{
  min-height:82px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(160deg,rgba(24,20,29,.92),rgba(14,12,17,.96))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.vsl-stat-grid span{font-size:.72rem!important;color:#918995!important}
.vsl-stat-grid strong{font-size:1.45rem!important;line-height:1.05!important}
.vsl-stat-grid .featured strong{font-size:1.55rem!important}
.vsl-stat-grid small{font-size:.68rem!important;margin-top:4px}

/* BARRA DE CONTADORES */
.vsl-action-bar{
  gap:7px!important;
  margin:10px 0 12px!important;
}
.vsl-action-bar>span{
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  font-size:.75rem!important;
  background:linear-gradient(180deg,rgba(23,20,27,.96),rgba(13,11,16,.96))!important;
}

/* STATUS DE LEITURA */
.vsl-shelf-actions{
  margin:10px 0 18px!important;
  padding:5px!important;
  gap:4px!important;
  border-radius:13px!important;
  background:rgba(15,13,18,.72)!important;
  border-color:rgba(255,255,255,.075)!important;
}
.vsl-shelf-actions .vsl-status-btn{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:.74rem!important;
  font-weight:650!important;
}
.vsl-status-dot{width:5px!important;height:5px!important}
.vsl-shelf-actions .vsl-status-btn.is-active{
  background:linear-gradient(135deg,#d6aa4b,#eccd79)!important;
  box-shadow:0 6px 16px rgba(194,143,43,.13)!important;
}

/* AÇÕES LATERAIS */
.vsl-book-quick{
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin:12px 0 14px!important;
}
.vsl-book-quick .vsl-quick-btn{
  min-height:40px!important;
  padding:7px 9px!important;
  gap:7px!important;
  border-radius:11px!important;
  font-size:.72rem!important;
  font-weight:650!important;
  justify-content:flex-start!important;
}
.vsl-quick-icon{
  width:23px!important;height:23px!important;flex-basis:23px!important;
  border-radius:7px!important;font-size:.76rem!important;
}
.vsl-book-quick .vsl-quick-btn:hover{transform:translateY(-1px)!important}

/* NAVEGAÇÃO LATERAL */
.vsl-anchor-nav{
  border-radius:13px!important;
  padding:7px!important;
  background:rgba(16,14,19,.84)!important;
}
.vsl-anchor-nav a{
  padding:8px 7px!important;
  font-size:.74rem!important;
  color:#aaa1ad!important;
}
.vsl-anchor-nav a:hover{color:#f2e7ce!important;background:rgba(255,255,255,.025);border-radius:7px}
.vsl-anchor-nav b{font-size:.72rem;color:#e8dcc0}

/* SINOPSE */
.vsl-synopsis{
  margin:18px 0 22px!important;
  padding:18px 6px!important;
  font-size:.91rem!important;
  line-height:1.74!important;
  color:#c9c1cc!important;
  max-width:1000px;
}
.vsl-synopsis p{max-width:92ch}

/* SEÇÕES EDITORIAIS */
.vsl-duo{gap:14px!important}
.vsl-duo>section,.vsl-related-groups,.vsl-reviews{
  border-radius:18px!important;
  padding:16px!important;
  margin-top:14px!important;
  background:linear-gradient(155deg,rgba(18,15,22,.98),rgba(12,10,15,.98))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.018);
}
.vsl-title-row h2,
.vsl-related-groups h2,
.vsl-reviews>div:first-child h2,
.vsl-reviews h2{
  font-size:clamp(1.55rem,2.6vw,2.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}
.vsl-title-row>span{font-size:.72rem;color:#b4a9b8}

/* CAPAS MINI */
.vsl-mini-books{
  gap:9px!important;
  padding-top:12px!important;
  scrollbar-width:thin;
  scrollbar-color:#5b535f transparent;
}
.vsl-mini-books a{
  width:84px!important;
  flex:0 0 84px!important;
  color:#ada4b0!important;
  transition:transform .18s ease,color .18s ease;
}
.vsl-mini-books a:hover{transform:translateY(-2px);color:#f1e5ca!important}
.vsl-mini-books img{
  width:84px!important;
  height:124px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 9px 24px rgba(0,0,0,.22);
}
.vsl-mini-books small{
  margin-top:6px!important;
  font-size:.67rem!important;
  line-height:1.22!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* GRUPOS */
.vsl-related-groups{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
}
.vsl-related-groups .vsl-title-row{width:100%}
.vsl-related-groups a{font-size:.75rem!important;color:#d6cbb4!important}

/* RESENHAS */
.vsl-reviews{padding:18px!important}
.vsl-review-form{
  max-width:760px;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:rgba(255,255,255,.018);
}
.vsl-review-form label{font-size:.72rem!important;color:#a69ca9!important}
.vsl-review-form input,.vsl-review-form select,.vsl-review-form textarea{
  border-radius:10px!important;
  border-color:rgba(255,255,255,.085)!important;
  background:#0d0b10!important;
  font-size:.82rem!important;
}
.vsl-review-form textarea{min-height:116px!important;line-height:1.55!important}
.vsl-review-form button{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  font-size:.76rem!important;
  background:linear-gradient(135deg,#d5a844,#edc96d)!important;
  color:#171006!important;
  box-shadow:0 8px 22px rgba(196,143,43,.12);
}

/* DIVISORES / RESPIRO */
.vsl-book-main hr,
.vsl-book-main>.divider{border-color:rgba(255,255,255,.06)!important}

/* TABLET */
@media(max-width:1100px){
  .vsl-book-hero{grid-template-columns:178px minmax(0,1fr)!important;gap:24px!important}
  .vsl-stat-grid{grid-template-columns:repeat(4,1fr)!important}
  .vsl-book-main h1{font-size:clamp(2.2rem,5vw,3.5rem)!important}
}

/* MOBILE */
@media(max-width:760px){
  .vsl-book-hero{grid-template-columns:1fr!important;gap:18px!important}
  .vsl-book-aside{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:12px!important}
  .vsl-book-aside>img{width:108px!important}
  .vsl-book-quick{grid-column:2!important;margin:0!important;align-self:start}
  .vsl-book-quick .vsl-quick-btn{min-height:38px!important;font-size:.69rem!important}
  .vsl-anchor-nav{grid-column:1/-1!important}
  .vsl-book-main h1{font-size:2.35rem!important;line-height:1!important}
  .vsl-stat-grid{grid-template-columns:repeat(2,1fr)!important}
  .vsl-stat-grid>div{min-height:76px!important}
  .vsl-synopsis{font-size:.88rem!important;padding-inline:2px!important}
  .vsl-duo{grid-template-columns:1fr!important}
  .vsl-title-row h2,.vsl-related-groups h2,.vsl-reviews h2{font-size:1.75rem!important}
  .vsl-mini-books a{width:78px!important;flex-basis:78px!important}
  .vsl-mini-books img{width:78px!important;height:116px!important}
}

@media(max-width:460px){
  .vsl-book-aside{grid-template-columns:92px minmax(0,1fr)!important}
  .vsl-book-aside>img{width:92px!important}
  .vsl-book-quick{gap:5px!important}
  .vsl-book-quick .vsl-quick-btn{min-height:36px!important;padding:6px 7px!important}
  .vsl-quick-icon{display:none!important}
  .vsl-book-main h1{font-size:2.05rem!important}
  .vsl-meta-row span{font-size:.69rem!important;padding:5px 8px!important}
}

/* v8.7 — QUICK ACTIONS LUXE */
.vsl-book-quick{gap:7px!important;margin:12px 0 16px!important}
.vsl-book-quick .vsl-quick-btn{
  min-height:38px!important;padding:7px 9px!important;border-radius:10px!important;
  color:#ddd5df!important;background:linear-gradient(180deg,rgba(25,22,29,.96),rgba(13,12,16,.98))!important;
  border:1px solid rgba(214,170,75,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 15px rgba(0,0,0,.12)!important;
  font-size:.70rem!important;font-weight:650!important;letter-spacing:.005em!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;
}
.vsl-book-quick .vsl-quick-btn .vsl-quick-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:7px!important;
  color:#d8b65f!important;background:rgba(214,170,75,.075)!important;border:1px solid rgba(214,170,75,.10)!important;
}
.vsl-book-quick .vsl-quick-btn:hover{
  transform:translateY(-2px)!important;color:#fff8e9!important;border-color:rgba(232,192,94,.62)!important;
  background:linear-gradient(180deg,rgba(34,29,35,.98),rgba(18,15,20,.99))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(214,170,75,.06)!important;
}
.vsl-book-quick .vsl-quick-btn:hover .vsl-quick-icon{background:rgba(214,170,75,.14)!important;color:#f0cc72!important}
.vsl-book-quick .vsl-quick-btn.is-active,
.vsl-book-quick .vsl-quick-btn[aria-pressed="true"]{
  color:#17120a!important;background:linear-gradient(135deg,#d4a642,#edcc75)!important;border-color:#edcc75!important;
  box-shadow:0 8px 22px rgba(205,157,54,.18)!important;
}
.vsl-book-quick .vsl-quick-btn.is-active .vsl-quick-icon,
.vsl-book-quick .vsl-quick-btn[aria-pressed="true"] .vsl-quick-icon{color:#17120a!important;background:rgba(255,255,255,.18)!important;border-color:rgba(0,0,0,.06)!important}
@media(max-width:700px){.vsl-book-quick .vsl-quick-btn{min-height:36px!important;font-size:.68rem!important}.vsl-book-quick .vsl-quick-btn .vsl-quick-icon{width:20px!important;height:20px!important;flex-basis:20px!important}}