/* VELYRA v8.4 — Social Library refinement
   Loaded after v8.0 to stabilize profile, shelf lists and book actions. */

:root{--v84-panel:#100e13;--v84-panel-2:#151219;--v84-border:#2b2630;--v84-muted:#938b98;--v84-gold:#d4ab4d;--v84-gold-2:#efcf79}

/* PROFILE HERO */
.vsl-profile-head-cover{min-height:300px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.vsl-profile-head-cover .vsl-profile-person{padding:125px 24px 24px!important}
.vsl-profile-head-cover .vsl-profile-person>img,.vsl-profile-head-cover .vsl-avatar-fallback{width:112px!important;height:112px!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(0,0,0,.38)!important}
.vsl-name-row{gap:12px!important}
.vsl-name-row h1{font-size:clamp(2.4rem,4vw,4.25rem)!important;letter-spacing:-.035em!important}
.vsl-edit-profile-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:8px 13px!important;border-radius:11px!important;border:1px solid rgba(223,181,79,.48)!important;background:rgba(12,10,14,.72)!important;color:#f5dfab!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;font-size:.8rem!important;font-weight:750!important;letter-spacing:.01em!important;text-decoration:none!important;backdrop-filter:blur(12px)}
.vsl-edit-profile-btn:hover{transform:translateY(-1px);background:rgba(34,26,18,.86)!important;border-color:rgba(239,201,108,.8)!important;color:#fff1c9!important}
.vsl-profile-head-cover .vsl-profile-social{padding-bottom:25px!important}
.vsl-profile-head-cover .vsl-profile-social>a{padding:8px 6px;border-radius:12px;transition:.18s ease}
.vsl-profile-head-cover .vsl-profile-social>a:hover{background:rgba(255,255,255,.045)}

/* PROFILE TABS */
.vsl-profile-tabs{gap:8px!important;margin:16px 0 18px!important}
.vsl-profile-tabs a{padding:11px 15px!important;border-radius:10px 10px 0 0!important}
.vsl-profile-tabs a:hover{color:#efe8f0;background:rgba(255,255,255,.025)}

/* SHELF SIDE */
.vsl-library-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important}
.vsl-library-side{padding:10px!important;background:linear-gradient(180deg,#100d13,#0c0a0f)!important;box-shadow:0 16px 55px rgba(0,0,0,.12)}
.vsl-library-side>a{min-height:42px!important;padding:10px 11px!important;border-radius:11px!important;color:#aaa2af!important}
.vsl-library-side>a:hover{background:#17131b;color:#f0e9f1!important}
.vsl-library-side>a.active{background:linear-gradient(100deg,#caa044 0%,#8e68e8 100%)!important;color:#fff!important;box-shadow:0 9px 24px rgba(119,81,213,.16)}
.vsl-pageometer{padding:14px!important;border:1px solid rgba(255,255,255,.045)!important;background:#17131b!important}
.vsl-pageometer strong{font-size:1.65rem!important;line-height:1.1!important;margin:5px 0!important}

/* SHELF TOOLBAR */
.vsl-library-tools{min-height:46px;margin-bottom:14px!important;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}
.vsl-library-tools>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.vsl-library-tools .btn{border-radius:11px!important;padding:9px 13px!important;background:linear-gradient(135deg,#d4a845,#e8c66b)!important;color:#171006!important;border:1px solid #ebc96f!important;font-weight:750!important;box-shadow:0 8px 20px rgba(194,142,42,.13)}
.vsl-library-tools .btn:hover{transform:translateY(-1px);filter:brightness(1.04)}

/* SHELF CARDS — no empty 0% / 0.0 rows */
.vsl-shelf-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px 14px!important;align-items:start}
.vsl-shelf-card{min-width:0;position:relative}
.vsl-shelf-card>a{display:block!important;text-decoration:none!important;color:inherit!important;border-radius:15px;transition:transform .2s ease}
.vsl-shelf-card>a:hover{transform:translateY(-3px)}
.vsl-shelf-cover{position:relative;overflow:hidden;border-radius:14px;background:#151219;box-shadow:0 15px 34px rgba(0,0,0,.3)}
.vsl-shelf-grid .vsl-shelf-cover img{display:block;width:100%!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:14px!important;box-shadow:none!important;transition:transform .26s ease,filter .26s ease}
.vsl-shelf-card>a:hover .vsl-shelf-cover img{transform:scale(1.018);filter:brightness(1.04)}
.vsl-shelf-grid .vsl-shelf-cover i{left:8px!important;top:8px!important;padding:5px 8px!important;background:rgba(16,13,19,.84)!important;border:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(8px);font-size:.66rem!important;font-weight:700}
.vsl-shelf-copy{padding:10px 1px 0;min-width:0}
.vsl-shelf-grid .vsl-shelf-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:1.03rem!important;line-height:1.08!important;margin:0 0 5px!important;color:#f6f0e8;min-height:2.16em}
.vsl-shelf-grid .vsl-shelf-copy small{font-size:.76rem!important;color:#8f8795!important;min-height:1.15em}
.vsl-shelf-grid .vsl-shelf-copy footer{display:flex!important;justify-content:flex-start!important;gap:7px!important;align-items:center;margin-top:9px!important;min-height:0!important;padding:0!important;border:0!important;color:inherit!important}
.vsl-progress-chip,.vsl-rating-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:999px;font-size:.67rem;font-weight:700;border:1px solid #2d2732;background:#121016;color:#aaa2ae}
.vsl-progress-chip{color:#d9bd74;border-color:rgba(207,163,66,.28);background:rgba(196,144,43,.08)}
.vsl-rating-chip{color:#e7c15f}

/* BOOK QUICK ACTIONS — elegant, not all gold */
.vsl-book-quick{gap:8px!important;margin:14px 0 16px!important}
.vsl-book-quick .vsl-quick-btn{min-height:46px!important;padding:9px 11px!important;border:1px solid #302a35!important;border-radius:12px!important;background:linear-gradient(180deg,#17141b,#110f14)!important;color:#d4ccd8!important;box-shadow:none!important;font-weight:700!important}
.vsl-book-quick .vsl-quick-btn:hover{background:#1c1820!important;border-color:#4a3d48!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.vsl-book-quick .vsl-quick-btn .vsl-quick-icon{background:rgba(255,255,255,.045)!important;color:#d7b45d!important}
.vsl-book-quick .vsl-quick-btn.is-active{background:linear-gradient(135deg,rgba(203,158,61,.23),rgba(124,89,32,.10))!important;border-color:rgba(225,183,80,.65)!important;color:#fae9ba!important}
.vsl-book-quick .vsl-quick-btn.is-active .vsl-quick-icon{background:linear-gradient(135deg,#d2a646,#edca72)!important;color:#161006!important}

/* BOOK STATUS — segmented and compact */
.vsl-shelf-actions{gap:5px!important;padding:5px!important;border-radius:14px!important;background:#0e0c11!important;width:max-content!important;max-width:100%!important}
.vsl-shelf-actions .vsl-status-btn{min-height:38px!important;padding:8px 12px!important;border-radius:10px!important;background:transparent!important;color:#a79fab!important;border:1px solid transparent!important}
.vsl-shelf-actions .vsl-status-btn:hover{background:#19151c!important;border-color:#302a34!important;color:#f6eef7!important}
.vsl-shelf-actions .vsl-status-btn.is-active{background:linear-gradient(135deg,#c99b3f,#e2bb63)!important;color:#161006!important;border-color:#e4c16c!important;box-shadow:0 7px 18px rgba(190,139,42,.14)!important}

/* BOOK STAT BAR */
.vsl-action-bar{gap:8px!important;margin:15px 0!important}
.vsl-action-bar>span{min-height:42px!important;border-radius:12px!important;background:linear-gradient(180deg,#141117,#0f0d12)!important;border:1px solid #2d2732!important;color:#a9a0ad!important}
.vsl-action-bar>span b{color:#ead6a1!important}

/* MINI BOOK LISTS */
.vsl-mini-books{scrollbar-width:thin;scrollbar-color:#4a444e #151219;padding-bottom:5px}
.vsl-mini-books::-webkit-scrollbar{height:7px}.vsl-mini-books::-webkit-scrollbar-thumb{background:#49434d;border-radius:999px}.vsl-mini-books::-webkit-scrollbar-track{background:#151219}

@media(max-width:1180px){.vsl-shelf-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:900px){.vsl-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){
 .vsl-profile-head-cover{min-height:390px!important}.vsl-profile-head-cover .vsl-profile-person{padding:142px 16px 12px!important}
 .vsl-name-row h1{font-size:2.45rem!important}.vsl-edit-profile-btn{min-height:36px!important;padding:7px 10px!important}
 .vsl-library-layout{grid-template-columns:1fr!important}.vsl-library-side{position:static!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px!important}.vsl-library-side>a{flex:0 0 auto!important;min-height:38px!important}.vsl-pageometer{flex:0 0 150px!important;margin:0!important}.vsl-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 10px!important}
 .vsl-library-tools{align-items:flex-start!important;gap:10px!important}.vsl-book-quick .vsl-quick-btn{min-height:43px!important}
}
@media(max-width:480px){
 .vsl-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vsl-shelf-grid .vsl-shelf-copy h3{font-size:.94rem!important}.vsl-profile-head-cover .vsl-profile-social{grid-template-columns:repeat(2,1fr)!important}
 .vsl-action-bar{grid-template-columns:1fr!important}.vsl-book-quick{grid-template-columns:1fr 1fr!important}
}