/* ThePixel forum (2026-10-15): custom fields – "Your setup" on the ask form, Product strip on the question page.
   Loaded by PxForumFields::fieldsCss() (ask/default.php, pixel/product.php). Tokens come from css/forum.css (#ed.pxf). */

/* ask form */
#ed .pxf-setup { margin: 4px 0 20px; padding: 0; border: 0; min-width: 0; }
#ed .pxf-setup legend { float: none; width: auto; margin: 0 0 10px; padding: 0; font-size: 14px; font-weight: 600; color: var(--pxf-ink, #050038); }
#ed .pxf-setup [data-fields-notice]:empty { display: none; }
#ed .pxf-setup__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
#ed .pxf-setup__f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#ed .pxf-setup__f label { margin: 0; font-size: 13px !important; font-weight: 500 !important; color: var(--pxf-muted, #5b6474) !important; }
#ed .pxf-setup__f .pxf-req { color: var(--pxf-muted, #5b6474); }
#ed .pxf-setup__f > div { margin: 0; }
#ed .pxf-setup__f .o-form-select, #ed .pxf-setup__f .o-form-control { width: 100%; }
#ed .pxf-setup__f small { font-size: 12.5px; color: var(--pxf-faint, #9aa3b2); line-height: 1.4; }
#ed .pxf-setup__f.has-error .o-form-select, #ed .pxf-setup__f.has-error .o-form-control { border-color: #d64545 !important; }
@media (max-width: 575px) {
	#ed .pxf-setup__grid { grid-template-columns: minmax(0, 1fr); }
}

/* question page: info strip */
#ed .pxq-env { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 18px 0 4px; border: 1px solid var(--pxf-line, #e7ebf0); border-radius: 12px; overflow: hidden; }
#ed .pxq-env > div { padding: 10px 14px; border-left: 1px solid var(--pxf-line, #e7ebf0); min-width: 0; margin: 0; }
#ed .pxq-env > div:first-child { border-left: 0; }
#ed .pxq-env dt { margin: 0; font-size: 12px; font-weight: 400; color: var(--pxf-muted, #5b6474); }
#ed .pxq-env dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--pxf-ink, #050038); overflow-wrap: anywhere; }
#ed .pxq-env dd a { color: var(--pxf-ink, #050038); }
#ed .pxq-env dd small, #ed .pxq-env__private { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: var(--pxf-muted, #5b6474); }
#ed .pxq-env .pxf-i { width: 12px; height: 12px; }
@media (max-width: 575px) {
	#ed .pxq-env { grid-template-columns: 1fr 1fr; gap: 1px; background: var(--pxf-line, #e7ebf0); }
	#ed .pxq-env > div { border-left: 0; background: #fff; }
	#ed .pxq-env > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
#ed .pxf-setup__f .pxf-setup__err { display: none; color: #b42318; }
#ed .pxf-setup__f.has-error .pxf-setup__err { display: block; }