@property --dp-sm{syntax:"<length>";inherits:true;initial-value:14px}@property --dp-md{syntax:"<length>";inherits:true;initial-value:18px}@property --dp-badge{syntax:"<length>";inherits:true;initial-value:40px}@media screen{.dagplanning-icon,.dagplanning-symbol{--dp-sun:#f4c64f;--dp-orange:#f1a05a;--dp-red:#e8695c;--dp-wood:#dca96d;--dp-skin:#f6cfa8;--dp-sky:#cfe3f1;--dp-blue:var(--accent-blue);--dp-green:var(--accent-green);--dp-purple:var(--accent-purple);--dp-white:#fffdf9;--dp-stil:#c64538;--dp-fluisteren:#bf6800;--dp-samenwerken:#44834a;--dp-kiezen:#3b6fb0;display:block;overflow:visible;color:var(--text-primary);fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.dagplanning-icon .c-none{fill:none}.dagplanning-icon .c-ink{fill:currentColor}.dagplanning-icon .c-sun{fill:var(--dp-sun)}.dagplanning-icon .c-orange{fill:var(--dp-orange)}.dagplanning-icon .c-red{fill:var(--dp-red)}.dagplanning-icon .c-wood{fill:var(--dp-wood)}.dagplanning-icon .c-skin{fill:var(--dp-skin)}.dagplanning-icon .c-sky{fill:var(--dp-sky)}.dagplanning-icon .c-blue{fill:var(--dp-blue)}.dagplanning-icon .c-green{fill:var(--dp-green)}.dagplanning-icon .c-purple{fill:var(--dp-purple)}.dagplanning-icon .c-white{fill:var(--dp-white)}.dagplanning-icon .c-leaf{stroke:var(--dp-green)}.dagplanning-symbol{color:#fff;--dp-gap:transparent}.dagplanning-symbol .c-disc{stroke:none}.dagplanning-symbol-stil .c-disc{fill:var(--dp-stil)}.dagplanning-symbol-fluisteren .c-disc{fill:var(--dp-fluisteren)}.dagplanning-symbol-samenwerken .c-disc{fill:var(--dp-samenwerken)}.dagplanning-symbol-kiezen .c-disc{fill:var(--dp-kiezen)}.dagplanning-symbol-stil{--dp-gap:var(--dp-stil)}.dagplanning-symbol-fluisteren{--dp-gap:var(--dp-fluisteren)}.dagplanning-symbol-samenwerken{--dp-gap:var(--dp-samenwerken)}.dagplanning-symbol-kiezen{--dp-gap:var(--dp-kiezen)}.dagplanning-symbol .c-glyph{fill:#fff;stroke:none}.dagplanning-symbol .c-gap{stroke:var(--dp-gap);stroke-width:3}.dagplanning-symbol .c-outline{fill:none;stroke:#fff;stroke-width:4}.dagplanning-symbol .c-bar-gap{stroke:var(--dp-gap);stroke-width:9}.dagplanning-symbol .c-bar{stroke:#fff;stroke-width:4.5}.dagplanning-symbol .c-check{stroke:var(--dp-gap);stroke-width:3.5;fill:none}.dagplanning-stage{display:flex;box-sizing:border-box;background:var(--bg-card);color:var(--text-primary);flex-direction:column;gap:2cqh;height:100cqh;padding:3cqh 2.5cqw}body.board-presenting .dagplanning-top{padding-right:calc(3*var(--board-hit) + 36px)}.dagplanning-top{display:flex;flex:0 0 36cqh;align-items: center;gap:3cqw;min-height:0}.dagplanning-when{flex:none}.dagplanning-day{font-size:var(--board-md);color:var(--accent);margin:0;font-weight:800}.dagplanning-clock{font-size:var(--board-md);color:var(--text-secondary);margin:1.2cqh 0 0}.dagplanning-current{display:flex;flex:1 1 0;align-items: center;gap:2.5cqw;min-width:0}.dagplanning-current-icon{box-sizing:border-box;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);background:#fff;flex:none;width:31cqh;height:31cqh;padding:1.6cqh}.dagplanning-current-text{min-width:0}.dagplanning-nowlabel{font-size:var(--board-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1cqh;font-weight:800}.dagplanning-current-name{font-size:calc(var(--board-lg)*.9);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;margin:0;font-weight:800;line-height:1.05}.dagplanning-current-time{font-size:var(--board-md);color:var(--text-secondary);margin:1.2cqh 0 0}.dagplanning-current-symbol{display:flex;flex-direction:column;flex:none;align-items: center;gap:1.2cqh}.dagplanning-current-symbol .dagplanning-symbol{width:25cqh;height:25cqh}.dagplanning-symbol-name{font-size:var(--board-md);margin:0;font-weight:800}.dagplanning-idle,.dagplanning-empty{font-size:var(--board-md);color:var(--text-secondary);margin:0;font-weight:800}.dagplanning-empty{font-size:var(--board-md);text-align:center;max-width:70cqw;margin:auto}.dagplanning-strip{--cols:1;--dp-sm:var(--board-sm);--dp-md:var(--board-md);--dp-badge:5.5cqmin;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,20cqw));grid-auto-rows:minmax(0,1fr);flex:1 1 0;place-content: center;gap:5.5cqh 1.4cqw;min-height:0;padding-top:3.5cqh}.dagplanning-card{position:relative;display:flex;aspect-ratio:4/5;container-type:inline-size;box-sizing:border-box;border:.7cqmin solid var(--border-color);border-radius:var(--border-radius-lg);color:inherit;font:inherit;text-align:center;cursor:pointer;background:#fff;flex-direction:column;place-self: center;align-items: center;width:100%;min-height:0;max-height:100%;padding:1.4cqh .8cqw;box-shadow:0 .6cqmin 1.6cqmin #7a5e3e1f}.dagplanning-card.is-now{border-color:var(--accent);background:rgb(var(--accent-rgb)/.07);box-shadow:0 0 0 .5cqmin rgb(var(--accent-rgb)/.25),var(--shadow-glow)}.dagplanning-card.is-done{box-shadow:none;background:#eee9e0}.dagplanning-card.is-lifted{z-index:2;opacity:.85;box-shadow:var(--shadow-soft);transform:scale(1.06)}.dagplanning-strip.is-single .dagplanning-card{aspect-ratio:3/4}.dagplanning-card:focus-visible{outline:4px dashed var(--text-primary);outline-offset:6px}.dagplanning-card-icon{display:block;box-sizing:border-box;flex:1 1 0;width:100%;min-height:45%;padding:0 14cqi}.dagplanning-card-name{display:-webkit-box;-webkit-line-clamp:2;--word:10;font-size:min(calc(var(--dp-sm)*1.35),14cqi,calc(150cqi/var(--word)));overflow-wrap:anywhere;hyphens:manual;overflow:hidden;-webkit-box-orient:vertical;flex:none;width:100%;margin-top:.8cqh;font-weight:800;line-height:1.1}.dagplanning-card-name.is-long{font-size:var(--dp-sm)}.dagplanning-card-time{display:block;font-size:min(var(--dp-sm),10cqi);color:var(--text-secondary);flex:none;margin-top:.4cqh}.dagplanning-card.is-done .dagplanning-card-icon,.dagplanning-card.is-done .dagplanning-card-name,.dagplanning-card.is-done .dagplanning-card-time,.dagplanning-card.is-done .dagplanning-card-symbol{filter:grayscale(1);opacity:.72}.dagplanning-arrow{position:absolute;top:calc(-1.15*var(--dp-md));font-size:var(--dp-md);color:var(--accent);line-height:1;left:50%;transform:translate(-50%)}.dagplanning-card-symbol{position:absolute;width:max(24cqi,var(--dp-badge));aspect-ratio:1;filter:drop-shadow(0 .3cqmin .5cqmin #00000040);height:auto;top:4cqi;left:4cqi}.dagplanning-check{position:absolute;display:grid;aspect-ratio:1;color:#fff;background:#3f7a45;border-radius:50%;place-items: center;width:20cqi;font-size:13cqi;font-weight:800;line-height:1;top:4cqi;right:4cqi}.dagplanning-days{display:flex;gap:8px;margin-bottom:14px}.dagplanning-day-btn{border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;flex:1;min-height:48px;padding:8px 0;font-size:13px;font-weight:700}.dagplanning-day-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}#btn-reopen{width:100%;margin-top:14px}.dagplanning-rows{display:flex;list-style:none;flex-direction:column;gap:10px;margin:0 0 12px;padding:0}.dagplanning-row{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-sidebar);padding:10px}.dagplanning-line{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.dagplanning-line select{flex:140px;width:auto;min-width:0}.dagplanning-moves .dagplanning-mini{flex:1 1 0}.dagplanning-line+.dagplanning-line{margin-top:8px}.dagplanning-row-icon,.dagplanning-row-symbol{flex:none;width:40px;height:40px}.dagplanning-row-icon{box-sizing:border-box;background:#fff;border-radius:10px;padding:3px}.dagplanning-row-symbol{width:30px;height:30px}.dagplanning-input{border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);flex:1;min-width:0;padding:8px 10px;font-size:13px}.dagplanning-input.dagplanning-time{flex:none;width:112px}.dagplanning-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dagplanning-mini:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dagplanning-day-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dagplanning-mini{border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;flex:none;min-width:44px;min-height:48px;padding:0 6px;font-size:13px;font-weight:700}.dagplanning-mini:disabled{opacity:.4;cursor:not-allowed}}
