/* KBH_STAGE_145_UX_FIXES_MENU_V1 */

/* Toolbox i PRODUKTOR – ukryte */
#tbToolbox, #tbProduktor { display: none !important; }

/* Strzałki rozwijanych sekcji Kroku 3: ▸ zwinięta, ▾ rozwinięta (bez obracania) */
#step3ParamsContainer .acc-item .acc-caret,
#step3ParamsContainer .acc-item:not(.acc-open) .acc-caret { transform: none !important; }

/* Pozycja interfejsu przeniesiona do Ustawień */
#topbar .tb-menu [data-kbh-s137-ui],
#topbar .kbh-ux-menu .tb-item[data-kbh-s137-ui] { display: none !important; }
body:not(.role-superuser) #topbar .kbh-ux-menu .tb-item.kbh-su-only { display: none !important; }

/* ---------- Menu „Moje konto” ---------- */
#topbar .tb-menu.kbh-ux-menu {
  min-width: 284px !important;
  padding: 8px !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .08) !important;
  flex-direction: column;
  gap: 2px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}
#topbar .tb-dropdown[aria-open="true"] .tb-menu.kbh-ux-menu { display: flex !important; }

.kbh-ux-menu .kbh-ux-user {
  order: 0;
  display: flex; align-items: center; gap: 12px;
  padding: 10px 10px 12px; margin-bottom: 4px;
  border-bottom: 1px solid var(--border, rgba(0,0,0,.08));
}
.kbh-ux-menu .kbh-ux-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center; flex: 0 0 38px;
  background: linear-gradient(135deg, #ffd84d, #f4b400);
  color: #3b2f00; font-weight: 800; font-size: 15px; letter-spacing: .02em;
}
.kbh-ux-menu .kbh-ux-user-name { font-weight: 700; font-size: 14.5px; line-height: 1.2; }
.kbh-ux-menu .kbh-ux-user-role {
  display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 999px;
  font-size: 11.5px; font-weight: 600; background: rgba(244,196,0,.18); color: #7a5b00;
}

.kbh-ux-menu .kbh-ux-sec {
  padding: 10px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; opacity: .55; cursor: default; user-select: none;
}

#topbar .kbh-ux-menu .tb-item {
  display: flex !important; align-items: center; gap: 12px;
  min-height: 40px; padding: 8px 10px !important;
  border-radius: 10px !important; border: 1px solid transparent !important;
  font-size: 14px; font-weight: 500; line-height: 1.25;
  justify-content: flex-start !important; text-align: left !important;
  transition: background .12s ease, color .12s ease;
}
#topbar .kbh-ux-menu .tb-item:hover,
#topbar .kbh-ux-menu .tb-item:focus-visible {
  background: rgba(244,196,0,.14) !important; border-color: transparent !important; outline: none;
}
.kbh-ux-menu .kbh-ux-ico {
  width: 30px; height: 30px; flex: 0 0 30px; border-radius: 9px;
  display: grid; place-items: center;
  background: rgba(15,23,42,.05); color: inherit;
}
.kbh-ux-menu .kbh-ux-ico svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.kbh-ux-menu .kbh-ux-txt { display: flex; flex-direction: column; min-width: 0; }
.kbh-ux-menu .kbh-ux-txt small { font-size: 11.5px; opacity: .6; font-weight: 400; margin-top: 1px; }
.kbh-ux-menu .kbh-ux-badge {
  margin-left: auto; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px;
  background: rgba(22,163,74,.14); color: #15803d;
}
.kbh-ux-menu .kbh-ux-badge.off { background: rgba(100,116,139,.14); color: #475569; }

.kbh-ux-menu hr { order: 90; width: 100%; border: 0; border-top: 1px solid var(--border, rgba(0,0,0,.08)); margin: 6px 0; }
#topbar .kbh-ux-menu .tb-item[data-user="logout"] { order: 99; color: #c62828 !important; }
#topbar .kbh-ux-menu .tb-item[data-user="logout"] .kbh-ux-ico { background: rgba(198,40,40,.08); }
#topbar .kbh-ux-menu .tb-item[data-user="logout"]:hover { background: rgba(198,40,40,.08) !important; }

/* kolejność sekcji */
.kbh-ux-menu [data-kbh-ux-order] { order: var(--kbh-ux-order, 50); }
body:not(.role-superuser) .kbh-ux-menu .kbh-ux-sec-admin { display: none !important; }

/* ---------- Ustawienia: interfejs ---------- */
.kbh-ux-iface {
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border, rgba(0,0,0,.1));
  background: rgba(244,196,0,.07);
}
.kbh-ux-iface b { font-size: 14px; }
.kbh-ux-iface span { font-size: 13px; opacity: .8; }
.kbh-ux-iface button { margin-left: auto; }

/* ---------- Rysunki bez otwartego zapytania ---------- */
.kbh-ux-empty {
  display: flex; align-items: center; gap: 16px; padding: 18px 20px; margin: 10px 0 14px;
  border-radius: 14px; border: 1px dashed rgba(244,196,0,.8); background: rgba(244,196,0,.08);
}
.kbh-ux-empty .kbh-ux-empty-ico { font-size: 28px; }
.kbh-ux-empty b { display: block; font-size: 15px; margin-bottom: 2px; }
.kbh-ux-empty span { font-size: 13px; opacity: .8; }
.kbh-ux-empty button { margin-left: auto; white-space: nowrap; }
#drawings.kbh-ux-no-job .card,
#drawings.kbh-ux-no-job .actions .muted { display: none !important; }

/* Liczniki na Starcie: podpis, czego dotyczy liczba */
.start-stat-hint { font-size: 11.5px; opacity: .65; margin-top: 2px; font-weight: 500; }