.ag--factuur-frenzy .ag-stage{display:flex;flex-direction:column;gap:12px;padding:12px}.ff-timer{height:8px;border-radius:99px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(28,62,102,.12)}.ff-timer span{display:block;height:100%;background:var(--fg-teal);transform-origin:left;transition:transform .1s linear}.ff-timer span.is-low{background:var(--fg-navy)}.ff-desk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-radius:14px;background:#E9EFF1;box-shadow:inset 0 0 0 1px rgba(28,62,102,.08)}.ff-slot{position:relative;display:grid;place-items:center;height:170px;border-radius:12px;border:2px dashed rgba(28,62,102,.12)}.ag .ff-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:126px;padding:10px 6px 14px;border-radius:12px;background:#fff;color:var(--fg-navy);font-weight:800;font-size:.9rem;line-height:1.15;text-align:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 16px -8px rgba(28,62,102,.45),inset 0 0 0 2px rgba(28,62,102,.15);transition:box-shadow .12s}.ag .ff-card:hover{background:#fff;box-shadow:0 8px 20px -8px rgba(28,62,102,.5),inset 0 0 0 2px var(--fg-navy)}.ag .ff-card.is-sel{box-shadow:0 0 0 3px var(--fg-teal),0 8px 20px -8px rgba(28,62,102,.5),inset 0 0 0 2px var(--fg-navy)}.ag .ff-card.is-drag{z-index:5;cursor:grabbing;transition:none;box-shadow:0 16px 30px -10px rgba(28,62,102,.6),inset 0 0 0 2px var(--fg-navy)}.ag .ff-card.is-done{transition:transform .25s,opacity .25s;transform:scale(.6)!important;opacity:0}.ag .ff-card.is-late{transition:opacity .25s;opacity:0}.ff-ci{width:52px;height:52px}.ff-life{position:absolute;left:10px;right:10px;bottom:7px;height:4px;border-radius:99px;background:rgba(28,62,102,.1);overflow:hidden}.ff-life b{display:block;height:100%;background:var(--fg-teal);transform-origin:left;transform:scaleX(var(--life,1))}.ff-card[data-kind=overdue] .ff-life b{background:var(--fg-navy)}.ff-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ag .ff-zone{position:relative;display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 10px;border-radius:12px;background:#fff;color:var(--fg-navy);font-weight:800;font-size:.88rem;line-height:1.15;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px var(--fg-navy);touch-action:manipulation}.ag .ff-zone:hover{background:#EEF7F7}.ag .ff-zone.is-over,.ff-zones.is-armed .ff-zone:not(:disabled){box-shadow:inset 0 0 0 3px var(--fg-teal)}.ag .ff-zone.is-over{background:#E3F4F4}.ag .ff-zone:disabled{opacity:.38;cursor:default;box-shadow:inset 0 0 0 2px rgba(28,62,102,.35)}.ff-zone em{display:none;margin-left:auto;font-style:normal;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ff-zone.is-locked em{display:block}.ff-zone kbd{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--fg-grey);font:inherit;font-size:.78rem;font-weight:800}.ff-zi{flex:none;width:30px;height:30px}.ag .ff-zone.is-ok{animation:ff-ok .45s}.ag .ff-zone.is-bad{animation:ff-bad .3s}@keyframes ff-ok{0%{background:var(--fg-teal);color:#fff}to{background:#fff}}@keyframes ff-bad{0%,to{transform:translateX(0)}30%{transform:translateX(-5px)}60%{transform:translateX(5px)}}@media (max-width:640px){.ag--factuur-frenzy .ag-stage{min-height:0;padding:10px;gap:10px}.ff-desk{grid-template-columns:repeat(2,1fr);padding:8px;gap:8px}.ff-slot{height:116px}.ag .ff-card{min-height:100px;font-size:.84rem}.ff-ci{width:42px;height:42px}.ff-zones{grid-template-columns:repeat(2,1fr);gap:6px}.ag .ff-zone{min-height:54px;font-size:.8rem;padding:6px 8px;gap:6px}.ff-zi{width:24px;height:24px}}