/* Demo board v6 – matches current app.spokes.no workshop view */
.sd{display:grid;grid-template-columns:172px minmax(0,1fr);background:#EEF3F4;font-size:12.5px}
.sd>*{grid-column:2;min-width:0}
.sd>.sd-side{grid-column:1;grid-row:1/span 6;background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-right:1px solid rgba(13,74,87,.08);padding:14px 10px;display:flex;flex-direction:column;gap:14px}
.sd>.sd-toast,.sd>.sd-move,.sd>.sd-cap{grid-column:1/-1}
.sd-side-h{display:flex;gap:8px;align-items:center;padding:0 4px}
.sd-side-h i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0D4A57;color:#A5E8FD;font:600 11px Jost,sans-serif;font-style:normal}
.sd-side-h b{display:block;font:600 12.5px Jost,sans-serif}.sd-side-h small{font-size:10.5px;color:#56666B}
.sd-side nav{display:flex;flex-direction:column;gap:2px}
.sd-side nav span{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:12px;color:#26393F}
.sd-side nav span.on{background:#0D4A57;color:#fff;box-shadow:0 4px 12px -4px rgba(13,74,87,.5)}
.sd-side nav .sd-ic{width:15px;height:15px}
.sd-side nav em{margin-left:auto;font-style:normal;font-size:10px;background:rgba(13,74,87,.1);border-radius:999px;padding:1px 7px}
.sd-top{background:rgba(255,255,255,.7);border-bottom:1px solid rgba(13,74,87,.07)}
.sd-head2{display:flex;flex-direction:column;gap:10px;padding:14px 16px 4px}
.sd-head2>div>small{font:600 10px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0D4A57}
.sd-head2 h3{font:600 20px/1.1 Jost,sans-serif;margin:2px 0 0;color:#0B1F26}
.sd-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sd-kpi{aspect-ratio:2.1;background:#fff;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px rgba(11,31,38,.05);border-left:3px solid var(--k,#0D4A57);min-width:0}
.sd-kpi small{font-size:10px;line-height:1.2;color:#4C5F65}.sd-kpi b{font:600 22px/1 Jost,sans-serif;color:#0B1F26}
.k-in{--k:#4b5563}.k-ws{--k:#0D4A57}.k-sv{--k:#db2777}.k-de{--k:#ea580c}.k-kl{--k:#16a34a}.k-he{--k:#5CC8EA}
.sd-tool{display:flex;align-items:center;gap:8px;padding:10px 16px}
.sd-search{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:#fff;border-radius:10px;color:#56666B;font-size:11.5px;border:1px solid rgba(13,74,87,.08);min-width:0;white-space:nowrap;overflow:hidden}
.sd-search .sd-ic{width:14px;height:14px;flex:none}
.sd-take{height:34px;padding:0 14px;border:0;border-radius:10px;background:#0D4A57;color:#fff;font:500 12.5px Jost,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px -4px rgba(13,74,87,.6)}
.sd-take:hover{background:#093842}
.sd-glow{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border-radius:999px;background:#ECFAF1;border:1.5px solid #34C276;color:#14653B;font:500 11.5px Jost,sans-serif;white-space:nowrap;animation:sdGlow 2.4s ease-in-out infinite}
.sd-glow b{background:#1F9D55;color:#fff;border-radius:999px;padding:1px 7px;font-size:10.5px}
@keyframes sdGlow{50%{box-shadow:0 0 0 5px rgba(52,194,118,.18),0 0 18px rgba(52,194,118,.35)}}
.sd-tours{background:transparent!important;border:0!important;padding-top:0!important}
@media (min-width:901px){.sd-board{grid-template-columns:repeat(7,minmax(112px,1fr))!important;min-width:820px!important}}
@media (max-width:900px){.sd-board{grid-template-columns:repeat(7,78vw)!important}}
.c-vente{--c:#64748b}
.sd-col{background:rgba(255,255,255,.55)!important;border-radius:14px!important;border-top:3px solid var(--c)!important}
.sd-card{border-radius:12px!important;box-shadow:0 1px 2px rgba(11,31,38,.06),0 4px 10px -6px rgba(11,31,38,.12)!important}
.sd-chip:not(.ok):not(.qr):not(.new){border-radius:6px!important;background:#0D4A57!important;color:#fff!important;font-weight:600;min-width:26px;justify-content:center}
.sd-chip:not(.ok):not(.qr):not(.new) .sd-ic{display:none}
.sd-chip.ok{background:#ECFAF1!important;color:#14653B!important;border:1px solid #34C276!important;animation:sdGlow 2.4s ease-in-out infinite}
@media (max-width:900px){.sd{grid-template-columns:minmax(0,1fr)}.sd>.sd-side{display:none}.sd>*{grid-column:1}.sd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-kpi{aspect-ratio:auto;gap:6px}.sd-glow{display:none}}
@media (max-width:520px){.sd-search{display:none}.sd-tool{justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.sd-glow,.sd-chip.ok{animation:none}}