.dl{flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;inset:0}.dl-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;display:flex}.dl-title{color:#111827;margin:0;font-size:15px;font-weight:600}.dl-sum{color:#4b5563;margin:0;font-size:12.5px}.dl-sum strong{color:#111827;font-variant-numeric:tabular-nums}.dl-tabs{display:none}.dl-board{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));flex:1;gap:8px;min-height:0;display:grid}.dl-col{background:#ffffff8c;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;min-width:0;min-height:0;transition:background .15s;display:flex}.dl-col.is-target{background:#eef2ff;border-color:#a5b4fc}.dl-col-head{text-align:left;cursor:default;flex-direction:column;gap:1px;width:100%;padding:8px 10px 6px;font-size:13px;display:flex}.dl-col-head.can-drop{cursor:pointer;color:#4338ca}.dl-count{text-align:center;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-width:20px;padding:0 6px;font-size:11px}.dl-total{color:#6b7280;font-variant-numeric:tabular-nums;font-size:11.5px}.dl-cards{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0 6px 6px;list-style:none;display:flex;overflow:hidden}.dl-card-button{text-align:left;cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;transition:border-color .15s,opacity .15s;display:block;box-shadow:0 1px 2px #0000000a}.dl-card-button:hover{border-color:#cbd5e1}.dl-card-button.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.dl-card-button.is-dragging{opacity:.35;border-style:dashed}.dl-card-button.is-ghost{border-color:#c7d2fe;box-shadow:0 12px 28px #11182729}.dl-card{flex-direction:column;gap:6px;padding:8px 9px;font-size:12.5px;display:flex}.dl-card-top{align-items:flex-start;gap:8px;display:flex}.dl-card-title{-webkit-line-clamp:2;color:#111827;-webkit-box-orient:vertical;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.dl-card-value{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.dl-card-foot{color:#6b7280;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;display:flex}.dl-card-foot>span{align-items:center;gap:3px;display:inline-flex}.dl-won{color:#15803d;font-weight:500}.dl-job{color:#1d4ed8}.dl-move-bar{z-index:25;color:#f8fafc;background:#1e293b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px 8px 14px;font-size:12.5px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.dl-move-bar div{flex-wrap:wrap;gap:6px;display:flex}.dl-move-bar button{cursor:pointer;background:#ffffff1f;border-radius:6px;min-height:34px;padding:0 12px;font-weight:500}.dl-modal{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:min(380px,100% - 28px);padding:14px;animation:.22s ease-out dl-in;position:absolute;bottom:14px;right:14px;box-shadow:0 18px 40px #1118272e}@keyframes dl-in{0%{opacity:0;transform:translateY(8px)}}.dl-modal-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dl-fields{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.dl-field{flex-direction:column;gap:3px;min-width:0;display:flex}.dl-field span{color:#4b5563;font-size:11.5px;font-weight:500}.dl-field input{color:#111827;border:1px solid #d4d4d4;border-radius:3px;min-width:0;padding:6px 8px;font-size:12.5px}.dl-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dl-cancel{color:#4b5563;cursor:pointer;padding:6px 10px;font-size:12.5px}.dl-create{color:#eef2ff;cursor:pointer;background:#4338ca;border-radius:3px;padding:7px 14px;font-size:12.5px;font-weight:500}@container demo (width<=720px){.dl-board{--cols:4}.dl-col[data-index="0"]{display:none}}@container demo (width<=480px){.dl{gap:8px;padding:10px}.dl-tabs{scrollbar-width:none;touch-action:pan-x pan-y;gap:6px;display:flex;overflow-x:auto}.dl-tab{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;display:inline-flex}.dl-tab span{color:#6b7280;font-size:12px}.dl-tab[aria-selected=true]{color:#3730a3;background:#eef2ff;border-color:#4338ca;font-weight:500}.dl-board{--cols:1}.dl-col,.dl-col[data-index="0"]{display:none}.dl-col.is-focus,.dl-col.is-focus[data-index="0"]{display:flex}.dl-modal{width:auto;bottom:10px;left:10px;right:10px}.dl-fields{grid-template-columns:1fr}.dl-field:nth-child(n+4){display:none}.dl-create,.dl-cancel,.dl-move-bar button{min-height:44px}}