/* Product rules override the older prototype without changing form hooks. */
body.cc-ui *, body.cc-ui *::before, body.cc-ui *::after { border-width: .5px !important; }
body.cc-ui * { font-size: var(--cc-type-body) !important; }
body.cc-ui :is(h1, h2), body.cc-ui :is(h1, h2) * { font-size: 22px !important; }
body.cc-ui :is(small, .muted, .small, .badge, .card-meta, .listing-location, .cc-negotiation, .original-note, footer, .site-nav a),
body.cc-ui :is(small, .muted, .badge, .card-meta, .listing-location, .cc-negotiation, footer) * { font-size: 12px !important; }
body.cc-ui :is(button, a, input, select, textarea, article) { transition-duration: 250ms; transition-timing-function: ease-out; }
body.cc-ui button:active { transform: none; }
body.cc-ui :is(.request-card, .listing-card, .auth-panel-inner) { box-shadow: none; }
body.cc-ui :is(button, input, select, textarea) { min-height: 44px; }
body.cc-ui input:is([type=checkbox], [type=radio]) { min-height: 18px; }
body.cc-ui :focus-visible { outline: 3px solid var(--cc-focus); outline-offset: 3px; }
.trade-application { padding: 16px; border: .5px solid var(--cc-line); border-radius: 8px; }
#trade-panel { margin-block: 24px; display: grid; gap: 12px; scroll-margin-top: 16px; }
#trade-panel .trade-application { display: grid; gap: 12px; }
#trade-panel h3, #trade-panel p { margin: 0; }
body.cc-ui :is(p, .muted, .actions):empty { display: none; }
#trade-panel .check { display: flex; align-items: flex-start; gap: 8px; }
#trade-panel .check input { flex: 0 0 18px; margin-top: 4px; }
#trade-panel form { display: grid; gap: 12px; min-width: 0; }
#trade-panel details { min-width: 0; }
body.cc-ui[data-integrated=true][data-signed-in=false] #app-shell #main { padding: 16px; }
body.cc-ui[data-integrated=true] .filters { grid-template-columns: minmax(0,1fr) minmax(120px,180px); }
body.cc-ui[data-integrated=true] .filters label:has(#filter) { display: none; }
@media (max-width:760px) {
  body.cc-ui[data-integrated=true] .filters { grid-template-columns: minmax(0,1fr); }
  body.cc-ui #site-signout { min-width: 44px; min-height: 44px; }
  .trade-application { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { body.cc-ui * { animation: none !important; transition: none !important; } }
@media (forced-colors: active) { body.cc-ui :focus-visible { outline-color: Highlight; } }