/* Herberg: goud/sand en houtskool uit die faktuurlogo; sien docs/BRANDING.md. */
:root{--primary:#76552e;--primary-hover:#5c4021;--charcoal:#292824;--gold:#c6a16b;--sand:#e0c9aa;--cream:#f4e9d8;--ink:#292824;--muted:#696257;--border:#e1d8ca;--bg:#faf8f4;--red:#a3293d}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:var(--charcoal);color:white;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{color:#fff;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:750;line-height:1.3;margin-bottom:30px}.brand:hover{text-decoration:none}.brand-mark{background:var(--gold);color:var(--ink);font-weight:850;font-size:1rem;display:grid;place-items:center;border-radius:13px;min-width:50px;width:50px;height:50px;letter-spacing:-.5px}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#f4e9d8;margin:18px 12px 8px}.sidebar nav a{display:block;color:white;padding:9px 12px;border-radius:8px;font-size:.9375rem;margin:2px 0}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:#fff;color:var(--primary);text-decoration:none}.sidebar-bottom{margin-top:auto;padding:26px 12px 0;display:grid;gap:9px;font-size:.875rem}.sidebar-bottom a{color:white}.logout{border:0;background:transparent;color:#fff;padding:0}.main{min-width:0;width:100%;padding:32px 36px 20px;max-width:1680px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 27px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted);margin-bottom:6px}h1{font-size:1.9rem;line-height:1.2;letter-spacing:-.035em;margin:0}h2{font-size:1.14rem;margin:0 0 16px;line-height:1.4}h3{font-size:1.05rem}p{margin:0 0 16px}.role-pill{font-size:.8125rem;background:var(--cream);color:var(--primary);padding:7px 12px;border-radius:30px;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap}.toolbar p{margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;min-height:43px;border:1px solid #c8baa5;background:#fff;color:var(--ink);border-radius:9px;font-size:.875rem;font-weight:650;line-height:1.3;text-align:center}.button:hover{background:#f4eee5;text-decoration:none}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover)}.button.danger{color:var(--red);border-color:#efbed1;background:#fff0f5}.wide{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.metric{border-radius:15px;padding:21px 20px;display:flex;flex-direction:column;gap:12px;min-height:159px;color:var(--ink);border:1px solid transparent}.metric:hover{text-decoration:none}.metric>span{font-size:.875rem;font-weight:650}.metric strong{font-size:clamp(1.3rem,1.65vw,1.9rem);line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.metric small{font-size:.75rem}.blue{background:var(--primary);color:white}.teal{background:var(--sand);color:var(--ink)}.yellow{background:var(--cream);color:#4e3c25}.white{background:#fff;border-color:var(--border)}.card{background:white;border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:24px;min-width:0;box-shadow:0 4px 18px #29282406}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:15px}.section-head h2{margin:0}.section-head>a{font-size:.8125rem;white-space:nowrap}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--muted);font-size:.8125rem;font-weight:650;border-bottom:1px solid var(--border);padding:13px 10px;white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid #eee8de;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tfoot th{border-top:2px solid #d8c5a9;border-bottom:0;background:#faf7f1;padding-top:17px;color:var(--ink)}small,td small{display:block;color:inherit;opacity:.78;font-size:.75rem;margin-top:3px}.muted{color:var(--muted)}.small{font-size:.875rem}.danger-text{color:var(--red)}.success-text{color:#087260}.empty{text-align:center;color:var(--muted);padding:35px 16px!important}.empty h3{color:var(--ink)}.activity-row{display:flex;gap:13px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee8de;font-size:.875rem}.activity-row:last-child{border-bottom:0}.activity-row strong{font-weight:600}.activity-icon{display:grid;place-items:center;background:var(--cream);width:38px;height:38px;border-radius:11px;color:var(--primary);flex-shrink:0}.activity-row .activity-icon+div{flex:1}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quick-links a{background:var(--cream);border-radius:10px;padding:18px 20px;color:var(--primary);font-size:.875rem}.quick-links strong{font-size:1.4rem;margin-right:10px}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin:40px 0 8px;gap:20px}.form-card{max-width:760px}form p{margin:0 0 18px}label{display:block;font-size:.875rem;font-weight:600;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #9a8e7b;background:#fff;color:var(--ink);padding:10px 12px;border-radius:8px;min-height:43px;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid var(--primary)}input[type=checkbox]{width:18px;min-height:18px;vertical-align:middle;margin-right:8px}textarea{resize:vertical}.helptext{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}.errorlist{padding:8px 12px 8px 30px;background:#fff0f3;border-radius:7px;color:#a21937;font-size:.875rem;margin:0 0 12px}.notice{padding:16px 18px;border-radius:10px;background:#f4eee5;color:#5c4021;border:1px solid #d8c5a9;margin-bottom:18px;font-size:.9375rem}.notice.error{background:#fff0f4;color:#991633;border-color:#f3cada}.notice.success{background:#dcf9ed;color:#075f49;border-color:#b6edd8}.notice.warning{background:#fff7d9;color:#664d09;border-color:#f7e3a4}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form p{margin:0}.inline-form input,.inline-form select{width:auto;max-width:100%}.inline-form label{font-size:.8125rem}.inline-form .check{display:flex;align-items:center;min-height:43px;margin:0}.check{font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.line-form{display:grid;grid-template-columns:3fr 1fr 1.5fr .65fr;gap:15px;border-bottom:1px solid var(--border);margin-bottom:15px;padding-bottom:10px}.line-form input{min-width:0}.pill{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.75rem;background:#eee8de;color:#5c5549}.pill.posted{background:#d8f9ed;color:#0a6347}.pill.reversed{background:#ffdfeb;color:#9c1948}.pill.draft{background:#fff3bc;color:#755300}.row-actions{display:flex;gap:14px;align-items:center;font-size:.8125rem;flex-wrap:wrap}.text-button{background:none;border:0;padding:0;color:var(--primary);font-size:inherit}.invoice-heading{display:flex;justify-content:space-between;gap:30px}.invoice-paper{max-width:1000px;padding:35px}.invoice-paper h2{font-size:1.7rem}.big-amount{display:block;font-size:1.8rem;letter-spacing:-.035em}.owner-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--cream);border:1px solid #d8c5a9;border-radius:15px;padding:25px;margin-bottom:24px}.owner-strip h2{font-size:1.4rem;margin-bottom:5px}.owner-strip p{margin:0}.owner-strip>div:last-child{text-align:right}.opening-row{background:#faf7f1}.login-wrap{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-brand{background:var(--charcoal);padding:10vh 7vw;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.login-brand .brand-mark{margin-bottom:40px;width:72px;height:72px;font-size:1.4rem;border-radius:20px}.login-brand .eyebrow{color:#f4e9d8}.login-brand h1{font-size:clamp(2rem,4vw,4rem);max-width:540px;line-height:1.1;margin:15px 0 35px}.login-brand>p:not(.eyebrow){font-size:1.25rem;color:#f4e9d8}.login-accent{height:12px;width:85px;border-radius:9px;background:var(--gold);margin-top:35px}.login-form{align-self:center;max-width:480px;width:100%;padding:60px 45px;justify-self:center}.login-form h2{font-size:1.8rem}.login-form form{margin:30px 0}.intro{color:var(--muted);margin-bottom:24px}@media(min-width:1600px){.main{padding:38px 48px}}@media(max-width:1200px){.sidebar{width:220px;padding:22px 14px}.main{padding:27px 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:1.8rem}.two-col{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:15px 18px}.brand{margin-bottom:10px;font-size:.875rem;max-width:360px}.brand-mark{width:40px;min-width:40px;height:40px;border-radius:10px;font-size:.875rem}.sidebar>.nav-label{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.sidebar nav a{white-space:nowrap;padding:8px 10px;font-size:.8125rem}.sidebar nav .nav-label{display:none}.sidebar-bottom{flex-direction:row;display:flex;justify-content:flex-end;align-items:center;padding:9px 0 0;gap:15px}.sidebar-bottom strong{margin-right:auto;font-size:.75rem}.sidebar-bottom a,.logout{font-size:.75rem}.main{padding:24px 16px}.page-header{gap:12px;margin-bottom:22px}h1{font-size:1.55rem}.role-pill{display:none}.eyebrow{font-size:.75rem}.metrics{gap:12px}.metric{padding:17px 15px;min-height:145px}.metric strong{font-size:1.35rem}.metric>span{font-size:.8125rem}.metric small{font-size:.75rem}.card{padding:18px 15px;border-radius:11px}.two-col{gap:0}.toolbar{gap:14px}.form-grid{grid-template-columns:1fr}.line-form{grid-template-columns:1fr 1fr}.line-form p:first-of-type{grid-column:1/-1}.invoice-heading,.owner-strip{flex-direction:column;align-items:start;gap:15px}.owner-strip>div:last-child{text-align:left}.owner-strip{padding:20px}.big-amount{font-size:1.55rem}.login-wrap{display:block}.login-brand{padding:35px 26px}.login-brand .brand-mark{width:48px;height:48px;font-size:1rem;margin-bottom:18px}.login-brand h1{font-size:2rem;max-width:360px;margin:8px 0 12px}.login-brand>p:not(.eyebrow),.login-accent{display:none}.login-form{padding:32px 25px}.quick-links{gap:10px}.quick-links a{padding:16px}.quick-links strong{display:block}.section-head{align-items:center}footer{display:block}footer span{display:block;margin-top:6px}}

.back-link{display:block;font-size:.8125rem;margin-bottom:12px}.setup-card{border-top:4px solid var(--gold)}.setup-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.setup-steps a{padding:15px;background:#f4eee5;border-radius:9px;color:var(--primary)}.setup-steps strong,.setup-steps span{display:block}.setup-steps span{font-size:.8125rem;margin-top:5px}.summary-list{margin:15px 0 25px}.summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.summary-list dt{font-size:.875rem;color:var(--muted)}.summary-list dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}#editor{scroll-margin-top:20px}@media(max-width:1100px){.setup-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.setup-steps{grid-template-columns:1fr}}
.menu-toggle{display:none}.register-filter{padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.register-filter select{max-width:320px}@media(max-width:760px){.menu-ready .menu-toggle{display:block;background:#fff;color:var(--primary);border:0;border-radius:8px;padding:9px 14px;margin:12px 0;width:100%;text-align:left}.menu-ready .menu-toggle[aria-expanded=false]+nav{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar nav a{white-space:normal}.register-filter p,.register-filter input,.register-filter select{width:100%;max-width:100%}}
.document-part{scroll-margin-top:25px}.document-text{line-height:1.8;overflow-wrap:anywhere;max-width:85ch;margin-bottom:24px}mark{background:var(--sand);color:var(--ink);padding:1px 2px}.nav-group-label{border-top:1px solid #ffffff24;padding-top:18px;margin-top:18px}.nav-disabled{display:block;color:#aaa49b;padding:9px 12px;font-size:.8125rem;cursor:not-allowed}.status-stack{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payment-status{background:#f4eee5;color:var(--primary)}.invoice-total{font-variant-numeric:tabular-nums;color:var(--primary);font-size:1.15rem}
/* Approved BM Software credit, reused unchanged from FamilieFotos. */
.main>footer{flex-wrap:wrap}.bm-credit{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-basis:100%;margin-top:16px}.bm-credit>span{margin:0}.bm-credit-label{color:var(--muted);font-size:12px}.bm-credit-name{color:#20262b;font-size:12px;letter-spacing:.12em;white-space:nowrap}.bm-credit-mark{position:relative;display:block;overflow:hidden;width:40px;height:36.54px;flex:none}.bm-credit-mark img{position:absolute;width:370.3704%;max-width:none;height:auto;left:-244.4444%;top:-78.3784%}
/* Shared owner/admin navigation; switches retain server-side role checks. */
.nav-group{margin-bottom:10px}.nav-group summary{cursor:pointer;color:var(--sidebar-text,#fff);font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:10px 12px}.nav-switch{margin:0}.nav-switch button{display:block;width:100%;text-align:left;color:inherit;background:none;border:0;padding:10px 12px;border-radius:8px;font:inherit;cursor:pointer}.nav-switch button:hover{background:rgba(255,255,255,.1)}.nav-group a{display:block}.work-queue{margin-bottom:20px}
.footer-links,.login-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a,.login-links a{font-size:.75rem}.login-links{border-top:1px solid var(--border);padding-top:18px}.login-links a{font-size:.8125rem}.public-page{min-height:100vh}.public-header{background:var(--charcoal);color:#fff;padding:20px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.public-header .brand{margin:0}.public-header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.public-header nav a{color:#fff;font-size:.875rem}.public-header nav .button{color:var(--ink)}.public-main{max-width:860px;margin:0 auto;padding:58px 28px}.public-main h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}.public-date{color:var(--muted);font-size:.875rem;margin-bottom:38px}.public-copy{max-width:76ch}.public-copy h2{font-size:1.3rem;margin:36px 0 14px}.public-copy p{margin-bottom:20px}.public-footer{max-width:1120px;margin:0 auto;padding:24px 28px 40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem}.public-footer nav{display:flex;gap:15px;flex-wrap:wrap}.public-footer a{font-size:.8125rem}@media(max-width:760px){.public-header{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:12px}.public-header nav{gap:12px}.public-main{padding:38px 20px}.public-footer{padding:20px}.footer-links{margin-top:6px}}