/* Styles for the dynamic pages (login, members, checkout). Builds on site.css. */
.page { padding:48px 20px }
.panel { background:#fff; border:1px solid #e3e2da; border-radius:12px; padding:24px; margin:0 0 24px }
.panel.narrow { max-width:520px; margin:0 auto 24px }
.muted { color:var(--muted) } .small { font-size:13px }
.pill { display:inline-block; padding:1px 10px; border-radius:999px; background:#ecebe4; font-size:13px; font-weight:600 }
.pill.ok { background:#d6f5e8; color:#05603f } .pill.warn { background:#fdecc8; color:#7a4b00 }
.reports { list-style:none; padding:0; display:grid; gap:14px }
.code { background:#16241c; color:#eef3ec; padding:14px; border-radius:8px; overflow-x:auto; font-size:13px; white-space:pre-wrap; word-break:break-all }
.stub-warning { border:2px solid #c0392b; background:#fdecea; color:#7b1f16; padding:12px; border-radius:8px }
button.btn { font:inherit; cursor:pointer; border:0 }
button.btn[disabled] { opacity:.6; cursor:wait }
/* checkout */
form.inline { display:inline }
#email, #quote-form input, #quote-form textarea { display:block; width:100%; box-sizing:border-box; font:inherit; padding:8px 10px; margin:6px 0; border:1px solid #cfcfc6; border-radius:8px }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden }
/* one-off orders */
fieldset.brief { border:0; padding:0; margin:0 0 16px }
fieldset.brief legend { font-weight:600; padding:0 6px }
fieldset.brief label { display:block; margin-top:8px }
#brief-question, #brief-scope, #brief-contact { display:block; width:100%; box-sizing:border-box; font:inherit; padding:8px 10px; margin:6px 0; border:1px solid #cfcfc6; border-radius:8px }
table.orders { width:100%; border-collapse:collapse } table.orders th { text-align:left; color:var(--muted); font-weight:600; font-size:13px }
table.orders td, table.orders th { padding:6px 8px 2px 0; vertical-align:baseline } table.orders tr.brief td { padding-bottom:10px; border-bottom:1px solid #ecebe4; word-break:break-word }
table.orders tr.deliverable td { padding-top:4px } table.orders tr.deliverable h3 { margin:4px 0; font-size:16px } table.orders tr.deliverable p { margin:4px 0 }
#quote-form label { display:block; margin-top:8px }