html.vc2-client-projects [data-cases-redesign="mycases-v3"] {
  display: none !important;
}
html.vc2-client-projects main:has(#vc2-projects-root) {
  background: #f4f6fb;
}
#vc2-projects-root {
  min-width: 0;
  max-width: 100%;
  min-height: 60vh;
  padding: 8px 4px 36px;
  color: #17181d;
  font-family: inherit;
  font-weight: 400;
}
#vc2-projects-root * { box-sizing: border-box; }
.vp-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}
.vp-head h1 {
  margin: 0;
  color: #17181d;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.15;
}
.vp-lead {
  margin: 8px 0 0;
  max-width: 42rem;
  color: #6d7380;
  font-size: 0.98rem;
  font-weight: 400;
}
.vp-count {
  margin: 8px 0 0;
  color: #5a63d3;
  font-size: 0.92rem;
  font-weight: 600;
}
.vp-start {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #5a63d3;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.vp-start:hover { background: #4c54c4; }
.vp-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}
.vp-search {
  display: flex;
  flex: 1 1 240px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #e6e9f2;
  border-radius: 999px;
  background: #fff;
  color: #8b909c;
}
.vp-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #17181d;
  font: inherit;
  font-weight: 400;
}
.vp-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.vp-pills button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #e4e7ef;
  border-radius: 999px;
  background: #fff;
  color: #3c4150;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
}
.vp-pills button.is-on { background: #5a63d3; border-color: #5a63d3; color: #fff; }
.vp-pills button.is-on.is-draft,
.vp-pills button.is-on.is-pending,
.vp-pills button.is-on.is-submitted,
.vp-pills button.is-on.is-assigned { background: #6ea8fe; border-color: #6ea8fe; color: #10233f; }
.vp-pills button.is-on.is-on_hold,
.vp-pills button.is-on.is-expired { background: #f0b429; border-color: #f0b429; color: #3a2a00; }
.vp-pills button.is-on.is-completed,
.vp-pills button.is-on.is-closed { background: #3dae68; border-color: #3dae68; color: #fff; }
.vp-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #6d7380;
  font-size: 0.86rem;
  font-weight: 600;
}
.vp-sort select {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #e6e9f2;
  border-radius: 10px;
  background: #fff;
  color: #17181d;
  font: inherit;
  font-weight: 600;
}
.vp-table-wrap {
  overflow: auto;
  border: 1px solid #eceff5;
  border-radius: 18px;
  background: #fff;
}
.vp-table { width: 100%; border-collapse: collapse; }
.vp-table th {
  padding: 14px 18px;
  border-bottom: 1px solid #eef1f6;
  color: #8b909c;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-align: left;
  text-transform: uppercase;
}
.vp-table td { padding: 16px 18px; vertical-align: middle; }
.vp-table tbody + tbody .vp-main td { border-top: 1px solid #eef1f6; }
.vp-table tbody:hover td { background: #f7f8ff; }
.vp-project {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
.vp-file {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: #eef0ff;
  color: #5a63d3;
}
.vp-project small { display: block; color: #8b909c; font-size: 0.74rem; font-weight: 600; }
.vp-project strong { display: block; margin-top: 2px; color: #5a63d3; font-size: 1rem; font-weight: 600; }
.vp-project em { display: block; margin-top: 3px; color: #6d7380; font-size: 0.84rem; font-style: normal; font-weight: 400; }
.vp-stage { display: grid; gap: 6px; justify-items: start; }
.vp-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef0ff;
  color: #3c4150;
  font-size: 0.74rem;
  font-weight: 600;
}
.vp-status.is-review { background: #eef0ff; color: #3d4499; }
.vp-status.is-proposal { background: #e7f0ff; color: #1d4f91; }
.vp-status.is-discovery { background: #fff4d6; color: #7a4b00; }
.vp-status.is-development { background: #eef0ff; color: #3d4499; }
.vp-status.is-done { background: #e8f8ee; color: #14632a; }
.vp-bars { display: flex; gap: 4px; }
.vp-bars i {
  display: block;
  width: 14px;
  height: 6px;
  border-radius: 999px;
  background: #e6e9f2;
}
.vp-bars i.is-on { background: #8b93e8; }
.vp-bars.is-discovery i.is-on { background: #f0b429; }
.vp-bars.is-proposal i.is-on { background: #6ea8fe; }
.vp-bars.is-development i.is-on,
.vp-bars.is-done i.is-on { background: #5a63d3; }
.vp-stage small { color: #8b909c; font-size: 0.76rem; }
.vp-stack { display: grid; gap: 4px; }
.vp-stack strong { color: #17181d; font-weight: 600; }
.vp-stack span { color: #6d7380; font-size: 0.84rem; }
.vp-open {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #5a63d3;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.vp-open:hover { color: #3d4499; }
.vp-meta td { padding-top: 0; }
.vp-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 4px;
}
.vp-facts { display: flex; flex-wrap: wrap; gap: 14px 28px; }
.vp-fact span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8b909c;
  font-size: 0.75rem;
}
.vp-fact strong {
  display: block;
  margin-top: 2px;
  color: #17181d;
  font-size: 0.86rem;
  font-weight: 600;
}
.vp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #e4e7ef;
  border-radius: 10px;
  background: #fff;
  color: #3c4150;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.vp-btn:hover { background: #f4f6fb; }
.vp-btn:disabled { opacity: 0.65; cursor: wait; }
.vp-more { min-width: 34px; padding: 0 8px; }
.vp-row-error { flex-basis: 100%; margin: 0; color: #9f1239; font-size: 0.8rem; }
.vp-menu {
  position: fixed;
  z-index: 80;
  min-width: 196px;
  padding: 6px;
  border: 1px solid #e6e9f2;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(23, 24, 29, 0.12);
}
.vp-menu a,
.vp-menu button {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #17181d;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.vp-menu a:hover,
.vp-menu button:hover { background: #f4f6fb; }
.vp-legend {
  display: grid;
  gap: 6px;
  padding: 14px 2px 0;
  color: #6d7380;
  font-size: 0.82rem;
}
.vp-legend strong { margin-right: 8px; color: #3c4150; font-weight: 600; }
.vp-legend ol {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vp-legend li { display: inline; }
.vp-legend li:not(:last-child)::after {
  content: "→";
  margin: 0 8px;
  color: #c5c8d2;
}
.vp-legend b { color: #5a63d3; font-weight: 600; }
.vp-empty, .vp-none, .vp-loading, .vp-error {
  margin: 0;
  padding: 22px 24px;
  border: 1px solid #eceff5;
  border-radius: 16px;
  background: #fff;
}
.vp-empty h2, .vp-error h2 { margin: 0 0 8px; font-size: 1.15rem; font-weight: 600; }
.vp-empty p, .vp-none, .vp-loading, .vp-error p { margin: 0; color: #6d7380; }
.vp-empty .vp-start, .vp-error .vp-btn { margin-top: 16px; }
.vp-cards { display: none; }
.vp-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #eceff5;
  border-radius: 16px;
  background: #fff;
}
.vp-card .vp-meta-row { padding-bottom: 0; }
.vp-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.vp-start:focus-visible,
.vp-btn:focus-visible,
.vp-pills button:focus-visible,
.vp-search input:focus-visible,
.vp-open:focus-visible,
.vp-project:focus-visible {
  outline: 2px solid #5a63d3;
  outline-offset: 2px;
}
@media (max-width: 900px) {
  .vp-sort { margin-left: 0; }
  .vp-table-wrap { display: none; }
  .vp-cards { display: grid; gap: 12px; }
  .vp-head h1 { font-size: 1.7rem; }
}