﻿/* NEXUS PRO - TASKS PRO */

.ntask-page {animation:nxFade .25s ease}
.ntask-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.ntask-head h2 {font-size:26px;margin:0;color:#F5F2EB}
.ntask-sub {font-size:13px;color:#9FA1A7;margin-top:5px}
.ntask-total {color:#E7BD80;background:#25221E;border:1px solid #53412E;border-radius:12px;padding:9px 12px;font-size:12px;white-space:nowrap}
.ntask-search {width:100%;box-sizing:border-box;background:#1A1C21!important;color:#F4F4F5!important;border:1px solid #37383D!important;border-radius:14px!important;padding:15px!important;font-size:14px!important;margin-bottom:14px}
.ntask-filters {display:flex;gap:8px;overflow-x:auto;padding:2px 0 15px;scrollbar-width:none}
.ntask-filters::-webkit-scrollbar {display:none}
main .ntask-filter {background:#222429!important;color:#B9BBC0!important;border:1px solid #35363B!important;border-radius:20px!important;padding:9px 14px!important;white-space:nowrap;font-size:12px;min-height:38px}
main .ntask-filter.active {background:#D6AA69!important;color:#17130E!important;border-color:#D6AA69!important;font-weight:700}
.ntask-card {background:linear-gradient(125deg,#202227,#16181D);border:1px solid #33353A;border-radius:17px;padding:16px;margin-bottom:11px}
.ntask-card-top {display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ntask-title {font-size:15px;font-weight:700;color:#F4F4F5;overflow-wrap:anywhere}
.ntask-desc {font-size:13px;color:#AEB0B6;margin-top:9px;line-height:1.5;overflow-wrap:anywhere}
.ntask-meta {display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.ntask-chip {font-size:11px;padding:5px 9px;border-radius:8px;background:#2A2C32;color:#C8CAD0}
.ntask-chip.high {background:#422A2A;color:#F3AAAA}
.ntask-chip.medium {background:#443724;color:#F2CC8A}
.ntask-chip.low {background:#253A31;color:#9DE1B8}
.ntask-chip.done {background:#263C32;color:#A6E2BB}
.ntask-actions {display:flex;justify-content:flex-end;margin-top:13px}
main .ntask-open {background:#292720!important;color:#E7BB7C!important;border:1px solid #5B4932!important;border-radius:10px;padding:9px 13px;font-size:12px;min-height:37px}
.ntask-empty {text-align:center;padding:30px 18px;border:1px dashed #393A40;border-radius:16px;color:#A4A6AC;background:#191B20}
main .ntask-add {width:100%;margin-top:14px;background:linear-gradient(130deg,#E9BF82,#B17E43)!important;color:#17120D!important;border:0!important;border-radius:15px!important;padding:15px!important;font-weight:750}
