:root{--green:#1f4434;--green-h:#163024;--orange:#e6612b;--orange-h:#c54f1f;--ink:#1f2a23;--muted:#7a7066;--line:#e3e1da;--bg:#f6f5f1;--card:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}a{color:var(--orange)}.muted{color:var(--muted)}.pad{padding:24px}.error{color:#c0392b}.center{place-items:center;min-height:100vh;display:grid}.btn-primary,.btn-ghost{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px 16px;font-weight:700;transition:background .12s,border-color .12s,opacity .12s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-h)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--green);border-color:var(--line);background:#fff}.btn-ghost:hover{background:#f0efea}a.btn-primary,a.btn-ghost{text-decoration:none;display:inline-block}.btn-sm{padding:7px 12px;font-size:13px}.btn-danger{font:inherit;cursor:pointer;color:#c0392b;background:#fff;border:1px solid #e3b7b0;border-radius:6px;padding:10px 16px;font-weight:700;transition:background .12s,border-color .12s,opacity .12s}.btn-danger:hover{background:#fbecea;border-color:#c0392b}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.brand{color:var(--green);letter-spacing:.01em;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.brand span{color:var(--orange)}.brand__logo{width:auto;height:26px;display:block}.admin{align-items:stretch;min-height:100vh;display:flex}.sidebar{background:var(--green);color:#fff;flex-direction:column;flex-shrink:0;width:232px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar__brand{padding:4px 8px 22px}.sidebar__logo{width:auto;height:30px;display:block}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__nav button{text-align:left;color:#cdd8d1;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-weight:700;display:flex}.sidebar__nav button:hover{color:#fff;background:#ffffff14}.sidebar__nav button.is-active{color:#fff;background:#ffffff29}.sidebar__icon{font-size:15px;line-height:1}.sidebar__foot{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sidebar__email{color:#cdd8d1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar__role{color:#fff;background:#ffffff29;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700}.sidebar .btn-ghost{color:#fff;background:0 0;border-color:#ffffff4d}.sidebar .btn-ghost:hover{background:#ffffff1f}.content{flex:1;min-width:0;max-width:1000px;padding:28px 28px 64px}.content--wide{max-width:none}.bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.bar h1{margin:0;font-size:22px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login__card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px;display:flex;box-shadow:0 8px 40px #1f443414}.login__logo{align-self:flex-start;width:auto;height:40px}.login__sub{color:var(--green);letter-spacing:.01em;margin:-4px 0 0;font-size:20px;font-weight:800}.login__card label,.status-edit,.price-row{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login__card input{font:inherit;border:1px solid var(--line);border-radius:6px;padding:11px 12px}.login__card input:focus{outline:2px solid var(--orange);outline-offset:-1px}.cards{flex-direction:column;gap:10px;display:flex}.qcard{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.qcard__head{width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:120px minmax(150px,1.1fr) 140px minmax(180px,1.3fr) 120px minmax(190px,1.4fr) 132px 112px;align-items:center;gap:14px;padding:17px 20px;display:grid}.qcard.is-open .qcard__head{background:#faf8f4}.qcard__date{color:var(--muted);font-size:12px}.qcard__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.qcard__prod{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.qcard__email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.qcard__phone{color:var(--muted);white-space:nowrap;font-size:13px}.qcard__address{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.qcard__total{color:var(--ink);text-align:right;white-space:nowrap;font-size:15.5px;font-weight:800}.pill{text-align:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.pill--new{color:#b5491f;background:#fde6d8}.pill--contacted{color:#355a9c;background:#e3eaf6}.pill--quoted{color:#6a3aa0;background:#efe6f7}.pill--won{color:#1f7a45;background:#def0e4}.pill--lost{color:#777;background:#eee}.qcard__body{border-top:1px solid var(--line);background:#fff;padding:16px}.qcard__grid{grid-template-columns:1fr 220px;gap:20px;display:grid}.qcard__danger{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.qcard__danger .error{font-size:13px}.kv h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px}.kv--wide{grid-column:1/-1}.kv .msg{background:#f6f5f1;border-radius:6px;padding:8px 10px;font-weight:400}.kv .src{color:var(--muted);word-break:break-all;margin-top:6px;font-size:12px}.status-edit{margin-top:12px}.status-edit select,.prod-tabs select{font:inherit;border:1px solid var(--line);border-radius:6px;padding:7px 10px}.preview{border:1px solid var(--line);border-radius:6px;width:100%}.json{color:#d7e5dc;background:#1f2a23;border-radius:8px;max-height:320px;padding:12px;font-size:12px;overflow:auto}.addr{line-height:1.5}.kv__h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 8px;font-size:12px}.breakdown{flex-direction:column;gap:3px;max-width:320px;margin:6px 0;display:flex}.breakdown>div{justify-content:space-between;font-size:13px;display:flex}.breakdown>div span:first-child{color:var(--muted)}.breakdown__total{border-top:1px solid var(--line);padding-top:4px;font-weight:800}.breakdown__total span{color:var(--ink)!important}.save-inline{justify-content:flex-end;align-items:center;gap:12px;display:flex}.offerno{color:var(--orange);font-weight:700}.spec-grid{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.spec-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:4px 0;font-size:13px;display:flex}.spec-row span:first-child{color:var(--muted)}.spec-row span:last-child{color:var(--green);text-align:right;font-weight:700}.view-thumbs{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.view-thumbs a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:10px;text-decoration:none;display:flex}.thumb{border:1px solid var(--line);border-radius:4px;width:100%}.offer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.offer-actions .sent{font-size:12px}.config-link{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.config-url{color:var(--muted);word-break:break-all;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.config-url:hover{color:var(--orange)}.pdf-preview{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:640px;margin-top:10px}.raw{margin-top:12px}.raw summary{cursor:pointer;color:var(--muted);font-size:12px}.settings-rows{flex-direction:column;gap:12px;max-width:560px;display:flex}.text-input{width:280px;font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px}.text-input--sm{width:120px}.text-input:focus{outline:2px solid var(--orange);outline-offset:-1px}.settings-sep{border:0;border-top:1px solid var(--line);margin:6px 0}.prod-tabs{gap:6px;display:flex}.prod-tabs button{font:inherit;border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fff;border-radius:6px;padding:8px 14px;font-weight:700}.prod-tabs button.is-active{background:var(--green);color:#fff;border-color:var(--green)}.hint{margin-top:-4px}.price-cat{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:14px;padding:16px 18px}.price-cat h3{color:var(--green);margin:0 0 12px;font-size:15px}.price-rows{grid-template-columns:1fr 1fr;gap:10px 28px;display:grid}.price-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;font-weight:500}.price-row__label{color:var(--ink)}.euro-input{align-items:center;gap:4px;display:flex}.euro-input span{color:var(--muted);font-weight:700}.euro-input input{width:110px;font:inherit;text-align:right;border:1px solid var(--line);border-radius:6px;padding:8px 10px}.euro-input input:focus{outline:2px solid var(--orange);outline-offset:-1px}.save-bar{background:linear-gradient(to top, var(--bg) 70%, transparent);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding:14px 0;display:flex;position:sticky;bottom:0}.save-msg{color:var(--green);margin-right:auto;font-weight:700}.invite-form{flex-direction:column;gap:12px;max-width:560px;display:flex}.invite-form .save-inline{flex-wrap:wrap}.invite-form .save-inline .error{margin-right:auto}.member-list{flex-direction:column;gap:8px;display:flex}.member-row{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:14px;padding:11px 14px;display:flex}.member-row__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.member-row__name{font-weight:700}.member-row__email{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.member-row__self{font-size:12px}.role-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.role-badge--admin{color:#b5491f;background:#fde6d8}.role-badge--medewerker{color:#1f7a45;background:#def0e4}.btn-ghost--sm{padding:6px 12px;font-size:13px}@media (width<=820px){.admin{flex-direction:column}.sidebar{flex-direction:row;align-items:center;gap:8px;width:auto;height:auto;padding:10px 14px}.sidebar__brand{padding:0 8px 0 0}.sidebar__logo{height:24px}.sidebar__nav{flex-direction:row;flex:1}.sidebar__nav button{padding:8px 12px}.sidebar__icon{display:none}.sidebar__foot{flex-direction:row;align-items:center;margin-top:0;padding-top:0}.sidebar__email{display:none}.content{padding:20px 16px 56px}.qcard__head{grid-template-columns:1fr auto;row-gap:4px}.qcard__date,.qcard__prod,.qcard__name{grid-column:1/-1}.qcard__email,.qcard__phone,.qcard__address{display:none}.qcard__total{text-align:left}.qcard__grid,.price-rows{grid-template-columns:1fr}}