.ruimte-werkknop{position:fixed;right:22px;top:90px;z-index:21;max-width:260px;min-height:44px;padding:12px 16px;border:2px solid #443d31;border-radius:6px 14px 7px 10px;background:#fff4d8;color:#302f29;font:750 .8rem/1.4 system-ui;box-shadow:3px 4px 0 #30282055;text-decoration:none}
.ruimte-werkblad{inset:0;width:min(1020px,calc(100vw - 40px));max-width:100%;max-height:calc(100dvh - 48px);margin:auto;padding:0 24px 22px;background:#fff8e8;color:#303d3d;border:2px solid #66533c;border-radius:12px;box-shadow:0 24px 90px #101e2499;overflow:auto;overscroll-behavior:contain;z-index:80;color-scheme:light}
.ruimte-werkblad::backdrop{background:#172b2ba8;backdrop-filter:blur(3px)}
.werkblad-kop{position:sticky;top:0;background:#fff8e8;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #cbbd9f}
.werkblad-kop h2{font:800 1rem/1.3 system-ui;margin:0;color:#334d49}.werkblad-kop button{min-height:44px;flex-shrink:0;padding:8px 12px;border:1px solid #66533c;border-radius:5px;background:#e6eddd;color:#293b37;font:700 .75rem system-ui;cursor:pointer}
.ruimte-werkblad :is(.portal-card,.panel-frame,.privacy-card,.workspace,.idea-card,.portal-hero,.empty-state,.denktank-voorbeelden,.denktank-aanpak){background:#f4ecd9;color:#303d3d;border-color:#c7b78f;box-shadow:none;backdrop-filter:none}
.ruimte-werkblad :is(h1,h2,h3,h4,p,label,small,.muted,.eyebrow,.privacy-belofte,.role-badge){color:#344542}.ruimte-werkblad a:not(.button){color:#265951}.ruimte-werkblad :is(input,textarea,select){color:#293c37;background:#fffdf5;border-color:#938467;max-width:100%}.ruimte-werkblad .button-ghost{color:#344e48;background:#e7e3ce;border-color:#a89771}.ruimte-werkblad .button-primary{color:#fff9e8;background:#345f53}.ruimte-werkblad .button-danger{color:#702b25;background:#ffe3d4}
.ruimte-werkblad :is(.panel-frame,.portal-card,.workspace){padding:22px}.ruimte-werkblad .workspace{margin-top:20px}.ruimte-werkblad .workspace-copy h1,.ruimte-werkblad .portal-hero h1{font-size:clamp(1.4rem,3vw,2.3rem);max-width:100%}.ruimte-werkblad .portal-grid,.ruimte-werkblad .portal-columns{min-width:0}.ruimte-werkblad :is(img,video,canvas){max-width:100%}.ruimte-werkblad .werkblad-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid #b5a484}.ruimte-werkblad .werkblad-links a{min-height:44px;display:inline-flex;align-items:center}
.ruimte-werkblad .idea-form label>span,.ruimte-werkblad .idea-form label small,.ruimte-werkblad .media-bijlage figcaption,.ruimte-werkblad .media-concept figcaption{color:#344542}
.ruimte-werkblad :is(.media-werkbalk,.media-concept,.media-bijlage){background:#efe7d3;border-color:#c7b78f;color:#344542}
.ruimte-werkblad .media-werkbalk :is(p,label,span){color:#344542}
.ruimte-werkblad :focus-visible,.ruimte-werkknop:focus-visible{outline:3px solid #a65b29;outline-offset:3px}.werkblad-open .drone-aanwijzer{display:none}.ruimtepagina .kamer-titel{max-width:50%}.ruimtepagina .kamer-deuren a{white-space:normal;max-width:240px}.ruimtepagina .kamer-titel h1{font-size:clamp(1.3rem,2.4vw,2.2rem)}.ruimte-zonder-js{position:fixed;left:12px;bottom:0;background:#fff8e8;color:#293d37;z-index:45}
@media(max-width:760px){.ruimte-werkknop{top:auto;bottom:246px;right:16px;max-width:calc(100vw - 32px);padding:10px 12px;font-size:.72rem}.ruimtepagina .kamer-titel{max-width:calc(100% - 32px)}.ruimtepagina .kamer-sfeer{font-size:.56rem}.ruimte-werkblad{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0 12px 14px}.werkblad-kop{align-items:flex-start}.werkblad-kop button{font-size:.65rem;max-width:135px}.ruimte-werkblad :is(.portal-card,.panel-frame,.workspace){padding:14px}.ruimte-werkblad .workspace{display:block}.ruimte-werkblad .form-row{grid-template-columns:1fr}.ruimte-werkblad .portal-columns{grid-template-columns:1fr}}
