*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Segoe UI,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-4{bottom:1rem}.right-4{right:1rem}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mr-2{margin-right:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-20{height:5rem}.h-\[340px\]{height:340px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[12px\]{min-width:12px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-y-3{--tw-translate-y:0.75rem}.transform,.translate-y-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scroll-mt-10{scroll-margin-top:2.5rem}.scroll-mt-20{scroll-margin-top:5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#e2d5c3\]{--tw-border-opacity:1;border-color:rgb(226 213 195/var(--tw-border-opacity,1))}.bg-\[\#f8efe6\]{--tw-bg-opacity:1;background-color:rgb(248 239 230/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[2\.05rem\]{font-size:2.05rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.2\]{line-height:1.2}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.text-\[\#202321\]{--tw-text-opacity:1;color:rgb(32 35 33/var(--tw-text-opacity,1))}.text-\[\#5c3e24\]{--tw-text-opacity:1;color:rgb(92 62 36/var(--tw-text-opacity,1))}.text-\[\#8c5e39\]{--tw-text-opacity:1;color:rgb(140 94 57/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.contrast-\[105\%\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.contrast-\[105\%\]{--tw-contrast:contrast(105%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}@media (min-width:640px){.sm\:mt-2{margin-top:.5rem}.sm\:inline-flex{display:inline-flex}.sm\:h-\[400px\]{height:400px}.sm\:translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.sm\:p-10{padding:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:pb-32{padding-bottom:8rem}.sm\:pt-20{padding-top:5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[2\.5rem\]{font-size:2.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:gap-14{gap:3.5rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:gap-10{gap:2.5rem}.lg\:gap-16{gap:4rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:pb-\[168px\]{padding-bottom:168px}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[2\.65rem\]{font-size:2.65rem}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#20382f;background:#f6f7f4;font-synthesis:none;font-size:14px;--green:#225746;--ink:#20382f;--muted:#65736b;--line:#e1e6df;--surface:#fff;--soft:#edf2e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled,fieldset:disabled button{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a67b30;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.4vw,36px);font-weight:600;letter-spacing:-1.2px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.65}small{font-size:12px;line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#5d7362}.brand{display:inline-flex;align-items:center;font-size:24px;letter-spacing:-1px;font-weight:700;white-space:nowrap}.brand-symbol{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:9px;width:34px;height:34px;margin-right:10px;transform:rotate(-5deg)}.primary,.secondary,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:7px;font-weight:600;font-size:13px;line-height:1.4;transition:background .15s}.primary{color:white;background:var(--green);border:1px solid var(--green)}.primary:hover{background:#183f33}.secondary{background:#fff;border:1px solid #ccd6cc;color:#304a3b}.secondary:hover{background:#f0f4ed}.danger-button{background:#fff6f3;color:#934237;border:1px solid #ead9d1}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--green);background:none;border:none;font-size:13px;font-weight:600;padding:6px 0;text-decoration-thickness:1px}.text-button:hover{text-decoration:underline}.full{width:100%}.icon-button{background:transparent;border:0;border-radius:6px;padding:10px;display:inline-flex;color:#617567}.icon-button:hover{background:#edf2e9}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;color:#334d3d;font-size:12px;font-weight:600}.field small{font-weight:400;color:var(--muted)}input,select,textarea{border:1px solid #cdd7cc;border-radius:6px;padding:11px 12px;background:#fff;color:var(--ink);min-width:0;max-width:100%;font-weight:400;width:100%}input::placeholder{color:#626f64}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}fieldset{border:0;padding:0;margin:0;min-width:0}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:16px 0}.checkbox input{margin-top:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .field{min-width:0}.alert{padding:12px 16px;border-radius:7px;margin-bottom:18px;font-size:13px}.error{background:#fff0eb;border:1px solid #e4b8aa;color:#8c3326}.success{background:#eaf3e7;border:1px solid #c4d9bd;color:#28522d}.auth-layout{min-height:100dvh;display:grid;place-items:center;background:#fbfcf9}.auth-panel{width:min(100%,434px);padding:48px 32px}.auth-form{width:min(100%,370px)}.auth-form h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.auth-form>p.muted{margin-bottom:30px}.auth-form form{margin-top:24px}.auth-switch{text-align:center;margin-top:22px;font-size:12px;color:var(--muted)}.auth-mobile-logo{margin-bottom:32px}.app-layout{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#fbfcf9;border-right:1px solid var(--line);padding:30px 20px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:23px}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#626f61;margin-top:45px;margin-bottom:10px;font-weight:700}.org-picker select{font-size:12px;padding:10px;background:#f2f4ee;font-weight:600;border-color:#e2e7de}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:27px}.sidebar nav>button{display:flex;align-items:center;gap:13px;border:0;border-radius:6px;background:transparent;text-align:left;padding:12px;color:#66766a;font-size:13px;font-weight:500;min-height:44px}.sidebar nav>button:hover{background:#f0f3ec}.sidebar nav>button.active{background:#e9efdf;color:#284f32;font-weight:600}.nav-count{margin-left:auto;padding:1px 6px;background:#d3e2c1;color:#234931;border-radius:4px;font-size:11px}.nav-divider{height:1px;background:var(--line);margin:22px 9px}.sidebar-footer{margin-top:auto;padding-top:40px}.profile{display:flex;align-items:center;gap:9px}.profile>span:nth-child(2){min-width:0;flex:1}.profile strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;color:var(--muted);font-size:10px}.avatar{background:#e6ecdf;border:1px solid #dbe2d4;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;color:#426043;font-size:12px}.topbar{height:76px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);background:#fbfcf9}.topbar strong{font-weight:500;color:var(--ink)}.topbar-divider{padding:0 12px;color:#b0baac}.main-area{min-width:0}main#main{max-width:1600px;padding:43px 44px 50px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px}.page-heading .eyebrow{margin-bottom:12px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:12px}.intro-strip{display:flex;align-items:center;gap:16px;padding:22px 24px;background:#edf2e6;border:1px solid #dfe6d5;border-radius:9px}.intro-icon{background:#dfe8cd;padding:13px;border-radius:50%;color:#5a713d}.intro-strip strong{font-size:14px;font-weight:600}.intro-strip p{font-size:12px;color:#606e57;margin-top:4px}.intro-strip>.text-button{margin-left:auto;white-space:nowrap}.registry-summary{display:flex;align-items:center;gap:32px;padding:29px 2px 22px;font-size:12px;color:var(--muted)}.registry-summary strong{font-weight:600;color:var(--ink);font-size:17px;margin-right:7px}.registry-summary>span:last-child{margin-left:auto;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #1e382403}.padded{padding:25px}.padded h2{margin-bottom:18px}.padded h3{margin-bottom:10px}.padded>p{margin-bottom:20px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px}.tabs button{border:0;background:none;color:var(--muted);font-size:12px;padding:9px 11px;border-radius:5px;min-height:38px}.tabs button.selected{background:#edf2e8;color:#254e36;font-weight:600}.search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e0e6dc;border-radius:6px;color:#83907e;width:240px}.search input{border:0;font-size:11px;padding:9px 0;background:transparent;min-width:0;outline-offset:0}.search svg{width:15px;flex-shrink:0}.table-wrap{position:relative;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;letter-spacing:.2px;color:#606f61;padding:14px 20px;background:#fafbf8;border-bottom:1px solid #e7ebe3;white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #eef0eb}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.table-link{display:flex;flex-direction:column;gap:5px;text-align:left;background:none;border:0;padding:0;color:var(--ink);min-width:140px}.table-link small{font-size:9px;color:#61705c;letter-spacing:.4px}.table-link strong{font-size:12px;font-weight:600}.table-link:hover strong{text-decoration:underline}.amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.badge{display:inline-flex;align-items:center;font-size:9px;line-height:1.3;font-weight:600;padding:6px 9px;border-radius:5px;white-space:nowrap;border:1px solid transparent}.badge.sent,.badge.waiting{background:#f9f0dc;color:#775e29;border-color:#efe3bf}.badge.planned{background:#eaf0e0;color:#56703c;border-color:#dce5cb}.badge.accepted{background:#e5f1e9;color:#2f6949}.badge.rejected,.badge.cancelled{background:#f5eae5;color:#895649}.badge.expired,.badge.draft,.badge.neutral{background:#f0f2ed;color:#5d6b55;border-color:#e4e8dd}.pause-note{display:block;font-size:9px;margin-top:5px;color:#7e6748}.nowrap{white-space:nowrap}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty-icon{display:inline-flex;padding:13px;border-radius:50%;background:#f0f4e8;color:#71845a;margin-bottom:18px}.empty h3{color:var(--ink);font-size:17px;margin-bottom:9px}.empty p{font-size:13px;max-width:390px;margin:0 auto}.empty button{margin-top:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.details{margin:0}.details>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0e7;font-size:12px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;overflow-wrap:anywhere}.section-gap{margin-top:26px}.action-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:24px 0}.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.inline-form>label{flex:1}.status-form{border-top:1px solid var(--line);padding-top:24px;margin-top:16px}.status-form small{display:block;margin-top:8px}.back-button{margin-bottom:24px}.attachment{display:flex;width:100%;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#f8faf5;padding:13px;margin-bottom:12px;overflow-wrap:anywhere}.attachment small{margin-left:auto;white-space:nowrap}.mini-job{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf0e7}.mini-job:last-child{border:0}.mini-job>div{flex:1}.mini-job strong{font-size:12px}.mini-job small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.step-number{display:grid;place-items:center;border:1px solid #dce5d2;width:30px;height:30px;border-radius:50%;color:#698355;font-size:11px}.timeline{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #d9e3d2}.timeline li{position:relative;margin-bottom:20px;padding-left:10px}.timeline li:before{content:"";width:7px;height:7px;background:#a3b88c;position:absolute;left:-16px;top:5px;border-radius:50%}.timeline strong{font-size:11px;font-weight:500}.timeline small{display:block;color:#61705b;font-size:10px;margin-top:4px}.info-banner{display:flex;gap:12px;padding:18px 20px;background:#edf3e7;border:1px solid #dee8d3;border-radius:8px;margin-bottom:25px;color:#536d43;font-size:12px}.info-banner svg{flex-shrink:0;margin-top:3px}.queue{display:flex;flex-direction:column;gap:12px}.queue-item{display:flex;align-items:center;gap:22px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.queue-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;border:1px solid #dce6d2;border-radius:7px;padding:8px;background:#f7f9f3}.queue-date strong{font-size:24px;font-weight:500}.queue-date small{font-size:10px}.queue-copy{flex:1}.queue-copy .eyebrow{font-size:8px}.queue-copy h3{margin:5px 0}.queue-copy p{font-size:12px;color:var(--muted)}.queue-copy>small{font-size:10px;color:#68785d}.settled{background:#fafbf7}.standalone{background:white;margin-bottom:20px;width:300px}.customer-list button{border:0;border-bottom:1px solid var(--line);background:none;display:flex;width:100%;align-items:center;text-align:left;gap:16px;padding:22px}.customer-list button:hover{background:#f8faf4}.customer-list button:last-child{border:0}.customer-list button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.customer-list strong{display:block;font-size:13px}.customer-list small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.customer-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #e0e7d7;background:#f0f4e9;border-radius:9px;color:#526b40}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.member{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line)}.member>div{flex:1;min-width:0;overflow-wrap:anywhere}.member strong{font-size:12px}.member small{display:block;font-size:10px;color:var(--muted)}.outbox-message{padding:15px 0 30px;border-bottom:1px solid var(--line)}.outbox-message h2{margin:15px 0 6px}.outbox-message pre{font-family:inherit;line-height:1.7;font-size:13px;white-space:pre-wrap;background:#f8faf5;padding:20px;margin-top:18px;overflow-wrap:anywhere}.loading{padding:80px;text-align:center;color:var(--muted)}dialog{border:1px solid #dce4d6;border-radius:12px;padding:26px;width:min(570px,calc(100% - 32px));max-height:90vh;color:var(--ink);background:#fff;box-shadow:0 24px 80px #10261f29;overflow-y:auto}dialog::backdrop{background:#0b231d70;}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:22px}.modal-heading .icon-button{padding:5px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.modal-actions>span{font-size:11px}dialog form>p{margin-bottom:20px;font-size:12px}dialog textarea{font-size:13px;line-height:1.7}dialog hr{border:0;border-top:1px solid var(--line);margin:22px 0}.review-check{background:#f2f5ec;padding:16px;border-radius:7px}.postpone-form{display:flex;align-items:flex-end;gap:12px;margin:22px 0}.postpone-form .field{margin:0;flex:1}.skip-link{position:fixed;left:10px;top:-100px;z-index:10;background:#fff;color:#173e35;padding:15px;border:2px solid #173e35}.skip-link:focus{top:10px}
@media(min-width:1500px){main#main{padding:55px 65px}.topbar{padding:0 65px}.app-layout{grid-template-columns:255px minmax(0,1fr)}}
@media(max-width:1150px){main#main{padding:30px 25px}.topbar{padding:0 25px}.app-layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:25px 14px}.page-heading{align-items:flex-start}.page-heading>.primary{white-space:nowrap}.intro-strip{flex-wrap:wrap}.intro-strip>.text-button{margin-left:65px}.list-toolbar{flex-wrap:wrap;gap:12px}td,th{padding:16px 15px}.detail-grid{grid-template-columns:1fr}.registry-summary{gap:20px}.registry-summary>span:last-child{display:none}.queue-item{gap:15px}.queue-item>.secondary{padding:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.customer-portal { max-width: 840px; margin: 0 auto; padding: 32px 24px 64px; }
.customer-portal { font-size: 16px; }
.customer-portal small { font-size: 13px; }
.customer-portal .field, .customer-portal .primary { font-size: 16px; }
.customer-portal > .eyebrow { margin-top: 40px; }
.customer-portal .page-heading h1 { overflow-wrap: anywhere; }
.customer-portal a, .portal-controls a { color: var(--ink); text-decoration: underline; overflow-wrap: anywhere; }
.portal-controls { border-top: 1px solid var(--line); padding: 20px 0; }
.response-text { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 600px) { .customer-portal { padding: 24px 16px 40px; } }

/* Shared controls retain the calm green / cream identity. */
.mobile-only, .mobile-company, .mobile-create, .quote-cards { display: none; }
.empty-content { max-width: 390px; margin: auto; }
.account-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.account-actions .field { flex: 1; margin: 0; }
.more-options, .message-preview { border-top: 1px solid var(--line); margin: 16px 0; }
summary { cursor: pointer; touch-action: manipulation; padding: 12px 0; color: var(--green); font-weight: 600; }
.queue-actions { width: 310px; flex-shrink: 0; }
.queue-actions > .secondary { margin-top: 8px; }
.queue-actions .checkbox { margin-top: 0; }
.message-preview { margin-top: 0; }
.message-preview p { margin-top: 12px; }
.response-choices { margin: 24px 0; display: grid; gap: 12px; }
.response-choices legend { font-weight: 600; margin-bottom: 12px; }
.response-choice { display: flex; align-items: center; gap: 12px; border: 2px solid #7a8b7c; border-radius: 8px; padding: 16px; min-height: 60px; cursor: pointer; }
.response-choice input { width: 24px; height: 24px; margin: 0; flex-shrink: 0; accent-color: var(--green); }
.response-choice svg { margin-left: auto; visibility: hidden; }
.response-choice:has(:checked) { background: #e9efdf; border-color: var(--green); }
.response-choice:has(:checked) svg { visibility: visible; }
.choice-selected { display: none; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; }
.response-choice:has(:checked) .choice-selected { display: inline-flex; }
.response-choice:focus-within { outline: 3px solid #a67b30; outline-offset: 3px; }
.alert .secondary { margin-top: 12px; }
@media (min-width: 761px) and (max-width: 1150px) {
  .queue-item { flex-wrap: wrap; }
  .queue-actions { margin-left: 69px; flex-basis: calc(100% - 69px); }
}
@media (max-width: 760px) {
  :root { --green: #173e35; --ink: #20382f; --muted: #46574c; --line: #8b998c; }
  #root { font-size: 16px; line-height: 1.5; }
  /* Reset the compact desktop type scale before applying mobile hierarchy. */
  #root :where(*) { font-size: inherit; }
  #root h1 { font-size: 28px; line-height: 1.2; letter-spacing: -.6px; overflow-wrap: anywhere; }
  #root h2 { font-size: 22px; line-height: 1.3; }
  #root h3, #root .card-customer { font-size: 20px; line-height: 1.4; }
  #root :is(small, .eyebrow, .badge, .card-next, .nav-count) { font-size: 13px; }
  #root :is(.muted, small, .eyebrow, .queue-copy > small, .queue-copy p, .timeline small) { color: var(--muted); }
  #root :is(button, a, summary) { min-height: 48px; min-width: 48px; touch-action: manipulation; }
  #root button { white-space: normal; }
  #root a { display: inline-flex; align-items: center; max-width: 100%; }
  #root :is(input, select, textarea) { font-size: 16px; min-height: 52px; border-color: #7a8b7c; scroll-margin-block: 90px 140px; }
  #root :is(input[type=checkbox], input[type=radio]) { width: 26px; height: 26px; min-height: 26px; margin: 0; flex-shrink: 0; }
  #root .checkbox { min-height: 52px; align-items: center; padding: 12px; gap: 12px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
  #root .checkbox, #root .response-choice { touch-action: manipulation; }
  #root .choice-selected { font-size: 13px; flex: 0 0 auto; }
  #root button:disabled, #root fieldset:disabled button { opacity: 1; color: #46574c; background: #e4e8e1; border-color: #7a8b7c; }
  #root .brand { font-size: 22px; }
  #root .badge { white-space: normal; border-color: currentColor; max-width: 100%; }
  #root .badge.planned { color: #3e5826; }
  #root .badge.accepted { color: #215436; }
  #root .badge.sent, #root .badge.waiting { color: #624a19; }
  .auth-layout { display: block; }
  .auth-panel { display: block; min-height: 100dvh; padding: 28px 20px; }
  .auth-mobile-logo { display: block; margin-bottom: 32px; }
  .auth-form { max-width: 420px; margin: auto; }

  .auth-form h2 { margin-top: 0; }
  .auth-form > p.muted { margin-bottom: 24px; }
  .auth-switch .text-button { padding: 8px; }
  .app-layout { display: block; }
  .sidebar { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; height: auto; padding: calc(12px + env(safe-area-inset-top)) 16px 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar .brand-symbol { width: 28px; height: 28px; }
  .mobile-company { display: block; font-weight: 600; overflow-wrap: anywhere; }
  .workspace-label, .sidebar-footer, .nav-divider, .sidebar > .org-picker, .topbar { display: none; }
  .sidebar nav { position: fixed; z-index: 20; bottom: 0; left: 0; right: 0; margin: 0; padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; border-top: 2px solid var(--green); background: #fbfcf9; }
  #root .sidebar nav > button { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; min-height: 64px; padding: 4px 0; text-align: center; color: #334d3d; border-radius: 6px; }
  #root .sidebar nav > button > span:not(.nav-count) { font-size: 13px; line-height: 1.2; }
  #root .sidebar nav > button.active { color: #173e35; background: #e1e9d5; outline: 1px solid #5d7351; }
  .sidebar nav > button svg { width: 22px; height: 22px; }
  #root .nav-count { position: absolute; top: -4px; right: 0; margin: 0; border: 1px solid #173e35; background: #173e35; color: #fff; border-radius: 12px; min-width: 22px; text-align: center; }
  main#main { padding: 24px 16px calc(190px + env(safe-area-inset-bottom)); }
  .page-heading { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
  .page-heading .eyebrow, .app-layout .page-heading > div > p:not(.eyebrow) { display: none; }
  .quotes-heading > .primary { display: none; }
  .app-layout .detail-heading > div > p:not(.eyebrow), .detail-heading .eyebrow { display: block; }
  .intro-strip { display: none; }
  .registry-summary { padding: 0 0 20px; gap: 24px; }
  .registry-summary > span { display: flex; flex-direction: column; gap: 4px; }
  #root .registry-summary strong { font-size: 23px; }
  .registry-summary > span:last-child { display: none; }
  .panel { box-shadow: none; }
  .padded { padding: 18px; }
  .list-toolbar { display: grid; gap: 16px; padding: 12px; }
  .tabs { display: flex; gap: 8px; width: 100%; }
  #root .tabs button { padding: 8px 4px; flex: 1; min-width: 0; border: 1px solid var(--line); }
  #root .tabs button.selected { border-color: var(--green); }
  .search { width: 100%; border-color: #7a8b7c; color: #46574c; }
  .search svg { width: 20px; }
  .standalone { background: #fff; margin-bottom: 16px; }
  .quotes-table { display: none; }
  .quote-cards { display: grid; gap: 12px; padding: 12px; }
  .quote-card { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 10px; border: 1px solid #7a8b7c; background: #fff; padding: 16px; border-radius: 8px; color: var(--ink); text-align: left; overflow-wrap: anywhere; }
  .quote-card:hover { background: #f2f5ec; }
  .card-customer { font-weight: 700; padding-right: 24px; }
  .card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
  #root .card-meta strong { font-size: 20px; }
  .quote-card > svg { position: absolute; right: 12px; top: 19px; }
  .mobile-create { display: block; position: fixed; z-index: 19; bottom: calc(84px + env(safe-area-inset-bottom)); left: 0; right: 0; padding: 12px 16px; background: #f6f7f4; border-top: 1px solid var(--line); }
  #root .mobile-create .primary { min-height: 56px; }
  .empty { padding: 28px 20px; }
  .empty-icon { margin-bottom: 12px; }
  .empty-create { width: 100%; }
  .app-layout:has(.empty-create) .mobile-create { display: none; }
  /* The single empty-state action takes the same fixed position. */
  #root .empty-create { position: fixed; z-index: 19; left: 16px; bottom: calc(96px + env(safe-area-inset-bottom)); width: calc(100% - 32px); min-height: 56px; }
  .detail-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .details > div { flex-wrap: wrap; gap: 8px; }
  .details dd { text-align: left; }
  .action-stack, .portal-controls > .flex { display: flex; flex-direction: column; gap: 12px; }
  .inline-form { display: flex; flex-direction: column; gap: 12px; }
  .back-button { margin-bottom: 16px; text-align: left; }
  .attachment { flex-wrap: wrap; }
  .info-banner { padding: 12px; margin-bottom: 16px; color: #334d3d; }
  .info-banner p { line-height: 1.5; }
  .queue { gap: 16px; }
  .queue-item { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; padding: 16px; gap: 12px; }
  .queue-date { min-width: 48px; padding: 8px 4px; }
  #root .queue-date strong { font-size: 24px; }
  .queue-copy { min-width: 0; overflow-wrap: anywhere; }
  .queue-copy .eyebrow { letter-spacing: .3px; }
  .queue-copy h3 { margin: 4px 0; }
  .queue-actions, .queue-item > .badge { grid-column: 1 / -1; width: 100%; }
  .queue-actions .secondary { margin-top: 12px; }
  .review-check { background: #edf2e6; margin: 0 0 12px; }
  .message-preview { border-bottom: 1px solid var(--line); }
  .message-preview[open] { padding-bottom: 16px; }
  .account-actions { gap: 16px; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
  .account-actions > strong, .account-actions .field { flex-basis: 100%; }
  .customer-list button { padding: 16px; gap: 12px; }
    .panel-heading { display: flex; flex-wrap: wrap; }
  .member { flex-wrap: wrap; gap: 12px; }
  .step-number { color: var(--muted); }
  .loading { padding: 40px 8px; }
  .form-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .field { margin-bottom: 20px; }
  .more-options { margin-bottom: 20px; }
  .more-options summary { margin-bottom: 8px; }
  dialog { position: fixed; inset: var(--visual-top, 0px) 0 auto; margin: 0; width: 100%; max-width: none; height: var(--visual-height, 100dvh); max-height: none; padding: 0; border: 0; border-radius: 0; display: flex; flex-direction: column; overflow: hidden; }
  dialog:not([open]) { display: none; }
  .modal-heading { flex-shrink: 0; margin: 0; padding: calc(12px + env(safe-area-inset-top)) 16px 12px; border-bottom: 1px solid var(--line); background: #fbfcf9; gap: 12px; }
  #root .modal-heading h2 { font-size: 22px; }
  .modal-close { display: flex; gap: 8px; align-items: center; color: var(--green); }
  .mobile-only { display: inline; }
  .modal-content { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 16px calc(var(--action-height, 120px) + 24px); scroll-padding-block: 20px calc(var(--action-height, 120px) + 24px); }
  .modal-actions { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--line); display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  #root .modal-actions button { width: 100%; min-height: 56px; }
  .modal-actions > span { text-align: center; }
  .postpone-form { flex-wrap: wrap; gap: 12px; }
  .postpone-form .field { flex-basis: 100%; }
  .customer-portal { padding: 24px 16px 40px; }
  .customer-portal > .eyebrow { display: none; }
  .customer-portal > .page-heading { margin-top: 28px; }
  .response-choice { padding: 16px; }
  .response-choice span { flex: 1; }
}

/* Rustige, compacte kop boven de offertelijst (mobiel). Alles hieronder blijft ongewijzigd. */
.tabs.segmented button { white-space: nowrap; }
@media (max-width: 760px) {
  #root .sidebar { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: calc(10px + env(safe-area-inset-top)) 16px 10px; background: #fbfcf9; }
  #root .sidebar .brand { flex-shrink: 0; font-size: 20px; }
  #root .sidebar .mobile-company { min-width: 0; max-width: 55%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; font-size: 14px; font-weight: 600; color: #334d3d; text-align: right; }
  main#main { padding-top: 20px; }
  .quotes-heading { margin-bottom: 12px; }
  .quotes-heading h1 { font-size: 28px; line-height: 1.15; letter-spacing: -0.5px; margin: 0; }
  #root .registry-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0; margin: 0 0 16px; border: 1px solid #c9d3c4; border-radius: 12px; background: #fff; overflow: hidden; }
  #root .registry-summary > span { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; font-size: 13px; color: #46574c; min-width: 0; }
  #root .registry-summary > span + span { border-left: 1px solid #dbe2d6; }
  #root .registry-summary strong { margin: 0; font-size: 22px; line-height: 1.2; font-weight: 650; color: #173e35; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #root .registry-summary > span:last-child.muted { display: none; }
  #root .list-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px; }
  #root .tabs.segmented { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; width: 100%; margin: 0; padding: 4px; border: 1px solid #c9d3c4; border-radius: 12px; background: #eef2ea; box-sizing: border-box; }
  #root .tabs.segmented button { min-height: 48px; min-width: 0; padding: 0 6px; border: 0; border-radius: 9px; background: transparent; color: #334d3d; font-size: 15px; font-weight: 600; line-height: 1; flex: none; }
  #root .tabs.segmented button.selected { background: #173e35; color: #fff; box-shadow: none; }
  #root .list-toolbar .search { width: 100%; max-width: none; min-height: 48px; margin: 0; padding: 0 14px; box-sizing: border-box; border: 1px solid #7a8b7c; border-radius: 12px; background: #fff; }
  #root .list-toolbar .search input { flex: 1; width: 100%; min-width: 0; font-size: 16px; padding: 12px 0; }
  #root .list-toolbar .search input::-webkit-search-cancel-button { -webkit-appearance: none; }
}

.account-screen { width: min(100%, 540px); margin: 0 auto; padding: 32px 20px; box-sizing: border-box; }
.account-screen > .panel { margin-top: 28px; overflow-wrap: anywhere; }
.account-screen h1 { font-size: 28px; }
.account-screen a { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 16px; text-decoration: none; }
.verification-banner { background: #edf2e6; color: #173e35; border: 1px solid #b9c9af; border-radius: 10px; padding: 20px; margin-bottom: 24px; overflow-wrap: anywhere; }
.verification-banner h2 { margin: 0 0 8px; }
.account-password { margin: 28px 0; padding: 24px 0; border-block: 1px solid var(--line); }
@media (max-width: 760px) { .verification-banner .secondary { width: 100%; min-height: 48px; } .account-screen { padding: 24px 16px; } }

/* UI-glitchronde: wachtwoordknop, meldingen, randen, aanraakgedrag. */
html { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.field > label { color: inherit; }
.password-input { position: relative; display: block; }
#root .password-input input { width: 100%; padding-right: 108px; }
.password-input input::-ms-reveal, .password-input input::-ms-clear { display: none; }
#root .password-toggle { position: absolute; top: 4px; right: 4px; bottom: 4px; width: 96px; min-width: 0; min-height: 0; margin: 0; padding: 0;
  display: grid; place-items: center; border: 0; border-radius: 4px; background: #edf2e9; color: #173e35;
  font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
#root .password-toggle:hover { background: #e1e9d5; }
#root .password-toggle:focus-visible { outline: 3px solid #a67b30; outline-offset: -3px; }
#root .password-toggle > span { grid-area: 1 / 1; }
#root .password-toggle > .is-hidden { visibility: hidden; }
@media (pointer: coarse) { input, select, textarea { font-size: 16px; } }
.toast-region { position: fixed; z-index: 40; right: 24px; bottom: 24px; width: min(380px, calc(100% - 32px)); pointer-events: none; }
.toast { margin: 0; padding: 14px 18px; border-radius: 10px; background: #173e35; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; box-shadow: 0 8px 24px #10261f33; overflow-wrap: anywhere; }
.panel-heading { align-items: center; margin-bottom: 12px; }
.panel-heading h2, .padded .panel-heading h2 { margin: 0; }
hr { border: 0; border-top: 1px solid var(--line); margin: 28px 0; }
hr + .account-password { border-top: 0; margin-top: 0; padding-top: 0; }
@media (max-width: 760px) {
  #root .password-input input { min-height: 56px; }
  #root .password-toggle { font-size: 15px; }
  .toast-region { left: 16px; right: 16px; width: auto; bottom: calc(170px + env(safe-area-inset-bottom)); }
}
.verification-banner .secondary { margin-top: 16px; }