.nv-trello { width: 100%; font-family: inherit; color: #172b4d; font-size: 12px; line-height: 1.45; text-align: left; color-scheme: light; border-radius: 12px; overflow: hidden; background: linear-gradient(125deg, #075b9a 0%, #3155a2 45%, #7148a4 100%); }
.nv-trello, .nv-trello * { box-sizing: border-box; }
.nv-trello svg { width: 16px; height: 16px; flex: 0 0 auto; vertical-align: middle; }
.nv-trello h2, .nv-trello h3, .nv-trello p { margin: 0; }
.nv-trello button { font-family: inherit; font-size: inherit; border: 0; background: transparent; color: inherit; padding: 6px; border-radius: 5px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.nv-trello button:hover { background: #091e4214; }
.nv-trello button:focus-visible { outline: 2px solid #0c66e4; outline-offset: 2px; }
.nv-trello.nv-main { height: 600px; }
.nv-trello .t-top { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; background: #091e423d; color: #fff; }
.nv-trello .t-board-title { display: flex; align-items: center; gap: 17px; min-width: 0; }
.nv-trello .t-board-title strong { font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.nv-trello .t-client { font-size: 11px; border-left: 1px solid #ffffff40; padding-left: 17px; color: #ffffffcf; }
.nv-trello .t-top-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.nv-trello .t-board-tab { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 4px; color: #172b4d; background: #ffffffed; font-size: 11px; }
.nv-trello .t-top button:hover { background: #ffffff20; }
.nv-trello .t-top button:focus-visible { outline-color: white; }
.nv-trello .t-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; padding: 22px 17px; align-items: start; }
.nv-trello .t-list { min-width: 0; border-radius: 12px; background: #f1f2f4; padding: 8px; box-shadow: 0 1px 2px #091e4233; }
.nv-trello .t-list-head { display: flex; align-items: center; gap: 8px; padding: 1px 0 7px 4px; }
.nv-trello .t-list-head h2 { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 650; flex: 1; }
.nv-trello .t-list-head h2 i { width: 7px; height: 7px; background: var(--s); border-radius: 50%; }
.nv-trello .t-list-head > span { font-size: 10px; color: #8590a2; }
.nv-trello .t-list-head button { padding: 4px; }
.nv-trello .t-card { background: #fff; padding: 12px; border-radius: 8px; box-shadow: 0 1px 1px #091e423f, 0 0 1px #091e4226; margin-bottom: 8px; min-width: 0; }
.nv-trello .t-card:hover { outline: 2px solid #388bff; }
.nv-trello .t-label { display: inline-block; font-size: 9px; line-height: 1.5; padding: 2px 9px; border-radius: 4px; background: color-mix(in srgb, var(--s) 28%, white); color: #172b4d; min-width: 45px; font-weight: 500; }
.nv-trello .t-card h3 { font-size: 13px; font-weight: 400; line-height: 1.5; margin: 8px 0 15px; }
.nv-trello .t-card-preview { background: #f7f8fa; padding: 10px 8px; border-radius: 4px; margin: -3px 0 15px; display: grid; gap: 8px; }
.nv-trello .t-card-preview > span { display: flex; align-items: center; gap: 6px; font-size: 9px; color: #626f86; }
.nv-trello .t-card-preview svg { width: 11px; height: 11px; }
.nv-trello .t-card-meta { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 10px; color: #626f86; }
.nv-trello .t-date { display: inline-flex; gap: 4px; align-items: center; font-size: 10px; white-space: nowrap; }
.nv-trello .t-date svg, .nv-trello .t-count svg, .nv-trello .t-comments svg { width: 13px; height: 13px; }
.nv-trello .t-date-done { background: #dcfce7; color: #216e4e; border-radius: 4px; padding: 3px 4px; }
.nv-trello .t-count { display: inline-flex; align-items: center; gap: 3px; }
.nv-trello .t-avatars { display: inline-flex; margin-left: auto; flex-shrink: 0; }
.nv-trello .t-avatar { width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: #f5cdb1; color: #80451f; font-size: 10px; font-weight: 600; border: 2px solid #fff; }
.nv-trello .t-avatar + .t-avatar { margin-left: -5px; }
.nv-trello .t-avatar-ai { background: #dcd3ff; color: #6554c0; }
.nv-trello .t-avatar svg { width: 13px; height: 13px; }
.nv-trello .t-add { width: 100%; color: #626f86; font-size: 11px; padding: 7px 5px; }
.nv-trello.nv-ask { padding: 13px; }
.nv-trello .t-modal { background: #f4f5f7; border-radius: 9px; box-shadow: 0 10px 25px #091e423b; padding: 15px 17px; }
.nv-trello .t-modal-head { display: flex; align-items: flex-start; gap: 10px; }
.nv-trello .t-modal-head > svg { margin-top: 2px; }
.nv-trello .t-modal-head h2 { font-size: 17px; font-weight: 600; }
.nv-trello .t-modal-head > div > span { font-size: 10px; color: #626f86; text-decoration: underline; text-underline-offset: 2px; }
.nv-trello .t-modal-head > button { margin-left: auto; padding: 2px; }
.nv-trello .t-modal-body { padding-left: 26px; }
.nv-trello .t-modal-labels { display: flex; align-items: center; gap: 10px; margin: 11px 0; }
.nv-trello .t-modal-labels .t-avatars { margin-left: 0; }
.nv-trello .t-description h3, .nv-trello .t-checklist h3, .nv-trello .t-activity h3 { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; margin-bottom: 5px; }
.nv-trello .t-description p { font-size: 10px; color: #44546f; }
.nv-trello .t-checklist { margin-top: 11px; }
.nv-trello .t-checklist h3 > span { margin-left: auto; font-size: 10px; font-weight: 400; color: #626f86; }
.nv-trello .t-progress { display: flex; align-items: center; gap: 8px; font-size: 9px; color: #626f86; margin: 5px 0 7px; }
.nv-trello .t-progress > div { flex: 1; height: 5px; background: #dfe1e6; border-radius: 6px; overflow: hidden; }
.nv-trello .t-progress i { display: block; height: 100%; background: #579dff; border-radius: inherit; }
.nv-trello .t-checklist ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; list-style: none; padding: 0; margin: 0; }
.nv-trello .t-checklist li { display: flex; gap: 6px; align-items: center; font-size: 9px; }
.nv-trello .t-unchecked { width: 10px; height: 10px; border: 1px solid #b3b9c4; border-radius: 2px; flex: 0 0 auto; }
.nv-trello .t-activity { margin-top: 14px; }
.nv-trello .t-question { font-size: 11px; margin: 8px 0 10px; }
.nv-trello .t-comment { display: flex; align-items: flex-start; gap: 8px; }
.nv-trello .t-comment > .t-avatar { flex-shrink: 0; width: 24px; height: 24px; }
.nv-trello .t-comment-content { flex: 1; min-width: 0; }
.nv-trello .t-signature { font-size: 9px; color: #626f86; line-height: 1.5; margin-bottom: 5px; }
.nv-trello .t-signature strong { color: #172b4d; }
.nv-trello .t-comment-bubble { padding: 10px; background: #fff; border-radius: 6px; box-shadow: 0 1px 2px #091e4226; font-size: 12px; line-height: 1.6; min-height: 91px; overflow-wrap: anywhere; }
.nv-trello .t-source { display: flex; gap: 5px; align-items: center; color: #626f86; font-size: 10px; margin-top: 8px; }
.nv-trello .t-source svg { width: 12px; }
.nv-trello .t-insert { font-size: 10px; padding: 4px 0 0; color: #44546f; text-decoration: underline; text-underline-offset: 2px; }
.nv-trello [data-after] { visibility: hidden; }
.nv-trello.is-done [data-after] { visibility: visible; }
@container nv (max-width: 900px) {
  .nv-trello .t-client { display: none; }
  .nv-trello .t-board { gap: 9px; padding: 16px 12px; }
  .nv-trello .t-card { padding: 9px; }
  .nv-trello .t-list-head h2 { font-size: 10px; }
}
@container nv (max-width: 640px) {
  .nv-trello.nv-main { height: auto; }
  .nv-trello .t-top { min-height: 64px; padding: 12px; gap: 5px; }
  .nv-trello .t-board-title strong { font-size: 14px; }
  .nv-trello .t-board-title > svg, .nv-trello .t-top-actions .t-board-tab { display: none; }
  .nv-trello .t-top-actions { gap: 1px; }
  .nv-trello .t-board { grid-template-columns: 1fr; gap: 10px; padding: 12px; }
  .nv-trello .t-list { padding: 6px 8px; }
  .nv-trello .t-list-head { padding-bottom: 5px; }
  .nv-trello .t-list-head h2 { font-size: 11px; }
  .nv-trello .t-list-head button { padding: 1px 4px; }
  .nv-trello .t-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; padding: 8px 10px; margin: 0; }
  .nv-trello .t-label { justify-self: start; font-size: 8px; padding: 1px 7px; }
  .nv-trello .t-card h3 { grid-column: 1; font-size: 12px; margin: 0; }
  .nv-trello .t-card-meta { grid-column: 2; grid-row: 1 / 3; gap: 6px; justify-content: flex-end; max-width: 120px; }
  .nv-trello .t-card-preview { display: none; }
  .nv-trello .t-comments { display: none; }
  .nv-trello .t-add { font-size: 10px; padding: 5px 3px 1px; }
  .nv-trello .t-add svg { width: 13px; height: 13px; }
  .nv-trello.nv-ask { padding: 9px; }
  .nv-trello .t-modal { padding: 13px; }
  .nv-trello .t-modal-body { padding-left: 0; }
  .nv-trello .t-modal-head h2 { font-size: 15px; }
  .nv-trello .t-checklist li { font-size: 8px; }
  .nv-trello .t-comment-bubble { font-size: 11px; }
}