/* ============================================================
   BookKav — Accounts (refined literary luxury)
   Login: full-screen split (right: form · left: emerald brand)
   Post-login: professional dashboard + profile
   ============================================================ */

/* ===================== LOGIN : split screen ===================== */
.auth-shell{min-height:100vh; margin:0; padding:0; display:block; background:var(--bk-card);}
.auth-split{display:grid; grid-template-columns:minmax(360px,44%) 1fr; min-height:100vh;}

/* --- form side (right in RTL) --- */
.auth-split__form{position:relative; display:grid; place-items:center; padding:clamp(2rem,5vw,4rem) clamp(1.3rem,4vw,3rem); background:var(--bk-card);}
.auth-home-link{position:absolute; top:clamp(1.1rem,3vw,1.8rem); inset-inline-end:clamp(1.1rem,3vw,1.8rem); z-index:2; font-family:var(--font-main); font-weight:700; color:var(--bk-brand); font-size:1rem; display:none;}
.auth-split__form .auth-card{width:min(100%,400px); background:transparent; border:0; box-shadow:none; padding:0; border-radius:0; overflow:visible;}
.auth-split__form .auth-card::before{display:none;}

.auth-card__brand{display:flex; align-items:center; gap:.9rem; margin-bottom:1.5rem;}
.auth-card__seal{flex:none; width:54px; height:54px; border-radius:16px; display:grid; place-items:center;
  background:linear-gradient(140deg,var(--bk-brand),var(--bk-brand-700,#0f4a39)); color:var(--bk-gold-200,#E7CE94);
  font-family:var(--font-display); font-weight:700; font-size:1.15rem;
  box-shadow:0 12px 26px -12px rgba(21,97,74,.6), inset 0 0 0 1px rgba(231,206,148,.28);}
.auth-card h1{font-size:clamp(1.5rem,3.4vw,2.05rem); font-weight:700; margin:0 0 .3rem; color:var(--bk-heading);}
.auth-card__brand p{color:var(--bk-muted); font-size:.9rem; margin:0; line-height:1.7;}
.auth-card>p{color:var(--bk-body); line-height:1.8;}

/* --- form --- */
.auth-form{display:grid; gap:1rem; margin-top:1.4rem;}
.form-field{display:grid; gap:.4rem;}
.form-field label{color:var(--bk-heading); font-weight:600; font-size:.9rem;}
.form-field input,.form-field select,.form-field textarea{width:100%; border-radius:var(--radius-md); border:1px solid var(--bk-border); background:var(--bk-inset); color:var(--bk-heading); padding:.85rem 1rem; font:inherit; outline:none; transition:border-color .2s ease,box-shadow .2s ease;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--bk-brand); box-shadow:0 0 0 3px rgba(21,97,74,.15);}
.form-field .helptext{color:var(--bk-muted); font-size:.82rem; line-height:1.6;}
.field-error{color:var(--bk-error,#b3261e); font-size:.82rem;}
.form-errors,.form-error{border:1px solid color-mix(in srgb,var(--bk-error,#b3261e) 40%,var(--bk-border)); background:color-mix(in srgb,var(--bk-error,#b3261e) 8%,var(--bk-card)); color:var(--bk-error,#b3261e); border-radius:var(--radius-md); padding:.75rem .9rem; font-size:.88rem;}
.auth-form input[name="code"]{direction:ltr; text-align:center; letter-spacing:.3rem; font-weight:700; font-family:var(--font-latin);}
.auth-form input[name="identifier"],.auth-form input[name="email"],.auth-form input[name="phone"]{direction:ltr; text-align:left;}

.auth-links{display:flex; flex-wrap:wrap; gap:.5rem .7rem; align-items:center; margin-top:1.4rem; padding-top:1.3rem; border-top:1px solid var(--bk-border); color:var(--bk-muted); font-size:.88rem;}
.auth-links a{color:var(--bk-brand); font-weight:600;}
.auth-links a:hover{color:var(--bk-gold-700,#7a5e1f);}
.auth-links form{margin:0;}
.dev-otp{margin-top:1.2rem; padding:.85rem 1rem; border-radius:var(--radius-md); border:1px dashed color-mix(in srgb,var(--bk-gold) 60%,transparent); background:color-mix(in srgb,var(--bk-gold) 10%,var(--bk-card)); color:var(--bk-heading); font-size:.88rem;}
.dev-otp code{direction:ltr; display:inline-block; font-family:var(--font-latin); font-size:1.15rem; letter-spacing:.2rem; color:var(--bk-brand); font-weight:700;}

/* --- brand side (left in RTL) : emerald showcase --- */
.auth-split__brand{position:relative; overflow:hidden; color:#FBF6EA; display:flex; flex-direction:column; justify-content:space-between; gap:1.6rem; padding:clamp(2.2rem,4vw,3.6rem);
  background:
    radial-gradient(120% 90% at 82% 0%,rgba(231,198,124,.18),transparent 55%),
    radial-gradient(95% 80% at 0% 102%,rgba(47,123,97,.4),transparent 62%),
    linear-gradient(158deg,#0d3f30 0%,#104a39 48%,#0a3124 100%);}
.auth-split__brand::after{content:""; position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.auth-brand__logo{position:relative; z-index:1; display:inline-flex; align-items:center; gap:.7rem; align-self:flex-start;}
.auth-brand__seal{width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:linear-gradient(140deg,#E7CE94,#A8812D); color:#0d3f30; font-family:var(--font-display); font-weight:800; font-size:1.35rem; box-shadow:0 8px 20px -8px rgba(0,0,0,.5);}
.auth-brand__word{font-family:var(--font-latin); font-weight:600; font-size:1.2rem; line-height:1; color:#FBF6EA; display:flex; flex-direction:column; gap:.2rem;}
.auth-brand__word small{font-family:var(--font-main); font-size:.7rem; color:rgba(231,206,148,.85);}

.auth-brand__stage{position:relative; z-index:1; flex:1; display:grid; place-items:center; min-height:150px;}
.auth-brand__book{position:relative; width:clamp(150px,15vw,192px); aspect-ratio:3/4; transform:rotate(-4deg); filter:drop-shadow(0 32px 52px rgba(0,0,0,.5));}
.auth-brand__book-face{position:absolute; inset:0; border-radius:5px 12px 12px 5px; background:linear-gradient(145deg,#176850,#0f4a39); border:1px solid rgba(231,206,148,.32); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.85rem; padding:1.5rem 1.2rem; box-shadow:inset 0 0 0 4px rgba(231,206,148,.14), inset 0 0 70px rgba(0,0,0,.32);}
.auth-brand__book-spine{position:absolute; inset-block:0; inset-inline-end:0; width:11px; border-radius:0 12px 12px 0; background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(255,255,255,.06));}
.auth-brand__book-rule{width:56%; height:1px; background:linear-gradient(90deg,transparent,#E7CE94,transparent);}
.auth-brand__book-title{font-family:var(--font-display); font-weight:800; font-size:1.55rem; line-height:1.22; text-align:center; color:#EBD9A6;}
.auth-brand__book-mark{position:absolute; bottom:1.1rem; font-family:var(--font-main); font-size:.7rem; color:rgba(231,206,148,.7);}

.auth-brand__copy{position:relative; z-index:1;}
.auth-brand__eyebrow{font-weight:600; font-size:.78rem; letter-spacing:.08em; color:#DCB877; margin:0 0 .7rem;}
.auth-brand__quote{font-family:var(--font-display); font-weight:700; font-size:clamp(1.5rem,2.3vw,2.05rem); line-height:1.4; color:#FBF6EA; margin:0 0 .8rem;}
.auth-brand__text{color:rgba(251,246,234,.78); line-height:1.9; font-size:.92rem; margin:0 0 1.2rem; max-width:42ch;}
.auth-brand__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem;}
.auth-brand__list li{position:relative; padding-inline-start:1.4rem; color:rgba(251,246,234,.85); font-size:.88rem;}
.auth-brand__list li::before{content:""; position:absolute; inset-inline-start:0; top:.45em; width:7px; height:7px; border-radius:2px; background:linear-gradient(140deg,#E7CE94,#A8812D); transform:rotate(45deg);}

@media (max-width:900px){
  .auth-split{grid-template-columns:1fr;}
  .auth-split__brand{display:none;}
  .auth-home-link{display:inline-flex;}
}

/* ===================== POST-LOGIN : premium dashboard ===================== */
.btn--block{display:flex; width:100%; justify-content:center;}

/* --- emerald hero (glass header pulled up) --- */
.dashx-hero{position:relative; overflow:hidden; color:#FBF6EA; margin-top:-74px;
  padding:calc(74px + clamp(2rem,5vw,3rem)) 0 clamp(2rem,4vw,3rem);
  background:
    radial-gradient(120% 100% at 82% 0%,rgba(231,198,124,.18),transparent 55%),
    radial-gradient(92% 82% at 0% 102%,rgba(47,123,97,.4),transparent 62%),
    linear-gradient(158deg,#0d3f30 0%,#104a39 48%,#0a3124 100%);}
.dashx-hero::after{content:""; position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.dashx-hero>.container{position:relative; z-index:1;}
@media (max-width:620px){ .dashx-hero{margin-top:-64px; padding-top:calc(64px + 2rem);} }
.dashx-hero__top{display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:1.7rem;}
.dashx-hero .eyebrow{color:#DCB877;}
.dashx-hero .eyebrow::before{background:rgba(220,184,119,.5);}
.dashx-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem); font-weight:700; color:#FBF6EA; margin:.1rem 0 .5rem;}
.dashx-hero__sub{color:rgba(251,246,234,.8); line-height:1.85; max-width:54ch; margin:0;}
.dashx-idcard{display:flex; align-items:center; gap:.75rem; padding:.5rem 1.15rem .5rem .55rem; border-radius:999px; background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05)); border:1px solid rgba(231,206,148,.3); backdrop-filter:blur(8px);}
.dashx-idcard__avatar{flex:none; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(140deg,#E7CE94,#A8812D); color:#0d3f30;}
.dashx-idcard__avatar svg{width:21px; height:21px;}
.dashx-idcard__meta strong{color:#FBF6EA; font-size:.96rem; display:block; line-height:1.3;}
.dashx-idcard__meta small{color:rgba(231,206,148,.85); font-size:.78rem;}
.dashx-idcard .latin{direction:ltr; font-family:var(--font-latin); unicode-bidi:plaintext;}

/* --- glass stat chips (inside the hero) --- */
.dashx-stats{display:grid; grid-template-columns:repeat(6,1fr); gap:.7rem;}
@media (max-width:1000px){ .dashx-stats{grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ .dashx-stats{grid-template-columns:repeat(2,1fr);} }
.gstat{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:.4rem; padding:1rem 1.05rem; border-radius:var(--radius-md); background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); border:1px solid rgba(231,206,148,.22); backdrop-filter:blur(6px); transition:transform .25s var(--ease),border-color .25s var(--ease);}
.gstat:hover{transform:translateY(-3px); border-color:rgba(231,206,148,.5);}
.gstat__ic{width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:rgba(231,206,148,.16); color:#E7CE94;}
.gstat__ic svg{width:17px; height:17px;}
.gstat strong{font-family:var(--font-main); font-weight:700; font-size:1.5rem; color:#F4E3BC; line-height:1;}
.gstat>span:last-child{font-size:.72rem; color:rgba(251,246,234,.74);}

/* --- body : two columns --- */
.dashx-body-sec{padding:clamp(1.8rem,3.5vw,2.6rem) 0 clamp(2.4rem,5vw,3.6rem);}
.dashx-cols{display:grid; grid-template-columns:1fr 320px; gap:1.5rem; align-items:start;}
@media (max-width:920px){ .dashx-cols{grid-template-columns:1fr;} }
.dashx-col-side{display:flex; flex-direction:column; gap:1.2rem;}

.panel{position:relative; overflow:hidden; background:var(--bk-card); border:1px solid var(--bk-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); padding:clamp(1.4rem,3vw,1.9rem); margin-bottom:1.5rem;}
.dashx-col-main .panel:last-child{margin-bottom:0;}
.panel__head{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.3rem;}
.panel__title{position:relative; padding-inline-start:.85rem; font-size:1.15rem; font-weight:700; margin:0; color:var(--bk-heading);}
.panel__title::before{content:""; position:absolute; inset-inline-start:0; top:50%; transform:translateY(-50%); width:4px; height:18px; border-radius:2px; background:linear-gradient(var(--bk-gold),color-mix(in srgb,var(--bk-gold) 20%,transparent));}
.panel__more{font-size:.85rem; color:var(--bk-brand); font-weight:600;}
.panel__more:hover{color:var(--bk-gold-700,#7a5e1f);}

/* library showcase */
.lib-row{display:grid; grid-template-columns:repeat(auto-fill,minmax(218px,1fr)); gap:1rem;}
.lib-card{display:flex; gap:.9rem; padding:.85rem; border-radius:14px; border:1px solid var(--bk-border); background:var(--bk-inset); transition:transform .25s var(--ease),border-color .25s var(--ease);}
.lib-card:hover{transform:translateY(-3px); border-color:color-mix(in srgb,var(--bk-gold) 38%,transparent);}
.lib-card__cover{flex:none; width:52px; aspect-ratio:3/4; border-radius:8px; overflow:hidden; position:relative; display:grid; place-items:center; text-align:center; padding:.25rem; font-size:.5rem; font-weight:700; background:linear-gradient(150deg,var(--cover-bg,var(--bk-brand)),color-mix(in srgb,var(--cover-bg,var(--bk-brand)) 68%,#000)); color:var(--cover-text,#fff); box-shadow:var(--shadow-soft);}
.lib-card__cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.lib-card__body{display:flex; flex-direction:column; gap:.25rem; min-width:0;}
.lib-card__body strong{color:var(--bk-heading); font-size:.93rem; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.lib-card__status{font-size:.72rem; color:var(--bk-muted);}
.lib-card__cta{margin-top:auto; font-size:.78rem; font-weight:600; color:var(--bk-brand);}

.lib-empty{display:flex; flex-direction:column; align-items:center; text-align:center; gap:.6rem; padding:clamp(2.4rem,5vw,3.4rem) 1.5rem;}
.lib-empty__ic{width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:rgba(21,97,74,.07); color:var(--bk-brand); margin-bottom:.3rem;}
.lib-empty__ic svg{width:30px; height:30px;}
.lib-empty h3{font-size:1.15rem; font-weight:700; margin:0; color:var(--bk-heading);}
.lib-empty p{color:var(--bk-body); max-width:44ch; line-height:1.8; margin:0;}
.lib-empty .btn{margin-top:.7rem;}

/* quick access (airy tiles inside panel) */
.qa-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:.4rem;}
.qa-item{position:relative; display:flex; align-items:center; gap:.9rem; padding:.95rem 1rem; border-radius:14px; background:transparent; border:1px solid transparent; transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);}
.qa-item:hover{background:var(--bk-inset); border-color:var(--bk-border); transform:translateY(-2px);}
.qa-item__ic{flex:none; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(21,97,74,.07); color:var(--bk-brand); transition:transform .25s var(--ease);}
.qa-item:hover .qa-item__ic{transform:scale(1.06);}
.qa-item__ic svg{width:21px; height:21px;}
.qa-item__txt{flex:1; display:flex; flex-direction:column; gap:.15rem; min-width:0;}
.qa-item__txt strong{color:var(--bk-heading); font-size:.95rem;}
.qa-item__txt small{color:var(--bk-muted); font-size:.78rem;}
.qa-item__arrow{flex:none; color:var(--bk-muted); display:grid; place-items:center; opacity:0; transform:translateX(6px); transition:opacity .25s var(--ease),transform .25s var(--ease);}
.qa-item__arrow svg{width:18px; height:18px;}
.qa-item:hover .qa-item__arrow{opacity:.7; transform:translateX(0);}
.qa-item--accent .qa-item__ic{background:linear-gradient(140deg,var(--bk-brand),var(--bk-brand-700,#0f4a39)); color:var(--bk-gold-200,#E7CE94);}
.qa-item--accent .qa-item__txt strong{color:var(--bk-brand);}

/* getting started steps */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
@media (max-width:680px){ .steps{grid-template-columns:1fr;} }
.step{display:flex; align-items:flex-start; gap:.8rem; padding:1.1rem; border-radius:14px; background:var(--bk-inset); border:1px solid var(--bk-border);}
.step__no{flex:none; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-family:var(--font-main); font-weight:700; font-size:1rem; background:linear-gradient(140deg,var(--bk-brand),var(--bk-brand-700,#0f4a39)); color:var(--bk-gold-200,#E7CE94);}
.step__txt strong{display:block; color:var(--bk-heading); font-size:.95rem; margin-bottom:.2rem;}
.step__txt small{color:var(--bk-muted); font-size:.8rem; line-height:1.6;}

/* sidebar */
.side-profile{position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.45rem; padding:clamp(1.5rem,3vw,1.9rem); border-radius:var(--radius-lg); background:var(--bk-card); border:1px solid var(--bk-border); box-shadow:var(--shadow-soft);}
.side-profile::before{content:""; position:absolute; inset-inline:0; top:0; height:2px; background:linear-gradient(90deg,transparent,var(--bk-gold),transparent); opacity:.6;}
.side-profile__avatar{width:74px; height:74px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(140deg,var(--bk-brand),var(--bk-brand-700,#0f4a39)); color:var(--bk-gold-200,#E7CE94); margin-bottom:.3rem; box-shadow:0 14px 30px -14px rgba(21,97,74,.6);}
.side-profile__avatar svg{width:34px; height:34px;}
.side-profile__name{color:var(--bk-heading); font-size:1.05rem;}
.side-profile__role{color:var(--bk-muted); font-size:.82rem; margin-bottom:.8rem;}

.side-card{position:relative; overflow:hidden; padding:clamp(1.3rem,2.5vw,1.6rem); border-radius:var(--radius-lg); background:var(--bk-card); border:1px solid var(--bk-border); box-shadow:var(--shadow-soft);}
.side-card__title{font-size:1rem; font-weight:700; margin:0 0 .95rem; color:var(--bk-heading);}
.side-list{display:flex; flex-direction:column; margin:0;}
.side-list>div{display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.62rem 0; border-bottom:1px solid var(--bk-border);}
.side-list>div:last-child{border-bottom:0;}
.side-list dt{color:var(--bk-muted); font-size:.85rem;}
.side-list dd{margin:0; color:var(--bk-heading); font-weight:600; font-size:.88rem;}
.side-list dd.latin{direction:ltr; font-family:var(--font-latin); unicode-bidi:plaintext;}
.side-links{display:flex; flex-direction:column;}
.side-links a{display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.72rem .15rem; color:var(--bk-body); font-size:.9rem; border-bottom:1px solid var(--bk-border); transition:color .2s var(--ease);}
.side-links a:last-child{border-bottom:0;}
.side-links a:hover{color:var(--bk-brand);}
.side-links a svg{flex:none; width:16px; height:16px; color:var(--bk-muted);}

/* ===================== profile ===================== */
.dashboard-shell{padding:clamp(2.2rem,6vw,4.5rem) 0;}
.settings-card{position:relative; overflow:hidden; background:var(--bk-card); border:1px solid var(--bk-border); border-radius:var(--radius-lg); padding:clamp(1.4rem,3vw,2rem); box-shadow:var(--shadow-soft);}
.settings-card::before{content:""; position:absolute; inset-inline:0; top:0; height:2px; background:linear-gradient(90deg,transparent,var(--bk-gold),transparent); opacity:.55;}
.settings-card h1{font-size:clamp(1.4rem,2.8vw,1.9rem); font-weight:700; margin:.2rem 0 .6rem; color:var(--bk-heading);}
.settings-card>p{color:var(--bk-body); line-height:1.85; margin-bottom:.4rem;}

/* ============================================================
   Dashboard v14 — polished layout + refined cards
   (appended overrides; later rules win)
   ============================================================ */

/* hero: tighter top, a touch more compact */
.dashx-hero{ padding-top:calc(74px + clamp(1.4rem,3vw,2.2rem)); padding-bottom:clamp(1.9rem,3.6vw,2.8rem); }
@media (max-width:620px){ .dashx-hero{ padding-top:calc(64px + 1.5rem); } }
.dashx-hero__top{ margin-bottom:1.5rem; }
.dashx-hero h1{ letter-spacing:-.01em; }

/* stats: even flow (no lonely 7th card) + crisper cards */
.dashx-stats{ grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.65rem; }
@media (max-width:1000px){ .dashx-stats{ grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); } }
@media (max-width:560px){ .dashx-stats{ grid-template-columns:repeat(2,1fr); } }
.gstat{ padding:1.05rem 1.1rem; background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.038)); }
.gstat::after{ content:""; position:absolute; inset-inline:0; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(231,206,148,.62),transparent); opacity:0; transition:opacity .3s var(--ease); }
.gstat:hover{ border-color:rgba(231,206,148,.55); }
.gstat:hover::after{ opacity:1; }
.gstat__ic{ width:32px; height:32px; border-radius:10px; background:linear-gradient(140deg,rgba(231,206,148,.24),rgba(231,206,148,.07)); }
.gstat strong{ font-size:1.62rem; }

/* panels: cleaner heads + spacing */
.panel{ padding:clamp(1.3rem,2.6vw,1.8rem); border-radius:var(--radius-lg); }
.panel__head{ margin-bottom:1.15rem; }
.panel__title{ font-size:1.12rem; }

/* library cards: slightly larger cover, tighter pad */
.lib-card{ padding:.8rem; gap:.85rem; }
.lib-card:hover{ border-color:color-mix(in srgb,var(--bk-gold) 42%,transparent); box-shadow:0 16px 30px -22px rgba(28,37,33,.4); }
.lib-card__cover{ width:56px; }

/* quick-access: clearer gold-tinted hover */
.qa-grid{ gap:.5rem; }
.qa-item{ padding:.9rem 1rem; }
.qa-item:hover{ background:var(--bk-inset); border-color:color-mix(in srgb,var(--bk-gold) 24%,var(--bk-border)); }
.qa-item--accent{ background:linear-gradient(150deg,rgba(21,97,74,.05),transparent); border-color:color-mix(in srgb,var(--bk-brand) 14%,var(--bk-border)); }

/* steps: a little more breathing room */
.step{ padding:1rem 1.1rem; }
.step__no{ flex:none; }

/* side column: subtle layered depth + tidy rows */
.side-profile, .side-card{ box-shadow:0 1px 2px rgba(28,37,33,.04), 0 16px 36px -26px rgba(28,37,33,.24); }
.side-list>div{ padding:.58rem 0; }
.side-links a{ transition:color .2s var(--ease); }
.side-links a:hover{ color:var(--bk-brand); }

/* UX review — visible social profile CTA after login */
.dashx-social-cta{position:relative;display:inline-grid;gap:.12rem;margin-top:1rem;padding:.72rem 1.05rem;border-radius:999px;text-decoration:none;color:#0E3F30;background:linear-gradient(145deg,#F7E8B8,#C99D3B);box-shadow:0 18px 36px -22px rgba(231,206,148,.95);overflow:hidden;animation:dashSocialPulse 3s ease-in-out infinite;}
.dashx-social-cta::after{content:"";position:absolute;inset-block:-60%;inset-inline-start:-50%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:dashSocialSheen 3.8s ease-in-out infinite;}
.dashx-social-cta span{position:relative;z-index:1;font-weight:900;}
.dashx-social-cta small{position:relative;z-index:1;color:rgba(14,63,48,.78);font-size:.76rem;}
@keyframes dashSocialPulse{50%{transform:translateY(-2px);box-shadow:0 24px 44px -24px rgba(231,206,148,1)}}
@keyframes dashSocialSheen{45%,100%{inset-inline-start:120%;}}
@media (max-width:620px){.dashx-social-cta{width:100%;border-radius:18px;text-align:center;justify-items:center}}
.auth-brand__seal--book{position:relative;overflow:hidden;font-size:0!important;background:linear-gradient(145deg,#124E3B,#1b6a50)!important;}
.auth-brand__seal--book::before{content:"";position:absolute;inset:9px 10px 9px 14px;border:1px solid rgba(231,206,148,.62);border-radius:4px 8px 8px 4px;}
.auth-brand__seal--book::after{content:"";position:absolute;inset-block:11px;inset-inline-start:9px;width:5px;border-radius:4px 0 0 4px;background:linear-gradient(180deg,#f7edd0,#c7a55a);}