/*
 * Studfolio · Theme B — pozostałe podstrony (0.89.6).
 * Każda reguła przypięta do klasy strony na <body> (page-<endpoint>).
 * Tylko wygląd: tła, obramowania, kolory tekstu, kształt kart „klocków”.
 */

/* ---------- Moje klocki (/klocki) ---------- */
html[data-ui-theme] .page-parts_inventory .parts-v2-card {
  position: relative;
  overflow: visible !important;
  margin-top: 10px;
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 14px !important;
  background: var(--ui-card) !important;
  box-shadow: inset 0 -5px 0 var(--b-brick-edge) !important;
}
/* wypustki nad kartą klocka */
html[data-ui-theme] .page-parts_inventory .parts-v2-card::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 16px;
  width: 26px;
  height: 10px;
  border-radius: 7px 7px 0 0;
  background: var(--b-brick-edge);
  box-shadow: 40px 0 0 var(--b-brick-edge), 80px 0 0 var(--b-brick-edge);
  pointer-events: none;
}
html[data-ui-theme] .page-parts_inventory .parts-v2-card:hover { border-color: color-mix(in srgb, var(--b-yellow) 70%, var(--b-brick-edge)) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-card:hover::before { background: color-mix(in srgb, var(--b-yellow) 70%, var(--b-brick-edge)); box-shadow: 40px 0 0 color-mix(in srgb, var(--b-yellow) 70%, var(--b-brick-edge)), 80px 0 0 color-mix(in srgb, var(--b-yellow) 70%, var(--b-brick-edge)); }
/* przycisk-otwieracz karty nie może dostać ogólnego (fioletowego/żółtego) stylu przycisku */
html[data-ui-theme] .page-parts_inventory .main-content .parts-v2-trigger.parts-v2-trigger.parts-v2-trigger.parts-v2-trigger {
  display: block;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  background: transparent !important;
  color: var(--ui-ink) !important;
  font-weight: 500;
  text-align: left;
  box-shadow: none !important;
  filter: none !important;
}
html[data-ui-theme] .page-parts_inventory .parts-v2-image { border-radius: 10px !important; background: #FFFFFF !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-name { color: var(--ui-ink) !important; font-family: var(--b-font-display); font-weight: 700; line-height: 1.2; }
html[data-ui-theme] .page-parts_inventory .parts-v2-number { color: var(--ui-muted) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-color { border: 1px solid var(--ui-line) !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-badge { border-radius: 7px !important; background: color-mix(in srgb, var(--b-blue) 14%, var(--ui-card)) !important; color: var(--ui-ink) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-badge.used { background: color-mix(in srgb, var(--b-yellow) 22%, var(--ui-card)) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-badge.manual { background: color-mix(in srgb, var(--b-red) 14%, var(--ui-card)) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-price { border-radius: 9px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; box-shadow: inset 0 -3px 0 var(--ui-line); }
html[data-ui-theme] .page-parts_inventory .parts-v2-price small { color: var(--ui-muted) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-quantity { color: var(--ui-positive) !important; font-family: var(--b-font-display); }
html[data-ui-theme] .page-parts_inventory .main-content .parts-v2-sets-button.parts-v2-sets-button.parts-v2-sets-button.parts-v2-sets-button {
  border: 2px solid var(--ui-line) !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
}
html[data-ui-theme] .page-parts_inventory .parts-v2-remove { color: var(--b-red-text) !important; }
html[data-ui-theme] .page-parts_inventory .parts-v2-select { accent-color: var(--b-yellow); }

/* ---------- Moje minifigurki (/minifigurki) ---------- */
html[data-ui-theme] .page-minifigs_inventory :is(.minifig-stat, .minifig-catalog-actions, .minifig-sync-info) {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 14px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -5px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] .page-minifigs_inventory .minifig-sync-warning { border-radius: 14px !important; background: color-mix(in srgb, var(--ui-warning) 14%, var(--ui-card)) !important; color: var(--ui-ink) !important; border-color: color-mix(in srgb, var(--ui-warning) 40%, var(--ui-line)) !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-price-box { border-radius: 10px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-note { color: var(--ui-muted) !important; background: transparent !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-badge { border-radius: 7px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-badge.minifig-condition-used { background: color-mix(in srgb, var(--b-yellow) 22%, var(--ui-card)) !important; }
html[data-ui-theme] .page-minifigs_inventory :is(.minifig-value-enabled, .minifig-value-disabled) { border-radius: 7px !important; background: var(--ui-card-soft) !important; color: var(--ui-muted) !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-value-enabled { background: color-mix(in srgb, var(--ui-positive) 14%, var(--ui-card)) !important; color: var(--ui-positive) !important; }
html[data-ui-theme] .page-minifigs_inventory .minifig-stat :is(b, strong) { color: var(--ui-ink) !important; font-family: var(--b-font-display); }

/* ---------- Historia wartości ---------- */
html[data-ui-theme] .page-portfolio_history :is(.portfolio-chart-card, .portfolio-period-panel) {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 16px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -6px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] .page-portfolio_history :is(.portfolio-period, .portfolio-back-link) { border-radius: 10px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; }
html[data-ui-theme] .page-portfolio_history .portfolio-period:is(.active, [aria-current]) { background: var(--b-yellow) !important; color: var(--b-yellow-ink) !important; }
html[data-ui-theme] .page-portfolio_history .portfolio-history-note { background: transparent !important; color: var(--ui-muted) !important; }

/* ---------- Kategorie ---------- */
html[data-ui-theme] .page-manage_categories :is(.category-panel, .category-card) {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 16px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -6px 0 var(--b-brick-edge) !important;
}

/* ---------- Newsy, nowe zestawy, notatnik ---------- */
html[data-ui-theme] .page-news_history :is(.news-filter-check, .news-tag-options) { border-radius: 10px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; }
html[data-ui-theme] .page-news_history .main-content summary { background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; border-radius: 10px; }
html[data-ui-theme] .page-new_sets .new-sets-source-note { border-radius: 12px !important; background: var(--ui-card-soft) !important; color: var(--ui-muted) !important; border-color: var(--ui-line) !important; }
html[data-ui-theme] .page-notebook .dashboard-note {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 16px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -6px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] .page-notebook .note-editor { border: 2px solid var(--ui-line) !important; border-radius: 12px !important; background: var(--ui-field) !important; color: var(--ui-ink) !important; }
html[data-ui-theme] .page-notebook .note-image-button { border: 2px solid var(--ui-line) !important; border-radius: 10px !important; background: var(--ui-card-soft) !important; color: var(--ui-ink) !important; }

/* ---------- Sprawdź cenę: źródła ofert z ikonami ---------- */
html[data-ui-theme] .page-price_check_page .pc-sources { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html[data-ui-theme] .page-price_check_page .pc-source-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 2px solid var(--ui-line);
  border-radius: 10px;
  background: var(--ui-card-soft);
  color: var(--ui-ink) !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
html[data-ui-theme] .page-price_check_page .pc-source-option:has(input:checked) { border-color: var(--b-yellow); background: color-mix(in srgb, var(--b-yellow) 16%, var(--ui-card)); }
html[data-ui-theme] .page-price_check_page .pc-source-option img { border-radius: 3px; }
html[data-ui-theme] .page-price_check_page .pc-source-option { flex: 0 0 auto; white-space: nowrap; justify-content: flex-start; }
html[data-ui-theme] .page-price_check_page .pc-source-option input { flex: 0 0 auto; width: auto !important; min-width: 0 !important; accent-color: var(--b-yellow); margin: 0; }

/* ---------- Administracja: Użytkownicy i Zdalne workery (do czasu przebudowy w etapie 6) ---------- */
html[data-ui-theme] :is(.page-admin_users :is(.users-card, .users-table-wrap), .page-admin_catalog_workers :is(.worker-stat, .worker-card, .worker-table-wrap)) {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 14px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -5px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] .page-admin_catalog_workers .worker-warning { border-radius: 12px !important; background: color-mix(in srgb, var(--ui-warning) 14%, var(--ui-card)) !important; color: var(--ui-ink) !important; }
html[data-ui-theme] .page-admin_catalog_workers .worker-button.secondary { border: 2px solid var(--ui-line) !important; background: transparent !important; color: var(--ui-ink) !important; }
html[data-ui-theme] :is(.page-admin_users, .page-admin_catalog_workers) .main-content :is(h1, h2, h3, th, td, label, p) { color: inherit; }

/* 0.90.6: zakładki serwisów w wynikach (makieta B-Sprawdz-cene) */
.page-price_check_page .pc-source-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; padding: 6px; border-radius: 14px; background: var(--ui-card-soft); }
.page-price_check_page .pc-source-tabs[hidden] { display: none; }
html[data-ui-theme] .page-price_check_page .main-content .pc-source-tab.pc-source-tab.pc-source-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--ui-ink) !important;
  font: 700 13.5px var(--b-font) !important;
  box-shadow: none !important;
}
html[data-ui-theme] .page-price_check_page .main-content .pc-source-tab.pc-source-tab.pc-source-tab[aria-selected="true"] {
  border-color: var(--b-yellow) !important;
  background: var(--ui-card) !important;
  box-shadow: inset 0 -3px 0 var(--b-yellow) !important;
}
html[data-ui-theme] .page-price_check_page .pc-source-tab b { min-width: 20px; padding: 1px 6px; border-radius: 8px; background: var(--ui-card); color: var(--ui-muted); font-size: 11.5px; text-align: center; }
html[data-ui-theme] .page-price_check_page .pc-source-tab[aria-selected="true"] b { background: var(--b-yellow); color: var(--b-yellow-ink); }
html[data-ui-theme] .page-price_check_page .pc-source-tab.is-error span { color: var(--ui-negative); }
.page-price_check_page .pc-source-columns.is-tabbed { grid-template-columns: 1fr !important; }
.page-price_check_page .pc-source-column[hidden] { display: none !important; }
html[data-ui-theme] .page-price_check_page .pc-source-column {
  border: 2px solid var(--b-brick-edge) !important;
  border-radius: 16px !important;
  background: var(--ui-card) !important;
  box-shadow: inset 0 -6px 0 var(--b-brick-edge) !important;
}

/* ---------- 0.90.6: karty jak klocki na podstronach (szary pas + wypustki, żółte przy najechaniu) ---------- */
html[data-ui-theme] :is(.page-minifigs_inventory .minifig-card, .page-news_history .news-history-item, .page-new_sets .new-set-card, .page-news_history .watch-item) {
  --sf-tab: color-mix(in srgb, var(--ui-muted) 38%, var(--ui-card));
  position: relative;
  overflow: visible !important;
  margin-top: 10px;
  border: 2px solid var(--b-brick-edge) !important;
  border-top: 8px solid var(--sf-tab) !important;
  border-radius: 14px !important;
  background: var(--ui-card) !important;
  color: var(--ui-ink) !important;
  box-shadow: inset 0 -5px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] :is(.page-minifigs_inventory .minifig-card, .page-news_history .news-history-item, .page-new_sets .new-set-card, .page-news_history .watch-item)::before {
  content: "";
  position: absolute;
  top: -17px;
  left: 16px;
  width: 26px;
  height: 10px;
  border-radius: 7px 7px 0 0;
  background: var(--sf-tab);
  box-shadow: 40px 0 0 var(--sf-tab), 80px 0 0 var(--sf-tab);
  pointer-events: none;
}
html[data-ui-theme] :is(.page-minifigs_inventory .minifig-card, .page-news_history .news-history-item, .page-new_sets .new-set-card):hover { --sf-tab: var(--b-yellow); }
/* newsy powiązane z kolekcją / sprawdzeniami / obserwowanymi mają kolorowy pas */
html[data-ui-theme] .page-news_history .news-history-item.is-collection { --sf-tab: var(--b-green); }
html[data-ui-theme] .page-news_history .news-history-item.is-price-check { --sf-tab: var(--b-blue); }
html[data-ui-theme] .page-news_history .news-history-item.is-watched { --sf-tab: var(--b-yellow); }
html[data-ui-theme] .page-new_sets .new-set-card.is-related { --sf-tab: var(--b-green); }
html[data-ui-theme] .page-news_history .watch-item { margin-top: 14px; }

/* ---------- 0.90.6: Inwestycje — kafelki sum jak kolorowe klocki (makieta B-Inwestycje) ---------- */
html[data-ui-theme] .page-investment_expenses .expenses-metric { position: relative; overflow: visible !important; margin-top: 12px; border-top: 8px solid var(--metric-color, var(--b-yellow)) !important; }
html[data-ui-theme] .page-investment_expenses .expenses-metric::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 16px;
  width: 26px;
  height: 10px;
  border-radius: 7px 7px 0 0;
  background: var(--metric-color, var(--b-yellow));
  box-shadow: 40px 0 0 var(--metric-color, var(--b-yellow));
}
html[data-ui-theme] .page-investment_expenses .expenses-metric:nth-child(1) { --metric-color: var(--b-yellow); }
html[data-ui-theme] .page-investment_expenses .expenses-metric:nth-child(2) { --metric-color: var(--b-green); }
html[data-ui-theme] .page-investment_expenses .expenses-metric:nth-child(3) { --metric-color: var(--b-blue); }
html[data-ui-theme] .page-investment_expenses .expenses-metric:nth-child(4) { --metric-color: var(--b-red); }
html[data-ui-theme] .page-investment_expenses .expenses-metric b { color: var(--ui-ink) !important; font-family: var(--b-font-display); }
html[data-ui-theme] .page-investment_expenses .expenses-notice {
  border: 2px solid var(--b-brick-edge) !important;
  border-left: 6px solid var(--b-blue) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--b-blue) 8%, var(--ui-card)) !important;
}
html[data-ui-theme] .page-investment_expenses .expenses-back { border: 2px solid var(--ui-line) !important; border-radius: 10px !important; background: var(--ui-card) !important; color: var(--ui-ink) !important; }
html[data-ui-theme] .page-investment_expenses .expenses-table tr:hover td { background: color-mix(in srgb, var(--b-yellow) 8%, transparent) !important; }

/* ---------- 0.90.6: formularze dodawania i edycji (makieta B-Formularze) ---------- */
html[data-ui-theme] :is(.page-add_set, .page-edit_set, .page-add_loose_part, .page-add_part_batch, .page-minifig_add_manual) .main-content :is(form.simple-form, .edit-section, .duplicate-purchase-choice) {
  border: 2px solid var(--b-brick-edge) !important;
  border-top: 8px solid var(--b-yellow) !important;
  border-radius: 16px !important;
  background: var(--ui-card) !important;
  box-shadow: inset 0 -6px 0 var(--b-brick-edge) !important;
}
html[data-ui-theme] :is(.page-add_set, .page-edit_set) .main-content :is(h1, h2, h3) { color: var(--ui-ink) !important; font-family: var(--b-font-display); }
html[data-ui-theme] :is(.page-add_set, .page-edit_set) .main-content label { color: var(--ui-muted); font-weight: 700; }

/* ---------- MOC Studio ---------- */
html[data-ui-theme] .page-moc_studio .moc-image-credit { background: var(--ui-card-soft) !important; color: var(--ui-muted) !important; border-radius: 6px; }

/* ==========================================================================
   0.90.9 · poprawki po przeglądzie (formularz dodawania, baza zestawów,
   baza minifigurek, źródła bez klucza API w „Sprawdź cenę”)
   ========================================================================== */
/* Dodaj zestaw: szeroki formularz w 4 kolumnach, wyśrodkowany, równe marginesy */
.page-add_set #addSetForm, .page-add_set :is(.add-set-error, .duplicate-purchase-choice) { max-width: 1320px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
@media (min-width: 1100px) {
  html[data-ui-theme] .page-add_set #addSetForm > div:first-of-type { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-flow: row dense; }
  html[data-ui-theme] .page-add_set #addSetForm .autocomplete-container { grid-column: span 2; }
  html[data-ui-theme] .page-add_set #addSetForm > div:first-of-type > :is(section.form-group:has(#is_blind_cmf_pack), label.form-group) { grid-column: span 2 !important; }
  html[data-ui-theme] .page-add_set #addSetForm > div:first-of-type > .form-group:has(> input[type="url"]) { grid-column: span 2; }
}

/* Baza zestawów: tytuł, „?” z opisem i liczby w jednej cienkiej linii */
.page-sets_catalog .sets-db-head.sets-db-head-slim { display: block !important; padding: 18px 22px !important; }
.page-sets_catalog .sets-db-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
html[data-ui-theme] .page-sets_catalog .sets-db-title-row h1 { margin: 0 !important; font-size: 30px !important; }
.page-sets_catalog .sets-db-help { position: relative; }
.page-sets_catalog .sets-db-help summary { list-style: none; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--ui-line); color: var(--ui-muted); font-weight: 800; font-size: 13px; cursor: pointer; }
.page-sets_catalog .sets-db-help summary::-webkit-details-marker { display: none; }
.page-sets_catalog .sets-db-help[open] summary { border-color: var(--b-yellow); color: var(--ui-ink); }
.page-sets_catalog .sets-db-help-body { position: absolute; z-index: 20; top: 34px; left: 0; width: min(460px, 80vw); padding: 14px 16px; border-radius: 14px; border: 2px solid var(--ui-line); background: var(--ui-card); box-shadow: 0 16px 36px rgba(0, 0, 0, .3); font-size: 13px; line-height: 1.5; color: var(--ui-muted); }
.page-sets_catalog .sets-db-help-body p { margin: 0 0 8px; }
.page-sets_catalog .sets-db-help-body p:last-child { margin: 0; }
html[data-ui-theme] .page-sets_catalog .sets-db-meta { display: flex !important; flex-wrap: wrap; gap: 4px 14px !important; margin: 0 0 0 auto !important; padding: 0 !important; background: none !important; border: 0 !important; color: var(--ui-muted); font-size: 12.5px; }
.page-sets_catalog .sets-db-meta b { color: var(--ui-ink); font-weight: 800; }

/* Baza minifigurek: źródła danych tylko dla admina, zwinięte pod „?” */
.page-minifig_catalog .mf-admin-sources > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 800; list-style: none; }
.page-minifig_catalog .mf-admin-sources > summary::-webkit-details-marker { display: none; }
.page-minifig_catalog .mf-admin-q { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; border: 2px dashed var(--b-red); color: var(--b-red-text, #FF8B95); font-size: 12px; }
.page-minifig_catalog .mf-admin-tag { margin-left: auto; padding: 2px 8px; border-radius: 6px; border: 1px dashed var(--b-red); color: var(--b-red-text, #FF8B95); font-size: 11px; font-weight: 700; }
.page-minifig_catalog .mf-admin-sources[open] > summary { margin-bottom: 12px; }

/* Sprawdź cenę: źródło bez skonfigurowanego klucza API — czerwone, wyłączone */
html[data-ui-theme] .page-price_check_page .pc-source-option.is-unavailable { border-color: color-mix(in srgb, var(--b-red) 70%, transparent) !important; background: color-mix(in srgb, var(--b-red) 14%, transparent) !important; color: var(--b-red-text, #FF8B95) !important; cursor: not-allowed; opacity: .85; }
html[data-ui-theme] .page-price_check_page .pc-source-option.is-unavailable input { cursor: not-allowed; }