.catalogue-field{width:100%;min-width:0}.catalogue-field h3,.catalogue-field h4{margin:0 0 12px}.catalogue-modes,.catalogue-toolbar,.catalogue-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.catalogue-button,.catalogue-card-select,.catalogue-delete{font:inherit;cursor:pointer;border:1px solid #d4d7e3;background:#fff;color:#22283a;border-radius:10px;padding:10px 14px}.catalogue-button.active,.catalogue-card.selected{border-color:#7b60f3;background:#f3efff}.catalogue-button.primary{color:#fff;background:#6850d8;border-color:#6850d8}.catalogue-button:focus-visible,.catalogue-card-select:focus-visible,.catalogue-image-button:focus-visible{outline:3px solid #9981ff;outline-offset:2px}.catalogue-selection{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;font-weight:600;overflow-wrap:anywhere}.catalogue-shoulders,.catalogue-save{display:flex;gap:8px;align-items:center;font-size:14px;margin:10px 0}.catalogue-shoulders input,.catalogue-save input{width:18px;height:18px;flex:none}.catalogue-browser{margin-top:14px}.catalogue-toolbar select,.catalogue-toolbar input,.catalogue-upload input[type=text],.catalogue-upload select{font:inherit;color:#22283a;background:#fff;border:1px solid #d4d7e3;border-radius:9px;padding:10px;min-width:0;max-width:100%}.catalogue-toolbar select{flex:1 1 100%;width:100%}.catalogue-toolbar input{flex:1 1 180px}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;max-height:680px;overflow:auto;padding:12px 3px}.catalogue-card{border:2px solid #e7e8ef;border-radius:12px;padding:8px;background:#fff;min-width:0}.catalogue-image-button{border:0;background:#fff;padding:0;width:100%;cursor:zoom-in;border-radius:8px}.catalogue-image-button img{width:100%;height:210px;object-fit:contain;display:block}.catalogue-card-select{width:100%;border:0;border-radius:6px;padding:10px 2px;text-align:left;font-size:14px;line-height:1.35;overflow-wrap:anywhere;font-weight:600}.catalogue-card-path{font-size:12px;line-height:1.4;color:#707385;overflow-wrap:anywhere}.catalogue-delete{font-size:12px;color:#a12d3f;border:0;padding:8px 0}.catalogue-note,.catalogue-status{font-size:13px;color:#656a7b;line-height:1.5}.catalogue-status:empty{display:none}.catalogue-upload{display:grid;gap:12px;margin-top:18px}.catalogue-upload[hidden],.catalogue-browser[hidden]{display:none}.catalogue-upload-preview{max-width:100%;width:300px;height:280px;object-fit:contain;background:#fff;border:1px solid #e7e8ef;border-radius:10px}.catalogue-preview{border:0;padding:24px;border-radius:16px;max-width:min(900px,94vw);max-height:92vh;overflow:auto;box-shadow:0 20px 80px #17182b66;color:#22283a;background:#fff}.catalogue-preview::backdrop{background:#111528a8}.catalogue-preview>img{width:100%;max-height:65vh;object-fit:contain;background:#fff}.catalogue-modal-actions{justify-content:flex-end;position:sticky;bottom:0;background:#fff;padding-top:12px}@media(max-width:560px){.catalogue-modes>.catalogue-button{flex:1 1 100%}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:520px}.catalogue-image-button img{height:180px}.catalogue-preview{padding:16px}.catalogue-card-select{font-size:13px}}@media(prefers-color-scheme:dark){.catalogue-field{color:inherit}}
.catalogue-private-access{margin:14px 0}.catalogue-private-access[hidden],.catalogue-retry[hidden]{display:none}
.catalogue-admin-category{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 0}.catalogue-admin-category h3{flex-basis:100%}.catalogue-admin-category input,.catalogue-admin-category select{font:inherit;padding:10px;border:1px solid #d4d7e3;border-radius:9px;background:#fff;color:#22283a;max-width:100%;min-width:0}.catalogue-admin-category-list{max-height:300px;overflow:auto;border-block:1px solid #e5e7ef}.catalogue-admin-category-row{display:flex;gap:10px;align-items:center;padding:8px 0;flex-wrap:wrap}.catalogue-admin-category-row>span{flex:1 1 220px}.catalogue-admin-preview{background:#fff;border:1px solid #e5e7ef;border-radius:12px;padding:12px;color:#22283a}.catalogue-admin-preview h4{margin:0}.catalogue-admin-preview .catalogue-upload-preview{width:100%;height:400px;border:0}
.catalogue-fitting-note{padding:12px;border:1px solid #e4d5aa;border-radius:10px;background:#fffaeb;color:#695126}.garment-reference{width:100%;min-width:0;margin:16px 0}.garment-reference[hidden]{display:none}.garment-reference h3{font-size:17px;margin:0 0 12px}.garment-reference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.garment-reference figure{margin:0;border:1px solid #e5e7ef;border-radius:12px;padding:10px;background:#fff;color:#22283a;min-width:0}.garment-reference figcaption{padding-top:8px;font-size:13px;overflow-wrap:anywhere}.garment-reference .catalogue-image-button img{height:360px;max-height:55vh}.garment-reference>.catalogue-note{overflow-wrap:anywhere}@media(max-width:560px){.garment-reference-pair{gap:8px}.garment-reference figure{padding:6px}.garment-reference .catalogue-image-button img{height:220px}}

/* Clothing remains a compact optional step; native disclosure also works
   inside mobile MAX WebViews without fixed-height page containers. */
.catalogue-details { padding: 0; overflow: visible; }
.catalogue-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; cursor: pointer; list-style: none; font-weight: 700; }
.catalogue-details > summary::after { content: '+'; font-size: 24px; flex: none; }
.catalogue-details[open] > summary::after { content: '−'; }
.catalogue-summary-value { color: #737080; font-size: 13px; font-weight: 400; margin-left: auto; text-align: right; overflow-wrap: anywhere; }
.catalogue-content { padding: 0 16px 16px; min-width: 0; }
.catalogue-branches { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; width: 100%; }
.catalogue-branches .catalogue-button { min-width: 0; padding: 11px 10px; font-size: 13px; line-height: 1.4; }
.catalogue-genders { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; width: 100%; }
.catalogue-genders > span { width: 100%; color: #737080; font-size: 13px; }
.catalogue-filter-label { display: grid; gap: 7px; width: 100%; min-width: 0; font-size: 13px; color: #737080; }
.catalogue-filter-label select { width: 100%; min-width: 0; max-width: 100%; }
.catalogue-choice-group { display: grid; gap: 7px; width: 100%; min-width: 0; }
.catalogue-choice-group > span { color: #737080; font-size: 13px; }
.catalogue-choice-buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; min-width: 0; }
.catalogue-choice-buttons > .catalogue-button { min-width: 0; min-height: 44px; padding: 10px 8px; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
@media(max-width:360px) { .catalogue-choice-group[aria-label="Служба"] .catalogue-choice-buttons { grid-template-columns: 1fr; } }
.catalogue-details .catalogue-card { display: flex; flex-direction: column; gap: 7px; padding: 11px; border-width: 1px; }
.catalogue-details .catalogue-card > .catalogue-button { margin-top: auto; font-size: 12px; padding: 8px; }
.catalogue-frequent { margin: 20px 0; padding: 14px; border: 1px solid #ddd5f6; border-radius: 12px; background: #f8f5ff; }
.catalogue-frequent h4, .catalogue-all-title { margin: 0 0 8px; font-size: 14px; }
.catalogue-decorations { margin-top: 18px; border: 1px solid #e5e2ee; border-radius: 12px; padding: 12px; }
.catalogue-decorations > summary { cursor: pointer; font-weight: 600; }
.catalogue-decoration-card { cursor: pointer; }
.catalogue-decoration-card > img { width: 100%; height: 160px; object-fit: contain; background: repeating-conic-gradient(#f4f2f8 0% 25%, #fff 0% 50%) 0 / 16px 16px; }
.catalogue-decoration-card > span { font-size: 13px; overflow-wrap: anywhere; }
.catalogue-decoration-check { display: flex; align-items: center; gap: 7px; margin-top: auto; }
.catalogue-decoration-check input { width: 18px; height: 18px; flex: none; }
.catalogue-decoration-selection { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }
.catalogue-decoration-selection strong { width: 100%; font-size: 13px; }
.catalogue-decoration-selection button { font-size: 12px; }
.catalogue-admin-search { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.catalogue-admin-search select, .catalogue-admin-search input { font: inherit; border: 1px solid #d4d7e3; background: #fff; color: #22283a; border-radius: 9px; padding: 10px; min-width: 0; max-width: 100%; }
.catalogue-admin-search input { flex: 1 1 260px; }
@media(max-width:560px) {
  .catalogue-details > summary { flex-wrap: wrap; padding: 13px; gap: 6px; }
  .catalogue-summary-value { flex-basis: calc(100% - 28px); margin-left: 0; text-align: left; order: 2; }
  .catalogue-content { padding: 0 12px 12px; }
  .catalogue-branches { grid-template-columns: 1fr; }
  .catalogue-branches .catalogue-button { min-height: 44px; }
  .catalogue-genders > .catalogue-button { flex: 1 1 110px; }
  .catalogue-details .catalogue-image-button img { height: 155px; }
  .catalogue-details .catalogue-card { padding: 8px; }
  .catalogue-frequent { padding: 10px; }
  .catalogue-decoration-card > img { height: 125px; }
  .catalogue-admin-search { align-items: stretch; gap: 8px; }
  .catalogue-admin-search select, .catalogue-admin-search input { width: 100%; font-size: 16px; }
}

/* A full-width catalogue lets operators compare outfits without nested scrolls. */
.upload-wardrobe .catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));max-height:none;overflow:visible;gap:12px;padding:8px 0}
.upload-wardrobe .catalogue-frequent{padding:14px;margin:16px 0;background:#f5f6fa;border-color:#dce0e8}.upload-wardrobe .catalogue-frequent .catalogue-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.upload-wardrobe .catalogue-toolbar{display:grid;grid-template-columns:1fr;gap:12px}.upload-wardrobe .catalogue-branches{max-width:720px}.upload-wardrobe .catalogue-genders>span{width:auto}.upload-wardrobe .catalogue-choice-buttons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.upload-wardrobe .catalogue-image-button img{height:170px}
.upload-wardrobe .catalogue-card-select{display:block;cursor:default;padding:4px 0;font-size:13px}.upload-wardrobe .catalogue-card-path{font-size:12px}.upload-wardrobe .catalogue-modes>.catalogue-button{font-size:13px}.upload-wardrobe .catalogue-selection{font-size:13px;margin:12px 0}.upload-wardrobe .catalogue-fitting-note{font-size:13px;margin-bottom:0}
@media(max-width:980px){.upload-wardrobe .catalogue-frequent .catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.upload-wardrobe .catalogue-grid,.upload-wardrobe .catalogue-frequent .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upload-wardrobe .catalogue-frequent{padding:10px}.upload-wardrobe .catalogue-image-button img{height:145px}.upload-wardrobe .catalogue-branches{grid-template-columns:1fr}.upload-wardrobe .catalogue-toolbar input{width:100%;font-size:16px}.upload-wardrobe .catalogue-card-path{font-size:11px}.upload-wardrobe .catalogue-card-select{font-size:13px}.upload-wardrobe .catalogue-modes>.catalogue-button{font-size:13px}}
/* The catalogue lives under the source photo; its filters stay in the setup pane. */
.wardrobe-gallery-host:empty{display:none}.wardrobe-gallery-host{margin-top:16px;min-width:0}
.catalogue-controls{margin:18px 0}.catalogue-controls>.catalogue-content{padding-top:12px}.catalogue-controls .catalogue-modes{display:grid;gap:8px}.catalogue-controls .catalogue-modes button{text-align:left;font-size:13px}
.catalogue-controls .catalogue-toolbar{display:grid;gap:12px}.catalogue-controls .catalogue-branches{gap:6px}.catalogue-controls .catalogue-branches button{padding:8px 6px;font-size:12px}.catalogue-controls .catalogue-selection,.catalogue-controls .catalogue-shoulders{font-size:13px}
.catalogue-gallery{padding:14px;min-width:0}.catalogue-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.catalogue-gallery-heading h3{font-size:16px;margin:0}.catalogue-gallery-heading>button{font-size:12px;padding:7px 10px}
.catalogue-gallery .catalogue-grid,.catalogue-gallery .catalogue-frequent .catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;max-height:none;overflow:visible}.catalogue-gallery .catalogue-image-button img{height:140px}.catalogue-gallery .catalogue-frequent{padding:10px}.catalogue-gallery .catalogue-card{display:flex;flex-direction:column;gap:6px;padding:8px}.catalogue-gallery .catalogue-card>.catalogue-button{margin-top:auto;font-size:12px;padding:8px}.catalogue-gallery .catalogue-card-path{font-size:11px}.catalogue-gallery .catalogue-card-select{font-size:12px}
.catalogue-order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.catalogue-order-controls{display:flex;gap:5px;margin-bottom:8px}.catalogue-order-controls button{padding:6px 9px;min-height:34px;font-size:13px}.catalogue-drag-handle{cursor:grab!important;touch-action:none}.catalogue-card.is-dragging{opacity:.45}.catalogue-card.is-drop-target{outline:3px solid #307cf6;outline-offset:2px}
@media(max-width:720px){.catalogue-gallery{padding:10px}.catalogue-gallery .catalogue-grid,.catalogue-gallery .catalogue-frequent .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-gallery .catalogue-image-button img{height:135px}.catalogue-gallery-heading{align-items:flex-start}.catalogue-order-controls button{min-height:40px}}