body:has(#mcc-desk-views) #root {
  padding-left: 232px;
}

.mcc-desk-views {
  position: fixed;
  top: 68px;
  left: 14px;
  z-index: 1200;
  width: 204px;
  max-height: calc(100vh - 88px);
  overflow-y: auto;
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e3eaf0;
  box-shadow: 0 10px 30px rgba(16, 40, 60, 0.1);
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #17242e;
}

.mcc-desk-views__title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7b87;
  margin-bottom: 3px;
}

.mcc-desk-views__hint {
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 1.4;
  color: #8b98a2;
}

.mcc-desk-views__chip,
.mcc-desk-views__save,
.mcc-desk-views__manage {
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 4px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: #17242e;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.mcc-desk-views__chip:hover,
.mcc-desk-views__save:hover,
.mcc-desk-views__manage:hover {
  background: #f6f9fb;
}

.mcc-desk-views__chip.is-active {
  background: #e8f3fc;
  border-color: #bcdcf5;
  color: #10618f;
  font-weight: 600;
}

.mcc-desk-views__actions {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e3eaf0;
}

.mcc-desk-views__save,
.mcc-desk-views__manage {
  font-size: 12px;
  color: #6b7b87;
  border-color: #e3eaf0;
}

.mcc-desk-views__save:hover { color: #10618f; border-color: #bcdcf5; }
.mcc-desk-views__manage:hover { color: #98342f; border-color: #e3b4b4; }

.mcc-desk-views::-webkit-scrollbar { width: 8px; }
.mcc-desk-views::-webkit-scrollbar-thumb { background: #cfd9e1; border-radius: 8px; }