/* ─────────────────────────────────────────────────────────────
   account-menu.css — Menu tài khoản góc phải thanh điều hướng (xem account-menu.js).
   Dùng token của theme.css; nạp ở dashboard.html và ban-tin.html.
   ───────────────────────────────────────────────────────────── */
.pdv-acct{position:relative;display:inline-flex;align-items:center;}

/* ── Nút: avatar + tên + mũi tên ── */
.pdv-acct__btn{
  display:inline-flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:var(--radius-pill);
  background:none;border:1.5px solid transparent;cursor:pointer;color:var(--color-black);
  font-family:var(--font-body);transition:background var(--ease),border-color var(--ease);
}
.pdv-acct__btn:hover,.pdv-acct.is-open .pdv-acct__btn{background:var(--color-gray-bg);}
.pdv-acct__btn:focus-visible{outline:2px solid var(--color-black);outline-offset:2px;}
.pdv-acct__avatar{
  width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--color-black);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-heading);font-weight:800;font-size:14px;line-height:1;
}
.pdv-acct__avatar--lg{width:42px;height:42px;flex-basis:42px;font-size:17px;}
.pdv-acct__name{font-size:13.5px;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pdv-acct__chev{display:inline-flex;color:var(--color-gray-text);}
.pdv-acct__chev svg{width:15px;height:15px;transition:transform var(--ease);}
.pdv-acct.is-open .pdv-acct__chev svg{transform:rotate(180deg);}

/* ── Menu: dán sát lề phải màn hình, ngay dưới thanh điều hướng (top/padding-top do account-menu.js đặt) ──
   Phần padding-top trong suốt là "cầu" cho chuột đi từ nút xuống thẻ. */
.pdv-acct__menu{display:none;position:fixed;right:0;top:68px;z-index:300;padding-top:14px;width:300px;max-width:100vw;}
.pdv-acct.is-open .pdv-acct__menu{display:block;}
@media(hover:hover) and (min-width:761px){
  .pdv-acct:hover .pdv-acct__menu{display:block;}
  .pdv-acct:hover .pdv-acct__chev svg{transform:rotate(180deg);}
}
.pdv-acct.is-hold .pdv-acct__menu{display:none!important;}
.pdv-acct.is-hold .pdv-acct__chev svg{transform:none!important;}
.pdv-acct__card{
  background:var(--color-white);border:1px solid var(--color-border);border-right:none;border-top:none;border-radius:0 0 0 16px;padding:8px;
  box-shadow:-10px 14px 36px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.05);
  text-align:left;text-transform:none;letter-spacing:0;animation:pdvAcctIn .14s ease-out;
}
@keyframes pdvAcctIn{from{opacity:0;transform:translateX(16px);}to{opacity:1;transform:none;}}

.pdv-acct__head{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid var(--color-border);margin-bottom:6px;}
.pdv-acct__who{min-width:0;flex:1 1 auto;}
.pdv-acct__who-name{font-weight:700;font-size:14.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pdv-acct__who-mail{font-family:var(--font-data);font-size:11.5px;color:var(--color-gray-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;}
.pdv-acct__who-badge{margin-top:7px;}

.pdv-acct__item{
  display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:11px 12px;border-radius:var(--radius-sm);
  background:none;border:none;cursor:pointer;text-align:left;
  font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--color-black);line-height:1.3;
  text-transform:none;letter-spacing:0;transition:background var(--ease),color var(--ease);
}
.pdv-acct__item svg{width:18px;height:18px;flex:0 0 18px;color:var(--color-gray-text);transition:color var(--ease);}
.pdv-acct__item:hover,.pdv-acct__item:focus-visible{background:var(--color-gray-bg);outline:none;}
.pdv-acct__item:hover svg,.pdv-acct__item:focus-visible svg{color:var(--color-black);}
.pdv-acct__item--out:hover,.pdv-acct__item--out:hover svg{color:var(--color-red-text);}
.pdv-acct__sep{height:1px;background:var(--color-border);margin:6px 4px;}

/* ── Màn hình nhỏ: chỉ giữ avatar + mũi tên cho gọn ── */
@media(max-width:560px){
  .pdv-acct__name{display:none;}
  .pdv-acct__btn{padding-right:8px;}
}
@media (prefers-reduced-motion:reduce){ .pdv-acct__card{animation:none;} }

/* ── Thanh menu ở các trang công khai khi đã đăng nhập (nav-auth.js) ── */
.nav-user{display:flex;align-items:center;gap:12px;}
.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--radius-pill);
  font-family:var(--font-data);font-size:11.5px;font-weight:500;letter-spacing:.01em;line-height:1.3;white-space:nowrap;}
.badge-active{background:var(--color-green-bg);color:var(--color-green-text);}
.badge-trial{background:var(--color-amber-bg);color:var(--color-amber-text);}
.badge-expired{background:var(--color-red-bg);color:var(--color-red-text);}
.badge-suspended{background:#ededed;color:#5f5f5f;}
@media(max-width:1120px){ .nav-actions.is-user{display:flex;margin-left:auto;} .nav-actions.is-user + .hamburger{margin-left:0;} }