/* hf-tasks.css — صفحهٔ وظایف: منظم و رنگی */
body:has(#board) .toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;padding:12px!important;margin:0 0 14px!important;border-radius:18px!important;background:var(--bn-tile,#fff)!important;border:1px solid rgba(120,130,160,.18)!important;box-shadow:0 8px 24px -18px rgba(30,20,80,.25)}
html[data-theme="dark"] body:has(#board) .toolbar{background:#1a1e29!important}
body:has(#board) .toolbar .filters{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;flex:1 1 auto!important;margin:0!important;width:auto!important}
body:has(#board) .toolbar .filters>*{margin:0!important}
body:has(#board) .toolbar .chip-select,body:has(#board) .toolbar select{width:auto!important;min-width:170px;max-width:260px;height:42px!important;padding:0 14px!important;border-radius:12px!important;flex:0 1 auto!important}
body:has(#board) .toolbar label:has(input[type=checkbox]){display:inline-flex!important;align-items:center!important;gap:8px!important;height:42px!important;padding:0 14px!important;border-radius:12px!important;background:rgba(76,31,208,.06)!important;border:1px solid rgba(120,130,160,.18)!important;font-size:13px!important;cursor:pointer;width:auto!important}
body:has(#board) .toolbar input[type=checkbox]{accent-color:#4C1FD0;width:16px;height:16px}
body:has(#board) .toolbar input[type=search],body:has(#board) .toolbar input[type=text]{flex:1 1 220px!important;min-width:0!important;height:42px!important;border-radius:12px!important}
body:has(#board) .toolbar .btn-primary{height:42px!important;margin-inline-start:auto!important;padding:0 20px!important;flex:0 0 auto!important}
/* تخته: چهار ستون کنار هم */
#board.board{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;overflow:visible!important}
#board .board-col{--c:#64748b;min-width:0!important;width:auto!important;margin:0!important;border-radius:18px!important;background:color-mix(in srgb,var(--c) 6%,var(--bn-tile,#fff))!important;border:1px solid color-mix(in srgb,var(--c) 22%,transparent)!important;box-shadow:none!important;overflow:hidden}
html[data-theme="dark"] #board .board-col{background:color-mix(in srgb,var(--c) 10%,#1a1e29)!important}
#board .board-col[data-status="todo"]{--c:#0ea5e9}
#board .board-col[data-status="doing"]{--c:#f59e0b}
#board .board-col[data-status="review"]{--c:#7c3aed}
#board .board-col[data-status="done"]{--c:#16a34a}
#board .board-col-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;border-bottom:0!important;background:transparent!important;position:relative}
#board .board-col-head:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c)}
#board .board-col-head h4{display:flex;align-items:center;gap:8px;margin:0!important;font-size:14px!important;font-weight:800!important;color:inherit!important}
#board .board-col-head h4:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 20%,transparent)}
#board .board-count{min-width:26px;height:26px;padding:0 8px;border-radius:999px!important;display:inline-grid!important;place-items:center;background:var(--c)!important;color:#fff!important;font-weight:800!important;font-size:12px!important;border:0!important}
#board .board-col-body{display:flex!important;flex-direction:column!important;gap:10px!important;padding:4px 12px 14px!important;min-height:90px!important}
#board .board-col-body:empty:after{content:"وظیفه‌ای نیست";display:grid;place-items:center;height:70px;border:1.5px dashed color-mix(in srgb,var(--c) 30%,transparent);border-radius:14px;font-size:12px;color:color-mix(in srgb,var(--c) 70%,#64748b)}
#board .board-col-body.drag-over,#board .board-col-body.is-over{background:color-mix(in srgb,var(--c) 12%,transparent)!important;border-radius:14px}
/* کارت وظیفه */
#board .task-card{position:relative;margin:0!important;padding:14px 14px 12px 14px!important;border-radius:14px!important;background:var(--bn-tile,#fff)!important;border:1px solid rgba(120,130,160,.16)!important;box-shadow:0 6px 16px -12px rgba(30,20,80,.35)!important;transition:transform .12s,box-shadow .12s!important;cursor:grab}
html[data-theme="dark"] #board .task-card{background:#232838!important}
#board .task-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(30,20,80,.45)!important}
#board .task-card:before{content:"";position:absolute;top:12px;bottom:12px;right:0;width:3px;border-radius:3px 0 0 3px;background:var(--pc,#94a3b8)}
#board .task-card:has(.pill-priority-high){--pc:#e11d48}
#board .task-card:has(.pill-priority-medium){--pc:#f59e0b}
#board .task-card:has(.pill-priority-low){--pc:#16a34a}
#board .task-card-title{font-size:14px!important;font-weight:800!important;line-height:1.7!important;margin:0 0 8px!important}
#board .task-card-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important}
#board .task-card .pill{font-size:11px!important;padding:3px 10px!important;border:0!important}
#board .pill-priority-high{background:rgba(225,29,72,.12)!important;color:#be123c!important}
#board .pill-priority-medium{background:rgba(245,158,11,.15)!important;color:#b45309!important}
#board .pill-priority-low{background:rgba(22,163,74,.13)!important;color:#15803d!important}
html[data-theme="dark"] #board .pill-priority-high{color:#fb7185!important}html[data-theme="dark"] #board .pill-priority-medium{color:#fbbf24!important}html[data-theme="dark"] #board .pill-priority-low{color:#4ade80!important}
#board .task-card-due{font-size:11.5px!important;padding:3px 9px;border-radius:999px;background:rgba(120,130,160,.12)}
#board .task-card-due.is-overdue{background:rgba(225,29,72,.12)!important;color:#e11d48!important;font-weight:700}
#board .task-card .muted{display:flex;align-items:center;gap:6px;font-size:12px!important;margin-top:8px!important}
#board .task-card .muted:before{content:"";width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#4C1FD0,#7c5cff);flex:0 0 18px}
#board .task-card>div:last-child{display:flex!important;align-items:center!important;gap:6px!important;margin-top:12px!important;padding-top:10px;border-top:1px dashed rgba(120,130,160,.22)}
#board .task-card .move-select{height:34px!important;font-size:12px!important;border-radius:10px!important;padding:0 10px!important;min-width:0}
#board .task-card .btn-sm{width:34px!important;height:34px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:10px!important;font-size:14px!important;flex:0 0 34px}
#board .task-card .delete-task{color:#e11d48!important}
/* بخش‌های «وظایف من / کارمندان» که بالای صفحه اضافه می‌شوند */
.hf-tsplit,.hf-mytasks{max-width:none!important;margin:0 0 14px!important}
.hf-tsplit>*,.hf-mytasks>*{width:auto!important}
@media (max-width:1200px){#board.board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){
  #board.board{grid-template-columns:1fr!important}
  body:has(#board) .toolbar .chip-select,body:has(#board) .toolbar select{flex:1 1 100%!important;max-width:none!important;font-size:16px!important}
  body:has(#board) .toolbar .btn-primary{width:100%!important;margin:0!important;justify-content:center}
  body:has(#board) .toolbar label:has(input[type=checkbox]){flex:1 1 auto}
}