/* Editor only: storefront dimensions and design stay unchanged. */
#wn-studio-root { --studio-muted: #b5b5bd; --studio-border: #3f3f46; }
#wn-studio-root :is(button, input, select, textarea, a):focus-visible { outline: 2px solid #fb7185; outline-offset: 3px; }
#wn-studio-root button:disabled { opacity: .45; cursor: not-allowed; }
#wn-studio-root [hidden] { display: none !important; }
#wn-studio-root textarea { resize: none; min-height: 100px; }
#wn-studio-root :is(.wn-modal, .wn-drawer, textarea) { scrollbar-width: thin; scrollbar-color: #71717a #18181b; }
#wn-studio-root .wn-studio-dock { flex-wrap: wrap; width: 800px; max-width: calc(100vw - 24px); gap: 6px; }
#wn-studio-root .wn-studio-dock.is-minimized { padding: 4px; width: max-content; }
#wn-studio-root .wn-studio-dock.is-minimized > :not(#wn-dock-toggle) { display: none; }
#wn-studio-root .wn-icon-control { position: relative; width: 38px; height: 38px; padding: 8px; justify-content: center; flex: 0 0 auto; }
.wn-icon-control svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wn-control-tooltip { display: none; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); padding: 6px 9px; background: #09090b; border: 1px solid #52525b; color: #fff; white-space: nowrap; font: 11px/1.4 monospace; pointer-events: none; z-index: 1; }
.wn-icon-control:is(:hover, :focus-visible) > .wn-control-tooltip { display: block; }
#wn-studio-root .wn-side-panel-trigger { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9997; width: 44px; height: 52px; border: 1px solid #52525b; border-right: 0; background: #09090b; color: #fff; box-shadow: -4px 4px 0 rgba(0,0,0,.3); }
.wn-side-panel-trigger .wn-control-tooltip { left: auto; right: calc(100% + 10px); top: 50%; bottom: auto; transform: translateY(-50%); }
.wn-local-status { flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-top: 1px solid #3f3f46; padding-top: 8px; font: 11px/1.5 monospace; color: #d4d4d8; }
.wn-local-status { contain: inline-size; width: 0; min-width: 100%; box-sizing: border-box; }
.wn-local-status > span { min-width: 0; overflow-wrap: anywhere; }
.wn-review-inbox { border-bottom: 1px solid var(--studio-border); padding-bottom: 20px; margin-bottom: 20px; }
.wn-inbox-comment { white-space: pre-wrap; overflow-wrap: anywhere; }
.wn-inbox-photo { width: 100%; max-height: 400px; object-fit: contain; background: #18181b; }
.wn-local-status a { color: #fff; text-decoration: underline; margin-left: auto; }
.wn-local-status button { padding: 4px 8px; border: 1px solid #71717a; cursor: pointer; color: #fff; }
.wn-local-status [data-error="true"] { color: #fda4af; }
#wn-local-message { position: fixed; bottom: 65px; right: 16px; max-width: 360px; background: #18181b; color: #fff; padding: 16px; z-index: 9990; border: 1px solid #fda4af; }
#wn-studio-root .wn-modal { max-width: 720px; padding: 22px; }
.wn-product-help { color: #b5b5bd; font-size: 12px; margin: 0 0 16px; }
.wn-product-error { color: #fecdd3; font-size: 12px; padding: 10px; border: 1px solid #be123c; background: #4c0519; margin-bottom: 12px; }
#wn-studio-root [aria-invalid="true"] { border-color: #fb7185; }
.wn-product-actions { position: sticky; bottom: -22px; background: #0c0c0e; padding: 16px 0; border-top: 1px solid #3f3f46; }
.wn-discard { padding: 12px; background: #27272a; border: 1px solid #71717a; margin-top: 12px; font-size: 12px; }
.wn-discard button { margin: 10px 8px 0 0; }
body.wn-direct-edit .product-card { position: relative; cursor: pointer; outline: 2px dashed #e11d48; outline-offset: 3px; }
.wn-product-edit { display: none; }
body.wn-direct-edit .wn-product-edit { display: block; position: absolute; bottom: 8px; right: 8px; z-index: 25; padding: 8px 12px; background: #000; color: #fff; border: 1px solid #fff; font: 11px monospace; cursor: pointer; }
body.wn-direct-edit .product-card .quick-sizes { visibility: hidden; }
.wn-product-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
#wn-studio-root .wn-product-filters button { min-height: 40px; padding: 8px 12px; }
#wn-studio-root .wn-product-filters [aria-pressed="true"] { background: var(--wn-accent); color: #fff; border-color: var(--wn-accent); }
.wn-product-list-help, #wn-product-list-status { font-size: 12px; line-height: 1.5; color: var(--studio-muted); margin: 10px 0; }
#wn-studio-root .wn-product-row { flex-direction: row; align-items: center; gap: 12px; }
.wn-product-row-actions { display: flex; flex-direction: column; gap: 8px; }
#wn-studio-root .wn-product-row-actions button { min-height: 36px; }
.wn-product-visibility { font: 11px/1.5 monospace; color: #e4e4e7; margin: 4px 0; }
.wn-products-empty { padding: 24px 16px; border: 1px dashed var(--studio-border); color: var(--studio-muted); font-size: 13px; line-height: 1.6; text-align: center; }
.wn-history-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.wn-history header { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--studio-border); padding-bottom: 12px; }
.wn-history h3 { margin: 0; font: 700 14px monospace; text-transform: uppercase; }
.wn-history :is(p, time, span) { font-size: 12px; line-height: 1.6; color: var(--studio-muted); }
.wn-history p { margin: 12px 0; }
.wn-history ol { list-style: none; margin: 16px 0 0; padding: 0; }
.wn-history-entry { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--studio-border); }
.wn-history-entry > div { flex: 1; min-width: 0; }
.wn-history-entry strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.wn-history-entry :is(time, span) { display: block; }
.wn-history-entry[aria-current="true"] { border-left: 3px solid var(--wn-accent); padding-left: 12px; }
.wn-history-entry button { min-height: 40px; }
.wn-history-empty { color: var(--studio-muted); padding: 16px 0; font-size: 13px; }
/* Page content uses the same dark editor and modal behavior as product editing. */
.wn-page-help, #wn-page-modal small { color: var(--studio-muted); font-size: 12px; line-height: 1.6; }
#tab-page > h3 { margin: 0; font-size: 18px; font-weight: 600; }
.wn-page-list-group { margin: 0 0 22px; }
.wn-page-list-group h4 { color: var(--studio-muted); font: 11px monospace; text-transform: uppercase; letter-spacing: .08em; padding: 10px 0; }
.wn-page-list-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 12px; border: 1px solid var(--studio-border); background: #141417; color: #fff; cursor: pointer; font-size: 12px; margin-bottom: 6px; }
.wn-page-list-item:hover { border-color: var(--wn-accent); }
.wn-page-list-item > span:first-child { flex: 1; min-width: 0; }
.wn-page-list-item small { color: var(--studio-muted); font-size: 10px; }
body.wn-direct-edit .wn-page-highlight { outline: 2px dashed #e11d48; outline-offset: 4px; cursor: pointer; }
.wn-page-pencil { display: none; }
body.wn-direct-edit .wn-page-pencil { display: block; position: fixed; z-index: 9997; max-width: 250px; padding: 8px 12px; background: #09090b; color: #fff; border: 1px solid #fb7185; font: 11px/1.4 monospace; cursor: pointer; box-shadow: 3px 3px 0 #000; text-align: left; }
#wn-studio-root #wn-page-modal .wn-modal { padding: 0; max-width: 700px; max-height: 92dvh; overflow: hidden; display: flex; flex-direction: column; }
.wn-page-header { padding: 22px 24px; border-bottom: 1px solid var(--studio-border); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wn-page-header h3 { font-size: 20px; margin: 0; line-height: 1.3; font-weight: 600; }
.wn-page-scroll { padding: 20px 24px 24px; overflow-y: auto; min-height: 0; scrollbar-width: thin; scrollbar-color: #71717a #18181b; }
.wn-page-scroll > p { margin: 0 0 18px; }
#wn-page-form, #wn-page-image-fields { display: flex; flex-direction: column; gap: 18px; }
#wn-page-form .wn-label { font: 12px/1.5 Inter, sans-serif; text-transform: none; letter-spacing: 0; color: #c4c4cc; }
#wn-page-form :is(input, select, textarea) { font-size: 14px; }
#wn-page-preview { width: 100%; max-height: 220px; object-fit: contain; background: #18181b; border: 1px solid var(--studio-border); }
#wn-page-style { border-top: 1px solid var(--studio-border); padding-top: 18px; }
#wn-page-style summary { cursor: pointer; font-size: 13px; color: #e4e4e7; }
.wn-page-style-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.wn-page-actions { border-top: 1px solid var(--studio-border); padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #111114; }
.wn-page-actions > div { display: flex; flex-wrap: wrap; gap: 8px; }
.wn-page-actions .wn-btn { text-transform: none; letter-spacing: 0; min-height: 42px; }
@media (max-width: 600px) {
  .wn-page-actions { align-items: stretch; flex-direction: column; padding: 14px 18px; }
  .wn-page-actions > div { display: grid; grid-template-columns: 1fr 1fr; }
  .wn-page-header { padding: 18px; }
  .wn-page-scroll { padding: 18px; }
  .wn-page-style-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Product editor: wider workspace, grouped fields, and persistent actions. */
#wn-studio-root #wn-prod-modal .wn-modal { max-width: 980px; max-height: 92dvh; padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.wn-product-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 28px; border-bottom: 1px solid var(--studio-border); flex: 0 0 auto; }
.wn-product-eyebrow { display: block; color: var(--studio-muted); font: 10px/1.5 monospace; letter-spacing: .1em; margin-bottom: 5px; }
.wn-product-header h3 { margin: 0; font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; }
#wn-close-prod-modal { width: 36px; height: 36px; }
.wn-product-scroll { padding: 20px 28px 28px; overflow-y: auto; min-height: 0; scrollbar-width: thin; scrollbar-color: #71717a #18181b; scroll-padding-block: 16px; }
#wn-prod-modal .wn-product-help { font-size: 12px; line-height: 1.6; margin-bottom: 24px; }
#wn-prod-modal .wn-product-fields { display: grid; grid-template-columns: 1.05fr 1fr; column-gap: 32px; row-gap: 28px; }
.wn-product-section { min-width: 0; padding: 0; margin: 0; border: 0; }
.wn-product-section legend { padding: 0; margin-bottom: 18px; font-size: 14px; font-weight: 600; color: #f4f4f5; }
.wn-product-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
#wn-prod-modal .wn-field { min-width: 0; gap: 8px; }
#wn-prod-modal .wn-label { font: 12px/1.5 'Inter', system-ui, sans-serif; letter-spacing: 0; text-transform: none; color: #c4c4cc; }
#wn-prod-modal :is(.wn-input, .wn-select) { font-size: 14px; min-height: 43px; padding: 11px 12px; border-color: #3a3a42; background: #161619; }
#wn-prod-modal :is(.wn-input, .wn-select):focus { border-color: var(--wn-accent); }
#wn-prod-modal textarea { min-height: 104px; line-height: 1.6; }
#wn-prod-modal [data-product-field]:is([data-product-field="pm-name"], [data-product-field="pm-description"], [data-product-field="pm-fit-note"], [data-product-field="pm-visible"], [data-product-field="pm-sizes-box"], [data-product-field="pm-badge"], [data-product-field="pm-photos-list"]) { grid-column: 1 / -1; }
#wn-prod-modal [data-product-field="pm-visible"] > label:last-child { min-height: 43px; font-size: 13px; }
#pm-visible { accent-color: var(--wn-accent); width: 16px; height: 16px; }
.wn-badge-suggestions summary { font-size: 12px; color: var(--studio-muted); cursor: pointer; padding: 4px 0; }
#wn-prod-modal .wn-product-media { grid-column: 1 / -1; border-top: 1px solid var(--studio-border); padding-top: 24px; }
#wn-prod-modal .wn-product-media .wn-label { display: none; }
#wn-prod-modal .wn-product-actions { position: static; margin: 0 !important; padding: 16px 28px; flex: 0 0 auto; align-items: center; justify-content: flex-end; background: #111114; }
#wn-prod-modal .wn-product-actions .wn-btn { min-height: 44px; text-transform: none; letter-spacing: 0; font-size: 13px; }
#wn-prod-modal #pm-save-btn { flex: 0 1 230px !important; order: 2; }
#wn-prod-modal #pm-discard { margin: 0; flex: 0 0 auto; }
#pm-photos-list .wn-photo-row { display: grid; grid-template-columns: 24px 64px minmax(0, 1fr) auto auto auto; align-items: center; gap: 12px; padding: 12px; background: #161619; border: 1px solid #3a3a42; }
.wn-photo-number { font: 11px monospace; color: var(--studio-muted); }
.wn-photo-row img { width: 64px; height: 76px; object-fit: cover; border: 1px solid #3a3a42; }
#wn-prod-modal .wn-photo-row input[type="text"] { min-width: 0; font-size: 12px; }
.wn-photo-upload { position: relative; overflow: hidden; }
.wn-photo-upload:focus-within { outline: 2px solid #fb7185; outline-offset: 3px; }
.wn-photo-upload input { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
#wn-prod-modal .wn-photo-row .wn-insp-btn { padding: 10px; min-height: 40px; }
@media (max-width: 760px) {
  #wn-prod-modal .wn-product-fields { grid-template-columns: minmax(0, 1fr); }
  .wn-product-header { padding: 18px 20px; }
  .wn-product-scroll { padding: 18px 20px 24px; }
  #wn-prod-modal .wn-product-actions { padding: 14px 20px; }
  .wn-product-commerce { border-top: 1px solid var(--studio-border); padding-top: 24px; }
}
@media (max-width: 600px) {
  #pm-photos-list .wn-photo-row { grid-template-columns: 20px 56px minmax(0, 1fr); gap: 8px; }
  .wn-photo-row [data-photo-media] { grid-column: 2; }
  .wn-photo-row .wn-photo-upload { grid-column: 3; justify-self: start; }
  .wn-photo-row [data-photo-del-idx] { grid-column: 3; justify-self: start; }
  #wn-studio-root .wn-modal { padding: 14px; max-height: 92dvh; }
  #wn-studio-root .wn-product-fields { grid-template-columns: minmax(0, 1fr) !important; }
  #wn-studio-root .wn-product-fields > div { grid-column: 1 !important; }
  #wn-studio-root .wn-studio-dock { gap: 6px; padding: 10px; }
  #wn-studio-root .wn-dock-btn { font-size: 10px; padding: 8px; }
  .wn-product-actions { bottom: -14px; }
}
/* Page selection stays visible while scrolling; editing remains a separate action. */
body.wn-direct-edit .wn-page-selected { outline: 2px dashed #e52521 !important; outline-offset: 6px; scroll-margin-block: 130px; }
.wn-page-location-action { display: none; position: fixed; top: 120px; left: 16px; z-index: 9997; max-width: calc(100vw - 76px); white-space: normal; box-shadow: 0 3px 14px #0006; }
body.wn-direct-edit .wn-page-location-action:not([hidden]) { display: block; }
.wn-section-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #333; }
.wn-section-row small { display: block; color: #aaa; margin-top: 4px; }
.wn-section-filters { display: flex; gap: 8px; margin: 12px 0; }
.wn-section-filters [aria-pressed="true"] { border-color: #f43630; color: #fff; }
section[hidden], footer[hidden] { display: none !important; }
/* Reserve the right edge for the collapse control, even when other tools wrap. */
#wn-studio-root .wn-studio-dock:not(.is-minimized) { width: max-content; box-sizing: border-box; padding-right: 56px; }
#wn-studio-root #wn-dock-toggle { position: absolute; right: 10px; top: 10px; margin: 0; }
#wn-studio-root .wn-studio-dock.is-minimized #wn-dock-toggle { position: static; }
.wn-tab-rail { display:flex; align-items:stretch; flex-shrink:0; min-width:0; border-bottom:1px solid var(--studio-border); }
#wn-studio-root .wn-tab-rail .wn-tabs { flex:1; min-width:0; border-bottom:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#52525b #18181b; cursor:grab; touch-action:pan-x; user-select:none; }
#wn-studio-root .wn-tabs::-webkit-scrollbar { display:block; height:6px; }
#wn-studio-root .wn-tab-scroll { flex:0 0 32px; margin:4px 2px; font-size:24px; padding:0; }
#wn-studio-root .wn-tabs.is-dragging, #wn-studio-root .wn-tabs.is-dragging * { cursor:grabbing; }
.wn-prices-entry { display:flex; gap:8px; }
.wn-prices-entry input { min-width:0; flex:1; }
.wn-prices-entry button { flex:0 0 auto; }
#wn-studio-root .wn-prices-editor { max-width:820px; max-height:92dvh; padding:0; display:flex; flex-direction:column; overflow:hidden; }
.wn-prices-table { border-collapse:collapse; width:100%; font-size:12px; }
.wn-prices-table th, .wn-prices-table td { text-align:left; padding:12px 6px; border-bottom:1px solid var(--studio-border); }
.wn-prices-table tbody th { font-weight:400; overflow-wrap:anywhere; }
.wn-prices-table td { white-space:nowrap; }
.wn-prices-table td:last-child { font-weight:600; }
.wn-prices-editor .wn-page-actions { flex-wrap:wrap; gap:8px; justify-content:flex-end; }
#wn-studio-root .wn-tabs { scrollbar-width:thin; scrollbar-color:#71717a #18181b; }
#wn-studio-root .wn-brand-editor { max-width:760px; max-height:92dvh; padding:0; display:flex; flex-direction:column; overflow:hidden; }
#wn-brand-form { display:flex; flex-direction:column; gap:18px; }
#wn-brand-form textarea { resize:none; min-height:110px; }
.wn-brand-color-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.wn-brand-color-row input { width:48px; height:38px; background:transparent; cursor:pointer; }
.wn-brand-visible { display:flex; align-items:center; gap:10px; font-size:13px; }
.wn-brand-visible input { accent-color:var(--wn-accent); }
.wn-brand-sample { background:#eeeae3; color:#111; padding:16px; margin-top:24px; border:1px solid var(--studio-border); }
#wn-brand-sample-logo { padding:20px 0; }
#wn-brand-sample-announcement { background:#111; color:white; padding:10px; overflow-wrap:anywhere; font-size:12px; }
#wn-brand-sample-accent { display:inline-block; border:2px solid; padding:6px 12px; font-size:12px; }
.wn-brand-logo-image { display:block; max-width:min(240px,42vw); object-fit:contain; width:auto; }
.wn-brand-logo-text { display:inline-block; border:3px solid currentColor; border-radius:12px; padding:4px 14px; font-family:'Archivo Black',sans-serif; font-weight:900; font-style:italic; letter-spacing:-.05em; line-height:1; max-width:min(240px,42vw); overflow-wrap:anywhere; }
.wn-brand-announcement-track { display:flex; width:max-content; }
.wn-brand-announcement-track > span { display:block; padding:0 40px; flex-shrink:0; }
.wn-brand-editor .wn-page-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
#wn-studio-root .wn-community-editor { max-width:760px; max-height:92dvh; padding:0; display:flex; flex-direction:column; overflow:hidden; }
#wn-community-form { display:flex; flex-direction:column; gap:18px; }
#wn-community-form textarea { resize:none; min-height:110px; }
#wn-community-form input[type=checkbox] { width:18px; height:18px; accent-color:var(--wn-accent); }
#wn-community-photo { margin-top:20px; }
#wn-community-photo-preview { width:140px; height:175px; object-fit:cover; }
.wn-community-sample { padding:16px; margin-top:20px; background:#18181b; border:1px solid var(--studio-border); }
#wn-community-sample { white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.7 monospace; margin:0; }
.wn-community-editor .wn-page-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.wn-review-row { display:flex; align-items:flex-start; gap:12px; }
.wn-review-row > div:first-child { flex:1; min-width:0; }
.wn-review-row strong { font-size:13px; overflow-wrap:anywhere; }
.wn-review-row small { display:block; color:var(--studio-muted); font-size:11px; margin:6px 0; }
.wn-review-row p { font-size:12px; color:#d4d4d8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.wn-review-row > div:last-child { display:flex; flex-direction:column; gap:8px; }
.wn-review-edit { display:none; }
body.wn-direct-edit .wn-review-edit { display:inline-block; align-self:flex-start; margin-top:12px; background:#111; color:white; border:1px solid #777; padding:8px 12px; cursor:pointer; }
.wn-store-contact { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; overflow-wrap:anywhere; }
.wn-store-contact a { text-decoration:underline; }
.wn-store-contact p { width:100%; }
.wn-product-list-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.wn-product-list-tools > div { flex:1; min-width:150px; }
.wn-product-list-tools p { flex:1; min-width:110px; }
.wn-product-list-tools .wn-label { font-size:10px; }
.wn-product-stock { font:12px/1.6 monospace; color:#e4e4e7; }
.wn-product-stock-field { grid-column:1/-1; }
.wn-product-stock-field small { color:#a1a1aa; font-size:11px; line-height:1.6; }
.wn-product-order { display:flex; flex:0 0 30px; flex-direction:column; align-items:center; gap:4px; }
.wn-product-order > span { color:#a1a1aa; font:11px/1.5 monospace; }
#wn-studio-root .wn-product-order button { width:30px; min-height:30px; padding:4px; }
.wn-orders-editor { max-width:760px; width:calc(100vw - 32px); max-height:92dvh; display:flex; flex-direction:column; }
.wn-orders-editor .wn-page-scroll { overflow-y:auto; min-height:0; padding:20px; }
.wn-orders-editor .wn-page-actions { flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.wn-orders-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wn-orders-fields > div { min-width:0; }
.wn-order-picker { border:1px solid var(--studio-border); padding:12px; margin:16px 0; min-width:0; }
.wn-order-picker legend { font-size:12px; padding:0 6px; }
.wn-order-line { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--studio-border); font-size:12px; }
.wn-order-line span { overflow-wrap:anywhere; min-width:0; }
.wn-order-total { font-weight:700; margin:16px 0; }
.wn-order-row { display:flex; align-items:center; gap:12px; }
.wn-order-row > div { flex:1; min-width:0; }
.wn-order-row strong { font-size:13px; overflow-wrap:anywhere; }
.wn-order-row small { display:block; color:#a1a1aa; font-size:11px; line-height:1.7; }
.wn-order-row p { font-size:12px; }
.wn-order-note { white-space:pre-wrap; overflow-wrap:anywhere; }
#wn-order-form { display:flex; flex-direction:column; gap:12px; }
#tab-orders > button, #tab-orders > .wn-field { margin-bottom:14px; }
@media(max-width:520px) { .wn-orders-fields { grid-template-columns:1fr; } }
.wn-store-contact[hidden], [data-wn-social][hidden], [data-wn-content="community-instagram"][hidden], [data-wn-content="community-tiktok"][hidden] { display:none!important; }

.wn-catalog-search { display:flex; align-items:center; gap:8px; }
.wn-catalog-search .wn-input { min-width:0; flex:1; }
.wn-order-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.wn-order-catalog-card { padding:0; overflow:hidden; min-width:0; }
.wn-order-catalog-card img,.wn-order-no-image { width:100%; height:160px; object-fit:contain; background:#181818; display:block; }
.wn-order-catalog-card>div:not(.wn-order-no-image) { padding:12px; }
.wn-order-catalog-card strong { display:block; overflow-wrap:anywhere; font-size:13px; margin-top:6px; }
.wn-order-catalog-card p { margin:8px 0; }
.wn-order-catalog-card button { width:100%; min-height:44px; cursor:pointer; }
.wn-order-catalog-card button:disabled { cursor:not-allowed; opacity:.5; }
.wn-order-catalog-card button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.wn-order-catalog-card button:not(:disabled):hover { filter:brightness(1.25); }
.wn-order-catalog-card button:not(:disabled):active { transform:translateY(1px); }
@media(max-width:520px) { .wn-order-catalog-grid { grid-template-columns:1fr; } }

#wn-order-confirm-release button { min-height:44px; padding:8px 12px; margin:4px 8px 4px 0; }