.nb-wrap{padding: 14px;}.nb-sel{height: 38px;padding: 0 10px;border: 1px solid #cbd5e1;border-radius: 12px;background: var(--bg-card);font: inherit;font-size: 13.5px;color: var(--text);}.nb-chk{display: inline-flex;align-items: center;gap: 6px;font-size: 12.5px;font-weight: 700;color: var(--text);cursor: pointer;}.nb-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 12px;align-items: start;}.nb-card{--nb-c: #cbd5e1;position: relative;display: flex;flex-direction: column;gap: 8px;min-width: 0;padding: 12px 14px;border: 1px solid var(--border);border-inline-start: 4px solid var(--nb-c);border-radius: 12px;background: var(--bg-card);box-shadow: var(--shadow-sm);}.nb-card.c-teal, .nb-sw.c-teal{--nb-c: var(--el-em-600);}.nb-card.c-amber, .nb-sw.c-amber{--nb-c: #d97706;}.nb-card.c-rose, .nb-sw.c-rose{--nb-c: #e11d48;}.nb-card.c-sky, .nb-sw.c-sky{--nb-c: #0284c7;}.nb-card.c-violet, .nb-sw.c-violet{--nb-c: #7c3aed;}.nb-card.c-slate, .nb-sw.c-slate{--nb-c: #64748b;}.nb-card.is-done .nb-title{text-decoration: line-through;color: var(--text-muted);}.nb-card-h{display: flex;align-items: flex-start;gap: 8px;}.nb-title{flex: 1;min-width: 0;padding: 0;border: 0;background: none;font: inherit;font-size: 15px;font-weight: 900;color: var(--el-teal-900);text-align: start;cursor: pointer;overflow-wrap: anywhere;}.nb-title:hover{color: var(--el-em-700);text-decoration: underline;}.nb-pin{flex: 0 0 auto;display: inline-grid;place-items: center;width: 28px;height: 28px;border: 1px solid transparent;border-radius: 8px;background: none;color: #64748b;cursor: pointer;}.nb-pin svg{width: 15px;height: 15px;}.nb-pin.on, .nb-pin:hover{color: var(--el-em-700);border-color: var(--el-em-200);background: var(--el-em-50);}.nb-body{font-size: 13.5px;line-height: 1.6;color: var(--text);white-space: pre-wrap;overflow-wrap: anywhere;}.nb-items{display: flex;flex-direction: column;gap: 3px;}.nb-item{display: flex;align-items: flex-start;gap: 7px;font-size: 13.5px;color: var(--text);cursor: pointer;}.nb-item input{margin-top: 3px;accent-color: var(--el-em-600);}.nb-item.is-d span{text-decoration: line-through;color: var(--text-muted);}.nb-more{font-size: 11px;color: var(--text-muted);}.nb-prog{height: 5px;border-radius: 999px;background: #e2e8f0;overflow: hidden;}.nb-prog > i{display: block;height: 100%;border-radius: inherit;background: var(--el-em-600);}html[dir="rtl"] .nb-prog > i{margin-inline-start: auto;}.nb-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;}.nb-st, .nb-tag, .nb-rem{display: inline-flex;align-items: center;gap: 4px;min-height: 22px;padding: 1px 9px;border-radius: 999px;border: 1px solid var(--border);background: var(--bg-card);font: inherit;font-size: 11px;font-weight: 700;color: var(--text-muted);}.nb-st.t-brand{color: var(--el-teal-800);background: var(--el-em-50);border-color: var(--el-em-200);}.nb-st.t-warn{color: #92400e;background: #fffbeb;border-color: #fde68a;}.nb-st.t-ok{color: #15803d;background: #f0fdf4;border-color: #bbf7d0;}.nb-rem.is-over{color: #b91c1c;background: #fef2f2;border-color: #fecaca;}.nb-tag{cursor: pointer;}.nb-tag:hover{border-color: var(--el-em-300);color: var(--el-teal-900);}.nb-rem svg{width: 12px;height: 12px;}.nb-move{height: 30px;border: 1px solid var(--border);border-radius: 8px;background: var(--bg-card);font: inherit;font-size: 12.5px;color: var(--text);}.nb-board{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 12px;align-items: start;}.nb-col{display: flex;flex-direction: column;gap: 10px;min-width: 0;padding: 10px;border-radius: 12px;background: #f1f5f9;border: 1px solid #e2e8f0;}.nb-col-h{display: flex;align-items: center;justify-content: space-between;margin: 0;padding: 2px 4px 4px;font-size: 13.5px;font-weight: 900;color: var(--el-teal-900);}.nb-col-h b{font-size: 12.5px;color: var(--text-muted);}.nb-col-none{padding: 14px 6px;text-align: center;font-size: 12.5px;color: var(--text-muted);}.nb-err{padding: 26px;text-align: center;font-weight: 700;color: #b91c1c;}.nb-foot{display: flex;align-items: center;justify-content: center;gap: 6px;font-size: 12.5px;font-weight: 700;color: var(--text-muted);}.nb-foot svg{width: 13px;height: 13px;}.nb-modal{max-width: 760px;width: 100%;}.nb-mh-ic{display: inline-flex;}.nb-mh-ic svg{width: 20px;height: 20px;}.nb-ed-bodywrap{position: relative;}.nb-ed-bodywrap textarea{width: 100%;}.nb-mic{position: absolute;inset-block-end: 8px;inset-inline-end: 8px;display: inline-grid;place-items: center;width: 32px;height: 32px;border: 1px solid var(--border);border-radius: 50%;background: var(--bg-card);color: var(--el-teal-800);cursor: pointer;}.nb-mic svg{width: 16px;height: 16px;}.nb-mic.is-on{background: #fef2f2;border-color: #fecaca;color: #b91c1c;}.nb-ed-items{display: flex;flex-direction: column;gap: 6px;}.nb-ed-item{display: flex;align-items: center;gap: 8px;}.nb-ed-item .nb-ed-t{flex: 1;min-width: 0;}.nb-ed-x{display: inline-grid;place-items: center;width: 30px;height: 30px;border: 1px solid var(--border);border-radius: 8px;background: var(--bg-card);color: #64748b;cursor: pointer;}.nb-ed-x svg{width: 14px;height: 14px;}.nb-ed-add{display: flex;gap: 8px;margin-top: 6px;}.nb-ed-add input{flex: 1;min-width: 0;}.nb-swatches{display: flex;flex-wrap: wrap;gap: 8px;}.nb-sw{--nb-c: #fff;width: 28px;height: 28px;border-radius: 50%;border: 2px solid #cbd5e1;background: var(--nb-c);cursor: pointer;}.nb-sw.on{box-shadow: 0 0 0 3px var(--bg-card), 0 0 0 5px var(--el-teal-800);}@media (max-width: 600px){.nb-swatches{gap: 10px;}.nb-sw{width: 36px;height: 36px;min-width: 36px;min-height: 36px;padding: 0;flex: 0 0 36px;}}.nb-ed-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}.nb-grow{flex: 1;}.nb-del{color: #b91c1c;}@media screen and (max-width: 1100px){.nb-board{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media screen and (max-width: 640px){.nb-board, .nb-grid{grid-template-columns: 1fr;}.nb-wrap{padding: 10px;}.nb-ed-foot .btn{flex: 1 1 auto;}}