/* Base page */
.hars-shell-page,
.hars-lb-page{min-height:100vh;direction:rtl;background:#0b0f14;color:#e8eef7;font-family:inherit;}

/* Container */
.hars-shell-wrap,
.hars-lb-shell{max-width:1100px;margin:0 auto;padding:18px 16px 64px;}

/* Topbar */
.hars-shell-topbar,
.hars-lb-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}

.hars-shell-brand,
.hars-lb-brand{display:flex;align-items:center;gap:10px;}

.hars-shell-logo,
.hars-lb-logo{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;}

.hars-shell-brand h1,
.hars-lb-brand h1{margin:0;font-size:16px;line-height:1.2;}

/* Badges */
.hars-shell-badges,
.hars-lb-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

.hars-shell-pill,
.hars-lb-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;font-size:12px;white-space:nowrap;}

.hars-shell-pill--action{background:rgba(80,170,255,.12);border-color:rgba(80,170,255,.35);}

.hars-shell-pill a,
.hars-lb-pill a{color:#e8eef7;text-decoration:none;}

/* Nav */
.hars-shell-nav,
.hars-lb-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px;}

.hars-shell-nav a,
.hars-lb-nav a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#e8eef7;text-decoration:none;padding:10px 12px;border-radius:14px;font-size:13px;}

.hars-shell-nav a:hover,
.hars-lb-nav a:hover{background:rgba(255,255,255,.10);}

/* Guest alert */
.hars-shell-alert{margin:0 0 14px;background:rgba(255,190,60,.12);border:1px solid rgba(255,190,60,.32);color:#ffe9b8;padding:12px 14px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.hars-shell-alert__msg{font-size:13px;line-height:1.7;}
.hars-shell-alert__actions{display:flex;gap:8px;flex-wrap:wrap;}
.hars-shell-alert__btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e8eef7;text-decoration:none;padding:8px 10px;border-radius:12px;font-size:12px;}
.hars-shell-alert__btn--primary{background:rgba(80,170,255,.18);border-color:rgba(80,170,255,.35);}

/* Generic empty state box (pink) */
.hars-shell-empty{background:rgba(255,70,130,.12);border:1px solid rgba(255,70,130,.35);color:#ffd7e6;padding:12px 14px;border-radius:14px;font-size:13px;}

@media (max-width:640px){
  .hars-shell-wrap{padding:14px 12px 56px;}
}