.board-layout{display:flex;min-height:calc(100vh - 58px)}
.board{display:flex;gap:16px;padding:20px;flex:1;overflow-x:auto}
.column{flex:1;min-width:230px;max-width:300px}
.col-head{display:flex;align-items:center;gap:8px;padding:12px 4px;margin-bottom:8px}
.col-icon{font-size:.95rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--bg1);flex-shrink:0}
.col-head h2{font-size:.75rem;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.8px;flex:1}
.col-count{background:var(--bg1);color:var(--t2);font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:8px;border:1px solid var(--brd)}
.cards{display:flex;flex-direction:column;gap:10px;padding:6px;border-radius:var(--rad);min-height:80px;transition:.2s}
.cards.drag-over{background:rgba(233,69,96,.06);outline:2px dashed rgba(233,69,96,.3);outline-offset:-2px}

.card{background:var(--bg3);border-radius:var(--rad);padding:14px;cursor:pointer;transition:.15s;border:1px solid transparent}
.card:hover{background:var(--bg3h);border-color:var(--brd);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.25)}
.card.card-done{opacity:.35}
.card-title{font-size:.88rem;font-weight:600;margin-bottom:8px;line-height:1.4}
.card-client{font-size:.76rem;color:var(--t2);margin-bottom:10px}
.card-money{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.card-price{font-size:.82rem;font-weight:700}
.card-paid{font-size:.7rem;padding:3px 8px;border-radius:5px;font-weight:700}
.p-full{background:rgba(46,232,165,.12);color:var(--grn)}
.p-part{background:rgba(255,209,102,.12);color:var(--ylw)}
.p-none{background:rgba(255,140,97,.12);color:var(--org)}
.card-bar{width:100%;height:3px;background:var(--brd);border-radius:2px;margin-bottom:8px;overflow:hidden}
.card-bar-fill{height:100%;border-radius:2px;transition:width .3s}
.b-full{background:var(--grn)}.b-part{background:var(--ylw)}.b-none{background:var(--org)}
.card-dl{font-size:.72rem;color:var(--t2);display:flex;align-items:center;gap:4px}
.card-dl.over{color:var(--acc);font-weight:700}
.card-dl.soon{color:var(--ylw);font-weight:700}
.card-delegate{font-size:.72rem;color:var(--blu);margin-top:6px;padding-top:6px;border-top:1px solid var(--brd)}
.empty{text-align:center;color:var(--t3);font-size:.78rem;padding:30px 10px}
.fire-icon{display:inline-block;animation:fireDance .4s ease-in-out infinite alternate}
@keyframes fireDance{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.12)}100%{transform:translateY(0) scale(1)}}

.sidebar{width:270px;min-width:270px;padding:24px 18px;border-left:1px solid var(--brd);background:var(--bg2);display:flex;flex-direction:column;align-items:center}
.sidebar h3{font-size:.72rem;color:var(--t3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;font-weight:700}
.ring-wrap{position:relative;width:180px;height:180px;margin:0 auto 18px}
#ringCanvas{width:100%;height:100%}
.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}
.ring-amount{display:block;font-size:1.2rem;font-weight:800;line-height:1.2}
.ring-legend{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:10px;background:var(--bg1);border-radius:8px;width:100%;border:1px solid var(--brd)}
.leg-item{display:flex;align-items:center;gap:7px;font-size:.7rem;color:var(--t2)}
.leg-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

.mini-stats{display:flex;flex-direction:column;gap:8px;width:100%}
.mini-stat{background:var(--bg1);border-radius:8px;padding:11px 13px;border:1px solid var(--brd)}
.mini-stat.mini-sep{margin-top:48px}
.mini-val{display:block;font-size:.95rem;font-weight:700;margin-bottom:1px}
.mini-lbl{font-size:.65rem;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;font-weight:600}
/* Today bar — hidden on desktop */
.today-bar-wrap{display:none}