/* „Moja szafa”: arkusz „Dodaj swoje” (wybór rzeczy ze zdjęcia), plakietka „dopracowuję…”, zestawy w Szafie i Studiu. */

.own-spin { flex: none; width: 12px; height: 12px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: spin .7s linear infinite; }
@media (prefers-reduced-motion: reduce) { .own-spin { animation-duration: 2.4s; } }

/* ── Arkusz ──────────────────────────────────────────────────────────── */
dialog.own-sheet { width: min(880px, calc(100vw - 24px)); overflow: auto; overscroll-behavior: contain; }
.own .sheet__title { padding-right: 8px; }
.own__pick { display: grid; gap: 10px; }
.own__drop { min-height: 180px; }
.own__camera { display: none; justify-self: start; position: relative; }
@media (pointer: coarse) { .own__camera { display: inline-flex; } }
.sheet__actions .own__pick { display: contents; }
.own__status { display: flex; align-items: center; gap: 10px; font-weight: 500; }

/* Zdjęcie z ramkami: figura ma dokładnie rozmiar obrazka, ramki w procentach (box 0–1000). */
.own-fig { position: relative; width: fit-content; max-width: 100%; margin: 0 auto; border-radius: var(--r-field); overflow: hidden; background: var(--sunk); }
.own-fig img { display: block; max-width: 100%; max-height: min(58svh, 560px); width: auto; height: auto; }
.own-fig--busy img { filter: saturate(.55) brightness(.82); }
.own-fig--dim img { opacity: .55; max-height: 34svh; }
.own-box { position: absolute; border: 2px solid var(--c); border-radius: 6px; box-shadow: 0 0 0 1px rgb(18 17 16 / .45), inset 0 0 0 1px rgb(18 17 16 / .3); transition: opacity var(--t-fast), border-width var(--t-fast); pointer-events: none; }
.own-box.is-off { opacity: .35; }
.own-box.is-hot { border-width: 3px; opacity: 1; z-index: 2; }
.own-box__n { position: absolute; left: -2px; top: -2px; display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 6px 0 6px 0; background: var(--c); color: #161513; font: 600 13px/1 var(--sans); }

.own-sel { display: grid; gap: 18px; }
.own-sel__side { display: grid; gap: 10px; align-content: start; min-width: 0; }
.own-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.own-item { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: start; gap: 10px; padding: 10px 12px; border-radius: var(--r-field); background: var(--sunk); }
.own-item__check { width: 20px; height: 20px; margin: 9px 0 0; accent-color: var(--ink); cursor: pointer; }
.own-item__n { display: grid; place-items: center; min-width: 26px; height: 26px; margin-top: 6px; border-radius: 6px; background: var(--c); color: #161513; font: 600 13px/1 var(--sans); cursor: pointer; }
.own-item__body { display: grid; gap: 2px; min-width: 0; }
.own-item__name { font-weight: 500; line-height: 1.3; }
.own-item__input { width: 100%; min-height: 38px; padding: 6px 10px; border: 1px solid transparent; border-radius: 8px; background: var(--card); color: var(--ink); font: 500 15px/1.3 var(--sans); }
.own-item__input:hover { border-color: var(--line); }
.own-item__input:focus { outline: none; border-color: var(--ink); }
.own-item__meta { font-size: 13px; color: var(--muted); padding-left: 2px; }
.own-item__note { font-size: 13px; color: var(--warn); padding-left: 2px; }
.own-item:has(.own-item__check:not(:checked)) .own-item__input { color: var(--muted); }
.own-item.is-disabled { grid-template-columns: auto minmax(0, 1fr); opacity: .75; }
.own-item.is-disabled .own-item__n { cursor: default; filter: grayscale(.6); }
.own-item.is-disabled .own-item__name { padding: 7px 2px 0; color: var(--muted); }

.own__foot { position: sticky; bottom: 0; margin: 0 -28px -28px; padding: 14px 28px 20px; background: var(--card); box-shadow: 0 -1px 0 var(--line); display: grid; gap: 8px; }
.own__quota { margin: 0; }
.own__warn { font-size: var(--fs-small); color: var(--warn); }
.own__acts { margin: 0; }

@media (min-width: 760px) {
  .own-sel { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: start; }
  .own-sel .own-fig { position: sticky; top: 0; margin: 0; }
}
@media (max-width: 599px) {
  dialog.own-sheet { width: 100vw; max-width: 100vw; max-height: 100svh; height: 100svh; border-radius: 0; margin: 0; }
  .own .sheet__body, .sheet__body.own { padding: 20px 16px 24px; gap: 14px; }
  .own__foot { margin: 0 -16px -24px; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); }
  .own .sheet__title { font-size: 26px; }
  .own-fig img { max-height: 40svh; }
  .own__acts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; }
  .own__acts [data-own-add] { grid-column: 1 / -1; order: -1; }
  .own__acts .btn { min-height: 46px; padding: 0 16px; }
  .own__again { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .own__again .btn:not(.btn--ghost) { grid-column: 1 / -1; order: -1; }
  .own__again .btn { justify-content: center; width: 100%; }
}

/* ── Szafa: plakietka i przycisk ─────────────────────────────────────── */
.own-badge { position: absolute; left: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--r-pill); background: var(--ink); color: var(--paper); font-size: 13px; font-weight: 500; line-height: 1.1; }
.wcard:has(.own-badge) .wcard__img img { opacity: .85; }
.szafa__own { flex: none; }
@media (max-width: 599px) {
  .own-badge { left: 6px; right: 6px; bottom: 6px; justify-content: center; padding: 4px 6px; font-size: 12px; }
  .own-badge .own-spin { display: none; }
}

/* ── Zestawy w Szafie ────────────────────────────────────────────────── */
.drawer-tab__dot--set { background: var(--ink); }
.drawer-tab.is-on .drawer-tab__dot--set { background: var(--paper); }
.sets { list-style: none; margin: 0; padding: 0; display: grid; align-items: start; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }
.set-card { display: grid; gap: 14px; padding: 16px; border-radius: var(--r-card); background: var(--card); }
.set-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.set-card__head .icon-btn { flex: none; margin: -6px -8px 0 0; }
.set-card__name { font: 400 24px/1.15 var(--serif); letter-spacing: -.01em; overflow-wrap: anywhere; }
.set-card__meta { font-size: 13px; }
.set-card__thumbs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); gap: 6px; }
.set-card__thumb { aspect-ratio: 4 / 5; border-radius: var(--r-field); overflow: hidden; background: #fff; }
.set-card__thumb img { width: 100%; height: 100%; object-fit: contain; }
.set-card__acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 599px) { .sets { grid-template-columns: minmax(0, 1fr); gap: 12px; } }

/* ── Zestawy w Studiu ────────────────────────────────────────────────── */
.sets-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 4px; }
.sets-pick .chip { flex: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.sets-pick__label { flex: none; font-size: var(--fs-small); color: var(--muted); margin-right: 4px; }
.set-note { display: grid; gap: 4px; font-size: 14px; }
.set-note ul { margin: 0; padding: 0 0 0 18px; }