.nv-clickup { width: 100%; background: #fff; color: #292d34; font-family: inherit; font-size: 12px; line-height: 1.5; border: 1px solid #e2e3e9; border-radius: 10px; overflow: hidden; text-align: left; color-scheme: light; }
.nv-clickup, .nv-clickup * { box-sizing: border-box; }
.nv-clickup svg { width: 16px; height: 16px; flex: 0 0 auto; vertical-align: middle; }
.nv-clickup h2, .nv-clickup h3, .nv-clickup p { margin: 0; }
.nv-clickup button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: inherit; font-size: inherit; color: inherit; border: 0; border-radius: 5px; background: transparent; cursor: pointer; padding: 6px; }
.nv-clickup button:hover { background: #7b68ee10; }
.nv-clickup button:focus-visible { outline: 2px solid #7b68ee; outline-offset: 2px; }
.nv-clickup.nv-main { display: grid; grid-template-columns: 62px minmax(0, 1fr); height: 600px; }
.nv-clickup .c-sidebar { background: #f7f8fa; border-right: 1px solid #e8e9ed; display: flex; align-items: center; flex-direction: column; gap: 12px; padding: 15px 9px; }
.nv-clickup .c-workspace-mark { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: #fff; background: #7b68ee; font-size: 16px; font-weight: 650; margin-bottom: 10px; }
.nv-clickup .c-side-icon { display: grid; place-items: center; width: 33px; height: 33px; color: #797d8b; }
.nv-clickup .c-side-selected { background: #eae7fc; color: #7b68ee; border-radius: 7px; }
.nv-clickup .c-side-divider { height: 1px; width: 25px; background: #e0e1e7; }
.nv-clickup .c-side-bottom { margin-top: auto; }
.nv-clickup .c-work { min-width: 0; }
.nv-clickup .c-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 53px; border-bottom: 1px solid #ececf1; padding: 0 22px; }
.nv-clickup .c-breadcrumb { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #868995; min-width: 0; }
.nv-clickup .c-breadcrumb strong { color: #4b4f5b; font-weight: 500; }
.nv-clickup .c-ai-button { color: #7b68ee; font-size: 11px; }
.nv-clickup .c-tabs { display: flex; gap: 23px; align-items: center; height: 44px; border-bottom: 1px solid #ececf1; padding: 0 24px; color: #8a8d98; }
.nv-clickup .c-tab { display: flex; gap: 6px; align-items: center; align-self: stretch; font-size: 11px; border-bottom: 2px solid transparent; }
.nv-clickup .c-tab-active { color: #7b68ee; border-bottom-color: #7b68ee; font-weight: 650; }
.nv-clickup .c-tab svg { width: 14px; }
.nv-clickup .c-list-area { padding: 22px 27px; }
.nv-clickup .c-list-tools { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 18px; }
.nv-clickup .c-list-title { display: flex; align-items: center; gap: 10px; }
.nv-clickup .c-list-title h2 { font-size: 19px; font-weight: 750; letter-spacing: -.04em; }
.nv-clickup .c-list-title > span { font-size: 10px; color: #979aa5; }
.nv-clickup .c-filters { display: flex; align-items: center; gap: 12px; font-size: 10px; color: #797d8b; }
.nv-clickup .c-filters .c-new { background: #7b68ee; color: #fff; padding: 7px 11px; }
.nv-clickup .c-group { margin: 0 0 11px; }
.nv-clickup .c-group-head { display: flex; gap: 8px; align-items: center; height: 25px; }
.nv-clickup .c-group-head > svg { color: #858894; width: 13px; }
.nv-clickup .c-group-head h3 { text-transform: uppercase; color: color-mix(in srgb, var(--s) 65%, #20242c); background: color-mix(in srgb, var(--s) 14%, white); font-size: 9px; font-weight: 750; letter-spacing: .04em; padding: 2px 7px; border-radius: 4px; }
.nv-clickup .c-group-head > span { color: #979aa5; font-size: 10px; margin-right: 4px; }
.nv-clickup .c-group-head button { color: #a2a5af; padding: 2px; }
.nv-clickup .c-group-head button svg { width: 13px; }
.nv-clickup .c-columns, .nv-clickup .c-task { display: grid; grid-template-columns: minmax(0, 1fr) 100px 95px 85px; align-items: center; gap: 10px; }
.nv-clickup .c-columns { min-height: 18px; color: #a0a3ad; font-size: 9px; padding: 0 9px 0 28px; }
.nv-clickup .c-task { min-height: 34px; border-block: 1px solid #eeeef2; padding: 5px 9px 5px 28px; font-size: 11px; }
.nv-clickup .c-task:hover { background: #faf9ff; }
.nv-clickup .c-task-name { display: flex; align-items: center; gap: 9px; min-width: 0; }
.nv-clickup .c-task-name > span:nth-child(2) { min-width: 0; }
.nv-clickup .c-status-circle { display: grid; place-items: center; width: 13px; height: 13px; border: 2px solid var(--s); border-radius: 50%; color: var(--s); flex: 0 0 auto; }
.nv-clickup .c-status-circle svg { width: 10px; height: 10px; stroke-width: 2; }
.nv-clickup .c-task-tag { font-size: 8px; color: #9699a4; background: #f5f5f7; padding: 1px 6px; border-radius: 4px; }
.nv-clickup .c-avatar { width: 24px; height: 24px; border-radius: 50%; background: #f4d6c8; color: #91614e; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex: 0 0 auto; border: 1px solid #fff; }
.nv-clickup .c-avatar-ai { background: #ece7ff; color: #7b68ee; }
.nv-clickup .c-avatar svg { width: 13px; height: 13px; }
.nv-clickup .c-task-assignee { display: flex; align-items: center; }
.nv-clickup .c-mini-ai { display: grid; place-items: center; width: 19px; height: 19px; margin-left: -4px; border: 1px solid #fff; border-radius: 50%; background: #ece7ff; color: #7b68ee; }
.nv-clickup .c-mini-ai svg { width: 11px; height: 11px; }
.nv-clickup .c-due { color: #858895; font-size: 10px; white-space: nowrap; }
.nv-clickup .c-priority { display: flex; align-items: center; gap: 6px; color: #b4b6c0; font-size: 9px; }
.nv-clickup .c-priority svg { width: 14px; }
.nv-clickup .c-related-doc { display: flex; align-items: center; gap: 8px; padding: 9px 11px; background: #f9f8ff; border-radius: 5px; color: #7b68ee; font-size: 10px; }
.nv-clickup .c-doc-lead { color: #9691a9; margin-left: auto; font-size: 9px; }
.nv-clickup.nv-ask { min-height: 395px; }
.nv-clickup .c-ai-header { display: flex; align-items: center; gap: 10px; padding: 17px 20px; background: #faf9ff; border-bottom: 1px solid #eeebf9; }
.nv-clickup .c-ai-symbol { display: grid; place-items: center; background: #eee9ff; color: #7b68ee; width: 28px; height: 28px; border-radius: 7px; flex: 0 0 auto; }
.nv-clickup .c-ai-header strong { font-size: 13px; }
.nv-clickup .c-ai-header > div > span { display: block; font-size: 10px; margin-top: 3px; color: #9a96a7; }
.nv-clickup .c-ai-header button { margin-left: auto; color: #9691a9; }
.nv-clickup .c-ai-body { padding: 16px 20px 20px; }
.nv-clickup .c-ai-context { display: inline-flex; align-items: center; gap: 5px; color: #9691a9; font-size: 10px; }
.nv-clickup .c-question { display: flex; align-items: center; gap: 10px; margin: 17px 0 22px; }
.nv-clickup .c-question p { background: #f7f7fa; border-radius: 7px; padding: 9px 12px; font-size: 12px; }
.nv-clickup .c-ai-response { display: flex; gap: 10px; align-items: flex-start; }
.nv-clickup .c-ai-response > div { min-width: 0; flex: 1; }
.nv-clickup .c-ai-response strong { font-size: 11px; color: #6c5cc8; }
.nv-clickup .c-ai-response p { font-size: 13px; line-height: 1.7; margin: 8px 0 13px; min-height: 70px; overflow-wrap: anywhere; }
.nv-clickup .c-source { display: inline-flex; align-items: center; gap: 5px; background: #f5f3fc; color: #7c729e; font-size: 10px; padding: 3px 7px; border: 1px solid #e9e4f5; border-radius: 4px; }
.nv-clickup .c-source svg { width: 12px; height: 12px; }
.nv-clickup .c-ai-actions { display: flex; gap: 8px; font-size: 10px; margin-top: 10px; }
.nv-clickup .c-ai-actions .c-insert { color: #7b68ee; }
.nv-clickup .c-chips { display: flex; gap: 7px; flex-wrap: wrap; margin: 19px 0 13px 38px; font-size: 10px; }
.nv-clickup .c-chips button { border: 1px solid #e8e5ef; border-radius: 6px; color: #898197; padding: 6px 8px; }
.nv-clickup .c-chips svg { width: 12px; height: 12px; }
.nv-clickup .c-compose { border: 1px solid #e1dced; border-radius: 8px; padding: 9px 10px 9px 12px; display: flex; align-items: center; justify-content: space-between; color: #a5a1ae; font-size: 11px; }
.nv-clickup .c-compose > span:last-child { background: #7b68ee; color: #fff; border-radius: 4px; padding: 2px 5px; }
.nv-clickup [data-after] { visibility: hidden; }
.nv-clickup.is-done [data-after] { visibility: visible; }
@container nv (max-width: 900px) {
  .nv-clickup .c-task-tag, .nv-clickup .c-doc-lead { display: none; }
  .nv-clickup .c-columns, .nv-clickup .c-task { grid-template-columns: minmax(0, 1fr) 65px 65px 65px; }
  .nv-clickup .c-list-title h2 { font-size: 17px; }
}
@container nv (max-width: 640px) {
  .nv-clickup.nv-main { display: block; height: auto; }
  .nv-clickup .c-sidebar { display: none; }
  .nv-clickup .c-top { height: auto; min-height: 51px; padding: 10px 14px; }
  .nv-clickup .c-breadcrumb { flex-wrap: wrap; gap: 4px 7px; font-size: 9px; }
  .nv-clickup .c-breadcrumb > svg, .nv-clickup .c-ai-button > span { display: none; }
  .nv-clickup .c-tabs { gap: 16px; padding-inline: 15px; height: 42px; }
  .nv-clickup .c-tab { font-size: 10px; gap: 4px; }
  .nv-clickup .c-tab svg { width: 12px; }
  .nv-clickup .c-tabs > button { display: none; }
  .nv-clickup .c-list-area { padding: 18px 14px; }
  .nv-clickup .c-list-tools { margin-bottom: 19px; }
  .nv-clickup .c-list-title h2 { font-size: 16px; }
  .nv-clickup .c-filters { gap: 3px; }
  .nv-clickup .c-filters > button:first-child { display: none; }
  .nv-clickup .c-filters .c-new { padding: 5px 7px; font-size: 9px; }
  .nv-clickup .c-group { margin-bottom: 15px; }
  .nv-clickup .c-columns, .nv-clickup .c-task { grid-template-columns: minmax(0, 1fr) 31px 39px 20px; gap: 5px; padding-left: 5px; padding-right: 0; }
  .nv-clickup .c-columns { min-height: 23px; font-size: 8px; }
  .nv-clickup .c-columns > span:nth-child(2), .nv-clickup .c-columns > span:last-child { font-size: 0; }
  .nv-clickup .c-task { min-height: 41px; }
  .nv-clickup .c-task-name { gap: 6px; font-size: 10px; }
  .nv-clickup .c-due { font-size: 9px; }
  .nv-clickup .c-priority > span { display: none; }
  .nv-clickup .c-ai-body { padding: 15px; }
  .nv-clickup .c-ai-header { padding: 15px; }
  .nv-clickup .c-ai-header > div > span { font-size: 9px; }
  .nv-clickup .c-ai-response p { font-size: 12px; }
  .nv-clickup .c-chips { margin-left: 0; }
}