/* Card 'Granite Pointe Apts template creation' round 6 (Nathan's Loom: "I don't really like this style. It doesn't seem
   branded."): the site forms' error summary (partials.form-errors) and refused fields, drawn only from the design's own
   CSS variables (colours, heading and body fonts, corner radius), so Sunburst, Centennial and any colour scheme each
   show it in their brand instead of the generic red box (sunburst.css .site-errors). Linked by partials.form-assets. */
html body .site-errors.sb-errors{background:var(--soft-2,#fbf8f2);border:1px solid var(--line,#e6ddcb);border-top:3px solid var(--accent,#e8a33d);border-left-width:1px;border-radius:var(--radius,8px);color:var(--ink,#1e2b28);font-family:var(--sans);font-size:15px;line-height:1.55;padding:18px 22px 16px;margin:0 0 24px;box-shadow:0 10px 28px -18px rgba(var(--hero-shade,27,56,51),.45)}
html body .site-errors.sb-errors:focus{outline:none}
.sb-errors .sb-errors-title{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--serif);font-weight:var(--serif-weight,600);font-size:19px;line-height:1.25;color:var(--primary-deep,var(--primary));letter-spacing:0;text-transform:none}
.sb-errors .sb-errors-title svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--accent-dark,var(--accent));stroke-width:2;stroke-linecap:round}
html body .sb-errors ul{list-style:none;margin:10px 0 0;padding:0 0 0 32px}
.sb-errors li{position:relative;margin:4px 0;padding-left:16px;color:var(--ink,#1e2b28)}
.sb-errors li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent-dark,var(--accent))}
/* Centennial: its headings are the condensed Antonio in capitals. */
body.d-ct .sb-errors .sb-errors-title{text-transform:uppercase;letter-spacing:.04em;font-size:20px}
/* Card 10484921490 round 6 (Nathan's Loom 2026-11-13, 01:10-01:26, pointing at "Please check the form" in the footer:
   "This needs to be more obvious because I didn't even notice it. Maybe a different background color ... It blends in a
   lot"): the summary is a solid accent-tinted panel with a thick accent bar on its left, on every page; in the dark
   footer it is a light panel (it was 7% white on the dark band), so it cannot blend into the form. */
html body .site-errors.sb-errors{background:color-mix(in srgb,var(--accent,#e8a33d) 16%,var(--white,#fff));border:1px solid color-mix(in srgb,var(--accent-dark,var(--accent,#e8a33d)) 55%,transparent);border-left:6px solid var(--accent-dark,var(--accent,#e8a33d))}
html body footer .site-errors.sb-errors{background:var(--soft-2,#fbf8f2);border:1px solid var(--accent);border-left:6px solid var(--accent);box-shadow:0 12px 30px -16px rgba(0,0,0,.55);color:var(--ink,#1e2b28)}
footer .sb-errors .sb-errors-title{color:var(--primary-deep,var(--primary))}
footer .sb-errors .sb-errors-title svg{stroke:var(--accent-dark,var(--accent))}
html body footer .sb-errors li{color:var(--ink,#1e2b28)}
footer .sb-errors li::before{background:var(--accent-dark,var(--accent))}

/* Round 6 (Loom 00:02-00:36, 03:09-03:15): the SMS checkbox in the footer forms. r16.css sizes every footer field label
   at 11px with a stronger selector than sms.css, so the bigger box and text are restated here (this file loads last). */
html body footer .sb-foot-paths .sb-form .field.sms-field{margin:4px 0 6px}
html body footer .sb-foot-paths .sb-form .field.sms-field > label.sms-consent{font-size:14px;line-height:1.5;gap:14px;letter-spacing:0;text-transform:none;color:color-mix(in srgb,var(--soft) 92%,transparent)}
html body footer .sb-foot-paths .sb-form .field.sms-field input[type=checkbox]{width:24px;height:24px;min-width:24px;margin:0}

/* Round 6 (Loom 01:30 and 03:09, the Send button: "there's no cursor. There should be a pointer here"; "I want the hand
   icon"): every clickable control of the site forms shows the pointer. A disabled button keeps not-allowed. */
.sb-form .btn,.sb-form button,.sb-form [type=submit],.sb-form label.sms-consent,.sb-form label.choice,.sb-form input[type=checkbox],.sb-form input[type=radio],.sb-form input[type=file],.sb-form select,.sb-form a,.sb-path > summary,.tour-page .btn,.tour-page button{cursor:pointer}
.sb-form .btn[disabled],.tour-page .btn[disabled]{cursor:not-allowed}
/* A refused field: the accent border and glow (the focus ring stays the brand's primary). */
html body .sb-form .field input[aria-invalid=true],html body .sb-form .field textarea[aria-invalid=true]{border-color:var(--accent-dark,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent)}
html body footer .sb-foot-paths .sb-form .field input[aria-invalid=true],html body footer .sb-foot-paths .sb-form .field textarea[aria-invalid=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
