.bouw-nav{border:1px solid var(--brand-line);background:color-mix(in srgb, var(--brand-card) 70%, white);border-radius:18px;flex-wrap:wrap;gap:6px;width:100%;max-width:100%;margin:0 0 18px;padding:4px;display:flex}.bouw-nav a{min-height:40px;color:var(--brand-espresso);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.bouw-nav a:hover{color:var(--brand-espresso);background:color-mix(in srgb, var(--brand-cream) 80%, white)}.bouw-nav a.is-active{background:var(--brand-espresso);color:var(--brand-cream)}.bouw-nav a:focus-visible{outline:2px solid var(--brand-coral-text);outline-offset:2px}.bouw-section{border-top:1px solid var(--brand-line);flex-direction:column;gap:16px;padding-top:20px;display:flex}.bouw-section:first-of-type{border-top:0;padding-top:0}.bouw-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-amber-text);margin:0;font-size:.72rem;font-weight:700}.bouw-choice{flex-wrap:wrap;gap:6px;display:flex}.bouw-choice label,.bouw-choice button{border:1px solid var(--brand-line);min-height:44px;color:var(--brand-espresso);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex;position:relative}.bouw-choice label:hover,.bouw-choice button:hover{border-color:color-mix(in srgb, var(--brand-espresso) 35%, var(--brand-line))}.bouw-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bouw-choice button[aria-checked=true],.bouw-choice button.is-selected{background:var(--brand-espresso);border-color:var(--brand-espresso);color:var(--brand-cream)}.bouw-choice label:has(input:checked){background:var(--brand-espresso);border-color:var(--brand-espresso);color:var(--brand-cream)}.bouw-choice button:focus-visible{outline:2px solid var(--brand-coral-text);outline-offset:2px}.bouw-choice label:has(input:focus-visible){outline:2px solid var(--brand-coral-text);outline-offset:2px}.bouw-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.bouw-check input{appearance:none;border:1.5px solid var(--brand-line);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;width:20px;height:20px;margin:0;transition:background .14s,border-color .14s,box-shadow .14s}.bouw-check input:hover{border-color:color-mix(in srgb, var(--brand-espresso) 35%, var(--brand-line))}.bouw-check input:checked{border-color:var(--brand-espresso);background-color:var(--brand-espresso);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.4 11l6.1-6.5' stroke='%23fff6ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px 14px}.bouw-check input:focus-visible{outline:2px solid var(--brand-coral-text);outline-offset:2px}.bouw-line{animation:.22s both bouw-line-in}.bouw-line:first-child{animation-delay:0s}.bouw-line:nth-child(2){animation-delay:35ms}.bouw-line:nth-child(3){animation-delay:70ms}.bouw-line:nth-child(4){animation-delay:.105s}.bouw-line:nth-child(5){animation-delay:.14s}.bouw-line:nth-child(6){animation-delay:.175s}.bouw-line:nth-child(7){animation-delay:.21s}.bouw-line:nth-child(8){animation-delay:.245s}.bouw-line:nth-child(9){animation-delay:.28s}.bouw-line:nth-child(10){animation-delay:.315s}@keyframes bouw-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bouw-field{flex-direction:column;gap:6px;min-width:0;display:flex}.bouw-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-taupe-text);font-size:.72rem;font-weight:700}.bouw-field input,.bouw-field textarea,.wand-field input,.wand-field select,.tegel-field input,.tegel-field select,.verf-field input,.verf-field select,.laminaat-field input,.laminaat-field select,.kit-field input,.kit-field select{border:1px solid var(--brand-line);width:100%;min-height:44px;font:inherit;color:inherit;resize:vertical;background:#fff;border-radius:12px;padding:10px 12px;font-size:16px;transition:border-color .14s,box-shadow .14s}.bouw-field input:focus-visible,.bouw-field textarea:focus-visible{border-color:var(--brand-coral-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-coral) 35%, white);outline:none}.bouw-hint{color:var(--brand-taupe-text);margin:0;font-size:.9rem;line-height:1.45}.bouw-job-actions,.bouw-share-actions,.bouw-job-item-actions{flex-wrap:wrap;gap:8px;display:flex}.bouw-btn{min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:700;transition:transform .14s,filter .14s,background .14s}.bouw-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.bouw-btn:focus-visible{outline:2px solid var(--brand-espresso);outline-offset:3px}.bouw-btn-primary{background:var(--brand-coral-text);color:var(--brand-cream);border:0}.bouw-btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.bouw-btn-secondary{border:1px solid var(--brand-line);color:var(--brand-espresso);background:#fff}.bouw-btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand-espresso) 28%, var(--brand-line));transform:translateY(-1px)}.bouw-btn-ghost{color:var(--brand-taupe-text);background:0 0;border:1px solid #0000;min-height:36px;padding:6px 10px}.bouw-btn-ghost:hover:not(:disabled){color:var(--brand-espresso);background:color-mix(in srgb, var(--brand-cream) 80%, white)}.bouw-btn-ghost.is-danger{color:var(--brand-coral-text)}.bouw-job-list ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bouw-job-item{border:1px solid var(--brand-line);background:color-mix(in srgb, white 70%, var(--brand-cream));border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.bouw-job-item strong{font-size:.95rem;display:block}.bouw-job-item span{color:var(--brand-taupe-text);font-size:.82rem}.bouw-share{flex-direction:column;gap:8px;display:flex}.bouw-print-sheet{display:none}.bouw-hub{background:radial-gradient(circle at top right, #6ba36829, transparent 32%), radial-gradient(circle at bottom left, #f5b04124, transparent 28%), linear-gradient(180deg, #fff9f1 0%, var(--brand-cream) 42%, #fff3e6 100%);min-height:100dvh;color:var(--brand-espresso);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif}.bouw-hub-shell{max-width:920px;padding:20px 20px 72px;padding-top:max(20px, env(safe-area-inset-top));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(72px, calc(40px + env(safe-area-inset-bottom)));padding-left:max(20px, env(safe-area-inset-left));margin:0 auto}.bouw-hub-header{margin:4px 0 28px}.bouw-hub-header .app-brand{margin-bottom:14px}.bouw-hub h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.02}.bouw-hub-lede{max-width:34rem;color:var(--brand-taupe-text);margin:12px 0 0;font-size:1.1rem;line-height:1.55}.bouw-hub-tools{gap:12px;display:grid}@media (min-width:720px){.bouw-hub-tools{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.bouw-hub-tool{border:1px solid color-mix(in srgb, var(--brand-line) 85%, #d8c4a8);background:linear-gradient(180deg, #ffffffb8, transparent 48%), color-mix(in srgb, var(--brand-card) 94%, white);min-height:132px;color:inherit;border-radius:20px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:transform .16s,border-color .16s;display:flex;box-shadow:inset 0 1px #ffffffb3,0 14px 36px #2b10170d}.bouw-hub-tool:hover{border-color:color-mix(in srgb, var(--brand-espresso) 28%, var(--brand-line));transform:translateY(-2px)}.bouw-hub-tool-label{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-amber-text);font-size:.72rem;font-weight:700}.bouw-hub-tool strong{letter-spacing:-.03em;font-size:1.35rem}.bouw-hub-tool span:last-child{color:var(--brand-taupe-text);font-size:.95rem;line-height:1.45}.bouw-hub-recent{margin-top:36px}.bouw-hub-recent h2{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-amber-text);margin:0 0 12px;font-size:.72rem;font-weight:700}.bouw-hub-recent ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bouw-hub-recent a{border:1px solid var(--brand-line);background:color-mix(in srgb, var(--brand-card) 90%, white);color:inherit;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.bouw-hub-recent a:hover{border-color:color-mix(in srgb, var(--brand-espresso) 28%, var(--brand-line))}.bouw-hub-recent span{color:var(--brand-taupe-text);font-size:.86rem}@media print{body *{visibility:hidden!important}.bouw-print-sheet,.bouw-print-sheet *{visibility:visible!important}.bouw-print-sheet{color:#000;background:#fff;padding:24px;position:absolute;inset:0;display:block!important}.bouw-print-sheet #bouw-print-title{margin:0 0 16px;font-size:20pt;font-weight:700}.bouw-print-sheet pre{white-space:pre-wrap;margin:0;font:11pt/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}}@media (max-width:720px){.bouw-nav{border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid;overflow:visible}.bouw-nav a{white-space:normal;text-align:center;min-height:44px;padding:8px 6px;font-size:.86rem;line-height:1.15}.wand-card,.tegel-card,.verf-card,.laminaat-card,.kit-card{border-radius:18px;padding:16px}.wand h1,.tegel h1,.verf h1,.laminaat h1,.kit h1{font-size:clamp(1.75rem,9vw,2.2rem)}.wand-line,.tegel-line,.verf-line,.laminaat-line,.kit-line{grid-template-columns:3.8rem 1fr;gap:2px 10px;padding:11px 0}.wand-qty,.tegel-qty,.verf-qty,.laminaat-qty,.kit-qty{font-size:1.02rem}.bouw-hub-shell,.wand-shell,.tegel-shell,.verf-shell,.laminaat-shell,.kit-shell{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));padding-bottom:max(56px, calc(28px + env(safe-area-inset-bottom)))}.bouw-hub-header,.wand-header,.tegel-header,.verf-header,.laminaat-header,.kit-header{margin-bottom:18px}.bouw-hub h1{font-size:clamp(2rem,11vw,2.6rem)}.bouw-hub-lede,.wand-lede,.tegel-lede,.verf-lede,.laminaat-lede,.kit-lede{font-size:1rem}.bouw-hub-tool{min-height:0;padding:16px}.bouw-share-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bouw-share-actions .bouw-btn-primary{grid-column:1/-1}.bouw-job-item{flex-direction:column;align-items:stretch;gap:10px}.bouw-job-item-actions{justify-content:flex-start}.bouw-job-actions .bouw-btn,.bouw-share-actions .bouw-btn{width:100%}}@media (prefers-reduced-motion:reduce){.bouw-nav a,.bouw-choice label,.bouw-choice button,.bouw-check input,.bouw-line,.bouw-btn,.bouw-hub-tool{transition:none;animation:none}}