/* Rise · Eco Bar — стили единой панели экосистемы (использует переменные брендинга сайта) */
.eco-bar{ display:flex; align-items:center; gap:8px; }
.eco-bar:empty{ display:none; }
.eb-ico svg, .eb-btn svg{ width:18px; height:18px; display:block; }
.eb-btn{ width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--color-border, rgba(128,128,128,.3)); border-radius:10px;
  background:transparent; color:inherit; cursor:pointer; transition:background .15s,border-color .15s; }
.eb-btn:hover{ border-color:var(--color-primary,#FFC107); background:var(--color-bg-soft, rgba(128,128,128,.08)); }
.eb-chip{ display:flex; align-items:center; gap:6px; height:38px; padding:0 12px;
  border:1px solid var(--color-border, rgba(128,128,128,.3)); border-radius:10px;
  background:transparent; color:inherit; cursor:pointer; font:600 13px/1 inherit; white-space:nowrap; }
.eb-chip:hover{ border-color:var(--color-primary,#FFC107); }
.eb-bal-bonus{ font-weight:500; opacity:.65; font-size:12px; }
.eb-profile{ display:flex; align-items:center; gap:8px; height:38px; padding:0 10px 0 4px;
  border:1px solid var(--color-border, rgba(128,128,128,.3)); border-radius:10px;
  background:transparent; color:inherit; cursor:pointer; text-align:left; max-width:220px; }
.eb-profile:hover{ border-color:var(--color-primary,#FFC107); }
.eb-ava{ width:30px; height:30px; flex:0 0 30px; border-radius:50%; overflow:hidden;
  display:flex; align-items:center; justify-content:center; font:700 13px/1 inherit;
  background:var(--color-primary,#FFC107); color:#111; }
.eb-ava img{ width:100%; height:100%; object-fit:cover; }
.eb-who{ display:flex; flex-direction:column; min-width:0; }
.eb-who b{ font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eb-who small{ font-size:11px; opacity:.65; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Модалка профиля */
.eb-modal-bg{ position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center; padding:16px; }
.eb-modal{ position:relative; width:100%; max-width:420px; max-height:88vh; overflow-y:auto;
  background:var(--color-bg,#fff); color:var(--color-text,#111);
  border:1px solid var(--color-border, rgba(128,128,128,.3)); border-radius:16px; padding:22px;
  box-shadow:0 24px 48px rgba(0,0,0,.35); }
.eb-x{ position:absolute; top:10px; right:12px; border:0; background:none; font-size:24px;
  line-height:1; cursor:pointer; color:inherit; opacity:.6; } .eb-x:hover{ opacity:1; }
.eb-p-head{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.eb-ava-lg{ width:56px; height:56px; flex:0 0 56px; font-size:22px; }
.eb-p-name{ font-size:17px; font-weight:700; }
.eb-p-role{ font-size:13px; opacity:.65; margin-top:2px; }
.eb-p-status{ font-size:12px; font-weight:600; margin-top:3px; }
.eb-p-rows{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.eb-p-row{ padding:8px 12px; border:1px solid var(--color-border, rgba(128,128,128,.25));
  border-radius:10px; font-size:14px; }
.eb-p-row small{ display:block; font-size:11px; opacity:.6; margin-bottom:2px; }
.eb-p-actions{ display:flex; flex-direction:column; gap:8px; }
.eb-act{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px;
  border:1px solid var(--color-border, rgba(128,128,128,.3)); background:transparent;
  color:inherit; font:500 14px/1 inherit; cursor:pointer; text-decoration:none; }
.eb-act:hover{ border-color:var(--color-primary,#FFC107); background:var(--color-bg-soft, rgba(128,128,128,.08)); }
.eb-act-danger{ color:#DC2626; border-color:rgba(220,38,38,.4); }
.eb-act-danger:hover{ background:rgba(220,38,38,.08); border-color:#DC2626; }
/* Адаптив */
@media (max-width: 720px){
  .eb-who{ display:none; }
  .eb-profile{ padding:0 4px; max-width:none; }
  .eb-chip .eb-bal-bonus{ display:none; }
}
@media (max-width: 480px){
  .eco-bar{ gap:6px; }
  .eb-btn{ width:34px; height:34px; }
  .eb-chip{ height:34px; padding:0 8px; font-size:12px; }
}

/* Гостевая кнопка входа */
.eb-login{ text-decoration:none; padding:0 18px; font-weight:600;
  background:var(--color-primary, #6c5ce7); color:#fff; border-color:transparent; }
.eb-login:hover{ opacity:.9; }
/* Окно подтверждения */
.eb-confirm-text{ font-size:14px; opacity:.8; line-height:1.45; margin-bottom:16px; }
.eb-confirm-actions{ display:flex; gap:8px; }
.eb-confirm-actions .eb-act{ flex:1; justify-content:center; }