/* Optional photo upload on the service forms (copied from css/cover-quote.css; explicit light colours for forced dark). */
.cq-upload { padding: .9rem 1rem 1rem; border-radius: 12px; background: #f4f8fc; border: 1px solid #cfdbe8; color: #0a1f44; margin-bottom: 1rem; }
.cq-upload-title { margin: 0 0 .2rem; font-weight: 700; color: #0a1f44; }
.cq-upload-title .optional { font-weight: 400; color: #5b6472; }
.cq-upload-hint { margin: 0 0 .75rem; font-size: .88rem; color: #3f4a5a; }
.cq-upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0); }
.cq-upload-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1rem; border-radius: 10px; background: #ffffff; color: #0a1f44; border: 2px solid #0a1f44; font-weight: 700; cursor: pointer; min-height: 44px; }
.cq-upload-btn svg { width: 22px; height: 22px; flex: none; stroke: #0a1f44; fill: none; stroke-width: 2; }
.cq-upload-input:focus-visible + .cq-upload-btn { outline: 3px solid #1f7fb0; outline-offset: 2px; }
.cq-upload-btn.is-disabled { opacity: .55; cursor: default; }
.cq-thumbs { list-style: none; margin: .8rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.cq-thumbs:empty { display: none; }
.cq-thumbs li { position: relative; width: 84px; height: 84px; border-radius: 10px; overflow: hidden; background: #ffffff; border: 1px solid #cfdbe8; }
.cq-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cq-thumb-remove { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border-radius: 50%; border: 2px solid #ffffff; background: #0a1f44; color: #ffffff; font-size: 18px; line-height: 1; padding: 0; cursor: pointer; }
.cq-upload-msg { margin: .6rem 0 0; font-size: .88rem; color: #7a2e00; background: #fff4e5; border: 1px solid #f3c98b; border-radius: 8px; padding: .45rem .65rem; }
.cq-upload { margin-top: 1rem; }

/* VERCEL PATCH colorscheme: always the light design, even in phone dark mode */
:root,html{color-scheme:only light}
html{background-color:#fff}
@media (prefers-color-scheme: dark){:root,html{color-scheme:only light}html{background-color:#fff}body{background-color:var(--bg);color:var(--ink)}}