@charset "UTF-8";
/* Celestial Eclipse multiaccount v1.0.0. HTML-низ перед multiaccount.js. */
.punbb #pun-navlinks #navprofiles { position: relative; }
/* Компактный переключатель сохраняет исходное меню администратора в одну строку. */
.punbb #pun-navlinks #navprofiles > a { display: inline-flex; align-items: center; min-width: 20px; justify-content: center; }
.punbb #pun-navlinks #navprofiles > a > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.punbb #pun-navlinks #navprofiles > a::after { content: '\f362'; font: 700 16px/20px var(--fa, 'Font Awesome 6 Pro'); }
.punbb #pun-navlinks #navprofiles > .multiacc-profilemenu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1200;
  box-sizing: border-box;
  display: block;
  width: 280px;
  max-width: calc(100vw - 16px);
  max-height: min(420px, 70dvh);
  overflow: auto;
  padding: 6px;
  margin: 0;
  color: var(--link, #342648);
  font: 13px/1.4 var(--font1, Arial, sans-serif);
  background: var(--bg3, #eee4e0);
  border: 1px solid var(--bd2, #87735e);
  border-radius: 16px 4px;
  box-shadow: 0 10px 30px #13151a55;
  text-align: left;
  list-style: none;
}
.punbb #pun-navlinks #navprofiles > .multiacc-profilemenu[hidden] { display: none; }
.punbb #pun-navlinks #navprofiles > .multiacc-profilemenu > li { display: flex; align-items: center; padding: 0; margin: 0; width: 100%; font: inherit; text-transform: none; }
.punbb #pun-navlinks #navprofiles .multiacc-profilemenu button {
  font: 13px/1.4 var(--font1, Arial, sans-serif);
  color: inherit;
  background: transparent;
  border: 0;
  min-height: 44px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  text-transform: none;
  text-align: left;
  border-radius: 8px 2px;
}
.punbb #pun-navlinks #navprofiles .multiacc-account,
.punbb #pun-navlinks #navprofiles .multiacc-add { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.punbb #pun-navlinks #navprofiles .multiacc-active { font-weight: 700; background: #d4c2b6; }
.punbb #pun-navlinks #navprofiles .multiacc-delete-btn { flex: 0 0 40px; text-align: center; font: 22px/1 Arial, sans-serif; }
.punbb #pun-navlinks #navprofiles button:hover { background: #d4c2b6; }
.punbb #pun-navlinks #navprofiles .multiacc-status { display: block; padding: 8px 10px; color: #645754; font-size: 12px; }
.punbb #pun-navlinks #navprofiles .multiacc-status:empty { display: none; }
.multiacc-overlay { position: fixed; inset: 0; z-index: 2147483002; display: flex; align-items: center; justify-content: center; padding: 16px; background: #13151a99; box-sizing: border-box; }
.multiacc-dialog { box-sizing: border-box; width: 400px; max-width: 100%; max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; color: #342648; font: 14px/1.5 var(--font1, Arial, sans-serif); background: var(--bg3, #eee4e0); border: 1px solid #b99465; border-radius: 20px 4px; box-shadow: 0 16px 60px #13151a66; }
.multiacc-dialog h2 { margin: 0 0 10px; padding: 0; color: inherit; font: 700 19px/1.4 var(--font1, Arial, sans-serif); background: none; border: 0; text-transform: none; }
.multiacc-dialog .multiacc-help { margin: 0 0 20px; color: #645754; font-size: 12px; }
.multiacc-dialog form { padding: 0; margin: 0; border: 0; }
.multiacc-dialog label { display: block; margin: 14px 0 4px; }
.multiacc-dialog input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 9px 12px; color: #302930; background: #fbf5ef; border: 1px solid #87735e; border-radius: 8px; font: 16px/1.4 Arial, sans-serif; }
.multiacc-dialog .multiacc-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.multiacc-dialog button { min-height: 44px; padding: 8px 18px; color: #342648; background: #dfcfc4; border: 1px solid #87735e; border-radius: 8px; font: inherit; cursor: pointer; }
.multiacc-dialog button[type="submit"] { background: #493850; color: #fff5e6; border-color: #493850; }
.multiacc-dialog .multiacc-status { color: #853f3f; font-size: 12px; }
.multiacc-dialog :focus-visible, #navprofiles :focus-visible { outline: 2px solid #a26938; outline-offset: 2px; }
.multiacc-dialog button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 540px) {
  .punbb #pun-navlinks #navprofiles > a::after { content: '\f362'; font: 700 16px/20px var(--fa, 'Font Awesome 6 Pro'); }
  .punbb #pun-navlinks #navprofiles > .multiacc-profilemenu { position: fixed; top: var(--ce-menu-top, 44px); right: 8px; max-height: var(--ce-menu-height, calc(100dvh - 60px)); }
  .multiacc-dialog { width: 100%; padding: 20px; }
}